* {
  box-sizing: border-box;
}

html {
  width: 100%
}

.menu.open.nav.menu-footer {
  flex-direction: column
}

body {
  background-color: #10161e;
  color: #d0d0d0;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  min-width: 320px;
  padding: 0;
  width: 100%
}

.topnav .menu-icon {
  display: none
}

.section-footer {
  background-color: var(--bg-producer);
  margin-top: 20px
}

.wrapper {
  max-width: 1100px;
  margin: 0 10px;
  width: -webkit-fill-available
}

.menu-wrapper {
  width: 100%;
}

[class^=container-] {
  display: flex;
  width: -webkit-fill-available;
  justify-content: center;
}

.container-producer {
  flex-direction: column;
  padding: 30px 0;
  border-top: 1px #3c3546 solid
}

.container-footer {
  flex-direction: column;
  align-items: center;
  padding-bottom: 30px;
}

[class^=section] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.block-header {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between
}

.header-logotype {
  height: 24px;
  margin: 13px 0
}

.st-content-block {
  background-color: #000;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 5px 10px;
  width: 100%;
  margin: 10px 0 0;
  border-radius: var(--border-radius)
}

.font-style-header-block {
  color: #fff;
  font-size: 13px;
  text-align: center
}

.st-template-part {
  display: contents;
  width: 100%
}

.display-two {
  display: grid;
  gap: 30px;
  grid-template: 1fr/1fr 1fr
}

.hamburger {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2rem;
  justify-content: space-around;
  width: 2rem
}

.hamburger span {
  background: #333;
  border-radius: 3px;
  height: 3px;
  transition: all .3s;
  width: 2rem
}

.menu {
  display: none
}

.hamburger span:nth-child(2) {
  transform-origin: 0 0
}

.menu.open .hamburger span:first-child {
  transform: rotate(45deg) translate(0.4rem, 0.5rem)
}

.menu.open .hamburger span:nth-child(2) {
  opacity: 0
}

.menu.open .hamburger span:last-child {
  transform: rotate(-45deg) translate(0.4rem, -0.5rem)
}

.product-template {
  align-items: center;
  display: flex;
  height: 100%
}

.product-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.product-media.product-template img {
  border-radius: var(--border-radius)
}

.product-name {
  font-size: 22px;
  font-weight: 700;
  color: var(--main_color)
}

.product-description {
  color: #e0e0e0;
  font-size: 14px;
  text-align: left;
  margin: 10px 0
}

.header-block {
  align-items: center;
  border-radius: var(--border-radius);
  height: auto;
  justify-content: center;
  padding: 60px 77px;
  background-color: var(--bg-header-block);
}

.button-group {
  display: flex;
  gap: 15px;
  margin: 10px 0;
  width: 100%
}

.btn-header-template {
  border-radius: var(--border-radius);
  padding: 10px 20px
}

a.btn-header-template.btn-log {
  color: #fff;
  transition: .3s;
  border: 1px solid var(--main_color)
}

a.btn-header-template.btn-log:hover {
  background-color: #1c2635
}

a.btn-header-template.btn-reg {
  color: #fff;
  background-color: var(--main_color)
}

.btn-header-template.btn-reg {
  position: relative;
  overflow: hidden
}

.btn-header-template.btn-reg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
  transition: left 0.5s ease
}

.btn-header-template.btn-reg:hover::before {
  left: 100%
}

.logo,
body {
  align-items: center;
  display: flex
}

.logo {
  height: 68px;
  justify-content: center
}

.product-info {
  display: flex;
  flex-direction: column
}

.header-button {
  align-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0 0
}

figcaption {
  text-align: center;
  font-size: 14px;
  color: #6b6b6b;
  margin-bottom: 10px
}

table {
  text-decoration: none;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  border: 2px solid #2b3b47;
  word-break: break-word;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
  margin: 10px 0
}

tbody {
  margin: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

table tbody tr:nth-of-type(odd) {
  background: #161f2c
}

table tbody tr:nth-of-type(even) {
  background: #1e2939
}

td,
th {
  padding: 7px
}

td p {
  text-align: left
}

td {
  color: #e6e6e6;
  position: relative;
  text-align: left
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px
}

.faq details {
  background: #43505d;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius)
}

dd,
figure {
  margin: 0
}

dt {
  font-weight: bold;
}

.faq summary {
  cursor: pointer;
  display: block;
  font-weight: 700;
  padding: 10px 15px
}

.faq p {
  font-size: 90%;
  padding: 10px 15px;
  margin: 0;
  border-top: solid 2px #394755
}

img {
  max-width: 100%;
  height: auto
}

iframe {
  width: 100%;
  height: inherit;
  border-radius: var(--border-radius);
}

.menu-footer {
  align-items: center;
  border-radius: var(--border-radius);
  flex-wrap: wrap;
  max-width: 100%
}

.menu-footer ul {
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0
}

.back-menu ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0
}

.menu-footer a {
  color: #fff
}

.menu-footer li {
  padding: 0
}

.menu-footer,
.menu-footer ul
  {
  display: flex;
  justify-content: center
}

.back-menu,
.copyright {
  display: flex;
  font-size: 12px
}

.copyright {
  justify-content: space-between;
  margin-top: 30px;
  width: 100%;
  color: #fff;
}

.licensed {
  color: #848d98;
  font-size: 11px;
  text-align: center;
  margin-top: 30px
}

.back-menu {
  flex-wrap: wrap;
  шalign-items: center;
  justify-content: center;
  text-decoration: none;
  margin-top: 30px
}

.back-menu a {
  color: #788fbd;
  padding: 0 5px;
  text-decoration: none;
  transition: .3s
}

.back-menu a:hover {
  color: #a375ff
}

blockquote {
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  text-align: justify;
  margin-inline-start: 0;
  margin-inline-end: 0;
  background-color: #1c2735
}

li.active {
  color: var(--main_color)
}

.menu-footer li.active {
  color: var(--main_color)
}

.menu-icon svg {
  stroke: #fff;
}

/* WIDGET STYLE ONE */

.section-categories {
  width: -webkit-fill-available;
  gap: 10px;
  flex-direction: row;
  margin: 10px;
}

.category-name {
  z-index: 9;
  color: white;
  font-size: 21px;
  font-weight: bold;
}

[class^="category_id"] {
  position: relative;
  background-color: #1b1f2e;
  border-radius: 0.62rem;
  width: 100%;
  height: 4.8rem;
  padding: 0 3.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

[class^="category_id"] img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

[class^="category_id"]:hover img {
  transform: scale(1.05);
}

/* WIDGET STYLE TWO */

.slots {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: -webkit-fill-available;
  gap: 10px;
  padding: 0;
  margin: 0;
}

[class^=game--] {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: .3s;
  border-radius: var(--border-radius);
}

[class^=game--] img {
  width: 100%;
  height: 100%;
  margin: 0;
  transition: .3s;
  object-fit: cover
}

[class^=game--]:hover img {
  scale: 1.15;
  filter: blur(2px);
}

.game__info {
  position: absolute;
  top: 0;
  margin: auto;
  padding: 4px 10px;
  font-size: 10px;
  line-height: 1;
  background: #00000045;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.slots-overlay,
[class^=game--]::before {
  background: linear-gradient(180deg, rgba(255, 0, 104, 0) 0, #151b22 84.27%);
  left: 0;
  position: absolute;
  top: 0;
  transition: .3s;
  width: 100%;
  opacity: 0;
}

[class^=game--]:hover .game-btn,
[class^=game--]:hover .slots-overlay {
  opacity: 1;
  transition: .3s;
}

.game-btn {
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  padding: 10px 20px;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transform: skew(-10deg, 0);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  opacity: 0
}

.game-btn:hover {
  box-shadow: 0 0 10px #3f3f3f;
  color: #782430;
}

.slots-overlay {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

.slot__name,
.slot__provider {
  line-height: 0;
}

.slot__name {
  font-weight: bold;
  font-size: 14px;
  text-wrap: nowrap;
}

.slot__provider {
  color: #bdbdbd;
  font-size: 11px
}

.entry-title {
  font-size: 21px;
  font-weight: bold;
  text-align: left;
  margin: 0
}

.d-link {
  cursor: pointer
}

/* PRODUCER LIST */

.producer-image {
  --image-height: 3.75em;
  width: 160px;
  height: 60px;
  overflow: hidden;
  transition: all .5s ease;
}

.producer-image__wrapper {
  width: 100em;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.producer-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.producer-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  justify-items: center;
  gap: 10px;
}

.producer-image__image[data-class="netent"],
.producer-image__image[data-class="netent_"] {
  object-position: 0 0;
}

.producer-image__image[data-class="playngo"] {
  object-position: -10em 0;
}

.producer-image__image[data-class="yggdrasil"] {
  object-position: -20em 0;
}

.producer-image__image[data-class="amatic"] {
  object-position: -30em 0;
}

.producer-image__image[data-class="quickspin"],
.producer-image__image[data-class="quickspin_"] {
  object-position: -40em 0;
}

.producer-image__image[data-class="habanero"] {
  object-position: -50em 0;
}

.producer-image__image[data-class="microgaming"] {
  object-position: -60em 0;
}

.producer-image__image[data-class="redtiger"] {
  object-position: -70em 0;
}

.producer-image__image[data-class="evolution_gaming"],
.producer-image__image[data-class="evolution"],
.producer-image__image[data-class="evolution-gaming"] {
  object-position: -80em 0;
}

.producer-image__image[data-class="ezugi"] {
  object-position: -90em 0;
}

.producer-image__image[data-class="booongo"] {
  object-position: 0 calc(-1 * var(--image-height));
}

.producer-image__image[data-class="playson"],
.producer-image__image[data-class="playson_"] {
  object-position: -10em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="betsoft"] {
  object-position: -20em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="pragmatic"],
.producer-image__image[data-class="pragmaticplay"] {
  object-position: -30em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="btg"],
.producer-image__image[data-class="bigtimegaming"] {
  object-position: -40em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="isoftbet"],
.producer-image__image[data-class="isoftbet_"],
.producer-image__image[data-class="isb"] {
  object-position: -50em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="spinomenal"] {
  object-position: -60em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="belatra"] {
  object-position: -70em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="tomhorn"],
.producer-image__image[data-class="tom-horn"] {
  object-position: -80em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="booming_games"],
.producer-image__image[data-class="booming-games"],
.producer-image__image[data-class="booming"] {
  object-position: -90em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="wazdan"] {
  object-position: 0 calc(-2 * var(--image-height));
}

.producer-image__image[data-class="1x2gaming"] {
  object-position: -10em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="1x2irondog"],
.producer-image__image[data-class="irondogstudio"] {
  object-position: -20em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="egt"],
.producer-image__image[data-class="amusnet"] {
  object-position: -30em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="apollo_games"],
.producer-image__image[data-class="apollo-games"] {
  object-position: -40em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="gameart"],
.producer-image__image[data-class="game-art"] {
  object-position: -50em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="2by2-gaming"] {
  object-position: -60em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="mrslotty"],
.producer-image__image[data-class="mr-slotty"] {
  object-position: -70em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="edict"] {
  object-position: -80em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="pariplay"],
.producer-image__image[data-class="wizardgames"] {
  object-position: -90em calc(-2 * var(--image-height));
}

.producer-image__image[data-class="genesis-gaming"] {
  object-position: 0 calc(-3 * var(--image-height));
}

.producer-image__image[data-class="rabcat-productions"] {
  object-position: -10em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="bgaming"] {
  object-position: -20em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="platipus"] {
  object-position: -30em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="nextgen-gaming"] {
  object-position: -40em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="endorphina"] {
  object-position: -50em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="igrosoft"] {
  object-position: -60em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="thunderkick"] {
  object-position: -70em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="atronic"] {
  object-position: -80em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="bet2tech"] {
  object-position: -90em calc(-3 * var(--image-height));
}

.producer-image__image[data-class="cyberslot"] {
  object-position: 0 calc(-4 * var(--image-height));
}

.producer-image__image[data-class="globalslots"] {
  object-position: -10em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="megajack"] {
  object-position: -20em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="novomatic"] {
  object-position: -30em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="playtech"] {
  object-position: -40em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="unicum"] {
  object-position: -50em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="blueprint"] {
  object-position: -60em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="elk"] {
  object-position: -70em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="fugaso"] {
  object-position: -80em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="greentube"] {
  object-position: -90em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="nolimit"] {
  object-position: 0 calc(-5 * var(--image-height));
}

.producer-image__image[data-class="nolimitcity"] {
  object-position: 0 calc(-5 * var(--image-height));
}

.producer-image__image[data-class="pushgaming"] {
  object-position: -10em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="relax"] {
  object-position: -20em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="relaxgaming"] {
  object-position: -20em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="alg"] {
  object-position: -30em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="augustgaming"] {
  object-position: -40em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="betradar"] {
  object-position: -50em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="bsg"] {
  object-position: -20em calc(-1 * var(--image-height));
}

.producer-image__image[data-class="fantasma"] {
  object-position: -60em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="felixgaming"] {
  object-position: -70em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="hacksaw"] {
  object-position: -80em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="igtech"] {
  object-position: -90em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="kalamba"] {
  object-position: 0 calc(-6 * var(--image-height));
}

.producer-image__image[data-class="kiron"] {
  object-position: -10em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="leander"] {
  object-position: -20em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="reevo"] {
  object-position: -30em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="luckystreak"] {
  object-position: -40em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="maxwingaming"] {
  object-position: -50em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="merkur"] {
  object-position: -60em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="nucleus"] {
  object-position: -70em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="playreels"] {
  object-position: -80em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="sapphire"] {
  object-position: -90em calc(-6 * var(--image-height));
}

.producer-image__image[data-class="sthlmgaming"] {
  object-position: 0 calc(-7 * var(--image-height));
}

.producer-image__image[data-class="streambet"] {
  object-position: -10em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="technology"] {
  object-position: -20em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="truelab"] {
  object-position: -30em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="tvbet"] {
  object-position: -40em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="vivogaming"] {
  object-position: -60em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="goldenrace"] {
  object-position: -70em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="northernlights"] {
  object-position: -80em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="4thePlayer"] {
  object-position: -90em calc(-7 * var(--image-height));
}

.producer-image__image[data-class="betgames"] {
  object-position: 0 calc(-8 * var(--image-height));
}

.producer-image__image[data-class="rubyplay"] {
  object-position: -10em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="caetanocasino"],
.producer-image__image[data-class="caetano"] {
  object-position: -20em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="spribe"] {
  object-position: -30em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="spadegaming"] {
  object-position: -40em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="pocketgamessoft"] {
  object-position: -50em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="authenticgaming"],
.producer-image__image[data-class="authentic"] {
  object-position: -60em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="5men"] {
  object-position: -70em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="mascotgaming"],
.producer-image__image[data-class="mascot"] {
  object-position: -80em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="stakelogic"] {
  object-position: -90em calc(-8 * var(--image-height));
}

.producer-image__image[data-class="betradar"] {
  object-position: 0 calc(-9 * var(--image-height));
}

.producer-image__image[data-class="gamzix"] {
  object-position: -10em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="quickfire"] {
  object-position: -20em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="pragmaticplaylive"] {
  object-position: -30em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="netgame"] {
  object-position: -40em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="oryxgaming"],
.producer-image__image[data-class="oryx"] {
  object-position: -50em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="kagaming"] {
  object-position: -60em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="onlypay"] {
  object-position: -70em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="onlyplay"] {
  object-position: -70em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="betsolutions"] {
  object-position: -80em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="xprogaming"] {
  object-position: -90em calc(-9 * var(--image-height));
}

.producer-image__image[data-class="trueplay"] {
  object-position: 0 calc(-10 * var(--image-height));
}

.producer-image__image[data-class="3oaks"] {
  object-position: -10em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="mancala"] {
  object-position: -20em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="gamebeat"] {
  object-position: -30em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="zillion"] {
  object-position: -40em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="atmosfera"] {
  object-position: -50em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="swintt"] {
  object-position: -60em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="lucky"] {
  object-position: -70em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="redrakegaming"] {
  object-position: -80em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="avatarux"] {
  object-position: -10em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="1spin4win"] {
  object-position: -20em calc(-4 * var(--image-height));
}

.producer-image__image[data-class="slotmill"] {
  object-position: -50em calc(-5 * var(--image-height));
}

.producer-image__image[data-class="turbogames"] {
  object-position: -90em calc(-10 * var(--image-height));
}

.producer-image__image[data-class="salsa"] {
  object-position: 0 calc(-11 * var(--image-height));
}

.producer-image__image[data-class="bluebird"] {
  object-position: -10em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="beterlive"] {
  object-position: -20em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="greenjadegames"] {
  object-position: -30em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="onetouch"] {
  object-position: -40em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="barbarabang"] {
  object-position: -50em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="amigo"] {
  object-position: -60em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="popiplay"] {
  object-position: -70em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="aviatrix"] {
  object-position: -80em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="smartsoft"] {
  object-position: -90em calc(-11 * var(--image-height));
}

.producer-image__image[data-class="playbro"] {
  object-position: 0 calc(-12 * var(--image-height));
}

.producer-image__image[data-class="spinthon"] {
  object-position: -10em calc(-12 * var(--image-height));
}

.producer-image__image[data-class="evoplay"] {
  object-position: -20em calc(-12 * var(--image-height));
}

.winners__item:hover .winners__item-thumb {
  scale: 1.08;
}

.game-sort-and-filter {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 0 10px;
  gap: 10px
}

.sort-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px
}
@media(max-width: 1024px){
  .sort-list{
    flex-wrap: wrap;
  }
}

.sort__game {
  display: flex;
  width: 100%
}

ul.sort__game {
  padding-left: 5px;
  font-size: 14px;
  white-space: nowrap;
  width: auto;
  color: #ddd;
  margin: 0;
  padding: 0;
  transition: .3s
}

.sort__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  margin-right: 3px
}

ul.sort__game:hover {
  color: var(--main_color)
}

.star-ico {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik0xMS4zMTc0IDMuNjExODNDMTEuNTQzIDMuMjQ0MDQgMTEuNjU1OCAzLjA2MDE0IDExLjgwMDkgMi45OTczOUMxMS45Mjc1IDIuOTQyNiAxMi4wNzEyIDIuOTQyNiAxMi4xOTc5IDIuOTk3MzlDMTIuMzQyOSAzLjA2MDE0IDEyLjQ1NTcgMy4yNDQwNCAxMi42ODEzIDMuNjExODNMMTQuNjY2MyA2Ljg0ODEzQzE0Ljc1MTMgNi45ODY4MiAxNC43OTM5IDcuMDU2MTYgMTQuODUxOSA3LjEwNjU5QzE0LjkwMzIgNy4xNTEyMSAxNC45NjMxIDcuMTg0OSAxNS4wMjc5IDcuMjA1NTdDMTUuMTAxMiA3LjIyODkzIDE1LjE4MjUgNy4yMjkyNCAxNS4zNDUyIDcuMjI5ODZMMTkuMjUwMyA3LjI0NDY0QzE5LjcxMTcgNy4yNDYzOCAxOS45NDI1IDcuMjQ3MjYgMjAuMDc0MSA3LjM0NDU0QzIwLjE4ODkgNy40MjkzNyAyMC4yNjE5IDcuNTU5MjEgMjAuMjc0OCA3LjcwMTM1QzIwLjI4OTcgNy44NjQzNSAyMC4xNzA3IDguMDYyIDE5LjkzMjYgOC40NTczMkwxOC4wNDc5IDExLjU4NzNDMTcuOTU3NSAxMS43MzczIDE3LjkxMjQgMTEuODEyMyAxNy44OTQ3IDExLjg5MjRDMTcuODc5MSAxMS45NjMzIDE3Ljg3OTEgMTIuMDM2NyAxNy44OTQ3IDEyLjEwNzVDMTcuOTEyNCAxMi4xODc2IDE3Ljk1NzUgMTIuMjYyNiAxOC4wNDc5IDEyLjQxMjdMMTkuOTMyNiAxNS41NDI2QzIwLjE3MDcgMTUuOTM3OSAyMC4yODk3IDE2LjEzNTYgMjAuMjc0OCAxNi4yOTg2QzIwLjI2MTkgMTYuNDQwNyAyMC4xODg5IDE2LjU3MDYgMjAuMDc0MSAxNi42NTU0QzE5Ljk0MjUgMTYuNzUyNyAxOS43MTE3IDE2Ljc1MzYgMTkuMjUwMyAxNi43NTUzTDE1LjM0NTIgMTYuNzcwMUMxNS4xODI1IDE2Ljc3MDcgMTUuMTAxMiAxNi43NzEgMTUuMDI3OSAxNi43OTQ0QzE0Ljk2MzEgMTYuODE1IDE0LjkwMzIgMTYuODQ4NyAxNC44NTE5IDE2Ljg5MzRDMTQuNzkzOSAxNi45NDM4IDE0Ljc1MTMgMTcuMDEzMSAxNC42NjYzIDE3LjE1MThMMTIuNjgxMyAyMC4zODgxQzEyLjQ1NTcgMjAuNzU1OSAxMi4zNDI5IDIwLjkzOTggMTIuMTk3OSAyMS4wMDI2QzEyLjA3MTIgMjEuMDU3MyAxMS45Mjc1IDIxLjA1NzMgMTEuODAwOSAyMS4wMDI2QzExLjY1NTggMjAuOTM5OCAxMS41NDMgMjAuNzU1OSAxMS4zMTc0IDIwLjM4ODFMOS4zMzI0NiAxNy4xNTE4QzkuMjQ3NCAxNy4wMTMxIDkuMjA0ODcgMTYuOTQzOCA5LjE0Njg2IDE2Ljg5MzRDOS4wOTU1MiAxNi44NDg3IDkuMDM1NjIgMTYuODE1IDguOTcwODEgMTYuNzk0NEM4Ljg5NzU5IDE2Ljc3MSA4LjgxNjI0IDE2Ljc3MDcgOC42NTM1NCAxNi43NzAxTDQuNzQ4NDQgMTYuNzU1M0M0LjI4Njk5IDE2Ljc1MzYgNC4wNTYyNyAxNi43NTI3IDMuOTI0NjUgMTYuNjU1NEMzLjgwOTg3IDE2LjU3MDYgMy43MzY4MiAxNi40NDA3IDMuNzIzODkgMTYuMjk4NkMzLjcwOTA3IDE2LjEzNTYgMy44MjgwOSAxNS45Mzc5IDQuMDY2MTMgMTUuNTQyNkw1Ljk1MDg3IDEyLjQxMjdDNi4wNDEyIDEyLjI2MjYgNi4wODYzNyAxMi4xODc2IDYuMTA0MDEgMTIuMTA3NUM2LjExOTYyIDEyLjAzNjcgNi4xMTk2MiAxMS45NjMzIDYuMTA0MDEgMTEuODkyNEM2LjA4NjM3IDExLjgxMjMgNi4wNDEyIDExLjczNzMgNS45NTA4NyAxMS41ODczTDQuMDY2MTMgOC40NTczMUMzLjgyODA5IDguMDYyIDMuNzA5MDcgNy44NjQzNSAzLjcyMzg5IDcuNzAxMzVDMy43MzY4MiA3LjU1OTIxIDMuODA5ODcgNy40MjkzNyAzLjkyNDY1IDcuMzQ0NTRDNC4wNTYyNyA3LjI0NzI2IDQuMjg2OTkgNy4yNDYzOCA0Ljc0ODQ0IDcuMjQ0NjRMOC42NTM1NCA3LjIyOTg2QzguODE2MjQgNy4yMjkyNCA4Ljg5NzU5IDcuMjI4OTMgOC45NzA4MSA3LjIwNTU3QzkuMDM1NjIgNy4xODQ5IDkuMDk1NTIgNy4xNTEyMSA5LjE0Njg2IDcuMTA2NTlDOS4yMDQ4NyA3LjA1NjE2IDkuMjQ3NCA2Ljk4NjgyIDkuMzMyNDYgNi44NDgxM0wxMS4zMTc0IDMuNjExODNaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
}

.add-ico {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iI0NDQ0NDQyIgc3Ryb2tlLXdpZHRoPSIwLjUyOCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNjc5OTk5OTk5OTk5OTk5NyIvPiA8cGF0aCBkPSJNMTUgMTJMMTIgMTJNMTIgMTJMOSAxMk0xMiAxMkwxMiA5TTEyIDEyTDEyIDE1IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS42Nzk5OTk5OTk5OTk5OTk3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPC9nPgoNPC9zdmc+);
}

.game-ico {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBpZD0iRmxhdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iNy4xNjgwMDAwMDAwMDAwMDEiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMTk5LjAzNzExLDE5OC4zMDk4MWE5OS44MjI4OCw5OS44MjI4OCwwLDAsMCwwLTE0MC42MTk2MkEzLjk4MiwzLjk4MiwwLDAsMCwxOTguNzEsNTcuMjlhMy45MDQxNiwzLjkwNDE2LDAsMCwwLS40MDA4OC0uMzI3NzYsOTkuODIyNiw5OS44MjI2LDAsMCwwLTE0MC42MTgxNiwwQTMuOTA0MTYsMy45MDQxNiwwLDAsMCw1Ny4yOSw1Ny4yOWEzLjk4MiwzLjk4MiwwLDAsMC0uMzI3MTUuNDAwMTUsOTkuODIyODgsOTkuODIyODgsMCwwLDAsMCwxNDAuNjE5NjJBMy45ODIsMy45ODIsMCwwLDAsNTcuMjksMTk4LjcxYTMuOTM0NzUsMy45MzQ3NSwwLDAsMCwuNDAwODguMzI3NjQsOTkuODIyMzEsOTkuODIyMzEsMCwwLDAsMTQwLjYxODE2LDBBMy45MzQ3NSwzLjkzNDc1LDAsMCwwLDE5OC43MSwxOTguNzEsMy45ODIsMy45ODIsMCwwLDAsMTk5LjAzNzExLDE5OC4zMDk4MVpNMzYuMDkyMjksMTMySDY4LjE0ODQ0YTU5LjcyOTQyLDU5LjcyOTQyLDAsMCwwLDE0LjcyMjE3LDM1LjQ3MzI3TDYwLjIxMjQsMTkwLjEzMTM1QTkxLjY0ODIxLDkxLjY0ODIxLDAsMCwxLDM2LjA5MjI5LDEzMlpNNjAuMjEyNCw2NS44Njg2NSw4Mi44NzA2MSw4OC41MjY3M0E1OS43Mjk0Miw1OS43Mjk0MiwwLDAsMCw2OC4xNDg0NCwxMjRIMzYuMDkyMjlBOTEuNjQ4MjEsOTEuNjQ4MjEsMCwwLDEsNjAuMjEyNCw2NS44Njg2NVpNMjE5LjkwNzcxLDEyNEgxODcuODUxNTZhNTkuNzI5NDIsNTkuNzI5NDIsMCwwLDAtMTQuNzIyMTctMzUuNDczMjdMMTk1Ljc4NzYsNjUuODY4NjVBOTEuNjQ4MjEsOTEuNjQ4MjEsMCwwLDEsMjE5LjkwNzcxLDEyNFpNMTI4LDE4MGE1Miw1MiwwLDEsMSw1Mi01MkE1Mi4wNTksNTIuMDU5LDAsMCwxLDEyOCwxODBabTM5LjQ3MzE0LTk3LjEyOTUyQTU5LjczMjU3LDU5LjczMjU3LDAsMCwwLDEzMiw2OC4xNDgxOVYzNi4wOTIyOUE5MS42NDc1Nyw5MS42NDc1NywwLDAsMSwxOTAuMTMxMzUsNjAuMjEyNFpNMTI0LDY4LjE0ODE5QTU5LjczMjU3LDU5LjczMjU3LDAsMCwwLDg4LjUyNjg2LDgyLjg3MDQ4TDY1Ljg2ODY1LDYwLjIxMjRBOTEuNjQ3NTcsOTEuNjQ3NTcsMCwwLDEsMTI0LDM2LjA5MjI5Wk04OC41MjY4NiwxNzMuMTI5NTJBNTkuNzMyNTcsNTkuNzMyNTcsMCwwLDAsMTI0LDE4Ny44NTE4MXYzMi4wNTU5QTkxLjY0NzU3LDkxLjY0NzU3LDAsMCwxLDY1Ljg2ODY1LDE5NS43ODc2Wk0xMzIsMTg3Ljg1MTgxYTU5LjczMjU3LDU5LjczMjU3LDAsMCwwLDM1LjQ3MzE0LTE0LjcyMjI5bDIyLjY1ODIxLDIyLjY1ODA4QTkxLjY0NzU3LDkxLjY0NzU3LDAsMCwxLDEzMiwyMTkuOTA3NzFabTQxLjEyOTM5LTIwLjM3ODU0QTU5LjcyOTQyLDU5LjcyOTQyLDAsMCwwLDE4Ny44NTE1NiwxMzJoMzIuMDU2MTVhOTEuNjQ4MjEsOTEuNjQ4MjEsMCwwLDEtMjQuMTIwMTEsNTguMTMxMzVaIi8+IDwvZz4KDTwvc3ZnPg==);
}

.win-ico {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiMwMDAwMDAiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe2ZpbGw6I2ZmZmZmZjt9IDwvc3R5bGU+IDxnPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDk0LjczNCw1MS4zODNjLTEwLjYyNS0xMC42NDQtMjUuNDQ0LTE3LjI3NS00MS42ODEtMTcuMjY2aC0yNi45MzZoLTEzLjY2M0g5OS41NDZIODUuODkySDU4Ljk0OCBjLTE2LjIyOS0wLjAwOS0zMS4wNTYsNi42MjItNDEuNjgxLDE3LjI2NkM2LjYyMyw2Mi4wMDgtMC4wMDgsNzYuODM2LDAsOTMuMDY0djMwLjg3NGMwLDM3Ljk5NywyMy4xMzMsNzIuMTY0LDU4LjQxMSw4Ni4yNzQgbDAuNTI3LDAuMjA4bDYxLjI1OCwxOC43NjdjMy4wNDcsMy45NDgsNi4yNTgsNy44MTMsOS44NDIsMTEuNTA3YzIyLjc1MSwyMy4zOTYsNDQuODY1LDM5LjEwNyw2MC4xMDIsNTEuODYgYzcuNjIyLDYuMzQ5LDEzLjQyNywxMS45NDQsMTYuODI4LDE2LjcwMmMxLjcyLDIuMzc0LDIuODU2LDQuNDk0LDMuNTc1LDYuNDVjMC43MSwxLjk2NSwxLjA0NiwzLjc2NSwxLjA0Niw1Ljg2NyBjMCwyOS42NTUsMCwxMi41MTgsMCw0Mi4xNzNjMCw2LjEzMS0wLjg2NSwxMS4zOTgtMi4zMDIsMTUuNzQ2Yy0yLjE5Miw2LjU0MS01LjUyMiwxMC45Ny05LjYxNSwxMy45OTEgYy00LjEzLDIuOTg0LTkuMjc4LDQuNzY2LTE2LjE1Niw0Ljc5NGMtMjQuNTI0LDAtMjQuNzYxLDAtMjQuNzc5LDBoLTEzLjY2M3Y3OS42MDVoMjIxLjg1di03OS42MDVoLTEzLjY2M2MwLDAtMC4yNDYsMC0yNC43NywwIGMtNC41ODUsMC04LjQxNC0wLjgyOC0xMS42NjItMi4yMjhjLTQuODQ5LTIuMTM4LTguNjA1LTUuNDg2LTExLjU2Mi0xMC42ODljLTIuOTExLTUuMTk0LTQuODU4LTEyLjM5OS00Ljg1OC0yMS42MTQgYzAtMjkuNjU1LDAtMTIuNTE4LDAtNDIuMTczYzAuMDA5LTIuMTAyLDAuMzQ2LTMuOTAyLDEuMDQ3LTUuODY3YzEuMjI4LTMuMzkzLDMuODc1LTcuNDMyLDguMzg2LTEyLjE1MyBjNi43MDUtNy4wOTYsMTcuMjkzLTE1LjMzNywyOS45Mi0yNS4zODljMTIuNjI2LTEwLjA4OCwyNy4yNjItMjIuMTA1LDQyLjE5OS0zNy40N2MzLjU4NC0zLjY5NCw2LjgwNS03LjU1OSw5Ljg0My0xMS41MDcgbDYxLjI2Ni0xOC43NjdsMC41MTktMC4yMDhjMzUuMjg2LTE0LjExLDU4LjQxLTQ4LjI3Nyw1OC40MS04Ni4yNzRWOTMuMDY0QzUxMi4wMDksNzYuODM2LDUwNS4zODYsNjIuMDA4LDQ5NC43MzQsNTEuMzgzeiBNNjguMTk4LDE4NC42OTVjLTI0LjcwNi0xMC4wNTItNDAuODgtMzQuMDU4LTQwLjg4LTYwLjc1N1Y5My4wNjRjMC4wMDgtOC43NjksMy41Mi0xNi42MDEsOS4yNi0yMi4zNiBjNS43NzYtNS43NDksMTMuNTktOS4yNiwyMi4zNjktOS4yN2gyNi44OTljLTAuMDI4LDYuMzU5LTAuMDY1LDEyLjcyNi0wLjA2NSwxOS4wNThjMC4wMTksMjkuMjkxLDAuNjgzLDU4LjE4Myw2LjQ1LDg1LjUxIGMyLjA3NCw5Ljc4Nyw0Ljg0OCwxOS4zNjcsOC40ODcsMjguNjU0TDY4LjE5OCwxODQuNjk1eiBNMzkzLjA1MiwxNjAuMzQzYy0yLjUyOSwxMS45MzYtNi4wODYsMjMuMDI0LTExLjA1MywzMy4yMjEgYy00Ljk2NywxMC4yMDgtMTEuMzE2LDE5LjU0LTE5LjYyMSwyOC4wOTFjLTIwLjg1OSwyMS40NzctNDEuNDU0LDM2LjEzMi01OC4wMjgsNDkuOTQxYy04LjI3OCw2Ljk0MS0xNS42NDYsMTMuNjgyLTIxLjQ1LDIxLjY1IGMtMi44ODQsMy45ODUtNS4zNSw4LjMxNS03LjA5NiwxMy4wODFjLTEuNzQ2LDQuNzQ5LTIuNzE5LDkuOTM0LTIuNzExLDE1LjI0NmMwLDI5LjY1NSwwLDEyLjUxOCwwLDQyLjE3MyBjMCw4LjY5NiwxLjIyLDE2Ljg2NSwzLjY5NCwyNC4zMzRjMy42ODQsMTEuMTg5LDEwLjMzNCwyMC44MzEsMTkuNDQsMjcuNDYzYzkuMDc4LDYuNjU5LDIwLjM2OCwxMC4wODgsMzIuMjY2LDEwLjA1MiBjNC40NjYsMCw4LjExNCwwLDExLjExNiwwdjI0Ljk3MUgxNzIuMzkydi0yNC45NzFjMy4wMDIsMCw2LjY1LDAsMTEuMTI1LDBjNy45NDIsMC4wMDksMTUuNTgzLTEuNDgzLDIyLjUwNS00LjQ3NSBjMTAuNDA3LTQuNDc2LDE4Ljk4NS0xMi40MTcsMjQuNTQzLTIyLjQyNGM1LjU5NS0xMC4wMDYsOC4zNDItMjEuOTIzLDguMzQyLTM0Ljk0OWMwLTI5LjY1NSwwLTEyLjUxOCwwLTQyLjE3MyBjMC4wMS01LjMxMi0wLjk2NC0xMC40OTctMi43MS0xNS4yNDZjLTMuMDc1LTguMzY5LTguMjUtMTUuMjkyLTE0LjI0Ni0yMS42MDRjLTkuMDYxLTkuNDctMjAuMjY4LTE3Ljk3NS0zMi42NjYtMjcuOSBjLTEyLjM5LTkuODk3LTI1Ljk4LTIxLjA4Ni0zOS42NjItMzUuMTY4Yy04LjMwNS04LjU1MS0xNC42NTQtMTcuODg0LTE5LjYyMS0yOC4wOTFjLTcuNDQxLTE1LjI4Mi0xMS43MzUtMzIuNjMtMTQuMS01MS43MDUgYy0yLjM3NC0xOS4wNDktMi44MDEtMzkuNzQ0LTIuODAxLTYxLjM2N2MwLTYuMjc3LDAuMDI3LTEyLjY0NCwwLjA2My0xOS4wNThoMjg1LjY4MmMwLjAxOCw2LjQxNCwwLjA1NSwxMi43OCwwLjA1NSwxOS4wNTggQzM5OC45MTgsMTA5LjMyOSwzOTguMTA5LDEzNi41MDEsMzkzLjA1MiwxNjAuMzQzeiBNNDg0LjY5MiwxMjMuOTM4YzAsMjYuNjk5LTE2LjE4NCw1MC43MDUtNDAuODksNjAuNzU3bC0zMi41MzksOS45NiBjNi4xODYtMTUuNzU1LDkuODI1LTMyLjM3NSwxMS45NDUtNDkuNDIyYzIuNjEtMjEuMDMyLDMuMDAxLTQyLjc3MywzLjAxMS02NC43NDJjMC02LjMzMS0wLjAzNi0xMi42OTktMC4wNjQtMTkuMDU4aDI2Ljg5OSBjOC43NzgsMC4wMSwxNi42MDEsMy41MiwyMi4zNjgsOS4yN2M1Ljc0LDUuNzU4LDkuMjYxLDEzLjU4MSw5LjI3LDIyLjM2VjEyMy45Mzh6Ii8+IDwvZz4gPC9nPgoNPC9zdmc+);
}

form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%
}

.box_input_text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 100%
}

.box_input_text.search [type=search] {
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 35px
}

.box_input_text input {
  box-sizing: border-box;
  width: 100%;
  background: linear-gradient(111.84deg, #1d2839 0%, #161f2c 102.14%);
  color: #fff
}

.box_input_text input {
  height: 35px;
  padding: 0 18px;
  font-size: 14px
}

input {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: initial
}

.box_input_text.search .search_submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  background: transparent url(../../img/content/icon_search.svg) no-repeat 50%;
  background-size: 18px;
  cursor: pointer
}

.input-suggestion {
  position: absolute;
  opacity: 0;
  z-index: 100;
  visibility: hidden;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 10px;
  background: linear-gradient(111.84deg, #2e2147 0%, #36212a 102.14%);
  transition: visibility .5s, opacity .25s ease;
}

button {
  padding: 0;
  margin: 0;
  border: none;
  outline: 0;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  text-decoration: none;
  color: inherit
}

/* SIDEBAR AREA */

.area__title {
  padding: 0.5rem;
  font-size: 12px;
  font-weight: bold;
}

.area__title:before {
  content: "";
  background-color: red;
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.winners__item-thumb {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  align-self: start;
  height: 45px;
  width: 45px;
  transition: 0.3s;
  cursor: pointer;
}

.winners__list {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  padding-bottom: 0.5rem;
  transition: .3s;
}

.winners__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
  gap: 10px;
  transition: 500ms;
}

.winners__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.winners__item-name {
  font-size: 13px;
  color: #929191;
  text-wrap: nowrap;
  white-space: nowrap;
}

.winners__item-amount {
  font-size: 13px;
  font-weight: bold;
  text-wrap: nowrap;
  white-space: nowrap;
}

.winners__list::-webkit-scrollbar,
.sort-list::-webkit-scrollbar {
  height: 7px !important;
  background-color: #344453 !important;
  border-radius: var(--border-radius);
}

.winners__list::-webkit-scrollbar-thumb,
.sort-list::-webkit-scrollbar-thumb {
  background-color: #1c2d3d !important;
  border-radius: var(--border-radius);
  border: none !important;
}

.widget__area {
  display: flex;
  flex-direction: column;
}

.widget__area.jackpot {
  padding: 21px 0;
  background-color: #1c2d3d;
  border-radius: var(--border-radius);
  align-items: center;
  margin-bottom: 10px;
}

.widget__area.bonuses {}

.blocks-bonuses {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.block__bonus {
  border-radius: var(--border-radius);
  align-items: flex-start;
  background-color: #324555;
  padding: 10px
}

.block__bonus-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.block__bonus-marker {
  padding: 5px 10px;
  background-color: #22303b;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1;
}

.block__bonus-info {
  display: flex;
  font-size: 11px;
  line-height: 0;
  background: #566b7b;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.block__bonus-head {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 0;
}

.block__bonus-text {
  line-height: 1;
  font-size: 13px;
  color: #697987;
  padding: 5px 0 0;
  text-decoration: none;
}

.widget__area-amount {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

.widget__area-text {
  font-size: 13px;
  color: #9b9b9b;
}

.section-main {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

.content-page {
  display: flex;
  width: 100%
}

.sidebar {
  background-color: var(--bg-sidebar);
  margin: 10px 0 20px 20px;
  border-radius: var(--border-radius);
  padding: 10px;
  min-width: 230px;
  max-width: 230px;
  height: max-content;
}

.sidebar__area {
  margin-top: auto;
  position: sticky;
  bottom: 0
}

.game__cat {
  margin: 10px
}

.slots-overlay .play__btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI2LjkgMTIuNjUtMTcuOS0xMC42NWE0Ljg5IDQuODkgMCAwIDAgLTQuOSAwIDMuOTIgMy45MiAwIDAgMCAtMi4xIDMuM3YyMS40YTMuOTIgMy45MiAwIDAgMCAyLjA4IDMuNCA0Ljg4IDQuODggMCAwIDAgNC45Mi0uMWwxNy45LTEwLjY1YTMuOSAzLjkgMCAwIDAgMC02LjY5eiI+PC9wYXRoPjwvc3ZnPg==);
  background-color: unset;
  background-position: center;
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  transition: .3s
}

.slots-overlay .play__btn:hover {
  filter: drop-shadow(0px 0px 20px white);
  scale: 1.05
}

.container-fmenu {
  padding: 60px 0
}

.foot-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: -webkit-fill-available;
  gap: 10px
}

.container-fmenu ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  color: #d0d0d0
}

.container-fmenu li {
  width: max-content;
  list-style: none;
  text-align: left;
  transition: .3s
}

.container-fmenu li:hover {
  color: aliceblue
}

.menu-collumn {
  width: 100%
}

.container-payments {
  flex-direction: column;
  padding: 30px 0;
  border-bottom: 1px #3c3546 solid
}

.payments-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  justify-items: center;
  gap: 10px
}

.payment__icon {
  display: flex;
  height: 60px;
  align-items: center
}

.visa img,
.bch img,
.btc img,
.eth img,
.ltc img,
.mir img,
.trx img,
.usdt img {
  height: 30px
}

.slot {
  height: 565px;
  margin-top: 10px;
}

.image-frame {
  position: relative;
  overflow: hidden;
  height: inherit;
  border-radius: 10px;
}

.slot-image {
  width: 100%;
  height: 565px;
  object-fit: cover;
  filter: blur(3px);
}

.btn_area {
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  height: inherit;
  justify-content: center;
  align-items: center;
}

.play__btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI2LjkgMTIuNjUtMTcuOS0xMC42NWE0Ljg5IDQuODkgMCAwIDAgLTQuOSAwIDMuOTIgMy45MiAwIDAgMCAtMi4xIDMuM3YyMS40YTMuOTIgMy45MiAwIDAgMCAyLjA4IDMuNCA0Ljg4IDQuODggMCAwIDAgNC45Mi0uMWwxNy45LTEwLjY1YTMuOSAzLjkgMCAwIDAgMC02LjY5eiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  background-position: center center;
  transition: all 0.3s ease 0s;
}

.play__btn:hover {
  filter: drop-shadow(white 0px 0px 20px);
  scale: 1.05;
}

.playFrame {
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.slot__meta {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  gap: 5px;
}

.slot-info {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}

.slot__features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  gap: 10px;
}

.slot__features .features {
  display: flex;
  width: 100%;
  flex-direction: column;
  background: #161f2c;
  color: #fff;
  border-radius: 10px;
  align-items: center;
  padding: 15px 10px;
}

.slot__features span.heading {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.iframeContainer {
  height: inherit
}

.posts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
}

.post {
  width: 100%;
  background: #1e2938;
  padding: 10px;
  border-radius: 10px;
  transition: .3s;
}

.post:hover {
  background: #293545;
}

.post-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.post a {
  text-decoration: none;
  color: #007bff;
  font-weight: bold;
}

.post a:hover {
  color: #fff;
}

.post p {
  font-size: 14px;
  color: #c0c0c0;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.breadcrumbs {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  list-style: none;
  padding: 5px;
  margin: 10px 0 0 0;
  background: var(--bg-mobile-menu);
  border-radius: 10px;
  justify-content: center;
  font-size: 14px;
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.breadcrumbs li {
  display: flex;
  align-items: center;
  color: #517dd6;
  text-align: left;
  text-wrap: pretty;
}

.breadcrumbs li+li::before {
  content: ' » ';
  padding: 0 5px;
}

.breadcrumbs a {
  text-decoration: none;
}

.hero-slider {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hero-slide {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 320px;
}

.slide-picture {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slide-picture:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 42%);
  opacity: 0;
  transition: opacity .3s linear;
  z-index: 1;
}

.slide-picture img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  border-radius: 10px;
}

.slide-info {
  display: flex;
  height: 100%;
  width: 50%;
  position: relative;
  color: white;
  margin: 0;
  padding: 35px;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}

.slide-text {
  margin: 5px 0;
  padding: 0;
}

.slide-text.title {
  font-size: 36px;
  text-align: left;
  font-weight: bold;
  line-height: 1;
}

.slide-text.par {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

.slide-btn {
  display: block;
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 50px;
  text-align: center;
  width: max-content;
  margin: 20px 0 0;
  transition: .3s;
}

.slide-btn:hover {
  background: #1c75ec;
  color: #fff;
}

@media (min-width: 1024px) {
  .hamburger {
      display: none
  }
  .menu {
      display: block
  }
  .screen {
      width: 100%
  }
  .topnav {
      width: 100%;
      overflow: hidden;
      position: relative;
      display: flex !important;
      justify-content: space-between;
  }
  .topnav #myLinks {
      display: flex !important;
      flex-direction: row
  }
  .topnav .menu-icon {
      color: white;
      padding: 16px 10px;
      text-decoration: none;
      font-size: 17px;
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
  }
  .topnav .menu-icon a:hover {
      color: white;
  }
  li.active {
      text-decoration: none;
      font-size: 15px;
      display: flex !important;
      justify-content: center;
  }
  #myLinks {
      align-items: center;
      margin-bottom: 0;
      border-radius: var(--border-radius);
  }
  #myLinks a {
      width: 100%;
      text-decoration: none;
      font-size: 15px;
      display: flex !important;
      justify-content: center;
  }
  #myLinks ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      list-style: none;
      margin: 0;
      padding: 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .hamburger {
      display: none
  }
  .menu {
      display: block
  }
  .screen {
      width: 100%
  }
  .topnav {
      width: 100%;
      overflow: hidden;
      position: relative;
      display: flex !important;
      justify-content: space-between;
  }
  .topnav #myLinks {
      display: flex !important;
      flex-direction: row
  }
  .topnav .menu-icon {
      color: white;
      padding: 16px 10px;
      text-decoration: none;
      font-size: 17px;
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
  }
  .topnav .menu-icon a:hover {
      color: white;
  }
  li.active {
      text-decoration: none;
      font-size: 15px;
      display: flex !important;
      justify-content: center;
  }
  #myLinks {
      align-items: center;
      margin-bottom: 0;
      border-radius: var(--border-radius);
  }
  #myLinks a {
      width: 100%;
      text-decoration: none;
      font-size: 15px;
      display: flex;
      justify-content: center;
  }
  #myLinks ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .slot {
      height: 480px
  }
  .slide-picture:before {
      opacity: 1;
  }
}

@media (max-width: 768px) {
  .container-main {
      flex-direction: column
  }
  .game-sort-and-filter {
      flex-wrap: wrap
  }
  .sort-list {
      overflow-x: auto;
      padding: 5px 0
  }
  .product-info {
      margin-top: 20px
  }
  .product-name,
  .product-description {
      text-align: center;
      width: 100%
  }
  .button-group {
      justify-content: center
  }
  .slots {
      grid-template-columns: repeat(4, 1fr);
  }
  .winners__list {
      flex-direction: row;
      overflow-x: auto
  }
  .content-page {
      flex-direction: column;
  }
  .sidebar {
      max-width: -webkit-fill-available;
      margin: 0;
  }
  .sidebar__area {
      position: relative
  }
  .header-block {
      padding: 10px;
      grid-template: 1fr/1fr
  }
  .screen {
      width: 100%
  }
  .topnav {
      width: 100%;
      overflow: hidden;
      position: relative;
      display: block !important
  }
  .topnav #myLinks {
      display: flex;
  }
  #myLinks {
      flex-direction: column;
      align-items: center;
      background-color: var(--bg-mobile-menu);
      margin-bottom: 10px;
      border-radius: var(--border-radius);
      overflow: hidden;
  }
  #myLinks a {
      width: 100%;
      text-decoration: none;
      font-size: 15px;
      display: flex;
      justify-content: center
  }
  #myLinks ul {
      width: 100%;
      list-style: none;
      margin-block-start: 10px;
      margin-inline-start: 0;
      padding-inline-start: 0;
      margin-block-end: 10px;
      margin-inline-end: 0
  }
  #myLinks li {
      padding: 10px 0
  }
  .topnav .menu-icon {
      color: white;
      padding: 16px 10px;
      text-decoration: none;
      font-size: 17px;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer
  }
  .topnav .menu-icon a:hover {
      color: white
  }
  li.active {
      text-decoration: none;
      font-size: 15px;
      width: 100%;
      padding: 10px 0;
      display: flex;
      justify-content: center;
  }
  .foot-menu {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
  }
  .container-fmenu ul {
      align-items: center;
  }
  .menu-collumn,
  .container-fmenu li {
      text-align: center
  }
  .slot {
      height: 350px
  }
  .slot__features {
      grid-template-columns: repeat(2, 1fr);
  }
  .posts {
      grid-template-columns: repeat(1, 1fr);
  }
  .slide-picture:before {
      opacity: 1;
  }
  .slide-info {
      width: 100%;
  }
}
.banner-cef {
  display: flex;
  width: 100%;
  height: 300px;
  padding: 0 40px;
  background-image: url(../../img/content/auf-banner.png);
  background-size: cover;
  background-position: center;
  align-items: center;
  border-radius: 10px;
  margin-top: 10px;
}

.cef-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cef-title {
  font-size: 24px;
  font-weight: bold;
  color: var(--main_color);
}

.cef-btn {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(137deg, var(--main_color) 1.11%, var(--main_color) 100%);
  margin-top: 20px;
}

.c-text {
  text-align: left;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  .slots {
      grid-template-columns: repeat(2, 1fr)
  }
  .display-two {
      gap: 20px;
      grid-template: 1fr/1fr
  }
  .infos {
      grid-template: 1fr/1fr
  }
  .section-categories {
      flex-wrap: wrap
  }
  [class^="category_id"] {
      padding: 1px 1.75rem
  }
  .foot-menu {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
  }
  .container-fmenu ul {
      align-items: center;
  }
  .menu-collumn,
  .container-fmenu li {
      text-align: center
  }
  .post-head svg {
      display: none;
  }
  .slide-picture:before {
      opacity: 1;
  }
  .slide-info {
      width: 100%;
  }
  .slide-text.title {
      font-size: 25px;
  }
}

a {
  color: #517dd6;
  text-decoration: none;
  transition: .3s
}

a:hover {
  color: #3f67b6
}

article {
  width: 100%
}

article p,
article ul,
article ol {
  color: #fff
}

article blockquote p {
  margin: 10px;
}

.topnav a {
  color: #fff
}

.topnav a:hover {
  color: #7494d4
}

li,
p {
  text-align: justify
}

ul,
ol {
  padding: 0 0 0 30px
}

h1,
h2,
h3,
h4 {
  color: #d1d1e0;
  font-size: 24px;
  margin: 10px 0 0
}

h2,
h3,
h4 {
  font-size: 21px
}

h3,
h4 {
  font-size: 18px;
  margin: 10px 0 5px
}

h4 {
  font-size: 16px
}

:root {
  --bg-producer: #161f2c;
  --bg-sidebar: #161f2c;
  --border-radius: 0.625rem;
  --margin: 0 10px;
  --transition-duration: .3s
}