* {
  box-sizing: border-box
}

body,
html {
  margin: 0;
  padding: 0
}

body {
  background: #000;
  color: #fff;
  font-family: Teko, sans-serif;
  font-size: 16px
}

body,
html {
  height: 100%;
  overflow-x: hidden;
  position: relative
}

p {
  line-height: 1;
  margin: 0;
  overflow-wrap: break-word;
  padding: 0;
  text-align: left;
  width: auto
}

button {
  border: none
}

section {
  display: flex;
  justify-content: center;
  width: 100%
}

a {
  text-decoration: none
}

.hidden {
  display: none
}

.ab-test-control {
  display: flex;
}

.ab-test-variant {
  display: none;
}

.section__inner {
  max-width: 1360px;
  overflow-y: hidden;
  padding: 1em;
  width: 100%
}

.cta--primary,
.cta--primary--wide {
  background-color: #ff6200;
  border-radius: 100px;
  color: #fff;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: .66px;
  line-height: 1.4em;
  padding: 0.2em 1.2em 0;
}

@media screen and (max-width:765px) {

  .cta--primary,
  .cta--primary--wide {
    font-size: 1.5em !important
  }
}

.cta--primary--wide:hover,
.cta--primary:hover {
  cursor: pointer
}

.cta--primary--wide {
  font-size: 1.8em;
  padding: .2em 2em
}

.header,
.header .section__inner {
  display: flex;
  justify-content: center
}

.header .section__inner {
  align-items: center;
  position: relative
}

.header .header__logo-wrapper {
  align-self: center

}

.header__logo-wrapper {
  display: flex;
}
.logo-wrapper-main {
  padding: 10px;
}
.logo-wrapper-association-logo {
 padding: 20px 0 0 10px;
}
.logo-wrapper-association {
  width : 60px;
  padding: 20px 10px 0 5px;}

.header .header__logo-wrapper img {
  max-width: 140px;

}



.header .cta--primary {
  position: absolute;
  right: 1em
}

section.hero {
  background: url(../img/Desktop-hero-banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  padding: 1em 0;
  height: 695px;
}

@media (max-width:767px) {
  section.hero {
    background: url(../img/Mobile-hero-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
  }
}

section.hero .section__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative
}

section.hero .section__inner .hero__offer-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  justify-content: center;
  line-height: 1
}

section.hero .section__inner .hero__offer-wrapper p:first-child {
  font-size: 2.5em;
  align-content: center;
  margin-bottom: .2em
}

@media screen and (max-width:1024px) {
  section.hero .section__inner .hero__offer-wrapper p:first-child {
    align-content: center;
    font-size: 2.1em
  }
}

section.hero .section__inner .hero__offer-wrapper p:nth-child(2) {
  align-content: center;
  font-size: 7.2em
}

section.hero .section__inner .hero__offer-wrapper .cta--primary--wide {
  text-decoration: none;
  z-index: 2
}

section.payment-methods .section__inner {
  padding: 1em
}

section.payment-methods .section__inner p {
  font-size: 2em;
  margin-bottom: .2em
}

@media screen and (max-width:1023px) {
  section.payment-methods .section__inner p {
    font-size: 2.5em
  }
}

section.payment-methods .section__inner .payment-methods__crypto {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .8em;
  justify-content: space-between
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2em
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper img {
  height: 32px;
  width: auto
}

@media screen and (max-width:1023px) {
  section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper img {
    height: 40px
  }
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper img:nth-child(2) {
  height: 20px
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper img:nth-child(4) {
  height: 28px
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__crypto--logos-wrapper img:nth-child(5) {
  height: 25px
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__credit-cards-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em
}

section.payment-methods .section__inner .payment-methods__crypto .payment-methods__credit-cards-wrapper img {
  transform: scale(.9);
  -ms-transform: scale(.9);
  -webkit-transform: scale(.9)
}

section.bonuses {
  background: url(../img/bonuses-background.webp);
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 2.5em;
  min-height: 600px;
  position: relative
}

section.bonuses,
section.bonuses .section__inner {
  align-items: center;
  display: flex;
  flex-direction: column
}

@media screen and (max-width:1023px) {
  section.bonuses .section__inner {
    align-items: flex-start
  }
}

section.bonuses .section__inner p {
  font-size: 2.5em
}

@media screen and (max-width:1023px) {
  section.bonuses .section__inner p {
    font-size: 2em;
    max-width: 100%;
    padding: 1em;
    width: 400px
  }
}

section.bonuses .section__inner .bonuses__list-wrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  width: 1000px
}

section.bonuses .section__inner .bonuses__list-wrapper ul {
  font-size: 2em;
  font-weight: 600;
  list-style-image: url(../img/checkmark.webp)
}

section.bonuses .section__inner .bonuses__list-wrapper ul li {
  margin: 0.5em 0;
  padding-left: 1em;

}
@media  (max-width:400px) {
  .header__logo-wrapper img {
    width: 132px;
  }
  
  .hero__offer-wrapper {
    font-size: 0.9rem;
  }
}
@media (width: 360px) {
  .header__logo-wrapper img {
    width: 115px;
  }
  .logo-wrapper-association {
    font-size: 0.8rem;
  }
}

@media (max-width: 280px) {
  .header__logo-wrapper img {
    width: 75px;
  }
  .logo-wrapper-association {
    font-size: 0.8rem;
  }

}

@media (max-width:767px) {
  section.bonuses .section__inner .bonuses__list-wrapper ul li {
    margin: 1em 0
  }
}

section.bonuses .cta--primary {
  border-radius: .8em;
  margin-bottom: -1em;
}

section.crypto-benefits {
  background: -ms-linear-gradient(278deg, #000 35%, #00fdf384 87%);
  background: linear-gradient(278deg, #000 35%, #00fdf384 87%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1");
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width:1023px) {
  section.crypto-benefits {
    background: -ms-linear-gradient(89deg, #000 18%, #00fdf384 82%);
    background: linear-gradient(89deg, #000 18%, #00fdf384 82%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1")
  }
}

section.crypto-benefits .section__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 5em;
  padding-top: 2em
}

@media screen and (max-width:768px) {
  section.crypto-benefits .section__inner {
    align-items: flex-start
  }
}

section.crypto-benefits .section__inner p:first-child {
  font-size: 2.2em
}

@media screen and (max-width:1023px) {
  section.crypto-benefits .section__inner p:first-child {
    font-size: 2.5em;
    max-width: 100%;
    width: 300px
  }
}

section.crypto-benefits .section__inner .crypto-benefits__cards-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.1em;
  gap: 1em;
  justify-content: space-evenly;
  margin-top: 2.5em;
  width: 100%
}

section.crypto-benefits .section__inner .crypto-benefits__cards-wrapper .crypto-benefits__cards-wrapper__card {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Poppins, sans-serif;
  gap: 2em;
  justify-content: center;
  max-width: 100%;
  text-align: center;
  width: 200px
}

section.crypto-benefits .section__inner .crypto-benefits__cards-wrapper .crypto-benefits__cards-wrapper__card img {
  height: 70px;
  width: auto
}

@media screen and (max-width:768px) {
  section.crypto-benefits .section__inner .crypto-benefits__cards-wrapper .crypto-benefits__cards-wrapper__card img {
    height: 50px
  }
  .hidden--mobile {
    display: none;
  }
}

section.crypto-benefits .section__inner .crypto-benefits__cards-wrapper .crypto-benefits__cards-wrapper__card p {
  font-size: 1em;
  font-weight: 400
}

section.crypto-benefits .cta--primary {
  border-radius: .8em;
  width: fit-content;
  margin-bottom: -1em;
}

section.casino-games {
  overflow-x: hidden
}

section.casino-games .section__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 4em
}

section.casino-games .section__inner p {
  font-size: 2em;
  max-width: 100%;
  text-align: center;
  width: 380px
}

section.casino-games .section__inner .casino-games__cards-wrapper {
  margin: 2em 0;
  overflow-x: hidden
}

section.casino-games .section__inner .casino-games__cards-wrapper .casino-games__cards-wrapper__card {
  padding: 0 1em
}

section.casino-games .section__inner .casino-games__cards-wrapper .casino-games__cards-wrapper__card:hover {
  cursor: pointer
}

section.casino-games .section__inner .dots {
  margin: 1em 0 2em
}

section.casino-games .section__inner .glider-dot {
  height: 12px;
  width: 12px
}

section.casino-games .section__inner .glider-dot.active {
  background: #ff8900
}

footer.footer {
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  justify-content: center;
  margin-top: 5em;
  padding-bottom: 3em
}

@media screen and (max-width:1024px) {
  footer.footer {
    padding-bottom: 9em
  }
}

footer.footer .section__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2em;
  justify-content: center
}

footer.footer .section__inner p {
  line-height: 1.3em;
  max-width: 100%;
  text-align: center;
  width: 500px
}

footer.footer .section__inner p a {
  color: #ff6200;
  text-decoration: none
}

footer.footer .section__inner .footer__payment-methods {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  justify-content: center
}

footer.footer .section__inner .footer__payment-methods .footer__payment-methods__credit-cards-wrapper,
footer.footer .section__inner .footer__payment-methods .footer__payment-methods__crypto-wrapper {
  align-items: center;
  display: flex;
  gap: 1em;
  justify-content: center
}

footer.footer .section__inner .footer__payment-methods .footer__payment-methods__credit-cards-wrapper img {
  height: 20px
}

footer.footer .section__inner .footer__icons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-evenly;
  margin-top: 1em;
  max-width: 100%;
  width: 600px
}

footer.footer .section__inner .footer__icons-wrapper img {
  height: 30px
}

@media screen and (max-width:767px) {
  

  .flex-centered-content--mobile {
    justify-content: center !important
  }

  .flex-centered-content--mobile .no-min-height--tablet {
    min-height: unset !important
  }

  .full-width--mobile {
    width: 100% !important
  }

  .scale-down--mobile {
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7)
  }

  .text-centered--mobile {
    text-align: center
  }

  .no-background--mobile {
    background: unset !important
  }

  .purple-gradient--mobile {
    background: -ms-linear-gradient(262deg, #000 18%, #6b2ae9 82%) !important;
    background: linear-gradient(262deg, #000 18%, #6b2ae9 82%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1") !important
  }

  .no-min-height--mobile {
    min-height: unset !important
  }

  .flex-row--mobile {
    flex-direction: row !important
  }

  .flex-col--mobile {
    flex-direction: column !important
  }

  .width-unset--mobile {
    width: unset !important
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .hidden--tablet {
    display: none
  }

  .flex-centered-content--tablet {
    justify-content: center !important
  }

  .full-width--tablet {
    width: 100% !important
  }

  .scale-down--tablet {
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7)
  }

  .text-centered--tablet {
    text-align: center
  }

  .no-background--tablet {
    background: unset !important
  }

  .purple-gradient--tablet {
    background: -ms-linear-gradient(262deg, #000 18%, #6b2ae9 82%) !important;
    background: linear-gradient(262deg, #000 18%, #6b2ae9 82%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1") !important
  }

  .no-min-height--tablet {
    min-height: unset !important
  }
}

@media screen and (min-width:1024px) {
  .hidden--desktop {
    display: none !important
  }

  .text-centered--desktop {
    text-align: center
  }
}

.fixed-bar {
  align-items: center;
  background: #212020;
  bottom: 0;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  padding: 1em;
  position: fixed;
  width: 100%;
  z-index: 998
}

.fixed-bar img {
  -ms-filter: grayscale(1) brightness(200%);
  -moz-filter: grayscale(1) brightness(200%);
  -o-filter: grayscale(1) brightness(200%);
  filter: grayscale(1) brightness(200%);
  height: auto;
  width: 40px
}

.overlay {
  display: none;
  left: 50%;
  max-width: 100%;
  padding: 0 1em;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  z-index: 999
}

.overlay .overlay__close {
  height: 32px;
  position: absolute;
  right: 27px;
  top: 10px;
  width: 32px
}

.overlay .overlay__close:hover {
  cursor: pointer
}

.overlay .overlay__close:after,
.overlay .overlay__close:before {
  background-color: #fff;
  content: " ";
  height: 25px;
  left: 20px;
  position: absolute;
  width: 1px
}

.overlay .overlay__close:before {
  transform: rotate(45deg)
}

.overlay .overlay__close:after {
  transform: rotate(-45deg)
}

.overlay .overlay__inner {
  align-items: center;
  background-color: #2b2b2b;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-content: center;
  padding: 3em 1em;
  position: relative;
  width: 100%
}

.overlay .overlay__inner img {
  width: 50px
}

.overlay .overlay__inner .overlay__title {
  font-size: 2em;
  font-weight: 700;
  margin: 0;
  padding: 0
}

.overlay .overlay__inner .overlay__description {
  font-family: Poppins, sans-serif;
  max-width: 100%;
  text-align: center;
  width: 200px
}

.winner-lights {
  -webkit-animation: flicker .5s 0s infinite;
  animation: flicker .5s 0s infinite;
  display: none;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 320px
}

@media screen and (max-width:1024px) {
  .winner-lights {
    width: 250px
  }
}

@media screen and (max-width:768px) {
  .winner-lights {
    width: 200px
  }
}

.winner-lights__left {
  left: 13%;
  right: unset
}

@media screen and (max-width:1024px) {
  .winner-lights__left {
    left: 8%
  }
}

@media screen and (max-width:768px) {
  .winner-lights__left {
    left: -2em
  }
}

.winner-lights__right {
  left: unset;
  right: 13%
}

@media screen and (max-width:1024px) {
  .winner-lights__right {
    right: 8%
  }
}

@media screen and (max-width:768px) {
  .winner-lights__right {
    right: -2em
  }
}

@-webkit-keyframes flicker {
  0% {
    opacity: 1
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 0
  }
}

@keyframes flicker {
  0% {
    opacity: 1
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 0
  }
}

.slot-machine-wrapper {
  display: flex;
  justify-content: center;
  margin: 2em 0;
  position: relative;
  z-index: 1
}

.slot-machine-wrapper .slot-machine {
  margin-bottom: .5em;
  max-width: calc(100% - 2em);
  position: relative;
  width: 25rem
}

.slot-machine-wrapper .fancy .slot li,
.slot-machine-wrapper .jSlots-wrapper,
.slot-machine-wrapper .spinners-wrapper {
  height: 160px
}

.slot-machine-wrapper .spinners-wrapper {
  display: flex;
  left: 14%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 10%;
  width: 72%
}

@media (max-width:450px) {
  .slot-machine-wrapper .spinners-wrapper {
    top: 8%
  }
}

@media (max-width:350px) {
  .slot-machine-wrapper .spinners-wrapper {
    top: 2%
  }
}

@media (max-width:310px) {
  .slot-machine-wrapper .spinners-wrapper {
    top: 0
  }
}

.slot-machine-wrapper .spinners-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.slot-machine-wrapper .spinners-wrapper .fancy {
  background: #000;
  width: 100%
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper {
  display: flex;
  gap: 15px;
  justify-content: center;
  overflow: hidden
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper .slot {
  float: left;
  top: 0;
  width: 28%
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper .slot li {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper .slot li img {
  width: 80%
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper .slot li span {
  display: block
}

.slot-machine-wrapper .spinners-wrapper .fancy .jSlots-wrapper .slot:first-child li {
  border-left: none
}

.slot-machine-wrapper .spinners-wrapper .layer2 {
  display: none
}

.slot-machine-wrapper:hover {
  cursor: pointer
}

.slot-machine-wrapper:hover>.spinners-wrapper .layer1:not(.on) .jSlots-wrapper ul.slot:first-child {
  top: -150px;
  transition: top 1s ease-in-out 0s
}

.slot-machine-wrapper:hover>.spinners-wrapper .layer1:not(.on) .jSlots-wrapper ul.slot:nth-child(2) {
  top: -470px;
  transition: top 1s ease-in-out 0s
}

.slot-machine-wrapper:hover>.spinners-wrapper .layer1:not(.on) .jSlots-wrapper ul.slot:nth-child(3) {
  top: -310px;
  transition: top 1s ease-in-out 0s
}