@font-face {
  font-family: pixel;
  src: url(/assets/fonts/I-pixel-u.woff2);
}
@font-face {
  font-family: luckiest;
  src: url(/assets/fonts/LuckiestGuy.woff2);
}
.pre-loader {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  z-index: 9999;
  pointer-events: none;
  text-align: center;
}
.pre-loader a {
  pointer-events: none;
}
.pre-loader img {
  width: 45%;
}
html:lang(fr) main section.categories ul li .right p {
  font-size: 18px !important;
}
html:lang(ru) main section.categories ul li .right span {
  font-size: 1.625rem !important;
  font-weight: 900;
  line-height: normal !important;
}
html:not(:lang(fa)):not(:lang(ar)) main .slider-wrapper {
  height: 44vw;
  overflow: hidden;
}
html:not(:lang(fa)):not(:lang(ar)) main .slider-wrapper .slider .g-slide {
  background-image: url(/assets/images/homepage/slide.png);
  background-position: center;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-position: 0, center;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.5rem 7.125rem;
  width: 85rem;
  height: calc(44vw - 25rem);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li {
  position: relative;
  width: 23.5rem;
  height: 11rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #161519;
  border: 1px solid rgba(58, 53, 58, 0.8);
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    146.22deg,
    rgba(73, 81, 158, 0) 11.27%,
    rgba(73, 81, 158, 0.3) 21.97%,
    rgba(73, 81, 158, 0) 39.35%
  );
  pointer-events: none;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li:nth-child(2n) {
  margin-left: 1.5rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li.live
  .teams
  a {
  background-color: #ff172d;
  color: #fff;
  border-radius: 4px;
  height: 20px;
  width: 40px;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .status {
  position: relative;
  z-index: 2;
  margin-top: 1rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .status
  p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .status
  p:first-child {
  color: #ffd234;
  font-family: Roboto-Bold;
  font-size: 0.9rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .status
  p:last-child {
  color: #a5aaac;
  font-family: Roboto-Medium;
  font-size: 0.8rem;
  margin-top: 4px;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: Roboto-Medium;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:first-child,
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:first-child
  img,
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:last-child
  img {
  height: 2.5rem;
  margin-top: -2rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:first-child
  span,
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  div:last-child
  span {
  margin-top: 0.5rem;
  font-family: Roboto-Bold;
  font-size: 0.9rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  color: #ffd234;
  font-family: Roboto-Bold;
  font-size: 1.2rem;
  -webkit-transition: -webkit-filter 120ms ease-in;
  transition: -webkit-filter 120ms ease-in;
  transition: filter 120ms ease-in;
  transition: filter 120ms ease-in, -webkit-filter 120ms ease-in;
  cursor: pointer;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .teams
  a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .result-market {
  position: relative;
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 1rem 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  .slider-wrapper
  .slider
  .g-slide.top-league
  ul
  li
  .result-market:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(-6.58%, rgba(48, 42, 45, 0)),
    color-stop(49.95%, #302a2d),
    color-stop(107.05%, rgba(48, 42, 45, 0))
  );
  background: linear-gradient(
    270deg,
    rgba(48, 42, 45, 0) -6.58%,
    #302a2d 49.95%,
    rgba(48, 42, 45, 0) 107.05%
  );
}
html:not(:lang(fa)):not(:lang(ar)) main .middle {
  width: 76rem;
}
html:not(:lang(fa)):not(:lang(ar)) main .games-section {
  position: relative;
  overflow-x: clip;
}
html:not(:lang(fa)):not(:lang(ar)) main .games-section .middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
html:not(:lang(fa)):not(:lang(ar)) main .border-effect {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: calc(100% - 60px);
  z-index: 8;
  pointer-events: none;
}
html:not(:lang(fa)):not(:lang(ar)) main .border-effect::after {
  content: "";
  width: 1px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(179deg, #0000 0, #f07f17 60%, #0000 100%);
}
html:not(:lang(fa)):not(:lang(ar)) main .border-effect::before {
  content: "";
  width: 1px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(179deg, #0000 0, #f07f17 60%, #0000 100%);
}
html:not(:lang(fa)):not(:lang(ar)) main section .bonuses ul {
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1.125rem;
  padding: 5px 0;
}
html:not(:lang(fa)):not(:lang(ar)) main section .bonuses ul li {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
}
html:not(:lang(fa)):not(:lang(ar)) main section .bonuses ul li:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
html:not(:lang(fa)):not(:lang(ar)) main section .bonuses ul li .shine2 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.8)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
  -webkit-animation: shine2 0.75s linear 1;
  animation: shine2 0.75s linear 1;
}
html:not(:lang(fa)):not(:lang(ar)) main section .bonuses ul li:hover .shine2 {
  display: block;
}
@-webkit-keyframes shine2 {
  0% {
    left: -50%;
    opacity: 0;
  }
  50% {
    left: 25%;
    opacity: 0.5;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes shine2 {
  0% {
    left: -50%;
    opacity: 0;
  }
  50% {
    left: 25%;
    opacity: 0.5;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
html:not(:lang(fa)):not(:lang(ar)) main section .border-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title {
  font-family: Poppins-Bold, Roboto-Bold;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title .left span {
  color: #fff;
  font-size: 2.25rem;
  margin-right: 0.31rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section
  div.title
  .left
  span:last-child {
  color: #ffd234;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title.reverse .left span {
  color: #ffd234;
  font-size: 2.25rem;
  margin-right: 0.31rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section
  div.title.reverse
  .left
  span:last-child {
  color: #cac3c2;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title .right a {
  margin-left: 0.94rem;
  color: #fff;
  font-family: Poppins-Medium, Roboto-Medium;
  text-decoration: underline;
  -webkit-transition: color 120ms ease-in-out;
  transition: color 120ms ease-in-out;
  font-size: 1.13rem;
  margin-right: 0.31rem;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title .right a:hover {
  color: #ffd234;
}
html:not(:lang(fa)):not(:lang(ar)) main section div.title .right .view-more a {
  color: #ffd234 !important;
  font-family: Barlow-Bold !important;
  font-size: 12px !important;
  text-decoration: unset;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section
  div.title
  .right
  .view-more
  .count {
  color: #979da7;
  font-family: Barlow-Medium !important;
  font-size: 12px;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories {
  margin-top: -25rem;
  padding: 0 7.125rem;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.375rem;
  height: 20.625rem;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li {
  width: 16.625rem;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  height: 18.75rem;
  border-radius: 30px;
  background: linear-gradient(
      159deg,
      #201a1d 17.24%,
      #1c1513 80.48%,
      rgba(25, 24, 28, 0) 103.23%
    ),
    linear-gradient(180deg, #010606 0, rgba(1, 6, 6, 0) 100%);
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li
  .bottom-gradient {
  height: 50%;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(17.38%, rgba(0, 0, 0, 0)),
    color-stop(58.55%, rgba(0, 0, 0, 0.2)),
    color-stop(90.57%, rgba(0, 0, 0, 0.7)),
    color-stop(111.91%, rgba(40, 32, 24, 0))
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 17.38%,
    rgba(0, 0, 0, 0.2) 58.55%,
    rgba(0, 0, 0, 0.7) 90.57%,
    rgba(40, 32, 24, 0) 111.91%
  );
  border-radius: 30px;
  z-index: 6;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .image-hover {
  position: absolute;
  left: 0;
  opacity: 0;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .image-group {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li
  .image-group
  .image-moon {
  position: absolute;
  left: -7px;
  opacity: 0;
  top: 5px;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  bottom: 45px;
  pointer-events: none;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .image-gif {
  position: absolute;
  opacity: 0;
  z-index: 6;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li:hover {
  height: 330px;
  -webkit-box-shadow: 0 0 60px 0 rgba(67, 67, 120, 0.9);
  box-shadow: 0 0 60px 0 rgba(67, 67, 120, 0.9);
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li:hover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    139deg,
    rgba(73, 81, 158, 0) 53.7%,
    rgba(73, 81, 158, 0.3) 77.81%,
    rgba(73, 81, 158, 0) 89.7%
  );
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li:hover
  .first-image {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li:hover
  .image-hover {
  opacity: 1 !important;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li:hover
  .image-group {
  bottom: 87px !important;
  opacity: 1 !important;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li:hover
  .image-group
  .image-moon {
  opacity: 1;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.categories
  ul
  li:hover
  .image-gif {
  opacity: 1 !important;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 30px;
  border: 1px solid rgba(58, 53, 58, 0.8);
  background: 0 0;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .image-hover {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li img {
  width: 100%;
  margin-top: -1.75rem;
  z-index: 5;
  position: relative;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 1;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li img.blur {
  -webkit-filter: blur(1.5625rem);
  filter: blur(1.5625rem);
  scale: 0.9;
  z-index: -1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .right {
  position: absolute;
  text-transform: uppercase;
  color: #fff;
  bottom: 38px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  width: 100%;
}
html:not(:lang(fa)):not(:lang(ar)) main section.categories ul li .right span {
  font-family: Barlow-ExtraBold;
  font-size: 2rem;
  display: block;
  line-height: 2.625rem;
  position: relative;
  text-shadow: 0 4px 60px rgba(73, 81, 158, 0.9), 0 4px 60px #063960;
}
html:not(:lang(fa)):not(:lang(ar)) main section.top-casino-games {
  position: relative;
  margin-top: 2rem;
}
html:not(:lang(fa)):not(:lang(ar)) main section.top-casino-games p.title {
  margin-bottom: calc(55px - 16px);
}
html:not(:lang(fa)):not(:lang(ar)) main section.top-casino-games .games {
  overflow: hidden;
}
html:not(:lang(fa)):not(:lang(ar)) main section.top-casino-games .games ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.63rem 1.13rem;
}
html:not(:lang(fa)):not(:lang(ar)) main section.top-casino-games .games ul li {
  overflow: hidden;
  float: left;
  height: 14.25rem;
  border-radius: 0.4895rem;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.top-casino-games
  .games
  ul
  li
  img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
html:not(:lang(fa)):not(:lang(ar))
  main
  section.top-casino-games
  .games
  ul
  li:hover
  img {
  -webkit-transform: scale(1.09);
  transform: scale(1.09);
}