* {

  padding: 0;

  margin: 0;

  border: 0

}

*,

*::after,

*::before {

  box-sizing: border-box

}

*::after,

*::before {

  display: inline-block

}

body,

html {

  height: 100%;

  min-width: 320px

}

body {

  color: #000;

  line-height: 1;

  font-family: Poppins;

  font-size: 1rem;

  -ms-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

button,

input,

textarea {

  font-family: Poppins;

  font-size: inherit;

  line-height: inherit;

  color: inherit;

  background-color: transparent

}

input,

textarea {

  width: 100%

}

button,

option,

select {

  cursor: pointer

}

a {

  display: inline-block;

  color: inherit;

  text-decoration: none

}

ul li {

  list-style: disc;

  margin-left: 20px;

  margin-bottom: 20px;

}

ol li {

  list-style: disc;

  margin-left: 20px;

  margin-bottom: 20px;

}

img {

  vertical-align: top

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: inherit;

  font-size: inherit

}

h1 {

    font-size: 2rem;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 2.1rem;

}

svg *[fill] {

  fill: currentColor

}

svg *[stroke] {

  stroke: currentColor

}

svg * {

  transition-property: fill,stroke

}

:root {

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

  --color-light: #2c2c2c;

  --color-dark: #edf0f5;

  --color-blue-gray: #fe680e;

  --color-hover: #fe680e;

  --border-radius: toRem(30);

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

  --input-height: toRem(54);

  --transition-duration: 0.3s

}

a,

button,

input,

svg *,

textarea {

  transition-duration: var(--transition-duration)

}

body {

    color: var(--color-light);

    font-family: var(--font-family);

    background: var(--color-dark);

}



h3 {

    font-size: 1.4rem;

    margin-bottom: 10px;

}

li {

    line-height: 2rem;

}



.lock body {

  overflow: hidden;

  touch-action: none;

  -ms-scroll-chaining: none;

  overscroll-behavior: none

}

.wrapper {

  min-height: 100%;

  display: flex;

  flex-direction: column;

  overflow: hidden

}

@supports (overflow:clip) {

  .wrapper {

    overflow: clip

  }

}

.wrapper > main {

  flex: 1 1 auto

}

.wrapper > * {

  min-width: 0

}

[class*=__container] {

  max-width: 81.875rem;

  margin: 0 auto;

  padding: 0 .9375rem

}

.btn {

  display: inline-flex;

  justify-content: center;

  text-align: center;

  font-weight: 600;

  font-size: 1.25rem;

  line-height: 1.024;

  text-transform: uppercase;

  text-align: center;

  border-radius: 4px;

  padding: 1rem 1.5625rem;

  background-color: var(--color-blue-gray)

}

.btn--transparent {

  color: var(--color-light);

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

  border-radius: 4px;

  background-color: transparent

}

.btn--fw {

  width: 100%

}

.menu__list {

  display: flex;

  flex-wrap: wrap;

  row-gap: .3125rem

}

.menu__list:not(:last-child) {

  margin-bottom: 1.875rem

}

.menu__link {

  font-weight: 600;

  font-size: 13px;

  text-align: center;

  color: var(--color-light)

}

.icon-menu {

  display: none

}

.ibg {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover

}

.ibg--top {

  -o-object-position: top;

  object-position: top

}

.ibg--bottom {

  -o-object-position: bottom;

  object-position: bottom

}

.ibg--left {

  -o-object-position: left;

  object-position: left

}

.ibg--right {

  -o-object-position: right;

  object-position: right

}

.ibg--contain {

  -o-object-fit: contain;

  object-fit: contain

}

.header {

  position: fixed;

  z-index: 50;

  top: 0;

  right: 0;

  width: 100%;

  background-color: var(--color-dark)

}

.header__container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 2.5rem;

  min-height: 5rem

}

.header__logo {

  position: relative;

  z-index: 1

}



.header__logo img {

    width: 220px;

}

.faq {

	margin-bottom: 1.875rem;

}



.f__container h2 {

	margin-bottom: 1.875rem;

	font-size: 1.875rem;

	font-weight: 700;

}

summary.spollers__title, .spollers__body {

    margin-bottom: 1.25rem;

    font-size: 1.125rem;

	line-height: 2rem;

	border: 1px dashed #eee;

    padding: 1rem;

}





.header__menu {

  flex: 1

}

.header__actions {

  position: relative;

  z-index: 1;

  display: flex;

  gap: 1rem

}

.footer {

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

  color: var(--color-light)

}

.footer__container {

  display: grid;

  align-items: center;

  gap: 1.25rem

}

.footer__pay {

  display: flex;

  flex-wrap: wrap;

  gap: .9375rem

}

.footer__copy {

  text-align: center;

  font-size: 1.125rem

}

.footer__logotype {

  display: flex;

  flex-wrap: wrap;

  gap: .9375rem;

  justify-content: center

}

.hero {

  background: center/cover no-repeat

}

.hero__title {

  color: var(--color-blue-gray);

  font-weight: 700

}

.hero__title:not(:last-child) {

  margin-bottom: 1.875rem

}

.hero__descr {

  font-weight: 700;

  color: var(--color-light)

}

.hero__descr:not(:last-child) {

  margin-bottom: 1.875rem

}

.games__title {

  font-weight: 700;

  letter-spacing: .04em

}

.games__title:not(:last-child) {

  margin-bottom: 1.875rem

}

.games__list {

  display: grid;

  gap: .9375rem;

  grid-template-columns: repeat(auto-fit,minmax(150px,1fr))

}

.games__link {

  display: block;

  position: relative

}

.games__body {

  display: flex;

  flex-direction: column;

  padding: .625rem

}

.games__name {

  font-size: 1rem;

  text-align: center;

  color: var(--color-dark);

  margin-bottom: .625rem

}

.content__container h2 {

  font-weight: 700

}

.content__container h2:not(:last-child) {

  margin-bottom: 1.875rem

}





.content__container p:not(:last-child) {

  margin-bottom: 1.25rem;

  font-size: 1.125rem

}



.content__container p {

    line-height: 2rem;

}



.content__container table {

  width: 100%

}

.content__container table:not(:last-child) {

  margin-bottom: 1.25rem

}

.content__container table td,

.content__container table th {

  border-style: solid;

  border-width: 1px;

  border-color: rgba(110,88,131,.3);

  text-align: center;

  padding: 1rem;

  vertical-align: middle

}

.content__container a {

  display: inline-flex;

  justify-content: center;

  text-align: center;

  font-weight: 600;

  font-size: 1.25rem;

  line-height: 1.024;

  text-transform: uppercase;

  text-align: center;

  border-radius: 4px;

  padding: 1rem 1.5625rem;

  background-color: var(--color-blue-gray)

}

@media (min-width:81.875em) {

  .menu__list {

    -webkit-column-gap: 1.5625rem;

    -moz-column-gap: 1.5625rem;

    column-gap: 1.5625rem

  }

  .footer {

    padding-top: 3.125rem

  }

  .footer {

    padding-bottom: 3.125rem

  }

  .footer__container {

    grid-template-columns: 400px 400px;

    justify-content: center;

    justify-items: center

  }

  .hero {

    padding-top: 11.25rem

  }

  .hero {

    padding-bottom: 6.25rem

  }

  .hero__title {

    font-size: 3.5625rem

  }

  .hero__descr {

    font-size: 1.125rem

  }

  .games {

    padding-top: 2.5rem

  }

  .games {

    padding-bottom: 2.5rem

  }

  .games__title {

    font-size: 1.875rem

  }

  .content {

    padding-top: 2.5rem

  }

  .content {

    padding-bottom: 2.5rem

  }

  .content__container h2 {

    font-size: 1.875rem

  }

}

@media (max-width:20em) {

  .menu__list {

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

  }

  .footer {

    padding-top: 1.875rem

  }

  .footer {

    padding-bottom: 1.875rem

  }

  .hero {

    padding-top: 9.375rem

  }

  .hero {

    padding-bottom: 3.75rem

  }

  .hero__title {

    font-size: 2.1875rem

  }

  .hero__descr {

    font-size: 1rem

  }

  .games {

    padding-top: 1.25rem

  }

  .games {

    padding-bottom: 1.25rem

  }

  .games__title {

    font-size: 1.375rem

  }

  .content {

    padding-top: 1.25rem

  }

  .content {

    padding-bottom: 1.25rem

  }

  .content__container h2 {

    font-size: 1.375rem

  }

}

@media (max-width:81.875em) {

  .footer__pay {

    justify-content: center

  }

}

@media (max-width:61.99875em) {

  .menu__body {

    position: fixed;

    width: 100%;

    height: 100%;

    left: -100%;

    top: 0;

    overflow: auto;

    padding: 6.25rem .9375rem .9375rem .9375rem;

    transition: left .3s;

    background-color: var(--color-dark)

  }

  .menu__body::before {

    content: "";

    position: fixed;

    width: 100%;

    height: 4.375rem;

    left: -100%;

    top: 0;

    transition: left .3s;

    z-index: 2

  }

  .menu-open .menu__body {

    left: 0

  }

  .menu-open .menu__body::before {

    left: 0

  }

  .menu__list {

    flex-direction: column;

    align-items: flex-end

  }

  .icon-menu {

    display: block;

    position: relative;

    width: 1.875rem;

    height: 1.125rem;

    z-index: 5

  }

  .icon-menu span,

  .icon-menu::after,

  .icon-menu::before {

    content: "";

    transition: all .3s ease 0s;

    right: 0;

    position: absolute;

    width: 100%;

    height: .125rem;

    background-color: var(--color-light)

  }

  .icon-menu::before {

    top: 0

  }

  .icon-menu::after {

    bottom: 0

  }

  .icon-menu span {

    top: calc(50% - .0625rem)

  }

  .menu-open .icon-menu span {

    width: 0

  }

  .menu-open .icon-menu::before {

    top: calc(50% - .0625rem);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

  }

  .menu-open .icon-menu::after {

    bottom: calc(50% - .0625rem);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

  }

}

@media (max-width:61.99875em) and (max-width:20em) {

  .menu__link {

    font-size: 1.25rem

  }

}

@media (max-width:61.99875em) and (any-hover:none) {

  .icon-menu {

    cursor: default

  }

}

@media (max-width:37.5em) {

  .header__actions {

    flex-direction: column

  }

  .header__btn {

    padding: 1.25rem

  }

}

@media (max-width:29.99875em) {

  .content__container table td,

  .content__container table th {

    padding: .625rem

  }

}

@media (min-width:20em) and (max-width:81.875em) {

  @supports ((-moz-column-gap:clamp(0.9375rem ,0.735479798rem + 1.0101010101vw ,1.5625rem)) or (column-gap:clamp(0.9375rem ,0.735479798rem + 1.0101010101vw ,1.5625rem))) {

    .menu__list {

      -webkit-column-gap: clamp(.9375rem ,.735479798rem + 1.0101010101vw ,1.5625rem);

      -moz-column-gap: clamp(.9375rem ,.735479798rem + 1.0101010101vw ,1.5625rem);

      column-gap: clamp(.9375rem ,.735479798rem + 1.0101010101vw ,1.5625rem)

    }

  }

  @supports not ((-moz-column-gap:clamp(0.9375rem ,0.735479798rem + 1.0101010101vw ,1.5625rem)) or (column-gap:clamp(0.9375rem ,0.735479798rem + 1.0101010101vw ,1.5625rem))) {

    .menu__list {

      -webkit-column-gap: calc(.9375rem + .625 * (100vw - 20rem)/ 61.875);

      -moz-column-gap: calc(.9375rem + .625 * (100vw - 20rem)/ 61.875);

      column-gap: calc(.9375rem + .625 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-top:clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)) {

    .footer {

      padding-top: clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)

    }

  }

  @supports not (padding-top:clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)) {

    .footer {

      padding-top: calc(1.875rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-bottom:clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)) {

    .footer {

      padding-bottom: clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)

    }

  }

  @supports not (padding-bottom:clamp(1.875rem ,1.470959596rem + 2.0202020202vw ,3.125rem)) {

    .footer {

      padding-bottom: calc(1.875rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-top:clamp(9.375rem ,8.7689393939rem + 3.0303030303vw ,11.25rem)) {

    .hero {

      padding-top: clamp(9.375rem ,8.7689393939rem + 3.0303030303vw ,11.25rem)

    }

  }

  @supports not (padding-top:clamp(9.375rem ,8.7689393939rem + 3.0303030303vw ,11.25rem)) {

    .hero {

      padding-top: calc(9.375rem + 1.875 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-bottom:clamp(3.75rem ,2.9419191919rem + 4.0404040404vw ,6.25rem)) {

    .hero {

      padding-bottom: clamp(3.75rem ,2.9419191919rem + 4.0404040404vw ,6.25rem)

    }

  }

  @supports not (padding-bottom:clamp(3.75rem ,2.9419191919rem + 4.0404040404vw ,6.25rem)) {

    .hero {

      padding-bottom: calc(3.75rem + 2.5 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (font-size:clamp(2.1875rem ,1.7430555556rem + 2.2222222222vw ,3.5625rem)) {

    .hero__title {

      font-size: clamp(2.1875rem ,1.7430555556rem + 2.2222222222vw ,3.5625rem)

    }

  }

  @supports not (font-size:clamp(2.1875rem ,1.7430555556rem + 2.2222222222vw ,3.5625rem)) {

    .hero__title {

      font-size: calc(2.1875rem + 1.375 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (font-size:clamp(1rem ,0.9595959596rem + 0.202020202vw ,1.125rem)) {

    .hero__descr {

      font-size: clamp(1rem ,.9595959596rem + .202020202vw ,1.125rem)

    }

  }

  @supports not (font-size:clamp(1rem ,0.9595959596rem + 0.202020202vw ,1.125rem)) {

    .hero__descr {

      font-size: calc(1rem + .125 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-top:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .games {

      padding-top: clamp(1.25rem ,.845959596rem + 2.0202020202vw ,2.5rem)

    }

  }

  @supports not (padding-top:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .games {

      padding-top: calc(1.25rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-bottom:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .games {

      padding-bottom: clamp(1.25rem ,.845959596rem + 2.0202020202vw ,2.5rem)

    }

  }

  @supports not (padding-bottom:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .games {

      padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (font-size:clamp(1.375rem ,1.2133838384rem + 0.8080808081vw ,1.875rem)) {

    .games__title {

      font-size: clamp(1.375rem ,1.2133838384rem + .8080808081vw ,1.875rem)

    }

  }

  @supports not (font-size:clamp(1.375rem ,1.2133838384rem + 0.8080808081vw ,1.875rem)) {

    .games__title {

      font-size: calc(1.375rem + .5 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-top:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .content {

      padding-top: clamp(1.25rem ,.845959596rem + 2.0202020202vw ,2.5rem)

    }

  }

  @supports not (padding-top:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .content {

      padding-top: calc(1.25rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (padding-bottom:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .content {

      padding-bottom: clamp(1.25rem ,.845959596rem + 2.0202020202vw ,2.5rem)

    }

  }

  @supports not (padding-bottom:clamp(1.25rem ,0.845959596rem + 2.0202020202vw ,2.5rem)) {

    .content {

      padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem)/ 61.875)

    }

  }

  @supports (font-size:clamp(1.375rem ,1.2133838384rem + 0.8080808081vw ,1.875rem)) {

    .content__container h2 {

      font-size: clamp(1.375rem ,1.2133838384rem + .8080808081vw ,1.875rem)

    }

  }

  @supports not (font-size:clamp(1.375rem ,1.2133838384rem + 0.8080808081vw ,1.875rem)) {

    .content__container h2 {

      font-size: calc(1.375rem + .5 * (100vw - 20rem)/ 61.875)

    }

  }

}

@media (max-width:61.99875em) and (min-width:81.875em) {

  .menu__link {

    font-size: 1.875rem

  }

}

@media (max-width:61.99875em) and (min-width:20em) and (max-width:81.875em) {

  @supports (font-size:clamp(1.25rem ,1.047979798rem + 1.0101010101vw ,1.875rem)) {

    .menu__link {

      font-size: clamp(1.25rem ,1.047979798rem + 1.0101010101vw ,1.875rem)

    }

  }

  @supports not (font-size:clamp(1.25rem ,1.047979798rem + 1.0101010101vw ,1.875rem)) {

    .menu__link {

      font-size: calc(1.25rem + .625 * (100vw - 20rem)/ 61.875)

    }

  }

}

@media (any-hover:hover) {

  .btn:hover {

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

  }

  .menu__link:hover {

    color: var(--color-hover)

  }

  .games__link:hover .games__body {

    opacity: 1

  }

  .games__body {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 1.25rem .625rem;

    opacity: 0;

    background-color: rgba(0,0,0,.7)

  }

  .games__body .games__name {

    margin-bottom: 3.125rem;

    color: #fff;

  }

  .content__container a:hover {

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

  }

}



@media (max-width: 768px) {

  .content__container table {

	width: 100%;

	overflow-x: scroll;

    display: block;

	}

}