* {     margin: 0;     padding: 0; }  html {     font-family: arial, sans-serif;     font-size: 14px;     color: #fff;     background: #CFCFCF; }  a {     text-decoration: none;     color: #00FFFF;     outline: none;     transition: all .3s; }  .page {     width: 1240px;     margin: 0 auto; }  .flex {     display: flex;     justify-content: space-between; }  header {     z-index: 99;     position: fixed;     width: 100%; }  header .top {     height: 70px;     background: linear-gradient(#1a1933, #696969); }  header .top .flex {     flex-direction: row;     align-items: center;     height: 100%; }  header .top .logo img {     height: 35px; }  header .top .buttons a {     line-height: 31px;     width: auto;     padding: 0 15px;     margin-left: 5px;     border-radius: 5px;     font-size: 12px;     font-weight: bold;     text-align: center;     border: 2px solid #fff;     color: #fff;     text-transform: uppercase;     display: block; }  header .top .buttons a:hover {     box-shadow: 0 0 10px 2px rgba(244, 147, 148, .7); }  header .top-menu {     background: #2c2c54;     box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 0px; }  header .top-menu a {     line-height: 56px;     font-size: 16px;     font-weight: bold;     border-bottom: 2px solid #2c2c54;     padding-top: 2px;     display: block; }  header .top-menu a:hover, header .top-menu a:focus {     border-color: #6b70ff;     color: #fff; }  .main {     position: relative;     padding-top: 150px; }  .main .content {     width: 74%; }  .main .content .swiper-container {     width: 100%;     height: 350px; }  .main .content .swiper-container .swiper-slide {     width: 100%;     height: 350px;     background-size: cover;     background-position: center;     background-repeat: no-repeat; }  .main .content .swiper-container .swiper-slide a {     line-height: 50px;     width: 270px;     color: #fff;     font-weight: bold;     text-transform: uppercase;     background: linear-gradient(#00008B, #696969);     display: block;     text-align: center;     border-radius: 5px;     margin: 50px 0 0 50px; }  .main .content .swiper-container .swiper-slide a:hover {     box-shadow: 0 0 10px 0 rgba(174, 91, 244, .7); }  .main .content .buttons-block {     margin-top: 20px;     justify-content: flex-start; }  .main .content .buttons-block li {     list-style: none; }  .main .content .buttons-block li a {     display: block;     line-height: 60px;     font-weight: bold;     width: 120px;     text-align: center;     font-size: 15px;     margin-right: 1px;     color: #6b70ff; }  .main .content .buttons-block li a:hover, .main .content .buttons-block li a.active-block {     background: linear-gradient(#00008B, #696969);     border-top: 1px solid rgba(163, 166, 255, .6);     color: #fff; }  .main .content .games {     background: #2d2b53;     padding: 20px; }  .main .content .games ul {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     -webkit-flex-flow: row wrap;     justify-content: flex-start; }  .main .content .games ul li {     list-style: none;     width: calc(16.7% - 12px);     margin: 5px;     background-size: cover;     background-position: center;     background-repeat: no-repeat;     height: 136px;     border-radius: 5px;     border: 1px solid rgba(163, 166, 255, .5);     position: relative; }  .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {     width: calc(25% - 12px); }  .main .content .games ul li .hover-block {     opacity: 0;     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     width: 100%;     height: 100%;     background: rgba(0, 0, 0, .8);     border: 2px solid #fff;     border-radius: 5px;     position: absolute;     top: -1px;     left: -1px;     transition: opacity .3s ease-in-out; }  .main .content .games ul li:hover .hover-block {     opacity: 1; }  .main .content .games ul li .hover-block .title {     font-size: 14px;     font-weight: bold;     margin-bottom: 10px;     text-align: center;     padding: 0 5px; }  .main .content .games ul li .hover-block .btn {     line-height: 40px;     width: auto;     color: #fff;     font-weight: bold;     padding: 0 20px;     background: linear-gradient(#ae5bf4, #7061f9);     display: block;     text-align: center;     border-radius: 5px;     text-transform: uppercase; }  .main .content .games ul li .hover-block .btn:hover {     box-shadow: 0 0 10px 0 rgba(174, 91, 244, .7); }  .main .content .games ul li .hover-block .link {     text-decoration: underline;     margin-top: 20px; }  .main .content footer {     padding: 20px 0; }  .main .content footer .bottom-menu {     padding-bottom: 20px;     border-bottom: 1px solid #454798; }  .main .content footer .bottom-menu li {     list-style: none; }  .main .content footer .bottom-menu li a {     color: #fff; }  .main .content footer .bottom-menu li a:hover {     text-decoration: underline; }  .main .content footer .pays {     list-style: none;     padding: 20px 0;     border-bottom: 1px solid #454798;     justify-content: center; }  .main .content footer .pays li {     list-style: none;     margin: 0 20px;     display: flex;     flex-direction: column;     justify-content: center; }  .main .content footer .pays li img {     max-height: 25px; }  .main .content footer .copyright {     text-align: center;     padding-top: 20px;     font-size: 12px; }  .main .content .text {     margin: 30px 0; }  .main .content .text h1 {     margin-bottom: 20px;     font-size: 26px; }  .main .content .text .info {     background: #2c2c54;     border-top: 1px solid rgba(163, 166, 255, .6);     padding: 30px; }  .main .content .text .info p {     line-height: 20px;     padding-bottom: 10px;     font-size: 13px; }  .main .content .text .info li {     line-height: 18px;     padding-bottom: 10px;     font-size: 13px; }  .main .content .text .info h2 {     line-height: 24px;     padding-bottom: 10px;     font-size: 20px; }  .main .content .text .info h3 {     line-height: 22px;     padding-bottom: 10px;     font-size: 18px; }  .main .content .text .info img {     max-width: 100%;     height: auto; }  .main .content .text .info .game {     line-height: 50px;     width: 250px;     color: #fff;     font-weight: bold;     text-transform: uppercase;     background: linear-gradient(#ae5bf4, #7061f9);     display: block;     text-align: center;     border-radius: 5px;     margin: 40px auto 0; }  .main .content .text .info .game:hover {     box-shadow: 0 0 10px 0 rgba(174, 91, 244, .7); }  .main .sidebar {     width: 24%; }  .main .sidebar .tournaments {     margin-bottom: 20px; }  .main .sidebar .tournaments .title {     color: #fff;     font-size: 18px;     font-weight: bold;     line-height: 24px;     margin-bottom: 10px;     display: block; }  .main .sidebar .tournaments .block {     margin-bottom: 10px;     position: relative; }  .main .sidebar .tournaments .block .swiper-container .swiper-slide {     background-size: cover;     background-repeat: no-repeat;     background-position: center; }  .main .sidebar .tournaments .block .swiper-container {     position: absolute;     top: 15px;     right: 15px;     height: 66px;     width: 66px;     border: 1px solid rgba(163, 166, 255, .6);     border-radius: 5px; }  .main .sidebar .tournaments .block .top {     background: linear-gradient(180deg, #1e1e3b, #121223);     padding: 15px;     width: calc(100% - 30px); }  .main .sidebar .tournaments .block .top a {     color: #fff;     font-size: 16px;     margin-bottom: 5px;     display: block; }  .main .sidebar .tournaments .block .top .money {     color: #ffe41e;     font-weight: bold; }  .main .sidebar .tournaments .block .bottom {     background: linear-gradient(#2b2d64, #0e0f4d);     border-top: 1px solid rgba(163, 166, 255, .6);     color: #03ae03;     padding: 15px;     box-shadow: inset 0 1px 0 0 rgba(107, 112, 255, .3); } .win-now {     position: sticky;     top: 135px; }  .main .sidebar .win-now .title {     color: #fff;     font-size: 18px;     font-weight: bold;     line-height: 24px;     margin-bottom: 10px; }  .main .sidebar .win-now .swiper-container .swiper-slide .line {     margin-bottom: 7px;     background: linear-gradient(#2b2d64, #0d0f4d);     padding: 8px;     border-radius: 5px; }  .main .sidebar .win-now .swiper-container .swiper-slide .line .left {     width: 50%;     justify-content: flex-start;     flex-direction: row;     align-items: center; }  .main .sidebar .win-now .swiper-container .swiper-slide .line .left img {     height: 35px;     margin-right: 10px;     border-radius: 3px; }  .main .sidebar .win-now .swiper-container .swiper-slide .line .right {     width: 50%;     justify-content: flex-end;     flex-direction: row;     align-items: center;     font-weight: bold;     color: #ffe41e; }  .main .sidebar .jackpot {     height: 195px;     width: 100%;     background-size: contain;     background-repeat: no-repeat;     background-position: center;     position: relative; }  .main .sidebar .jackpot a {     line-height: 36px;     color: #fff;     font-weight: bold;     text-transform: uppercase;     font-size: 13px;     width: 160px;     background: linear-gradient(#9e77ff, #3950ff);     display: block;     text-align: center;     border-radius: 5px;     position: absolute;     left: calc(50% - 80px);     bottom: 20px;     box-shadow: 0 3px 5px rgba(0, 0, 0, .5), inset 0 1px 1px #cbcdff; }  .main .sidebar .jackpot a:hover {     box-shadow: 0 2px 10px 0 rgba(107, 112, 255, .7); }  .block-comments .title {     margin-bottom: 20px;     font-size: 26px; }  .block-comments .comments .row {     border-left: 3px solid #ae5bf4;     padding-left: 10px;     margin-bottom: 30px; }  .block-comments .comments .row .user-name {     font-size: 16px;     color: #ae5bf4; }  .block-comments .comments .row .date {     font-size: 12px;     color: #7061f9;     padding: 5px 0 10px; }  .block-comments .comments .row .text {     padding: 0;     margin: 0; }  .block-comments .leave-comment {     margin-top: 40px; }  .block-comments .leave-comment input[type="text"] {     border: 1px solid #11102B;     box-shadow: none;     background: #1b1a35;     padding: 10px 20px;     color: #fff;     font-size: 16px;     width: calc(50% - 44px);     margin-bottom: 10px; }  .block-comments .leave-comment textarea {     width: calc(100% - 42px);     border: 1px solid #11102B;     box-shadow: none;     background: #1b1a35;     padding: 10px 20px;     color: #fff;     font-size: 16px;     margin-bottom: 20px; }  .block-comments .leave-comment input[type="submit"] {     line-height: 40px;     width: 150px;     color: #fff;     font-weight: bold;     text-transform: uppercase;     background: linear-gradient(#ae5bf4, #7061f9);     display: block;     text-align: center;     border-radius: 5px;     border: none;     cursor: pointer; }  .block-comments .leave-comment input[type="submit"]:hover {     box-shadow: 0 0 10px 0 rgba(174, 91, 244, .7); }  header .top #show-menu {     display: none; }   @media only screen and (max-width: 1400px) {     .page {         width: 1140px;     }      .main .content .games ul li {         width: calc(20% - 12px);         height: 150px;     }      .main .content .games ul li {         height: 128px;     } }  @media only screen and (max-width: 1200px) {     .page {         width: 940px;     }      .main .content .swiper-container {         height: 300px;     }      header .top-menu a {         font-size: 15px;     }      .main .sidebar .tournaments .block .swiper-container {         width: 50px;         height: 50px;         top: 45px;     }      .main .content .buttons-block li a {         width: 100px;         font-size: 14px;         line-height: 50px;     }      .main .content .games ul li {         height: 122px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         width: calc(33.3333% - 12px);         height: 138px;     }      .main .sidebar .jackpot a {         bottom: 10px;     } }  @media only screen and (max-width: 992px) {     .page {         width: 720px;     }      header .top-menu {         display: none;     }      .main {         padding-top: 100px;     }      .main > .flex {         display: block;     }      .main .content {         width: 100%;     }      .main .sidebar {         display: none;     }      .main .content footer .bottom-menu {         display: -webkit-box;         display: -moz-box;         display: -ms-flexbox;         display: -webkit-flex;         -webkit-flex-flow: row wrap;         justify-content: center;     }      .main .content footer .bottom-menu li {         margin: 5px 10px;     }      header .top .menu-lines {         display: block !important;         width: 35px !important;         border: none !important;         padding: 0 !important;         margin: 0 0 0 10px !important;     }      header .top .menu-lines:hover {         box-shadow: none !important;     }      header .top .menu-lines .line {         height: 4px;         width: 35px;         background: #fff;         margin-bottom: 5px;         border-radius: 5px;     }      header .top-menu .flex {         display: block;     }      header .top-menu a {         text-align: right;         line-height: 30px     }      header .top-menu {         padding: 20px 0;     }      header .top-menu a:hover, header .top-menu a:focus {         border-color: #2c2c54;     } }  @media only screen and (max-width: 768px) {     .page {         width: 600px;     }      header .top {         height: 60px;     }      .main {         padding-top: 80px;     }      .main .content .games ul li {         width: calc(25% - 12px);         height: 131px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         height: 117px;     }      .main .content .text h1 {         font-size: 24px;     }      .main .content .swiper-container {         height: 250px;     }      .block-comments .leave-comment input[type="text"] {         width: calc(100% - 44px);     } }  @media only screen and (max-width: 640px) {     .page {         width: 500px;     }      .main .content .swiper-container {         height: 200px;     }      .main .content .swiper-container .swiper-slide a {         width: 200px;         margin: 30px 0 0 20px;         line-height: 40px;     }      .main .content .buttons-block li {         width: 20%;     }      .main .content .games ul li {         width: calc(33.333% - 12px);         height: 142px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         width: calc(50% - 12px);         height: 146px;     }      .main .content .buttons-block li a {         width: auto;     }      header .top-menu a {         line-height: 24px;     } }  @media only screen and (max-width: 525px) {     .page {         width: 420px;     }      .main .content .games ul li {         height: 116px;     }      .main .content .buttons-block li a {         width: auto;         font-size: 13px;     }      .main .content .games ul li {         height: 118px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         height: 120px;     }      .main .content .text h1 {         font-size: 22px;     }      .main .content .text .info h2 {         font-size: 18px;         line-height: 22px;     }      .main .content .text .info h3 {         font-size: 16px;         line-height: 20px;     }      header .top .buttons a {         font-size: 11px;         line-height: 26px;     }      header .top .logo img {         height: 30px;     }      header .top .menu-lines {         width: 30px;     }      header .top .menu-lines .line {         width: 30px;         height: 3px;     } }  @media only screen and (max-width: 440px) {     .page {         width: 340px;     }      header .top {         height: 50px;     }      .main {         padding-top: 70px;     }      header .top .logo img {         height: 25px;     }      header .top .buttons a {         font-size: 11px;         line-height: 26px;         padding: 0 7px;     }      .main .content .swiper-container {         height: 150px;     }      .main .content .buttons-block {         display: block;     }      .main .content .buttons-block li {         width: 100%;     }      .main .content .buttons-block li a {         line-height: 30px;         margin-right: 0;     }      .main .content .buttons-block li a:hover, .main .content .buttons-block li a.active-block {         border-top: none;     }      .main .content .games ul li {         width: calc(50% - 12px);         height: 141px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         width: calc(70% - 12px);         height: 134px;     }      .main .content .games ul#block-live, .main .content .games ul#block-lottery {         justify-content: center;     }      .main .content .text .info {         padding: 20px;     }      .main .content footer .pays li {         margin: 0 10px;     }      header .top .buttons a {         line-height: 22px;         padding: 0 5px;     } }  @media only screen and (max-width: 360px) {     .page {         width: 300px;     }      header .top .logo img {         height: 19px;     }      .main .content .games {         padding: 10px;     }      .main .content .games ul li {         height: 130px;     }      .main .content .games ul#block-live li, .main .content .games ul#block-lottery li {         width: calc(80% - 12px);         height: 142px;     } }