html, body {     font-family: "Open Sans", Arial, sans-serif;     font-size: 16px;     overflow-x: hidden; }  body {     background: #13100e;     margin: 0;     color: #dcd9d5; } a {     text-decoration: none;     color: #2ea3f2;     outline: none; } * {     margin: 0;     padding: 0;     box-sizing: border-box; }  .header-main {     box-shadow: 0 0 7px rgba(0, 0, 0, .1);     position: fixed;     width: 100%;     background: #13100e;     z-index: 99; }  .page {     max-width: 1670px;     margin: 0 auto;     transition: all .2s;     padding: 0 10px; }  .flex {     display: flex;     justify-content: space-between; } .header-main .page {     padding: 15px 10px; } .header-main .flex {     flex-direction: row;     align-items: center; } .header-main .logo img {     width: auto;     height: 35px; }  .menu {     display: flex;     justify-content: space-between;     gap: 5px;     margin: 0;     padding: 0; }  .menu-item {     list-style: none; }  .menu-item a {     text-decoration: none;     font-weight: 700;     letter-spacing: 2px;     text-align: center;     color: #fff;     border-radius: 5px;     line-height: 48px;     text-transform: uppercase;     padding: 0 20px;     border: 1px solid #f9b34200; }  .menu-item a:hover {     color: #f9b242;     background: #13100e;     border: 1px solid #f9b242;     border-radius: 5px; }  .button__reg {     display: flex; } .button__reg__inner {     border: 1px solid #f9b242;     background: #f9b242;     border-radius: 50px 0 0 50px;     padding: 15px; } .button__reg__inner__link {     text-decoration: none;     color: #000;     font-weight: 700;     letter-spacing: 2px;     text-transform: uppercase;     text-align: center;     cursor: pointer; }  .button__reg__inner__green {     border: 1px solid #3daa45;     background: #3daa45;     border-radius: 0 50px 50px 0; }  .header-main .left.flex {     flex-direction: row;     align-items: center; }  .header-main a.menu-lines {     display: none;     width: 25px; }  .line {     height: 2px;     width: 25px;     background: #2ea3f2;     margin-bottom: 4px;     border-radius: 5px; }  @media only screen and (max-width: 1670px) {     .menu-menu-1-container {         overflow-x: scroll;     } } @media only screen and (max-width: 1200px) {     .page {         max-width: 960px;     } } @media only screen and (max-width: 992px) {     .menu {         position: absolute;         top: 70px;         left: 0;         width: calc(100% - 40px);         background: #13100e;         border-top: 3px solid #2ea3f2;         box-shadow: 0 2px 5px rgba(0, 0, 0, .1);         padding: 20px;         flex-direction: column;     }     .header-main .page {         position: relative;     }     .page {         max-width: 740px;     }     .header-main a.menu-lines {         display: block;     }     .menu {         display: none;     }     .menu.open {         display: flex;     }  } @media only screen and (max-width: 550px) {     .header-main  .button__reg {         display: none;     } } .slider {     width: auto;     margin: 0;     padding: 0;     list-style-type: none;     overflow: hidden; }  .slider__container {     position: relative;     z-index: -1;     padding: 75px 0 0; } .slider__main {     margin: 0 auto;     padding: 0;     width: 100%;     width: auto;     position: relative; } .slider__inner {     display: none;     width: 100%;     text-align: center;     position: absolute;     top: 0; } .slider__inner img {     width: 100%;     height: 100%; } .slider__inner.is-active {     display: block;     opacity: 1;     animation: 1s linear alternate move_eye;     z-index: 10; }  @keyframes move_eye {     0% {         margin-top: -100%;     }          100% {         margin-bottom: 10%;     } }  @media only screen and (max-width: 1300px) {     .slider__container {         height: 370px !important;     } } @media only screen and (max-width: 1024px) {     .slider__container {         height: 290px !important;     } } @media only screen and (max-width: 830px) {     .slider__container {         height: 210px !important;     } }  .info {     margin: 50px auto; }  .info .text {     text-align: center;     font-size: 30px;     color: #ededed; }  .games {     padding: 50px 0; }  .games .flex {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     -webkit-flex-flow: row wrap;     justify-content: space-around; }  .game__inner {     position: relative;     list-style: none;     width: 19%;     margin: 0 5px 50px; } .games li .img {     width: 100%;     height: 200px;     background-position: center;     background-repeat: no-repeat;     background-size: cover;     position: relative; }  .game-hover {     opacity: 0; }  .game-hover-inner {     position: absolute;     top: 50%;     width: 100%;     transform: translateY(-50%); }  .game-item__title {     position: relative;     width: 90%;     margin: 0 auto;     letter-spacing: 1px;     text-align: center;     color: #ededed;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     box-sizing: border-box;     font-size: 1rem; } .game-item__title {     position: relative;     width: 90%;     margin: 0 auto;     letter-spacing: 1px;     text-align: center;     color: #ededed;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     box-sizing: border-box;     font-size: 1rem; }  .game-hover__btn-box {     padding: 5% 0 0;     position: relative;     text-align: center; }  .btn {     display: block;     color: #fff;     border: 2px solid;     padding: 10px;     max-width: 200px;     text-align: center;     border-radius: 3px;     font-size: 20px;     font-weight: 600;     transition: all .2s;     line-height: 26px; }  .game-hover__btn-onmoney {     display: block;     width: 48px;     height: 48px;     margin: 0 auto; }  .game-hover__btn-demo, .game-hover__btn-onmoney {     white-space: nowrap; }  .btn:after {     position: absolute;     margin-left: 10px;     opacity: 0;     font-size: 28px;     content: "";     line-height: 26px;     -webkit-transition: all .2s;     -moz-transition: all .2s;     transition: all .2s; }  .game__inner:hover .game-hover {     position: absolute;     top: 0;     left: 0;     bottom: 0;     right: 0;     border: 1px solid #f9b242;     border-radius: 5px;     background: rgba(19, 16, 14, .8);     opacity: 1;     z-index: 15; }  .y-btn {     display: block;     color: #fff;     background: #e5994e;     padding: 10px;     max-width: 200px;     text-align: center;     border-radius: 3px;     font-size: 26px;     font-weight: 500;     transition: all .3s;     margin: 0 auto;     line-height: 34px; } .y-btn:hover {     background: #00f291;     padding-right: 30px; }  .y-btn:after {     position: absolute;     margin-left: 10px;     opacity: 0;     font-size: 30px;     content: ">";     line-height: 34px;     -webkit-transition: all .2s;     -moz-transition: all .2s;     transition: all .2s; }  .y-btn:hover:after {     opacity: 1; }  @media only screen and (max-width: 1200px) {     .game__inner {         width: 30%;     } } @media only screen and (max-width: 992px) {     .games {         padding: 0;     }     .game__inner {         width: 48%;     } } @media only screen and (max-width: 520px) {     .game__inner {         width: 98%;     } }  h1 {     font-size: 28px;     margin-bottom: 20px;     color: #ededed; }  h2 {     font-size: 24px;     margin: 15px 0;     color: #f9b242; }  .partners {     padding: 50px 0; }  .title {     font-size: 26px;     color: #666;     text-align: center;     margin-bottom: 70px; }  .partners .flex {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     -webkit-flex-flow: row wrap;     justify-content: center; }  .partners li {     list-style: none;     width: 21%;     margin: 0 2% 50px;     text-align: center; }  .partners li img {     max-width: 100%;     height: auto; }  @media only screen and (max-width: 992px) {     .partners li {         width: 29%;     } }  @media only screen and (max-width: 520px) {     .partners li {         width: 45%;     } }  footer {     background: #222;     padding: 50px 0;     margin-top: 50px; }  .menu-footer-menu-container {     margin-bottom: 30px; }  .menu-footer-menu-container ul {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     display: flex;     -webkit-flex-flow: row wrap;     justify-content: flex-start;     position: static;     width: 100%; } .menu-footer-menu-container ul li a {     color: #fff;     font-weight: 400;     text-transform: none;     padding:  0 5px;     letter-spacing: normal; }