:root {

  --background: rgb(0, 35, 71);

  --text: #fff;

  --hover-text: #ffba00;

  --header: #0a519e;

  --sidebar-color: #003266;

  --sidebar-hover: #1183d3;

  --header-back: linear-gradient(to top, #00326600 0, var(--sidebar-color) 73%, var(--sidebar-color) 98%);

  --border: 20px;

  --border-slots: 15px;

  --back-color: #054588;

  --text-black: #000;

  --money-btn: linear-gradient(81deg,#ebff00e6 8.76%,#ebff0000 47.84%),linear-gradient(0deg,#87bb18,#88c504);

  --color-primary: #428cdc;

  --back-primary: linear-gradient(0deg,#428cdc 0,#0992af);

  --back-primary-hover: linear-gradient(180deg,#428cdc 0,#0992af);

  --shadow-primary: 0 11px 27px #428cdca1;

  --color-secondary: #fa4d00;

  --back-secondary: linear-gradient(to top, #fa4d00 0, #fa5e00 100%);

  --back-secondary-hover: linear-gradient(to top, #fa5e00 0, #fa7c00 100%);

  --shadow-secondary: 0 11px 27px #fa4100a1;

  --nav: #00316680;

  --border-color: #043e7d;

  --border-gray: #e8ecf1;

  --footer-back: #04386e;

  --hover-back: #115ba9;

  --text-value: #002347;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Roboto", sans-serif;

}



body {

  overflow-x: hidden;

  position: relative;

  color: var(--text);

  background: var(--background);

}



a {

  text-decoration: none;

  transition: 0.3s;

}



input, button {

  box-shadow: none;

  border: none;

}



input {

  outline: none;

}



h1 {

  padding: 20px 0;

  color: var(--text-content);

}



h2, h3, h4, h5, h6 {

  padding: 20px 0;

  color: var(--text-content);

}



p, span, li, a {

  font-size: 20px;

  line-height: 30px;

  color: var(--text-content);

}



button {

  cursor: pointer;

  background: transparent;

  overflow: hidden;

}



img {

  max-width: 100%;

  display: block;

  height: auto;

}





.wp-block-table {

  max-width: 100%;

  overflow-x: auto;

}



.wp-block-table table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 20px;

  overflow: hidden;

  border-radius: var(--border);

}



.wp-block-table table td {

  text-align: center;

  padding: 10px;

  color: var(--text);

}



.wp-block-table table tr {

  background: var(--sidebar-color);

}



.wp-block-table table tr:nth-child(2n) {

  background: var(--background);

}



html {

  scroll-behavior: smooth;

}





header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background-color: var(--sidebar-color);

  z-index: 9;

}

@media (min-width: 991px) {

  header {

    background-color: var(--header);

    background-image: var(--header-back);

  }

}

header .header__top {

  display: none;

}

@media (min-width: 991px) {

  header .header__top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 10px;

  }

}

header .header__top-left {

  display: flex;

  align-items: center;

}

header .header__top-download {

  display: flex;

  align-items: center;

  margin: 5px 10px;

  border-radius: var(--border);

  padding: 0 5px;

  background-color: var(--back-color);

}

header .header__top-download span {

  color: var(--text);

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  padding: 10px 5px;

  line-height: 1.4;

}

header .header__top-blocking {

  margin: 5px 10px;

  background: var(--back-color);

  padding: 5px;

  border-radius: var(--border);

  transition: box-shadow 0.2s ease;

}

header .header__top-blocking:hover {

  box-shadow: inset 0 0 0 1.5px var(--text);

}

header .header__top-blocking .blocking-icon {

  margin: 5px;

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/blocking.svg);

}

header .header__top-money {

  display: none;

}

@media (min-width: 640px) {

  header .header__top-money {

    display: block;

    background: var(--money-btn);

    border-radius: var(--border);

    color: var(--text);

    font-weight: 400;

    padding: 10px 10px 10px 35px;

    text-align: center;

    position: relative;

    overflow: visible;

    margin: 5px 10px;

  }

}

header .header__top-money span {

  line-height: 1.4;

  font-size: 14px;

  text-transform: uppercase;

}

header .header__top-money .money-icon {

  width: 66px;

  height: 49px;

  background: url(img/money-icon.webp) no-repeat 50%/cover;

  position: absolute;

  bottom: 0;

  left: 0;

  margin: 0 -16px -4px;

}

header .header__top-bonus {

  background-color: var(--color-primary);

  background-image: var(--back-primary);

  border-radius: var(--border);

  padding: 10px;

  color: var(--text);

  box-shadow: var(--shadow-primary);

  display: flex;

  align-items: center;

  margin-right: 10px;

}

header .header__top-bonus:hover {

  color: var(--hover-text);

}

header .header__top-bonus:hover .bonus-icon {

  background-image: url(img/bonus-icon-hover.svg);

}

header .header__top-bonus .bonus-icon {

  width: 20px;

  height: 20px;

  margin-left: 10px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/bonus-icon.svg);

}

header .header__top-bonus span {

  font-size: 14px;

  line-height: 1.4;

  text-transform: uppercase;

}

header .header__top-right {

  display: flex;

  align-items: center;

}

header .header__bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 5px;

}

@media (min-width: 991px) {

  header .header__bottom {

    padding: 5px 10px;

  }

}

header .header__bottom-nav {

  margin: 5px 10px;

  background-color: var(--nav);

  border-radius: var(--border);

  width: 80%;

  display: none;

  justify-content: center;

}

@media (min-width: 991px) {

  header .header__bottom-nav {

    display: flex;

  }

}



header .overlay {

  display: none;

  width: 100%;

  height: 100vh;

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9;

}



header .overlay.active {

  display: block;

}



.header_desktop .burger {

  display: block;

}

@media (min-width: 991px) {

  .header_desktop .burger {

    display: none;

  }

}



.burger img {

  width: 28px;

  height: 28px;

}



.logo {

  width: 120px;

  margin: 5px;

}

@media (min-width: 640px) {

  .logo {

    width: 150px;

  }

}

@media (min-width: 991px) {

  .logo {

    width: auto;

    margin: 5px 10px;

  }

}



.download-btn {

  padding: 10px 5px;

}

.download-btn:hover .android-icon {

  background-image: url(img/android-hover.svg);

}

.download-btn:hover .apple-icon {

  background-image: url(img/apple-hover.svg);

}



.android-icon {

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/android.svg);

  transition: 0.2s;

}



.apple-icon {

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/apple.svg);

  transition: 0.2s;

}



.button {

  color: var(--text);

  padding: 10px 15px;

  border-radius: var(--border);

}

.button span {

  text-transform: uppercase;

  line-height: 1.4;

  font-size: 14px;

  font-weight: 700;

}



.button.log_button {

  background-color: var(--color-primary);

  background-image: var(--back-primary);

  box-shadow: var(--shadow-primary);

  margin: 0 10px;

}

.button.log_button:hover {

  background-image: var(--back-primary-hover);

}



.button.reg_button {

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

}

.button.reg_button:hover {

  background-image: var(--back-secondary-hover);

}





.main_menu .menu {

  display: flex;

  align-items: center;

  list-style: none;

}

.main_menu .menu li {

  padding: 5px 20px;

}

.main_menu .menu li a {

  color: var(--text);

  font-size: 18px;

  line-height: 1.2;

  font-weight: 500;

  text-transform: uppercase;

  transition: color 0.3s ease;

}

.main_menu .menu li a:hover {

  color: var(--hover-text);

}

.main_menu .menu .current-menu-item a {

  color: var(--hover-text);

}



.menu_mobile, amp-sidebar {

  background: var(--sidebar-color);

  width: 100%;

  padding: 0 20px;

  max-width: 250px;

  min-height: 100vh;

  position: fixed;

  top: 0;

  right: -100%;

  display: block;

  transition: right 0.8s;

}



.menu_mobile {

  z-index: 11;

}

.menu_mobile .close {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding: 20px 0;

}

.menu_mobile .close img {

  width: 28px;

  height: 28px;

}

amp-sidebar .close amp-img {

	width: 28px;

	height: 28px;

}

.menu_mobile .menu {

  list-style: none;

}

.menu_mobile .menu li {

  margin-bottom: 10px;

}

.menu_mobile .menu li a {

  font-size: 18px;

  color: var(--text);

  font-weight: 400;

  padding: 10px 0;

}

.menu_mobile .menu li a:hover {

  color: var(--text-content);

}

.menu_mobile .menu .current-menu-item a {

  color: var(--hover-text);

}



.mobile-buttons {

  display: flex;

  align-items: center;

}

@media (min-width: 991px) {

  .mobile-buttons {

    display: none;

  }

}



.menu_mobile.show {

  right: 0;

  transition: right 0.8s;

}





.banner {

  border-radius: var(--border);

  background: linear-gradient(157.21deg, #003266 0, #0a519e 99.43%);

  height: 180px;

}

@media (min-width: 640px) {

  .banner {

    background-repeat: no-repeat;

    background-color: var(--sidebar-color);

    background-image: url(../../uploads/2024/05/back.webp);

    background-position: left;

    background-size: 65%;

  }

}

@media (min-width: 640px) {

  .banner {

    height: 200px;

  }

}

@media (min-width: 991px) {

  .banner {

    height: 300px;

  }

}

.banner__content {

  display: flex;

  align-items: center;

  justify-content: space-around;

  height: 100%;

}

@media (min-width: 991px) {

  .banner__content {

    justify-content: space-between;

  }

}

.banner__content-text {

  text-align: center;

}

@media (min-width: 991px) {

  .banner__content-text {

    text-align: right;

    padding-right: 40px;

  }

}

.banner__content-img {

  display: block;

  width: auto;

}

@media (min-width: 640px) {

  .banner__content-img {

    padding-left: 15px;

  }

}

.banner__content-img img {

  width: 145px;

}

@media (min-width: 640px) {

  .banner__content-img img {

    width: 162px;

  }

}

@media (min-width: 991px) {

  .banner__content-img img {

    width: 243px;

  }

}

.banner__content-title {

  font-size: 20px;

  font-weight: 700;

  line-height: 35px;

  color: var(--text-content);

  display: block;

  margin-bottom: 5px;

  text-transform: uppercase;

}

@media (min-width: 640px) {

  .banner__content-title {

    font-size: 24px;

  }

}

@media (min-width: 991px) {

  .banner__content-title {

    font-size: 28px;

  }

}

.banner__content-subtitle {

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  display: block;

  color: var(--text-content);

  text-transform: uppercase;

}

@media (min-width: 640px) {

  .banner__content-subtitle {

    font-size: 16px;

  }

}

@media (min-width: 991px) {

  .banner__content-subtitle {

    font-size: 18px;

  }

}

.banner__content .banner_button {

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  padding: 15px 20px;

  border-radius: 30px;

  margin-top: 20px;

}

.banner__content .banner_button:hover {

  background-image: var(--back-secondary-hover);

}





.wp-block-image {

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow: hidden;

  margin-bottom: 20px;

}

.wp-block-image img {

  border-radius: var(--border);

}



.content-block {

  padding: 51px 0 0 0;

}

@media (min-width: 640px) {

  .content-block {

    padding: 59px 0 0 0;

  }

}

@media (min-width: 991px) {

  .content-block {

    padding: 120px 0 5px 0;

  }

}



.row {

  display: flex;

  flex-direction: column-reverse;

}

@media (min-width: 991px) {

  .row {

    flex-direction: row;

  }

}



.right-block {

  padding: 10px;

}

@media (min-width: 991px) {

  .right-block {

    padding: 20px 260px 20px 20px;

  }

}



.content_page h1 {

  font-size: 26px;

}

@media (min-width: 991px) {

  .content_page h1 {

    font-size: 36px;

  }

}

.content_page h2 {

  font-size: 22px;

}

@media (min-width: 991px) {

  .content_page h2 {

    font-size: 32px;

  }

}

.content_page h3 {

  font-size: 20px;

}

@media (min-width: 991px) {

  .content_page h3 {

    font-size: 28px;

  }

}

.content_page p, .content_page span {

  line-height: 30px;

  padding-bottom: 20px;

  margin-bottom: 0;

}

.content_page a {

	color: var(--hover-text);

}

.content_page ul {

  list-style: none;

  padding-right: 10px;

  margin-bottom: 20px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  list-style: none;

  flex-direction: column;

}

@media (min-width: 640px) {

  .content_page ul {

    flex-direction: row;

  }

}

.content_page ul li {

  width: 100%;

  position: relative;

  padding-bottom: 10px;

  padding-right: 35px;

}

@media (min-width: 640px) {

  .content_page ul li {

    width: 48%;

  }

}

.content_page ul li:before {

  position: absolute;

  width: 25px;

  height: 25px;

  background: url(img/bet-icon.svg) no-repeat;

  background-size: cover;

  content: "";

  right: -5px;

  top: 2px;

}

.content_page ol {

  padding-bottom: 20px;

  padding-right: 30px;

  counter-reset: myCounter;

}

.content_page ol li {

  padding-right: 15px;

  margin-bottom: 15px;

  position: relative;

  list-style: none;

}

.content_page ol li::before {

  counter-increment: myCounter;

  content: counter(myCounter);

  width: 25px;

  height: 25px;

  font-size: 16px;

  background: var(--back-color);

  border-radius: 50%;

  position: absolute;

  top: 1px;

  right: -25px;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid var(--color-primary);

}

.content_page ol li::marker {

  font-size: 17px;

  color: var(--text);

}



.section-block {

  background: var(--sidebar-color);

  border-radius: var(--border);

  position: relative;

  padding: 10px;

  margin-bottom: 20px;

}

@media (min-width: 991px) {

  .section-block {

    padding: 10px 15px;

  }

}

.section-block:last-child {

  margin-bottom: 0;

}



.banner-link {

  margin-bottom: 20px;

  text-align: center;

}

.banner-link .banner-img {

  padding: 0;

  position: relative;

  border-radius: var(--border);

  border: 10px solid var(--border-color);

}

.banner-link .banner-img:hover {

  border: 10px solid var(--hover-back);

  transition: 0.4s;

}

.banner-link .banner-img amp-img {

  -o-object-fit: cover;

     object-fit: cover;

}





.sidebar {

  display: none;

}

@media (min-width: 991px) {

  .sidebar {

    display: block;

    width: 240px;

    padding: 0 20px;

  }

}

.sidebar__content {

  z-index: 1;

  position: fixed;

  width: 220px;

  top: 140px;

  right: 20px;

  padding-bottom: 20px;

  height: 100%;

  overflow-y: scroll;

}

.sidebar__content-top {

  border-top-left-radius: var(--border);

  border-top-right-radius: var(--border);

  background: var(--sidebar-color);

}

.sidebar__content-banner {

  position: relative;

  margin-bottom: 4px;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding-top: 60px;

}

.sidebar__content-banner::before {

  content: "";

  position: absolute;

  top: 10px;

  width: 87px;

  height: 59px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/crown.svg);

}

.sidebar__content-banner img {

  position: relative;

  top: -15px;

}

.sidebar__content-text {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding-top: 10px;

  margin-top: -105px;

}

.sidebar__content-text span {

  padding-bottom: 2px;

  line-height: 1.2;

  color: var(--text);

  font-size: 14px;

  font-weight: 400;

  text-transform: uppercase;

}

.sidebar__content-text p {

  line-height: 1.2;

  font-weight: 700;

  font-size: 20px;

  color: var(--hover-text);

}

.sidebar__content .sidebar_button {

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  position: relative;

  margin-top: 7px;

}

.sidebar__content .sidebar_button span {

  font-size: 16px;

  font-weight: 500;

}

.sidebar__content .sidebar_button:hover {

  background-image: var(--back-secondary-hover);

}

.sidebar__content-item {

  border-bottom: 2px solid var(--border-color);

}

.sidebar__content-item:last-child {

  margin-bottom: -30px;

  padding-bottom: 30px;

  border-bottom: none;

}

.sidebar__content-link {

  display: flex;

  align-items: center;

  height: 60px;

  width: 100%;

  color: var(--text);

}

.sidebar__content-link:hover {

  color: var(--sidebar-hover);

}

.sidebar__content-link span {

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 500;

  line-height: 60px;

  text-overflow: ellipsis;

}

.sidebar__content-link.active {

  color: var(--hover-text);

}

.sidebar__content-icon {

  width: 40px;

  height: 40px;

  margin: 0 10px;

  background-repeat: no-repeat;

  background-size: contain;

}

.sidebar__content .counter {

  flex: 1 0 auto;

  display: flex;

  justify-content: flex-end;

}

.sidebar__content .counter__value {

  border-radius: 50%;

  background-color: var(--hover-text);

  width: 20px;

  height: 20px;

  font-size: 12px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  margin: 0 10px;

  color: var(--text-value);

}

.sidebar__content-bottom {

  border-radius: var(--border);

  background-color: var(--text);

  overflow: hidden;

}

.sidebar__content-bottom .sidebar__content-item {

  border-bottom: 2px solid var(--border-gray);

}

.sidebar__content-bottom .sidebar__content-item:nth-child(3) {

  border-bottom: 2px solid var(--text);

  background: var(--border-gray);

}

.sidebar__content-bottom .sidebar__content-item:last-child {

  border-bottom: none;

  background: var(--border-gray);

}

.sidebar__content-bottom .sidebar__content-link {

  color: var(--text-black);

}

.sidebar__content-bottom .sidebar__content-link:hover {

  color: var(--sidebar-hover);

}





footer {

  padding-right: 10px;

  padding-bottom: 55px;

}

@media (min-width: 991px) {

  footer {

    padding-right: 260px;

    padding-bottom: 0;

  }

}

footer .footer {

  background: var(--sidebar-color);

  border-top-right-radius: var(--border);

}

footer .footer__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px;

}

footer .footer .eighteen {

  border-radius: 50%;

  color: var(--text);

  border: 2px solid #09437f;

  font-weight: 700;

  font-size: 16px;

  padding: 8px 5px;

}

footer .footer__menu {

  margin-bottom: 20px;

}

footer .footer__payments {

  padding: 10px;

  margin: 0 20px;

  border-radius: var(--border);

  background-color: var(--footer-back);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

@media (min-width: 991px) {

  footer .footer__payments {

    justify-content: space-between;

  }

}

footer .footer__payments img {

  height: 27px;

  margin: 5px;

}

footer .footer__downloads {

  margin: 20px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

footer .footer__downloads-btns {

  border-radius: var(--border);

  background-color: var(--footer-back);

  display: flex;

  align-items: center;

  padding: 0 13px;

}

footer .footer__downloads-btns span {

  font-size: 16px;

  text-transform: uppercase;

  color: var(--text);

  font-weight: 500;

  padding: 10px 5px;

}

footer .footer__downloads-btns .download-btn {

  margin-left: 20px;

}

footer .footer__copyright {

  display: flex;

  flex-direction: column;

  padding: 20px;

}

@media (min-width: 640px) {

  footer .footer__copyright {

    flex-direction: row;

  }

}

footer .footer__copyright .footer-col {

  display: flex;

  flex: 0 1 auto;

  justify-content: flex-start;

  align-items: flex-start;

  flex-grow: 1;

}

footer .footer__copyright .footer-col .col-right {

  max-width: 750px;

  margin-left: 0;

}

@media (min-width: 640px) {

  footer .footer__copyright .footer-col .col-right {

    margin-left: 10px;

  }

}

footer .footer__copyright .footer-col .col-right p {

  font-weight: 700;

  font-size: 18px;

  color: var(--text);

}

footer .footer__copyright .footer-col .col-right span {

  display: block;

  margin-top: 5px;

  font-size: 12px;

  line-height: 1.4;

  font-weight: 400;

  color: var(--text);

}

footer .footer__copyright .col-left {

  max-width: 186px;

  margin-bottom: 10px;

}

@media (min-width: 640px) {

  footer .footer__copyright .col-left {

    margin-bottom: 0;

  }

}

footer .footer__copyright .col-last {

  margin-top: 5px;

}

@media (min-width: 640px) {

  footer .footer__copyright .col-last {

    margin-top: 0;

    margin-left: 5px;

  }

}

footer .footer__copyright-license {

  display: block;

  font-size: 12px;

  line-height: 1.4;

  font-weight: 600;

  color: var(--text);

}



.fixed_buttons {

  display: flex;

  justify-content: center;

  position: fixed;

  width: 100%;

  padding: 8px 10px;

  background: var(--sidebar-color);

  bottom: 0;

  left: 0;

  z-index: 8;

}

@media (min-width: 991px) {

  .fixed_buttons {

    display: none;

  }

}

.fixed_buttons .button {

  width: 100%;

}

.fixed_buttons .button.log_button {

  margin: 0 10px 0 0;

}





.scroll-top {

  opacity: 0;

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  color: var(--text);

  transition: 0.3s;

  position: fixed;

  bottom: 70px;

  left: 30px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  z-index: 8;

  border-radius: 50%;

}

.scroll-top .scroll-top-bg {

  padding: 8px;

  position: relative;

}

.scroll-top .scroll-top-bg img {

  width: 24px;

  height: 24px;

}



.scroll-top.content_amp {

  opacity: 1;

}





.slots__top {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.slots__top-title {

  display: flex;

  align-items: center;

  position: relative;

  padding: 20px 0;

}

@media (min-width: 640px) {

  .slots__top-title {

    padding: 30px 0;

  }

}

.slots__top-title span {

  font-size: 14px;

  margin-right: 5px;

  font-weight: 500;

  text-transform: uppercase;

  display: block;

}

@media (min-width: 640px) {

  .slots__top-title span {

    margin-right: 10px;

    font-size: 18px;

  }

}

.slots__top-icon {

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: contain;

}

.slots__top-icon.popular {

  width: 46px;

  height: 56px;

  background-image: url(img/slots/top-icon.svg);

}

.slots__top-icon.games {

  width: 48px;

  height: 46px;

  background-image: url(img/slots/games-icon.svg);

}

@media (min-width: 640px) {

  .slots__top-icon.games {

    width: 56px;

    height: 54px;

  }

}

.slots__top-all {

  background-color: var(--sidebar-color);

  border-radius: var(--border);

  display: flex;

  align-items: center;

  padding: 0 15px;

  height: 40px;

}

@media (min-width: 640px) {

  .slots__top-all {

    padding: 0 20px;

  }

}

.slots__top-all:hover {

  background-color: var(--hover-back);

}

.slots__top-all span {

  color: var(--text);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  text-transform: uppercase;

}

@media (min-width: 640px) {

  .slots__top-all span {

    font-size: 16px;

  }

}

.slots__top-all .all-icon {

  transform: rotate(180deg);

  width: 20px;

  height: 14px;

  margin-right: 10px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/slots/all-icon.svg);

}

.slots__bottom {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-row-gap: 10px;

  grid-column-gap: 10px;

}

@media (min-width: 640px) {

  .slots__bottom {

    grid-template-columns: repeat(4, 1fr);

  }

}

.slots__bottom .slots-item {

  position: relative;

  border-radius: var(--border-slots);

}

.slots__bottom .slots-item:hover .slots-item_content .slots-item_back .slots-item_img {

  transform: scale(1.2);

  transition: 0.4s;

}

.slots__bottom .slots-item:hover .slots-item_content .slots-item_back::before {

  opacity: 1;

  transition: 0.4s;

}

.slots__bottom .slots-item:hover .slots-item_content .slots-item_buttons {

  opacity: 1;

  transition: 0.4s;

  z-index: 2;

}

.slots__bottom .slots-item:hover .slots-item_content .slots-item_provider {

  opacity: 1;

  z-index: 2;

}

.slots__bottom .slots-item:hover .slots-item_content .star-icon {

  opacity: 1;

  z-index: 4;

}

.slots__bottom .slots-item .slots-item_content {

  border-radius: var(--border-slots);

  overflow: hidden;

  position: relative;

}

.slots__bottom .slots-item .slots-item_content:hover {

  transition: 0.4s;

}

.slots__bottom .slots-item .slots-item_content .slots-item_back {

  overflow: hidden;

  position: relative;

  padding-top: 71%;

}

.slots__bottom .slots-item .slots-item_content .slots-item_back::before {

  background-color: rgba(0, 50, 102, 0.8);

  bottom: 0;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  transition: 0.4s;

  z-index: 1;

}

.slots__bottom .slots-item .slots-item_content .slots-item_back .slots-item_img {

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: cover;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: scale(1);

  width: 100%;

  z-index: 0;

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons {

  height: 100%;

  opacity: 0;

  position: absolute;

  top: 0;

  transition: 0.4s;

  width: 100%;

  z-index: -1;

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_btn {

  position: absolute;

  right: 10px;

  bottom: 10px;

  background-color: var(--color-primary);

  border-radius: var(--border);

  padding: 1px 10px;

  transition: 0.4s;

}

@media (min-width: 640px) {

  .slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_btn {

    padding: 3px 10px;

  }

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_btn span {

  color: var(--text-value);

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;

}

@media (min-width: 640px) {

  .slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_btn span {

    font-size: 14px;

  }

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_btn:hover span {

  color: var(--text);

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_play {

  height: 100%;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

}

.slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_play .play-icon {

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/slots/play-icon.svg);

  width: 30px;

  height: 30px;

  margin: 0 auto;

}

@media (min-width: 640px) {

  .slots__bottom .slots-item .slots-item_content .slots-item_buttons .slots-item_play .play-icon {

    width: 40px;

    height: 40px;

  }

}

.slots__bottom .slots-item .slots-item_content .slots-item_provider {

  display: inline-flex;

  justify-content: center;

  left: 35px;

  opacity: 0;

  padding-bottom: 3px;

  padding-top: 12px;

  position: absolute;

  right: 35px;

  top: 0;

  transition: 0.4s;

  z-index: -1;

}

.slots__bottom .slots-item .slots-item_content .slots-item_provider span {

  font-size: 12px;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  color: var(--text);

  font-weight: 500;

  line-height: 1.1;

  margin-top: 2px;

  max-height: 32px;

  overflow: hidden;

  text-align: center;

  text-overflow: ellipsis;

  text-transform: uppercase;

  transition: 0.3s;

}

@media (min-width: 640px) {

  .slots__bottom .slots-item .slots-item_content .slots-item_provider span {

    font-size: 14px;

  }

}

.slots__bottom .slots-item .slots-item_content .star-icon {

  position: absolute;

  top: 10px;

  right: 10px;

  transition: 0.4s;

  z-index: -1;

  opacity: 0;

  width: 20px;

  height: 19px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/slots/star-icon.svg);

}

.slots__bottom .slots-item .slots-item_content .star-icon:hover {

  background-image: url(img/slots/star-hover.svg);

}

.slots__bottom .slots-item .cup-btn {

  position: absolute;

  z-index: 4;

  top: 10px;

  left: 10px;

  width: 24px;

  height: 24px;

  background-color: #35a1dd;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.slots__bottom .slots-item .cup-btn .cup-btn_icon {

  width: 16px;

  height: 16px;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(img/slots/cup-icon.svg);

}





.header.content_amp {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 5px;

}

.header.content_amp a amp-img {

  display: block;

}

.header.content_amp .burger {

  border: none;

}



.menu_amp .menu {

  list-style: none;

}

.menu_amp .menu li {

  margin-bottom: 10px;

}

.menu_amp .menu li a {

  font-size: 18px;

  color: var(--text);

  font-weight: 400;

  padding: 10px 0;

}

.menu_amp .menu .current-menu-item a {

  color: var(--hover-text);

}



amp-sidebar .close {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding: 20px 0;

}

amp-sidebar .closeButton {

  padding: 0;

  border: none;

}



#amp-mobile-version-switcher {

  display: none;

}



.content_page.content_amp .faq__item h3 {

  border-bottom: 1px solid var(--border-color);

}

.content_page.content_amp .faq__answer {

  display: block;

}



.footer.content_amp .footer__payments {

  flex-wrap: nowrap;

}





.error {

  display: flex;

  width: 100%;

  background-color: var(--sidebar-color);

  background-position: top;

  background-size: cover;

  background-image: url(../../uploads/2024/05/error-back.webp);

  position: relative;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  height: 100vh;

  min-height: 840px;

  padding: 20px 20px 0 20px;

}

.error::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  pointer-events: none;

  background-image: radial-gradient(circle 802px at center, rgba(0, 35, 71, 0) 0%, #002347 100%);

}

@media (min-width: 1280px) {

  .error {

    padding: 0;

  }

}

.error__block {

  position: absolute;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  padding: 0 10px;

}

.error__block .logo {

  max-width: 90%;

  width: 300px;

  margin: 20px auto 25px;

}

.error__block .logo img {

  width: 100%;

}

.error__block p {

  color: var(--text);

  font-size: 30px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 30px;

  text-align: center;

}

.error__block-img {

  margin-bottom: 50px;

}

.error__block-btn {

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  width: 300px;

  height: 50px;

  text-align: center;

}

.error__block-btn:hover {

  background-image: var(--back-secondary-hover);

}



.btn-content {

	display: flex;

	justify-content: center;

    margin-bottom: 20px;

}

.btn-content .banner_button {

	width: 250px;

	height: 45px;

	background-color: var(--color-secondary);

	background-image: var(--back-secondary);

	box-shadow: var(--shadow-secondary);

}

.btn-content .banner_button:hover {

	background-image: var(--back-secondary-hover);

}





.popup {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 10;

  display: none;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  padding: 20px 0;

  background-color: rgba(0, 0, 0, 0.6);

}

.popup.show {

	display: flex;

}

.popup__content {

  width: 360px;

  height: 270px;

  position: relative;

  display: flex;

  background-image: url(../../uploads/2024/12/banner-modal.webp);

	background-repeat: no-repeat;

	background-size: contain;

  border-radius: var(--border);

  flex-direction: column;

  align-items: center;

  text-align: center;

  padding: 50px 20px 20px;

}

.popup__content .close-popup {

  position: absolute;

  top: 20px;

  right: 20px;

  cursor: pointer;

}

.popup__content .close-popup img, .popup__content .close-popup amp-img {

  width: 20px;

  height: 20px;

}

.popup__content .popup-btn {

  width: 190px;

  border-radius: var(--border);

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  font-weight: 700;

  font-size: 22px;

  border: none;

  height: 45px;

  color: var(--text); 

  position: absolute;

  bottom: 36px;

  left: 10px;

}





.apk-banner {

  position: relative;

  display: flex;

  align-items: flex-start;

  justify-content: center;

  flex-direction: column;

  height: 200px;

  background-color: var(--header);

  background-image: linear-gradient(to top, #00326600 0, var(--background) 73%, var(--background) 98%);

  padding-right: 10px;

  margin-bottom: 20px;

  border-radius: var(--border);

  overflow: hidden;

}

@media (min-width: 640px) {

  .apk-banner {

    padding-right: 20px;

    height: 250px;

  }

}

@media (min-width: 960px) {

  .apk-banner {

    align-items: center;

    padding-right: 0;

  }

}

.apk-banner p {

  font-size: 16px !important;

  line-height: 1.4 !important;

  font-weight: 700;

  width: 200px;

  color: var(--text) !important;

  padding-bottom: 15px !important;

}

@media (min-width: 640px) {

  .apk-banner p {

    width: 380px;

    font-size: 22px !important;

    padding-bottom: 20px !important;

  }

}

@media (min-width: 960px) {

  .apk-banner p {

    width: auto;

  }

}

.apk-banner img {

  position: absolute;

  left: 10px;

  bottom: 0;

  height: 180px;

}

@media (min-width: 640px) {

  .apk-banner img {

    height: 230px;

    left: 20px;

  }

}

.apk-banner amp-img {

  width: 125px;

}

@media (min-width: 640px) {

  .apk-banner amp-img {

    width: 160px;

  }

}

.apk-banner .banner_button {

  margin-top: 0;

  width: 165px;

  background-color: var(--color-secondary);

  background-image: var(--back-secondary);

  box-shadow: var(--shadow-secondary);

  font-size: 16px;

  border-radius: var(--border);

  color: var(--text);

  height: 40px;

  animation: pulse 1.5s infinite;

}

.apk-banner .banner_button:hover {

  background-image: var(--back-secondary-hover);

}

@media (min-width: 640px) {

  .apk-banner .banner_button {

    width: 300px;

    font-size: 18px;

  }

}

@keyframes pulse {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    50% {

        -webkit-transform: scale3d(1.05,1.05,1.05);

        transform: scale3d(1.05,1.05,1.05)

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}