@charset "UTF-8";          @import url(https://fonts.googleapis.com/css?family=Amatic+SC|Lobster|Play|Poiret+One|Roboto+Condensed|Spectral+SC&display=swap);     @font-face {     	font-family: Open Sans;     	src: url(/shared/empty.gif) format("woff2"), url(/shared/empty.gif) format("truetype");     	font-weight: 700;     	font-style: normal;     }     @font-face {     	font-family: Open Sans;     	src: url(/shared/empty.gif) format("woff2"), url(/shared/empty.gif) format("truetype");     	font-weight: 400;     	font-style: normal;     }     .v-lazy-image {     	opacity: 0;     	transition: opacity .1s;     }     .v-lazy-image-loaded {     	opacity: 1;     }     button {     	cursor: pointer;     	font-family: inherit;     }     body {     	margin: 0;     	font-family: Open Sans, sans-serif;     }     #app {     	max-width: 100vw;     	width: 100%;     	background: #cee3f3;     }     .enter-btns__login,.enter-btns__registration,.header__bottom .enter-btns__login {     	display: flex;     	font-size: 12px;     	font-weight: 500;     	line-height: normal;     	outline: none;     	padding: 10px 34px;     	text-decoration: none;     	text-transform: none;     	cursor: pointer;     	border-radius: 50px;     	color: #fff;     	border: 0;     	align-items: center;     	box-sizing: border-box;     	position: relative;     	text-align: center;     	justify-content: center;     }     .enter-btns__registration {     	background: #d62c57;     }     .enter-btns__registration:hover {     	background: #ff2b61;     }     .enter-btns__registration:active {     	background: #bc254b;     }     .header__bottom .enter-btns__login {     	background: #007fde;     }     .header__bottom .enter-btns__login:hover {     	background: #0091ff;     }     .header__bottom .enter-btns__login:active {     	background: #0174cc;     }     .enter-btns__login {     	background: transparent;     	border: 1px solid hsla(0, 0%, 100%, .3);     	margin-left: 20px;     }     .enter-btns__login:hover {     	border-color: #fff;     }     .enter-btns__login:active {     	border-color: hsla(0, 0%, 100%, .3);     	color: hsla(0, 0%, 100%, .5);     }     .enter-btns {     	flex-direction: row;     	flex: 1 1 100%;     	display: flex;     	align-items: center;     	justify-content: center;     }          .sidebar .enter-btns {     	margin: 4px 0 20px;     }     .timer,.timer__item {     	display: flex;     }     .logo {     	display: flex;     	flex-direction: column;     	cursor: pointer;     	width: 100%;     	max-width: 120px;     }     .logo__img {     	max-width: 100%;     	max-height: 100%;     }     .winners {     	background: transparent;     	flex: 1 100%;     	color: inherit;     	overflow: hidden;     	position: -webkit-sticky;     	position: sticky;     	top: 70px;     	max-height: 880px;     	border-bottom: none;     }     .winners-leave-active {     	transition: all .3s;     	position: absolute;     	width: 70px;     	opacity: 0;     }     .winners-move {     	transition: all 1s;     }     .winners__title {     	padding: 10px;     	font-size: 13px;     	text-align: left;     	text-transform: uppercase;     	color: #0c1c3b;     	font-weight: 600;     	line-height: 20px;     }               .winners__list {     	display: flex;     	align-items: stretch;     	box-sizing: content-box;     	background: #fff;     	border: 1px solid transparent;     }          .winners__item {     	display: flex;     	flex-direction: row;     	text-align: left;     	text-decoration: none;     	flex-wrap: wrap;     	justify-content: left;     	color: #979797;     	padding: 0 10px;     	align-items: center;     }     .winners__item:hover .winners__item-game {     	display: block;     }     .winners__item:hover .winners__item-amount,.winners__item:hover .winners__item-name {     	display: none;     }          .winners__item-thumb {     	border-radius: 50%;     	margin: 0 0 5px;     	position: relative;     	width: 46px;     	height: 46px;     	overflow: hidden;     	display: inline-block;     	align-self: start;     }          .winners__item-thumb-img {     	display: inline-block;     	-o-object-fit: cover;     	object-fit: cover;     	-o-object-position: center;     	object-position: center;     	height: 46px;     	width: 46px;     	border-radius: 50%;     }     .winners__item-info {     	display: flex;     	flex-direction: row;     	flex-wrap: wrap;     	width: 70px;     }     .winners__item-name {     	font-size: 12px;     	font-weight: 300;     	color: inherit;     	flex: 1 100%;     }     .winners__item-amount {     	font-size: 12px;     	font-weight: 700;     	color: #13284f;     	flex: 1 100%;     }          .winners__item-game {     	color: #007ede;     	font-size: 12px;     	font-weight: 700;     	display: block;     	white-space: nowrap;     	text-overflow: ellipsis;     	overflow: hidden;     	display: none;     	text-decoration: underline;     }     .promo-item-status {     	border-radius: 12px;     	border: none;     	box-shadow: none;     	display: flex;     	align-items: center;     	font-size: 12px;     	line-height: 23px;     	height: 24px;     	background: none;     	color: #13284f;     }     .promo-item-status__active {     	font-size: 12px;     	font-weight: 700;     	color: #65b300;     	padding-left: 0;     	display: none;     	text-transform: none;     }     .promo-item-status__active:before {     	content: "";     	background-color: #65b300;     	width: 4px;     	height: 4px;     	display: inline-block;     	vertical-align: middle;     	border-radius: 50px;     	margin-right: 5px;     }     .promo-item-status_text {     	margin-left: 8px;     	margin-right: 8px;     	color: #13284f;     }     .promo-item-status .timer {     	font-size: 12px;     	font-weight: 700;     	color: #d62c57;     	margin: 0 7px 0 0;     }     .promo-item-status .timer__item.day .timer__desc {     	margin-right: 5px;     }     .promo-item-status .timer__count {     	min-width: 15px;     	text-align: center;     }     .promo-item-status .timer__dots {     	width: 8px;     	text-align: center;     }     .promo-item-status .timer__dots.day {     	display: none;     }     .fe-popup {     	position: relative;     }     .fe-popup__content {     	position: absolute;     	top: 0;     	left: 0;     	z-index: 10;     	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4);     }     .menu-button {     	display: flex;     	padding: 10px;     	font-size: 0;     	cursor: pointer;     	z-index: 1001;     }     .menu-button__icon {     	width: 18px;     	height: 18px;     	position: relative;     }          .menu-item__pin {     	min-width: 15px;     	padding: 0 2px;     	height: 15px;     	line-height: 15px;     	border-radius: 50px;     	border: 0;     	background-color: #d62c57;     	color: #fff;     	font-size: 10px;     	display: flex;     	justify-content: center;     	margin-left: 5px;     }     .menu-item,.menu-item__pin {     	box-sizing: border-box;     	font-weight: 400;     	align-items: center;     }     .menu-item {     	background: transparent;     	border: none;     	outline: none;     	color: inherit;     	font-size: 16px;     	text-transform: uppercase;     	display: grid;     	grid-template-columns: 1fr min-content;     	width: 100%;     	padding: 15px 35px 15px 50px;     	margin: 5px 0;     	position: relative;     	transition: color .2s ease;     	cursor: pointer;     }     .menu-item__content {     	display: flex;     	align-items: center;     }     .menu-item__text {     	position: relative;     }     .menu-item__text:after {     	content: "";     	position: absolute;     	width: calc(100% + 20px);     	height: 100%;     	top: 0;     	left: -10px;     	background-color: #fff;     	opacity: 0;     	-webkit-filter: blur(10px);     	filter: blur(10px);     	border-radius: 50%;     	transition: opacity .2s ease;     }     .menu-item.active,.menu-item:active,.menu-item:hover {     	color: #fff;     }     .menu-item.active span:after,.menu-item:active span:after {     	opacity: .3;     }     .sidebar__submenu .menu-item {     	text-transform: none;     	font-weight: 500;     	color: #0091ff;     	font-size: 14px;     	padding: 9px 10px 9px 35px;     	transition: color .2s ease;     }     .sidebar__submenu .menu-item:active,.sidebar__submenu .menu-item:hover {     	color: #fff;     }     .menu-item__icon {     	height: 25px;     	width: 25px;     	margin-right: 15px;     }     .menu-item__arrow {     	width: 17px;     	height: 17px;     	display: flex;     	align-items: center;     	justify-content: center;     	position: relative;     	flex-wrap: wrap;     }     .menu-item__arrow span{     	width: 100%;     	height: 1px;     	background: #fff;     	display: block;     }     .menu-item__arrow span:nth-child(2){     	position: absolute;     	top: 0;     	left: calc(50% - 1px);     	width: 1px;     	height: 100%;     	transition: .2s ease;     	background: #fff;     	display: block;     }          .menu-item.active .menu-item__arrow span:nth-child(2){     	display: none;     }          .ps {     	overflow: hidden !important;     	-ms-overflow-style: none;     	touch-action: auto;     	-ms-touch-action: auto;     	position: relative;     }     .sidebar {     	height: 100%;     	display: flex;     	flex-direction: column;     	position: fixed;     	z-index: 4000;     	right: 0;     	left: 100%;     	width: 100vw;     	background: #14376a;     	transition: all .3s;     	overflow: hidden;     	-webkit-transform: translateX(0);     	transform: translateX(0);     	top: 0;     	bottom: 0;     }     .sidebar--open {     	-webkit-transform: translateX(-100%);     	transform: translateX(-100%);     }     .sidebar__header {     	display: flex;     	flex-direction: row;     	justify-content: space-between;     	background: #14376a;     	min-height: 48px;     	position: relative;     	align-items: center;     }     .sidebar__header-title {     	font-size: 14px;     	letter-spacing: .7px;     	color: #fff;     	margin-left: 30px;     }     .sidebar__header-close {     	height: 18px;     	width: 18px;     	padding: 10px;     	margin: 10px;     	cursor: pointer;     }     .sidebar__menu {     	color: #fff;     	z-index: 1;     	display: block;     	position: relative;     }     .sidebar__menu-item {     	text-align: left;     	position: relative;     	-webkit-user-select: none;     	-moz-user-select: none;     	-ms-user-select: none;     	user-select: none;     	color: #007ede;     	display: inline-block;     	width: 100%;     }     .sidebar__submenu {     	background: transparent;     	padding-left: 40px;     	display: none;     }     .sidebar__widget {     	text-decoration: none;     }     .main {     	min-height: calc(100vh - 60px);     	width: 100%;     	max-width: 100vw;     	display: flex;     	flex-direction: column;     	justify-content: space-between;     }          .body {     	justify-self: stretch;     	display: flex;     	flex-direction: column;     	flex-grow: 1;     }     .body__wrapper {     	width: 100%;     	max-width: 1300px;     	margin: auto;     	display: block;     	flex-grow: 1;     }     .body__content {     	width: 100%;     }     .header {     	position: relative;     	height: 48px;     	color: #fff;     	z-index: 1000;     }     .header__wrapper {     	background: rgba(19, 40, 79, .95);     	box-shadow: none;     	width: 100%;     	height: inherit;     	z-index: 1000;     	position: fixed;     	display: grid;     	grid-template-rows: 100%;     	grid-template-columns: 1fr minmax(0, 1300px) 1fr;     	align-items: center;     }     .header__right {     	display: flex;     	justify-content: flex-end;     	padding: 0 10px;     }     .header__auth {     	display: none;     }          .header__center {     	height: 100%;     	display: grid;     	grid-template-columns: max-content 1fr min-content;     	grid-template-rows: 100%;     	align-items: center;     	position: relative;     }          .header__left {     	padding-left: 10px;     }     .header__logo {     	display: flex;     	height: 100%;     	padding: 5px 0 6px;     	box-sizing: border-box;     }     .header__nav {     	display: none;     }     .header__nav-item {     	font-size: 12px;     	font-weight: 700;     	text-transform: uppercase;     	text-decoration: none;     	color: #0091ff;     	position: relative;     	display: flex;     	align-items: center;     	height: 100%;     	transition: color .2s ease;     	cursor: pointer;     }     .header__nav-item:after {     	content: "";     	position: absolute;     	min-width: calc(100% - 20px);     	min-height: 20px;     	top: 0;     	left: 10px;     	background-color: #fff;     	opacity: 0;     	-webkit-filter: blur(10px);     	filter: blur(10px);     	border-radius: 50%;     	transition: opacity .2s ease;     }     .header__nav-item:hover {     	color: #fff;     }     .header__nav-item:hover:after {     	opacity: .3;     }     .header__bottom {     	background: #fff;     	box-sizing: border-box;     	display: flex;     	align-items: center;     	justify-content: space-between;     	padding: 0 10px;     	position: fixed;     	bottom: 0;     	width: calc(100% - 16px);     	margin: 0 8px 8px;     	height: 60px;     	border-radius: 0 0 3px 3px;     	box-shadow: 0 3px 5px 0 rgba(66, 76, 87, .12), 0 2px 4px 2px rgba(47, 58, 65, .19);     }                    .footer-menu {     	margin: 0;     	padding: 0;     	background: #14376a;     	display: flex;     	flex-wrap: wrap;     	list-style: none;     }     .footer-menu:first-child {     	border-top: none;     	border-bottom: none;     }     .footer-menu__item {     	flex: 1 0 100%;     	padding: 0;     }     .footer-menu__item-link {     	text-decoration: none;     	font-size: 12px;     	font-weight: 600;     	color: #0091ff;     }     .footer-payments__btn {     	font-size: 12px;     	font-weight: 500;     	line-height: normal;     	outline: none;     	padding: 10px 34px;     	text-decoration: none;     	text-transform: none;     	cursor: pointer;     	border-radius: 50px;     	color: #fff;     	border: 1px solid hsla(0, 0%, 100%, .3);     	align-items: center;     	box-sizing: border-box;     	position: relative;     	text-align: center;     	justify-content: center;     	background: transparent;     	display: inline-block;     }     .footer-payments__btn:hover {     	border-color: #fff;     }     .footer-payments__btn:active {     	border-color: hsla(0, 0%, 100%, .3);     	color: hsla(0, 0%, 100%, .5);     }     .footer-payments {     	background: #13284f;     	border-top: none;     	border-bottom: none;     }     .footer-payments__wrapper {     	margin: 0 auto;     	min-height: 60px;     	padding: 20px;     	box-sizing: border-box;     	display: flex;     	flex-direction: column;     }          .footer-payments__caption {     	color: #fff;     	font-size: 12px;     	font-weight: 500;     	text-align: center;     	text-transform: none;     }     .footer-payments__list {     	display: flex;     	flex-wrap: wrap;     	align-items: center;     	justify-content: center;     	margin: .3571428571rem 0;     }     .footer-payments__list-item {     	margin: .7142857143rem 2%;     }          .footer-payments__btn-wrapper {     	text-align: center;     }     .footer {     	width: 100%;     	background: #13284f;     	color: #fff;     }     .footer__box {     	min-width: 128px;     	text-align: center;     }          .footer__box-license {     	margin-bottom: 20px;     }     .footer-menu__wrapper {     	padding: 26px 20px 32px;     	width: 100%;     	max-width: 1300px;     	margin: auto;     	box-sizing: border-box;     }          .footer__contacts {     	padding: 26px 20px 32px;     	display: flex;     	justify-content: center;     }     .footer__contacts img {     	max-width: 100%;     }     .footer-menu__logo {     	padding-left: 50px;     	padding-right: 50px;     	display: none;     	-webkit-filter: grayscale(0);     	filter: grayscale(0);     }          .posh-friends img {     	width: 90px;     }     .icon-button {     	display: flex;     	align-items: center;     	justify-content: center;     	cursor: pointer;     }     .icon-button--adaptive {     	flex-direction: column;     }          .icon-nav {     	display: flex;     	height: 100%;     }     .icon-nav__icon {     	height: 22px;     	opacity: 1;     	-o-object-fit: fill;     	object-fit: fill;     }     .icon-nav:hover .icon-nav__icon {     	-webkit-filter: hue-rotate(135deg);     	filter: hue-rotate(135deg);     	opacity: 1;     }     .icon-nav__name {     	display: block;     	white-space: nowrap;     	text-overflow: ellipsis;     	overflow: hidden;     	color: #007ede;     	font-size: 10px;     	font-weight: 700;     	letter-spacing: 0;     }     .icon-nav:hover .icon-nav__name {     	color: #d62c57;     }     .fe-badge {     	position: relative;     	padding: 3px 12px 5px;     }     .fe-badge__text {     	position: relative;     	color: #fff;     	font-size: 8px;     	letter-spacing: normal;     	text-transform: uppercase;     	z-index: 4;     }     .fe-badge__background {     	left: 0;     	bottom: 0;     	width: 100%;     	height: 100%;     	z-index: 3;     }     .fe-badge__background,.fe-badge__shadow {     	position: absolute;     	top: 0;     	right: 0;     	border-top-left-radius: 15px;     	border-bottom-right-radius: 15px;     }     .fe-badge__shadow {     	left: 2px;     	bottom: -2px;     	background-color: rgba(0, 0, 0, .4);     	z-index: 2;     }     .fe-badge__band {     	position: absolute;     	top: 0;     	bottom: auto;     	width: 10px;     	height: 7px;     	z-index: 1;     	overflow: hidden;     }     .fe-badge__band:before {     	content: "";     	position: absolute;     	top: 0;     	bottom: auto;     	width: 20px;     	height: 20px;     	display: block;     }     .fe-badge__band--left {     	display: none;     	left: -4px;     }     .fe-badge__band--left:before {     	-webkit-transform: rotate(27deg);     	transform: rotate(27deg);     	left: 0;     }     .fe-badge__band--right {     	right: -4px;     }     .fe-badge__band--right:before {     	-webkit-transform: rotate(-27deg);     	transform: rotate(-27deg);     	right: 0;     }     .fe-badge--primary .fe-badge__background {     	background: #d62c57;     }     .fe-badge--primary .fe-badge__band:before {     	background: #bc254b;     }     .fe-badge--promo .fe-badge__background {     	background: #65b300;     }     .fe-badge--promo .fe-badge__band:before {     	background: #467b00;     }     .fe-badge--secondary .fe-badge__background {     	background: #14376a;     }     .fe-badge--secondary .fe-badge__band:before {     	background: #13284f;     }     .game-item__btn,.game-item__btn-link {     	display: flex;     	font-size: 12px;     	font-weight: 500;     	line-height: normal;     	outline: none;     	padding: 10px 34px;     	text-decoration: none;     	text-transform: none;     	cursor: pointer;     	border-radius: 50px;     	color: #fff;     	border: 0;     	align-items: center;     	box-sizing: border-box;     	position: relative;     	text-align: center;     	justify-content: center;     }     .game-item__btn {     	background: #007fde;     }     .game-item__btn:hover {     	background: #0091ff;     }     .game-item__btn:active {     	background: #0174cc;     }     .game-item__btn-link {     	background: transparent;     	font-size: 14px;     	color: #fff;     }     .game-item__btn-link:hover {     	text-decoration: underline;     	color: #fff;     }     .game-item__btn-link:active {     	color: #fff;     }     .game-item {     	flex: 0 50%;     	z-index: 1;     	width: 50%;     	padding-bottom: 38.0952380952%;     	position: relative;     }                    .game-item__badges {     	display: grid;     	grid-auto-flow: column;     	grid-auto-columns: min-content;     	grid-template-rows: min-content;     	grid-column-gap: 4px;     	position: absolute;     	top: -7px;     	right: 7px;     	bottom: auto;     }     .game-item__thumb {     	width: 100%;     	height: 100%;     	position: absolute;     	opacity: 1;     	background-image: linear-gradient(104deg, #e8f5ff, #cee3f3);     	cursor: pointer;     }     .game-item__thumb:hover {     	-webkit-filter: brightness(110%);     	filter: brightness(110%);     }     .game-item__overlay {     	background: rgba(0, 0, 0, .5);     	display: flex;     	flex-direction: column;     	align-items: center;     	justify-content: center;     	position: absolute;     	left: 0;     	top: 0;     	width: 100%;     	height: 100%;     	opacity: 0;     	visibility: hidden;     	transition: all .2s ease;     }     .game-item:hover .game-item__overlay {     	opacity: 1;     	visibility: visible;     }     .game-hall__button {     	display: flex;     	font-size: 12px;     	font-weight: 500;     	line-height: normal;     	outline: none;     	padding: 10px 34px;     	text-decoration: none;     	text-transform: none;     	cursor: pointer;     	border-radius: 50px;     	color: #fff;     	border: 0;     	align-items: center;     	box-sizing: border-box;     	position: relative;     	text-align: center;     	justify-content: center;     	background: #007fde;     }     .game-hall__button:hover {     	background: #0091ff;     }     .game-hall__button:active {     	background: #0174cc;     }     .game-hall {     	display: block;     	border-top: none;     }     .game-hall__row {     	display: flex;     	flex-wrap: wrap;     	padding: 0 0 20px;     }     .game-hall__col {     	flex: 1 100%;     }     .game-hall__col:nth-child(2) {     	overflow: hidden;     }     .game-hall__bottom {     	display: flex;     	justify-content: center;     	padding: 20px 15px 0;     	width: 100%;     }     .game-row {     	display: flex;     	flex-wrap: wrap;     	width: 100%;     	margin-bottom: 20px;     }          .game-row .game-item {     	margin-top: 10px;     }     .game-row__cover {     	display: flex;     	align-items: center;     	flex-wrap: wrap;     	flex: 1 100%;     	position: relative;     	justify-content: space-between;     	box-sizing: border-box;     	line-height: 20px;     	overflow: hidden;     }     .game-row__cover-title {     	padding: 0 10px;     	font-size: 14px;     	font-weight: 700;     	text-transform: uppercase;     	text-decoration: none;     	color: #13284f;     	position: relative;     }     .game-row__cover-link {     	font-size: 12px;     	font-weight: 600;     	text-decoration: none;     	color: #007ede;     	line-height: normal;     	padding-right: 13px;     	position: relative;     }     .game-row__cover-link:after {     	content: "∟";     	position: absolute;     	font-weight: 600;     	right: 5px;     	top: 2px;     	-webkit-transform: rotate(225deg);     	transform: rotate(225deg);     }     .game-nav {     	background: #fff;     	position: relative;     	height: 55px;     	border: none;     	border-radius: 3px;     	box-shadow: 0 3px 5px 0 rgba(9, 52, 103, .05), 0 2px 4px 0 rgba(97, 124, 142, .15);     	margin: 8px 8px 30px;     	transition: top .4s ease-out;     	z-index: 2;     }     .game-nav--sticky {     	position: relative;     	top: auto;     	z-index: 9;     }     .game-nav__wrapper {     	display: flex;     }     .game-nav__nav {     	display: grid;     	grid-auto-columns: 1fr;     	grid-template-rows: 100%;     	grid-auto-flow: column;     	align-items: center;     	justify-items: center;     	width: 100%;     	height: 100%;     }     .game-hall__content {     	padding: 40px 20px;     	color: #14376a;     }     .game-hall__content h1 {     	margin: 0 0 20px;     }     .game-hall__content h1,.game-hall__content h2 {     	font-weight: 500;     }     .game-hall__content h2,.game-hall__content ol,.game-hall__content p,.game-hall__content ul {     	margin-bottom: 20px;     }     .game-hall__content ol,.game-hall__content ul {     	margin-left: 20px;     	font-size: inherit;     }     .game-producers {     	width: 100%;     }     .game-producers,.game-producers__activator {     	height: 100%;     	display: flex;     	align-items: center;     }     .game-producers__activator {     	background-color: transparent;     	border-radius: 0;     	box-sizing: border-box;     	justify-content: center;     	width: 50px;     	outline: none;     	cursor: pointer;     }          .game-producers__icon {     	display: flex;     	align-items: center;     	justify-content: center;     	width: 18px;     	-webkit-filter: none;     	filter: none;     }     .game-producers__icon svg {     	height: 18px;     }     .game-producers__icon svg path {     	fill: #007ede;     }     .game-producers__title {     	display: none;     	color: #6e778a;     	font-weight: 600;     	font-size: 14px;     	margin-left: 7px;     }     .game-producers__activator:hover .game-producers__title {     	color: #d62c57;     }     .games-list-toolbar {     	position: relative;     	display: flex;     	height: 100%;     	align-items: center;     	justify-content: space-between;     }     .games-list-toolbar__producers {     	display: flex;     	justify-content: center;     	align-items: center;     	border-left: 1px solid #ebf3fa;     }     .home-banner__slide-btn {     	display: flex;     	font-weight: 500;     	line-height: normal;     	outline: none;     	text-decoration: none;     	text-transform: none;     	cursor: pointer;     	border-radius: 50px;     	color: #fff;     	border: 0;     	align-items: center;     	box-sizing: border-box;     	position: relative;     	text-align: center;     	justify-content: center;     	background: #007fde;     	padding: 10px 15px;     	font-size: 12px;     }     .home-banner__slide-btn:hover {     	background: #0091ff;     }     .home-banner__slide-btn:active {     	background: #0174cc;     }     .home-banner__control-next,.home-banner__control-prev {     	width: 40px;     	height: 40px;     	background-color: #fff;     	position: absolute;     	outline: none;     	border: 0;     	opacity: .7;     	border-radius: 50px;     	top: calc(50% + 60px);     	-webkit-transform: translateY(calc(-50% - 30px));     	transform: translateY(calc(-50% - 30px));     	display: none;     }     .home-banner__control-next:after,.home-banner__control-next:before,.home-banner__control-prev:after,.home-banner__control-prev:before {     	content: "";     	position: absolute;     	width: 10px;     	height: 1px;     	background-color: #13284f;     }     .home-banner__control-next:after,.home-banner__control-prev:after {     	bottom: 16px;     	left: 16px;     }     .home-banner__control-next:before,.home-banner__control-prev:before {     	top: 16px;     	left: 16px;     }     .home-banner__control-next:hover,.home-banner__control-prev:hover {     	opacity: 1;     }     .home-banner__control-next:active,.home-banner__control-prev:active {     	opacity: .8;     }     .home-banner__control-next {     	background-color: rgba(206, 227, 243, .7);     	right: 10px;     }     .home-banner__control-next:after,.home-banner__control-next:before {     	background-color: #13284f;     }     .home-banner__control-next:after {     	-webkit-transform: rotate(-45deg);     	transform: rotate(-45deg);     }     .home-banner__control-next:before,.home-banner__control-prev:after {     	-webkit-transform: rotate(45deg);     	transform: rotate(45deg);     }     .home-banner__control-prev:before {     	-webkit-transform: rotate(-45deg);     	transform: rotate(-45deg);     }     .home-banner {     	box-sizing: border-box;     	position: relative;     	width: 100%;     	overflow: hidden;     	background-color: #cee3f3;     	margin-top: -48px;     	transition: all .5s;     }          .home-banner__body {     	display: flex;     	position: relative;     	min-width: auto;     	align-items: stretch;     	transition: all .2s;     	margin: auto;     }     .home-banner__slide {     	width: 100%;     	cursor: pointer;     }     .home-banner__slide-img {     	position: relative;     	left: 50%;     	-webkit-transform: translateX(-50%);     	transform: translateX(-50%);     	height: 200px;     }          .home-banner__slide-wrapper {     	position: absolute;     	top: 48px;     	left: auto;     	right: 5px;     	width: calc(50% - 5px);     	height: calc(100% - 48px);     	text-align: left;     	max-width: 550px;     	box-sizing: border-box;     	display: flex;     	justify-content: center;     	align-items: center;     }               .home-banner__slide-title {     	margin-bottom: 5%;     	line-height: 1.14;     	font-size: 18px;     	font-weight: 500;     	color: #fff;     	font-style: normal;     	letter-spacing: 1.6px;     	text-transform: uppercase;     }          .home-banner__control {     	-webkit-user-select: none;     	-moz-user-select: none;     	-ms-user-select: none;     	user-select: none;     	display: flex;     	justify-content: center;     	padding-right: 5px;     	flex-direction: row;     }          .home-banner__control-prev {     	left: 10px;     }     .home-banner__dots {     	display: flex;     	justify-content: flex-end;     	width: 100%;     	box-sizing: border-box;     	position: absolute;     	bottom: -6px;     	left: 0;     	max-width: 1300px;     	margin: 0 auto;     	padding: 0 12px;     }     .home-banner__dots-item, .swiper-pagination-bullet {     	width: 65px;     	height: 2px;     	background-color: hsla(0, 0%, 100%, .3);     	margin: 10px 4px;     	border-radius: 0;     	opacity: 1;     }     .home-banner__dots-item:after, .swiper-pagination-bullet:after {     	content: " ";     	height: 100%;     	width: 0;     	background-color: transparent;     	display: block;     	opacity: 1;     }     .home-banner__dots-item.active, .swiper-pagination-bullet-active{     	background-color: #bc254b;     }     .home-banner__dots-item.active.animate:after {     	transition: width 5s ease-in;     	width: 100%;     	background-color: #ff2b61;     }               .promo-item {     	border-radius: 4px;     	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .11);     	margin: 0 10px 20px;     	background: #fff;     	width: 100%;     	overflow: hidden;     	position: relative;     	height: max-content;     }     .promo-item > * {     	float: right;     }               .promo-item__header {     	background-size: cover;     	padding: 0;     	box-sizing: border-box;     	position: relative;     	background: no-repeat 50%;     	display: block;     	text-decoration: none;     }     .promo-item__header-img {     	width: 100%;     	min-width: 418px;     }     .promo-item__badge {     	display: flex;     	flex-direction: column;     	position: absolute;     	top: 10px;     	left: 10px;     }     .promo-item__badge-row {     	display: flex;     	flex-direction: row;     	margin-bottom: 4px;     }     .promo-item__type,.promo-item__victory {     	position: relative;     	border-radius: 2px;     	padding: 0 9px;     	height: 16px;     	line-height: 16px;     	text-transform: uppercase;     	text-align: center;     	font-weight: 600;     	font-size: 10px;     	color: #fff;     	background-color: #007ede;     	border: none;     	margin-right: 5px;     }     .promo-item__body {     	border: none;     	box-sizing: border-box;     	width: 100%;     }     .promo-item__body-title {     	font-size: 16px;     	font-weight: 600;     	text-transform: uppercase;     	cursor: pointer;     	text-decoration: none;     }     .promo-item__body-prize,.promo-item__body-title {     	color: #13284f;     	white-space: nowrap;     	text-overflow: ellipsis;     	overflow: hidden;     	display: block;     }     .promo-item__body-prize {     	font-size: 12px;     	line-height: 1.33;     	letter-spacing: .4px;     }     .promo-item__body-prize-amount {     	font-size: 12px;     	font-weight: 600;     	line-height: 2;     	letter-spacing: .4px;     	color: #d62c57;     	display: inline-block;     }     .promo-item__body-left {     	height: 72px;     	box-sizing: border-box;     	border-bottom: 1px solid rgba(217, 234, 245, .7);     	padding: 19px 12px 0;     }          .promo-item__body-right {     	height: 48px;     	display: flex;     	align-items: center;     	position: relative;     	padding: 0 12px;     	justify-content: space-between;     }          .promo-item__body-more {     	font-size: 12px;     	font-weight: 600;     	line-height: 1.33;     	letter-spacing: .2px;     	color: #0091ff;     	text-transform: uppercase;     	cursor: pointer;     	width: unset;     	text-decoration: none;     }     .promo-item__body-more:hover {     	color: #d62c57;     }          .promo-item__body-more-icon {     	display: none;     }     .promo-item__body-more-icon-red {     	display: none;     }     .promo-list {     	display: flex;     	flex-wrap: wrap;     }     .promo-list__title {     	width: 100%;     	padding: 18px;     	color: #13284f;     	font-size: 20px;     	text-transform: uppercase;     	text-align: center;     }     .game-hall__promo .promo-list__title {     	color: #000;     	padding: 10px;     	text-align: initial;     }     .static-page {     	background: #fff;     	width: 100%;     	display: flex;     	justify-content: center;     }     .static-page__container {     	box-sizing: border-box;     	padding: 25px 15px;     	width: 100%;     	max-width: 760px;     	color: #13284f;     }     .static-page__container h2,.static-page__container h3 {     	font-weight: 500;     }     .static-page__container h2,.static-page__container h3,.static-page__container ol,.static-page__container p {     	margin-bottom: 20px;     }     .static-page__container ol {     	margin-left: 20px;     }     .static-page__container a {     	color: #007ede;     }     .static-page__container a:hover {     	text-decoration: underline;     }     .static-page__container img {     	max-width: 100%;     	height: auto;     }          div,h1,h2,h3,p {     	margin: 0;     }     p {     	font-size: 16px;     }     h1 {     	font-size: 32px;     }     h2 {     	font-size: 20px;     }     h3 {     	font-size: 18px;     }     :focus {     	outline-color: hsla(0, 0%, 100%, 0);     }          .header--logout .header__logo {     	max-width: 120px;     }     .game-nav__producers-item {     	text-decoration: none     }     .producers-list-item {     	display: flex;     	height: 100%     }          .producers-list-item__icon {     	width: 25px;     	height: 25px;     	-o-object-fit: contain;     	object-fit: contain     }     .producers-list-item__name {     	display: block;     	white-space: nowrap;     	text-overflow: ellipsis;     	overflow: hidden;     	color: #6e778a;     	font-size: 10px;     	font-weight: 400;     	letter-spacing: 0;     	text-decoration: none     }          .producers-list-item--active .producers-list-item__name, .producers-list-item:hover .producers-list-item__name {     	color: #d62c57     }     .game-producers {     	width: 100%     }          .game-producers, .game-producers__activator {     	height: 100%;     	display: flex;     	align-items: center     }          .game-producers__activator {     	background-color: transparent;     	border-radius: 0;     	box-sizing: border-box;     	justify-content: center;     	width: 50px;     	outline: none;     	cursor: pointer     }     .game-producers__icon {     	display: flex;     	align-items: center;     	justify-content: center;     	width: 18px;     	-webkit-filter: none;     	filter: none     }          .game-producers__icon svg {     	height: 18px     }          .game-producers__icon svg path {     	fill: #007ede     }          .game-producers__title {     	display: none;     	color: #6e778a;     	font-weight: 600;     	font-size: 14px;     	margin-left: 7px     }          .game-producers__activator--open .game-producers__title, .game-producers__activator:hover .game-producers__title {     	color: #d62c57     }          .game-producers__tooltip {     	background-color: #fff;     	border-radius: 0 0 3px 3px;     	box-sizing: border-box;     	margin: 0 8px;     	width: calc(100vw - 16px)     }          .game-producers__tooltip-title {     	text-transform: uppercase;     	font-size: 14px;     	text-align: center;     	border-bottom: none;     	padding: 20px 0 0;     	color: #14376a     }          .game-producers__tooltip-container {     	padding: 10px;     	display: grid;     	grid-template-columns: 50% 50%;     	grid-auto-rows: auto;     	grid-row-gap: 20px     }          .game-producers__tooltip-item {     	flex-direction: row;     	flex: 1 50%;     	justify-content: flex-start;     	margin: 0;     	color: #6e778a;     	padding: 10px 0;     	text-transform: none;     	font-size: 12px;     	font-weight: 400;     	max-width: 100%     }          .game-producers__tooltip-item.router-link-active, .game-producers__tooltip-item:hover {     	color: #d62c57;     	font-weight: 400     }          .game-producers__tooltip-item-icon {     	width: 25px;     	height: 25px;     	padding-right: 10px;     	-webkit-filter: none;     	filter: none     }          .game-producers__tooltip-all {     	display: flex;     	justify-content: center;     	grid-column: 1/3     }     .games-list-toolbar__producers {     	display: flex;     	justify-content: center;     	align-items: center;     	border-left: 1px solid #ebf3fa     }     .tournament-games-header__producers {     	display: flex;     	align-items: center;     	padding: 11px 11px 9px;     	border: 1px solid #cee3f3;     	border-radius: 50%     }          .tournament-games-header__producers-image {     	width: 25px;     	height: 25px     }     .icon-button--horizontal .icon-button__icon {     	margin-right: 5px;     }     .fe-popup-producers.fe-popup__content {     	position: absolute;     	top: 100%;     	left: auto;     	z-index: 10;     	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4);     	right: 0;     	transform: none !important;     	display: none;     	transition: .8s ease;     }     .fe-popup-producers.fe-popup__content.fe-popup__content--show{     	display: block;     }     .game-producers__activator--open .game-producers__title, .game-producers__activator:hover .game-producers__title {     	color: #d62c57;     }     .winners-outer{     	height: 841px;     }          @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {          	.header__bottom {     		margin-bottom: 23px;     	}     }     @media (min-width: 320px) {     	.sidebar {     		width: 320px;     	}     }     @media (min-width: 508px) {               	.home-banner__slide-btn {     		padding: 12px 25px;     	}          	.promo-item__body-left {     		padding: 19px 20px 0;     	}          	.promo-item__body-right {     		padding: 0 20px;     	}          	.promo-item__body-more:hover .promo-item__body-more-icon {     		display: none;     	}     	.promo-item__body-more:hover .promo-item__body-more-icon-red {     		display: inline-block;     	}          	.promo-item__body-more {     		width: 75px;     	}          	.promo-item__body-more-icon {     		display: unset;     	}     	.game-producers__tooltip {     		width: 304px;     		margin: 0     	}     }     @media screen and (min-width: 508px) and (max-width: 754px){     	.game-item {     		flex: 0 25%;     		width: 25%;     		padding-bottom: 19.0476190476%;     		position: relative;     	}     }     @media (min-width: 754px) {          	.enter-btns {     		flex: 1 1 auto;     	}          	.winners__item-amount {     		font-weight: 700;     	}          	.sidebar .enter-btns {     		display: none;     	}          	.sidebar__header {     		min-height: 60px;     	}          	.main {     		min-height: 100vh;     		padding-bottom: 0;     	}          	.header {     		height: 60px;     	}          	.header__auth {     		display: grid;     		justify-content: flex-end;     	}          	.header__center {     		padding: 0;     	}          	.header__logo {     		margin-right: 30px;     		padding: 8px 0 10px;     	}          	.header--logout .header__logo {     		max-width: 100%;     	}          	.header__bottom {     		display: none;     	}          	.footer-menu__item {     		flex: 0 0 30%;     		padding-right: 3%;     		overflow-wrap: break-word;     		overflow: hidden;     	}          	.footer-menu__wrapper {     		display: grid;     		grid-template-columns: max-content 1fr min-content;     		grid-template-rows: 100%;     	}          	.footer-menu__logo {     		display: flex;     		align-items: end;     		margin-right: 30px;     	}          	.icon-button--adaptive .icon-button__icon {     		margin-right: 5px;     	}          	.icon-button--adaptive {     		flex-direction: row;     	}          	.icon-nav__name {     		font-size: 14px;     	}          	.game-item {     		flex: 0 20%;     		width: 20%;     		padding-bottom: 15.2380952381%;     		position: relative;     	}          	.game-nav__nav {     		grid-auto-columns: minmax(100px, min-content);     		grid-gap: 5px;     		justify-items: start;     		padding-left: 20px;     	}          	.home-banner {     		margin-top: -60px;     	}          	.home-banner__slide-img {     		height: 280px;     	}          	.home-banner__slide-wrapper {     		top: 60px;     		height: calc(100% - 60px);     	}          	.home-banner__slide-title {     		font-size: 26px;     	}          	.home-banner__slide-btn {     		font-size: 14px;     		padding: 12px 25px;     	}          	.home-banner:hover .home-banner__control-next,.home-banner:hover .home-banner__control-prev {     		display: block;     	}          	.home-banner:hover .home-banner__control-next,.home-banner:hover .home-banner__control-prev {     		display: block;     	}          	.home-banner:hover .home-banner__control-next,.home-banner:hover .home-banner__control-prev {     		display: block;     	}          	.home-banner__dots {     		bottom: 2px;     		right: 0;     	}          	.home-banner__dots-item, .swiper-pagination-bullet {     		width: 120px;     		height: 4px;     	}          	.promo-item {     		width: calc(50% - 20px);     	}          	.promo-item.first {     		flex: 100%;     		max-width: 100%;     	}     	.promo-item.first .promo-item-status {     		margin-right: 21px;     	}          	.promo-item.first .promo-item__body-title {     		margin-right: 26px;     	}     	.promo-item.first .promo-item__body-left {     		display: flex;     		padding-top: 0;     		align-items: center;     	}     	.producers-list-item__name {     		font-size: 12px     	}     }     @media (min-width: 754px) and (min-width: 1054px) {          	.promo-item.first .promo-item__body {     		height: 64px;     		display: flex;     		align-items: center;     		justify-content: space-between;     		padding: 0 19px;     	}     	.promo-item.first .promo-item__body-left {     		display: flex;     		padding: 0;     		height: unset;     		border: none;     	}     	.promo-item.first .promo-item__body-right {     		padding: 0;     	}     	.promo-item.first .promo-item__body-more {     		position: static;     	}     }     @media (min-width: 980px) {          	.header__nav {     		display: grid;     		grid-template-rows: 100%;     		grid-template-columns: repeat(4, min-content);     		grid-gap: 50px;     	}     }     @media (min-width: 1054px) {          	.winners {     		margin-left: 8px;     		padding-bottom: 25px;     		height: 100%;     		box-sizing: border-box;     		max-height: calc(100vh - 90px);     		width: 196px;     	}          	.winners__title {     		padding: 0 0 10px;     	}          	.winners__list {     		display: block;     	}          	.winners__item {     		width: auto;     		justify-content: left;     		padding: 15px 25px 0;     	}          	.winners__item-thumb {     		margin: 0 10px 0 0;     	}          	.promo-item-status__active {     		display: unset;     	}          	.menu-button {     		font-size: 12px;     		font-weight: 700;     		text-decoration: none;     	}          	.header__logo {     		margin-right: 50px;     	}          	.footer-payments__wrapper {     		padding: 7px 40px;     		flex-direction: row;     		align-items: center;     		justify-content: space-around;     		margin: auto;     		max-width: 100%;     		width: 100%;     	}          	.footer-payments__list-item {     		margin: .7142857143rem 1rem;     	}          	.footer__box {     		display: flex;     		align-items: center;     		min-width: 220px;     	}          	.footer__box-license {     		min-width: 128px;     		margin-bottom: 0;     	}          	.footer-menu__logo {     		margin-right: 50px;     	}          	.game-hall__row {     		padding: 0 8px 20px;     	}          	.game-hall__col:first-child {     		flex: 1;     	}     	.game-hall__col:nth-child(2) {     		flex: 0;     		flex-basis: 210px;     		overflow: inherit;     	}          	.game-row__cover-title {     		font-size: 20px;     	}          	.game-nav {     		height: 65px;     	}          	.game-producers__activator {     		padding: 0 36px;     		width: 100%;     	}          	.game-producers__title {     		display: block;     	}          	.games-list-toolbar {     		grid-template-columns: 1fr min-content 200px;     	}          	.promo-item {     		width: calc(33% - 17px);     	}     	.game-hall__promo .promo-item {     		width: calc(50% - 20px);     	}     	.game-producers__activator {     		padding: 0 36px;     		width: 100%     	}     	.game-producers__title {     		display: block     	}     	.game-producers__tooltip {     		width: 400px     	}     }     @media (min-width: 1300px) {          	.winners {     		margin-left: 20px;     	}          	.footer-payments__list-item {     		margin: .7142857143rem 1.7857142857rem;     	}          	.game-hall__row {     		padding: 0 0 20px;     	}          	.game-row__cover-title {     		padding: 0;     	}          	.game-nav {     		margin: 8px 0 30px;     	}          	.home-banner {     		height: 428px;     		margin-bottom: -20px;     	}          	.home-banner__slide-img {     		height: 428px;     	}          	.home-banner__slide-wrapper {     		right: calc(50% - 650px);     	}          	.home-banner__slide-title {     		font-size: 40px;     	}          	.home-banner__slide-btn {     		font-size: 16px;     		padding: 19px 34px;     	}          	.home-banner__control-prev {     		left: calc(50% - 640px);     	}          	.home-banner__control-next {     		right: calc(50% - 640px);     	}          	.home-banner__dots {     		bottom: 22px;     	}          	.promo-item {     		width: 420px;     	}          	.promo-list {     		width: calc(100% + 20px);     		margin: 0 -10px;     	}     }     @media screen and (max-width: 1054px){     	.winners-outer{     		height: auto;     		display: none;     	}          }     @media screen and (max-width: 480px){     	.footer__contacts {     		padding: 0;     	}     	.footer__contacts img {     		height: auto;     		object-fit: contain;     	}     }