body {     font-family: "RobotoCondensed-Bold",Arial,"Helvetica Neue",Helvetica,sans-serif;     overflow-x: hidden;     background: url(/shared/3075/background-casino.webp) 50% 50% repeat;     margin: 0; }  body, html {   overflow-x: hidden; } a {     text-decoration: none; } ul {     list-style: none;     padding: 0;     margin: 0; } .header {     position: fixed;     left: 0;     top: 0;     right: 0;     z-index: 200; } .header__top {     background: #000;     text-align: right;     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: space-between;     align-items: center; } .header__bottom .container {     background: #303030; } .header__bottom {     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: center;     background: #303030;     color: #E0E0E0;     width: 100%;     z-index: 100; } .container {     width: 100%;     max-width: 1439px;     padding: 6px;     margin: auto;     display: flex;     flex-direction: row;     align-items: center;     justify-content: space-between;     position: relative;     background: #000000; } .header__btn {     display: flex; } .header__btn__link__enter {     width: 100%;     border-radius: 4px;     padding: 12px;     text-transform: uppercase;     background: #6D6D6D;     color: #EDC97F;     margin-left: 12px;     font-size: 16px;     font-weight: bold; } .header__btn__link {     width: 100%;     border-radius: 4px;     padding: 12px;     text-transform: uppercase;     color: #000;     text-align: center;     display: inline-block;     background: #EDC97F;     position: relative;     margin-left: 12px;     font-size: 16px;     font-weight: bold; } .logo__link img {     height: auto;     width: 175px; } .header__bottom__menu {     width: 100%; } .header__bottom__menu__list {     display: flex;     justify-content: center;     align-items: center; } .header__bottom__menu__list__inner {     position: relative;     display: flex;     flex-direction: row;     align-items: center;     margin: 12px 12px; } .header__bottom__menu__list__inner__link {     font-weight: bold;     color: #ffffff;     font-size: 16px; } .icon {     margin: 0 10px; } .icon svg {     position: relative;     width: 28px;     height: 28px;     transition: fill 0.1s linear; } .header__bottom__menu__list__inner:hover .icon svg g {     fill: #EDC97F; } .header__bottom__menu__list__inner:hover .header__bottom__menu__list__inner__link {     color: #EDC97F; } .slider, .item, .item img {     width: 100%; } .next__header {     margin: 0 auto;     padding-top: 155px; } .slide-content {     position: absolute;     z-index: 10;     top: 88%;     left: 0;     width: 100%;     height: auto;     text-align: center; } .slide-content .link {     display: block;     background: #27AE60;     color: #fff;     margin: 0 auto;     width: 100%;     max-width: 480px;     padding: 12px;     border-radius: 4px; } .slide-content .link .btn {     width: 100%; } .slider-dots {     width: 100%;     height: 10px;     display: flex;     justify-content: space-between; } .slider-dots_item {     width: 33%;     height: 100%;     background: #6D6D6D;     border-radius: 4px; } .slider-dots_item.active {     background: #EDC97F; } .game-item {     position: relative; } .game-hover {     position: absolute;     width: 100%;     height: 100%;     right: 0;     left: 0;     top: 0;     bottom: 0;     border: 2px solid #EDC97F;     background: rgba(0,0,0,0.6);     display: none;     transition: opacity 0.3s;;     align-items: center;     justify-content: center;     flex-direction: column;     padding: 0;     filter: drop-shadow(0 2px 5px #000);     z-index: 1; } .game-item:hover .game-hover {     display: flex; } .game-hover__link {     position: absolute;     width: 100%;     height: 100%;     left: 0;     right: 0; } .game-hover__play {     width: 40%; } .game-hover__play-wrap {     position: relative;     width: 100%;     padding-bottom: 100%; } .game-hover__play-wrap .button {     position: absolute;     top: 0;     left: 0;     width: 80%;     height: 80%;     border-radius: 50%; } .game-hover__play-wrap .button__area {     display: block;     left: -75%;     right: -75%;     top: -38%;     bottom: -25%; } .button__border {     display: none;     border-radius: inherit;     border: 2px solid #f7e1b4;     position: absolute;     left: -2px;     top: -2px;     right: -2px;     bottom: -2px;     z-index: 1;     overflow: hidden; } .game-hover__play .icon-info_button, .game-hover__play .icon-play_button {     width: 50%;     height: 50%;     max-width: 50%;     max-height: 50%;     position: absolute;     top: 25%;     left: 25%;     cursor: pointer; } .game-hover__buttons {     position: absolute;     left: 0;     top: calc(100% + 2px);     padding-bottom: 2px;     width: 100%;     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: center; } .button {     width: 100%;     border-radius: 4px;     padding: 12px;     text-transform: uppercase;     color: #000;     text-align: center;     display: inline-block;     background: #EDC97F;     position: relative;     user-select: none; } .game-hover__buttons .button {     border-radius: 0 0 4px 4px;     padding: 0 12px;     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: center;     align-items: center;     height: 36px;     width: auto;     margin: 0 3px; } .game-item__img img {     width: 100%; } .button_major {     background: #27AE60;     color: #fff; } .games-list-wrap {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     padding: 0 15px; } .jackpot {     position: relative; } .jackpot .container, .slots .container {     display: block; } .jackpot__title, .slots__title {     color: #fff;     font-size: 26px;     padding: 0 15px; } .jackpot__text {     text-align: center;     position: absolute;     bottom: 20px;     width: 100%; } .jackpot__text__title {     font-weight: bold;     font-size: 32px;     color: #fff;     margin: 0;     filter: drop-shadow(0px 3px 5px #000) drop-shadow(0px 3px 5px #000); } .jackpot__text__sum {     font-weight: bold;     font-size: 64px;     line-height: 90px;     color: #fff;     margin: 0;     filter: drop-shadow(0px 3px 5px #000) drop-shadow(0px 3px 5px #000); } .jackpot__link {     display: block;     background: #27AE60;     color: #fff;     width: 100%;     max-width: 480px;     border-radius: 4px;     padding: 12px;     text-transform: uppercase;     text-align: center;     margin: 0 auto;     font-weight: bold; } .all {     width: 100%;     text-align: center;     padding-top: 12px;     margin: 40px 0 0 0; } .all__link {     display: block;     background: #EDC97F;     color: #000;     width: 100%;     max-width: 480px;     border-radius: 4px;     padding: 12px;     text-transform: uppercase;     text-align: center;     margin: 0 auto;     font-weight: bold; } .tutorial__container {     width: 100%;     display: flex;     justify-content: space-between;     align-items: center; } .tutorial-item__img {     width: 100%;     text-align: center;     position: relative; } .tutorial-item__img svg {     width: 150px;     height: auto; } .tutorial-item {     text-align: center;     position: relative;     color: #fff;     display: grid;     grid-template-rows: 1fr 0.6fr 0.25fr;     cursor: auto;     justify-content: center; } .tutorial__container {     background: #303030;     display: grid;     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;     padding: 24px;     grid-column-gap: 36px;     border: 6px solid #000; } .tutorial-item__text div {     display: inline-block;     color: #fff;     max-width: 140px; } .tutorial-item__button .button {     text-align: center;     max-width: 180px;     max-height: 41px; } .tutorial-item__button {     width: 100%; } .position__block {     position: relative;     z-index: 10; } .main .container {     display: block;     color: white; } .title {     text-align: center; } .information {     max-width: 1200px;     margin: 0 auto; } .information img {   max-width: 100%;   height: auto;   margin: 10px; } .footer {     background: #000000;     position: relative;     padding-bottom: 35px; } .footer__menu {     padding: 60px 0; } .footer__menu__nav__inner {     display: flex;     justify-content: space-between;     flex-wrap: wrap; } .footer__menu__nav__inner__list {     width: 20%;     margin: 15px;     text-align: center; } .footer__menu__nav__inner__list__link {     color: #EDC97F;     font-size: 14px;     margin: 12px 0;     text-align: center;     text-transform: uppercase; } .footer__menu__nav {     max-width: 1200px;     margin: 0 auto; } .footer__menu, .footer__menu .container {     background: #303030;     padding-top: 20px;     padding-bottom: 0px; } .footer__sale__link {     margin: 0 6px;     flex: 1 0 10%;     text-align: center; } .footer__sale {     padding-top: 36px;     padding-bottom: 24px; } .footer__sale .container {     flex-wrap: wrap;     justify-content: center; } .footer__sale__link img {     height: 40px; } .footer__partners .container {     flex-wrap: wrap; } .footer__partners__link {     margin-right: 6px;     margin-left: 6px;     margin-bottom: 16px;     width: auto;     height: auto;     max-width: 100%;     max-height: 100%;     flex: 0 0 10%;     cursor: pointer;     text-align: center; } .footer__cooperate .container {     display: block;     text-align: center;     max-width: 800px;     margin: 48px auto 24px auto;     color: #888; } .footer__age .container {     justify-content: center; } .footer__age__logo {     margin: 0 20px; } .footer__menu, .footer__menu .container {     background: #303030;     padding-top: 20px;     padding-bottom: 15px;     position: relative;     top: -15px; } .container {     box-sizing: border-box; } @media only screen and (max-width: 1200px) {     .game-item {         width: 250px !important;     }     .slide-content {         top: 85%;     }     .games-list-wrap {         box-sizing: border-box;         justify-content: space-around;     }     .jackpot__img {         width: 100%;         padding: 0 15px;         box-sizing: border-box;     }     .jackpot__img img {         width: 100%;     }     .tutorial-item__button .button {         box-sizing: border-box;         width: 100%;     } } @media only screen and (max-width: 980px) {     .logo__link img {         height: auto;         width: 130px;     }     .next__header {         margin: 0 auto;         padding-top: 140px;     }     .slide-content {         top: 80%;     }     .tutorial__container {         box-sizing: border-box;     }     .tutorial-item__img svg {         width: 120px;         height: auto;     }   	p img {       width: 100%;     } } @media only screen and (max-width: 767px) {     .tutorial-item__img svg {         width: 100px;         height: auto;     }     .footer__menu__nav__inner__list {         width: 40%;     }     .footer__sale__link img {         height: 30px;     }     .footer__partners__link img {         height: 35px;     }     .footer__cooperate__text {         font-size: 12px;     }     .footer__age__logo img {         height: 30px;     }     .game-hover__play .icon-info_button, .game-hover__play .icon-play_button {         left: 20%;     }     .game-item {         width: 220px !important;     }     .header__bottom__menu__list__inner {         display: block;         text-align: center;         margin: 0px 12px;     } } @media only screen and (max-width: 680px) {     .tutorial__container {         box-sizing: border-box;         display: flex;         flex-wrap: wrap;         justify-content: space-around;     }     .game-item {         width: 200px !important;     }     .header__bottom__menu__list__inner__link {         font-size: 12px;     }     .slider, .item, .item img {         width: auto;         height: 248px;         margin-left: -60px;     }     .slider-dots {         width: 74%;     } } @media only screen and (max-width: 599px) {     .tutorial-item {         width: 100%;         display: flex;         justify-content: space-between;         align-items: center;     }     .tutorial-item__img {         width: 60%;         text-align: left;     }     .tutorial-item__button .button {         max-width: 110px;         width: 100%;     }     .tutorial-item__button {         text-align: end;     }     .tutorial-item__img svg {         width: 60px;     } } @media only screen and (max-width: 520px) {     .slider, .item, .item img {         width: auto;         height: 225px;     }     .slider-dots {         width: 70%;     }     .jackpot__link {         max-width: max-content;     }     .tutorial-item__text div {         font-size: 12px;     }     .tutorial-item__text {         width: 100%;         text-align: left;     }     .jackpot__text__title {         box-sizing: border-box;         font-size: 16px;     }     .jackpot__text__sum {         font-size: 30px;         line-height: 35px;         box-sizing: border-box;     } } @media only screen and (max-width: 490px) {     .slider-dots {         width: 65%;     }     .slider, .item, .item img {         margin-left: -70px;     }     .slide-content {         left: 5%;         width: 80%;     } } @media only screen and (max-width: 414px) {     .game-item {         width: 175px !important;     }     .slider, .item, .item img {         width: auto;         height: 205px;     }     .header__btn__link__enter,     .header__btn__link {         font-size: 12px;     }     .logo__link img {         height: auto;         width: 100px;     }     .next__header {         margin: 0 auto;         padding-top: 120px;     }     .all__link {         max-width: max-content;     } } @media only screen and (max-width: 380px) {     .games-list-wrap {         padding: 0;     }     .slider-dots {         width: 58%;     }     .footer__menu__nav__inner__list__link {         font-size: 12px;     }     .footer__menu, .footer__menu .container {         padding-bottom: 0;     }     .footer__partners__link img {         height: 25px;     }     .footer__sale__link img {         height: 25px;     }     .jackpot__link {         font-size: 12px;     } } @media only screen and (max-width: 360px) {     .game-item {         width: 170px !important;     }     .slider, .item, .item img {         width: auto;         height: 187px;         margin-left: -67px;     }     .slider-dots {         width: 64%;     } } .information p { line-height: 1.5; } .information ul { list-style: square; margin: 0 15px; padding: 0 15px; line-height: 1.5; } .information ol { margin: 0 15px; padding: 0 15px; line-height: 1.5; } .information a { color: #EDC97F; text-decoration: underline; } .reg-button { font-size: 30px; font-weight: 600; width: 100%; color: #000; background-color: #EDC97F; padding: 10px 20px; box-shadow: 2px 3px 13px #fff; border: 0; border-radius: 5px; margin: 20px 0; position: relative; } button:hover { box-shadow: 2px 3px 13px #675784; } .reg-button a { color: #675784; } button:hover a { color: #fff200; }  .main__text a { color: #0afbda; text-decoration: none; }