/*
Theme Name: Arlekin
Author: Arlekin
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css2?family=Roboto);
@font-face {
	font-family: ALS Rubl;
	font-display: swap;
	src: url(fonts/rouble/ALSRubl.woff2) format("woff2"), url(fonts/rouble/ALSRubl.woff) format("woff"), url(fonts/rouble/ALSRubl.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}



@font-face {
	font-family: 'Permanent Marker';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/permanent-marker/permanent-marker-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Permanent Marker Regular'), local('PermanentMarker-Regular'),
			 url('fonts/permanent-marker/permanent-marker-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/permanent-marker/permanent-marker-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			 url('fonts/permanent-marker/permanent-marker-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
			 url('fonts/permanent-marker/permanent-marker-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('fonts/permanent-marker/permanent-marker-v9-latin-regular.svg#PermanentMarker') format('svg'); /* Legacy iOS */
}

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

html {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	height: 100%
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	html {
		display: flex;
		flex-direction: column
	}
}

body {
	background-color: #000;
	flex-direction: column;
	margin: 0;
	line-height: 1;
	text-rendering: optimizeLegibility;
	text-decoration-skip: objects;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}

:focus {
	outline: none
}

blockquote,
dd,
dl,
figure,
p {
	margin: 0
}

blockquote,
q {
	quotes: none
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-weight: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit
}

audio,
img,
video {
	display: block
}

iframe,
img {
	border: none
}

a {
	background-color: transparent;
	color: inherit
}

a,
abbr {
	text-decoration: none
}

abbr {
	border: none
}

b,
strong {
	font-weight: inherit
}

dfn,
em,
i {
	font-style: inherit
}

mark {
	background-color: transparent;
	color: inherit
}

small,
sub,
sup {
	font-size: inherit
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	line-height: 0
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

button,
input,
optgroup,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;

}

button,
input {
	overflow: visible;
	background: #343333;
}

button,
select {
	text-align: left;
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	cursor: pointer;
	-webkit-appearance: none;
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	padding: 6px 20px;
	background-image: none;
	min-height: 36px;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: normal;
	line-height: 1.4;
	font-style: normal;
	text-decoration: none;
	border: none;
	outline: none;
	transition: background-color .3s ease;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	background-color: #ff2929;
	font-family: 'proxima-nova', sans-serif;
	text-transform: uppercase;
}

textarea {
	resize: none;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 100%;
	background: #343333;

}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: none
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

[type=search] {
	outline: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

fieldset {
	padding: 0;
	margin: 0;
	border: none
}

legend {
	display: block;
	padding: 0;
	white-space: normal
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select::-ms-expand {
	display: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .2;
	transition: opacity .3s
}

:-moz-placeholder,
::-moz-placeholder {
	color: inherit;
	opacity: .2;
	transition: opacity .3s
}

:-ms-input-placeholder {
	color: inherit;
	opacity: .2;
	transition: opacity .3s
}

:focus::-webkit-input-placeholder {
	opacity: 0
}

:focus:-moz-placeholder,
:focus::-moz-placeholder {
	opacity: 0
}

:focus:-ms-input-placeholder {
	opacity: 0
}

.hidden,
[hidden] {
	display: none
}

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

::-ms-clear {
	display: none
}

:-webkit-autofill {
	box-shadow: inset 0 0 0 100px #fff;
	-webkit-text-fill-color: currentColor
}

.check-item__ico,
.countdown__count,
.input-item-wrap__bg,
.switch__hidden-wrap {
	box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.slider__wrapper-link:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 40%;
	background: linear-gradient(180deg, transparent, #051126 65%)
}

.achievement__bonus-wrap,
.actions__item:not(.actions__item--full),
.blog-list__promo-item,
.check-item__ico-bg,
.events__ban-item,
.game-search__border,
.input-item-wrap,
.level-item__bonus-box,
.open-shelf-info,
.poster-bg,
.poster-wrap,
.pregame-section__promo-item,
.progressbar__decor,
.registration-block__panel,
.shelf-info__cont-bg,
.shelf-info__top,
.switch,
.user-panel__promo-decor,
.user-place-buy-ticket,
.welcome-pack-page__shadow-wrapper {
	padding: 2px;
	background-image: linear-gradient(#080e17, #294374)
}

.event-preview,
.gift-item,
.hall-of-fame-list__card,
.payment-suggestion-sum__item,
.rating-card,
.used-gift {
	padding: 1px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

.event-preview__wrap,
.gift-item__bg,
.hall-of-fame-list__card-wrap,
.pay-item__bg,
.payment-suggestion-sum__bg,
.rating-card__wrap,
.used-gift__bg {
	background-image: linear-gradient(#1a2d4e, #0e1f3e);
	border-radius: inherit
}

.cup-participant-desc.cup-participant-desc--winner,
.hall-of-fame-list__card.active .hall-of-fame-list__card-wrap,
.participants-item.participants-item--winner .participants-item__item {
	border: 1px solid #21c6fb;
	background-image: linear-gradient(180deg, #189ff2, #2ed1fb)
}

.blog-show__comment-area-btn,
.check-item__ico-bg,
.gifts-page__title,
.header__open-menu,
.input-item-wrap__ico,
.input-item-wrap__ico-right,
.link__ico,
.profile__form-area-submit-wrap,
.successful-page__btn,
.v-link__ico {
	-moz-user-select: none
}

.check-item:active,
.input-item-tel:active,
.input-item:active {
	background-color: transparent
}

body {
	display: flex;
	min-height: 100%;
	background-color: #000;
	font-family: Arial, sans-serif;
	font-weight: 400;
	color: #fff
}

.lobby-games__game-aside.aside-footer{
	width: 100%;
	padding-right: 16px;
    padding-left: 16px;
}

.lobby-games__game-aside.aside-footer .slider3__slide{
	display: inline-block;
}
.lobby-games__game-aside.aside-footer .slider3__item-wrap {
	height: 90px;
}


.button {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	padding: 6px 20px;
	background-image: none;
	min-height: 36px;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: normal;
	line-height: 1.4;
	font-style: normal;
	text-decoration: none;
	border: none;
	outline: none;
	transition: background-color .3s ease;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	background-color: #ff2929;
	font-family: 'proxima-nova', sans-serif;
	text-transform: uppercase;
}

.auth__button {
	margin: 0 4px;
}

.button--reg {
	padding-left: 16px;
	padding-right: 16px;
	color: #fff;
	border: 1px solid #ff2929;
	background-color: transparent;
	border-radius: 16px;
	white-space: nowrap;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.slider__title {
	display: block;
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
	text-align: inherit;
	text-transform: none;
	letter-spacing: normal;
	font-family: 'Permanent Marker', sans-serif;
	margin: 0 0 50px 0;
	text-shadow: 0 5px 0 #810303;
	color: #ec8e00;
}
.slider__content p {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: inherit;
	line-height: inherit;
	color: inherit;
	letter-spacing: inherit;
}

.slider__button {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	padding: 5px 20px;
	background-image: none;
	letter-spacing: normal;
	line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	transition: background-color .3s ease;
	cursor: pointer;
	width: auto;
	min-width: 210px;
	min-height: 48px;
	border-radius: 24px;
	font-size: 16px;
	font-weight: 900;
	box-shadow: 0px 0px 70px 20px rgb(169 133 4 / 50%);
	border: none;
	border-bottom: 2px solid #eb2728;
	background-color: #000000;
	color: #fff;
	bottom: 0;
    position: absolute;
}

.slider__block{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100px;
	right: auto;
	margin: auto;
	height: 300px;
}

.footer__mga-logos {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.footer__mga-logos a {
	width: auto;
	height: 30px;
	text-align: center;
	justify-content: center;
	padding: 4px;
}
.footer__mga-logos a img {
	width: auto;
	height: 100%;
}

.footer__promo-inner {
	text-align: center;
}

.footer__promo-inner a img {
	display: block;
	height: 100%;
	width: auto;
	filter: grayscale(1);
}

.footer__promo-inner a {
	position: relative;
	height: 24px;
	display: inline-block;
	margin: 7px 5px;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	opacity: .6;
	transition: opacity .3s ease;
	height: 30px;
}
body .button--reg:hover {
	color: #fff;
	background-color: #fe3737;
	border: 1px solid #fe3737;
}

.commentlist,.comment{
	border-top: 1px solid #43444b;
	border-bottom: 1px solid #43444b;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
}
.comment-respond{
	padding-left: 4px;
	padding-right: 4px;
}

.comment p{
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu-footer_menu-container {
	max-width: 1000px;
	margin: auto;
}



.comment-form p{
	padding: 10px;
}

.comment-form input,
.comment-form textarea {
	padding: 4px;
}

.comment-form [type=submit]{
padding: 6px 20px;
}

.comment-author,
.comment-meta{
	padding: 4px;
}

.reply{
	display: inline-block;
}

.comment-meta{
	background-color: #343333;
    padding: 4px;
}

@media screen and (min-width:1366px) {
	body {
    background-color: #000;
		background-position: top;
		background-size: 1920px auto;
		background-attachment: fixed;
		background-repeat: no-repeat
	}
}


.container {
	width: 100%;
	padding: 0 8px;
	margin: 0 auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.container {
		padding: 0 16px
	}
}

.common-success {
	color: #13b300
}

.common-attention {
	color: #ffc400
}

.common-error {
	color: #f04d30
}

.common-undefined {
	color: #8893a8
}

.common-good {
	color: #189ff2
}

.common-warning {
	color: #ff9800
}

.loader {
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center
}

.loader--with-text {
	justify-content: space-evenly;
	flex-direction: column
}

.loader__text {
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #fff
}

.text-currency:before {
	font-weight: 400
}

.text-currency.rub:before {
	content: "i";
	font-family: ALS Rubl, sans-serif
}

.text-currency.usd:before {
	content: "$"
}

.flip-list-move {
	transition: transform 1s
}

#supportTrigger {
	display: none!important
}

[class*=icon-] {
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.icon-home {
	background-image: url(img/home.svg)
}

.icon-home-active {
	background-image: url(img/home-active.svg)
}

.icon-klubnichka {
	background-image: url(img/klubni4ka.svg)
}

.icon-klubnichka-active {
	background-image: url(img/klubni4ka-active.svg)
}

.icon-promo {
	background-image: url(img/promo.svg)
}

.icon-promo-active {
	background-image: url(img/promo-active.svg)
}

.icon-cashier {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/cashier.svg)
}

.icon-cashier-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/cashier-active.svg)
}

.icon-game-slot {
	background-image: url(img/game-slot.svg)
}

.icon-game-slot-active {
	background-image: url(img/game-slot-active.svg)
}

.icon-tournament {
	background-image: url(img/tournament.svg)
}

.icon-tournament-active {
	background-image: url(img/tournament-active.svg)
}

.icon-lottery {
	background-image: url(img/lottery.svg)
}

.icon-lottery-active {
	background-image: url(img/lottery-active.svg)
}

.icon-my-profile {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/my-profile.svg)
}

.icon-my-profile-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/my-profile-active.svg)
}

.icon-rating {
	background-image: url(img/rating.svg)
}

.icon-rating-active {
	background-image: url(img/rating-active.svg)
}

.icon-live {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/live.svg)
}

.icon-live-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/live-active.svg)
}

.icon-footer-vk {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/vk.svg)
}

.icon-footer-viber {
	background-image: url(img/viber.svg)
}

.icon-footer-telegram {
	background-image: url(img/telegram.svg)
}

.icon-footer-fb {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/fb.svg)
}

.icon-footer-instagram {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/insta.svg)
}

.icon-footer-ok {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/ok.svg)
}

.icon-footer-twitter {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/twitter.svg)
}

.icon-footer-gplus {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/gplus.svg)
}

.icon-vk {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-vk.svg)
}

.icon-facebook {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-facebook.svg)
}

.icon-google {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-google.svg)
}

.icon-mail {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-mail.svg)
}

.icon-ok {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-ok.svg)
}

.icon-ya {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-ya.svg)
}

.icon-pass {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/pass.svg)
}

.icon-video,
.icon-video-player {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/video.svg)
}

.icon-refresh-video {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh-video.svg)
}

.icon-volume-high {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/volume-high.svg)
}

.icon-volume-mute {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/volume-mute.svg)
}

.icon-gift-min {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-min.svg)
}

.icon-gift-strip {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-strip.svg)
}

.icon-turn-phone {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/turn-phone.svg)
}

.icon-number-bg-3 {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/number-bg-3.svg)
}

.icon-win-tournament {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/win-tournament.svg)
}

.icon-win-lottery {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/win-lottery.svg)
}

.icon-star-active {
	background-image: url(img/star-active.png)
}

.icon-star {
	background-image: url(img/star.png)
}

.icon-game-slot-filter {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-slot-filter.svg)
}

.icon-game-slot-filter-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-slot-filter-active.svg)
}

.icon-roulette {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/roulette.svg)
}

.icon-roulette-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/roulette-active.svg)
}

.icon-game-for-bonus {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-for-bonus.svg)
}

.icon-game-for-bonus-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-for-bonus-active.svg)
}

.icon-card-game {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/card-game.svg)
}

.icon-card-game-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/card-game-active.svg)
}

.icon-by-manufactory {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/by-manufactory.svg)
}

.icon-by-manufactory-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/by-manufactory-active.svg)
}

.icon-sms {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/sms.svg)
}

.btn__ico .icon-refresh {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh-2.svg)
}

.icon-arrow-bottom {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-bottom.svg)
}

.icon-gift-x {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-x.svg)
}

.icon-gift {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/gift.svg)
}

.icon-fire {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/fire.svg)
}

.icon-one-click-suc {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/one-cllick-succ.png)
}

.icon-one-click-err {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-err.png)
}

.icon-search {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/search.svg)
}

.icon-gift-menu {
	background-image: url(img/gift-menu.png)
}

.icon-help-menu {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/help-menu.png)
}

.icon-games {
	background-image: url(img/games.png)
}

.icon-home-quick-nav {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/home-quick-nav.svg)
}

.icon-actions {
	background-image: url(img/actions.svg)
}

.icon-bonus-motiv,
.icon-register-bonus {
	background-image: url(img/register-bonus.svg)
}

.icon-search-base {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/search-base.svg)
}

.icon-search-blue {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/search-blue.svg)
}

.icon-search-games {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/search-games.svg)
}

.icon-close {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/close.svg)
}

.icon-popup-close {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close.svg)
}

.icon-popup-close-hover {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close-hover.svg)
}

.icon-popup-close-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close-active.svg)
}

.icon-close-grey {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/close-grey.svg)
}

.icon-help {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/help.svg)
}

.icon-about {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/about.svg)
}

.icon-antiban {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/antiban.svg)
}

.icon-back {
	background-image: url(img/back.svg)
}

.icon-blue-repeat {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/blue-repeat.svg)
}

.icon-card {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/card.svg)
}

.icon-cup {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/cup.png)
}

.icon-delete {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/delete.svg)
}

.icon-deposit-label {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/deposit-label.svg)
}

.icon-document {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/document.svg)
}

.icon-edit {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/edit.svg)
}

.icon-error {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/error.svg)
}

.icon-eye {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/eye.svg)
}

.icon-faq {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/faq.svg)
}

.icon-favorites {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/favorites.png)
}

.icon-full-ver {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/full-ver.svg)
}

.icon-gift-mini {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-mini.svg)
}

.icon-ico-card {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/ico-card.svg)
}

.icon-img-delete-first {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/img-delete-first.svg)
}

.icon-img-delete-second {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/img-delete-second.svg)
}

.icon-mail-load {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/load.svg)
}

.icon-mail-base {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/mail-base.svg)
}

.icon-mail-ico {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/mail-ico.svg)
}

.icon-medal {
	background-image: url(img/medal.svg)
}

.icon-okk {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/okk.svg)
}

.icon-password {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/password.svg)
}

.icon-phone {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/phone.svg)
}

.icon-price-four {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/price-four.svg)
}

.icon-process {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/process.svg)
}

.icon-red-repeat {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/red-repeat.svg)
}

.icon-rate-gold {
	background-image: url(img/rate-gold.svg)
}

.icon-refresh {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh.svg)
}

.icon-rules {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/rules.svg)
}

.icon-sale {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/sale.png)
}

.icon-telegram {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/telegram.svg)
}

.icon-ticket {
	background-image: url(img/ticket.svg)
}

.icon-money {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/money.svg)
}

.icon-viber {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/viber.svg)
}

.icon-warning {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/warning.svg)
}

.icon-web-card {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/web-card.png)
}

.icon-winner {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/winner.svg)
}

.icon-favorite {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/favorite.svg)
}

.icon-favorite-active {
	background-image: url(img/favorite-active.svg)
}

.icon-number-bg {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/number-bg.svg)
}

.icon-ticket-all {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/ticket-all.png)
}

.icon-arrow-down-fill-white {
	background-image: url(img/arrow-down-fill-white.svg)
}

.icon-arrow-down-fill {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-down-fill.svg)
}

.icon-win-label {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/win-label.png)
}

.icon-arrow-text {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-text.svg)
}

.icon-radio-dot:after {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/radio-dot.svg)
}

.icon-check-ok:after {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/check-ok.svg)
}

.icon-game-hall {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-hall.svg)
}

.icon-arrow-slide-right {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right.svg)
}

.icon-game-tab-winners-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-winners-active.svg)
}

.icon-game-tab-tournament-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-tournament-active.svg)
}

.icon-game-tab-strawberry-active {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-strip-item-active.svg)
}

.icon-game-tab-winners {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-winners.svg)
}

.icon-game-tab-tournament {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-tournament.svg)
}

.icon-game-tab-strawberry {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/game-strip-item.svg)
}

.icon-one-click-success {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-success.svg)
}

.icon-one-click-error {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-error.svg)
}

.icon-slider-prev {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-left.svg)
}

.icon-slider-next {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right.svg)
}

.icon-slider-prev-2 {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-left-2.svg)
}

.icon-slider-next-2 {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right-2.svg)
}

.icon-help-rotate {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/help-rotate.png)
}

.icon-stack-cashier {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/stack-cashier.svg)
}

.icon-arrow-right {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-right.svg)
}

.icon-share-btn {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/share-btn.svg)
}

.icon-add-home-screen {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/add-home-screen.svg)
}

.icon-support-call {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/call.svg)
}

.icon-support-chat {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/chat.svg)
}

.icon-support-facebook {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/facebook.svg)
}

.icon-support-telegram {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/telegram.svg)
}

.icon-support-viber {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/viber.svg)
}

.icon-support-whats-app {
	background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/whats-app.svg)
}

.exchanger-success-modal {
	width: 100%;
	height: 100%;
	margin: auto
}

@media screen and (min-width:1024px) {
	.exchanger-success-modal {
		max-width: 768px;
		height: 612px
	}
}

@media screen and (min-width:1024px) {
	.exchanger-success-modal__desc {
		border-radius: 5px;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
	}
}

.payment-fail-modal {
	width: 100%;
	height: 100%;
	margin: auto
}

@media screen and (min-width:1024px) {
	.payment-fail-modal {
		max-width: 768px;
		height: 612px
	}
}

@media screen and (min-width:1024px) {
	.payment-fail-modal__desc {
		border-radius: 5px;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
	}
}

.payment-modal {
	width: 100%;
	height: 100%;
	margin: auto
}

@media screen and (min-width:1024px) {
	.payment-modal {
		max-width: 768px;
		height: 612px
	}
}

.payment-modal.payment-modal--separate-page {
	position: relative;
	z-index: 1000;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.payment-modal.payment-modal--separate-page::-webkit-scrollbar {
	display: none
}

@media screen and (min-width:1024px) {
	.payment-modal__desc {
		border-radius: 5px;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
	}
}

.payment-success-modal {
	width: 100%;
	height: 100%;
	margin: auto
}

@media screen and (min-width:1024px) {
	.payment-success-modal {
		max-width: 768px;
		height: 612px
	}
}

@media screen and (min-width:1024px) {
	.payment-success-modal__desc {
		border-radius: 5px;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
	}
}

.withdrawal-success-modal {
	width: 100%;
	height: 100%;
	margin: auto
}

@media screen and (min-width:1024px) {
	.withdrawal-success-modal {
		max-width: 768px;
		height: 612px
	}
}

@media screen and (min-width:1024px) {
	.withdrawal-success-modal__desc {
		border-radius: 5px;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
	}
}

.payment,
.payment__desc,
.payment__item,
.payment__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.payment {
	min-height: 100%;
	background-color: #112852
}

.deposit-tab {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.deposit-tab__desc {
	flex-shrink: 0;
	width: 100%;
	padding: 16px 0;
	margin: 0 auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.deposit-tab__desc {
		padding: 24px 0
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.deposit-tab__desc {
		display: flex;
		padding: 18px 8px 0;
		flex-grow: 1
	}
}

.deposit-tab__inputs-wrap {
	position: relative;
	align-self: center;
	width: 100%
}

.deposit-tab__data {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 0 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.deposit-tab__data>.deposit-tab__input-requisites {
		padding: 0;
		margin-bottom: 16px
	}
}

.deposit-tab__input-requisites:not(:empty) {
	margin-bottom: 34px
}

.deposit-tab__input-requisites:not(:empty):before {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 2px;
	margin: auto
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.deposit-tab__input-requisites:not(:empty) {
		display: none;
		padding: 0 8px 8px;
		margin: 0
	}
}

.deposit-tab__input-cur .alert-text,
.deposit-tab__pay-input .alert-text,
.deposit-tab__pay-input.hidden {
	display: none
}

.deposit-tab__pay-input.error .alert-text {
	display: block
}

.deposit-tab__sum-select-text {
	margin-bottom: 8px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	font-size: 14px
}

.translate-text-color-deposit {
	color: #ffc400
}

.deposit-tab__btn {
	display: flex;
	justify-content: center
}

.deposit-tab__suggestion-sum {
	margin-bottom: 24px
}

.deposit-tab__suggestion-sum:empty {
	display: none
}

@media screen and (max-height:330px) {
	.deposit-tab__suggestion-sum {
		display: none
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.deposit-tab__suggestion-sum {
		margin-bottom: 24px
	}
}

.deposit-tab__input-cur {
	margin-bottom: 16px
}

.deposit-tab__input-cur .error .alert-text {
	display: block
}

.deposit-pending-page {
	border-top: 1px solid #35486c;
	flex-grow: 1;
	background-color: #112852;
	padding-top: 30px;
	padding-bottom: 16px
}

.deposit-pending-page .description {
	text-align: center;
	margin-bottom: 20px
}

.deposit-pending-page .description p {
	margin-top: 10px
}

.deposit-pending-page .description h1 {
	margin-top: 20px
}

.deposit-pending-page .loader {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	box-sizing: content-box
}

.deposit-pending-page .loader:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	width: 80px;
	height: 80px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-image: url(/2174/mobile/images-loaded/src/images/pic/loading.svg);
	background-size: contain;
	animation: load 1.2s linear infinite
}

.deposit-pending-page__btn {
	display: flex;
	justify-content: center;
	margin-bottom: 16px
}

.history-tab__filter-title,
.history-tab__pagination {
	border-bottom: 1px solid #040a15
}

.history-tab__pagination {
	border-top: 1px solid #35486c;
	padding: 8px 0
}

.history-tab__pagination-btn {
	display: flex;
	justify-content: center
}

.history-item {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15
}

.history-item__data-wrap {
	display: none;
	order: 999
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__data-wrap {
		display: block;
		order: 0
	}
}

.history-item__arrow-ico {
	flex-shrink: 0;
	width: 16px;
	height: 16px
}

.history-item__wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 3px 0;
	min-height: 46px
}

.history-item__wrap.active .history-item__data-wrap {
	display: block
}

.history-item__wrap.active .history-item__arrow-ico {
	transform: rotate(180deg)
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__wrap.active {
		background-color: transparent;
		box-shadow: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__wrap {
		padding: 8px 0
	}
}

.history-item__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 24px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__info {
		flex-wrap: nowrap;
		padding-left: 0
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.history-item__info {
		width: calc(100% - 90px)
	}
}

.history-item__open-btn {
	position: absolute;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: flex-start;
	width: 32px;
	padding-top: 14px;
	padding-left: 8px;
	padding-right: 8px;
	color: #ccd0de;
	cursor: pointer
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__open-btn {
		display: none
	}
}

.history-item__price {
	width: 102px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__price {
		width: 113px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.history-item__price {
		width: 188px
	}
}

.history-item__money {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #ffc400;
	font-weight: 700;
	white-space: nowrap
}

.history-item__status {
	position: relative;
	width: auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__status {
		width: 110px
	}
}

.history-item__status-main {
	display: flex;
	align-items: center
}

.history-item__status-ico {
	height: 16px;
	width: 16px;
	margin-right: 4px
}

.history-item__status-text {
	font-size: 12px
}

.history-item__status-alert {
	width: 90%;
	padding-left: 24px;
	padding-bottom: 7px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__status-alert {
		position: absolute;
		left: 114px;
		top: 39px;
		display: none;
		font-size: 10px;
		white-space: nowrap
	}
}

.history-item__data {
	display: flex;
	align-items: flex-start;
	width: 100%;
	order: 999;
	padding-left: 24px;
	padding-bottom: 4px;
	line-height: 1.2;
	color: #8893a8;
	font-size: 12px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__data {
		align-items: center;
		padding: 0
	}
}

.history-item__operation {
	width: 104px;
	padding-right: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__operation {
		display: flex;
		flex-wrap: wrap;
		width: 203px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.history-item__operation {
		width: 188px
	}
}

.history-item__operation-name:not(:last-child) {
	margin-bottom: 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__operation-name:not(:last-child) {
		margin-bottom: 0;
		margin-right: 8px
	}
}

.history-item__date {
	width: 129px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.history-item__date {
		min-width: 85px;
		width: auto;
		padding-right: 0
	}
}

.history-item__data-main {
	display: block
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__data-main {
		display: flex
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.history-item__data-main {
		display: flex
	}
}

.history-item__id {
	padding-right: 16px
}

.history-item__btn {
	z-index: 0;
	display: flex;
	align-items: center;
	min-height: 32px;
	margin-left: auto;
	will-change: transform
}

.btn.history-item__cancel {
	width: 88px
}

.history-item__dell {
	display: block;
	width: 24px;
	height: 24px;
	margin: 4px 0
}

.history-item__dell:active {
	opacity: .8
}

@media screen and (min-width:768px) and (min-height:420px) {
	.history-item__dell {
		margin: 0
	}
}

.exchanger-tab__desc {
	max-width: 304px;
	margin: 0 auto;
	padding-top: 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__desc {
		max-width: 560px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__input-wrap {
		display: flex;
		margin-bottom: 16px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__info {
		padding-left: 24px;
		padding-top: 16px;
		padding-right: 8px
	}
}

.exchanger-tab__input {
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__input {
		flex-grow: 1;
		margin-bottom: 0
	}
}

.exchanger-tab__info-text {
	font-size: 14px;
	color: #8893a8;
	margin-bottom: 16px;
	text-align: center
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__info-text {
		margin-bottom: 8px
	}
}

.exchanger-tab__money {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__money {
		justify-content: flex-start;
		margin-bottom: 0
	}
}

.exchanger-tab__money-ico {
	width: 24px;
	height: 24px;
	margin-right: 4px
}

.exchanger-tab__money-cur {
	color: #ffc400;
	font-weight: 700;
	font-size: 22px
}

.exchanger-tab__balans {
	display: flex;
	justify-content: center;
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__balans {
		justify-content: flex-start;
		margin-bottom: 0
	}
}

.exchanger-tab__balans .balans {
	font-size: 22px
}

.exchanger-tab__balans .balans__ico {
	width: 24px;
	height: 24px
}

.exchanger-tab__btn {
	display: flex;
	justify-content: center;
	margin-bottom: 24px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.exchanger-tab__btn {
		margin-bottom: 16px
	}
}

.exchanger-tab__text {
	font-size: 14px;
	color: #8893a8;
	line-height: 1.2
}

.tip-tab {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.tip-tab__desc {
	flex-shrink: 0;
	width: 100%;
	padding: 16px 0;
	margin: 0 auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.tip-tab__desc {
		padding: 24px 0
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.tip-tab__desc {
		display: flex;
		padding: 18px 8px 0;
		flex-grow: 1
	}
}

.tip-tab__inputs-wrap {
	position: relative;
	align-self: center;
	width: 100%
}

.tip-tab__data {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 0 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.tip-tab__data>.tip-tab__input-requisites {
		padding: 0;
		margin-bottom: 16px
	}
}

.tip-tab__input-requisites:not(:empty) {
	margin-bottom: 34px
}

.tip-tab__input-requisites:not(:empty):before {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 2px;
	margin: auto
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.tip-tab__input-requisites:not(:empty) {
		padding: 0 8px 8px;
		margin: 0
	}
}

.tip-tab__input-cur .alert-text,
.tip-tab__pay-input .alert-text,
.tip-tab__pay-input.hidden {
	display: none
}

.tip-tab__pay-input.error .alert-text {
	display: block
}

.tip-tab__sum-select-text {
	margin-bottom: 8px;
	text-align: center
}

.tip-tab__btn {
	display: flex;
	justify-content: center
}

.tip-tab__sum-select {
	display: flex;
	margin-bottom: 24px;
	margin-left: -4px;
	margin-right: -4px;
	padding: 0 1px
}

@media screen and (max-height:330px) {
	.tip-tab__sum-select {
		display: none
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.tip-tab__sum-select {
		margin-bottom: 40px
	}
}

.tip-tab__input-cur {
	margin-bottom: 16px
}

.tip-tab__input-cur .error .alert-text {
	display: block
}

.tip-tab__employee {
	margin-bottom: 16px
}

.withdrawal-tab {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding-bottom: 16px
}

.withdrawal-tab .alert-text:empty {
	display: none
}

.withdrawal-email-confirmation__confirm-email {
	display: flex;
	flex-direction: column;
	align-items: center
}

.withdrawal-email-confirmation__confirm-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 24px
}

.withdrawal-email-confirmation__confirm-text {
	margin-bottom: 24px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	opacity: .6
}

.withdrawal-email-confirmation__withdrawal-balance-card {
	border-bottom: 1px solid #040a15;
	display: flex;
	justify-content: center;
	padding: 16px 0
}

.withdrawal-email-confirmation__desc {
	border-top: 1px solid #35486c;
	padding-top: 16px
}

.withdrawal-email-confirmation__title {
	margin-bottom: 8px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	text-align: center
}

.withdrawal-email-confirmation__text {
	margin-bottom: 24px;
	text-align: center;
	font-size: 12px;
	color: #8893a8;
	line-height: 1.2
}

.withdrawal-email-confirmation__email {
	color: #fff
}

.withdrawal-email-confirmation__btn-item {
	display: flex;
	justify-content: center
}

.withdrawal-email-confirmation__btn-item:not(:last-child) {
	margin-bottom: 8px
}

.withdrawal-email-confirmation__send-ico {
	width: 48px;
	height: 48px;
	margin: 0 auto
}

.withdrawal-email-confirmation__send-text {
	margin-bottom: 24px;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #8893a8
}

.withdrawal-email-confirmation__send-btn {
	display: flex;
	justify-content: center
}

.withdrawal-balance-card:not(:last-child) {
	margin-right: 33px
}

.withdrawal-balance-card__title {
	margin-bottom: 8px;
	line-height: 1.25;
	font-size: 12px;
	color: #8893a8
}

.withdrawal-balance-card__desc {
	display: flex;
	align-items: center
}

.withdrawal-balance-card__ico {
	margin-right: 4px;
	width: 22px;
	height: 22px
}

.withdrawal-balance-card__ico--bonus {
	color: #ccd0de
}

.withdrawal-balance-card__text {
	font-size: 18px;
	font-weight: 700;
	color: #ffc400
}

.withdrawal-warnings {
	border-bottom: 1px solid #040a15;
	padding: 16px 0
}

.withdrawal-warnings__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: -8px;
	font-size: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.withdrawal-warnings__grid {
		margin-bottom: -16px;
		margin-left: -8px;
		margin-right: -8px
	}
}

.withdrawal-warnings__grid:empty {
	display: none
}

.withdrawal-warnings__grid-item {
	display: flex;
	margin-bottom: 8px;
	width: 100%;
	padding: 0 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.withdrawal-warnings__grid-item {
		width: 50%;
		margin-bottom: 16px;
		padding: 0 8px
	}
}

.withdrawal-warning-item {
	display: flex;
	width: 100%;
	padding: 2px;
	border-radius: 5px;
	background-image: linear-gradient(#cf1c1c, #782006);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .5)
}

.withdrawal-warning-item__bg {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 7px;
	border-radius: inherit;
	background-image: linear-gradient(#511c39, #221d3b)
}

.withdrawal-warning-item__ico {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	margin-right: 8px
}

.withdrawal-warning-item__title {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-weight: 700;
	font-size: 14px
}

.withdrawal-warning-item__title:only-child {
	margin-bottom: 0
}

.withdrawal-warning-item__text {
	color: #8893a8;
	font-size: 14px
}

.withdrawal-input-sum__withdrawal-balance-card {
	border-bottom: 1px solid #040a15;
	display: flex;
	justify-content: center;
	padding-bottom: 16px;
	padding-top: 16px
}

.withdrawal-warnings~.withdrawal-input-sum__withdrawal-balance-card {
	border-top: 1px solid #35486c;
	position: relative;
	padding-top: 16px
}

.withdrawal-input-sum__desc {
	border-top: 1px solid #35486c;
	padding-top: 16px
}

.withdrawal-input-sum__input {
	max-width: 304px;
	margin: 0 auto 24px
}

.withdrawal-input-sum____btn {
	display: flex;
	justify-content: center
}

.withdrawal-select-payment-system__withdrawal-warnings-grid:not(:empty)~.withdrawal-select-payment-system__desc {
	border-top: 1px solid #35486c
}

.withdrawal-select-payment-system__desc-wrap {
	border-bottom: 1px solid #040a15;
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px
}

.withdrawal-select-payment-system__money-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 300px;
	margin: 0 auto
}

@media screen and (min-width:321px) {
	.withdrawal-select-payment-system__money-wrap {
		max-width: 336px
	}
}

.withdrawal-select-payment-system__sum {
	font-size: 16px
}

.withdrawal-select-payment-system__money-title {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: #8893a8
}

.withdrawal-select-payment-system__inputs {
	border-top: 1px solid #35486c;
	padding-top: 16px
}

.withdrawal-select-payment-system__inputs-wrap {
	max-width: 304px;
	margin: 0 auto
}

.withdrawal-select-payment-system__requisite,
.withdrawal-select-payment-system__select {
	margin-bottom: 16px
}

.withdrawal-select-payment-system__btn {
	display: flex;
	justify-content: center
}

.withdrawal-select-payment-system__balans {
	display: flex;
	align-items: center;
	color: #ffc400;
	font-size: 16px;
	font-weight: 700
}

.withdrawal-select-payment-system__balans-ico {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	opacity: .7
}

@media screen and (min-width:768px) and (min-height:420px) {
	.withdrawal-select-payment-system__balans-ico {
		width: 24px;
		height: 24px;
		margin-right: 8px
	}
}

.withdrawal-select-payment-system__balans-text {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.withdrawal-deposit-warning__withdrawal-balance-card {
	padding-top: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center
}

.withdrawal-deposit-warning__confirm-title {
	display: block;
	max-width: 304px;
	margin: 0 auto 8px;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.withdrawal-deposit-warning__btn {
	display: flex;
	justify-content: center
}

.withdrawal-confirmation__desc {
	border-bottom: 1px solid #040a15;
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px
}

.withdrawal-confirmation__withdrawal-warnings-grid:not(:empty)~.withdrawal-confirmation__desc {
	border-top: 1px solid #35486c
}

.withdrawal-confirmation__card {
	display: flex;
	justify-content: center
}

.withdrawal-confirmation__wrap {
	max-width: 304px;
	margin: 0 auto
}

.withdrawal-confirmation__btn {
	border-top: 1px solid #35486c;
	padding-top: 16px;
	display: flex;
	justify-content: center
}

.withdrawal-card {
	width: 100%;
	padding: 16px;
	border-radius: 5px;
	background-image: linear-gradient(180deg, #1e67a7, #10406b);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5)
}

.withdrawal-card__title {
	margin-bottom: 16px;
	text-align: center;
	font-weight: 700
}

.withdrawal-card__money {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px
}

.withdrawal-card__money-ico {
	width: 24px;
	height: 24px;
	margin-right: 4px
}

.withdrawal-card__money-text {
	font-size: 16px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .69);
	font-weight: 700
}

.withdrawal-card__commission {
	position: relative;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 16px;
	color: #a8bee6;
	font-size: 12px
}

.withdrawal-card__commission:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 2px;
	margin: auto;
	opacity: .5;
	border-bottom: 2px solid hsla(0, 0%, 100%, .15)
}

.withdrawal-card__list {
	margin-bottom: 18px
}

.withdrawal-card__item {
	display: flex;
	line-height: 1.3
}

.withdrawal-card__item:not(:last-child) {
	margin-bottom: 4px
}

.withdrawal-card__item-title {
	width: 130px;
	margin-right: 16px;
	color: rgba(161, 185, 205, .77);
	font-size: 12px
}

.withdrawal-card__val {
	color: hsla(0, 0%, 100%, .6);
	font-size: 12px
}

.withdrawal-card__link {
	display: flex;
	justify-content: center
}

.withdrawal-tip__wrap {
	display: none
}

.withdrawal-tip__alert {
	display: block;
	margin-bottom: 8px;
	color: #ffc400;
	font-size: 12px;
	line-height: 16px
}

.withdrawal-tip__tabs-item {
	display: none
}

.withdrawal-tip__tabs-item.active {
	display: block
}

.withdrawal-tip__radio-item.active .check-item__ico:after {
	opacity: 1
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__wrap {
	display: block
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__check .check-item__ico:after {
	opacity: 1
}

.withdrawal-tip__check {
	display: flex;
	justify-content: center;
	margin-bottom: 16px
}

.withdrawal-tip__tabs {
	margin-bottom: 16px
}

.withdrawal-tip__radio {
	display: flex;
	margin-bottom: 16px
}

.withdrawal-tip__radio-item:not(:last-child) {
	margin-right: 16px
}

.withdrawal-tip__select-wrap {
	position: relative;
	z-index: 2;
	margin-bottom: 16px
}

.payment-system-requisite__item:not(:last-child) {
	margin-bottom: 16px
}

.no-payment-system {
	padding: 16px 0
}

.no-payment-system__img-wrap {
	display: flex;
	justify-content: center;
	height: 136px;
	width: 160px;
	margin: 0 auto 4px
}

.no-payment-system__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.no-payment-system__title {
	margin: 0 auto 8px;
	max-width: 250px;
	text-align: center;
	font-weight: 700;
	font-size: 14px
}

.no-payment-system__text {
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .5)
}

.no-payment-system__btn {
	display: flex;
	justify-content: center
}

.payment-suggestion-sum {
	display: flex;
	margin-left: -4px;
	margin-right: -4px
}

.payment-suggestion-sum__item {
	flex: 1;
	margin: 0 4px
}

.payment-suggestion-sum__item:active {
	opacity: .8
}

.payment-suggestion-sum__bg {
	height: 32px;
	min-width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 12px;
	color: #32a2f4;
	font-size: 14px
}

.payment-system {
	overflow: hidden;
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system {
		position: relative;
		flex-shrink: 0;
		width: 240px;
		margin-top: -16px;
		margin-bottom: 0;
		margin-right: 8px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.payment-system {
		margin-bottom: 24px
	}
}

.payment-system__wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab
}

.payment-system__wrap::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__wrap {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden
	}
}

.payment-system__scroll {
	display: flex;
	width: max-content;
	margin: 0 auto;
	padding: 0 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__scroll {
		width: auto;
		padding: 16px 0 0
	}
}

.payment-system__list-bg {
	padding: 1px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__list-bg {
		padding: 1px;
		border-radius: 5px;
		background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
		margin-bottom: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.payment-system__list-bg {
		padding: 0;
		border-radius: 0;
		background-image: none;
		box-shadow: none
	}
}

.payment-system__list {
	display: flex;
	justify-content: center
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__list {
		flex-wrap: wrap
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.payment-system__list {
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 1050px;
		width: 100%;
		border: none;
		margin: 7px 0
	}
}

.payment-system__item {
	padding: 0;
	margin: -2px 0;
	cursor: pointer;
	user-select: none
}

.payment-system__item:last-child {
	margin-right: -2px
}

.payment-system__item:first-child {
	margin-left: -2px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__item {
		margin: 0 -2px;
		width: 100%
	}
	.payment-system__item:last-child {
		margin-bottom: -2px
	}
	.payment-system__item:first-child {
		margin-top: -2px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.payment-system__item {
		width: 140px;
		height: 80px;
		margin: 0 10px 10px 0
	}
}

.payment-system__requisite {
	padding: 8px
}

.payment-system__requisite:empty {
	display: none
}

.payment-system__label {
	background-image: linear-gradient(#1a2d4e, #0e1f3e);
	border-radius: inherit;
	display: block
}

@media screen and (min-width:768px) and (min-height:420px) {
	.payment-system__label {
		height: 100%
	}
}

.pay-item {
	padding: 1px;
	border-radius: 5px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.pay-item {
		background: none;
		box-shadow: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pay-item {
		padding: 1px;
		border-radius: 5px;
		background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
		height: 100%
	}
}

.pay-item__bg {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 48px;
	width: 139px;
	padding: 8px 0;
	background-size: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.pay-item__bg {
		width: 100%;
		height: auto;
		min-height: 50px;
		padding: 12px 6px;
		background: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pay-item__bg {
		width: auto;
		height: 100%
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__item.active {
		padding: 0;
		background-color: #09c4fd;
		box-shadow: none;
		background-image: linear-gradient(180deg, #18a0f2, #1db0f5);
		border-radius: 5px
	}
}

.payment-system__item.active .pay-item {
	background-image: none;
	background-color: #09c4fd;
	box-shadow: none
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__item.active .pay-item {
		background-color: transparent
	}
}

.payment-system__item.active .pay-item__bg {
	background: linear-gradient(180deg, #18a0f2, #1db0f5)
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__item.active .pay-item__bg {
		background: none
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__item.active .payment-system__label {
		background-image: none
	}
}

.pay-item__input {
	padding-top: 12px;
	display: none
}

.payment-system__img {
	width: 100px;
	max-height: 100%;
	object-fit: contain
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.payment-system__img {
		height: 26px
	}
}

.payment-system__item .alert-text {
	display: none
}

.payment-system__item .error .alert-text {
	display: block
}

.successful-page {
	min-height: 100%;
	background-color: #112852
}

.successful-page,
.successful-page__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.successful-page__wrap {
	position: relative;
	padding-top: 54px;
	padding-bottom: 16px;
	align-items: center;
	text-align: center;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/ray.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.successful-page__wrap {
		justify-content: center;
		padding-top: 16px;
		padding-bottom: 32px
	}
}

.successful-page__desc {
	width: 100%;
	margin-bottom: 24px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.successful-page__desc {
		position: relative;
		display: flex;
		justify-content: center;
		padding-top: 8px;
		margin-bottom: 16px
	}
}

.successful-page__img {
	position: relative;
	width: 100%;
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.successful-page__img {
		width: auto;
		margin-right: 16px;
		margin-bottom: 0;
		background: none
	}
}

.successful-page__pic {
	position: relative;
	z-index: 0;
	width: 160px;
	height: 136px;
	margin: 0 auto;
	object-fit: contain
}

@media screen and (min-width:768px) and (min-height:420px) {
	.successful-page__pic {
		width: 320px;
		height: 272px
	}
}

.successful-page__desc-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.successful-page__desc-text {
		z-index: 0;
		align-items: flex-start;
		justify-content: center;
		max-width: 280px;
		margin-bottom: 0;
		text-align: left
	}
}

.successful-page__title {
	display: block;
	margin-bottom: 16px;
	font-weight: 700;
	line-height: 1.25
}

.successful-page__text,
.successful-page__text-mess {
	line-height: 1.35;
	font-size: 12px;
	color: #8893a8;
	text-align: center
}

.successful-page__text-mess {
	margin-bottom: 16px
}

.successful-page__btn {
	display: flex;
	justify-content: center
}

.successful-page__definitions {
	width: 244px;
	padding: 8px 16px;
	margin-bottom: 24px;
	border-radius: 2px;
	background-color: rgba(17, 21, 38, .4);
	line-height: 1.45;
	font-size: 14px;
	text-align: left
}

.successful-page__definitions-item {
	display: flex
}

.successful-page__definitions-val {
	flex: 1;
	margin-right: 16px
}

.successful-page__definitions-prop--color {
	color: #ffc400;
	font-weight: 700
}

.deposit__card-select {
	margin: 0 auto;
	width: 314px
}

.input-item-wrap__card {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	max-width: 56px;
	margin-right: 8px;
	background-color: #ccd0de;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.input-item__triangle:before {
	transition: transform .3s;
	will-change: transform
}

.card-select {
	position: relative
}

.card-select.active .input-item-wrap,
.card-select.active .input-item-wrap__card {
	background-image: linear-gradient(#18a1f3, #08bcf4)
}

.card-select.active .input-item-wrap--card-select {
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .6)
}

.card-select.active .input-item__triangle:before {
	transform: rotate(180deg)
}

.input-item-wrap.input-item-wrap--card-select .input-item-wrap__select {
	align-items: normal;
	padding-left: 0
}

.card-list__pic,
.input-item-wrap__pay-pic {
	height: auto;
	width: 32px;
	object-fit: contain
}

.card-list__pic {
	margin-right: 24px
}

.card-list__ico-card {
	display: block;
	width: 100%;
	height: 100%
}

.card-list__img,
.input-item-wrap__ico-card {
	display: block;
	width: 28px;
	height: 28px
}

.card-list__img {
	margin-right: 22px
}

.input-item-wrap__card-number {
	align-self: center;
	color: #111526
}

.card-select__list {
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	z-index: 2;
	width: 100%
}

.card-list {
	position: relative;
	z-index: 16;
	padding: 2px;
	border-radius: 5px;
	background-image: linear-gradient(#18a1f3, #08bcf4);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .6)
}

.card-list__bg {
	border-radius: inherit;
	background-color: #fff
}

.card-list__wrap {
	position: relative;
	cursor: pointer
}

.card-list__desc {
	display: flex;
	align-items: center;
	height: 36px;
	padding-left: 12px;
	padding-right: 6px;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid transparent
}

.card-list__radio-hidden {
	display: none
}

.card-list__list-it-numb {
	color: #111526;
	font-size: 14px;
	text-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
	font-weight: 700
}

.card-list__list-ico {
	display: block;
	width: 100%;
	height: 100%
}

.card-list__list-ico.second {
	display: none
}

.card-list__item.active .card-list__desc {
	border-bottom-color: transparent;
	background-image: linear-gradient(#18a1f3, #08bcf4)
}

.card-list__item.active .card-list__list-ico.first {
	display: none
}

.card-list__item.active .card-list__list-ico.second {
	display: block
}

.card-list__item.active .card-list__list-it-numb {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.card-list__list-btn {
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto;
	z-index: 1
}

.card-list__list-btn:active {
	opacity: .8
}

.card-select__list-link-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px
}

.card-select__list-link {
	font-size: 13px;
	color: #32a2f4
}

.card-select__list-link:active {
	opacity: .8
}

.card-list__delete-item,
.input-item-wrap__default,
.input-item-wrap__numb {
	display: none
}

.input-item-wrap__default.active,
.input-item-wrap__numb.active {
	display: block
}

.one-click {
	max-width: 228px;
	width: 100%
}

.one-click__data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 16px
}

.one-click__input-sum-select {
	position: relative;
	max-width: 110px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap
}

.one-click__input-sum-select .active .personal-pic,
.one-click__input-sum-select .card-list__list-btn {
	display: none
}

.one-click__input-cur {
	max-width: 110px;
	width: 100%
}

.one-click__input-cur .alert-text {
	width: 228px;
	padding-top: 4px
}

.one-click__btn {
	margin-top: 8px;
	width: 100%
}

.one-click__button {
	width: 100%
}

.one-click__title {
	display: flex;
	justify-content: center;
	align-items: center
}

.one-click__title-text {
	padding-left: 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff
}

.one-click__ico {
	width: 24px;
	height: 24px
}

.one-click__text-decor {
	display: flex;
	flex-direction: column;
	margin: 12px auto;
	padding: 2px;
	max-width: 142px;
	width: 100%;
	border-radius: 7px;
	background-image: linear-gradient(#080e17, #294374)
}

.one-click__text-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #111526;
	border-radius: inherit;
	padding: 8px 0
}

.one-click__text {
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	opacity: .6
}

.one-click__text-value {
	padding-left: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .695397)
}

.one-click__error,
.one-click__success {
	max-width: 200px;
	width: 100%;
	margin: 16px auto
}

.one-click__success-btn {
	display: flex;
	justify-content: center;
	width: 100%
}

.one-click-statuses {
	display: flex;
	justify-content: center;
	text-align: center;
	padding-top: 28px
}

@media screen and (min-width:568px) {
	.one-click-statuses {
		padding-top: 32px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses {
		padding-top: 64px
	}
}

.one-click-statuses__loading {
	padding-top: 24px
}

@media screen and (min-width:568px) {
	.one-click-statuses__loading {
		padding-top: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__loading {
		padding-top: 56px
	}
}

.one-click-statuses__loading-ico {
	width: 100%;
	height: 160px;
	background-image: url(/2174/mobile/images-loaded/src/images/pic/one-click-loading.gif);
	background-repeat: no-repeat;
	background-position: 50%
}

@media screen and (min-width:568px) {
	.one-click-statuses__loading-ico {
		height: 130px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__loading-ico {
		height: 160px
	}
}

.one-click-statuses__loading-dots {
	display: inline;
	margin-left: .1em;
	margin-right: .1em;
	position: relative;
	top: 0;
	font-size: 1.5em;
	opacity: 0;
	animation: fadeDots 1.8s ease-in-out infinite
}

.one-click-statuses__loading-dots:first-child {
	animation-delay: .25714s
}

.one-click-statuses__loading-dots:nth-child(2) {
	animation-delay: .51429s
}

.one-click-statuses__loading-dots:nth-child(3) {
	animation-delay: .72s
}

@keyframes fadeDots {
	0% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.one-click-statuses__ico {
	width: 100%;
	height: 136px;
	background-repeat: no-repeat;
	background-position: 50%
}

@media screen and (min-width:568px) {
	.one-click-statuses__ico {
		display: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__ico {
		display: block
	}
}

.one-click-statuses__title {
	margin-top: 12px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

@media screen and (min-width:568px) {
	.one-click-statuses__title {
		margin-top: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__title {
		margin-top: 12px
	}
}

.one-click-statuses__text-decor {
	display: flex;
	flex-direction: column;
	margin: 24px auto;
	padding: 2px;
	max-width: 142px;
	width: 100%;
	border-radius: 7px;
	background-image: linear-gradient(#080e17, #294374)
}

.one-click-statuses__text-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #111526;
	border-radius: inherit;
	padding: 8px 0
}

.one-click-statuses__text {
	font-size: 12px;
	line-height: 19px;
	color: #fff;
	opacity: .6
}

.one-click-statuses__text-value {
	padding-left: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .695397)
}

.one-click-statuses__link-btn {
	justify-content: center;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	font-weight: 700
}

.one-click-statuses__btn {
	display: flex;
	justify-content: center;
	margin: 24px
}

@media screen and (min-width:568px) {
	.one-click-statuses__btn {
		margin: 20px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__btn {
		margin: 24px
	}
}

.one-click-statuses__pending {
	padding-top: 60px
}

@media screen and (min-width:568px) {
	.one-click-statuses__pending {
		padding-top: 52px
	}
	.one-click-statuses__pending .loader {
		display: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__pending {
		padding-top: 64px
	}
	.one-click-statuses__pending .loader {
		display: flex
	}
}

.one-click-statuses__pending-text {
	width: 248px;
	margin: 0 auto;
	padding-top: 36px;
	padding-bottom: 12px
}

@media screen and (min-width:568px) {
	.one-click-statuses__pending-text {
		padding-top: 8px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.one-click-statuses__pending-text {
		padding-top: 36px
	}
}

.game-page {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background-color: #111526
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-page {
		display: grid;
		grid-template-columns: 260px auto;
		grid-template-rows: 40px auto;
		padding: 0 40px 40px
	}
}

@media screen and (min-width:1366px) {
	.game-page {
		grid-template-columns: 260px auto 260px
	}
}

@media screen and (min-height:1200px) {
	.game-page {
		height: 748px;
		margin: auto 0
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-page__top-menu-wrap {
		grid-column: 2/3;
		grid-row: 1/2
	}
}

.game-page__top-menu-wrap--full-screen {
	grid-column: 2/span 2
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-page__left-block {
		height: 100%
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-page__left-block-wrap {
		grid-column: 1/2;
		grid-row: 2/3
	}
}

.game-page__iframe-decor {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100%
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-page__iframe-decor {
		grid-column: 2/3;
		grid-row: 2/3
	}
}

.game-page__make-dep-modal {
	display: flex;
	flex-direction: column;
	padding-top: 14px;
	height: 100%;
	background-color: #112852
}

@media screen and (min-width:568px) {
	.game-page__make-dep-modal {
		padding-top: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-page__make-dep-modal {
		padding-top: 14px
	}
}

.game-page__iframe-decor--full-screen {
	grid-column: 2/span 2
}

.game-page__iframe {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%
}

@media screen and (min-width:1366px) {
	.game-page__right-block-wrap {
		grid-column: 3/4;
		grid-row: 2/3;
		height: 100%;
		background-image: linear-gradient(180deg, #111526, #112852 5%)
	}
}

.game-page__close-tab {
	display: none
}

@media screen and (min-width:1366px) {
	.game-page__close-tab {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 32px;
		height: 64px;
		right: 8px;
		bottom: 0;
		top: 0;
		margin: auto 0;
		background: #112852;
		border-radius: 0 100% 100% 0/0 50% 50% 0;
		cursor: pointer
	}
}

@media screen and (min-width:1366px) {
	.game-page__close-tab-arrow {
		width: 16px;
		height: 16px;
		margin: auto;
		transform: rotate(180deg)
	}
}

.game-page__close-tab--rotate {
	transform: rotate(0)
}

.game-page__make-dep-btn {
	position: fixed;
	z-index: 7;
	top: calc(100% - 72px);
	left: calc(100% - 72px)
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-page__make-dep-btn {
		top: calc(100% - 72px);
		left: calc(100% - 112px)
	}
}

@media screen and (min-device-height:800px) and (max-height:500px) and (orientation:landscape) {
	.game-page__make-dep-btn--safari {
		left: 20px;
		top: 20px
	}
}

.game-top-menu {
	display: none;
	height: 100%
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-top-menu {
		display: flex;
		justify-content: space-between;
		padding: 0 8px
	}
}

.game-top-menu__icon {
	width: 20px;
	height: 20px
}

.game-top-menu__favourite-btn {
	display: flex
}

.game-top-menu__game-name {
	margin-left: 8px;
	font-size: 14px;
	font-weight: 700
}

.game-top-menu__link,
.game-top-menu__quick-links-wrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

.game-top-menu__link:last-child {
	margin-left: 16px
}

.game-top-menu__link-text {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px
}

.add-to-favourite {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

@media (hover) {
	.add-to-favourite:hover .add-to-favourite__tool-tip {
		display: block
	}
	.add-to-favourite:hover .add-to-favourite__star-ico--static {
		display: none
	}
	.add-to-favourite:hover .add-to-favourite__star-ico--hover {
		display: block;
		opacity: .8
	}
}

.add-to-favourite:active {
	opacity: .8
}

.add-to-favourite.active .add-to-favourite__star-ico--static,
.add-to-favourite:active .add-to-favourite__tool-tip {
	display: none
}

.add-to-favourite.active .add-to-favourite__star-ico--hover {
	display: block
}

.add-to-favourite__star-ico {
	width: 18px;
	height: 18px
}

.add-to-favourite__star-ico--hover {
	display: none
}

.add-to-favourite__tool-tip {
	position: absolute;
	z-index: 2;
	bottom: -50%;
	left: -50%;
	display: none;
	padding: 4px 16px;
	font-size: 12px;
	color: #314874;
	line-height: 16px;
	border-radius: 5px;
	background-color: #becddb;
	white-space: nowrap
}

.add-to-favourite__tool-tip:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 50%;
	transform: translateX(-50%) rotate(-45deg);
	width: 10px;
	height: 10px;
	background-color: #becddb
}

.user-panel {
	display: none
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.user-panel {
		background-image: linear-gradient(#17366f, #112852);
		background-size: 100% 16px;
		background-repeat: no-repeat;
		border-top: 1px solid #35486c;
		border-bottom: 1px solid #040a15;
		display: flex;
		flex-direction: column;
		background-color: #112852
	}
}

.user-panel__header {
	position: relative;
	height: 60px
}

.user-panel__logo {
	position: absolute;
	top: -60%;
	left: 50%;
	transform: translateX(-50%)
}

.user-panel__menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%
}

.user-panel__menu.user-panel__menu--big-padd {
	padding: 0 30px
}

.user-panel__menu.user-panel__menu--sm-padd {
	padding: 0 16px
}

.user-panel__promo-decor {
	border-radius: 5px;
	width: 100%
}

.user-panel__promo-img-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 6px 0;
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
	background-color: #111526
}

.user-panel__img-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 40px
}

.user-panel__promo-img {
	width: 100%;
	height: auto
}

.user-panel__promo-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 10px;
	font-size: 12px;
	line-height: 14px
}

.user-panel__promo-headline {
	font-weight: 700;
	color: #ffc400
}

.user-panel__promo-desc {
	color: #939daf
}

.user-panel__account-button {
	margin-bottom: 8px
}

.user-panel__user-data {
	align-self: flex-start;
	width: 100%;
	margin-bottom: 8px
}

.user-panel__username {
	font-size: 12px;
	line-height: 14px
}

.user-panel__user-level {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #32a2f4
}

.user-panel__level-progressbar {
	width: 100%;
	margin-bottom: 16px
}

.user-panel__slider {
	position: relative;
	width: 100%
}

.user-panel__slider.disabled:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: 100%;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 5px
}

.user-panel__denomination {
	width: 100%;
	margin: auto 0 16px
}

.open-shelf-info {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto 16px;
	border-radius: 7px
}

.open-shelf-info.enable .open-shelf-info__hide {
	display: block
}

.open-shelf-info.enable .open-shelf-info__balance-wrapper {
	margin-bottom: 8px
}

.open-shelf-info__decor {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: inherit;
	background-color: #111526
}

.open-shelf-info__hide {
	display: none;
	padding-bottom: 8px
}

.open-shelf-info__balance-bg {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.open-shelf-info__balance {
	display: flex;
	align-items: center;
	padding-right: 4px
}

.open-shelf-info__balance-ico {
	width: 18px;
	height: 18px;
	margin: 0 8px;
	opacity: .7
}

.open-shelf-info__balance-text {
	font-size: 16px;
	font-weight: 700;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.open-shelf-info__balance-text.open-shelf-info__balance-text--sm-font {
	font-size: 14px;
	line-height: 19px
}

.open-shelf-info__detailed-balance {
	display: flex;
	margin-bottom: 8px;
	padding: 0 8px
}

.open-shelf-info__balance-values {
	width: 50%
}

.open-shelf-info__balance-title {
	font-size: 12px;
	line-height: 16px;
	opacity: .6
}

.open-shelf-info__progress {
	padding: 0 8px
}

.open-shelf-info__progress-bar {
	margin-bottom: 8px
}

.open-shelf-info__progress-text {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	opacity: .4
}

.game-tabs {
	display: none
}

@media screen and (min-width:1366px) {
	.game-tabs {
		display: flex;
		flex-direction: column;
		height: 100%;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px
	}
}

@media screen and (min-width:1366px) {
	.game-tabs__header {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

@media screen and (min-width:1366px) {
	.game-tabs__title {
		display: none;
		margin-left: 20px;
		font-family: Arial, sans-serif;
		font-weight: 700;
		font-size: 12px;
		line-height: 16px;
		text-transform: uppercase;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
	}
}

@media screen and (min-width:1366px) {
	.game-tabs__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
		margin-right: 1px;
		overflow: hidden;
		width: 40px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #0f1930;
		cursor: pointer;
		transition: .3s
	}
	.game-tabs__btn:last-child {
		margin-right: 0
	}
}

.game-tabs__btn--active {
	flex-grow: 1;
	background: #112852;
	box-shadow: inset 0 2px 0 #4a6596
}

.game-tabs__btn--active .game-tabs__title {
	display: block;
	font-size: 12px
}

@media screen and (min-width:1366px) {
	.game-tabs__ico {
		width: 24px;
		height: 24px
	}
}

@media screen and (min-width:1366px) {
	.tab-winners {
		height: 100%;
		border-top: 1px solid #4a6596
	}
}

.tab-tournament {
	border-top: 1px solid #4a6596;
	flex-grow: 1;
	padding: 16px;
	background-color: #112852
}

.tab-tournament__ban-wrap {
	margin-bottom: 8px
}

.tab-tournament__active-ban {
	padding-bottom: 16px;
	background-image: linear-gradient(#142340, #0e1e3c);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), inset 0 -1px 0 hsla(0, 0%, 100%, .2);
	border-radius: 5px
}

.lobby,
.lobby__loader {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.lobby__loader {
	position: relative
}

.lobby__list {
	padding-bottom: 16px
}

.lobby__description {
	border-top: 1px solid #35486c;
	padding-bottom: 16px;
	padding-top: 16px;
	order: 9
}

.lobby__btn {
	display: flex;
	justify-content: center;
	padding-top: 16px;
	padding-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.lobby__btn {
		padding-top: 24px;
		padding-bottom: 0
	}
}

.games-dummy {
	padding-top: 8px
}

.games-dummy__wrap {
	display: flex;
	align-items: center;
	flex-direction: column
}

.games-dummy__title {
	display: block;
	margin-bottom: 11px;
	font-weight: 700
}

.games-dummy__text,
.games-dummy__title {
	font-size: 14px;
	line-height: 1.2;
	text-align: center
}

.games-dummy__text {
	width: 100%;
	max-width: 304px;
	margin: 0 auto 16px;
	color: #8893a8
}

.games-dummy__pic-wrap {
	position: relative;
	height: 287px;
	width: 100%;
	overflow: hidden
}

.games-dummy__pic {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 280px;
	max-width: 472px;
	width: 100%;
	text-align: center;
	background-image: url(/2174/mobile/images-loaded/src/images/pic/bookmarks-none.png);
	background-size: 100% auto;
	background-repeat: no-repeat
}

.list-games {
	flex-wrap: wrap
}

.list-games,
.list-games--in-page {
	display: flex
}

.list-games--in-page:not(:empty) {
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: -8px
}

.list-games--in-page:not(:empty)>* {
	padding: 0 4px;
	margin-bottom: 8px;
	width: 50%
}

@media screen and (min-width:568px) {
	.list-games--in-page:not(:empty)>* {
		width: 16%;
		width: 16.66666%;
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.list-games--in-page:not(:empty)>* {
		padding: 0 8px;
		margin-bottom: 16px
	}
}

/* @media screen and (min-width:1680px) {
	.list-games--in-page:not(:empty)>* {
		width: 20%
	}
} */

@media screen and (min-width:768px) and (min-height:420px) {
	.list-games--in-page:not(:empty) {
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -16px
	}
}

.list-games--in-modal {
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: -8px
}

.list-games--in-modal>* {
	padding: 0 4px;
	margin-bottom: 8px;
	width: 50%
}

@media screen and (min-width:568px) {
	.list-games--in-modal>* {
		width: 33.33%
	}
}

.game-card {
	position: relative;
	z-index: 0;
	border-radius: 4px;
	color: transparent;
	box-shadow: 0 4px 8px rgb(0 0 0 / 40%);
}

.game-card__wrap {
	display: block;
	border-radius: inherit
}

.game-card__wrap:active .game-card__main {
	background-image: linear-gradient(180deg, #1486cc, #1486cc);
	transform: translateY(4px);
	box-shadow: none
}

.game-card__wrap:active~.game-card__star {
	transform: translateY(4px)
}

.game-card__main {
	display: block;
	border-radius: inherit;
	background-color: #2a2c31;
	box-shadow: 0 4px 6px rgb(0 0 0 / 35%);
}

.game-card__img-wrap {
	position: relative;
	overflow: hidden;
	padding-bottom: 71%;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.game-card__img-wrap {
		padding-bottom: 54%
	}
}

.game-card__pic {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: inherit;
}



.game-card__name {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding-top: 1px;
	background-color: currentColor;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align: center
}

.game-card__name-text {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: block;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700;
	overflow: hidden
}

.game-card__star {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 20px;
	height: 20px;
	background-color: #222327;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
}

.game-card__star.active .game-card__star-ico--hover {
	opacity: 1
}

.game-card__star-ico--hover,
.game-card__star.active .game-card__star-ico--static {
	opacity: 0
}

.game-card__star-ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 3px;
	transition: opacity .3s
}

.game-card__flag {
	position: absolute;
	top: 1px;
	left: 1px
}

.game-info {
	padding: 1px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
	margin-top: -6px;
	border-radius: 5px;
	font-size: 11px;
	line-height: 14px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.game-info__bg {
	display: grid;
	grid-template-columns: 48px 1fr;
	grid-row-gap: 4px;
	padding: 16px 8px 12px;
	background-image: linear-gradient(180deg, #1b2b49, #0b1b37);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .14), inset 0 3px 5px #1d2f51;
	border-radius: inherit
}

@media screen and (min-width:568px) {
	.game-info__bg {
		padding-left: 4px;
		padding-right: 4px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-info__bg {
		padding-left: 8px;
		padding-right: 8px
	}
}

.game-info__text {
	justify-self: center;
	color: #8893a8
}

.game-info__users-count {
	justify-self: center;
	color: #fff
}

@media screen and (min-width:568px) {
	.game-info__users-count {
		font-size: 10px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-info__users-count {
		font-size: 11px
	}
}

.game-info__bet-sum {
	justify-self: center;
	color: #ffc400;
	font-weight: 700
}

@media screen and (min-width:568px) {
	.game-info__bet-sum {
		font-size: 10px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-info__bet-sum {
		font-size: 11px
	}
}

.game-search-modal {
	width: 100%;
	max-width: 480px;
	margin: 16px auto auto;
	background-color: #112852;
	border-radius: 5px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.game-search-modal__header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	background-color: #111526;
	text-align: center;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.game-search-modal__close {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%)
}

.game-search-modal__title {
	font-size: 16px;
	color: #fff;
	font-weight: 700
}

.game-search-modal__desc {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding: 8px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit
}

.game-search-modal__input:not(:last-child) {
	margin-bottom: 16px
}

.game-search-modal__text {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2
}

.game-search-modal__not-found {
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.2;
	color: #8893a8
}

.pregame-section {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.pregame-section__content {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	padding: 16px 0
}

.pregame-section__description {
	border-top: 1px solid #35486c;
	order: 99;
	padding: 16px 0
}

.pregame-section__wrap {
	padding: 0 37px
}

@media screen and (min-width:567px) {
	.pregame-section__wrap {
		display: flex;
		justify-content: center;
		width: 556px;
		margin: 0 auto;
		padding: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pregame-section__wrap {
		width: 384px;
		margin: auto;
		flex-direction: column;
		align-items: center
	}
}

.pregame-section__ban {
	margin-bottom: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.pregame-section__ban {
		margin-right: 8px;
		margin-bottom: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pregame-section__ban {
		margin-bottom: 24px
	}
}

.pregame-section__promo-item {
	border-radius: 5px
}

.pregame-section__promo-pic {
	width: 100%;
	border-radius: inherit
}

.pregame-section__data {
	width: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.pregame-section__data {
		max-width: 200px;
		margin: 0 36px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pregame-section__data {
		max-width: 275px
	}
}

.pregame-section__text {
	display: block;
	margin: 0 auto 16px;
	font-size: 14px;
	line-height: 1.07;
	text-align: center
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.pregame-section__text {
		margin-bottom: 14px;
		text-align: left
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pregame-section__text {
		margin-bottom: 24px
	}
}

.pregame-section__btn-group {
	display: flex;
	justify-content: center;
	flex-direction: column
}

.pregame-section__btn-item {
	display: flex;
	justify-content: center;
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.pregame-section__btn-item {
		margin-bottom: 16px
	}
}

.game-preview {
	width: 64px;
	border-radius: 5px;
	color: transparent
}

.game-preview__main {
	display: block;
	padding: 1px;
	background-image: linear-gradient(180deg, #10cdfd, #29cefb 75%, #1392ef);
	border-radius: inherit;
	box-shadow: 0 4px 0 0 #0c5e9a;
	margin-bottom: 4px
}

.game-preview__main:active {
	background-image: linear-gradient(180deg, #1486cc, #1486cc);
	transform: translateY(.286em);
	box-shadow: none
}

.game-preview__img-wrap,
.game-preview__pic {
	border-radius: inherit
}

.game-preview__pic {
	width: 100%
}

.lobby-games__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px
}

.lobby-games__game-wrap {
	padding-top: 16px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.lobby-games__game-wrap {
		display: flex
	}
}

.lobby-games__game-list {
	padding: 0 8px 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.lobby-games__game-list {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.lobby-games__game-list {
		flex-grow: 1
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.lobby-games__game-slider {
		display: none
	}
}

.lobby-games__game-aside {
	display: none;
	flex-shrink: 0;
	width: 336px;
	padding-right: 16px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.lobby-games__game-aside {
		display: block
	}
}

.lobby-games__game-aside-wrap--position {
	position: -webkit-sticky;
	position: sticky;
	top: 115px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.lobby-games__game-aside-wrap--position {
		top: 127px
	}
}

.lobby-games__aside-search {
	margin-bottom: 24px
}

.lobby-games__aside-title {
	margin-bottom: 16px;
	font-weight: 700;
	font-size: 16px
}

.game-search {
	display: block;
	width: 100%;
	height: 40px;
	cursor: pointer;
	font-size: 14px;
	color: rgba(28, 40, 61, .22);
	font-weight: 700
}

.game-search:active {
	opacity: .8
}

.game-search__bg,
.game-search__border {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 5px
}

.game-search__bg {
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
	background-color: #fff
}

.game-search__ico-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 36px;
	margin: auto;
	background-color: #ccd0de;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px
}

.game-search__ico {
	position: absolute;
	top: 6px;
	bottom: 0;
	left: 6px;
	width: 24px;
	height: 24px
}

.game-search__text {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 44px
}

.layout-wrapper {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
}

.layout-wrapper,
.main {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.main {
	position: relative;
	padding-top: 74px;
}

.main.main--modal-only {
	background-image: url(/2174/mobile/images-loaded/src/images/bg/layout/layout-bg.jpg);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.layout-wrapper--full-screen {
	max-width: none;
	background-color: transparent
}

.layout-wrapper__help-btn {
	position: fixed;
	bottom: 40px;
	right: 0;
	z-index: 21
}

.header {
	height: auto;
}

@media screen and (min-width:768px) and (min-height:420px) {
	.header {
		height: auto;
	}
}

.header .sum-select__employee {
	margin-bottom: 0
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.header--show-notification-site .header__wrap {
		top: 48px
	}
}

.header__wrap {
	background-color: #000;
    position: fixed;
    padding-bottom: 0px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 12;
	width: 100%;
	max-width: 1366px;
	height: inherit;
	margin: auto;
	will-change: transform
}


.header__wrap>.container {
	display: flex;
	height: 100%
}

.header__wrap.login .header__logo {
	display: none
}

@media screen and (min-width:768px) and (min-height:420px) {
	.header__wrap.login .header__logo {
		display: block
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.header__wrap.login .header__logo {
		display: block
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:640px) and (orientation:landscape) {
	.header__wrap.login .header__logo {
		display: none
	}
}

.header__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.header__logo-seo {
	width: 100%;
	margin-top: -4px
}

.header__open-menu {
	display: none;
	align-items: center;
	width: 56px;
	height: 100%
}

.open-menu {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	padding: 1px;
	background-image: linear-gradient(#385281, #476294);
	border-radius: 5px
}

.open-menu:active .open-menu__bg {
	opacity: .8
}

.open-menu .open-menu__decor:after,
.open-menu .open-menu__decor:before,
.open-menu:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 18px;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
	transition: transform .3s, opacity .3s
}

.open-menu .open-menu__decor:after {
	transform: translateY(-5px)
}

.open-menu .open-menu__decor:before {
	transform: translateY(5px)
}

.open-menu.active:after {
	opacity: 0
}

.open-menu.active .open-menu__decor:after {
	transform: rotate(45deg)
}

.open-menu.active .open-menu__decor,
.open-menu.active .open-menu__decor:before {
	transform: rotate(-45deg)
}

.open-menu__bg {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	background-image: linear-gradient(#112952, #476294);
	will-change: transform
}

.open-menu__message {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%)
}

@media screen and (max-width:1023px) {
	.open-menu__message {
		transform: translate(70%, -30%)
	}
}

.header__login-btn,
.header__user-data {
	display: flex;
	align-items: center;
	margin-left: auto
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.header__login-btn {
		margin-left: 16px;
		display: none;
	}

}

.header__balans {
	margin-right: 8px
}

.logo {
	position: relative;
	display: block;
	width: 206px;
	height: 32px;
}

@media screen and (min-width:768px) and (min-height:420px) {
	.logo {
    width: auto;
    height: 40px;
	}
}

.logo__pic {
	width: auto;
	height: 40px;
}



.footer.footer--minimal .footer__menu,
.footer.footer--minimal .footer__social-list,
.footer.footer--minimal .footer__trust {
	display: none
}

.footer.footer--minimal .footer__info {
	flex-direction: column
}

.footer.footer--minimal .footer__logo-item {
	width: 74px;
	height: 59px
}

.footer.footer--minimal .footer__desc {
	padding-bottom: 8px
}

.footer__trust-wrapper {
	padding-top: 16px
}

.footer__logo-seo {
	width: 100%
}

.footer__trust-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 0 8px;
	border-bottom: 1px solid #292c3c
}

.footer__trust-item {
	width: auto;
	padding: 4px
}

.footer__trust-pic {
	height: 18px;
	width: auto;
	object-fit: contain;
	opacity: .65
}

.footer__desc {
	padding: 8px 0
}

.footer__links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 16px
}

.footer__link-item {
	width: auto;
	padding: 8px
}

.footer__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.footer__social {
	order: -1;
	margin-bottom: 16px
}

.footer__social-list {
	display: flex
}

.footer__social-list-item:not(:last-child) {
	margin-right: 16px
}

.footer__social-item {
	display: block;
	width: 32px;
	height: 32px;
	opacity: .3
}

.footer__logo {
	margin-bottom: 16px
}

.footer__copyright {
	margin-bottom: 16px;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	opacity: .5
}

.shelf-info {
	position: relative;
	display: flex;
	min-width: 194px
}

.shelf-info.active .shelf-info__arrow {
	transform: rotate(180deg)
}

.shelf-info.disable .shelf-info__arrow {
	display: none
}

.shelf-info:not(.disable) .shelf-info__open {
	cursor: pointer
}

.shelf-info:not(.disable) .shelf-info__open:active {
	opacity: .8
}

.shelf-info__top {
	z-index: 2;
	display: flex;
	width: 100%;
	border-radius: 5px
}

.shelf-info__top-bg {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	border-radius: inherit;
	padding-left: 10px;
	background-color: #111526
}

.shelf-info__open {
	display: flex;
	align-items: center;
	padding-right: 8px
}

.shelf-info__arrow {
	margin-left: 8px;
	border-top: 6px solid hsla(0, 0%, 100%, .33);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	transition: transform .2s;
	will-change: transform
}

.shelf-info__hide {
	position: absolute;
	top: calc(100% - 6px);
	left: 0;
	width: 100%
}

.shelf-info__cont-wrap {
	padding: 16px 16px 14px;
	background-color: #111526;
	border-radius: inherit
}

.shelf-info__cont-bg {
	border-radius: 5px
}

.shelf-info__detailed-balans {
	display: flex;
	justify-content: space-between
}

.shelf-info__detailed-balans:not(:last-child) {
	margin-bottom: 14px
}

.shelf-info__balans-title {
	margin-bottom: 8px;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .6)
}

.shelf-info__progress-text {
	padding-top: 8px;
	text-align: center;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .4)
}

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

.fade-enter,
.fade-leave-to {
	opacity: 0
}

.shelf-info__balans {
	display: flex;
	align-items: center;
	color: #ffc400;
	font-weight: 700
}

.shelf-info__balans:not(.shelf-info__balans--main) {
	font-size: 14px
}

.shelf-info__balans--main {
	font-size: 16px
}

.shelf-info__balans-bonus {
	color: #ccd0de
}

.shelf-info__balans-ico {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	opacity: .7
}

@media screen and (min-width:768px) and (min-height:420px) {
	.shelf-info__balans-ico {
		width: 24px;
		height: 24px;
		margin-right: 8px
	}
}

.shelf-info__balans-text {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.body-preloader:before {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNTE2IDExLjUyNmMtLjM0Ny4zNDYtLjUxNi43NS0uNTE2IDEuMjI5IDAgLjQ3OC4xNjkuODguNTE2IDEuMjI5LjM0Ny4zNDYuNzYuNTE2IDEuMjM5LjUxNmExLjY4IDEuNjggMCAwMDEuMjM4LS41MTZjLjM0LS4zNDUuNTA3LS43NS41MDctMS4yMjkgMC0uNDc4LS4xNjktLjg5My0uNTE2LTEuMjM5QTEuNjcgMS42NyAwIDAwMy43NTQgMTFjLS40NzggMC0uODkuMTc4LTEuMjM4LjUyNnpNNi41IDE2LjVjLS40MTUgMC0uNzU2LjE0NC0xLjA1LjQzNkExLjQyIDEuNDIgMCAwMDUgMTcuOTljMCAuNDE4LjE1Ljc3Mi40NSAxLjA3NS4yOTEuMjkyLjYzNS40MzQgMS4wNS40MzQuNDI0IDAgLjc3OS0uMTQgMS4wNjgtLjQzNC4yOTMtLjMuNDMyLS42NTcuNDMyLTEuMDc1IDAtLjQxNy0uMTQxLS43NjQtLjQzMi0xLjA1NUExLjQzOCAxLjQzOCAwIDAwNi41IDE2LjV6TTUuNDk1IDljLjU1IDAgMS4wMjItLjE5NyAxLjQxNS0uNTg4LjM5My0uMzkzLjU5LS44NjQuNTktMS40MTIgMC0uNTU5LS4xOTYtMS4wMy0uNTktMS40MjNBMS45MjcgMS45MjcgMCAwMDUuNDk1IDVjLS41NSAwLTEuMDIyLjE5NS0xLjQwNS41NzctLjM5My4zOTQtLjU5Ljg2NC0uNTkgMS40MjMgMCAuNTQ4LjE5NiAxLjAxOS41OSAxLjQxMkExLjkzIDEuOTMgMCAwMDUuNDk1IDl6bTYuODQgOS42OTJhMS4zNSAxLjM1IDAgMDAtLjk5MS40MDQgMS4zOCAxLjM4IDAgMDAtLjQxMyAxLjAxYzAgLjM4Ni4xNC43MTMuNDEzLjk4MS4yNjguMjY0LjU5Ny40MDUuOTkxLjQwNS4zODYgMCAuNzE5LS4xMzUuOTkyLS40MDUuMjY4LS4yNjIuNDA0LS41OTUuNDA0LS45ODFhMS4zNyAxLjM3IDAgMDAtLjQwNC0xIDEuMzM4IDEuMzM4IDAgMDAtLjk5Mi0uNDE0ek0xMi4yNTUgMmMtLjYyMiAwLTEuMTUzLjIxNi0xLjU5Mi42NTRBMi4xNiAyLjE2IDAgMDAxMCA0LjI0YzAgLjYyNC4yMjQgMS4xNjUuNjYzIDEuNjA2LjQzOS40MzguOTcuNjU0IDEuNTkyLjY1NC42MjMgMCAxLjE1My0uMjE2IDEuNTkyLS42NTQuNDM5LS40NDEuNjUzLS45ODIuNjUzLTEuNjA2YTIuMTUgMi4xNSAwIDAwLS42NTMtMS41ODZBMi4xNjYgMi4xNjYgMCAwMDEyLjI1NSAyem01LjkzNiA1Ljg4NWEuOTcuOTcgMCAwMC42OTUtLjI4Ni45ODYuOTg2IDAgMDAwLTEuNDI4Ljk3Ljk3IDAgMDAtLjY5NS0uMjg2Ljk2My45NjMgMCAwMC0uNzA1LjI4NiAxLjAxNCAxLjAxNCAwIDAwMCAxLjQyOGMuMTk2LjE5Ny40NC4yODYuNzA1LjI4NnptLS42NzEgOC41NzVjLS4zNCAwLS42My4xMzMtLjg4Mi4zNzhhMS4xNTQgMS4xNTQgMCAwMC0uMzY4Ljg2M2MwIC4zNDEuMTIuNjM1LjM2OC44ODMuMjQ4LjI0OS41NDIuMzc2Ljg4Mi4zNzYuMzQgMCAuNjM0LS4xMjcuODgyLS4zNzYuMjQ5LS4yNDguMzY4LS41NDIuMzY4LS44ODMgMC0uMzQtLjEyNC0uNjMtLjM2OC0uODYzLS4yNTItLjI0NS0uNTQyLS4zNzgtLjg4Mi0uMzc4em0yLjEwNS00LjYzN2ExLjA2IDEuMDYgMCAwMC0uMzI1Ljc3N2MwIC4zMDQuMTExLjU3Mi4zMjUuNzg1LjIxNC4yMTIuNDY0LjMxNS43Ny4zMTVhMS4wOCAxLjA4IDAgMDAxLjEwNS0xLjEgMS4wNSAxLjA1IDAgMDAtLjMxNi0uNzc3IDEuMDg3IDEuMDg3IDAgMDAtLjc4OS0uMzIzYy0uMzA2IDAtLjU1Ny4xMS0uNzcuMzIzeiIgZmlsbD0iI2NjZDBkZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	animation: load 1.2s linear infinite
}

.motivational-block {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	transition: transform .3s;
	transform: translateY(calc(100% - 16px))
}

.motivational-block__wrap {
	display: flex;
	align-items: center;
	opacity: 0;
	transition: opacity .3s;
	padding-left: calc(env(safe-area-inset-left) - 16px);
	padding-right: calc(env(safe-area-inset-right) - 16px)
}

.motivational-block__control-ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	background-image: none;
	transition: transform .3s;
	transform: rotate(180deg);
	will-change: transform
}

.motivational-block__control-ico:after {
	display: none
}

.motivational-block__control-ico:before {
	content: "";
	display: block;
	border-top: 8px solid hsla(0, 0%, 100%, .33);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent
}

.motivational-block.open {
	transform: translateY(0)
}

.motivational-block.open .motivational-block__control-ico {
	transform: rotate(0)
}

.motivational-block.open .motivational-block__wrap {
	opacity: 1
}

.motivational-block__container {
	display: flex;
	padding: 8px 8px 16px;
	border-top: 2px solid #3b425b;
	background: linear-gradient(180deg, #1b233a, #111a32);
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4)
}

.motivational-block__container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 42px;
	height: 10px;
	margin: auto;
	background-color: #1a2239
}

.motivational-block__btn {
	display: flex;
	flex-direction: column
}

.motivational-block__bonus-ico {
	z-index: 2;
	width: 60px;
	height: 40px;
	margin-left: 8px
}

.motivational-block__bonus-descr {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.motivational-block__tagline {
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: 700;
	color: #ffc400
}

.motivational-block__condition {
	font-size: 14px;
	color: hsla(0, 0%, 100%, .54)
}

.motivational-block__control {
	position: absolute;
	z-index: -1;
	bottom: calc(100% - 1px);
	left: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 0;
	width: 100%
}

.motivational-block__control-ico-wrap {
	display: flex;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding-top: 2px;
	border: 2px solid #3b425b;
	border-radius: 50%;
	background-color: #182038;
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4);
	cursor: pointer;
	transform: translateY(24px)
}

.motivational-block__control-ico-wrap:active .motivational-block__control-ico {
	opacity: .8
}

.motivational-block__control-ico.motivational-block__control-ico:after {
	display: none
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.registration-block {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		margin-left: auto;
		margin-bottom: 1px;
		padding-top: 20px;
	}
}

.registration-block__decor {
	border-top: 1px solid #43444b;
	border-bottom: 1px solid #040a15;
	position: fixed;
	left: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 0;
	width: 100%;
	height: 56px;
	bottom: 0;
	background: linear-gradient(
180deg,#212327,#090b0e);
	box-shadow: 0 -5px 20px rgb(0 0 0 / 50%);
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.registration-block__decor {
    position: static;
    height: 100%;
    background-color: transparent;
    border: none;
	}
}

.registration-block__panel {
	padding: 1px;
	background-image: linear-gradient(
0deg,#534731,#474334);
border-radius: 100px;
}

.registration-block__wrapper {
	display: flex;
	align-items: center;
	border-radius: inherit;
	height: 100%;
	padding-left: 8px;
	border: none;
	background-color: #222327;
}

.registration-block__bonus-img {
	display: none;
	width: 32px;
	height: 32px;
	margin-left: 8px
}

@media screen and (min-width:360px) {
	.registration-block__bonus-img {
		display: block
	}
}

@media screen and (min-width:568px) {
	.registration-block__bonus-img {
		margin-left: 28px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.registration-block__bonus-img {
		display: none
	}
}

@media screen and (min-width:1280px) {
	.registration-block__bonus-img {
		display: block;
		margin-left: 8px
	}
}

.registration-block__bonus-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 8px;
	margin-left: 8px;
	text-align: center;
	font-size: 12px;
	line-height: 14px
}

@media screen and (min-width:360px) {
	.registration-block__bonus-text {
		margin-right: 16px
	}
}

@media screen and (min-width:568px) {
	.registration-block__bonus-text {
		display: block;
		font-size: 14px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.registration-block__bonus-text {
		display: flex;
		margin-left: 8px;
		font-size: 12px
	}
}

.registration-block__bonus-headline {
	font-weight: 700;
	color: #ffc400;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	text-transform: uppercase
}

.registration-block__condition {
	margin-top: 2px;
	width: 100%;
	color: #8893ab
}

.page-title {
	justify-content: center;
	min-height: 48px;
	padding: 11px 0;
	background-color: #111526;
	font-weight: 700;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.page-title,
.page-title>.container {
	position: relative;
	display: flex;
	align-items: center
}

.page-title>.container {
	flex-direction: column
}

.page-title__title {
	padding: 0 24px;
	text-align: center
}

.page-title__sub-text {
	padding-top: 4px;
	font-weight: 400;
	color: #8893a8;
	font-size: 12px
}

.page-title__right-ico {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	right: 18px;
	height: 24px;
	min-width: 24px;
	margin: auto;
	cursor: pointer
}

@media screen and (max-width:1023px) {
	.page-title__right-ico {
		right: 9px
	}
}

.page-title__right-ico.icon-star-active {
	height: 18px;
	width: 18px
}

.page-title__right-pic {
	display: block;
	height: 24px;
	width: 24px
}

.page-title__right-600-text {
	display: block;
	margin-left: 7px;
	font-size: 14px;
	font-weight: 400
}

@media screen and (max-width:600px) {
	.page-title__right-600-text {
		display: none
	}
}

.page-title__back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 16px;
	height: 24px;
	width: 24px;
	margin: auto;
	color: #ccd0de;
	cursor: pointer
}

.page-title__back:active {
	opacity: .8
}

@media screen and (max-width:1023px) {
	.page-title__back {
		left: 8px
	}
}

.achievement__status {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding-top: 16px;
	padding-bottom: 16px
}

.achievement__status-wrap {
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (min-width:568px) {
	.achievement__status-wrap {
		flex-direction: row;
		justify-content: center
	}
}

.achievement__desc:not(.achievement__desc--without-progress) {
	width: 100%;
	max-width: 488px
}

.achievement__status-img {
	width: 160px;
	height: 160px;
	margin-bottom: 16px;
	flex-shrink: 0
}

@media screen and (min-width:568px) {
	.achievement__status-img {
		margin-bottom: 0;
		margin-right: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.achievement__status-img {
		width: 172px;
		height: 172px
	}
}

.achievement__status-pic {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.achievement__status-level {
	font-size: 14px;
	line-height: 1.2;
	color: #7ad6e0;
	font-weight: 700;
	text-align: center
}

.achievement__status-level:not(:last-child) {
	margin-bottom: 8px
}

@media screen and (min-width:568px) {
	.achievement__status-level {
		text-align: left
	}
}

.achievement__link {
	display: flex;
	justify-content: center
}

.achievement__link:not(:last-child) {
	margin-bottom: 16px
}

@media screen and (min-width:568px) {
	.achievement__link {
		justify-content: flex-start
	}
}

.achievement__info {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center
}

.achievement__progress {
	width: 100%;
	margin-bottom: 24px;
	padding: 0 8px
}

@media screen and (min-width:568px) {
	.achievement__progress {
		padding: 0
	}
}

.achievement__bonus {
	width: 100%
}

.achievement__bonus-wrap {
	width: 100%;
	max-width: 656px;
	border-radius: 5px;
	padding: 2px
}

.achievement__bonus-bg {
	display: flex;
	padding: 7px;
	border-radius: inherit;
	background-color: #12203f
}

.achievement__bonus-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center
}

.achievement__bonus-title {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	color: #a8bee6
}

.achievement__bonus-value {
	font-weight: 700;
	font-size: 16px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.achievement__list-sect {
	border-top: 1px solid #35486c;
	overflow: hidden;
	padding-top: 16px;
	padding-bottom: 16px
}

.achievement__list-title-wrap {
	margin-bottom: 16px
}

.achievement__list-title {
	font-weight: 700;
	font-size: 14px;
	color: #fff
}

.achievement__list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-right: -4px;
	margin-left: -4px;
	margin-bottom: -38px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.achievement__list {
		margin-left: -8px;
		margin-right: -8px
	}
}

.achievement__list-item {
	position: relative;
	padding: 0 4px;
	margin-bottom: 38px;
	width: 50%
}

.achievement__list-item:nth-child(1n+1):before {
	content: none
}

.achievement__list-item:nth-child(odd):before {
	content: ""
}

.achievement__list-item:first-child:before {
	content: none
}

.achievement__list-item:before {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	position: absolute;
	left: -4px;
	top: -21px;
	width: 100vw;
	height: 2px;
	transform: rotate(180deg)
}

@media screen and (min-width:768px) and (min-height:420px) {
	.achievement__list-item:before {
		left: -8px
	}
}

@media screen and (min-width:568px) {
	.achievement__list-item {
		width: 25%
	}
	.achievement__list-item:nth-child(odd):before {
		content: none
	}
	.achievement__list-item:nth-child(4n+1):before {
		content: ""
	}
	.achievement__list-item:first-child:before {
		content: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.achievement__list-item {
		padding: 0 8px
	}
}

@media screen and (min-width:1024px) {
	.achievement__list-item {
		width: 16.66%
	}
	.achievement__list-item:nth-child(4n+1):before {
		content: none
	}
	.achievement__list-item:nth-child(6n+1):before {
		content: ""
	}
	.achievement__list-item:first-child:before {
		content: none
	}
}

@media screen and (min-width:1680px) {
	.achievement__list-item {
		width: 12.5%
	}
	.achievement__list-item:nth-child(6n+1):before {
		content: none
	}
	.achievement__list-item:nth-child(8n+1):before {
		content: ""
	}
	.achievement__list-item:first-child:before {
		content: none
	}
}

.achievement__list-item.closed .achievement__list-name,
.achievement__list-item.closed .achievement__list-pic {
	opacity: .5
}

.achievement__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 8px
}

.achievement__list-img {
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 15px
}

.achievement__list-pic {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-size: 10px;
	color: #a8bee6
}

.achievement__list-disable-ico {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 32px
}

.achievement__list-name {
	font-size: 14px;
	color: #a8bee6;
	text-align: center
}

.level-item {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	display: flex;
	flex-direction: column
}

.level-item.closed .level-item__pic {
	opacity: .4
}

.level-item__wrap {
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 8px
}

@media screen and (min-width:568px) {
	.level-item__wrap {
		flex-direction: row
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.level-item__wrap {
		padding: 16px
	}
}

.level-item__img-sect {
	margin-bottom: 13px
}

@media screen and (min-width:568px) {
	.level-item__img-sect {
		margin-bottom: 0;
		margin-right: 16px
	}
}

.level-item__img-wrap {
	position: relative;
	width: 104px;
	height: 104px
}

.level-item__img-wrap:not(:last-child) {
	margin-bottom: 4px
}

@media screen and (min-width:568px) {
	.level-item__img-wrap {
		width: 128px;
		height: 128px
	}
}

.level-item__pic {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.level-item__closed-ico {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	margin: auto
}

.level-item__forbidden {
	display: block;
	text-align: center;
	color: #747c8e;
	font-size: 12px
}

.level-item__status-title {
	margin-bottom: 16px;
	font-weight: 700;
	color: #7ad6e0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
	text-align: center;
	font-size: 16px
}

.level-item__status-title:not(:last-child) {
	margin-bottom: 12px
}

@media screen and (min-width:568px) {
	.level-item__status-title {
		text-align: left
	}
}

.level-item__bonus-boxes {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -4px
}

.level-item__bonus-boxes:not(:last-child) {
	margin-bottom: 4px
}

@media screen and (min-width:568px) {
	.level-item__bonus-boxes {
		justify-content: flex-start;
		margin: -8px
	}
}

.level-item__bonus-box {
	width: auto;
	text-align: center;
	margin: 4px;
	min-width: 96px;
	min-height: 52px;
	max-width: 656px;
	border-radius: 5px
}

@media screen and (min-width:568px) {
	.level-item__bonus-box {
		margin: 8px
	}
}

.level-item__bonus-box-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 0 8px;
	border-radius: inherit;
	background-color: #12203f
}

.level-item__bonus-box-title {
	display: block;
	margin-bottom: 8px;
	white-space: nowrap;
	font-size: 12px;
	color: #a8bee6
}

.level-item__bonus-box-val {
	font-weight: 700;
	font-size: 16px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.level-item__description {
	font-size: 14px;
	line-height: 1.2;
	color: #8893a8
}

.actions__wrap {
	border-top: 1px solid #35486c
}

.actions__list-item:not(:first-child) {
	margin-bottom: 16px
}

.actions__list-item--second {
	border-top: 1px solid #35486c;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding-top: 16px
}

.actions__item-container:not(.actions__item-container--full) {
	padding: 0 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.actions__item-container:not(.actions__item-container--full) {
		padding: 0 16px
	}
}

.actions__item {
	display: block
}

.actions__item:not(.actions__item--full) {
	position: relative;
	z-index: 2;
	display: block;
	border-radius: 5px
}

.actions__item-wrap {
	padding-bottom: 50%;
	position: relative;
	border-radius: inherit
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.actions__item-wrap {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.actions__item-wrap {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.actions__item-wrap {
		height: 398px
	}
}

.actions__ban {
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	border-radius: inherit;
	object-fit: cover
}

.actions__ban,
.actions__btn {
	position: absolute;
	width: 100%
}

.actions__btn {
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	padding-bottom: 16px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5))
}

.strip-frame {
	overflow: hidden
}

.strip-frame,
.strip-home {
	height: 100%;
	pointer-events: auto
}

.strip-home {
	display: grid;
	grid-template-columns: 1fr 128px;
	grid-template-rows: 1fr 56px;
	background-color: #111526
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-home {
		grid-template-columns: 1fr 172px;
		grid-template-rows: 1fr 72px
	}
}

.strip-home__preview {
	grid-column: 1/2;
	grid-row: 1/2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-top: 16px;
	padding-bottom: 16px;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/strip-home-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	overflow: auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-home__preview {
		padding-top: 24px;
		padding-bottom: 24px
	}
}

.strip-home__slider {
	grid-column: 2/3;
	grid-row: 1/2;
	overflow-y: auto;
	background-color: #050c23
}

.strip-home__footer {
	border-top: 1px solid #35486c;
	grid-column: 1/3;
	grid-row: 2/3;
	box-shadow: 0 -4px 4px rgba(0, 0, 0, .25)
}

.strip-home__btn-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #112852
}

.strip-home__level-photo {
	margin-bottom: 12px
}

.strip-home__control {
	display: flex;
	justify-content: center
}

.strip-home__gift {
	margin-right: 16px
}

.strip-home__gallery-link {
	display: flex;
	align-items: center
}

.strip-home__gallery-link:active {
	opacity: .8
}

.strip-home__video-ico {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	margin-right: 4px
}

.strip-home__video-text {
	font-size: 14px;
	line-height: 16px;
	color: #32a2f4
}

@media (hover) {
	.strip-home__video-text:hover {
		text-decoration: underline
	}
}

.strip-gallery {
	display: flex;
	flex-direction: column;
	height: 100%;
	pointer-events: auto
}

.strip-gallery__body {
	position: relative;
	display: flex;
	justify-content: center;
	flex-grow: 1;
	background-color: #050c24;
	overflow: auto
}

.strip-gallery__list-wrap {
	border-top: 1px solid #35486c;
	scrollbar-width: none;
	width: 100%
}

.strip-gallery__list-wrap::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

.strip-gallery__list {
	scrollbar-width: none;
	display: flex;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	overflow-x: scroll;
	overflow-y: hidden;
	background-color: #112852
}

.strip-gallery__list::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-gallery__list {
		justify-content: center;
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 56px;
		height: 116px
	}
}

.strip-gallery__list-item:not(:last-child) {
	margin-right: 16px
}

.strip-gallery__list-item:last-child {
	padding-right: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-gallery__list-item:last-child {
		padding-right: 56px
	}
}

.strip-gallery__mute {
	position: absolute;
	right: 16px;
	bottom: 12px;
	z-index: 99
}

.video-item {
	position: relative;
	z-index: 2;
	display: flex;
	flex-grow: 1;
	overflow: hidden
}

.video-item.ended .video-item__btn {
	visibility: visible
}

.video-item.loading:after {
	content: ""
}

.video-item.show .video-item__vid {
	opacity: 1;
	visibility: visible
}

.video-item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(/2174/mobile/images-loaded/src/images/pic/loading_spinner.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 80px
}

.video-item__vid {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s
}

@media screen and (min-width:768px) and (min-height:420px) {
	.video-item__vid {
		position: static;
		margin: 0 auto;
		object-fit: contain;
		transform: none
	}
}

.video-item__btn {
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	width: 56px;
	height: 56px;
	margin: auto;
	visibility: hidden
}

.gifts-page,
.gifts-page__content {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.gifts-page__content {
	padding-bottom: 16px;
	border-bottom: 1px solid #040a14
}

.gifts-page__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.gifts-page__title {
		height: 48px
	}
}

.gifts-page__all-gifts {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px
}

.gifts-page__separator {
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: -8px;
	height: 1px;
	width: calc(100% + 16px);
	border-top: 1px solid #000;
	border-bottom: 1px solid #35496c
}

@media screen and (min-width:768px) and (min-height:420px) {
	.gifts-page__separator {
		margin-left: -16px;
		width: calc(100% + 32px)
	}
}

.gifts-list {
	display: grid;
	grid-gap: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.gifts-list {
		grid-template-columns: repeat(2, 360px)
	}
}

@media screen and (min-width:1024px) {
	.gifts-list {
		grid-template-columns: repeat(3, 320px)
	}
}

@media screen and (min-width:1366px) {
	.gifts-list {
		grid-template-columns: repeat(4, 320px)
	}
}

.gift-item {
	position: relative;
	height: 391px
}

.gift-item__bg {
	padding: 16px 8px;
	height: 100%;
	overflow: hidden
}

@media screen and (min-width:568px) {
	.gift-item__bg {
		display: flex;
		align-items: center;
		flex-direction: column
	}
}

.gift-item__content {
	position: relative;
	top: 0;
	transition: .3s
}

.gift-item__content--up {
	top: -180px;
	transition: .3s
}

.gift-item__ban {
	width: 200px;
	height: 160px;
	margin: 0 auto 16px
}

.gift-item__pic {
	margin: 0 auto;
	height: 100%;
	object-fit: contain;
	text-align: center
}

.gift-item__footer {
	position: absolute;
	z-index: 2;
	left: 8px;
	right: 8px;
	bottom: 1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 12px;
	background: #0e1f3e
}

.gift-item__separator {
	margin-bottom: 16px;
	height: 1px;
	width: calc(100% + 16px);
	border-top: 1px solid #000;
	border-bottom: 1px solid #35496c
}

.gift-item__title {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-align: center
}

.gift-item__text-desc {
	flex-grow: 1
}

.gift-item__text {
	margin-bottom: 16px;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	color: #8893a8
}

@media screen and (min-width:567px) {
	.gift-item__text {
		text-align: left
	}
}

.gift-item__count {
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (min-width:321px) {
	.gift-item__count {
		align-items: flex-end;
		justify-content: center;
		flex-direction: row
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.gift-item__count {
		justify-content: flex-start
	}
}

.gift-item__count-item {
	margin-bottom: -8px;
	margin-right: 6px
}

.gift-item__count-btn-container {
	display: flex
}

.gift-item__count-btn-container .btn {
	padding: 0 14px
}

.gift-item__countdown {
	margin-top: -8px
}

.used-gifts-list__list {
	display: grid;
	grid-gap: 16px;
	font-size: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.used-gifts-list__list {
		grid-template-columns: repeat(2, 360px)
	}
}

@media screen and (min-width:1024px) {
	.used-gifts-list__list {
		grid-template-columns: repeat(3, 320px)
	}
}

@media screen and (min-width:1366px) {
	.used-gifts-list__list {
		grid-template-columns: repeat(4, 320px)
	}
}

.used-gifts-list__pagination {
	padding-top: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.used-gifts-list__pagination {
		padding-top: 24px;
		padding-bottom: 8px
	}
}

.used-gifts-list__pagination-btn {
	display: flex;
	justify-content: center
}

.used-gift {
	height: 100%
}

.used-gift__bg {
	display: flex;
	align-items: center;
	padding: 8px;
	height: 100%
}

.used-gift__img {
	margin-right: 8px;
	max-width: 56px;
	max-height: 56px
}

.used-gift__pic {
	width: 100%;
	height: auto;
	object-fit: contain
}

.used-gift__title-wrap {
	margin-bottom: 8px
}

.used-gift__title {
	display: block;
	font-weight: 700;
	font-size: 14px
}

.used-gift__text {
	font-size: 12px;
	color: #8893a8;
	line-height: 1.2
}

.gift-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.gift-slide__img-wrapper {
	width: 80px;
	height: 64px;
	margin-bottom: 8px
}

.gift-slide__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.gift-slide__label-container {
	width: 100%;
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden
}

@media (hover) {
	.gift-slide__label-container:hover .marquee {
		animation-name: marquee;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-direction: alternate;
		animation-iteration-count: infinite
	}
}

.gift-slide__label {
	display: inline-block;
	overflow: hidden
}

.gift-slide__countdown {
	width: 100%;
	height: 14px;
	margin-bottom: 16px
}

.gift-slide__button-container {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 196px;
	width: 100%;
	padding: 0 4px;
	box-sizing: border-box
}

.gift-slide__btn {
	width: 100%
}

@keyframes marquee {
	0% {
		transform: translate(0)
	}
	to {
		transform: translate(-20%)
	}
}

.slider__item {
	display: block;
	width: 100%;
	box-sizing: border-box
}

.slider__wrapper-link {
	position: relative;
	display: block;
	width: 100%
}

.slider__img-wrap {
	padding-bottom: 0;
	position: relative;
	height: auto;
	width: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.slider__img-wrap {
		padding-bottom: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider__img-wrap {
		padding-bottom: 0;
	}
}



.slider__pic {
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover
}

.slider__btn,
.slider__pic {
	position: absolute;
	width: 100%
}

.slider__btn {
	bottom: 24px;
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	justify-content: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider__btn {
		bottom: 68px
	}
}

.slider__pagination.slider__pagination-clickable {
	position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 6px;
	display: flex;
	width: auto;
	font-size: 0;
	transform: translateX(-50%)
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider__pagination.slider__pagination-clickable {
		bottom: 30px
	}
}

.slider__pagination-dot {
	display: block;
	width: 4px;
	height: 4px;
	padding: 4px;
	box-sizing: content-box;
	border-radius: 50%;
	background-color: #fff;
	background-clip: content-box;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
	opacity: .5;
	transition: opacity .3s;
	cursor: pointer
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider__pagination-dot {
		width: 6px;
		height: 6px
	}
}

.slider__pagination-dot--active {
	opacity: 1
}

.slider2 {
	flex-grow: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #111526
}

.slider2 .swiper-wrapper {
	padding: 0 8px
}

.slider2__slide {
	width: auto
}

.slider2__wrap {
	padding: 2px 2px 0;
	border-radius: 5px;
	background-image: linear-gradient(#414450, #15191f 25%);
	box-shadow: 0 2px 0 0 #40434f;
	margin-bottom: 2px
}

.slider2__item {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: inherit;
	background-image: linear-gradient(#1b1f2c, #0d101d);
	font-size: 16px
}

.slider2__img-wrap {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 122px;
	height: 84px;
	margin-right: 15px
}

.slider2__pic {
	border-radius: 4px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-size: 10px
}

.slider2__desc {
	width: 77px;
	padding-right: 8px
}

.slider2__desc>* {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider2__desc {
		width: 100px
	}
}

.slider2__currensy {
	color: #ffc400;
	font-weight: 700;
	line-height: 1.25;
	font-size: 14px
}

.slider2__username {
	margin-bottom: 14px;
	font-size: 12px;
	line-height: 1.2
}

.slider2__text {
	margin-bottom: 2px;
	line-height: 1.2;
	font-size: 12px;
	color: #8893a8
}

.slider3 {
	padding: 1px;
	border-radius: 5px;
	background: linear-gradient(
180deg,rgba(177,150,88,.48),#0f1013 17.19%,#191a1f 84.37%,rgba(177,150,88,.48));
	height: 100%;
}

.slider3 .swiper-wrapper {
	padding-top: 16px
}

.slider3--no-bg {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none
}

.slider3__swiper {
	height: 100%
}

.slider3__item-wrap {
	background-color: #17191d;
	border-radius: inherit;
	height: 500px;
	padding: 0 16px
}

.slider3__item-wrap--height {
	height: calc(100vh - 200px);
	max-height: 480px;
}

.slider3__item-wrap--height-s {
	height: calc(100vh - 125px)
}

.slider3__item-wrap--background {
	background: #112852
}

.slider3__slide {
	width: auto;
	height: 60px;
	margin-bottom: 16px
}

.slider3__item {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: inherit;
	font-size: 16px
}

.slider3__img-wrap {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 88px;
	height: 60px;
	margin-right: 15px
}

.slider3__pic {
	border-radius: 4px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-size: 10px
}

.slider3__desc {
	width: 100px;
	padding-right: 8px
}

.slider3__desc>* {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.slider3__currensy {
	color: #ffc400;
	font-weight: 700;
	line-height: 1.25;
	font-size: 14px
}

.slider3__username {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 1.2
}

.slider3__text {
	margin-bottom: 2px;
	line-height: 1.2;
	font-size: 12px;
	color: #8893a8
}

.slider4 {
	padding: 1px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
	width: 100%;
	border-radius: 5px
}

.slider4__decor {
	min-height: 200px;
	padding: 16px;
	border-radius: inherit;
	background-image: linear-gradient(#1e335b, #12203f);
	background-size: 100% 100px;
	background-repeat: no-repeat;
	background-color: #12203f
}

.slider4__arrow {
	position: absolute;
	top: 15%;
	z-index: 10;
	width: 18px;
	height: 18px;
	cursor: pointer
}

.slider4__arrow--prev {
	left: 16px
}

.slider4__arrow--next {
	right: 16px
}

.slider4__arrow-disabled {
	display: none
}

@media (min-width:1113px) and (orientation:landscape) and (hover),
screen and (min-width:1024px) and (orientation:portrait) and (hover) {
	.slider6:hover .slider6__arrow {
		opacity: .8;
		visibility: visible
	}
	.slider6:hover .slider6__arrow:hover {
		opacity: 1
	}
	.slider6:hover .slider6__arrow:active {
		opacity: .6
	}
}

.slider6__item-wrap {
	margin-right: -8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slider6__item-wrap {
		margin-right: -16px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.slider6__item-wrap {
		margin-right: 0
	}
}

.slider6__arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	padding: 4px;
	margin: auto;
	width: 32px;
	height: 32px;
	visibility: hidden;
	cursor: pointer;
	border-radius: 50%;
	background-color: #284171;
	opacity: 0;
	transition: visibility .3s, opacity .3s
}

.slider6__arrow--prev {
	left: 16px
}

.slider6__arrow--next {
	right: 16px
}

.slider6__arrow-disabled {
	display: none
}

.slide6 {
	box-sizing: border-box;
	width: 134px;
	margin-right: 8px
}

@media screen and (min-width:360px) {
	.slide6 {
		width: 148px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.slide6 {
		margin-right: 16px
	}
}

@media screen and (min-width:568px) {
	.slide6 {
		width: 162px
	}
}

@media screen and (min-width:1024px) {
	.slide6 {
		width: 184px
	}
}

.jackpot {
	padding-bottom: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot {
		padding-bottom: 22px
	}
}

.jackpot__ban {
	position: relative
}

.jackpot__block-ban {
	padding-bottom: 50%;
	position: relative;
	display: block;
	overflow: hidden
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.jackpot__block-ban {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__block-ban {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.jackpot__block-ban {
		height: 398px
	}
}

.jackpot__desc {
	padding-bottom: 5px
}

.jackpot__decor {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.jackpot__count {
	display: flex;
	align-self: baseline;
	overflow: hidden;
	padding: 0 4px
}

.jackpot__block-btn {
	position: absolute;
	bottom: 12px;
	left: 0;
	z-index: 1;
	width: 100%;
	display: flex;
	justify-content: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__block-btn {
		bottom: 56px
	}
}

@media screen and (min-width:1024px) {
	.jackpot__block-button {
		width: 240px
	}
}

.jackpot__sum {
	display: flex;
	align-items: center;
	font-family: SF UI Display, sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #ffe0b7
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__sum {
		font-size: 30px;
		line-height: 36px
	}
}

@media screen and (min-width:1680px) {
	.jackpot__sum {
		font-size: 40px;
		line-height: 48px
	}
}

.jackpot__decor-title {
	margin-bottom: 5px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #ffd38c;
	letter-spacing: .576px;
	text-shadow: 0 0 1px #0c3a55, 0 2px 5px #04293e;
	font-weight: 700;
	line-height: 1.2
}

@media screen and (min-width:568px) {
	.jackpot__decor-title {
		font-size: 14px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__decor-title {
		margin-bottom: 5px;
		font-size: 24px
	}
}

@media screen and (min-width:1680px) {
	.jackpot__decor-title {
		font-size: 32px
	}
}

.rub .jackpot__currency:after {
	content: "c"
}

.jackpot__text {
	display: flex;
	align-self: baseline;
	overflow: hidden;
	padding: 0 4px
}

.jackpot__games {
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding-bottom: 16px
}

.jackpot__headline {
	display: flex;
	align-items: center;
	height: 48px
}

.jackpot__title {
	font-size: 14px;
	font-weight: 700
}

.jackpot__description {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding: 16px 0
}

.jackpot__winners {
	border-top: 1px solid #35486c;
	padding-bottom: 16px
}

.jackpot__winners-list {
	display: flex;
	flex-wrap: wrap
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__winners-list {
		margin-right: -8px;
		margin-left: -8px
	}
}

.jackpot__winners-item {
	width: 100%
}

.jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
	background-color: #0f2040
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
		background-color: transparent
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__winners-item {
		width: 50%;
		padding: 0 8px
	}
	.jackpot__winners-item:nth-child(4n+1) .jackpot__winners-card,
	.jackpot__winners-item:nth-child(4n+2) .jackpot__winners-card {
		background-color: #0f2040
	}
}

.jackpot__winners-card {
	display: flex;
	align-items: center;
	padding: 8px;
	font-size: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot__winners-card {
		padding: 8px 8px 8px 16px
	}
}

.jackpot__winners-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 42%
}

.jackpot__winners-nickname {
	font-size: 14px;
	margin-bottom: 3px
}

.jackpot__winners-date {
	color: #8893a8;
	font-size: 14px
}

.jackpot__winners-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1
}

.jackpot__winners-money {
	font-size: 16px;
	margin-bottom: 4px;
	font-weight: 700;
	color: #ffc400
}

.jackpot__winners-bet {
	color: #a8bee6;
	font-size: 12px
}

.home {
	display: flex;
	flex-direction: column
}

.home__promo-text {
	background-size: 100% 16px;
	background-repeat: no-repeat;
	order: 99;
	padding: 1px 0;
	border-top: 1px solid #43444b;
	padding-top: 20px;

}

.home__lobby-games {
	padding-bottom: 16px
}

.big-ban {
	padding-bottom: 50%;
	position: relative;
	display: block;
	min-height: 160px;
	overflow: hidden
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.big-ban {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.big-ban {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.big-ban {
		height: 398px
	}
}

.big-ban__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block
}

.big-ban__button-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	width: 100%;
	padding-bottom: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.big-ban__button-wrap {
		padding-bottom: 68px
	}
}

.big-ban__img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.popular-games {
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding-bottom: 8px
}

.popular-games__btn {
	display: flex;
	justify-content: center;
	padding-top: 8px
}

.jackpot-block {
	padding-bottom: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot-block {
		padding-top: 8px;
		padding-bottom: 22px
	}
}

.jackpot-block__wrap {
	position: relative
}

.jackpot-block__ban {
	padding-bottom: 50%;
	position: relative;
	display: block;
	overflow: hidden
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.jackpot-block__ban {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot-block__ban {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.jackpot-block__ban {
		height: 398px
	}
}

.jackpot-block__picture {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%
}

.jackpot-block__img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.jackpot-block__desc {
	padding-bottom: 5px
}

.jackpot-block__decor {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.jackpot-block__count {
	display: flex;
	align-self: baseline;
	overflow: hidden;
	padding: 0 4px
}

.jackpot-block__btn {
	position: absolute;
	bottom: 12px;
	left: 0;
	z-index: 1;
	width: 100%;
	display: flex;
	justify-content: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot-block__btn {
		bottom: 56px
	}
}

.jackpot-block__sum {
	display: flex;
	align-items: center;
	font-family: SF UI Display, sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #ffe0b7
}

@media screen and (min-width:768px) and (min-height:420px) {
	.jackpot-block__sum {
		font-size: 30px;
		line-height: 36px
	}
}

@media screen and (min-width:1680px) {
	.jackpot-block__sum {
		font-size: 40px;
		line-height: 48px
	}
}

.rub .jackpot-block__currency:after {
	content: "c"
}

.promotion-text__height {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}



.toggle-active.height-auto:before {
	display: none
}

.toggle-active:before {
	display: block
}

.height-auto {
	max-height: none!important
}

.promotion-text__btn {
	margin: 8px auto 0
}

.blog-list {
	border-top: 1px solid #35486c;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat
}

.blog-list__headline {
	display: flex;
	align-items: center;
	height: 48px
}

.blog-list__title {
	display: flex;
	justify-content: space-between
}

.blog-list__title-text {
	font-weight: 700;
	font-size: 14px
}

.blog-list__title-count {
	font-size: 14px
}

.blog-list__list-item:not(:first-child) {
	border-top: 1px solid #35486c;
	padding-top: 8px
}

.blog-list__item {
	border-bottom: 1px solid #040a15;
	padding-bottom: 16px
}

.blog-list__item-ban {
	margin-bottom: 16px
}

.blog-list__promo-item {
	padding-bottom: 50%;
	position: relative;
	display: block;
	border-radius: 5px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.blog-list__promo-item {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.blog-list__promo-item {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.blog-list__promo-item {
		height: 398px
	}
}

.blog-list__promo-item-pic {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding: 3px;
	border-radius: inherit;
	object-fit: cover
}

.blog-list__item-title {
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px
}

.blog-list__item-time {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: #8893a8
}

.blog-list__item-text {
	margin-bottom: 16px;
	font-size: 14px;
	color: #8893a8
}

.blog-list__item-links {
	display: flex;
	justify-content: space-between
}

.blog-list__bot-btn {
	border-top: 1px solid #35486c;
	display: flex;
	justify-content: center;
	padding: 8px 0
}

.blog-show__desc {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding: 16px 0
}

.blog-show__promo-item-pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.blog-show__promo-item {
	padding-bottom: 50%;
	position: relative;
	display: block
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.blog-show__promo-item {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.blog-show__promo-item {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.blog-show__promo-item {
		height: 398px
	}
}

.blog-show__desc-title {
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px
}

.blog-show__desc-time {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	color: #8893a8
}

.blog-show__comments-disable {
	border-top: 1px solid #35486c;
	padding: 16px 0
}

.blog-show__comment-disable-title {
	font-size: 14px;
	font-weight: 700
}

.blog-show__comments {
	border-top: 1px solid #35486c;
	padding: 16px 0
}

.blog-show__btn {
	display: flex;
	justify-content: center;
	padding-top: 8px
}

.blog-show__form {
	margin-bottom: 16px
}

.blog-show__comment-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
	line-height: 1.2;
	font-weight: 700;
	font-size: 14px;
	color: #fff
}

.blog-show__comment-area,
.blog-show__comment-form {
	margin-bottom: 16px
}

.blog-show__comment-title-wrap {
	display: flex;
	justify-content: space-between;
	font-size: 14px
}

.blog-show__comment-sub-title {
	font-weight: 700
}

.blog-show__comment-area-btn {
	display: flex;
	justify-content: center
}

.blog-show__message-item:not(:last-child) {
	margin-bottom: 4px
}

.blog-show__message-data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 34px;
	padding: 4px 8px
}

.blog-show__message-name {
	padding-right: 8px;
	text-overflow: ellipsis;
	overflow: hidden
}

.blog-show__message-name,
.blog-show__message-time {
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.2;
	color: #8893a8
}

.blog-show__message-desc {
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 8px 9px 7px;
	background-color: rgba(17, 21, 38, .4);
	border-radius: 5px;
	word-break: break-word;
	font-size: 14px
}

.blog-show__no-message {
	display: block;
	padding-top: 8px;
	font-size: 14px;
	font-style: italic;
	color: #8893a8
}

.password-recovery-modal {
	margin: auto;
	width: 320px
}

.password-recovery-modal.password-recovery-modal--separate-page {
	position: relative;
	z-index: 1000;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.password-recovery-modal.password-recovery-modal--separate-page::-webkit-scrollbar {
	display: none
}

.password-recovery-modal__wrap {
	border-radius: 5px;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.change-password-modal {
	margin: auto;
	width: 320px
}

.change-password-modal.change-password-modal--separate-page {
	position: relative;
	z-index: 1000;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.change-password-modal.change-password-modal--separate-page::-webkit-scrollbar {
	display: none
}

.change-password-modal__wrap {
	border-radius: 5px;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.resetting-password-modal {
	margin: auto;
	width: 320px
}

.resetting-password-modal.resetting-password-modal--separate-page {
	position: relative;
	z-index: 1000;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.resetting-password-modal.resetting-password-modal--separate-page::-webkit-scrollbar {
	display: none
}

.resetting-password-modal__wrap {
	padding-bottom: 24px
}

.registration,
.resetting-password-modal__wrap {
	border-radius: 5px;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.registration {
	width: 100%;
	max-width: 480px;
	margin: auto
}

.registration__headline {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #111526
}

.registration__title {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.registration__close {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)
}

.registration__ban-wrap {
	position: relative;
	height: 100%;
	width: 100%;
	padding-bottom: 44.58%
}

.registration__ban-pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.registration__ban-wrap--rotate-2 {
	display: none
}

.registration__tabs {
	border-bottom: 1px solid #040a15
}

.registration__ulogin {
	border-top: 1px solid #35486c
}

.registration__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #111526
}

.authorization {
	width: 100%;
	max-width: 480px;
	margin: auto;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
	border-radius: 5px
}

.authorization__headline {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #111526
}

.authorization__title {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.authorization__close {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)
}

.authorization__tabs {
	border-bottom: 1px solid #040a15
}

.authorization__ulogin {
	border-top: 1px solid #35486c
}

.authorization__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #111526
}

.registration-tab {
	padding: 12px 8px 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.registration-tab {
		padding-left: 16px;
		padding-right: 16px
	}
}

.registration-tab__desc {
	margin-bottom: 16px
}

.registration-tab__input:not(:last-child),
.registration-tab__inputs:not(:last-child) {
	margin-bottom: 8px
}

.registration-tab__check {
	margin-bottom: 24px
}

.registration-tab__btn {
	display: flex;
	justify-content: center
}

.authorization-tab {
	padding: 12px 8px 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.authorization-tab {
		padding-left: 16px;
		padding-right: 16px
	}
}

.authorization-tab__desc {
	margin-bottom: 32px
}

.authorization-tab__inputs {
	margin-bottom: 4px
}

.authorization-tab__input:not(:last-child) {
	margin-bottom: 8px
}

.authorization-tab__resetting {
	display: flex;
	justify-content: flex-end
}

.authorization-tab__btn {
	display: flex;
	justify-content: center
}

.ulogin {
	padding: 16px
}

.ulogin.ulogin--min-design {
	padding: 14px 16px 0
}

.ulogin.ulogin--min-design .ulogin__list {
	flex-wrap: wrap
}

.ulogin.ulogin--min-design .ulogin__item {
	margin: 4px
}

.ulogin.ulogin--min-design .ulogin__title {
	margin-bottom: 12px
}

.ulogin__title {
	margin-bottom: 10px;
	font-size: 12px;
	color: #8893a8;
	text-align: center
}

.ulogin__list {
	display: flex;
	justify-content: center
}

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

.ulogin__social-btn {
	display: block;
	width: 40px;
	height: 40px;
	opacity: .7
}

.ulogin__social-btn:active {
	opacity: 1
}

.password-recovery__wrap {
	border-top: 1px solid #35486c;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding-top: 16px;
	padding-bottom: 24px
}

.password-recovery__desc {
	max-width: 352px;
	padding: 0 16px;
	margin: 0 auto;
	border-radius: inherit
}

.password-recovery__title {
	margin-bottom: 16px;
	font-size: 14px;
	color: #a8bee6
}

.password-recovery__radio:not(:empty) {
	margin-bottom: 16px
}

.password-recovery__radio-item:not(:last-child) {
	margin-bottom: 8px
}

.password-recovery-email-tab__input {
	margin-bottom: 16px
}

.password-recovery-email-tab__input-desc-btn {
	display: flex;
	justify-content: center
}

.password-recovery-email-tab__text-wrap {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.2;
	color: #8893a8
}

.password-recovery-email-tab__input-desc-captcha:not(:empty),
.password-recovery-email-tab__text-item:not(:last-child) {
	margin-bottom: 16px
}

.password-recovery-email-tab__text-link {
	color: #fff
}

.password-recovery-email-tab__button {
	display: flex;
	justify-content: center
}

.password-recovery-phone-tab__input {
	position: relative;
	z-index: 2;
	margin-bottom: 16px
}

.password-recovery-phone-tab__input-desc-btn {
	display: flex;
	justify-content: center
}

.password-recovery-phone-tab__code-wrap-text {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.2;
	color: #8893a8
}

.password-recovery-phone-tab__code-captcha:not(:empty),
.password-recovery-phone-tab__code-input,
.password-recovery-phone-tab__input-desc-captcha:not(:empty) {
	margin-bottom: 16px
}

.password-recovery-phone-tab__code-btn {
	display: flex;
	justify-content: center
}

.change-password__wrap {
	border-top: 1px solid #35486c;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding-top: 16px;
	padding-bottom: 16px
}

.change-password__desc {
	width: 100%;
	max-width: 352px;
	padding: 0 16px;
	margin: 0 auto
}

.change-password__inputs {
	margin-bottom: 24px
}

.change-password__input:not(:last-child) {
	margin-bottom: 16px
}

.change-password__btn {
	display: flex;
	justify-content: center
}

.resseting-password__wrap {
	border-top: 1px solid #35486c;
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	padding: 16px 8px 0
}

.resseting-password__desc {
	width: 100%;
	max-width: 320px;
	margin: 0 auto
}

.resseting-password__text {
	font-size: 14px;
	color: #8893a8;
	line-height: 1.2
}

.resseting-password__text:not(:empty) {
	margin-bottom: 16px
}

.resseting-password__inputs {
	margin-bottom: 24px
}

.resseting-password__input:not(:last-child) {
	margin-bottom: 16px
}

.resseting-password__btn {
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center
}

.personal-entry-page {
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_mobile.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

@media screen and (min-width:768px) and (min-height:420px) {
	.personal-entry-page {
		background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_ipad.jpg)
	}
}

@media screen and (min-width:1024px) {
	.personal-entry-page {
		background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_desktop.jpg)
	}
}

.personal-entry-page__title {
	text-align: center;
	font-family: Impact, sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 43px;
	text-transform: uppercase;
	color: #fff
}

@media screen and (min-width:768px) and (min-height:420px) {
	.personal-entry-page__title {
		font-size: 32px
	}
}

.personal-entry-page__scroll {
	display: flex;
	overflow: auto;
	height: 100%
}

.personal-entry-page__wrap {
	width: 100%;
	max-width: 440px;
	margin: auto
}

.personal-entry-page__authorization {
	width: 100%;
	max-width: 480px;
	margin: auto;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
	border-radius: 5px
}

.personal-entry-page__authorization-headline {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #111526
}

.personal-entry-page__authorization-title {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.personal-entry-page__authorization-close {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)
}

.personal-entry-page__authorization-tabs {
	border-bottom: 1px solid #040a15
}

.personal-entry-page__authorization-ulogin {
	border-top: 1px solid #35486c
}

.personal-entry-page__authorization-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #111526
}

.btn {
	position: relative;
	display: block;
	flex-shrink: 0;
	min-width: 80px;
	padding: 0 16px;
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 100px;
}

.btn.btn--first {
    background: linear-gradient(
        98.32deg,#815516 -2%,#ffcb51 54.7%,#c98217 107.96%);
        color: #000;
        box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 100px;
}


@media (hover) {
	.btn.btn--first:hover {
        background: linear-gradient(
            180deg,#efc43d,#fff 49.48%,#efc43d);
	}
}

.btn.btn--first:active {
	background-image: linear-gradient(0, #206400 .01%, #2aa300);
	color: hsla(0, 0%, 100%, .7)
}

.btn.btn--second {
	background-image: linear-gradient(180deg, #ea2626, #641800)
}

@media (hover) {
	.btn.btn--second:hover {
		background-image: linear-gradient(180deg, #ff1a1a, #a82800)
	}
}

.btn.btn--second:active {
	background-image: linear-gradient(0, #ea2626 .01%, #641800);
	color: hsla(0, 0%, 100%, .7)
}

.btn.btn--third {
    background: linear-gradient(
        180deg,#d4e1e6,#fff 49.48%,#d4e1e5);
            color: #000;
}

@media (hover) {
	.btn.btn--third:hover {
        background: linear-gradient(
            180deg,#e7f3f8,#fff 49.48%,#e7f3f8);
	}
}

.btn.btn--third:active {
	background-image: linear-gradient(0, #00396c .01%, #005585);
	color: hsla(0, 0%, 100%, .7)
}

.btn.btn--transparent {
	background-image: linear-gradient(180deg, transparent, transparent);
	text-transform: none;
	line-height: 38px;
	font-size: 16px;
	border: 1px solid #fff
}

@media (hover) {
	.btn.btn--transparent:hover {
		background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .08))
	}
}

.btn.btn--transparent:active {
	background-image: linear-gradient(0, transparent .01%, transparent);
	color: hsla(0, 0%, 100%, .7);
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 34px;
	background-color: rgba(0, 0, 0, .08)
}

.btn.btn--fourth {
	margin-bottom: 0;
	line-height: 40px;
	background-color: transparent;
	color: #32a2f4
}

.btn.btn--fourth:after {
	display: none
}

@media (hover) {
	.btn.btn--fourth:hover {
		text-decoration: underline
	}
}

.btn.btn--fourth:active {
	background-color: rgba(0, 0, 0, .6)
}

.btn.btn--long,
.btn.btn--long-response {
	min-width: 200px
}

@media screen and (max-width:1023px) {
	.btn.btn--long-response {
		min-width: auto
	}
}

@media screen and (max-width:1023px) and (min-width:480px) {
	.btn.btn--long-response {
		min-width: 200px
	}
}

.btn.btn--big,
.btn.btn--big-response {
	min-width: 240px
}

@media screen and (max-width:1023px) {
	.btn.btn--big-response {
		min-width: 200px
	}
}

.btn.disabled,
.btn[disabled] {
	opacity: .3;
	cursor: not-allowed;
	pointer-events: none
}

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

.btn__ico {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3))
}

.btn.btn--counter {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	line-height: inherit;
	height: 48px;
	padding: 0 12px
}

.btn.btn--counter:after,
.btn.btn--counter:before {
	transform: none
}

.btn__timer-text {
	display: block;
	font-size: 12px;
	line-height: 17px;
	color: hsla(0, 0%, 100%, .8);
	font-weight: 400
}

.btn__text--small {
	display: block;
	text-transform: lowercase;
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	opacity: .8
}

.close-btn {
	display: block;
	width: 24px;
	height: 24px
}

.close-btn:active {
	opacity: .8
}

.close-btn:before {
	content: "";
	position: absolute;
	left: -8px;
	top: -8px;
	width: 40px;
	height: 40px
}

.switch {
	display: block;
	width: 56px;
	height: 24px;
	border-radius: 15px
}

.switch__panel {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0 5px;
	overflow: hidden;
	transition: transform .3s;
	transform: translateX(-37%);
	will-change: transform
}

.switch__panel:after,
.switch__panel:before {
	content: "";
	flex-shrink: 0;
	display: flex;
	align-items: center;
	width: 27px;
	font-weight: 700;
	color: #111526;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px
}

.switch__panel:before {
	content: attr(data-on);
	justify-content: flex-start
}

.switch__panel:after {
	content: attr(data-off);
	justify-content: flex-end;
	opacity: .5;
	text-align: right
}

.switch__hidden-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	background-color: #fff
}

.switch__ico {
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .2), rgba(0, 0, 0, .2));
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #e4e4e4;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .3);
	transition: background-color .3s
}

.switch__input:checked~.switch__hidden-wrap .switch__panel {
	transform: translateX(-1%)
}

.switch__input:checked~.switch__hidden-wrap .switch__panel .switch__ico {
	background-color: #189ff2
}

.check-item {
	position: relative;
	display: block;
	cursor: pointer
}

.check-item.error .alert-text {
	overflow: visible
}

.check-item.error .check-item__ico:before {
	background-image: linear-gradient(0deg, #ff3738, #900e0f)
}

.check-item__ico-bg {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	margin-right: 4px;
	border-radius: 5px
}

.check-item__ico {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 2px;
	background-color: #fff;
	border-radius: 4px
}

.check-item__ico:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .3s
}

.check-item.check-item--radio .check-item__ico-bg {
	border-radius: 50%
}

.check-item.check-item--radio .check-item__ico {
	padding: 0;
	border-radius: 50%
}

.check-item.check-item--radio .check-item__ico:after {
	width: 10px;
	height: 10px;
	border-radius: inherit
}

.check-item__wrap {
	display: flex;
	align-items: center;
	width: max-content
}

.check-item__text {
	display: flex;
	align-items: center;
	font-size: 14px
}

.check-item__text::selection {
	background-color: transparent
}

.check-item__input {
	display: none
}

.check-item__input:checked~.check-item__ico-bg .check-item__ico:after,
.check-item__input:checked~.check-item__ico:after,
.check-item__input:checked~.check-item__wrap .check-item__ico:after {
	opacity: 1
}

.input-item,
.input-item-tel {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	transition: padding .3s
}

.input-item-tel {
	z-index: 1
}

.input-item--deposit.input-item-tel,
.input-item.input-item--deposit {
	width: 152px;
	margin-right: 8px
}

.input-item--deposit.input-item-tel input,
.input-item.input-item--deposit input {
	color: #1c283d
}

.input-item-wrap__bg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #fff
}

.input-item-wrap__input,
.input-item-wrap__input-pseudo {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 12px;
	background-color: transparent;
	font-size: 14px;
	color: #1c283d;
	font-weight: 700
}

.input-previous-data {
	display: none;
	position: absolute;
	right: 0;
	z-index: 2;
	padding: 0 12px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #1c283d;
	opacity: .51
}

.input-previous-data:after {
	z-index: 3;
	width: 18px;
	padding-top: 1px;
	text-align: right
}

.input-item-wrap__input-pseudo {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: baseline;
	margin: auto;
	padding: 0 12px;
	overflow: hidden;
	color: transparent;
	opacity: 0;
	height: 28px;
	line-height: 28px
}

.input-item-wrap--cur,
.input-item-wrap--cur .input-item-wrap__bg {
	display: flex;
	align-items: center
}

.input-item-wrap--cur .input-item-wrap__input {
	position: relative;
	z-index: 2;
	height: 16px
}

.input-item-wrap {
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 5px
}

.input-item-wrap.input-item-wrap--area {
	height: 56px
}

.input-item-wrap.input-item-wrap--area .input-item-wrap__bg {
	padding: 8px 0
}

.input-item-wrap.active .input-item-wrap__input-pseudo {
	opacity: 1
}

.input-item-wrap.active .input-previous-data {
	display: block
}

.input-item-wrap.input-item-wrap--captcha {
	width: calc(100% - 136px)
}

.alert-text {
	display: block;
	visibility: hidden;
	width: 100%;
	min-height: 15px;
	padding-top: 1px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.167;
	white-space: nowrap
}

.alert-text>a {
	color: #32a2f4
}

@media (hover) {
	.alert-text>a:hover {
		text-decoration: underline
	}
}

.input-item-wrap__ico-right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	z-index: 1;
	width: 24px;
	height: 24px;
	margin: auto;
	overflow: hidden
}

.input-item-wrap__ico-right.show-pass {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 35px;
	right: 0;
	cursor: pointer
}

.input-item-wrap__ico-right.show-pass [class*=icon-] {
	width: 18px;
	height: 13px
}

.input-item-wrap__ico-right.show-pass:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 19px;
	width: 2px;
	border-right: 1px solid #fff;
	box-sizing: content-box;
	margin: auto;
	background-color: currentColor;
	transform: rotate(-45deg);
	opacity: 0;
	transition: opacity .3s
}

.input-item-wrap__ico-right.active {
	color: #000
}

.input-item-wrap__ico-right.active:before {
	opacity: 1
}

.input-item-wrap__ico-right:active {
	opacity: .4
}

.input-item-wrap__ico-right--alert-ico {
	display: none
}

.attention .alert-text,
.error .alert-text,
.limit .alert-text,
.success .alert-text {
	visibility: visible;
	white-space: normal
}

.error .input-item-wrap {
	background-image: linear-gradient(0deg, #ff3738, #900e0f)
}

.error .alert-text {
	color: #f04d30
}

.error .confirmation-code-input__input {
	border: 2px solid #f04d30
}

.attention .alert-text,
.attention .input-item-wrap__ico-right--alert-ico {
	color: #ffc400
}

.attention .input-item-wrap__ico-right--alert-ico {
	display: block
}

.attention .input-item-wrap__input {
	padding-right: 36px
}

.attention .input-item-wrap__ico-right:not(.input-item-wrap__ico-right--alert-ico) {
	display: none
}

.success .alert-text {
	color: #13b300
}

.input-item__title {
	display: block;
	padding-top: 2px;
	color: #8893a8;
	font-size: 12px;
	line-height: 1.167
}

.input-item__title--center-bold {
	text-align: center;
	font-size: 14px;
	font-weight: 700
}

.input-item-wrap__input-pseudo--per:after {
	content: "Â %";
	color: #1c283d
}

.input-item-wrap--light-border {
	background-image: linear-gradient(#055f7e, #91e2ff)
}

.input-previous-data--per:after {
	content: "%"
}

.input-item-wrap.active .input-item-wrap__input+.input-item-wrap__input-pseudo {
	justify-content: flex-end;
	color: rgba(28, 40, 61, .5);
	opacity: .5
}

body.rub .input-item-wrap__input+.input-item-wrap__input-pseudo:after {
	color: rgba(28, 40, 61, .5)
}

.input-item-wrap__ico-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background-color: #ccd0de;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px
}

.input-item-wrap__ico {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	width: 24px;
	height: 24px;
	margin: auto
}

.input-item-wrap.input-item-wrap--ico-left .input-item-wrap__input {
	padding-left: 44px
}

.input-item-wrap.input-item-wrap--ico-right .input-item-wrap__input {
	padding-right: 36px
}

.input-item-wrap__text--pic-right {
	padding-right: 88px
}

.input-item__sub {
	font-size: 12px;
	color: #ffc400;
	line-height: 1.2
}

.input-item__limit {
	display: block;
	width: 100%;
	min-height: 15px;
	padding-top: 1px;
	font-size: 12px;
	color: #8893a8;
	line-height: 1.2
}

.rub .input-item-wrap__input-pseudo--cur:after {
	content: "Â i";
	font-family: ALS Rubl, sans-serif;
	color: #1c283d;
	font-weight: 400
}

.usd .input-item-wrap__input-pseudo--cur:after {
	content: "Â $";
	color: #1c283d;
	font-weight: 400
}

.input-item--select-btn.input-item-tel .input-item-wrap,
.input-item.input-item--select-btn .input-item-wrap {
	position: relative;
	background-color: #fff
}

.input-item-wrap__select {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	font-size: 14px;
	color: #d4d4d4;
	font-weight: 700;
	cursor: pointer
}

.input-item-wrap__select .personal-pic {
	width: 30px;
	height: 20px;
	margin-left: -4px;
	margin-right: 8px;
	border-radius: 2px;
	object-fit: cover
}

.input-item-wrap__select.active {
	color: #1c283d
}

.input-item__select-pic {
	position: absolute;
	right: 39px;
	top: 50%;
	max-height: 76%;
	max-width: 60px;
	transform: translateY(-50%)
}

.input-item__select-pic.input-item__select-pic--visa {
	height: 14px;
	width: 41px
}

.input-item__triangle:before {
	content: "";
	display: block;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 0;
	border-top: 6px solid #1c283d;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	opacity: .3;
	pointer-events: none
}

.input-item--input-plus-select .input-item__triangle {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
	height: 100%;
	width: 3em;
	cursor: pointer
}

.input-item--input-plus-select .input-item-wrap__select {
	color: #111526
}

.progressbar {
	position: relative;
	height: 16px;
	width: 100%;
	border-radius: 7.5px
}

.progressbar__container,
.progressbar__decor,
.progressbar__tab {
	border-radius: inherit;
	height: 100%
}

.progressbar__container {
	background-color: #111526;
	box-shadow: inset 0 1px 2px #000
}

.progressbar__indicator {
	position: relative;
	display: flex;
	justify-content: center;
	height: 100%;
	border-radius: inherit
}

.progressbar__indicator--first {
	background-color: #ff29c0;
	background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 20px 20px;
	box-shadow: inset 0 -7px 5px -5px #000
}

@media screen and (min-width:768px) and (min-height:420px) {
	.progressbar__indicator--first {
		will-change: background-position;
		animation: progressbar 2s linear infinite
	}
}

.progressbar__indicator--second {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .5), rgba(0, 0, 0, .5) 50%), linear-gradient(90deg, #c90000 4.28%, #ffe206 115.23%);
	background-blend-mode: soft-light, normal;
	box-shadow: inset 0 1px 3px rgba(255, 118, 118, .5)
}

.progressbar__pinned {
	position: absolute;
	top: 50%;
	right: -1px;
	z-index: 2;
	margin: auto;
	transform: translateY(-50%)
}

.progressbar__value {
	font-size: 10px;
	font-weight: 700;
	line-height: 11px;
	opacity: .9;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

@keyframes progressbar {
	0% {
		background-position: 20px 0
	}
	to {
		background-position: 0 0
	}
}

.link {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #32a2f4;
	cursor: pointer
}

.link.link--min {
	font-size: 12px
}

.link.link--uppercase {
	text-transform: uppercase;
	font-weight: 700
}

.link:active {
	opacity: .8
}

.link__ico {
	width: 16px;
	height: 16px;
	margin-right: 4px
}

.link__ico--big {
	margin-right: 4px
}

.link__ico--big,
.link__ico.link__ico--big-grey,
.link__ico.link__ico--search {
	width: 24px;
	height: 24px
}

@media screen and (max-width:1023px) {
	.link__ico.link__ico--search {
		width: 16px;
		height: 16px
	}
}

.link__wrap {
	display: block
}

.link__text {
	line-height: 1.1
}

.link__text--small-size {
	font-size: 12px
}

.link__ico-arrow {
	display: flex;
	width: 16px;
	height: 16px;
	margin-left: 4px
}

.link.hide-text .visible {
	display: none
}

.link.hide-text .hidden {
	display: block
}

.link.hide-text .link__ico-arrow {
	transform: rotate(180deg)
}

.status-flag {
	display: block;
	padding: 0 6px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 10px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.status-flag.status-flag--first,
.status-flag.status-flag--jackpot {
	background-image: linear-gradient(
		180deg,#f56398,#a00202);
}

.status-flag.status-flag--new,
.status-flag.status-flag--second {
	background-image: linear-gradient(
		180deg,#f56398,#a00202);
}

.status-flag.status-flag--third,
.status-flag.status-flag--top {
	background-image: linear-gradient(
		180deg,#f56398,#a00202);
}

.nav-tabs {
	position: relative;
	display: flex;
	width: 100%;
	background-color: #111526
}

.nav-tabs-scroll {
	height: 40px;
	overflow: hidden
}

.nav-tabs-scroll .nav-tabs {
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 20px
}

.nav-tabs-scroll .nav-tabs__btn:not(.nav-tabs__btn--icon) {
	flex-shrink: 0
}

.nav-tabs-scroll--sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 55px;
	left: 0;
	z-index: 2;
	overflow: hidden
}

@media screen and (min-width:768px) and (min-height:420px) {
	.nav-tabs-scroll--sticky {
		top: 72px
	}
}

.nav-tabs__btn {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-basis: 100px;
	height: 40px;
	padding: 0 9px;
	margin-right: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: linear-gradient(#242b3e, #242b3e), linear-gradient(180deg, #1c2439, rgba(26, 34, 55, 0));
	background-color: #0f1930;
	background-position: 0 0, 100% 80%;
	background-repeat: no-repeat;
	background-size: auto 1px, auto;
	text-align: center;
	color: #898d99;
	white-space: nowrap;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.nav-tabs__btn:last-child {
	margin-right: 0
}

.nav-tabs__btn.active {
	background-image: linear-gradient(#496595, #496595), linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%);
	background-color: #112852;
	-webkit-text-stroke: .5px;
	color: #fff
}

.nav-tabs__btn.active .nav-tabs__icon-hide {
	opacity: 1
}

.nav-tabs__btn.active .nav-tabs__icon-show {
	opacity: 0
}

.nav-tabs__btn--icon {
	max-width: 40px;
	padding: 0 16px
}

.nav-tabs__btn--icon .nav-tabs__name {
	display: none;
	padding-left: 8px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.nav-tabs__btn--icon .nav-tabs__name {
		display: block
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.nav-tabs__btn--icon {
		max-width: none
	}
}

.nav-tabs__btn-icon {
	position: relative;
	flex-shrink: 0;
	width: 24px;
	height: 24px
}

.nav-tabs__icon-hide,
.nav-tabs__icon-show {
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity .3s
}

.nav-tabs__icon-hide {
	opacity: 0
}

.description {
	font-size: 16px;
	color: #8b8c8e;
	line-height: 1.34;
}

.description ol,
.description p,
.description ul {
	margin-bottom: 16px
}

.description h1,
.description h2,
.description h3,
.description h4 {
	margin-bottom: 8px;
	color: #fff;
	display: inline-block;
	width: auto;
	position: relative;
	max-width: 100%;
	color: #ec8e00;
	font-family: 'Permanent Marker', sans-serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	letter-spacing: normal;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 0 8px 0;
}

.description h1 {
	font-weight: 700;
	font-size: 26px;
}

.description h2 {
	font-weight: 700;
	font-size: 22px;
}

.description h3 {
	font-size: 18px
}

.description a {
	color: #32a2f4;
	border-bottom: 1px solid
}

.description ul {
	padding-left: 11px
}

.description ol {
	padding-left: 16px;
	list-style-type: decimal
}

.description li {
	line-height: 1.29
}

.description ul li {
	position: relative
}

.description ul li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: -9px;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: currentColor
}

.description em,
.description i {
	font-style: italic
}

.description b,
.description strong {
	font-weight: 700
}

.description b {
	font-size: 16px;
	color: #def0ff
}

.description .btn {
	display: inline-block;
	border: none;
	color: #fff
}

.description>:last-child:not(div) {
	margin-bottom: 0
}

.description iframe {
	max-width: 100%;
}

.description details {
	position: relative;
	margin-bottom: 16px
}

.description details[open] summary:before {
	transform: rotate(180deg)
}

.description summary {
	display: block;
	margin-bottom: 8px;
	padding-right: 30px
}

.description summary:before {
	content: "";
	position: absolute;
	top: 6px;
	right: 8px;
	border-top: 6px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	transform: rotate(0deg)
}

.description summary::-webkit-details-marker {
	display: none
}

.description__ban {
	padding-bottom: 50%;
	position: relative;
	display: block;
	min-height: 160px;
	overflow: hidden
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.description__ban {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.description__ban {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.description__ban {
		height: 398px
	}
}

.description__ban-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.captcha {
	display: flex;
	flex-direction: row;
	align-items: center
}

.captcha__img {
	width: 88px;
	margin-right: 8px;
	border-radius: 5px
}

.captcha__reload {
	width: 36px;
	height: 24px;
	margin-right: 10px
}

.tel-input {
	position: relative;
	display: flex;
	height: 100%
}

.tel-input__dropdown {
	justify-content: center;
	padding: 0 14px;
	border-radius: 4px 0 0 4px;
	background-color: #e1e3ec;
	box-shadow: inset 1px 3px 3px 0 #bfbfbf
}

.tel-input__dropdown,
.tel-input__selection {
	display: flex;
	align-items: center
}

.tel-input__country-flag {
	margin-right: 7px
}

.tel-input__country-code {
	color: #1c283d;
	font-size: 14px;
	font-weight: 700
}

.tel-input___dropdown-arrow {
	margin-left: 2px;
	margin-right: -4px;
	height: 20px;
	transform: scale(.8, .5);
	color: #85888d;
	font-size: 20px;
	opacity: .5
}

.tel-input__country-list {
	position: absolute;
	left: 0;
	top: -200%;
	z-index: 1;
	width: 100%;
	max-height: 500px;
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #111526
}

.tel-input__dropdown-item {
	display: flex;
	align-items: center;
	padding: 4px 14px;
	font-size: 12px
}

.tel-input__dropdown-item--highlighted {
	background-color: #f3f3f3
}

.tel-input__country-code-list,
.tel-input__country-name {
	padding-top: 5px
}

.tel-input__country-code-list {
	display: inline-block;
	margin-left: 5px;
	color: #666
}

.flag-380 {
	background-position: 0 -102px
}

.flag-7,
.flag-380 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-7 {
	background-position: -102px 0
}

.flag-374 {
	background-position: 0 0
}

.flag-374,
.flag-994 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-994 {
	background-position: -34px 0
}

.flag-375 {
	background-position: 0 -34px
}

.flag-359,
.flag-375 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-359 {
	background-position: -34px -34px
}

.flag-995 {
	background-position: -68px 0
}

.flag-995,
.flag-k7 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-k7 {
	background-position: -68px -34px
}

.flag-373 {
	background-position: -34px -68px
}

.flag-373,
.flag-993 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-993 {
	background-position: -102px -68px
}

.flag-998 {
	background-position: -34px -102px
}

.flag-48,
.flag-998 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-48 {
	background-position: -68px -68px
}

.flag-996 {
	background-position: 0 -68px
}

.flag-992,
.flag-996 {
	background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
	width: 24px;
	height: 24px
}

.flag-992 {
	background-position: -102px -34px
}

.sount-messages,
.stack-count {
	width: 20px;
	height: 20px;
	background-image: linear-gradient(#ff7d4a, #f02805);
	box-shadow: inset 0 -.13em 0 0 0 2px 2px 0 rgba(0, 0, 0, .39) rgba(0, 0, 0, .3);
	border-radius: 50%;
	font-size: 12px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.mark-flag,
.sount-messages,
.stack-count {
	display: block;
	line-height: 20px;
	font-weight: 700
}

.mark-flag {
	position: relative;
	width: max-content;
	padding-left: 6px;
	padding-right: 22px;
	overflow: hidden;
	text-transform: uppercase;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
	will-change: transform
}

.mark-flag:after,
.mark-flag:before {
	content: "";
	position: absolute;
	top: 0;
	right: 1em;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(#ff5e5e, #fa2c57)
}

.mark-flag:before {
	transform: skew(35deg)
}

.mark-flag:after {
	transform: skew(-35deg)
}

.mark-flag.mark-flag--disabled {
	filter: grayscale(1)
}

.mark-flag__text {
	z-index: 2;
	position: relative;
	display: block;
	font-size: 10px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.mark-flag__text {
		font-size: 12px
	}
}

.select-menu {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	margin-top: auto;
	box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, .5)
}

@media screen and (min-width:479px) and (min-height:479px) {
	.select-menu {
		max-width: 360px;
		margin: auto
	}
}

.input-item-wrap__select {
	padding: 0 14px
}

.select-menu__header {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	padding: 4px 12px 4px 16px;
	background-image: linear-gradient(180deg, #161c32, #101425)
}

.select-menu__title {
	width: 100%;
	font-weight: 700;
	text-align: center;
	font-size: 16px
}

.select-menu__close-btn {
	position: absolute;
	right: 8px
}

@media screen and (min-width:321px) {
	.select-menu__close-btn {
		right: 16px
	}
}

.select-menu__list {
	background-color: #112852
}

.select-menu__label {
	display: block
}

.select-menu__item.disabled-select {
	pointer-events: none;
	filter: grayscale(100%);
	opacity: .35
}

.select-menu-row {
	position: relative;
	border-color: #35486c transparent #040a15;
	border-style: solid;
	border-width: 1px;
	display: flex;
	align-items: center;
	padding: 4px 16px 4px 54px;
	min-height: 40px
}

.select-menu-row:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background-image: linear-gradient(180deg, #189ff2, #2ed1fb);
	background-size: auto;
	pointer-events: none;
	will-change: opacity
}

@media (hover) {
	.select-menu-row:after {
		transition: opacity .3s
	}
}

@media (hover) {
	.select-menu-row {
		cursor: pointer;
		transition-duration: .3s;
		transition-property: background-image
	}
	.select-menu-row:hover {
		border: 1px solid #21c6fb
	}
	.select-menu-row:hover:after {
		opacity: 1
	}
	.select-menu-row:hover .select-menu-row__icon {
		display: none
	}
	.select-menu-row:hover .select-menu-row__icon+.select-menu-row__icon {
		display: block
	}
	.select-menu-row:hover .select-menu-row__description,
	.select-menu-row:hover .select-menu-row__value--default {
		color: #fff
	}
}

.select-menu-row--default {
	display: flex;
	justify-content: center;
	padding: 4px
}

.filter-menu__link.active .select-menu-row,
.select-menu__input:checked+.select-menu-row {
	border: 1px solid #21c6fb
}

.filter-menu__link.active .select-menu-row:after,
.select-menu__input:checked+.select-menu-row:after {
	opacity: 1
}

.filter-menu__link.active .select-menu-row .select-menu-row__ico,
.select-menu__input:checked+.select-menu-row .select-menu-row__ico {
	display: flex
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon,
.filter-menu__link.active .select-menu-row .select-menu-row__pic,
.select-menu__input:checked+.select-menu-row .select-menu-row__icon,
.select-menu__input:checked+.select-menu-row .select-menu-row__pic {
	display: none
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon+.select-menu-row__icon,
.select-menu__input:checked+.select-menu-row .select-menu-row__icon+.select-menu-row__icon {
	display: block
}

.filter-menu__link.active .select-menu-row .select-menu-row__description,
.select-menu__input:checked+.select-menu-row .select-menu-row__description {
	color: #fff
}

.select-menu-row.select-menu-row--payment {
	min-height: 56px
}

.select-menu-row__ico {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	align-items: center;
	justify-content: center;
	display: none;
	width: 40px;
	height: 100%;
	padding-bottom: 4px;
	color: #25f400;
	text-align: center
}

.select-menu-row__ok {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	transform: rotate(-45deg)
}

.select-menu-row__ok:after,
.select-menu-row__ok:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	background-color: #25f400
}

.select-menu-row__ok:before {
	width: 100%;
	height: 3px
}

.select-menu-row__ok:after {
	height: 60%;
	width: 3px
}

.select-menu-row__icon {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.select-menu-row__icon~.select-menu-row__icon {
	display: none
}

.select-menu-row__value {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	z-index: 1;
	display: flex;
	align-items: center;
	flex: 1;
	color: #fff;
	font-weight: 700;
	font-size: 14px
}

.select-menu-row__value .personal-pic {
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 0;
	left: 6px;
	width: 30px;
	height: 20px;
	border-radius: 2px;
	margin-right: 16px;
	object-fit: cover
}

.select-menu-row__value--default {
	display: flex;
	justify-content: center;
	text-transform: uppercase;
	color: #32a2f4;
	cursor: pointer
}

.select-menu-row__payment {
	flex: 1;
	display: flex;
	align-items: center
}

.select-menu-row__payment-ico {
	max-width: 112px;
	max-height: 48px;
	object-fit: contain;
	margin-right: 8px
}

.select-menu-row__description {
	z-index: 1;
	display: inline-block;
	width: 40%;
	color: #a8bee6;
	text-align: right;
	font-size: 12px
}

.input-item-wrap--select .input-item-wrap__select--img {
	display: flex;
	align-items: center
}

.preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 9999
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.main .preloader:not(.preloader--fixed) {
		position: absolute;
		z-index: 3
	}
}

.preloader .loader-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loader__ico {
	width: 40px;
	height: 40px;
	color: #ccd0de
}

.load {
	animation: load 1.2s linear infinite
}

@keyframes load {
	to {
		transform: rotate(1turn)
	}
}

.flat-countdown {
	justify-content: space-evenly;
	width: 100%;
	font-size: 12px;
	line-height: 14px
}

.flat-countdown,
.flat-countdown__container {
	display: flex;
	align-items: center
}

.flat-countdown__title {
	color: #a8bee6
}

.flat-countdown__time--marg-lft {
	margin-left: 4px
}

.denomination {
	width: 100%
}

.denomination__info {
	display: flex;
	justify-content: center;
	font-size: 12px;
	line-height: 16px
}

.denomination__select {
	display: flex;
	justify-content: space-between;
	min-width: 125px;
	align-items: center;
	cursor: pointer
}

.denomination__label {
	color: #a8bee6
}

.denomination__value {
	position: relative;
	margin-left: 5px;
	font-size: 14px
}

.denomination__arrow {
	width: 24px;
	height: 24px
}

.denomination__description {
	color: #8893a7
}

.confirmation-code-input {
	display: flex;
	justify-content: space-between
}

.confirmation-code-input__wrap {
	display: block;
	width: 50px;
	height: 40px;
	border-radius: 5px;
	margin-right: 8px;
	padding: 2px;
	background-image: linear-gradient(#080e17, #294374)
}

.confirmation-code-input__wrap:last-child {
	margin-right: 0
}

.confirmation-code-input__input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 12px;
	font-size: 14px;
	color: #1c283d;
	font-weight: 700;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.select4 {
	padding: 4px 0
}

.select4__filter {
	position: relative;
	padding-right: 32px;
	line-height: 32px
}

.select4__title {
	display: block;
	font-weight: 700;
	font-size: 14px
}

.select4__title:after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 8px;
	border-top: 6px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent
}

.hall-of-fame-list {
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	border-top: 1px solid #35486c;
	padding-top: 16px;
	padding-bottom: 8px
}

.hall-of-fame-list__item:not(:last-child) {
	margin-bottom: 8px
}

.hall-of-fame-list__card.active {
	padding: 0;
	background: none
}

.hall-of-fame-list__card.active .hall-of-fame-list__more,
.hall-of-fame-list__card.active .hall-of-fame-list__status-link,
.hall-of-fame-list__card.active .hall-of-fame-list__status-title {
	color: #fff
}

.hall-of-fame-list__card-wrap {
	display: flex;
	align-items: center;
	padding: 8px
}

.hall-of-fame-list__medal {
	position: relative;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hall-of-fame-list__medal {
		width: 32px;
		height: 32px
	}
}

.hall-of-fame-list__medal-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 11px;
	color: #472100;
	font-weight: 700;
	transform: translate(-50%, -50%)
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hall-of-fame-list__medal-text {
		font-size: 14px
	}
}

.hall-of-fame-list__img-wrap {
	flex-shrink: 0;
	width: 74px;
	height: 64px;
	margin-right: 8px
}

.hall-of-fame-list__pic {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.hall-of-fame-list__info {
	margin-right: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hall-of-fame-list__info {
		display: flex;
		align-items: center;
		margin-right: 20px
	}
}

.hall-of-fame-list__user-name {
	min-width: 80px;
	margin-right: 8px;
	font-size: 14px;
	color: #fff
}

.hall-of-fame-list__status {
	min-width: 154px
}

.hall-of-fame-list__status-title {
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: 700;
	color: #7ad6e0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.hall-of-fame-list__achievements {
	display: none;
	flex-grow: 1;
	align-items: center;
	overflow: hidden
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hall-of-fame-list__achievements {
		display: flex
	}
}

.hall-of-fame-list__achievement-wrap {
	display: flex;
	width: calc(100% - 32px);
	overflow: hidden
}

.hall-of-fame-list__achievement-item:not(:last-child) {
	margin-right: 24px
}

.hall-of-fame-list__achievement-pic {
	width: 48px;
	height: 48px;
	object-fit: contain;
	font-size: 10px
}

.hall-of-fame-list__link-wrap {
	margin-left: auto;
	padding-right: 16px;
	padding-left: 16px
}

.hall-of-fame-list__bot {
	display: flex;
	justify-content: center;
	padding-top: 8px
}

.rating-page,
.rating-page__content,
.rating-page__wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.rating-page__wrapper {
	border-bottom: 1px solid #040a15;
	padding-bottom: 16px;
	padding-top: 8px
}

.rating-page__rating-top {
	margin-bottom: 8px
}

.rating-top__list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	font-size: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.rating-top__list {
		margin-left: -8px;
		margin-right: -8px
	}
}

@media screen and (min-width:600px) {
	.rating-top__list {
		flex-direction: row
	}
}

.rating-top__item {
	width: 100%;
	margin-bottom: 8px;
	padding: 0 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.rating-top__item {
		padding: 0 8px
	}
}

@media screen and (min-width:600px) {
	.rating-top__item {
		width: 33.33%
	}
}

@media screen and (min-width:600px) {
	.rating-top__item--place-1 {
		order: 2
	}
}

@media screen and (min-width:600px) {
	.rating-top__item--place-2 {
		order: 1
	}
}

@media screen and (min-width:600px) {
	.rating-top__item--place-3 {
		order: 3
	}
}

.rating-card__wrap {
	display: grid;
	grid-template-columns: auto 1fr 128px;
	grid-template-rows: auto;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
	background-size: cover
}

@media screen and (min-width:600px) {
	.rating-card__wrap {
		grid-template-columns: 100%;
		grid-template-rows: auto auto 172px;
		grid-row-gap: 8px;
		justify-content: center;
		padding: 8px 24px 16px;
		background-size: contain;
		background-color: #182e55
	}
}

@media screen and (min-width:1023px) {
	.rating-card__wrap {
		grid-row-gap: 16px
	}
}

@media screen and (min-width:1024px) {
	.rating-card__wrap {
		grid-template-rows: auto
	}
}

.rating-card__wrap--place-1 {
	background-image: url(img/rating-bg-1-mob.svg)
}

@media screen and (min-width:600px) {
	.rating-card__wrap--place-1 {
		background-image: url(img/rating-bg-1-tablet.svg)
	}
}

.rating-card__wrap--place-2 {
	background-image: url(img/rating-bg-2-mob.svg)
}

@media screen and (min-width:600px) {
	.rating-card__wrap--place-2 {
		background-image: url(img/rating-bg-2-tablet.svg)
	}
}

.rating-card__wrap--place-3 {
	background-image: url(img/rating-bg-3-mob.svg)
}

@media screen and (min-width:600px) {
	.rating-card__wrap--place-3 {
		background-image: url(img/rating-bg-3-tablet.svg)
	}
}

.rating-card__cup {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 4px
}

@media screen and (min-width:600px) {
	.rating-card__cup {
		height: 104px
	}
}

.rating-card__cup:before {
	content: none;
	position: absolute;
	display: block;
	width: 142px;
	height: 78px;
	top: 50%;
	left: 50%;
	transform: translate3d(-61%, -56%, 0);
	background-image: url(img/blicks-2-3.svg);
	background-repeat: no-repeat
}

@media screen and (min-width:600px) {
	.rating-card__cup:before {
		content: ""
	}
}

.rating-card__cup--modif-blicks:before {
	transform: translate3d(-53%, -30%, 0);
	background-image: url(img/blicks-1.svg)
}

.rating-card__cup-picture {
	display: flex
}

.rating-card__cup-img {
	height: 56px;
	margin-top: auto
}

@media screen and (min-width:600px) {
	.rating-card__cup-img {
		height: 104px
	}
}

@media screen and (min-width:600px) {
	.rating-card__cup-img--place-2 {
		height: 86px
	}
}

@media screen and (min-width:600px) {
	.rating-card__cup-img--place-3 {
		height: 80px
	}
}

.rating-card__desc {
	flex: 1;
	padding: 8px
}

@media screen and (min-width:600px) {
	.rating-card__desc {
		margin-bottom: 8px;
		padding: 0
	}
}

.rating-card__user-name {
	font-size: 14px;
	text-align: left
}

@media screen and (min-width:600px) {
	.rating-card__user-name {
		text-align: center;
		margin-bottom: 4px
	}
}

.rating-card__money {
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #ffc400;
	white-space: nowrap;
	text-align: left
}

@media screen and (min-width:600px) {
	.rating-card__money {
		text-align: center
	}
}

.rating-rest {
	margin-bottom: -8px
}

@media screen and (min-width:600px) {
	.rating-rest {
		margin-bottom: 0
	}
}

.rating-rest__list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	font-size: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.rating-rest__list {
		margin-left: -8px;
		margin-right: -8px
	}
}

.rating-rest__item {
	width: 100%;
	padding: 0 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.rating-rest__item {
		padding: 0 8px
	}
}

.rating-rest__item:nth-child(odd) .rating-rest__row {
	background-color: #0f2040
}

@media screen and (min-width:600px) {
	.rating-rest__item {
		width: 50%;
		padding: 0 16px
	}
	.rating-rest__item:nth-child(odd) .rating-rest__row {
		background-color: initial
	}
	.rating-rest__item:nth-child(4n+1) .rating-rest__row,
	.rating-rest__item:nth-child(4n+2) .rating-rest__row {
		background-color: #0f2040
	}
}

.rating-rest__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px
}

.rating-rest__row-left {
	display: flex;
	justify-content: left;
	align-items: center;
	width: 117px;
	margin-right: 8px
}

@media screen and (min-width:350px) {
	.rating-rest__row-left {
		width: 50%;
		margin-right: 0
	}
}

.rating-rest__medal {
	position: relative;
	flex-shrink: 0;
	height: 32px;
	width: 32px;
	margin-right: 8px;
	margin-top: -6px
}

.rating-rest__medal-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 14px;
	color: #472100;
	font-weight: 700;
	transform: translate(-50%, -50%)
}

.rating-rest__user-name {
	font-size: 14px;
	line-height: 1.2
}

.rating-rest__money {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.063;
	color: #ffc400;
	white-space: nowrap
}

.rating-rest__row-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	flex-grow: 1
}

@media screen and (min-width:350px) {
	.rating-rest__row-right {
		width: 56%;
		flex-grow: 0
	}
}

.phone-conformation-link {
	display: flex;
	justify-content: flex-end;
	padding-top: 4px;
	font-size: 12px;
	color: #32a2f4
}

.phone-conformation-link__resend {
	cursor: pointer
}

@media (hover) {
	.phone-conformation-link__resend:hover {
		text-decoration: underline
	}
}

.phone-conformation-link__resend:active {
	opacity: .8
}

.profile,
.profile__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.profile__row {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding-bottom: 15px;
	padding-top: 7px;
	font-size: 16px
}

@media screen and (min-width:1023px) {
	.profile__row {
		padding-top: 15px
	}
}

.profile__row--border-top-none {
	border-top: none
}

.profile__row--low-padding-bottom {
	padding-bottom: 7px
}

.profile__confirm-section {
	display: none
}

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

.profile__input-title {
	display: block;
	padding-top: 2px;
	color: #8893a8;
	font-size: 12px;
	line-height: 16px
}

.profile__personal-data {
	padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
	line-height: 1.2
}

.profile__status-text:not(:empty) {
	padding-top: 5px;
	font-size: 12px
}

.profile__form-area-bonus {
	display: flex;
	align-items: center;
	padding-top: 4px
}

.profile__form-area-bonus .btn {
	margin-left: auto
}

.profile__bonus-item {
	display: flex;
	align-items: center
}

.profile__bonus-item-ico {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	color: #dde0e4
}

.profile__bonus-item-text {
	padding-right: 4px;
	font-size: 12px;
	color: #a8bee6;
	line-height: 1.2
}

@media screen and (min-width:1023px) {
	.profile__bonus-item-text {
		padding-right: 16px
	}
}

.profile__form-area-email-text {
	padding-top: 4px;
	font-size: 12px;
	color: #8893a8;
	line-height: 1.2
}

.profile__form-area-email-text .link {
	font-size: inherit
}

.profile__min-title {
	display: block;
	color: #8893a8;
	font-size: 12px;
	line-height: 1.333
}

@media screen and (min-width:1023px) {
	.profile__min-title {
		margin-bottom: 3px
	}
}

.profile__file-sect .profile__min-title {
	margin-bottom: 8px;
	line-height: 14px
}

.profile__file-sect-status {
	margin-bottom: 7px;
	font-size: 14px;
	color: #ffc400
}

.profile__file-sect-status:last-child {
	margin-bottom: 0
}

.profile__form-area-radio-list {
	display: flex;
	padding-top: 8px;
	padding-bottom: 8px
}

@media screen and (min-width:1023px) {
	.profile__form-area-radio-list {
		padding: 0
	}
}

.profile__form-area-radio-item:not(:last-child) {
	margin-right: 24px
}

@media screen and (min-width:1023px) {
	.profile__action-section {
		border-top: 1px solid #35486c;
		border-bottom: 1px solid #040a15;
		padding: 8px 0
	}
}

.profile__action-section .btn {
	padding-left: 0;
	padding-right: 0
}

.profile__action-btn-wrapper {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding: 8px 0
}

@media screen and (min-width:1023px) {
	.profile__action-btn-wrapper {
		border: none;
		padding: 0
	}
}

.profile__action-btn {
	display: flex;
	max-width: 464px;
	margin: 0 auto;
	padding: 0 8px
}

.profile__save-button-section {
	border-top: 1px solid #35486c;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	flex-grow: 0;
	padding-bottom: 15px;
	padding-top: 16px;
	background-color: #112852;
	z-index: 1
}

.profile__form-area-submit-wrap {
	display: flex;
	justify-content: center
}

.profile__footer-text {
	font-size: 12px;
	line-height: 18px;
	color: #8893a8
}

.profile__settings-desc {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.profile__settings-item-title {
	display: block;
	font-size: 14px;
	font-weight: 700
}

.profile__settings-item-title:only-child {
	margin-bottom: 4px
}

.profile__settings-item-btn {
	z-index: 0
}

.profile__settings-item-text {
	display: block;
	width: calc(100% - 86px);
	font-size: 12px;
	line-height: 1.2;
	color: #8893a8
}

.profile__settings-item-text:not(:last-child) {
	margin-bottom: 8px
}

.profile .icon-warning-tomato {
	display: none
}

.profile__footer {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 46px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #111526
}

.profile__container {
	margin: 0 auto;
	max-width: 464px;
	padding: 0 8px
}

.profile__container--fix-margin:not(.confirm) {
	margin-bottom: -8px
}

@media screen and (min-width:1023px) {
	.profile__container--fix-margin:not(.confirm) {
		margin-bottom: 0
	}
}

.profile__container--space-between {
	display: flex;
	justify-content: space-between;
	max-width: 464px;
	padding: 0
}

.profile__container.confirm .alert-text,
.profile__container.confirm .input-item__confirm-wrap {
	display: none
}

.profile__container.confirm .profile__confirm-section {
	display: block
}

.profile__container.confirm .input-item,
.profile__container.confirm .input-item-tel,
.profile__container.confirm .profile__input-title {
	margin-bottom: 8px
}

.tel-confirm {
	padding-top: 4px
}

.tel-confirm .min-title {
	margin-bottom: 2px
}

.tel-confirm__inputs {
	display: flex;
	margin-bottom: 8px
}

.tel-confirm__input {
	flex: 1;
	padding-right: 8px
}

@media screen and (max-width:321px) {
	.tel-confirm__input {
		max-width: 167px
	}
}

.tel-confirm__timer {
	display: flex;
	justify-content: flex-start
}

.profile-modal {
	width: 320px;
	margin: auto;
	padding-top: 24px
}

.profile-modal.profile-modal--separate-page {
	position: relative;
	z-index: 1000;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.profile-modal.profile-modal--separate-page::-webkit-scrollbar {
	display: none
}

.profile-modal__wrap {
	border-radius: 5px;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.error-block {
	border-bottom: 1px solid #040a15;
	padding-bottom: 15px;
	padding-top: 23px;
	border-top: none
}

.error-block,
.error-block__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center
}

.error-block__wrap {
	align-items: center
}

.error-block__img {
	margin-bottom: 16px
}

.error-block__desc-text {
	max-width: 270px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-bottom: 16px
}

.error-block__title {
	display: block;
	font-weight: 700;
	margin-bottom: 8px
}

.error-block__desc {
	color: hsla(0, 0%, 100%, .5)
}

.error-block__link {
	margin-bottom: 16px
}

@media (hover) {
	.error-block__link .btn:hover {
		text-decoration: underline
	}
}

.page {
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding: 16px 0
}

.overlay1 {
	position: fixed;
	top: 0;
	z-index: 4;
	display: none;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: opacity .6s
}

.overlay1:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 50%;
	background-color: inherit
}

.overlay1.open {
	display: flex
}

.overlay1.show {
	opacity: 1
}

.overlay1.show .overlay1__show {
	transform: none
}

.overlay1__show {
	height: 100%;
	transform: translateX(-99%);
	transition: transform .6s
}

.overlay1__overflow {
	height: 100%;
	overflow: hidden
}

.overlay2 {
	z-index: 15;
	display: flex;
	overflow: auto
}

.overlay2,
.overlay3 {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .75)
}

.overlay3 {
	z-index: 3
}

.promo-code,
.promo-code__content,
.promo-code__page-wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.promo-code__content {
	align-items: center;
	padding-top: 16px;
	padding-bottom: 24px
}

.promo-code__content .captcha {
	padding-top: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.promo-code__content {
		flex-direction: row;
		justify-content: center
	}
}

.promo-code__form {
	width: 100%;
	padding: 0 16px;
	max-width: 352px
}

.promo-code__banner {
	max-width: 100%;
	height: 128px;
	margin: 0 auto 16px;
	object-fit: contain
}

@media screen and (min-width:768px) and (min-height:420px) {
	.promo-code__banner {
		height: 210px
	}
}

.promo-code__inputs {
	width: 100%
}

.promo-code__inputs .captcha__img {
	height: 40px;
	width: 85px
}

.promo-code__button {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	padding-top: 16px
}

.promo-code__button .btn {
	width: 240px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.promo-code__button {
		padding-top: 24px
	}
}

.promo-code-modal {
	max-width: 360px;
	width: 100%;
	margin: auto;
	height: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.promo-code-modal {
		margin: auto
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.promo-code-modal {
		margin: auto;
		height: auto
	}
}

.promo-code-modal.promo-code-modal--separate-page {
	position: relative;
	z-index: 1000
}

.promo-code-modal__wrap {
	border-radius: 5px;
	background-color: #112852;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
	height: 100%
}

.tickets-list {
	background-color: #112852;
	min-height: 356px
}

@media screen and (min-width:568px) {
	.tickets-list {
		min-height: 452px
	}
}

.tickets-list__wrap {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 4px;
	padding: 16px 8px
}

@media screen and (min-width:568px) {
	.tickets-list__wrap {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 4px
	}
}

@media screen and (min-width:640px) {
	.tickets-list__wrap {
		grid-row-gap: 8px;
		grid-column-gap: 4px
	}
}

.tickets-list-item {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	min-height: 88px;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/lottery/ticket.png);
	background-position: 50%;
	background-repeat: no-repeat
}

@media screen and (min-width:568px) {
	.tickets-list-item {
		min-height: 78px;
		background-size: contain
	}
}

@media screen and (min-width:640px) {
	.tickets-list-item {
		min-height: 88px;
		background-size: 100%
	}
}

.tickets-list-item__logo {
	width: 62px;
	height: 43px
}

.tickets-list-item__logo-pic {
	width: 100%;
	height: 100%
}

.tickets-list-item__data {
	padding-right: 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
	text-transform: capitalize;
	color: #fff
}

.tickets-list-item__ticket-title {
	padding-bottom: 12px
}

.welcome-pack-page {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	padding-bottom: 15px;
	display: flex;
	flex-direction: column;
	padding-top: 42px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-page {
		justify-content: center
	}
}

.welcome-pack-page__list {
	display: flex;
	flex-direction: column
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-page__list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between
	}
}

.welcome-pack-page__shadow-wrapper {
	order: 1;
	margin-bottom: 42px;
	border-radius: 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-page__shadow-wrapper {
		width: 49%
	}
	.welcome-pack-page__shadow-wrapper:last-child {
		margin-bottom: auto
	}
}

.welcome-pack-page__shadow-wrapper.active {
	width: 100%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__item--flex-row {
		justify-content: flex-start
	}
	.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__description-container--flex-row {
		justify-content: flex-start;
		min-width: 142px
	}
	.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn-container {
		max-width: 170px;
		margin-left: 40px
	}
	.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn {
		padding: 0 50px
	}
	.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__image-container {
		max-height: 240px;
		max-width: 366px;
		bottom: -238%;
		z-index: 1
	}
}

.welcome-pack-page__shadow-wrapper.active>.welcome-pack-page__item {
	min-height: 91px;
	border-radius: 4px 4px 0 0
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__headline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btns-list {
	display: block
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__bonuses--hide {
	display: none
}

.welcome-pack-page__shadow-wrapper.used {
	order: 2;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 96%, hsla(0, 0%, 100%, .1) 97%, hsla(0, 0%, 100%, .1));
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4)
}

.welcome-pack-page__shadow-wrapper.used>.welcome-pack__item {
	background: #112852
}

.welcome-pack-page__shadow-wrapper.used .welcome-pack__description-container {
	opacity: .5
}

.welcome-pack-page__item {
	position: relative;
	display: flex;
	padding: 14px 14px 11px;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .4)
}

.welcome-pack-page__item--flex-row {
	justify-content: space-between;
	align-items: center;
	border-radius: 0;
	box-shadow: none
}

.welcome-pack-page__item--blue {
	background: linear-gradient(0deg, #163481, #09184a)
}

.welcome-pack-page__item--grey {
	background: linear-gradient(0deg, #657987, #35444f)
}

.welcome-pack-page__item--pink {
	background: linear-gradient(0deg, #c91a6d, #590723)
}

.welcome-pack-page__item--green {
	background: linear-gradient(180deg, #004a18, #009b44)
}

.welcome-pack-page__item--brown {
	background: linear-gradient(0deg, #98350a, #380518)
}

.welcome-pack-page__description-container {
	display: flex;
	flex-direction: column
}

.welcome-pack-page__description-container--flex-row {
	flex-direction: row;
	justify-content: space-between
}

.welcome-pack-page__headline {
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	color: #fff;
	opacity: .5
}

.welcome-pack-page__bonuses {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.welcome-pack-page__text-yellow {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #ffc400;
	text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.welcome-pack-page__text-turquoise {
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	color: #7ad6e0;
	text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.welcome-pack-page__image-container {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 186px;
	max-height: 122px
}

.welcome-pack-page__image {
	display: inline-block;
	width: 100%;
	height: auto;
	object-fit: contain
}

.welcome-pack-page__btns-list {
	display: none
}

.welcome-pack-page__gift-ico {
	width: 34px;
	height: 26px;
	margin-right: 15px
}

.welcome-pack-page__btn-container {
	max-width: 105px
}

.welcome-pack-page__btn {
	padding-top: 5px;
	white-space: normal;
	line-height: 1.5em
}

.notification-modal-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 22;
	overflow: auto;
	width: 100%;
	height: 100%;
	display: flex
}

.notification-modal {
	position: relative;
	z-index: 2;
	width: calc(100% - 16px);
	max-width: 576px;
	padding: 40px;
	margin: auto;
	background-color: #07204e;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/win-bg-modal.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
	border-radius: 5px;
	transition: opacity .3s
}

@media screen and (max-width:1023px) {
	.notification-modal {
		padding: 16px 24px 24px
	}
}

.notification-modal__img {
	display: flex;
	justify-content: center
}

.notification-modal__pic {
	height: 224px
}

@media screen and (max-width:1023px) {
	.notification-modal__pic {
		height: 136px
	}
}

.notification-modal__title {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.25
}

.notif-ban {
	display: flex;
	border-radius: 2px;
	align-items: center;
	height: 40px;
	padding: 0 38px;
	background-color: #111526
}

.notif-ban__wrap {
	display: flex;
	align-items: baseline
}

.notif-ban__text {
	margin-right: 8px
}

.notification-modal__message {
	display: flex;
	justify-content: center;
	margin-top: 16px
}

@media screen and (max-width:1023px) {
	.notification-modal__message {
		margin-top: 0
	}
}

.notification-modal__btn {
	display: flex;
	justify-content: center;
	margin-top: 24px
}

.notification-modal__level {
	color: #7ad6e0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.notif-ban-itm {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-shrink: 0;
	width: 6rem;
	height: 3.25rem;
	border-radius: 4px;
	background-color: #0c1a39
}

.notif-ban-itm .money {
	font-size: 16px
}

.notification-modal__message-list {
	display: flex;
	justify-content: center;
	margin-bottom: 24px
}

.notification-modal__message-list .notif-ban-itm {
	margin: 0 2px
}

@media screen and (max-width:1023px) {
	.notification-modal__message-list {
		padding-top: 8px
	}
}

.notif-ban-itm__text {
	margin-bottom: 4px
}

.notification-modal__close {
	position: absolute;
	top: 8px;
	right: 8px
}

@media screen and (max-width:1023px) {
	.notification-modal__close {
		top: 0;
		right: 0
	}
}

.close-btn-position {
	position: absolute;
	z-index: 3;
	top: 8px;
	right: 8px;
	opacity: .5
}

@media screen and (max-width:1023px) {
	.close-btn-position {
		top: 0;
		right: 0
	}
}

.close {
	width: 40px;
	height: 40px;
	padding: 8px;
	color: #747c8e
}

.notification-modal__table-info {
	padding-top: 8px;
	display: flex;
	justify-content: center
}

.note-table-info__list {
	display: flex;
	flex-direction: column-reverse
}

.note-table-info__item {
	display: flex
}

.note-table-info__item:not(:last-child) {
	margin-top: 12px
}

.note-table-info {
	width: 244px;
	padding: 16px;
	background-color: #0c1a39
}

.note-table-info__sub {
	width: 57px;
	margin-right: 16px;
	text-align: right;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .8);
	font-weight: 700
}

.note-table-info__main {
	margin-right: 8px;
	color: #ffc400
}

.note-table-info__main,
.note-table-info__plus {
	font-size: 14px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	font-weight: 700
}

.note-table-info__plus {
	color: #7ad6e0
}

.--scale-1-2 {
	transform: scale(1.2)
}

.quick-nav-layout-height {
	height: 47px
}

@media screen and (min-width:1023px) {
	.quick-nav-layout-height {
		height: 52px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav-layout-height {
		height: auto
	}
}

.quick-nav-layout-wrap {
	position: fixed;
	bottom: -53px;
	left: 0;
	z-index: 3;
	width: 100%;
	transform: translateY(-50px)
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav-layout-wrap {
		position: static;
		height: 100%;
		transform: none
	}
}

.quick-nav {
	background-image: linear-gradient(#17366f, #112852);
	background-size: 100% 16px;
	background-repeat: no-repeat;
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	position: relative;
	box-sizing: content-box;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 57px;
	background-color: #112852;
	box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, .5)
}

@media screen and (min-width:1023px) {
	.quick-nav {
		height: 52px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav {
		align-items: center;
		height: 100%;
		box-shadow: none;
		background: transparent;
		border: none
	}
}

.quick-nav__item {
	z-index: 0;
	box-sizing: border-box;
	margin-bottom: 5px;
	transform: translateY(0)
}

.quick-nav__item:not(:last-child) {
	margin-right: 16px
}

@media screen and (min-width:1023px) {
	.quick-nav__item {
		transform: translateY(-16px)
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__item {
		transform: none;
		margin-bottom: 0
	}
}

@media (hover) {
	.quick-nav__item:not(.active):hover .quick-nav__link-decor:after {
		opacity: 1
	}
	.quick-nav__item:not(.active):hover .quick-nav__link-decor:before {
		background-image: linear-gradient(#2893c1, #2a9fd3)
	}
}

.quick-nav__link {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 44px;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: pointer
}

@media screen and (min-width:1023px) {
	.quick-nav__link {
		flex-direction: row;
		width: 132px;
		height: 38px;
		padding: 0 16px;
		margin: 1px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__link {
		justify-content: flex-start;
		height: 40px;
		width: 96px;
		padding: 0 8px
	}
}

.quick-nav__link-ico {
	z-index: 2;
	display: block;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.quick-nav__link-ico:after {
	will-change: transform
}

.quick-nav__link-ico.quick-nav__link-ico--active {
	display: none
}

@media screen and (min-width:1023px) {
	.quick-nav__link-ico {
		margin: 0 7px 0 0
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__link-ico {
		width: 21px;
		height: 21px
	}
}

.quick-nav__link-text {
	display: flex;
	align-items: flex-end;
	height: 16px;
	margin-top: 5px;
	font-size: 10px;
	z-index: 2;
	opacity: .5
}

@media screen and (min-width:1023px) {
	.quick-nav__link-text {
		display: inline;
		height: auto;
		margin-top: 0;
		font-size: 14px
	}
}

.quick-nav__link-decor {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 16px;
	width: 42px;
	height: 42px;
	margin: auto;
	border-radius: 5px;
	background-image: linear-gradient(#112952, #476294)
}

.quick-nav__link-decor:before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	z-index: -1;
	margin: auto;
	border-radius: inherit;
	background-image: linear-gradient(#385281, #112851)
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__link-decor:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(#075da1, #41cafa);
		border-radius: 5px;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s;
		will-change: opacity
	}
}

@media screen and (min-width:1023px) {
	.quick-nav__link-decor {
		top: 0;
		bottom: auto;
		width: auto;
		height: 100%
	}
}

.quick-nav__message {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	z-index: 1
}

@media screen and (min-width:1023px) {
	.quick-nav__item.active .quick-nav__link {
		height: 46px;
		padding: 0 8px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__item.active .quick-nav__link {
		height: 38px
	}
}

.quick-nav__item.active .quick-nav__link-ico {
	height: 40px;
	width: 40px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.quick-nav__item.active .quick-nav__link-ico {
		width: 21px;
		height: 21px
	}
}

.quick-nav__item.active .quick-nav__link-decor {
	left: -2px;
	right: -2px;
	width: 46px;
	height: 46px;
	background-image: linear-gradient(#075da1, #41cafa)
}

.quick-nav__item.active .quick-nav__link-decor:before {
	background-image: linear-gradient(#2893c1, #2a9fd3)
}

@media screen and (min-width:1023px) {
	.quick-nav__item.active .quick-nav__link-decor {
		width: 100%;
		height: 100%
	}
}

.quick-nav__item.active .quick-nav__link-text {
	opacity: 1;
	font-weight: 700
}

.talk-me-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 44px
}

@media screen and (min-width:1023px) {
	.talk-me-item {
		flex-direction: row;
		width: 132px;
		height: 38px;
		padding: 0 16px;
		margin: 1px
	}
}

.talk-me-item__ico {
	z-index: 2;
	display: block;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 0 auto
}

@media screen and (min-width:1023px) {
	.talk-me-item__ico {
		margin: 0 7px 0 0
	}
}

.talk-me-item__text {
	display: flex;
	align-items: flex-end;
	height: 16px;
	margin-top: 5px;
	font-size: 10px;
	z-index: 2;
	opacity: .5
}

@media screen and (min-width:1023px) {
	.talk-me-item__text {
		display: inline;
		height: auto;
		margin-top: 0;
		font-size: 14px
	}
}

.talk-me-item__decor {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 16px;
	left: 0;
	width: 42px;
	height: 42px;
	margin: auto;
	border-radius: 5px;
	background-image: linear-gradient(#112952, #476294)
}

.talk-me-item__decor:before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	z-index: -1;
	margin: auto;
	border-radius: inherit;
	background-image: linear-gradient(#385281, #112851)
}

@media screen and (min-width:1023px) {
	.talk-me-item__decor {
		top: 0;
		bottom: auto;
		width: auto;
		height: 100%
	}
}

.game-search-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 44px
}

@media screen and (min-width:1023px) {
	.game-search-item {
		flex-direction: row;
		width: 132px;
		height: 38px;
		padding: 0 16px;
		margin: 1px
	}
}

.game-search-item__ico {
	z-index: 2;
	display: block;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 0 auto
}

@media screen and (min-width:1023px) {
	.game-search-item__ico {
		margin: 0 7px 0 0
	}
}

.game-search-item__text {
	display: flex;
	align-items: flex-end;
	height: 16px;
	margin-top: 5px;
	font-size: 10px;
	z-index: 2;
	opacity: .5
}

@media screen and (min-width:1023px) {
	.game-search-item__text {
		display: inline;
		height: auto;
		margin-top: 0;
		font-size: 14px
	}
}

.game-search-item__decor {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 16px;
	left: 0;
	width: 42px;
	height: 42px;
	margin: auto;
	border-radius: 5px;
	background-image: linear-gradient(#112952, #476294)
}

.game-search-item__decor:before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	z-index: -1;
	margin: auto;
	border-radius: inherit;
	background-image: linear-gradient(#385281, #112851)
}

@media screen and (min-width:1023px) {
	.game-search-item__decor {
		top: 0;
		bottom: auto;
		width: auto;
		height: 100%
	}
}

.show-more-text2__height {
	width: 100%;
	max-height: 65px;
	overflow: hidden;
	transition-delay: .3s
}

.show-more-text2__height--auto {
	max-height: none
}

.show-more-text2__text {
	font-size: 14px;
	line-height: 21px;
	color: #8893a8
}

.show-more-text2__btn {
	margin-top: 7px
}

.ui-kit>section {
	padding: 30px 16px 0
}

.ui-kit__top-sect {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 16px
}

.ui-kit__logo {
	width: 150px;
	height: 150px;
	background-image: url(/2174/mobile/images-loaded/src/images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%
}

.ui-kit-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -10px
}

.ui-kit-list>li {
	display: flex;
	flex-direction: column;
	margin: 10px;
	padding: 10px;
	border: 1px solid hsla(0, 0%, 100%, .2)
}

.ui-kit__main-title {
	font-size: 70px;
	font-weight: 700;
	color: hsla(0, 0%, 100%, .3);
	text-transform: uppercase
}

.ui-kit__title {
	padding-bottom: 20px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .5);
	font-size: 36px;
	color: hsla(0, 0%, 100%, .65);
	text-transform: uppercase
}

.ui-kit__min-title {
	margin-bottom: 10px;
	color: hsla(0, 0%, 100%, .5);
	font-size: 14px
}

.ui-kit__cont {
	padding: 20px 0
}

.colors {
	display: flex;
	align-items: center
}

.colors__item {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	box-shadow: 0 0 3px #fff
}

.ui-kit__cont-item:not(:last-child) {
	margin-bottom: 20px
}

.colors__var {
	margin-bottom: 10px;
	font-size: 14px
}

.--color-1 {
	background-color: #112852
}

.--color-2 {
	background-color: #111526
}

.--color-3 {
	background-color: #189ff2
}

.--color-11 {
	background-color: #fff
}

.--color-22 {
	background-color: #000
}

.--text-color-11,
.--text-color-22 {
	background-color: #fff
}

.--color-attention {
	background-color: #ffc400
}

.--color-error {
	background-color: #f04d30
}

.--color-success {
	background-color: #13b300
}

.--common-undefined {
	background-color: #817d75
}

.--text-color-1 {
	background-color: #8893a8
}

.--text-color-2 {
	background-color: #a8bee6
}

.--text-color-3 {
	background-color: #32a2f4
}

.--text-color-4 {
	background-color: #ffc400
}

.--text-color-6 {
	background-color: #111526
}

.--text-color-7 {
	background-color: #7ad6e0
}

.menu-wrap {
	padding-top: 56px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-wrap {
		padding-top: 72px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.menu-wrap--show-notification-site {
		padding-top: 120px
	}
}

.menu-wrap__hide-scroll {
	position: relative;
	width: 264px;
	height: 100%;
	overflow: hidden;
	z-index: 3
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-wrap__hide-scroll {
		width: 320px
	}
}

.menu-wrap__scroll {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 17px;
	box-sizing: content-box;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth
}

.menu-wrap__scroll::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

.menu {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #112852;
	box-sizing: border-box
}

.menu__header {
	background-color: #000
}

.menu__submenu {
	overflow: hidden
}

.menu__icon {
	position: relative;
	z-index: 9999;
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.menu__icon:after {
	display: inline-block
}

.menu__icon.menu__icon--active {
	display: none
}

.menu__caret {
	display: block;
	width: 24px;
	height: 24px;
	margin-left: auto;
	transform: rotate(0);
	transition: transform .3s;
	will-change: transform
}

.menu__caret,
.menu__message {
	position: relative;
	z-index: 9999
}

.menu__link {
	position: relative;
	display: flex;
	align-items: center;
	padding: 8px;
	max-height: 40px;
	border-color: #35486c transparent #040a15;
	border-style: solid;
	border-width: 1px;
	background-color: #112852
}

.menu__link:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background-image: linear-gradient(180deg, #189ff2, #2ed1fb);
	background-size: auto;
	pointer-events: none;
	will-change: opacity
}

@media (hover) {
	.menu__link:after {
		transition: opacity .3s
	}
}

.menu__link--btn {
	width: 100%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu__link {
		max-height: 48px;
		padding: 12px 16px
	}
	.menu__link--sub {
		padding-left: 40px
	}
}

.menu__link.active,
.menu__link:active {
	border: 1px solid #21c6fb
}

.menu__link.active:after,
.menu__link:active:after {
	opacity: 1
}

.menu__link.active .menu__icon,
.menu__link:active .menu__icon {
	display: none
}

.menu__link.active .menu__icon.menu__icon--active,
.menu__link:active .menu__icon.menu__icon--active {
	display: block
}

.menu__link.active .menu__caret,
.menu__link:active .menu__caret {
	transform: rotate(180deg)
}

@media (hover) {
	.menu__link {
		transition-duration: .3s;
		transition-property: background-image
	}
	.menu__link:hover {
		border: 1px solid #21c6fb
	}
	.menu__link:hover:after {
		opacity: 1
	}
	.menu__link:hover .menu__icon {
		display: block
	}
	.menu__link:hover .menu__icon.menu__icon--active {
		display: none
	}
}

.menu__sublink {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12px 12px 12px 40px;
	max-height: 40px;
	font-size: 14px;
	color: #a8bee6;
	border-color: #35486c transparent #040a15;
	border-style: solid;
	border-width: 1px;
	background-color: #111526
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu__sublink {
		padding-left: 48px
	}
}

.menu__label {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	position: relative;
	z-index: 9999;
	margin-right: 14px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.menu__footer {
	display: flex;
	justify-content: center;
	padding: 16px 8px
}

.menu__google-badge-wrap {
	position: relative;
	display: block;
	width: 143px;
	height: 43px
}

.menu__google-badge-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.menu__google-play-badge {
	display: block;
	margin: auto;
	width: 170px;
	height: 65px
}

.menu-top-banner {
	position: relative;
	height: 132px;
	width: 100%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-top-banner {
		height: 160px
	}
}

.menu-top-banner__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%
}

.menu-top-banner__button-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 8px;
	box-sizing: border-box
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-top-banner__button-wrap {
		padding-bottom: 16px
	}
}

.menu-profile {
	padding: 16px 8px;
	background-color: #111526
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile {
		padding: 24px 16px 32px
	}
}

.menu-profile__section {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.menu-profile__user-links {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 8px;
	padding-left: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__user-links {
		margin-bottom: 16px
	}
}

.menu-profile__images {
	display: block;
	width: 68px;
	height: 68px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__images {
		width: 84px;
		height: 84px
	}
}

@media (hover) {
	.menu-profile__images {
		cursor: pointer;
		transition-duration: .3s;
		transition-timing-function: ease-in-out
	}
	.menu-profile__images:hover {
		transform: scale(1.1)
	}
}

.menu-profile__images-front,
.menu-profile__images-inner,
.menu-profile__img {
	width: 100%;
	height: 100%
}

.menu-profile__img {
	object-fit: contain
}

.menu-profile__info {
	display: flex;
	flex-direction: column;
	margin-left: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__info {
		margin-left: 16px
	}
}

.menu-profile__level-info-wrap {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__level-info-wrap {
		margin-bottom: 16px
	}
}

.menu-profile__nickname {
	font-size: 12px;
	line-height: 18px
}

@media (hover) {
	.menu-profile__nickname {
		cursor: pointer
	}
	.menu-profile__nickname:hover {
		text-decoration: underline
	}
}

.menu-profile__title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #32a2f4;
	text-shadow: 2px 3px 1px rgba(0, 0, 0, .9)
}

@media (hover) {
	.menu-profile__title {
		transition-duration: .3s;
		transition-timing-function: ease-in-out;
		cursor: pointer
	}
	.menu-profile__title:hover {
		transform: scale(1.02);
		text-shadow: 2px 6px 1px rgba(0, 0, 0, .9)
	}
}

.menu-profile__progress-decor {
	width: 100%;
	padding: 1px;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #111526 30%, #111526 60%, hsla(0, 0%, 100%, .1));
	mix-blend-mode: normal;
	border-radius: 5px;
	pointer-events: none
}

.menu-profile__progress-decor.menu-profile__progress-decor--open {
	padding-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1))
}

.menu-profile__progress-decor.menu-profile__progress-decor--clickable {
	cursor: pointer;
	pointer-events: auto
}

.menu-profile__progress {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 26px;
	padding: 1px 6px;
	border-radius: inherit;
	background-color: #1a1e2b
}

.menu-profile__data {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 25px;
	justify-items: start;
	align-items: stretch;
	background-color: #111526;
	padding: 28px 8px 12px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data {
		grid-template-rows: 40px;
		padding: 40px 16px 16px
	}
}

.menu-profile__data:before {
	position: absolute;
	content: "";
	top: 16px;
	left: 0;
	right: 0;
	border-top: 1px solid #35486c
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data:before {
		top: 20px
	}
}

.menu-profile__data-container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	max-width: 60px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data-container {
		justify-content: space-between
	}
}

.menu-profile__data-title {
	font-size: 12px;
	line-height: 14px;
	color: #a8bee6
}

.menu-profile__data-value {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #ffc400
}

.menu-profile__rate-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 100%
}

.menu-profile__rate-label {
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	color: #a8bee6
}

.menu-profile__rate-data {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.menu-profile__rate-value {
	font-size: 14px;
	font-weight: 700
}

.menu-profile__rate-arrow {
	width: 24px;
	height: 18px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__rate-arrow {
		height: 24px
	}
}

.open-details {
	display: flex;
	justify-content: center;
	align-items: center
}

.open-details__arrow {
	width: 24px;
	height: 24px;
	transition: transform .3s
}

.open-details__arrow.open-details__arrow--opened {
	transform: rotate(180deg)
}

.details {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: -16px;
	padding: 0 8px;
	background-color: #111526;
	cursor: pointer
}

@media screen and (min-width:768px) and (min-height:420px) {
	.details {
		margin-top: -32px;
		padding: 0 16px
	}
}

.details__decor {
	width: 100%;
	padding: 0 1px 1px;
	mix-blend-mode: normal;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.details__decor.details__decor--open {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #111526 30%, #111526 60%, hsla(0, 0%, 100%, .1))
}

.details__summary::-webkit-details-marker {
	display: none
}

.details__summary {
	list-style: none
}

.details__container[open] {
	width: 100%;
	padding: 16px;
	background-color: #111526;
	background-image: linear-gradient(180deg, #1a1e2b, #0d101d);
	border-radius: inherit
}

.details__container[open] .details__body {
	animation-name: detailsOpen;
	animation-duration: .5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards
}

.details__body {
	display: grid;
	grid-template-columns: 52px auto;
	grid-template-rows: 52px auto;
	grid-column-gap: 16px;
	opacity: 1
}

@media screen and (min-width:768px) and (min-height:420px) {
	.details__body {
		grid-template-columns: 68px auto;
		grid-template-rows: 68px auto;
		grid-column-gap: 24px
	}
}

.details__images {
	grid-column: 1/2;
	grid-row: 1/2
}

.details__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.details__header {
	grid-column: 2/3;
	grid-row: 1/2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

@media screen and (min-width:768px) and (min-height:420px) {
	.details__header {
		justify-content: space-evenly
	}
}

.details__next-level {
	font-size: 12px;
	line-height: 14px;
	color: #a8bee6
}

.details__level-name {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #32a2f4
}

.details__table {
	grid-column: 2/3;
	grid-row: 2/3
}

.details__table-header {
	width: 70%;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #a8bee6
}

@media screen and (min-width:768px) and (min-height:420px) {
	.details__table-header {
		line-height: 20px
	}
}

.details__table-cell {
	max-width: 70px;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
	color: #ffc400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:768px) and (min-height:420px) {
	.details__table-cell {
		line-height: 20px
	}
}

@keyframes detailsOpen {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.page-header {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 48px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #111526;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	text-align: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.page-header {
		min-height: 64px
	}
}

.page-header__close {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.page-header__close {
		right: 16px
	}
}

.page-header__back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto
}

@media screen and (min-width:768px) and (min-height:420px) {
	.page-header__back {
		left: 16px
	}
}

.page-header-text {
	color: hsla(0, 0%, 100%, .4);
	font-size: 12px;
	line-height: 16px
}

.page-header-title {
	padding: 0 24px;
	text-align: center;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
	font-size: 16px
}

.game-not-found {
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #112852
}

.game-not-found,
.game-not-found__wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center
}

.game-not-found__wrap {
	align-items: center
}

.game-not-found__img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-not-found__img {
		margin-bottom: 24px
	}
}

.game-not-found__pic {
	width: 100%;
	height: auto;
	object-fit: contain;
	padding: 10px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-not-found__pic {
		padding: 0
	}
}

.game-not-found__desc-text {
	display: block;
	max-width: 150px;
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #fff
}

@media screen and (min-width:768px) and (min-height:420px) {
	.game-not-found__desc-text {
		max-width: 500px;
		font-size: 20px
	}
}

.nav-btn {
	height: 24px;
	width: 24px;
	cursor: pointer
}

.nav-btn:active {
	opacity: .8
}

.nav-btn:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 40px;
	height: 40px
}

.user-place-section {
	border-bottom: 1px solid #040a15;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 0
}

@media screen and (min-width:768px) and (min-height:420px) {
	.user-place-section {
		padding: 24px 0
	}
}

.user-place-section__congrats {
	margin-bottom: 8px
}

.user-place-section__button {
	margin-top: 16px;
	max-width: 200px
}

.user-place-tab {
	max-width: 304px;
	width: 100%;
	border-radius: 5px;
	background: linear-gradient(180deg, #163ea6, #0f2f6a 96.33%);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.user-place-tab--full-width {
	max-width: 100%
}

.user-place-tab--margin-top {
	margin-top: 16px
}

.user-place-tab--center {
	margin: auto
}

.user-place-tab--top {
	position: relative;
	top: -8px
}

@media screen and (min-width:1366px) {
	.user-place-tab--top {
		position: static
	}
}

.user-place-tab__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 16px 0;
	min-height: 56px;
	border-radius: inherit
}

.user-place-congrats {
	text-align: center;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.user-place,
.user-place-congrats {
	line-height: 24px;
	font-weight: 700;
	color: #fff
}

.user-place {
	font-size: 12px
}

.user-place-image {
	width: 72px;
	height: 86px;
	border-radius: 4px
}

.user-place-image__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.user-place-img-data {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	padding: 0 16px
}

.user-place-img-data.user-place-img-data--baseline {
	align-items: baseline
}

.user-place-img-data__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 2;
	margin-left: 8px
}

.user-place-img-data__data.user-place-img-data__data--column {
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-evenly;
	flex-grow: 0;
	margin-left: 28px
}

.user-place-img-data__nickname,
.user-place-img-data__win-sum {
	margin-bottom: 4px
}

.user-place-nickname {
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.user-place-nickname.user-place-nickname--bold {
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.user-place-winsum {
	overflow: hidden;
	white-space: nowrap;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #ffc400
}

.user-place-winsum.user-place-winsum--big-font {
	line-height: 24px;
	font-size: 16px
}

.user-place-points {
	font-size: 12px;
	line-height: 24px;
	color: #a8bee6
}

.user-place-points.user-place-points--active {
	color: #fff
}

.user-place-ticket__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 8px 0;
	max-width: 164px;
	font-size: 14px;
	line-height: 16px
}

.user-place-ticket__ico {
	width: 24px;
	height: 24px
}

.user-place-ticket__count {
	margin: 0 12px;
	font-weight: 700;
	color: #ffc400
}

.user-place-ticket__link {
	color: #32a2f4
}

.user-place-ticket__text {
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 14px;
	color: #a8bee6
}

.user-place-ticket__text .currency:after {
	font-weight: 400
}

.user-place-buy-ticket {
	position: relative;
	z-index: 1;
	margin: auto;
	max-width: 416px;
	border-radius: 5px;
	width: 100%
}

.user-place-buy-ticket__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 8px;
	background: #111526;
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
	border-radius: inherit
}

.user-place-buy-ticket__ico {
	width: 24px;
	height: 24px
}

.user-place-buy-ticket__text {
	max-width: 104px;
	font-size: 11px;
	line-height: 13px;
	color: #8893a8
}

.user-place-buy-ticket__text .currency:after {
	font-weight: 400
}

@media screen and (min-width:568px) {
	.user-place-buy-ticket__text {
		max-width: 100%
	}
}

.btn.user-place-buy-ticket__button {
	padding: 0 36px
}

.btn.user-place-buy-ticket__button:focus {
	padding: 0 35px
}

.user-place-ico {
	width: 24px;
	height: 24px
}

.count-panel {
	height: 72px;
	padding: 1px;
	background-image: linear-gradient(#40506e, #192b4b 20%, #192b4b 80%, #40506e)
}

.count-panel--event {
	height: 77px;
	margin-top: -5px;
	padding-top: 5px;
	border-radius: 0 0 5px 5px;
	background-image: linear-gradient(#192b4b, #40516f)
}

.count-panel--top {
	margin-top: -8px;
	height: 80px
}

.count-panel--border-radius {
	border-radius: 5px
}

.count-panel--border-radius * {
	border-radius: inherit
}

.count-panel__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: linear-gradient(180deg, #1b2b49, #0b1b37);
	border-radius: inherit
}

.count-panel__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 380px;
	padding: 0 12px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.count-panel__info {
		justify-content: center;
		max-width: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.count-panel__info {
		justify-content: center;
		max-width: none
	}
}

.count-panel__countdown {
	margin-right: 12px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.count-panel__countdown {
		margin-right: 24px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.count-panel__countdown {
		margin-right: 24px
	}
}

.count-panel__button.count-panel__button {
	flex-shrink: 1;
	flex-basis: 200px;
	min-width: auto;
	line-height: 40px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.count-panel__button.count-panel__button:not(:last-child) {
		margin-right: 24px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.count-panel__button.count-panel__button:not(:last-child) {
		margin-right: 24px
	}
}

.count-panel__prize-pool.count-panel__prize-pool {
	display: none
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.count-panel__prize-pool.count-panel__prize-pool {
		display: flex
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.count-panel__prize-pool.count-panel__prize-pool {
		display: flex
	}
}

.prize-pool {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 128px;
	padding-left: 10px
}

.prize-pool:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 62px;
	background-image: url(img/prize-pool.png);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%)
}

.prize-pool__title {
	display: none
}

.prize-pool__sum {
	z-index: 1;
	font-size: 16px;
	color: #ffc400;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.countdown {
	position: relative;
	z-index: 0;
	padding-right: 2px
}

.countdown__title {
	font-size: 12px;
	line-height: 14px;
	color: #8893a8;
	text-transform: lowercase;
	text-align: center
}

.countdown__count-wrap {
	width: 24px;
	height: 24px;
	padding: 1px;
	margin: 0 auto 2px;
	background-image: linear-gradient(180deg, #162644, #eee 96%);
	border-radius: 4px
}

.countdown__count {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, #fff 32.54%, #bdbdbd);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .43);
	border-radius: inherit;
	color: #454f60;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .18)
}

.countdown__label {
	font-size: 12px;
	color: #8893a8
}

.countdown__separator {
	margin: 0 3px;
	opacity: .4;
	font-weight: 700;
	line-height: 24px
}

.countdown__container {
	display: flex;
	padding-top: 4px
}

.countdown__time {
	display: flex;
	flex-direction: column;
	text-align: center
}

.countdown__time+.countdown__time {
	margin-left: 9px
}

.poster-info {
	position: relative
}

.poster-info__flag.poster-info__flag {
	position: absolute;
	left: 0;
	top: 8px
}

.flag {
	position: relative;
	height: 20px;
	padding-right: 13px;
	padding-left: 8px;
	color: #fff;
	font-size: 12px;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5))
}

.flag:after,
.flag:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.flag:before {
	z-index: 2;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%
}

.flag:after {
	z-index: 1;
	width: calc(100% - 20px)
}

.flag--first:before {
	background-image: url(img/flag-first.png)
}

.flag--first:after {
	background-color: #fd1d25
}

.flag--second {
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background-image: url(/2174/mobile/images-loaded/src/images/components/flag/flag-second.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	filter: none
}

.flag--second:after,
.flag--second:before {
	display: none
}

.flag__wrap {
	position: relative;
	z-index: 3;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: 700
}

.poster-img {
	overflow: hidden;
	border-radius: inherit
}

.poster-img__wrap--type1 {
	padding-bottom: 50%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.poster-img__wrap--type1 {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.poster-img__wrap--type1 {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.poster-img__wrap--type1 {
		height: 398px
	}
}

.poster-img__wrap--type2 {
	padding-bottom: calc(50% - 2px)
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.poster-img__wrap--type2 {
		padding-bottom: calc(30.282% - 4px)
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.poster-img__wrap--type2 {
		padding-bottom: 0;
		height: 280px
	}
}

@media screen and (min-width:1366px) {
	.poster-img__wrap--type2 {
		height: 378px
	}
}

.poster-img__wrap--type3 {
	padding-bottom: calc(50% - 4px)
}

.poster-img__wrap {
	position: relative;
	border-radius: inherit
}

.poster-img__pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.poster-bg,
.poster-wrap {
	position: relative;
	display: block;
	border-radius: 5px
}

.poster-bg * {
	border-radius: inherit
}

.small-tooltip {
	display: none
}

.small-tooltip__text {
	position: absolute;
	z-index: 9999;
	top: -150%;
	width: 153px;
	padding: 8px 13px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #34486b
}

.small-tooltip__text:after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 20px;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	background-color: #34486b
}

.notification-site-version {
	display: none;
	height: 48px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.notification-site-version {
		display: block
	}
}

.notification-site-version__wrap {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 12;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: inherit;
	border-top: 1px solid #4a6596;
	border-bottom: 1px solid #040a15;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	background-color: #131d33;
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%)
}

.notification-site-version__text {
	display: block;
	margin-right: 32px;
	margin-left: 267px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #fff
}

.notification-site-version__btn--stay {
	min-width: 120px;
	margin-right: 27px
}

.notification-site-version__btn--back {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px
}

.add-to-home-screen {
	position: fixed;
	z-index: 9999;
	bottom: 12px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 300px;
	padding: 16px 10px;
	border-radius: 15px;
	background-image: linear-gradient(180deg, #122953, #273f6d);
	box-shadow: 0 1px 0 0 #4a6596
}

.add-to-home-screen:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%) rotate(-45deg);
	width: 15px;
	height: 15px;
	background-color: #273f6d;
	box-shadow: -1px 1px 0 0 #4a6596
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.add-to-home-screen {
		top: 10px;
		right: 10px;
		bottom: auto;
		left: auto;
		transform: none;
		max-width: 350px
	}
	.add-to-home-screen:after {
		bottom: auto;
		left: 60%;
		top: -7px;
		transform: rotate(-45deg);
		background-color: #122953;
		box-shadow: none
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.add-to-home-screen {
		display: none
	}
}

.add-to-home-screen__close-container {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px
}

.add-to-home-screen__close-btn {
	width: 100%;
	height: 100%
}

.add-to-home-screen__close-btn:active {
	opacity: .7
}

.add-to-home-screen__container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.add-to-home-screen__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px
}

.add-to-home-screen__desc {
	margin-bottom: 16px;
	padding: 0 25px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(5, 5, 5, .5);
	color: #fff
}

.add-to-home-screen__tips {
	display: flex;
	align-items: center;
	justify-content: center
}

.add-to-home-screen__ico {
	width: 30px;
	height: 30px
}

.add-to-home-screen__ico:not(:first-child) {
	margin-left: 16px
}

.modal-page {
	flex-grow: 1;
	height: 100%
}

.modal-frame,
.modal-page {
	display: flex;
	width: 100%;
	pointer-events: none
}

.modal-frame {
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden
}

.modal-frame.modal-frame--transparent-border {
	padding: 24px 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.modal-frame.modal-frame--transparent-border {
		padding: 32px 24px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.modal-frame.modal-frame--md-padd-on-tablet {
		padding-top: 64px;
		padding-bottom: 64px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.modal-frame.modal-frame--sm-padd-on-desktop {
		padding-top: 24px;
		padding-bottom: 24px
	}
}

.modal-frame.modal-frame--sm {
	max-width: 360px
}

.modal-frame.modal-frame--md {
	max-width: 460px
}

.modal-frame.modal-frame--md-2 {
	max-width: 656px;
	width: 100%
}

.modal-frame.modal-frame--lg {
	max-width: 768px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.modal-frame.modal-frame--lg-on-desktop {
		max-width: 768px
	}
}

.modal-frame.modal-frame--separate-page {
	position: relative;
	z-index: 10000
}

.modal-window {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: stretch;
	height: 100%;
	pointer-events: none
}

.modal-window.modal-window--centered {
	height: auto
}

.modal-window.modal-window--scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto
}

.modal-header {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
	background: #111526;
	pointer-events: auto
}

.modal-header__headline {
	padding: 0 28px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center
}

.modal-header__close-btn {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%)
}

.modal-header__nav-btn {
	position: absolute;
	left: 8px
}

.modal-content {
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	pointer-events: auto
}

.modal-content.modal-content--md-height {
	max-height: 672px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.modal-content.modal-content--md-height-on-tablet {
		max-height: 672px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.modal-content.modal-content--md-height-on-desktop {
		max-height: 672px
	}
}

.modal-content--border-top {
	border-top: 1px solid #35496c
}

.modal-content.modal-content--scrollable {
	scrollbar-width: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	pointer-events: auto
}

.modal-content.modal-content--scrollable::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

.modal-content__description {
	padding: 12px 8px 20px;
	background-color: #112852
}

@media screen and (min-width:568px) {
	.modal-content__description {
		padding: 12px 46px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.modal-content__description {
		padding: 12px 46px
	}
}

.event-table-list {
	pointer-events: auto
}

.event-table-list__item {
	list-style-type: none
}

.event-table-list__item:nth-child(odd),
.event-table-list__scroll-load {
	background-color: #112852
}

.event-table-list__item:nth-child(2n) {
	background-color: #0e2041
}

.event-table-list__item.event-table-list__item--sticky {
	position: sticky;
	z-index: 1;
	top: 0;
	bottom: 0
}

.event-table-list__item.event-table-list__item--sticky .event-table-list__item-decor {
	background-image: linear-gradient(180deg, #18a0f2, #24c1f9 97.83%);
	border: 1px solid #09c4fd
}

.event-table-list__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 24px;
	padding: 12px 16px;
	box-sizing: content-box
}

.event-table-list__data * {
	box-sizing: border-box
}

.event-table-list__place {
	height: 100%;
	width: 24px
}

.event-table-list__user-info {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	width: 100%;
	height: 100%;
	margin-left: 12px
}

.event-table-list__user-points {
	justify-self: end
}

.v-link {
	display: inline-flex;
	color: #32a2f4;
	cursor: pointer
}

.v-link:active {
	opacity: .8
}

@media (hover) {
	.v-link:hover {
		text-decoration: underline
	}
}

.v-link__ico {
	width: 16px;
	height: 16px;
	margin-right: 4px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.v-link__ico {
		width: 24px;
		height: 24px
	}
}

.close-button {
	width: 24px;
	height: 24px
}

.close-button:active {
	opacity: .8
}

.close-button:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px
}

@media (hover) {
	.close-button--second:hover .close-button__ico--hover {
		display: block
	}
	.close-button--second:hover .close-button__ico--normal {
		display: none
	}
}

.close-button--second:active {
	opacity: 1
}

.close-button--second:active .close-button__ico--active {
	display: block
}

.close-button--second:active .close-button__ico--normal {
	display: none
}

.close-button__ico {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.close-button__ico--active,
.close-button__ico--hover {
	display: none
}

.mute-button {
	width: 24px;
	height: 24px
}

.mute-button:active {
	opacity: .8
}

.mute-button:after {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 40px;
	height: 40px
}

.v-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 38px;
	min-width: 100px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 3px
}

.v-btn:active {
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 34px;
	background-color: rgba(0, 0, 0, .08)
}

@media (hover) {
	.v-btn:hover {
		background-color: hsla(0, 0%, 100%, .2)
	}
}

.v-btn.v-btn--disabled {
	opacity: .3;
	cursor: default;
	pointer-events: none
}

.v-btn__ico {
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.v-btn--long {
	min-width: 200px
}

.v-btn--small {
	font-size: 12px;
	padding: 0 12px
}

.participant-info {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15
}

.participant-info__title {
	padding-top: 16px;
	padding-bottom: 8px;
	text-align: center;
	background-image: linear-gradient(180deg, #112852, rgba(17, 40, 82, 0));
	line-height: 24px
}

@media screen and (min-width:1024px) {
	.participant-info__title {
		padding-top: 24px;
		padding-bottom: 16px
	}
}

.participant-info__cup {
	position: relative;
	padding-bottom: 16px;
	background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-320.jpg);
	background-position: 50%;
	background-size: cover
}

@media screen and (min-width:321px) {
	.participant-info__cup {
		background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-360.jpg)
	}
}

@media screen and (min-width:361px) {
	.participant-info__cup {
		background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-768.jpg)
	}
}

@media screen and (min-width:769px) {
	.participant-info__cup {
		background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-1024.jpg)
	}
}

@media screen and (min-width:1025px) {
	.participant-info__cup {
		background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup.jpg)
	}
}

.participant-info__cup:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85px;
	background: linear-gradient(180deg, rgba(17, 40, 82, 0), #112852)
}

.participant-info__cup-wrap {
	position: relative;
	z-index: 1
}

@media screen and (min-width:768px) and (min-height:420px) {
	.participant-info__wrap {
		display: flex;
		padding: 16px 16px 0
	}
}

.participant-info__list {
	border-bottom: 1px solid #040a15;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.participant-info__list {
		width: 50%;
		padding-left: 0;
		border-bottom: none
	}
}

.participant-info__list-btn {
	display: flex;
	justify-content: center;
	padding-top: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.participant-info__list-btn {
		padding-top: 24px;
		padding-bottom: 8px
	}
}

.participant-info__desc {
	border-top: 1px solid #35486c;
	padding: 16px 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.participant-info__desc {
		padding-top: 0;
		padding-bottom: 44px;
		padding-right: 0;
		width: 50%;
		border-top: none
	}
}

.no-events {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	padding: 24px 0
}

@media screen and (min-width:768px) and (min-height:420px) {
	.no-events {
		padding: 52px 0
	}
}

@media screen and (min-width:1024px) {
	.no-events {
		padding: 58px 0
	}
}

@media screen and (min-width:1366px) {
	.no-events {
		padding: 112px 0
	}
}

.no-events__wrap {
	flex-direction: column;
	align-items: center
}

.no-events__img,
.no-events__wrap {
	display: flex;
	justify-content: center
}

.no-events__img {
	margin-bottom: 16px
}

.no-events__sub-title {
	padding-top: 8px;
	margin-bottom: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #8893a8
}

.tab-event {
	border-top: 1px solid #4a6596;
	flex-grow: 1;
	padding: 16px;
	background-color: #112852
}

.tab-event__ban-wrap {
	padding-bottom: 8px;
	margin-bottom: 8px;
	background-image: linear-gradient(#142340, #0e1e3c);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), inset 0 -1px 0 hsla(0, 0%, 100%, .2);
	border-radius: 5px
}

.tab-event__ban {
	margin-bottom: 10px
}

.tab-event__participant-cup {
	margin-bottom: 8px
}

.tab-event__desc {
	display: flex;
	flex-direction: column;
	align-items: center
}

.tab-event__count:not(:last-child) {
	margin-bottom: 8px
}

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

.title--md {
	font-size: 14px;
	line-height: 16px
}

.title--lg {
	font-size: 16px;
	line-height: 24px
}

.title-wrap {
	padding-top: 16px;
	background-color: #05224e;
	text-align: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.title-wrap {
		padding-top: 24px
	}
}

.cup-participant {
	display: flex;
	justify-content: center;
	max-width: 450px;
	margin: 0 auto
}

.cup-participant--full {
	padding-top: 24px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.cup-participant--full .cup-participant-item:nth-child(2) {
		padding: 0 16px
	}
}

.cup-participant-item {
	flex-shrink: 0
}

.cup-participant-item:nth-child(2) {
	padding: 0 8px
}

.cup-participant-item:only-child {
	margin: 0 auto
}

.cup-participant-item--min:nth-child(2) {
	padding: 0 4px
}

.cup-participant-item__img-wrap {
	margin-left: auto;
	margin-right: auto;
	height: 116px;
	width: 96px
}

.cup-participant-item__img-wrap:not(:last-child) {
	margin-bottom: 8px
}

.cup-participant-item__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cup-participant-item--min .cup-participant-item__img-wrap {
	width: 74px;
	height: 86px
}

.cup-participant-desc {
	margin: 0 auto;
	width: 96px;
	padding: 15px 4px;
	border: 1px solid transparent;
	background-image: linear-gradient(180deg, #173677, #182a5f);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
	border-radius: 5px;
	text-align: center
}

.cup-participant-desc--min {
	width: 73px;
	padding: 7px 1px
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-name {
	font-weight: 700
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-points {
	color: #fff
}

.cup-participant-desc__info-name {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #fff
}

.cup-participant-desc__info-money {
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #ffc400;
	font-weight: 700;
	width: 100%;
	overflow: hidden;
	white-space: nowrap
}

.cup-participant-desc--min .cup-participant-desc__info-money {
	font-size: 12px;
	line-height: 16px
}

.cup-participant-desc__info-points {
	font-size: 12px;
	line-height: 16px;
	color: #a8bee6
}

.participants {
	padding: 1px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

.participants__list-wrap {
	background-image: linear-gradient(#1a2d4e, #0e1f3e);
	border-radius: inherit;
	overflow: hidden
}

.participants-item:nth-child(odd) .participants-item__item {
	background-color: #0e2041
}

.participants-item__item {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 15px;
	border: 1px solid transparent
}

.participants-item__info {
	display: flex;
	align-items: center;
	flex: 1
}

.participants-rank {
	width: 24px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -.33px;
	color: #fff
}

.participants-rank:not(:last-child) {
	margin-right: 16px
}

.participants-rank.participants-rank--winner {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.participants-name {
	font-size: 14px;
	color: #fff
}

.participants-name.participants-name--winner {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.participants-gift {
	font-size: 14px;
	font-weight: 700;
	color: #ffc400
}

.participants-gift.participants-gift--winner {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.participants-score {
	flex: 1;
	font-size: 12px;
	color: #a8bee6;
	text-align: right
}

.participants-score.participants-score--winner {
	color: #fff
}

.text-preview__title {
	margin-bottom: 8px;
	line-height: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.text-preview__title {
		margin-bottom: 16px
	}
}

.text-preview__desc {
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.text-preview__desc {
		margin-bottom: 16px
	}
}

.text-preview__btn {
	line-height: 16px;
	font-size: 14px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events {
		padding: 0 16px
	}
}

.events__wrap {
	padding: 0 8px 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__wrap {
		padding-bottom: 24px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__wrap {
		padding-left: 0;
		padding-right: 0
	}
}

.events__item-wrap:not(:last-child) {
	margin-bottom: 24px
}

.events__headline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px
}

.events__title {
	font-size: 16px;
	font-weight: 700
}

.events__title-date {
	font-size: 12px;
	color: #8893a8;
	font-weight: 400
}

.events__count {
	font-size: 14px
}

.events__item-aside {
	display: none
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__item-aside {
		display: flex;
		flex-direction: column;
		width: 336px;
		padding-left: 16px
	}
}

.events__item-aside-headline {
	padding-bottom: 14px;
	text-align: center
}

.events__tournament-participant {
	padding-top: 8px
}

.events__item-aside-title {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.events__item-aside-wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__item-wrap {
		display: flex
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__item-sect {
		flex-grow: 1
	}
}

.events__ban-item {
	position: relative;
	display: block;
	border-radius: 5px
}

.events__mark-flag {
	position: absolute;
	left: 0;
	top: 16px;
	z-index: 1
}

.events__sect {
	padding: 1px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
	display: block
}

.events__sect-wrap {
	background-image: linear-gradient(#1a2d4e, #0e1f3e);
	border-radius: inherit;
	border-radius: 5px
}

.events__ban {
	position: relative;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: -1px
}

.events__ban-wrap {
	padding-bottom: 50%;
	position: relative;
	border-radius: inherit
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__ban-wrap {
		padding-bottom: 30.282%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__ban-wrap {
		padding-bottom: 0;
		height: 300px
	}
}

@media screen and (min-width:1366px) {
	.events__ban-wrap {
		height: 398px
	}
}

.events__ban-pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover
}

.events__desc {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__desc {
		margin: auto;
		width: min-content
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__desc {
		margin: auto;
		width: min-content
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__countdown,
	.events__sum {
		flex: 1
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__countdown,
	.events__sum {
		flex: 1
	}
}

.events__countdown {
	margin-right: 24px;
	text-align: center
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__countdown {
		display: flex;
		justify-content: flex-end;
		margin-right: 20px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__countdown {
		display: flex;
		justify-content: flex-end;
		margin-right: 24px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__countdown {
		margin-right: 52px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__btn:not(:last-child) {
		margin-right: 20px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__btn:not(:last-child) {
		display: flex;
		justify-content: center;
		margin-right: 24px
	}
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.events__btn:not(:last-child) {
		margin-right: 52px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__btn:last-child {
		flex: 1
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__btn:last-child {
		flex: 1
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__button {
		width: 200px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__button {
		width: 200px
	}
}

.events__prize-pool {
	position: relative;
	width: 140px;
	height: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-left: 10px
}

.events__prize-pool:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 84px;
	transform: translate(-50%, -50%);
	background-image: url(/2174/mobile/images-loaded/src/images/bg/prize-pool-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%
}

.events__sum {
	display: none
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.events__sum {
		display: block
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events__sum {
		display: block
	}
}

.events__prize-title {
	position: relative;
	margin-bottom: 4px;
	text-align: center;
	font-size: 12px;
	color: #a8bee6
}

.events__prize-money {
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
	font-weight: 700
}

.events-item-wrap {
	padding: 8px;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	text-align: center
}

.events-item-wrap,
.events-item-wrap--full {
	background-image: url(img/events-bg-320.jpg)
}

.events-item-wrap--full {
	padding: 0
}

@media screen and (min-width:321px) {
	.events-item-wrap--full {
		background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg-768.jpg)
	}
}

@media screen and (min-width:769px) {
	.events-item-wrap--full {
		background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg-1024.jpg)
	}
}

@media screen and (min-width:1025px) {
	.events-item-wrap--full {
		background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg.jpg)
	}
}

.other-places {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
	grid-gap: 8px;
	padding-top: 8px;
	max-width: 704px;
	margin: auto
}

.other-places--full {
	padding: 8px
}

@media screen and (min-width:568px) {
	.other-places--full {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 4px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.other-places--full {
		padding-top: 8px
	}
}

@media screen and (min-width:568px) {
	.other-places-list--full {
		margin: 4px;
		min-width: 148px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.other-places-list--full {
		margin: 8px
	}
}

.other-places-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 16px;
	min-height: 40px;
	background: linear-gradient(180deg, #173677, #182a5f);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
	border-radius: 5px;
	font-size: 14px;
	line-height: 16px
}

.other-places-list__name {
	max-width: 76px;
	color: #ffc400;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden
}

.event-block {
	border-top: 1px solid #35486c;
	display: flex;
	padding: 16px 0
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-block {
		padding: 24px 0
	}
}

.event-block__main {
	flex-grow: 1;
	overflow: hidden
}

.event-block__main-title {
	padding-right: 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-block__main-title {
		padding-right: 60px;
		margin-bottom: 16px
	}
}

.event-block__main-text {
	display: flex
}

.event-block__desc {
	padding: 0 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-block__desc {
		padding: 0 16px
	}
}

.event-block__flag {
	margin-right: 8px
}

.event-block__date {
	width: 100%;
	padding-left: 8px;
	font-size: 12px;
	color: #8893a8;
	line-height: 24px
}

@media screen and (min-width:568px) {
	.event-block__date {
		width: auto
	}
}

.event-block__ban:not(:last-child) {
	margin-bottom: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-block__ban:not(:last-child) {
		margin-bottom: 24px
	}
}

.event-block__aside {
	max-width: 336px;
	padding-right: 16px
}

.event-block__title {
	margin-bottom: 16px;
	text-align: center;
	line-height: 24px
}

.event-block__cup {
	padding: 8px
}

.event-block__list {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5)
}

.event-block__games-title {
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-block__games-title {
		margin-bottom: 16px
	}
}

.event-block--lottery .event-block__cup {
	padding: 0
}

.event-block--lottery .event-block__list {
	box-shadow: none
}

.event-games {
	padding: 16px 8px;
	border-top: 1px solid #35496c
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-games {
		padding: 24px 16px
	}
}

.event-games__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	grid-gap: 8px;
	padding-top: 8px
}

@media screen and (min-width:360px) {
	.event-games__list {
		grid-template-columns: repeat(auto-fill, minmax(168px, 1fr))
	}
}

@media screen and (min-width:568px) {
	.event-games__list {
		grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
		padding-top: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-games__list {
		grid-gap: 16px;
		grid-template-columns: repeat(auto-fill, minmax(152px, 1fr))
	}
}

.help-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 130px;
	padding-bottom: 4px;
	background: linear-gradient(90deg, #29cdfc, #13a2f4);
	border-radius: 5px 0 0 5px;
	box-shadow: inset 0 -4px 0 #0f7eba;
	transition: box-shadow .3s
}

.help-button:after,
.help-button:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: auto;
	border-radius: inherit;
	opacity: 0
}

.help-button:before {
	box-shadow: 0 0 7px #43d6ff, inset 0 -4px 0 transparent, inset 0 -4px 0 #0d628c;
	opacity: 0;
	transition: opacity .3s
}

.help-button:after {
	box-shadow: inset 0 -4px 0 #0f669b
}

@media (hover) {
	.help-button:hover:before {
		opacity: 1
	}
}

.help-button:active {
	background: #1486cc;
	height: 128px;
	width: 35px;
	transform: translateY(1px)
}

.help-button:active:before {
	display: none
}

.help-button:active:after {
	opacity: 1
}

.help-button__icon {
	margin-top: 8px;
	width: 26px;
	height: 26px
}

.help-button__icon-wrap {
	display: block;
	width: 100%;
	height: 100%
}

.help-button__icon-wrap--active {
	display: none
}

.help-button__text {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	writing-mode: vertical-lr;
	transform: rotate(180deg)
}

.events-preview-block {
	border-top: 1px solid #35486c;
	padding: 16px 0
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events-preview-block {
		padding: 24px 0
	}
}

.events-preview-block__title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events-preview-block__title {
		margin-bottom: 16px
	}
}

.events-preview-block__count {
	font-size: 14px;
	line-height: 16px;
	color: #fff
}

.events-preview-block__list {
	margin-bottom: -8px
}

.events-preview-block__list:not(:last-child) {
	padding-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events-preview-block__list:not(:last-child) {
		padding-bottom: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events-preview-block__list {
		display: flex;
		flex-wrap: wrap;
		margin-right: -8px;
		margin-left: -8px;
		margin-bottom: -16px
	}
}

.events-preview-block__load {
	display: flex;
	justify-content: center;
	padding-top: 8px
}

.event-preview {
	position: relative
}

.event-preview__wrap {
	display: flex;
	padding: 7px
}

.event-preview__img {
	flex-shrink: 0;
	width: 128px;
	margin-right: 8px
}

.event-preview__desc {
	flex-grow: 1;
	overflow: hidden
}

.event-preview__item:not(:last-child) {
	margin-bottom: 8px
}

.event-preview__link {
	display: block;
	font-size: 12px;
	line-height: 16px
}

.event-preview-title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 16px;
	color: #fff
}

.event-preview-date {
	font-size: 12px;
	line-height: 16px;
	color: #8893a8
}

.events-preview-item {
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.events-preview-item {
		margin-bottom: 16px;
		width: 50%;
		padding: 0 8px
	}
}

@media screen and (min-width:1366px) {
	.events-preview-item {
		width: 25%
	}
}

.strip-item {
	padding: 16px;
	background-position: top;
	background-image: url(img/strip-item-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.strip-item.strip-item--top-padd-0 {
	padding-top: 0
}

.strip-item__light-img {
	position: relative;
	flex-grow: 1;
	width: 100%;
	height: 221px
}

.strip-item__light-img:after,
.strip-item__light-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.strip-item__light-img:before {
	background-image: url(/2174/mobile/images-loaded/src/images/bg/girl-2.svg);
	animation: light 1s linear infinite
}

@media (min--moz-device-pixel-ratio:0) {
	.strip-item__light-img:before {
		animation: none;
		background-image: url(/2174/mobile/images-loaded/src/images/bg/girl-2.svg)
	}
}

.strip-item__light-img:after {
	background-image: url(img/girl-1.svg)
}

.strip-item__desc {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px
}

.strip-item__platform {
	flex-basis: 100%;
	height: 32px;
	margin-top: -15px;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/pallet.png);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.strip-item__light-text {
	margin-bottom: 16px;
	text-align: center;
	line-height: 23px;
	font-size: 12px;
	color: #a8bee6
}

.strip-item__get-bonus {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 700
}

.strip-item__light-link {
	display: flex;
	justify-content: center
}

.strip-item__list {
	z-index: 1
}

.strip-item__list:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 3em
}

.strip-item__ban {
	height: 262px
}

.strip-item__pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: auto;
	height: 100%;
	padding-bottom: 12px;
	object-fit: contain;
	transform: translateX(-50%)
}

.strip-item__name {
	margin-bottom: 12px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 23px
}

.strip-item__progress {
	margin-bottom: 16px
}

.strip-item__link {
	display: flex;
	justify-content: center
}

.strip-item__list-item:not(:last-child) {
	margin-bottom: 16px
}

.strip-item__gift {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 48px
}

.strip-item__gift-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 4px;
	white-space: nowrap
}

.strip-item__gift-money,
.strip-item__gift-name {
	font-size: 14px;
	white-space: nowrap;
	font-weight: 700;
	color: #ffc400
}

.strip-item__gift-ico {
	width: 32px;
	height: 25px
}

@keyframes light {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.strip-slider {
	position: relative;
	height: 100%
}

.strip-slider__body {
	height: 100%;
	overflow: hidden
}

.strip-slider__container {
	scrollbar-width: none;
	height: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	pointer-events: auto
}

.strip-slider__container::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.strip-slider__container {
		padding-top: 64px;
		padding-bottom: 64px
	}
}

.strip-slider__btn-area {
	position: absolute;
	z-index: 9999;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 64px
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.strip-slider__btn-area {
		display: flex
	}
}

.strip-slider__btn-area--prev {
	top: 0;
	background: linear-gradient(180deg, #040c24 0, rgba(4, 12, 36, 0))
}

.strip-slider__btn-area--next {
	bottom: 0;
	background: linear-gradient(0deg, #040c24 0, rgba(4, 12, 36, 0))
}

.strip-slider__arrow-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: #284171;
	border-radius: 50%
}

.strip-slider__arrow {
	width: 24px;
	height: 24px;
	transform: rotate(90deg)
}

.strip-slider__btn-area--disabled {
	pointer-events: none
}

.strip-slider__btn-area--disabled .strip-slider__arrow-btn {
	opacity: .5
}

.strip-slider-item {
	position: relative;
	width: 100%;
	max-width: 112px;
	height: 120px;
	padding: 2px;
	margin: 0 auto 16px;
	background-color: rgba(10, 197, 253, .5);
	border-radius: 5px;
	cursor: pointer
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-slider-item {
		max-width: 140px;
		height: 160px
	}
}

@media (hover) {
	.strip-slider-item:hover {
		background-color: #0ac5fd;
		box-shadow: 0 0 12px #0ac5fd
	}
	.strip-slider-item:hover .strip-slider-item__img {
		opacity: 1
	}
}

.strip-slider-item__card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.strip-slider-item.strip-slider-item--active,
.strip-slider-item.strip-slider-item--selected {
	background-color: #0ac5fd;
	box-shadow: 0 0 12px #0ac5fd
}

.strip-slider-item.strip-slider-item--active .strip-slider-item__img,
.strip-slider-item.strip-slider-item--selected .strip-slider-item__img {
	opacity: 1
}

.strip-slider-item__status-flag {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0
}

.strip-slider-item__gift-ico {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 16px;
	height: 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-slider-item__gift-ico {
		width: 24px;
		height: 24px
	}
}

.strip-slider-item__figure {
	position: relative;
	width: 100%;
	flex: 1;
	background-image: linear-gradient(180deg, #073e80, #090352);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.strip-slider-item__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	opacity: .3;
	transition: all .3s
}

.strip-slider-item__girl-name {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	background: linear-gradient(180deg, rgba(17, 40, 82, 0), #112852)
}

.strip-slider-item__progress-tab {
	width: 100%;
	height: 23px;
	background: linear-gradient(180deg, #112852, #17356d .01%, #0d234b);
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit
}

@media (min-width:1113px) and (orientation:landscape),
screen and (min-width:1024px) and (orientation:portrait) {
	.strip-slider-item__progress-tab {
		height: 32px
	}
}

.strip-slider-item__progress {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.strip-level-photo {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.strip-level-photo__photo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	object-fit: contain
}

.strip-gift {
	display: flex;
	align-items: center
}

.strip-gift__ico {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 4px
}

.strip-gift__money {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #ffc400
}

.strip-video-active-route .strip-video-button.strip-video-button--open {
	background-color: #0ac5fd
}

.strip-video-button {
	position: relative;
	width: 48px;
	height: 48px;
	padding: 2px;
	border-radius: 5px
}

.strip-video-button:active {
	opacity: .8
}

.strip-video-button.strip-video-button--open {
	padding: 1px;
	background-color: #0881be;
	box-shadow: 0 0 7px 0 #000;
	cursor: pointer
}

.strip-video-button.strip-video-button--open:before {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data {
	align-items: flex-end;
	justify-content: flex-end
}

.strip-video-button.strip-video-button--open .strip-video-button__border-progress {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__pic {
	opacity: 1
}

.strip-video-button.strip-video-button--open .strip-video-button__data-text {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data-ico {
	display: block
}

.strip-video-button.strip-video-button--open .strip-video-button__img {
	border-radius: inherit
}

.strip-video-button.strip-video-button--closed {
	padding: 0
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-text,
.strip-video-button.strip-video-button--closed:before {
	display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-ico {
	display: block
}

.strip-video-button.strip-video-button--closed .strip-video-button__border-progress {
	display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__img {
	border-radius: inherit
}

.strip-video-button.strip-video-button--closed .strip-video-button__pic {
	filter: blur(5.43656px);
	opacity: 1
}

.strip-video-button__border-progress,
.strip-video-button__img,
.strip-video-button__pic {
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.strip-video-button__img {
	position: relative;
	border-radius: 4px;
	background-image: linear-gradient(180deg, #073e80, #090352)
}

.strip-video-button__pic {
	opacity: .2;
	object-fit: contain
}

.strip-video-button__border-progress {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #0ac5fd
}

.strip-video-button__svg {
	border-radius: inherit;
	fill: #030b24;
	stroke: currentColor;
	stroke-width: 2px;
	stroke-dasharray: 100
}

.strip-video-button__data {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.strip-video-button__data-ico {
	display: none;
	width: 24px;
	height: 24px
}

.strip-video-button__data-text {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700
}

.strip-video-button.strip-video-button--big {
	width: 56px;
	height: 56px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-video-button.strip-video-button--big {
		width: 80px;
		height: 80px
	}
}

.strip-video-button__data-ico.strip-video-button__data-ico--big {
	width: 30px;
	height: 30px
}

.strip-video-button__data-text.strip-video-button__data-text--big {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-video-button__data-text.strip-video-button__data-text--big {
		font-size: 18px;
		line-height: 24px
	}
}

.strip-video-button:before {
	content: "";
	position: absolute;
	z-index: 3;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #1dcbff;
	box-shadow: 0 0 4px #1dcbff
}

[data-progress="0"]:before {
	display: none
}

[data-progress="1"]:before {
	left: 0;
	top: -2px
}

[data-progress="2"]:before {
	left: 5%;
	top: -2px
}

[data-progress="3"]:before {
	left: 10%;
	top: -2px
}

[data-progress="4"]:before {
	left: 13%;
	top: -2px
}

[data-progress="5"]:before {
	left: 18%;
	top: -2px
}

[data-progress="6"]:before {
	left: 22%;
	top: -2px
}

[data-progress="7"]:before {
	left: 27%;
	top: -2px
}

[data-progress="8"]:before {
	left: 30%;
	top: -2px
}

[data-progress="9"]:before {
	left: 35%;
	top: -2px
}

[data-progress="10"]:before {
	left: 38%;
	top: -2px
}

[data-progress="11"]:before {
	left: 42%;
	top: -2px
}

[data-progress="12"]:before {
	left: 47%;
	top: -2px
}

[data-progress="13"]:before {
	left: 50%;
	top: -2px
}

[data-progress="14"]:before {
	left: 54%;
	top: -2px
}

[data-progress="15"]:before {
	left: 59%;
	top: -2px
}

[data-progress="16"]:before {
	left: 64%;
	top: -2px
}

[data-progress="17"]:before {
	left: 67%;
	top: -2px
}

[data-progress="18"]:before {
	left: 72%;
	top: -2px
}

[data-progress="19"]:before {
	left: 77%;
	top: -2px
}

[data-progress="20"]:before {
	left: 82%;
	top: -2px
}

[data-progress="21"]:before {
	left: 87%;
	top: -2px
}

[data-progress="22"]:before {
	left: 91%;
	top: -2px
}

[data-progress="23"]:before {
	left: 94%;
	top: -2px
}

[data-progress="24"]:before {
	left: 99%;
	top: -2px
}

[data-progress="25"]:before {
	right: 0;
	top: -2px
}

[data-progress="26"]:before {
	top: 5%;
	right: -2px
}

[data-progress="27"]:before {
	top: 10%;
	right: -2px
}

[data-progress="28"]:before {
	top: 13%;
	right: -2px
}

[data-progress="29"]:before {
	top: 18%;
	right: -2px
}

[data-progress="30"]:before {
	top: 22%;
	right: -2px
}

[data-progress="31"]:before {
	top: 27%;
	right: -2px
}

[data-progress="32"]:before {
	top: 30%;
	right: -2px
}

[data-progress="33"]:before {
	top: 35%;
	right: -2px
}

[data-progress="34"]:before {
	top: 38%;
	right: -2px
}

[data-progress="35"]:before {
	top: 42%;
	right: -2px
}

[data-progress="36"]:before {
	top: 47%;
	right: -2px
}

[data-progress="37"]:before {
	top: 50%;
	right: -2px
}

[data-progress="38"]:before {
	top: 54%;
	right: -2px
}

[data-progress="39"]:before {
	top: 59%;
	right: -2px
}

[data-progress="40"]:before {
	top: 64%;
	right: -2px
}

[data-progress="41"]:before {
	top: 67%;
	right: -2px
}

[data-progress="42"]:before {
	top: 72%;
	right: -2px
}

[data-progress="43"]:before {
	top: 77%;
	right: -2px
}

[data-progress="44"]:before {
	top: 78%;
	right: -2px
}

[data-progress="45"]:before {
	top: 80%;
	right: -2px
}

[data-progress="46"]:before {
	top: 83%;
	right: -2px
}

[data-progress="47"]:before {
	top: 88%;
	right: -2px
}

[data-progress="48"]:before {
	top: 93%;
	right: -2px
}

[data-progress="49"]:before {
	top: 91%;
	right: -2px
}

[data-progress="50"]:before {
	bottom: 0;
	right: -2px
}

[data-progress="51"]:before {
	right: 0;
	bottom: -2px
}

[data-progress="52"]:before {
	right: 5%;
	bottom: -2px
}

[data-progress="53"]:before {
	right: 10%;
	bottom: -2px
}

[data-progress="54"]:before {
	right: 13%;
	bottom: -2px
}

[data-progress="55"]:before {
	right: 18%;
	bottom: -2px
}

[data-progress="56"]:before {
	right: 22%;
	bottom: -2px
}

[data-progress="57"]:before {
	right: 27%;
	bottom: -2px
}

[data-progress="58"]:before {
	right: 30%;
	bottom: -2px
}

[data-progress="59"]:before {
	right: 35%;
	bottom: -2px
}

[data-progress="60"]:before {
	right: 38%;
	bottom: -2px
}

[data-progress="61"]:before {
	right: 42%;
	bottom: -2px
}

[data-progress="62"]:before {
	right: 47%;
	bottom: -2px
}

[data-progress="63"]:before {
	right: 50%;
	bottom: -2px
}

[data-progress="64"]:before {
	right: 54%;
	bottom: -2px
}

[data-progress="65"]:before {
	right: 59%;
	bottom: -2px
}

[data-progress="66"]:before {
	right: 64%;
	bottom: -2px
}

[data-progress="67"]:before {
	right: 67%;
	bottom: -2px
}

[data-progress="68"]:before {
	right: 72%;
	bottom: -2px
}

[data-progress="69"]:before {
	right: 77%;
	bottom: -2px
}

[data-progress="70"]:before {
	right: 82%;
	bottom: -2px
}

[data-progress="71"]:before {
	right: 87%;
	bottom: -2px
}

[data-progress="72"]:before {
	right: 91%;
	bottom: -2px
}

[data-progress="73"]:before {
	right: 94%;
	bottom: -2px
}

[data-progress="74"]:before {
	right: 93%;
	bottom: -2px
}

[data-progress="75"]:before {
	left: 0;
	bottom: -2px
}

[data-progress="76"]:before {
	left: -2px;
	bottom: 3%
}

[data-progress="77"]:before {
	left: -2px;
	bottom: 8%
}

[data-progress="78"]:before {
	left: -2px;
	bottom: 10%
}

[data-progress="79"]:before {
	left: -2px;
	bottom: 13%
}

[data-progress="80"]:before {
	left: -2px;
	bottom: 18%
}

[data-progress="81"]:before {
	left: -2px;
	bottom: 22%
}

[data-progress="82"]:before {
	left: -2px;
	bottom: 27%
}

[data-progress="83"]:before {
	left: -2px;
	bottom: 30%
}

[data-progress="84"]:before {
	left: -2px;
	bottom: 33%
}

[data-progress="85"]:before {
	left: -2px;
	bottom: 38%
}

[data-progress="86"]:before {
	left: -2px;
	bottom: 42%
}

[data-progress="87"]:before {
	left: -2px;
	bottom: 47%
}

[data-progress="88"]:before {
	left: -2px;
	bottom: 50%
}

[data-progress="89"]:before {
	left: -2px;
	bottom: 54%
}

[data-progress="90"]:before {
	left: -2px;
	bottom: 59%
}

[data-progress="91"]:before {
	left: -2px;
	bottom: 62%
}

[data-progress="92"]:before {
	left: -2px;
	bottom: 67%
}

[data-progress="93"]:before {
	left: -2px;
	bottom: 70%
}

[data-progress="94"]:before {
	left: -2px;
	bottom: 73%
}

[data-progress="95"]:before {
	left: -2px;
	bottom: 78%
}

[data-progress="96"]:before {
	left: -2px;
	bottom: 83%
}

[data-progress="97"]:before {
	left: -2px;
	bottom: 87%
}

[data-progress="98"]:before {
	left: -2px;
	bottom: 88%
}

[data-progress="99"]:before {
	left: -2px;
	top: 2%
}

[data-progress="100"]:before {
	left: -2px;
	top: 0
}

.strip-girl-name {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	text-align: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-girl-name {
		font-size: 18px;
		margin-bottom: 4px
	}
}

.progress-point {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1px;
	width: 8px;
	height: 8px;
	background: linear-gradient(180deg, #080e17 0, #2d4980);
	border-radius: 50%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.progress-point {
		padding: 2px;
		width: 12px;
		height: 12px
	}
}

.progress-point.progress-point--active {
	background: linear-gradient(180deg, #2dd9fe, #016ff0);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .36)
}

.progress-point.progress-point--active .progress-point__inner {
	opacity: 0
}

.progress-point:not(:first-child) {
	margin-left: 4px
}

.progress-point__inner {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: #0b0d18
}

.flip-the-screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20vh;
	width: 100vw;
	height: 100%;
	background-color: #030b24
}

.flip-the-screen:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/2174/mobile/images-loaded/src/images/bg/klubni4ka-page.svg);
	background-size: auto 100%;
	background-position: top;
	background-repeat: no-repeat;
	opacity: .39
}

.flip-the-screen__ico {
	z-index: 2;
	width: 160px;
	height: 136px;
	margin-bottom: 21px;
	animation: icon-turn 2s linear infinite
}

.flip-the-screen__text {
	z-index: 2;
	font-weight: 700;
	font-size: 18px
}

@keyframes icon-turn {
	0% {
		transform: rotate(0)
	}
	20% {
		transform: rotate(-90deg)
	}
	80% {
		transform: rotate(-90deg)
	}
	90% {
		transform: rotate(0)
	}
	to {
		transform: rotate(0)
	}
}

.hockey-puck-btn {
	display: block;
	width: 48px;
	height: 48px;
	padding: 2px;
	border-radius: 50%;
	background-image: linear-gradient(90deg, #61faa6, #22a7f0);
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4)
}

.hockey-puck-btn:active {
	opacity: .8
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-btn {
		width: 48px;
		height: 48px
	}
}

.hockey-puck-btn__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: #112852
}

.hockey-puck-btn__ico {
	width: 19px;
	height: 19px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-btn__ico {
		width: 26px;
		height: 26px
	}
}

.hockey-puck-info {
	position: absolute;
	bottom: calc(100% + 24px);
	right: -24px;
	width: 320px;
	padding: 2px;
	border-radius: 10px;
	background-image: linear-gradient(90deg, #61faa6, #22a7f0)
}

@media screen and (min-width:360px) {
	.hockey-puck-info {
		right: -18px;
		width: 340px
	}
}

@media screen and (min-width:568px) {
	.hockey-puck-info {
		right: -18px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info {
		width: 442px;
		bottom: 0;
		right: calc(100% + 24px)
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.hockey-puck-info {
		bottom: 0;
		right: calc(100% + 24px)
	}
}

@media screen and (min-device-height:800px) and (max-height:500px) and (orientation:landscape) {
	.hockey-puck-info--safari {
		bottom: auto;
		top: -4px;
		left: calc(100% + 24px)
	}
}

@media screen and (min-device-height:800px) and (max-height:500px) and (orientation:landscape) {
	.hockey-puck-info--safari .hockey-puck-info__wrap:before {
		left: -10px;
		top: 20px;
		border-color: #61faa6
	}
}

@media screen and (min-device-height:800px) and (max-height:500px) and (orientation:landscape) {
	.hockey-puck-info--safari .hockey-puck-info__wrap:after {
		left: 0;
		top: 8px
	}
}

@media screen and (min-device-height:800px) and (max-height:500px) and (orientation:landscape) {
	.hockey-puck-info--safari .hockey-puck-info__media {
		padding-bottom: 35%
	}
}

.hockey-puck-info__wrap {
	position: relative;
	padding: 14px 24px 22px;
	border-radius: inherit;
	background-color: #112852
}

.hockey-puck-info__wrap:after,
.hockey-puck-info__wrap:before {
	content: "";
	position: absolute;
	background-color: #122952
}

.hockey-puck-info__wrap:before {
	bottom: -10px;
	border: 2px solid #22a8f0;
	right: 36px;
	width: 22px;
	height: 22px;
	transform: rotate(45deg)
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.hockey-puck-info__wrap:before {
		right: -10px;
		bottom: 20px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__wrap:before {
		right: -10px;
		bottom: 20px
	}
}

.hockey-puck-info__wrap:after {
	bottom: 0;
	right: 25px;
	width: 40px;
	height: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.hockey-puck-info__wrap:after {
		right: 0;
		bottom: 8px;
		width: 16px;
		height: 40px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__wrap:after {
		right: 0;
		bottom: 8px;
		width: 16px;
		height: 40px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__wrap {
		padding-top: 22px;
		padding-left: 40px;
		padding-right: 40px
	}
}

.hockey-puck-info__title {
	margin-bottom: 8px;
	text-align: center
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__title {
		margin-bottom: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__title-huck.hockey-puck-info__title-huck {
		font-size: 22px
	}
}

.hockey-puck-info__media {
	position: relative;
	padding-bottom: 45%
}

.hockey-puck-info__desc {
	position: relative;
	padding-top: 16px;
	max-width: 346px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #8893a8
}

.hockey-puck-info__desc:before {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__desc {
		font-size: 18px;
		line-height: 21px
	}
}

.hockey-puck-info__link {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	max-width: 346px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 24px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.hockey-puck-info__link {
		font-size: 18px
	}
}

.hockey-puck-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.event-section {
	border-top: 1px solid #35486c;
	border-bottom: 1px solid #040a15;
	position: relative;
	padding: 16px 8px;
	background-color: #112852
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-section {
		padding: 24px 16px
	}
}

@media screen and (min-width:1366px) {
	.event-section {
		padding: 24px 184px
	}
}

.event-section--shadow {
	background-color: #112852;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.event-section--shadow:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%)
}

.event-section--padding-sm {
	padding: 4px 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.event-section--padding-sm {
		padding: 12px
	}
}

.event-section--no-padding {
	padding: 0
}

.event-section--no-border {
	border: none
}

.event-section-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 16px
}

.game-promo {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background-color: #111526
}

.game-promo__iframe-wrap {
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.game-promo__iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none
}

.welcome-pack-content {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	min-height: 196px;
	background-color: #112852;
	pointer-events: auto;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	border-radius: 5px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content {
		justify-content: center
	}
}

.welcome-pack-content__close-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	transform: translateY(-16px);
	cursor: pointer
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__close-btn {
		transform: translateX(16px)
	}
}

.welcome-pack-content__media {
	position: relative;
	flex-shrink: 0;
	width: 100%;
	height: 55px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__media {
		width: 244px;
		height: 100%;
		padding: 16px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-content__media {
		height: 63px
	}
}

.welcome-pack-content__title {
	padding-top: 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__title {
		padding-top: 0
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-content__title {
		padding-top: 16px
	}
}

.welcome-pack-content__info {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	max-width: 240px;
	padding-bottom: 24px;
	overflow: hidden
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__info {
		padding-top: 8px;
		padding-bottom: 8px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-content__info {
		padding-bottom: 32px
	}
}

.welcome-pack-content__wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__wrap {
		flex-direction: row;
		justify-content: space-between;
		height: 100%;
		padding-right: 16px
	}
}

.welcome-pack-content__button-wrap {
	width: 100%
}

.welcome-pack-content__button-wrap--second {
	display: none
}

.welcome-pack-content__link {
	display: flex;
	justify-content: center;
	padding-top: 16px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__link {
		padding-top: 4px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-content__link {
		padding-top: 24px
	}
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__link--big-padd {
		padding-top: 24px
	}
}

.welcome-pack-content__table {
	width: 100%;
	padding-top: 8px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-content__table {
		padding-top: 4px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-content__table {
		padding-top: 16px
	}
}

.welcome-pack-frame {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 288px;
	margin: 0 auto;
	padding-top: 24px;
	padding-bottom: 24px;
	pointer-events: none
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-frame {
		max-width: 500px
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-frame {
		max-width: 400px
	}
}

.welcome-pack-media {
	position: absolute;
	top: -108px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 164px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-media {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-media {
		top: -100px
	}
}

.welcome-pack-media__wrap {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-media__wrap {
		width: 212px;
		height: 138px
	}
}

.welcome-pack-media__picture {
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%
}

.welcome-pack-media__img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.welcome-pack-media__additional-media {
	display: none
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-media__additional-media {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width:768px) and (min-height:420px) {
	.welcome-pack-media__additional-media {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		height: 100%;
		margin: auto;
		padding-bottom: 12px
	}
}

.welcome-pack-window {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: stretch;
	pointer-events: none
}

.welcome-pack-table {
	width: 100%;
	padding: 16px;
	overflow: hidden;
	background-color: #111f3c;
	border-radius: 4px
}

@media screen and (min-width:480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
	.welcome-pack-table {
		padding-top: 8px;
		padding-bottom: 8px
	}
}

.welcome-pack-table__note-table-info {
	display: flex;
	align-items: center
}

.welcome-pack-table__list {
	display: flex;
	flex-direction: column-reverse
}

.welcome-pack-table__item {
	display: flex
}

.welcome-pack-table__item:not(:last-child) {
	margin-top: 7px
}

.welcome-pack-title {
	text-align: center
}

.welcome-pack-title__text {
	font-size: 18px;
	line-height: 36px;
	color: #ffc400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.welcome-pack-title__sub-title,
.welcome-pack-title__text {
	display: block;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase
}

.welcome-pack-title__sub-title {
	font-size: 12px;
	line-height: 16px;
	color: #fff
}

.welcome-pack-note-info__sub {
	min-width: 64px;
	line-height: 16px;
	color: #d0d4dc
}

.welcome-pack-note-info__main,
.welcome-pack-note-info__sub {
	overflow: hidden;
	white-space: nowrap;
	font-weight: 700;
	font-size: 12px
}

.welcome-pack-note-info__main {
	margin-right: 4px;
	color: #ffc400
}

.welcome-pack-note-info__main,
.welcome-pack-note-info__plus {
	display: flex;
	line-height: 14px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.welcome-pack-note-info__plus {
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap
}

.welcome-pack-note-info__arrow {
	display: flex;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	margin-left: 4px
}

.grecaptcha-badge {
	visibility: hidden
}

.slick-slide img {
	width: 100%;
}

.slider .slick-dots {
	position: absolute;
	bottom: 30px;
	left: 0px;
	right: 0px;
	text-align: center;
}

.slider .slick-dots li {
	display: inline-block;
}

.slider .slick-dots button {
	width: 6px;
	height: 6px;
	background: #666;
	margin: 0 3px;
	border-radius: 50%;
	text-indent: -9999px;
}

.slider .slick-dots .slick-active button {
	background: #fff;
}

.slider3__item-wrap {
	overflow: hidden;
}

.slider_4 .slick-list {
	margin: 0 -10px;
}

.slider_4 .slick-arrow {
	background: #112852;
	opacity: 0.8;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin: -20px 0 0;
	text-indent: -9999px;
	z-index: 9;
}

.slider_4 .slick-prev {
	left: 10px;
}

.slider_4 .slick-next {
	right: 10px;
}

.reg-mob {
	display: none;
}

.slider2 {
	display: none;
}

.lobby-games__game-aside {
	position: relative;
}

.sticky {
	position: absolute;
	width: 100%;
	padding-right: 16px;
	top: 100px;
}

#menu-footer_menu {
	background: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 16px;
}

#menu-footer_menu li {
	padding: 8px;
}

#menu-footer_menu a {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #c6a458;
	cursor: pointer;
	text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

#menu-footer_menu a:hover {
	text-decoration: underline;
}

.nav-tabs .menu-top_menu-container {
	width: 100%;
}

.nav-tabs ul {
	position: relative;
	display: flex;
	width: 100%;
	background-color: #111526;
}

.nav-tabs li {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-basis: 100px;
	height: 40px;
	padding: 0 9px;
	margin-right: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: linear-gradient(
		180deg,#292b32,#17191d);
				box-shadow: inset 0 1px 0 #73674a;
				text-align: center;
				color: #959595;
	white-space: nowrap;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.nav-tabs li:first-child a:before {
	content: "";
	background-image: url(img/favorite-active.svg);
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	transition: opacity .3s;
	display: block;
	margin: 0 10px 0 0;
	opacity: 0.5;
}

.nav-tabs a {
	display: flex;
	align-items: center;
}

.nav-tabs .current-menu-item {
	background: linear-gradient(
		180deg,#383b42,#17191d);
				box-shadow: inset 0 1px 0 #baa36c;
				-webkit-text-stroke: .5px;
				color: #f5d76c;
}

.menu-header_menu-container {
	width: 100%;
	height: 100%;
}

#menu-header_menu {
	display: flex;
	height: 100%;
	align-items: center;
	background: none;
}

#menu-header_menu li {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	height: 100%;
	margin-bottom: 0;
	margin-right: 16px;
}

#menu-header_menu li a {
	position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
	flex-direction: row;
	width: auto;
	height: 72px;
	padding-left: 8px;
}

#menu-header_menu a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;

}

#menu-header_menu li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #ff2929;
    opacity: 0;
    transition: opacity .3s;
}

#menu-header_menu li:hover:after,
#menu-header_menu li:active:after,
#menu-header_menu .current-menu-item li:after {
    opacity: 1;
}


#menu-header_menu .current-menu-item a {
	opacity: 1;
	font-weight: 700;
}

.header-menu__link--home a{
	font-size: 0;
	color: transparent;
	background-image: url(img/top-menu__icon__home-full.svg);
	background-repeat: no-repeat;
	background-position: center 22px;
	background-size: 20px auto;
	min-width: 36px;
	font-size: 1px!important;
	color: #000!important;
}

.sub-menu_open {
	display: block !important;
}

.overlay1_wrap {
	background-color: rgba(0, 0, 0, .75);
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
}


.menu-button {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

@media (hover) {
	.menu-button:hover {
		background-image: linear-gradient(90deg, #7e5820 29.07%, #ffd166 54.83%, #3f2c10 99.99%);
		padding: 2px
	}
	.menu-button:hover .menu-button__bg {
		box-shadow: none
	}
}

.menu-button:active {
	padding: 0
}

.menu-button:active .menu-button__bg {
	background: linear-gradient(180deg, #565962, #33353e);
	box-shadow: none
}

.menu-button .menu-button__decor:after,
.menu-button .menu-button__decor:before,
.menu-button:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 18px;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
	transition: transform .3s, opacity .3s
}

.menu-button .menu-button__decor:after {
	transform: translateY(-5px)
}

.menu-button .menu-button__decor:before {
	transform: translateY(5px)
}

.menu-button.menu-button--empty {
	background-image: none
}

.menu-button.menu-button--empty:after {
	display: none
}

.menu-button.active:after {
	opacity: 0
}

.menu-button.active .menu-button__decor:after {
	transform: rotate(45deg)
}

.menu-button.active .menu-button__decor,
.menu-button.active .menu-button__decor:before {
	transform: rotate(-45deg)
}

.menu-button__bg {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	will-change: transform;
	background: linear-gradient(180deg, #2c2e35, #1b1d21);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .3), inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.menu-button__message {
	position: absolute;
	top: -8px;
	right: -8px
}

@media (max-width:1115px) {
	.header__open-menu{
		display: flex;
	}
	header .registration-block__decor {
		display: none;
	}

	.menu-wrap__hide-scroll {
    position: relative;
    width: 264px;
    height: 100%;
    overflow: hidden;
    z-index: 4;
}
	.slider2 {
		display: block;
	}
	.reg-mob {
		display: block;
	}
	.event-block__aside {
		display: none;
	}

	.header__login-btn{
		display: none;
	}
	.icon-btn-login {
		background-image: url(img/btn-login.svg);
	}
	.v-button__ico {
		width: 16px;
		height: 16px;
		margin-right: 4px;
		filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
	}

	.header__login-btn-mob {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    margin: auto;
    margin-right: 0;
	}
 .v-button.v-button--fourth {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	padding: 0 16px;
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	color: #000;
	text-align: center;
	box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
	border-radius: 100px;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
	padding: 0;
	min-width: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(
180deg,#d4e1e6,#fff 49.48%,#d4e1e5);
    color: #000;
}
.v-button__ico-wrap--mob-icon {
	width: 20px;
	height: 20px;
}
.v-button__ico-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo {
	width: 120px;
	height: 36px;
}
.header__logo {
	left: 38%;
}
.registration-block{
	width: 110px;
    right: 0;
		position: absolute;
		padding-top: 4px;
}
.button--login,
.button--reg {
	min-width: 93px;
	min-height: 28px;
	font-size: 12px;
	margin-bottom: 4px;
}
.header {
	height: 70px;
}
.slider__block{
	padding-left: 10px;
	left: 0;
	padding-right: 10px;
}
.slider__title{
	font-size: 36px!important;
}

.slider__content p{
	font-size: 16px!important;
}
.quick-nav-layout-height {
	position: fixed;
	top: 52px;
	z-index: 4;
	height: auto;
	width: 100%;
	padding-top: 0;
	overflow: hidden;
	display: none;
	left: 0;

}
.quick-nav-layout-height.open{
	display: block;
}
.quick-nav-layout-wrap {
	position: relative;
	width: 264px;
	height: auto;
	overflow: hidden;
	z-index: 4;
	border-right:3px solid #ff2929;
}
.menu-header_menu-container{
	background-color: #17191d;
	padding-bottom: 4px;
}
#menu-header_menu {
	display: block;
	height: auto;
}
#menu-header_menu li{
	width: 100%;
}
#menu-header_menu li a{
	height: 48px;
	text-align: center;
	width: 100%;
	justify-content: center;
}




}

table {
	color: #fff;
	font-weight: 700;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-collapse: separate;
	text-align: center;
}

table td {
	background-color: #5e5e5e;
}

table td,
table th {
	border-radius: 6px;
	border: 2px solid #262634;
	padding: .5em 0;
}

table td:first-of-type {
	background: linear-gradient(180deg, #424242 0, #333 100%), #000;
}

.kk-star-ratings {
	margin-bottom: 40px;
}

#toc_container {
	border: none;
}

.promotion-text img {
	margin: auto;
}


#comments {
	width: 100%;
	max-width: 1366px;
	background: #0e1012;
	margin: auto;
}

.promotion-text img {
	max-width: 100%;
	height: auto;
}


.main_banner-mob{
	display: none;
}
@media (max-width:420px) {
	.main_banner{
		display: none;
	}
.main_banner-mob{
	display: block;
	width: 100%;
	height: auto;

}
.main {
	padding-top: 0;
}
#comments {
	padding-left: 10px!important;
	padding-right: 10px!important;
}
}

.nocomments,
.slider__btn{
	display:none;
}