.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 a { color: #fff; text-decoration: none;     text-transform: none; } .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;     } } .game-hall__content img { max-width: 100%; height: auto; } .banner-wrapper { position: relative; min-height: 300px; /* Висота вашого банера */ }  .loader {   position: absolute;   top: 50%;   left: 50%;   width: 40px;   height: 40px;   margin: -20px 0 0 -20px;   border: 4px solid #f3f3f3;   border-top: 4px solid #3498db;   border-radius: 50%;   animation: spin 1s linear infinite;   z-index: 10; }  @keyframes spin {   0% { transform: rotate(0deg); }   100% { transform: rotate(360deg); } }  .hidden { display: none; }