body {     line-height: 1.5;     margin: 0;     color: #fff;     background: #f2f2f2;     font-family: "Roboto", sans-serif;     font-size: 14px;     overflow-x: hidden;     background: #000; }  *, *:before, *:after {     box-sizing: border-box; }  a {     text-decoration: none; }  a {     background-color: transparent;     color: #f9cf25;     text-decoration: none;     transition: all .1s linear; }  a:hover {     text-shadow: 0 0 12px #f9cf25; }  h1, h2, h3, h5 {     font-family: inherit;     line-height: 1.1;     color: inherit;     margin: 0 0 1rem;     font-weight: 400; }  h1, h2, h3 {     margin-top: 20px;     margin-bottom: 10px; }  p {     margin-top: 14px;     margin-bottom: 14px;     line-height: 19px;     color: #fff; }  .header {     margin-bottom: 26px;     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 1000;     background: #21293c;     min-height: 83px;     padding: 18px 15px 6px;     border-bottom: 3px solid #393939;     display: flex;     justify-content: space-between;     align-items: center;     gap: 15px; }  .btn-menu-toggle {     display: none;     cursor: pointer; }  .btn-menu-toggle span {     display: inline-block;     width: 30px;     height: 3px;     margin-bottom: 4px;     background-color: #ffffff; }  .logo {     display: block;     width: 180px;     height: auto; }  .logo img {     width: 100%;     height: 100%; }  .nav__list {     list-style: none;     margin: 0;     padding: 0;     display: flex; }  .nav__item {     border-right: 1px solid #393939;     padding: 10px 20px; }  .nav__item:last-child {     border-right: 1px solid #39393900; }  .nav__link {     display: block;     color: #f9cf25;     letter-spacing: 1px;     font-size: 1.286em;     text-decoration: none;     text-transform: uppercase;     border-bottom: 3px solid #66666600;     width: 100%; }  .nav__link:hover {     border-bottom: 3px solid #666666; }  .btn {     display: inline-block;     margin-bottom: 0;     font-size: 14px;     line-height: 1.42857143;     white-space: nowrap;     vertical-align: middle;     -ms-touch-action: manipulation;     touch-action: manipulation;     cursor: pointer;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none;     font-family: "Roboto", sans-serif;     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     border: 0;     text-align: center;     background-color: #f9cf25;     color: #000;     border-radius: 4px;     padding: 8px 20px;     font-weight: 700;     background: linear-gradient(to bottom, #fce588 0, #fbdf6f 50%, #f8ca0c 51%, #f9cf25 100%);     text-shadow: 0 1px 1px #cfcece;     box-sizing: border-box;     -moz-box-sizing: border-box;     -webkit-box-sizing: border-box; }  .ref-btn {     color: #fff;     font-size: 1.214rem;     text-decoration: underline; }  .green {     background: #299b59;     text-shadow: none;     color: #fff;     font-size: 1.214rem;     border-radius: 5px;     padding: 8px 37px;     text-decoration: none;     margin-left: 40px; }  .green:hover {     box-shadow: 0 0 12px #299b59; }  @media (max-width: 1155px) {     .nav {         position: absolute;         top: 83px;         left: -100%;         width: 50%;         background: #21293c;         height: 100vh;         transition: .3s all;     }      .nav.show {         left: 0;         transition: .3s all;     }      .nav__list {         flex-direction: column;     }      .btn-menu-toggle {         display: flex;         flex-direction: column;         background: none;         border: none;     }      .btn-menu-toggle.show span {         transform: rotate(45deg);         margin-bottom: -3px;     }      .btn-menu-toggle.show span:last-child {         display: none;     }      .btn-menu-toggle.show span:nth-child(2) {         transform: rotate(-45deg);     } }  @media (max-width: 580px) {     .ref-btn:first-child {         display: none;     }      .ref-btn {         margin: 0;         font-size: 1rem;         padding: 8px 10px;     }      .nav {         width: 80%;     } }  @media (max-width: 420px) {     .logo {         width: 130px;     } }  .main {     margin-top: 85px;     background: #fff; }  .banner {     background: url(/shared/3533/banner-slots.jpg) center/cover no-repeat;     padding: 70px 20px 70px;     text-align: center; }  .banner__content {     display: flex;     flex-direction: column;     align-items: center;     background: rgba(0, 0, 0, .5);     color: #fff;     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);     padding: 25px;     max-width: 640px;     min-width: 1px;     border-radius: 10px; }  .banner__content .btn {     display: block;     width: 100%;     margin-top: 25px; }  .promo-slider-header {     margin-bottom: 14px;     margin-top: 5px;     font-weight: 700;     margin: 0;     font-size: 2.743rem; }  .container {     margin: 0 auto;     padding: 20px;     margin-bottom: 10px;     background-color: rgba(0, 0, 0, .3);     max-width: 1280px; }  .games .container {     background: rgba(0, 0, 0, .3); }  .games__wrapper {     display: flex;     justify-content: flex-start;     flex-wrap: wrap;     gap: 15px; }  .game {     cursor: pointer;     position: relative;     height: 250px;     display: block;     border: 1px solid;     border-color: #393939;     margin-bottom: 5px;     margin-top: 5px;     overflow: hidden;     width: 19%;     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);     box-shadow: 0 1px 3px rgba(0, 0, 0, .15);     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     border-radius: 3px; }  .game img {     max-height: 190px;     height: 190px;     width: 100%;     object-fit: cover;     object-position: center; }  .game__name {     position: absolute;     left: 15px;     bottom: 0;     font-weight: 700;     font-size: 1.1rem;     text-align: left;     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden;     width: calc(100% - 30px);     z-index: 1; }  .game__hover {     position: absolute;     -webkit-transition: all .215s;     -moz-transition: all .215s;     -o-transition: all .215s;     transition: all .215s;     visibility: hidden;     opacity: 0;     filter: alpha(opacity=0);     width: 100%;     height: 100%;     bottom: 10%;     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     gap: 20px; }  .game:hover .game__hover {     bottom: 0;     visibility: visible;     opacity: 1;     filter: alpha(opacity=100);     background: rgba(0, 0, 0, .6); }  @media (max-width: 1240px) {     .games__wrapper {         justify-content: center;     } }  @media (max-width: 1125px) {     .game {         width: 250px;     } }  @media (max-width: 1125px) {     .games__wrapper {         justify-content: center;     } }  .title {     font-size: 36px; }  h2 {     font-size: 25px;     font-size: 25.6px;     margin-bottom: 16px; }  h3 {     font-size: 16px;     font-size: 16.3833px;     margin-bottom: 16px; }  img {     border: 0;     vertical-align: middle;     max-width: 100%;     height: auto;     margin: 10px 0; }  .footer {     background: #23293a;     color: #fff;     padding: 40px 0 20px 0;     font-size: 15px; }  .footer .container {     background: none; }  .footer a {     color: #fff;     position: relative;     display: flex; }  .footer__top {     display: flex;     justify-content: space-between;     flex-direction: column;     border-bottom: 1px solid #3a4152;     padding-bottom: 20px;     margin-bottom: 20px;     flex-wrap: wrap; }  .footer__section {     flex: 1 1 40%;     min-width: 250px; }  .footer__title {     font-weight: bold;     margin-bottom: 10px;     border-bottom: 1px solid #686868;     margin-bottom: 26px;     font-size: 1rem; }  .footer__slots, .footer__casino {     display: flex;     flex-wrap: wrap;     padding-left: 40px; }  .footer__casino {     justify-content: space-between; }  .footer__slots>div, .footer__casino>a {     margin-bottom: 30px;     flex: 1 0 25%; }  .footer__middle {     display: flex;     justify-content: center;     align-items: center;     margin-bottom: 20px; }  .footer__links {     display: flex;     gap: 30px;     flex-wrap: wrap; }  .footer__icon {     font-size: 18px;     vertical-align: middle; }  .footer__bottom {     display: flex;     justify-content: space-between;     align-items: flex-start;     flex-wrap: wrap;     margin-top: 60px; }  .footer__license {     max-width: 60%;     font-size: 13px;     color: #b0b8c1; }  .footer__socials {     display: flex;     flex-wrap: wrap;     max-width: 205px; }  .footer__social {     display: inline-block;     border: 6px solid #ff2d2d;     border-radius: 6px;     padding: 8px;     transition: transform 0.2s;     width: 72px;     height: 72px;     background-image: url(/shared/3533/social-icons-sprite.png);     text-indent: 999px;     overflow: hidden;     margin-left: 15px;     margin-right: 15px;     margin-bottom: 25px; }  .facebook {     background-position: -6px -78px; }  .youtube {     background-position: -5px -5px; }  .instagram {     background-position: -77px -77px; }  .google {     background-position: -79px -6px; }  .footer__social:hover {     transform: scale(1.1);     border-color: #fff; }  @media (max-width: 900px) {     .footer__section {         width: 100%;     }      .footer__top,     .footer__bottom {         flex-direction: column;         align-items: flex-start;     }      .footer__license {         max-width: 100%;         margin-bottom: 20px;     } }  @media (max-width: 767px) {      .footer__slots,     .footer__casino {         padding: 0;     }      .footer__slots>div,     .footer__casino>a {         flex: 1 0 50%;     } }  @media (max-width: 390px) {      .footer__slots>div,     .footer__casino>a {         flex: 1 0 100%;     } }  .breadcrumb {     background-color: rgba(25, 25, 25, .9);     display: block; }  .breadcrumb .container {     background: none; }  .breadcrumb ul {     list-style: none;     padding: 0;     margin: 0; }