html, body {   overflow-x: hidden; } body {     padding: 0;     margin: 0;     font-family: Arial, "Arial Black", Harrington sans-serif;     background: #141616; } * {     box-sizing: border-box;   line-height: 22px; } .header {     padding: 0 40px;     position: fixed;     top: 0;     width: 100%;     background-color: #222525;     backdrop-filter: none;     height: 64px;     z-index: 10; }  .header .container {     display: flex;     justify-content: space-between;     align-items: center; }  .header__link {     display: flex;     align-items: center;     color: #dfe3e3;     text-decoration: none; }  .header__link svg {     width: 17px;     height: 22px;     margin-right: 8px; }  .header .button {     min-width: 123px;     padding: 12px 23px 12px 19px;     border-radius: 0;     height: 64px; }  .button {     position: relative;     background: linear-gradient(90deg,#00aec4,#03d192);     color: #dfe3e3;     border: none;     padding: 12px 28px;     height: 48px;     outline: none;     cursor: pointer;     display: inline-flex;     align-items: center;     font-weight: 700;     font-size: 16px;     line-height: 24px;     letter-spacing: .04em;     text-transform: uppercase;     text-align: center;     border-radius: 12px;     justify-content: center;     transition: all .2s ease-out; } .banner {     padding: 0 40px;     display: flex;     justify-content: space-between; } .banner__item {     flex-shrink: 0;     position: relative;     transition-property: -webkit-transform;     transition-property: transform;     display: flex;     color: #dfe3e3;     background: 50%/cover no-repeat;     overflow: hidden;     border-radius: 24px;     margin: 96px 0 32px;     width: 33%;     height: 328px; }  .banner__item:before {     content: "";     position: absolute;     top: 0;     z-index: 1;     width: 100%;     background: linear-gradient(180deg,rgba(0,0,0,0.6),rgba(0,0,0,0.32) 28.98%,transparent);     height: 232px; } .main {   padding: 0 10px; } .main-slider__item-bg, .main-slider__item-img-wr {     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate3d(-50%,-50%,0);     transform: translate3d(-50%,-50%,0);     width: 100%; } .main-slider__item-bg {     height: auto; }  .main-slider__item-inner {     position: relative;     z-index: 2;     display: flex;     flex-direction: column;     justify-content: space-between;     width: 100vw;     min-height: 276px;     margin: 60px 0 124px;     padding: 16px 16px 20px; } .main-slider__item-inner {     max-width: 100%;     margin: 0;     min-height: 100%;     padding: 24px; }  .main-slider__item-img-wr {     height: 100%;     background: 50%/contain no-repeat;     z-index: -1;     transition: -webkit-transform .2s ease 0s;     transition: transform .2s ease 0s;     transition: transform .2s ease 0s,-webkit-transform .2s ease 0s; }  .main-slider__item-bg, .main-slider__item-img-wr {     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate3d(-50%,-50%,0);     transform: translate3d(-50%,-50%,0);     width: 100%; }  .main-slider__item-inner-top {     display: flex;     justify-content: space-between;     align-items: flex-start; }  .main-slider__item-title {     display: grid;     grid-auto-flow: dense;     font-weight: 700;     font-size: 12px;     line-height: 14px;     letter-spacing: .04em;     color: hsla(180, 7%, 88%, .6);     gap: 8px;     align-self: start;     text-transform: uppercase; }  .main-slider__item-title {     font-size: 14px;     line-height: 18px; } .main-slider__item-title mark {     display: flex;     align-items: flex-end;     background-color: transparent;     font-size: 24px;     line-height: 28px;     letter-spacing: inherit;     color: #dfe3e3;     text-shadow: 1px 2px 2px rgba(0,0,0,0.4);     text-transform: none; }  .main-slider__item-title mark {     font-size: 32px;     line-height: 36px; }  .main-slider__item-inner-bottom {     display: flex;     justify-content: space-between;     align-items: flex-end; }  .main-slider__item-inner-bottom mark, .main-slider__item-text {     margin-right: 17px;     color: #ffffff;     text-shadow: 1px 2px 2px rgba(0,0,0,0.4);; }  .main-slider__item-text {     display: grid;     grid-auto-flow: dense;     font-size: 14px;     line-height: 18px;     letter-spacing: inherit; }  .main-slider__item-text {     font-size: 16px;     line-height: 22px; }  .main-slider__btn {     align-self: end;     justify-self: end;     white-space: nowrap;     margin-left: auto;     margin-right: 0;     flex-shrink: 0; }  .game__item {     flex-shrink: 0;     position: relative;     transition-property: -webkit-transform;     transition-property: transform;     width: 160px;     height: 197px;     margin-right: 12px;     overflow: hidden; }  .game__img {     overflow: hidden;     position: relative;     display: flex;     align-items: flex-start; }  .game__img:before {     content: "";     flex-shrink: 0;     display: block;     width: 100%;     margin-right: -100%;     padding-top: 122.8%; }  .game__img img, .game__img__wr img {     position: absolute;     left: 50%;     top: 50%;     -webkit-transform: translate(-50%,-50%);     transform: translate(-50%,-50%);     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover;     border-radius: 12px; }  /*.game__item:hover .game__img img {*/ /*    border-radius: 28px;*/ /*    border: 2px solid #ffde6a;*/ /*}*/  .game__badge {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     overflow: hidden;     pointer-events: none;     border-radius: 20px; }  .game__new {     display: flex;     align-items: center;     justify-content: center;     position: absolute;     top: 5px;     left: -12px;     -webkit-transform: rotate(-45deg);     transform: rotate(-45deg);     font-size: 10px;     color: #fff;     height: 15px;     width: 50px;     background-color: #95b64f; } .game__body {     position: absolute;     top: 50%;     left: 50%;     z-index: 1;     -webkit-transform: translate3d(-50%,-50%,0) scale(.9);     transform: translate3d(-50%,-50%,0) scale(.9);     display: flex;     width: 100%;     height: 100%;     text-align: center;     border-radius: 12px;     opacity: 0;     pointer-events: none;     transition: width .1s linear,height .1s linear; } .game__item:hover .game__body {     opacity: 1;     -webkit-transform: translate(-50%,-50%) scale(1);     transform: translate(-50%,-50%) scale(1);     width: calc(100% + 20px);     height: calc(100% + 20px);     pointer-events: auto;     border-radius: 28px;     border: 2px solid transparent; }  .game__body:before {     content: "";     position: absolute;     left: 0;     top: 0;     z-index: 10;     width: 100%;     height: 100%;     -webkit-animation: setPointer .3s linear 0s 1 forwards;     animation: setPointer .3s linear 0s 1 forwards; }  @keyframes setPointer {     0% {         z-index: 10;     }      99% {         z-index: 10;     }     100% {         z-index: -10;     } }  .game__img__wr {     overflow: hidden;     position: absolute;     left: 0;     top: 2px;     z-index: -1;     display: flex;     justify-content: center;     align-items: center;     width: 100%;     height: calc(100% - 4px);     border-radius: 16px; }  .game__item:hover .game__img__wr {     border-radius: 28px; }  .game__img__wr:before {     content: "";     position: relative;     z-index: 1;     flex-shrink: 0;     display: block;     width: 100%;     height: 100%;     background: rgba(0,0,0,.68); } .game__item:hover {     border: 2px solid #ffde6a;     border-radius: 28px; }  .game__item:hover .game__img__wr img {     border-radius: 28px; }  .game__item:hover .game__body:after {     content: "";     position: absolute;     left: -80%;     right: -80%;     top: -100%;     z-index: 2;     -webkit-transform: translateY(0) rotate(-12deg);     transform: translateY(0) rotate(-12deg);     height: 120%;     opacity: .6;     background-image: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 29%,hsla(0,0%,100%,0));     -webkit-animation: flareAnim .4s ease-in-out 0s 1 forwards;     animation: flareAnim .4s ease-in-out 0s 1 forwards; }  @keyframes flareAnim {     0% {         -webkit-transform: translateY(0) rotate(-12deg);         transform: translateY(0) rotate(-12deg);     }     100% {         -webkit-transform: translateY(180%) rotate(-12deg);         transform: translateY(180%) rotate(-12deg);     } }  .game__body__inner {     display: flex;     flex-direction: column;     justify-content: center;     width: 100%;     padding: 16px 12px; }  .game__body__top {     display: flex;     align-items: center;     height: 1px;     width: 100%;     padding: 0 16px;     top: 40px;     position: absolute;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translateX(-50%); }  .game__body__title {     font-size: 16px;     line-height: 20px;     color: #dfe3e3;     width: 100%;     display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 2;     overflow: hidden; }  .game__body__center {     position: relative;     height: 32px; } .game__body__provider {     width: 32px;     height: 32px;     border-radius: 100%;     overflow: hidden;     left: 0;     position: absolute;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     transition: all .2s ease-out; }  .game__body__provider img {     width: 100%;     height: 100%; }  .game__body__play, .game__body__play svg {     width: 22px;     height: auto;     color: #dfe3e3;     cursor: pointer;     pointer-events: auto;     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate3d(-50%,-50%,0);     transform: translate3d(-50%,-50%,0);     transition: width .2s ease-out;     display: inline-block;     vertical-align: baseline; }  svg:not(:root) {     overflow: hidden; }  .game {     max-width: 1620px;     margin: 0 auto; }  .game__body__play span {     display: flex;     align-items: center;     top: 100%;     color: #ffde6a;     cursor: pointer;     white-space: nowrap;     position: absolute;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translateX(-50%);     margin-top: 17px;     font-size: 14px;     line-height: 16px;     text-transform: capitalize; }  .game__body__demo {     font-weight: 700;     font-size: 12px;     line-height: 16px;     text-align: center;     letter-spacing: .04em;     text-transform: uppercase;     position: absolute;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translateX(-50%);     transition: color .3s ease;     bottom: 20px;     text-decoration: none;     color: #dfe3e3;     display: inline-block; }  .game__inner, .game__head {     padding: 20px 28px; }  .game__head {     display: flex;     justify-content: space-between;     align-items: center;     padding-bottom: 0; }  .game__head__title {     font-weight: 700;     text-transform: uppercase;     color: #dfe3e3;     margin-right: 12px;     font-size: 20px;     line-height: 24px;     letter-spacing: .12em; }  .game__head__more__link {     display: flex;     align-items: center;     font-weight: 700;     font-size: 12px;     line-height: 20px;     text-transform: uppercase;     color: #01f7b4;     white-space: nowrap;     margin-left: auto;     margin-right: 0;     cursor: pointer;     transition: color .2s ease-out;     text-decoration: none; } .game__head__more__link svg {     transform: rotate(180deg);     width: 13px;     height: 13px;     margin-left: 5px; }  .game__inner {     display: flex;     flex-wrap: wrap;     justify-content: space-between; }  .jackpot {     max-width: 1620px;     margin: 30px auto 0; } .jackpot__title {     margin-bottom: 16px;     font-size: 20px;     color: #dfe3e3;     line-height: 28px;     text-align: center; }  .jackpot__odometer__inner {     text-align: center;     color: #ffde6a;     font-size: 40px;     line-height: 1.1em;     margin: 0; }  .banner__utp, .content, .footer__wrapper {     max-width: 1620px;     margin: 0 auto; }  .banner__utp .banner__item {     margin-top: 40px; }  .content {     color: #dfe3e3; } .content img {   max-width: 100%;   height: auto;   margin: 15px 0; } .content__title {     text-align: center; }  .footer__providers__list {     display: flex;     flex-wrap: wrap;     justify-content: center;     text-align: center;     list-style: none;     padding: 0; } .footer__providers__item {     height: 36px;     margin: 0 22px 36px 22px; }  .footer__providers__item img {     height: 100%; }  .main-footer__social-links {     display: flex;     justify-self: end;     flex-direction: row;     align-items: center;     margin-bottom: 0;     padding: 0;     border-bottom: 0;     -webkit-column-gap: 16px;     column-gap: 16px; }  .nav-title {     display: flex;     align-items: center;     font-weight: 700;     color: #bcbcbc;     text-transform: uppercase;     min-height: 0;     padding: 0;     font-size: 14px;     line-height: 22px;     letter-spacing: normal; }  .social-links__list {     display: flex;     -webkit-column-gap: 12px;     column-gap: 12px;     list-style: none;     padding: 0; }  .social-links__item {     border-bottom: none; } .social-links__item-link {     display: block;     justify-content: center;     width: 40px;     height: 40px;     padding: 0;     background: white;     border-radius: 50%; }  .social-links__item-link svg {     width: 100%;     height: 100%; }  .footer__main__top {     display: flex;     justify-content: space-between;     align-items: center; }  .footer {     background: #2d3131;     padding: 40px 0 32px 0; } .footer__main {     background: #222525;     padding: 0 10px; }  .main-footer-menu {     position: relative;     display: flex;     justify-content: space-between;     flex-wrap: wrap;     flex-grow: 1;     flex-basis: 100%;     padding-top: 36px; }  .main-footer-menu__col {     flex-shrink: 0;     width: 40%;     padding: 0 18px; }  .main-footer-menu__item {     position: relative;     display: flex;     justify-content: space-between;     align-items: center;     margin-top: 1px;     font-size: 16px;     line-height: 22px;     color: #dfe3e3;     cursor: pointer;     border-bottom: 1px solid #4f4f4f;     min-height: 56px;     padding-right: 0; }  .main-footer-menu__link {     flex-grow: 1;     transition: all .2s ease-out;     color: #dfe3e3;     padding: 16px 16px 16px 0;     text-decoration: none;     display: inline-block; }  @media (max-width: 1430px) {     .game__inner {         gap: 10px;         justify-content: center;     } } @media (max-width: 1060px) {     .banner {         padding: 0 40px;         display: flex;         flex-wrap: wrap;     }     .banner__item {         width: 48%;     }     .banner__item:last-child {         display: none;     }     .banner__utp {         justify-content: center;     }     .banner__utp .banner__item:last-child {         display: block;         margin-top: 0;     }     .banner {         padding: 0 0;     } }  @media (max-width: 899px) {     .banner__item:nth-child(2) {         display: none;     }     .banner__item {         margin-left: 18px;         width: 100%;         flex-shrink: inherit;     }     .banner__utp .banner__item:nth-child(2) {         display: block;         margin-top: 0;     } }  @media (max-width: 560px) {     .main-footer-menu__col {         width: 100%;     }     .footer__main__top {         flex-direction: column;         padding: 15px 0;     }     .logo {         width: 100px;     }     .logo__type {         display: block;         width: 100%;     }     .logo__type img {         width: 100%;     }     .header {         padding: 0 10px;     }     .game__head__title {         font-size: 16px;     }     .game__head__more__link {         font-size: 10px;     }     .button {         font-size: 12px;     }     .main-slider__item-inner {         padding: 10px;     } } table{   border: 1px solid #dfe3e3;   width: 100%; } th,td{   border: 1px solid #dfe3e3;   padding: 10px; } @media (max-width:480px){   th,td{     font-size: 12px;     padding: 10px 5px;   } } .content a {    color: #3ab4ab;     font-weight: bold; } .content a:hover {   text-decoration: none; }.st0 {                                             fill: url(#path2995-1-0_1_)                                         }                                          .st1 {                                             fill: #c8daea                                         }                                          .st2 {                                             fill: #a9c9dd                                         }                                          .st3 {                                             fill: url(#path2991_1_)                                         }