html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

:focus, :active, input, a {
  outline: 0 !important;
  -moz-outline-style: none !important
}

a {
  background-color: transparent;
  text-decoration: none
}

a:active, a:hover {
  outline: 0
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

b {
  font-weight: 700
}

i {
  font-style: italic
}

strong {
  font-weight: 700
}

html {
  -webkit-text-size-adjust: 100%
}

.hidden {
  display: none !important
}

@-ms-viewport {
  width: device-width
}

.visible-xxs, .visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important
}

@media (max-width:568px) {
  .visible-xxs {
    display: block !important
  }
}

@media (min-width:380px) and (max-width:767px) {
  .visible-xs {
    display: block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
}

@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
}

@media (max-width:568px) {
  .hidden-xxs {
    display: none !important
  }
}

@media (min-width:568px) and (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

* {
  box-sizing: border-box
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.normal-cursor {
  cursor: auto
}

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/C7bP6N8yXZ-PGLzbFLtQKRJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/iLJc6PpCnnbQjYc1Jq4v0xJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/5pCv5Yz4eMu9gmvX8nNhfRJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/gEkd0pn-sMtQ_P4HUpi6WBJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/iPF-u8L1qkTPHaKjvXERnxJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/mTzVK0-EJOCaJiOPeaz-hxJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2")format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("../fonts/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2")format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ16-j2U0lmluP9RWlSytm3ho.woff2")format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ15X5f-9o1vgP2EXwfjgl7AY.woff2")format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ10Tj6bCwSDA5u__Fbjwz3f0.woff2")format("woff2");
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ1xWV49_lSm1NYrwo-zkhivY.woff2")format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ16aRobkAwv3vxw3jMhVENGA.woff2")format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ1_8zf_FOSsgRmwsS7Aa9k2w.woff2")format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ1z0LW-43aMEzIO6XUTLjad8.woff2")format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/PIbvSEyHEdL91QLOQRnZ1-gdm0LZdjqr5-oayXSOefg.woff2")format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap
}

.my-m {
  margin-top: 16px;
  margin-bottom: 16px
}

.my-l {
  margin-top: 20px;
  margin-bottom: 20px
}

.my-xl {
  margin-top: 24px;
  margin-bottom: 24px
}

.my-xs {
  margin-top: 4px;
  margin-bottom: 4px
}

.my-xxs {
  margin-top: 2px;
  margin-bottom: 2px
}

.my-s {
  margin-top: 8px;
  margin-bottom: 8px
}

.my-xxl {
  margin-top: 48px;
  margin-bottom: 48px
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.mx-auto {
  margin-right: auto;
  margin-left: auto
}

.ml-auto {
  margin-left: auto
}

.gap-s {
  gap: 8px
}

@media (min-width:768px) {
  .sm\:ml-auto {
    margin-left: auto
  }

  .sm\:ml-s {
    margin-left: 8px
  }
}

.mx-s {
  margin-left: 8px;
  margin-right: 8px
}

.mx-xs {
  margin-left: 4px;
  margin-right: 4px
}

.mx-m {
  margin-left: 16px;
  margin-right: 16px
}

.mx-l {
  margin-left: 20px;
  margin-right: 20px
}

.mx-xxs {
  margin-left: 2px;
  margin-right: 2px
}

.mt-xxs {
  margin-top: 2px
}

.mt-xs {
  margin-top: 4px
}

.mt-s {
  margin-top: 8px
}

.mt-m {
  margin-top: 16px
}

.mt-l {
  margin-top: 20px
}

.mt-xl {
  margin-top: 24px
}

.mt-xxl {
  margin-top: 48px
}

.mr-xs {
  margin-right: 4px
}

.mr-s {
  margin-right: 8px
}

.mr-m {
  margin-right: 16px
}

.ml-m {
  margin-left: 16px
}

.ml-s {
  margin-left: 8px
}

.ml-xs {
  margin-left: 4px
}

.mb-xxs {
  margin-bottom: 2px
}

.mb-xs {
  margin-bottom: 4px
}

.mb-s {
  margin-bottom: 8px
}

.mb-m {
  margin-bottom: 16px
}

.mb-l {
  margin-bottom: 20px
}

.mb-xl {
  margin-bottom: 24px
}

.mb-xxl {
  margin-bottom: 48px
}

.px-s {
  padding-left: 8px;
  padding-right: 8px
}

.px-m {
  padding-left: 16px;
  padding-right: 16px
}

.py-m {
  padding-top: 16px;
  padding-bottom: 16px
}

.py-l {
  padding-top: 20px;
  padding-bottom: 20px
}

.py-xxl {
  padding-top: 48px;
  padding-bottom: 48px
}

.py-s {
  padding-top: 8px;
  padding-bottom: 8px
}

.my-32-res {
  margin: 16px 0
}

@media (min-width:768px) {
  .my-32-res {
    margin: 24px 0
  }
}

@media (min-width:1200px) {
  .my-32-res {
    margin: 32px 0
  }
}

.mt-32-res {
  margin-top: 16px
}

@media (min-width:768px) {
  .mt-32-res {
    margin-top: 24px
  }
}

@media (min-width:1200px) {
  .mt-32-res {
    margin-top: 32px
  }
}

.my-16-res {
  margin: 8px 0
}

@media (min-width:768px) {
  .my-16-res {
    margin: 16px 0
  }
}

.mx-auto-res {
  margin: 0 8px
}

@media (min-width:768px) {
  .mx-auto-res {
    margin: 0 16px
  }
}

@media (min-width:992px) {
  .mx-auto-res {
    margin: 0 24px
  }
}

@media (min-width:1200px) {
  .mx-auto-res {
    margin: 0 auto
  }
}

@media (min-width:568px) {
  .sm\:px-s {
    padding-right: 8px;
    padding-left: 8px
  }
}

@media (min-width:992px) {
  .md\:px-0 {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:568px) {
  .sm\:px-0 {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:768px) {
  .sm\:my-xxl {
    margin-top: 48px;
    margin-bottom: 48px
  }
}

@media (min-width:568px) {
  .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto
  }
}

@media (min-width:768px) {
  .sm\:mx-auto {
    margin-right: auto;
    margin-left: auto
  }

  .sm\:ml-xs {
    margin-left: 4px
  }
}

.mt-0 {
  margin-top: 0
}

.c-green {
  color: #44be4c !important
}

.c-red {
  color: #ed3445 !important;
  fill: #ed3445 !important
}

.c-orange {
  color: #ed9c00 !important
}

.c-yellow {
  color: #f8b814 !important;
  fill: #f8b814 !important
}

.c-black-40 {
  color: #999
}

.c-black-60 {
  color: #666
}

.c-black-80 {
  color: #333
}

.c-black-80:hover {
  color: #333
}

.c-orange {
  color: #ed9c00
}

.link-blue, a.link-blue {
  color: #007dff;
  text-decoration: underline
}

.c-blue {
  color: #007dff
}

.c-purple {
  color: #7528ab;
  fill: #7528ab !important
}

.c-white, .c-white a {
  color: #fff !important
}

.c-grey-4 {
  color: #a2aeb7
}

.c-grey-5 {
  color: #7b8c98
}

.c-grey-6 {
  color: #4a5b68
}

.c-grey-7 {
  color: #1d2730
}

.c-grey-3 {
  color: #cdd6dd
}

.c-grey-2 {
  color: #e3e7ef
}

.c-grey-1 {
  color: #f0f3f7
}

svg.c-white {
  fill: #fff
}

svg.c-orange {
  fill: #ed9c00 !important
}

svg.c-black-40 {
  fill: #999
}

svg.c-black-60 {
  fill: #666
}

svg.c-black-80 {
  fill: #333
}

svg.c-green {
  fill: #44be4c !important
}

svg.c-orange {
  fill: #ed9c00
}

svg.c-red {
  fill: #ed3445 !important
}

svg.c-blue {
  fill: #007dff !important
}

svg.c-grey-4 {
  fill: #a2aeb7
}

svg.c-grey-5 {
  fill: #7b8c98
}

svg.c-grey-6 {
  fill: #4a5b68
}

svg.c-grey-7 {
  fill: #1d2730 !important
}

svg.c-grey-3 {
  fill: #cdd6dd
}

svg.c-grey-1 {
  fill: #f0f3f7
}

.bg-green {
  background: #44be4c
}

.bg-grey-2 {
  background: #e3e7ef
}

.bg-purple {
  background: #7528ab
}

.c-green-linear-text {
  background: linear-gradient(90deg, #5dd667 0, #239f29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

body {
  padding-top: 40px;
  font-family: "Noto Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  background: #f0f3f7;
  color: #1d2730;
  font-size: 14px;
  line-height: 1.42857143
}

@media (min-width:768px) {
  body {
    padding-top: 68px
  }
}

@media (max-height:650px) and (orientation:landscape) {
  body {
    padding-top: 0
  }
}

@media (min-width:992px) {
  body {
    padding-top: 73px
  }
}

body.overflow {
  overflow: hidden;
  height: 100%;
  background: #e3e7ef
}

svg {
  pointer-events: none
}

.svg-loader {
  display: none
}

.svg-loader svg {
  width: 0;
  height: 0
}

.bg-white {
  background: #fff
}

.bg-grey-1 {
  background: #f0f3f7;
  padding: 1px 0
}

.bg-wrapper {
  background: #f0f3f7;
  display: flow-root
}

@media (min-width:768px) {
  .col-main {
    max-width: 870px;
    margin: auto
  }
}

@media (min-width:1200px) {
  .col-main {
    max-width: 1200px
  }
}

.col-main-pad {
  padding: 0 8px
}

@media (min-width:568px) {
  .col-main-pad {
    padding: 0 16px
  }
}

@media (min-width:768px) {
  .col-main-pad {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto
  }
}

@media (min-width:1200px) {
  .col-main-pad {
    max-width: 1200px
  }

  .col-list-cards {
    display: flex
  }
}

.col-menu {
  position: relative;
  margin: auto;
}

@media (min-width:1200px) {
  .col-menu {
    max-width: 1200px;
  }
}

.col-responsive-pad {
  margin: auto;
  padding: 0 8px
}

@media (min-width:568px) {
  .col-responsive-pad {
    padding: 0 16px
  }
}

@media (min-width:1200px) {
  .col-responsive-pad {
    max-width: 1200px
  }
}

.col-text {
  padding: 0 10px;
  margin: 20px auto
}

@media (min-width:768px) {
  .col-text {
    max-width: 870px;
    margin: 50px auto
  }
}

@media (min-width:1200px) {
  .col-text {
    padding: 0
  }
}

.col-narrow {
  margin: auto;
  max-width: 1000px
}

.no-license-info {
  font-family: "Noto Sans", Sans-Serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px
}

@media (min-width:768px) {
  .no-license-info {
    font-size: 16px;
    line-height: 22px
  }
}

.no-license-info .flag-icon-circle-small, .no-license-info .flag-icon-circle-small i {
  width: 16px;
  height: 16px
}

.col-filter {
  transition: all 230ms ease-out;
  transform: translateX(-120%);
  position: fixed;
  left: 0;
  top: 40px;
  height: calc(100% - 40px);
  overflow: auto;
  box-shadow: 20px 0 74px 0 rgba(0, 0, 0, .32);
  background-color: #fff;
  z-index: 2;
  background-size: 19px 10px;
  background-repeat: repeat-y;
  background-position: 98% 30px;
  max-width: 400px;
  width: 90%
}

@media (min-width:768px) {
  .col-filter {
    top: 68px;
    height: calc(100% - 68px);
    overflow: hidden
  }
}

@media (min-width:992px) {
  .col-filter {
    top: 84px;
    height: calc(100% - 84px)
  }
}

.col-filter.active {
  transform: translateX(0)
}

.col-filter form {
  display: flex;
  flex-direction: column;
  position: relative
}

.col-filter form>.filter-header {
  padding-left: 8px
}

@media (min-width:1200px) {
  .col-filter-desktop {
    position: static;
    width: 25%;
    height: auto;
    box-shadow: none;
    transform: none;
    transition: none;
    float: left;
    background: 0 0;
    display: block;
    overflow: visible;
    padding: 0
  }
}

@media (min-width:992px) {
  .col-filter-desktop .filter-mobile-bottom {
    display: none
  }
}

@media (min-width:1200px) {
  .col-filter-desktop .filter-mobile-top {
    display: none
  }
}

@media (min-width:992px) {
  .col-filter-desktop .filter {
    padding: 0
  }
}

@media (min-width:1200px) {
  .col-filter-desktop .filter {
    margin-top: 20px;
    height: auto
  }
}

.col-filter-desktop .additional-filters {
  margin-top: 8px
}

@media (min-width:1200px) {
  .col-filter-desktop .filter-group-heading .filter-arrow {
    margin: 0 16px 0 8px
  }

  .col-casino-card, .col-bonus {
    width: 75%;
    padding: 0 15px 0 0;
    float: left
  }
}

.lum-lightbox-inner img {
  max-width: 100vw !important;
  max-height: 100vh !important
}

.clickthroughlink-info {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer
}

.clickthroughlink-info svg {
  margin-right: 5px
}

.clickthroughlink-info.white {
  color: #fff !important
}

.clickthroughlink-info.white svg {
  fill: #fff !important
}

.clickthroughlink-info.width-50 {
  width: 50% !important
}

button {
  border: 0;
  background: 0 0
}

.btn {
  font-family: "neo-sans", sans-serif;
  border-radius: 2px;
  padding: 8px 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: all .2s;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  -webkit-appearance: none
}

@media (min-width:568px) {
  .btn {
    font-size: 16px;
    min-height: 50px
  }
}

@media (min-width:992px) {
  .btn:hover {
    color: #fff;
    text-decoration: none
  }
}

.btn .loader {
  display: none;
  width: 20px;
  height: 20px;
  border-width: 3px;
  margin-right: 8px
}

.btn svg {
  margin-right: 8px;
  fill: #fff
}

@media (min-width:1200px) {
  .btn svg {
    width: 18px;
    height: 18px
  }
}

.btn.active .loader {
  display: inline-flex
}

.btn-width-xs {
  min-width: 140px
}

@media (min-width:568px) {
  .btn-width-s {
    min-width: 200px
  }
}

.btn-width-m {
  min-width: 280px
}

.btn-complaint {
  background-color: #ed7600;
  border: 0
}

.btn-complaint:hover {
  background-color: #de6e00
}

.btn-green {
  background-color: #44be4c;
  border: 0
}

.btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green.active {
  background: #359a3c
}

.btn-green .loader {
  border: 2px solid #fff;
  border-top: 2px solid #44be4c;
  border-left: 2px solid #44be4c;
  width: 14px;
  height: 14px
}

.btn-green.active .loader {
  display: inline
}

.btn-red {
  background-color: #ed3445;
  border: 0
}

.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red.active {
  background: #db1326
}

.btn-red .loader {
  border-top: 2px solid #ed3445;
  border-left: 2px solid #ed3445
}

.btn-red.active .loader {
  display: inline
}

.btn-grey {
  background-color: #a2aeb7;
  border: 0
}

.btn-grey:hover, .btn-grey:active, .btn-grey:focus, .btn-grey.active {
  background-color: #7b8c98
}

.btn-grey-disabled {
  background-color: #a2aeb7
}

.btn-grey-disabled:hover {
  cursor: default
}

.btn-purple {
  background-color: #7528ab;
  border: 0
}

.btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple.active {
  background: #591e82
}

.btn-purple .loader {
  border: 2px solid #fff;
  border-top: 2px solid #7528ab;
  border-left: 2px solid #7528ab
}

.btn-border-purple {
  border: 1px solid #7528ab;
  color: #7528ab
}

.btn-border-purple svg {
  fill: #7528ab
}

.btn-border-purple:hover, .btn-border-purple:active, .btn-border-purple:focus, .btn-border-purple.active {
  background: #7528ab;
  color: #fff
}

.btn-border-purple:hover svg, .btn-border-purple:active svg, .btn-border-purple:focus svg, .btn-border-purple.active svg {
  fill: #fff
}

.btn-border-purple svg {
  fill: #7528ab
}

.btn-border-green {
  border: 1px solid #44be4c;
  color: #44be4c
}

.btn-border-green svg {
  fill: #44be4c
}

.btn-border-green:hover, .btn-border-green:active, .btn-border-green:focus, .btn-border-green.active {
  background: #44be4c;
  color: #fff
}

.btn-border-green:hover svg, .btn-border-green:active svg, .btn-border-green:focus svg, .btn-border-green.active svg {
  fill: #fff
}

.btn-border-green svg {
  fill: #44be4c
}

.btn-border-white {
  border: 1px solid #f0f3f7;
  color: #f0f3f7
}

.btn-border-white:hover, .btn-border-white:active, .btn-border-white:focus, .btn-border-white.active {
  background: rgba(255, 255, 255, .1)
}

.btn-responsive {
  width: auto
}

@media (max-width:567px) {
  .btn-responsive {
    width: 100%
  }
}

.btn-width-full {
  display: flex;
  width: 100%
}

.btn-small {
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 7px
}

.btn-small i {
  margin-right: .5em;
  font-size: .83em
}

.btn-border {
  border-radius: 2px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex
}

.btn-border-dark {
  color: #4a5b68;
  box-shadow: inset 0 0 0 1px #4a5b68
}

.btn-border-dark svg {
  fill: #4a5b68
}

.btn-border-dark:hover {
  background: #4a5b68;
  color: #f0f3f7
}

.btn-border-dark:hover svg {
  fill: #f0f3f7
}

.btn-small-button-dark, .btn-small-button-light {
  cursor: pointer;
  font-family: "Noto Sans", sans-serif;
  color: #e3e7ef;
  border: 1px solid #4a5b68;
  background: rgba(123, 140, 152, .1);
  border-radius: 2px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  white-space: nowrap;
  font-size: 14px;
  line-height: 19px
}

.btn-small-button-dark:hover, .btn-small-button-light:hover {
  background: rgba(123, 140, 152, .2)
}

.btn-small-button-dark svg, .btn-small-button-light svg {
  width: 16px;
  height: 16px
}

.main-header {
  padding-top: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background: #1d2730;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .45);
  width: 100%
}

@media (min-width:768px) {
  .main-header {
    height: 68px
  }
}

@media (min-width:992px) {
  .main-header {
    height: 73px
  }
}

@media (max-width:767px) {
  .main-header {
    /* height: 40px; */
    height: 60px;
    padding-top: 0;
  }

  .main-header.is-open {
    position: static
  }
}

.main-header__absolute {
  position: absolute;
  top: 0;
  left: 0
}

.main-header-static .main-header {
  position: absolute
}

@media (max-height:650px) and (orientation:landscape) {
  .main-header-static .main-header {
    position: relative
  }
}

@media (orientation:portrait) {
  .main-header {
    position: fixed
  }
}

@media (min-height:650px) and (orientation:landscape) {
  .main-header {
    position: fixed
  }
}

.main-header-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1a1a1a
}

@media (max-height:650px) and (orientation:landscape) {
  body {
    padding-top: 0
  }

  .main-header {
    position: relative
  }
}

.cookies-policy-alert {
  background: #4a5b68;
  color: #fff;
  padding: 10px 10px;
  text-align: left;
  position: fixed;
  bottom: 0;
  font-size: 12px;
  line-height: 14px;
  z-index: 3000
}

.cookies-policy-alert svg {
  width: 14px;
  height: 14px
}

@media (min-width:1200px) {
  .cookies-policy-alert svg {
    width: 18px;
    height: 18px
  }
}

@media (min-width:992px) {
  .cookies-policy-alert {
    text-align: center;
    position: static;
    font-size: 14px;
    line-height: 17px;
    width: 100%
  }
}

.cookies-policy-alert a {
  color: #fff;
  text-decoration: underline
}

.cookies-policy-alert-body {
  max-width: 1000px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center
}

.page-header {
  position: relative;
  padding: 16px 8px
}

@media (min-width:568px) {
  .page-header {
    display: flex;
    align-items: center;
    padding: 16px;
    justify-content: space-between
  }
}

@media (min-width:768px) {
  .page-header {
    flex-wrap: wrap;
    max-width: 870px;
    margin: auto
  }
}

@media (min-width:1200px) {
  .page-header {
    max-width: 1200px;
    padding: 0 16px
  }
}

.page-header-expand {
  text-align: center;
  margin-top: -8px;
  position: relative;
  z-index: 2
}

.page-header-expand:hover {
  cursor: pointer
}

.page-header-expand:hover svg {
  fill: #44be4c
}

.page-header-expand svg {
  fill: #a2aeb7
}

@media (min-width:568px) {
  .page-header-heading {
    flex: 0 0 50%
  }
}

@media (min-width:1200px) {
  .page-header-heading {
    flex: 0 0 calc(50% - 50px);
    text-align: left;
    padding: 0 50px 0 0
  }
}

.page-header-heading .desc {
  font-size: 14px;
  line-height: 17px;
  margin: 8px 0 0 0
}

@media (min-width:768px) {
  .page-header-heading .desc {
    font-size: 18px;
    line-height: 24px
  }
}

.page-header-heading .btn {
  margin: 16px 0 0
}

@media (min-width:568px) {
  .page-header-heading .btn {
    margin-top: 24px
  }
}

.page-header-heading p {
  margin: 8px 0
}

@media (min-width:992px) {
  .page-header-expandable .page-header-heading {
    margin: 20px 0
  }
}

@media (min-width:1200px) {
  .page-header-expandable .page-header-heading {
    margin: 42px 0
  }
}

.page-header-expandable .desc {
  position: relative;
  max-height: 80px;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
  color: #fff
}

@media (min-width:768px) {
  .page-header-expandable .desc {
    max-height: 100px
  }
}

@media (min-width:1200px) {
  .page-header-expandable .desc {
    max-height: 130px
  }
}

.page-header-expandable .desc:before {
  transition: opacity .3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 60px;
  background: linear-gradient(0deg, #1d2730 20%, rgba(29, 39, 48, .2) 100%);
  opacity: 1
}

@media (min-width:992px) {
  .page-header-expandable .desc:before {
    background: linear-gradient(0deg, #1d2730 40%, rgba(29, 39, 48, .2) 100%)
  }
}

.page-header-expandable .desc a {
  color: #44be4c
}

.page-header-expandable .desc a:hover {
  text-decoration: underline
}

.page-header-expandable .toggle .desc {
  max-height: 1000px
}

.page-header-expandable .toggle .desc:before {
  opacity: 0;
  transform: scaleY(.1);
  transform-origin: bottom
}

.page-header-expandable .toggle .page-header-expand {
  transform: rotateX(180deg)
}

.page-header-img {
  display: none;
  margin-bottom: 16px
}

@media (min-width:568px) {
  .page-header-img {
    flex: 0 0 50%;
    order: 2;
    display: block
  }
}

.page-header-img img {
  max-width: 100%;
  height: auto;
  display: block
}

@media (min-width:568px) {
  .with-visible-mobile-img.page-header {
    padding: 24px 16px
  }
}

.with-visible-mobile-img .page-header-img {
  display: block
}

@media (min-width:568px) {
  .with-visible-mobile-img .page-header-img {
    order: 2
  }
}

.heading-margin-wrapper {
  text-align: center;
  margin: 32px 0
}

.heading-margin-wrapper .neo-fs-32 {
  color: #1d2730;
  padding: 0 0 5px 0;
  display: inline-block;
  margin: 0 16px
}

@media (min-width:568px) {
  .heading-margin-wrapper .neo-fs-32 {
    max-width: 500px;
    margin: auto
  }
}

@media (min-width:768px) {
  .heading-margin-wrapper .neo-fs-32 {
    max-width: 550px
  }
}

@media (min-width:992px) {
  .heading-margin-wrapper .neo-fs-32 {
    max-width: 750px
  }
}

.heading-margin-wrapper.on-dark-bg .neo-fs-32 {
  color: #fff
}

@media (min-width:768px) {
  .heading-margin-wrapper.on-dark-bg {
    margin: 50px 0
  }
}

@media (min-width:992px) {
  .heading-margin-wrapper.on-dark-bg {
    margin: 70px 0
  }
}

.heading-margin-wrapper p {
  font-size: 15px;
  line-height: 21px;
  color: #7b8c98;
  margin: 20px auto
}

@media (min-width:568px) {
  .heading-margin-wrapper p {
    max-width: 500px
  }
}

@media (min-width:768px) {
  .heading-margin-wrapper p {
    max-width: 620px
  }
}

@media (min-width:992px) {
  .heading-margin-wrapper p {
    max-width: 750px
  }
}

.page-footer {
  background: #1a1a1a;
  width: 100%;
  padding: 16px;
  position: relative;
  overflow: hidden;
  color: #cdd6dd;
  margin-top: 32px
}

@media (min-width:992px) {
  .page-footer {
    margin-top: 64px
  }
}

.page-footer .logo-guru {
  display: block;
  margin-bottom: 16px
}

@media (min-width:568px) {
  .page-footer .logo-guru {
    flex: 0 0 50%;
    display: flex;
    align-items: center
  }
}

.page-footer .logo-guru img {
  display: block
}

.footer-col-label {
  font-family: "Noto Sans", Sans-Serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #a2aeb7;
  font-weight: 700;
  margin: 16px 0 8px;
  display: block
}

@media (min-width:568px) {
  .footer-col-label {
    margin: 16px 0
  }
}

@media (min-width:768px) {
  .footer-col-label {
    margin: 24px 0 16px
  }
}

.page-footer-games {
  margin-top: 0
}

.page-footer-cols {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.page-footer-cols a:hover span {
  text-decoration: underline
}

.page-footer-cols .shrink-icon {
  padding: 0 0 0 1px
}

.footer-col-1-4 {
  flex: 1 1 100%;
  font-size: 14px;
  line-height: 18px;
  padding: 0 16px 16px 0;
  border-top: 1px solid #4a5b68
}

@media (min-width:568px) {
  .footer-col-1-4 {
    flex: 1 1 50%
  }
}

@media (min-width:768px) {
  .footer-col-1-4 {
    flex: 1 1 25%
  }
}

@media (min-width:568px) {
  .footer-col-1-4:nth-child(2n) {
    border-left: 1px solid #4a5b68;
    padding-left: 16px
  }
}

@media (min-width:768px) {
  .footer-col-1-4:nth-child(3n+2) {
    border-left: 1px solid #4a5b68;
    padding-left: 16px
  }
}

@media (min-width:992px) {
  .footer-col-1-4:first-child {
    max-width: 40%
  }
}

.footer-col-about {
  flex: 1 1 100%;
  order: 4
}

@media (min-width:768px) {
  .footer-col-about {
    flex: 0 1 33.3%
  }
}

@media (min-width:992px) {
  .footer-col-about {
    flex: 1 0 auto
  }
}

.cg-footer-col-social {
  border-top: 1px solid #4a5b68;
  flex: 1 1 100%;
  padding: 16px 0
}

@media (min-width:568px) {
  .cg-footer-col-social {
    flex: 1 1 50%;
    border: 0;
    display: flex;
    justify-content: flex-end
  }
}

.cg-footer-col-social label {
  display: block;
  font-family: "Noto Sans", Sans-Serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #a2aeb7;
  font-weight: 700;
  margin-bottom: 8px
}

.cg-page-footer-social {
  display: flex;
  align-items: center
}

.cg-page-footer-social a {
  margin: 0 8px 0 0;
  display: block
}

.cg-page-footer-social a:hover svg {
  fill: #44be4c
}

.cg-page-footer-social svg {
  display: block
}

.footer-col-partners {
  flex: 0 0 100%
}

@media (min-width:568px) {
  .footer-col-partners {
    display: flex
  }
}

.footer-col-partners .arrow {
  position: absolute;
  right: 0;
  top: 16px;
  fill: #cdd6dd
}

@media (min-width:568px) {
  .footer-col-partners .arrow {
    right: 16px
  }
}

.footer-col-partners img {
  display: block;
  margin-bottom: 8px
}

.footer-col-partners .guru-academy {
  border-top: 1px solid #4a5b68;
  padding-bottom: 16px;
  position: relative;
  color: #cdd6dd;
  display: block
}

@media (min-width:568px) {
  .footer-col-partners .guru-academy {
    padding-right: 16px;
    flex: 0 0 calc(50% + 1px);
    border-right: 1px solid #4a5b68
  }
}

.footer-col-partners .guru-academy:hover .arrow {
  fill: #44be4c
}

.footer-col-partners .guru-self-exclusion {
  border-top: 1px solid #4a5b68;
  padding-bottom: 16px;
  position: relative;
  color: #cdd6dd;
  display: block
}

.footer-col-partners .guru-self-exclusion:hover .arrow {
  fill: #44be4c
}

@media (min-width:568px) {
  .footer-col-partners .guru-self-exclusion {
    padding-left: 16px;
    flex: 0 0 calc(50% - 1px)
  }
}

@media (min-width:768px) {
  .footer-col-partners .guru-self-exclusion {
    padding-left: 24px;
    padding-bottom: 24px
  }
}

@media (max-width:767px) {
  .search-box-wrapper {
    display: none
  }
}

.search-box-dark.search-box-active .search-box-input-wrapper-dark {
  background: #fff
}

.search-box-dark .search-box-input-wrapper-dark {
  background: rgba(123, 140, 152, .1);
  border: 1px solid #4a5b68
}

.search-box-dark .search-ico-wrapper-dark {
  background: rgba(123, 140, 152, .1)
}

.search-box-dark .search-ico-wrapper-dark svg {
  fill: #fff
}

.search-box-input-dark {
  background: 0 0;
  border: 0
}

.search-box-input-dark::placeholder {
  color: #e3e7ef
}

.search-box-input-dark:focus, .search-box-active .search-box-input-dark {
  color: #1d2730
}

.search-box-input-dark:focus::placeholder, .search-box-active .search-box-input-dark::placeholder {
  color: #4a5b68
}

.search-box-input-dark:focus+.search-ico-wrapper-dark svg, .search-box-active .search-box-input-dark+.search-ico-wrapper-dark svg {
  fill: #44be4c
}

.search-box-light .search-box-input-wrapper-light {
  background: #fff;
  border: 1px solid #a2aeb7
}

.search-box-light .search-ico-wrapper-light {
  background: rgba(123, 140, 152, .1)
}

.search-box-light .search-ico-wrapper-light svg {
  fill: #4a5b68
}

.search-box-input-light {
  background: #fff;
  border: 0
}

.search-box-input-light::placeholder {
  color: #7b8c98
}

.search-box-input-light:focus {
  background: #fff;
  color: #1d2730
}

.search-box-input-light:focus::placeholder {
  color: #7b8c98
}

.search-box-input-light:focus+.search-ico-wrapper-light svg {
  fill: #44be4c
}

@media (min-width:768px) {
  .homepage-wrapper .search-box-wrapper {
    margin: 40px 0
  }
}

.search-box-panel {
  background: #11091d no-repeat;
  text-align: center;
  padding: 50px 35px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

@media (min-width:568px) {
  .search-box-panel {
    padding: 40px 45px;
    height: auto;
    display: block
  }
}

@media (min-width:992px) {
  .search-box-panel {
    padding: 80px 45px 60px
  }
}

.search-box-panel>img {
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0
}

.search-box {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  display: none;
  height: 50px
}

@media (min-width:768px) {
  .search-box {
    max-width: 620px;
    padding: 0;
    height: 84px
  }
}

@media (min-width:992px) {
  .search-box {
    max-width: 770px
  }
}

.search-box::placeholder {
  color: #252525;
  font-size: 16px
}

.search-box.search-box-active {
  display: block;
  background: 0 0
}

.search-box .loader {
  right: 80px;
  height: 25px;
  width: 25px;
  border-width: 4px;
  border-top-color: #a2aeb7;
  border-left-color: #a2aeb7;
  text-align: center;
  display: flex;
  align-items: center
}

.search-box .icon-search {
  width: 18px;
  height: 18px
}

.search-box-input-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  border-radius: 2px
}

.search-box-input {
  width: 100%;
  padding-top: 4px;
  border: 0;
  padding-right: 24px;
  padding-left: 24px;
  height: 100%
}

.search-box-input:hover, .search-box-input:active, .search-box-input:focus {
  outline: 0
}

.search-ico-wrapper {
  background: rgba(123, 140, 152, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 38px
}

@media (min-width:568px) {
  .search-ico-wrapper {
    width: 50px;
    height: 48px
  }
}

.header-search-wrapper {
  position: absolute;
  left: calc(100% - 4px);
  z-index: 11;
  display: flex;
  flex: 1;
  top: 0;
  height: 100%;
  align-items: center;
  background: #1d2730;
  width: 100%
}

@media (min-width:568px) {
  .header-search-wrapper {
    position: static;
    height: auto;
    width: auto
  }
}

.header-search-wrapper.expanded {
  transform: translateX(-100%)
}

.header-search-wrapper .header-search-close {
  background: #1d2730;
  padding: 0 8px
}

@media (min-width:568px) {
  .header-search-wrapper .header-search-close {
    display: none
  }
}

.header-search {
  display: flex;
  flex: 1;
  border: 1px solid #4a5b68;
  border-radius: 2px;
  margin-left: 8px;
  min-width: 0
}

.header-search .header-search-input {
  flex: 1;
  height: 32px;
  font-size: 16px;
  line-height: 18px;
  border: 0;
  padding-left: 16px;
  border-radius: 2px 0 0 2px;
  min-width: 0;
  margin: 0
}

@media (min-width:992px) {
  .header-search .header-search-input {
    height: 36px
  }
}

.header-search .menu-link-search {
  display: none;
  padding: 7px 16px;
  margin: 0;
  border-radius: 0 2px 2px 0
}

@media (min-width:568px) {
  .header-search .menu-link-search {
    display: flex
  }
}

.header-search-close {
  cursor: pointer;
  padding: 0 6px
}

.avatar {
  border-radius: 50%;
  overflow: hidden
}

.avatar.moderator {
  background: #b3f0b8
}

.avatar-small, .avatar-small img {
  width: 20px;
  height: 20px;
  display: block;
  object-fit: cover;
  margin-right: 5px
}

svg.avatar-man {
  background: #a7c9eb
}

svg.avatar-woman {
  background: #d4d2ed
}

svg.avatar-unspecified {
  background: #f2f2f2
}

.menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 8px;
  flex-wrap: wrap
}

@media (min-width:768px) {
  .menu {
    height: 40px
  }
}

@media (min-width:992px) {
  .menu {
    height: auto;
    padding-bottom: 5px
  }
}

.menu .search-box-results-wrapper {
  position: relative;
  width: 100%
}

.menu-logo {
  margin-right: auto;
  position: relative;
  z-index: 5;
  margin-left: 8px
}

@media (min-width:568px) {
  .menu-logo {
    width: 24px;
    overflow: hidden
  }
}

@media (min-width:768px) {
  .menu-logo {
    width: auto;
    height: auto;
    overflow: hidden;
    margin-right: 5px;
    position: relative
  }
}

@media (min-width:1200px) {
  .menu-logo {
    width: auto;
    overflow: visible;
    margin-right: 15px
  }
}

.menu-logo svg, .menu-logo a {
  display: block
}

.menu-logo img {
  overflow: hidden;
  display: block;
  width: 100px
  /* width: 64px */
}

@media (min-width:568px) {
  .menu-logo img {
    width: 100px
  }
}

@media (min-width:992px) {
  .menu-logo img {
    height: 100%  }
}

.menu-right {
  display: flex;
  align-items: center;
  height: 100%
}

@media (min-width:768px) {
  .menu-right {
    position: relative
  }
}

@media (min-width:568px) {
  .menu-right .menu-link-search {
    display: none
  }
}

.menu-user {
  z-index: 2;
  height: 100%;
  display: flex
}

@media (min-width:768px) {
  .menu-user {
    display: block;
    height: 18px
  }
}

.menu-user .avatar {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 0;
  object-fit: cover;
  margin-top: -3px;
  margin-bottom: -3px
}

@media (min-width:992px) {
  .menu-user .avatar {
    width: 23px;
    height: 23px;
    margin-right: 10px
  }
}

.menu-user .email {
  font-family: "neo-sans", sans-serif;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center
}

@media (min-width:992px) {
  .menu-user .email {
    font-size: 14px
  }
}

.menu-user .email span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
  display: block;
  display: none
}

@media (min-width:992px) {
  .menu-user .email span {
    display: inline
  }
}

.menu-user:hover .menu-user-notifications, .menu-user:hover .menu-user-logged {
  transform: translateY(0)
}

.menu-right-link {
  display: flex;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  align-items: center
}

.menu-right-link .text {
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #fff
}

@media (min-width:768px) {
  .menu-right-link .text {
    font-size: 14px;
    line-height: 18px
  }
}

.menu-right-link .text:hover {
  color: #44be4c
}

.menu-right-link.active .text {
  color: #44be4c
}

.menu-right-btn {
  border-radius: 2px;
  border: 1px solid #4a5b68;
  padding: 7px 8px;
  height: 34px
}

@media (min-width:992px) {
  .menu-right-btn {
    padding: 10px 16px;
    height: 38px
  }
}

.menu-right-btn .separator {
  display: none;
  width: 1px;
  background: #4a5b68;
  margin: -8px 8px -8px 8px
}

@media (min-width:568px) {
  .menu-right-btn .separator {
    display: block
  }
}

@media (min-width:992px) {
  .menu-right-btn .separator {
    margin: -10px 10px -10px 10px
  }
}

.menu-right-btn:hover {
  background: rgba(123, 140, 152, .1)
}

.menu-right-btn:hover span {
  color: #44be4c
}

.menu-right-btn.active span {
  color: #44be4c
}

.menu-user-logged {
  background: #fff;
  border-radius: 2px;
  width: 100%
}

@media (min-width:568px) {
  .menu-user-logged {
    width: 336px
  }
}

@media (min-width:992px) {
  .menu-user-logged {
    left: 0
  }
}

.menu-user-logged .menu-user-login {
  font-size: 14px;
  font-family: "neo-sans", sans-serif;
  display: block;
  overflow: hidden;
  position: relative;
  color: #7b8c98;
  padding: 5px 20px;
  text-overflow: ellipsis
}

@media (min-width:992px) {
  .menu-user-logged .menu-user-login {
    display: none
  }
}

.menu-user-logged .avatar-with-name {
  color: #1d2730
}

.menu-user-logged .avatar-with-name svg, .menu-user-logged .avatar-with-name img {
  width: 18px;
  min-width: 18px;
  height: 18px
}

.menu-user-logged .avatar-with-name span {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  display: block
}

.menu-user-logged .menu-user-avatar-with-name {
  background: linear-gradient(0deg, rgba(123, 140, 152, .1), rgba(123, 140, 152, .1)), #fff;
  align-items: center;
  padding: 8px;
  color: #1d2730;
  margin: -16px -16px 16px -16px;
  display: flex
}

@media (min-width:768px) {
  .menu-user-logged .menu-user-avatar-with-name {
    display: none;
    margin: -24px -24px 16px -24px
  }
}

.menu-user-logged .menu-user-avatar-with-name svg, .menu-user-logged .menu-user-avatar-with-name img {
  width: 18px;
  min-width: 18px;
  height: 18px
}

.menu-user-logged .menu-user-avatar-with-name span {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  display: block
}

.menu-user-logged .popup-modal-exit-button {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 13px;
  height: 13px
}

@media (min-width:992px) {
  .menu-user-logged .popup-modal-exit-button {
    top: 24px;
    right: 24px
  }
}

.menu-user-logged .popup-modal-exit-button svg {
  fill: #a2aeb7
}

.menu-user-logged .popup-modal-exit-button svg:hover {
  fill: #4a5b68
}

.menu-user-logged .sans {
  font-family: "neo-sans", sans-serif;
  font-size: 16px;
  line-height: 20px
}

.menu-user-logged>a {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  color: #4a5b68;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px
}

.menu-user-logged>a:hover {
  background: #f0f3f7;
  color: #1d2730;
  border-radius: 2px
}

.menu-user-logged>a:hover svg {
  fill: #1d2730
}

.menu-user-logged>a:last-child {
  margin-bottom: -8px
}

.menu-user-logged .logout-link {
  border-top: 1px solid #cdd6dd;
  margin-bottom: 8px
}

.menu-user-logged svg {
  fill: #4a5b68;
  margin-right: 8px
}

.menu-right-signup {
  margin-left: -1px;
  border-left: 0;
  display: none
}

@media (min-width:568px) {
  .menu-right-signup {
    display: block
  }
}

.menu-right-signup:hover {
  cursor: pointer
}

.menu-right-signup:hover .menu-right-link .text {
  color: #44be4c
}

.menu-link {
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  position: relative;
  padding: 11px 15px;
  border-bottom: 1px solid #4a5b68;
  flex: 1;
  overflow: hidden
}

@media (min-width:768px) {
  .menu-link {
    font-size: 13px;
    padding: 0 10px;
    /* border: 0; */
    flex: 0 auto;
    position: relative;
    white-space: nowrap
  }

  .menu-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: #44be4c;
    transform: translateX(-101%);
    transition: transform .2s ease-in-out
  }

  .menu-link .menu-icon {
    display: none
  }
}

@media (min-width:992px) {
  .menu-link {
    padding: 0 8px 8px;
    font-size: 14px
  }

  .menu-link .menu-icon {
    display: block
  }
}

@media (min-width:1200px) {
  .menu-link {
    padding: 0 12px 8px;
    cursor: pointer
  }
}

.menu-link svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 10px
}

@media (min-width:768px) {
  .menu-link svg {
    margin-right: 5px
  }
}

.menu-link .icon-arrow {
  width: 14px;
  height: 9px
}

@media (min-width:768px) {
  .menu-link .icon-arrow {
    display: none
  }
}

.menu-link:focus {
  text-decoration: none;
  color: #fff
}

.menu-link:hover {
  color: #44be4c
}

.menu-link.is-active .icon-arrow {
  transform: rotate(-180deg)
}

.menu-link svg {
  fill: #44be4c
}

.menu-link .tag-new {
  font-family: "neo-sans", sans-serif;
  color: #f8ea14;
  font-size: 8px;
  position: absolute;
  top: -5px;
  right: -8px;
  text-transform: uppercase
}

@media (min-width:768px) {
  .menu-link-user {
    display: none
  }
}

.menu-link-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px
}

.menu-link-search {
  padding: 5px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 8px
}

.menu-link-search:hover svg {
  fill: #44be4c
}

.menu-lang {
  font-size: 12px;
  line-height: 14px;
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin: 0 3px;
  align-self: right;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  z-index: 3
}

@media (min-width:768px) {
  .menu-lang {
    font-size: 14px;
    line-height: 18px;
    margin: 0 8px 0 8px
  }
}

.menu-lang:hover, .menu-lang:focus {
  text-decoration: none
}

.menu-lang i {
  display: inline-block;
  width: 16px;
  height: 14px
}

.menu-lang.active span {
  color: #44be4c
}

@media (min-width:768px) {
  .menu-nav {
    margin: 0 0 0-8px;
    display: flex;
    align-items: center;
    height: 100%;
    flex: 1
  }
}

.menu-nav .active>a {
  color: #44be4c;
  position: relative
}

@media (min-width:768px) {
  .menu-nav .active>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #44be4c
  }
}

.menu-collapse {
  transition: all 230ms ease-out;
  transform: translateX(-150%);
  position: fixed;
  left: 0;
  top: 60px;
  width: 80%;
  height: calc(100% - 40px);
  background: #1d2730;
  /* overflow: auto; */
  box-shadow: 20px 0 74px 0 rgba(0, 0, 0, .32);
  max-width: 245px;
  flex: 0 0 100%
}

@media (min-width:768px) {
  .menu-collapse {
    align-items: center;
    transform: none;
    display: flex;
    /* position: static; */
    position: relative;
    top: 0;
    width: auto;
    background: 0 0;
    /* overflow: hidden; */
    box-shadow: none;
    max-width: none;
    height: 28px;
    padding: 0 0 0 8px
  }
}

@media (min-width:992px) {
  .menu-collapse {
    margin-top: 6px;
    height: 33px
  }
}

.menu-collapse.is-active {
  transform: translateX(0)
}

@media (min-width:768px) {
  .menu-collapse.is-active {
    height: 100%
  }

  .menu-collapse li {
    display: flex;
    height: 100%
  }
}

.menu-collapse-bottom {
  margin: 10px 0;
  padding: 0 15px 16px
}

.menu-collapse-bottom a {
  display: block;
  padding: 5px 0;
  font-size: 11px;
  color: #999
}

@media (min-width:768px) {
  .menu-collapse-bottom {
    display: none
  }
}

.menu-icon-label {
  background: 0 0;
  border: 0;
  padding: 0;
  position: relative;
  z-index: 5;
  color: #fff;
  margin-left: -8px;
  top: -4px;
  height: 40px;
  width: 40px;
  min-width: 40px
}

@media (min-width:768px) {
  .menu-icon-label {
    top: 0
  }
}

.menu-icon-label:hover {
  cursor: pointer
}

@media (min-width:768px) {
  .menu-icon-label {
    display: none
  }
}

.menu-icon-label .close {
  display: none
}

.menu-icon-label .open {
  display: block
}

.modal-open .menu-icon-label .open {
  display: none
}

.modal-open .menu-icon-label .close {
  display: block
}

.menu-icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.opacity-80 {
  opacity: .7 !important
}

.menu-expandable-user {
  text-align: center;
  border-radius: 2px;
  filter: drop-shadow(0 4px 8px rgba(29, 39, 48, .16))
}

.menu-expandable-user img {
  margin-right: 8px
}

.menu-expandable-user hr {
  background: #cdd6dd;
  height: 1px;
  border: 0;
  margin: 0-8px 8px
}

@media (min-width:568px) {
  .menu-expandable-user-narrow {
    text-align: left;
    max-width: 189px
  }
}

@media (min-width:992px) {
  .menu-expandable-user-narrow {
    text-align: left;
    max-width: 189px
  }
}

.menu-expandable-user-narrow a {
  justify-content: start;
  margin: 0-8px 8px
}

.menu-expandable-user-narrow a:first-of-type {
  margin-top: -8px
}

.sgw-toolbar-wrapper {
  position: relative;
  z-index: 5
}

@media (min-width:768px) {
  .sgw-toolbar-wrapper {
    z-index: 2003;
    max-width: 1200px;
    margin: auto
  }
}

.sgw-toolbar-outside {
  display: block;
  position: relative
}

@media (min-width:768px) {
  .sgw-toolbar-outside {
    z-index: 2001
  }
}

.sgw-toolbar {
  color: #00aeef;
  font-weight: 700;
  display: flex;
  align-items: center
}

@media (min-width:992px) {
  .sgw-toolbar {
    height: 32px
  }
}

.sgw-toolbar.menu-link:hover {
  color: #00aeef
}

.sgw-toolbar.menu-link svg {
  fill: #00aeef
}

.sub-menu {
  background: #fff;
  padding: 0 0 0 16px;
  width: 100%;
  left: 0;
  z-index: 3;
  display: block;
  box-shadow: 0 51px 74px 0 rgba(0, 0, 0, .32);
  overflow: hidden;
  max-height: 0;
  transition: all .2s ease-in-out
}

.menu-collapse li .sub-menu.is-active-2 {
  width: 400px;
}

@media (min-width:768px) {
  .sub-menu {
    transform: translate(0, -100%);
    transform-origin: top;
    min-height: 250px;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 0;
    max-height: none;
    opacity: 0;
    transition: none;
    background: 0 0;
    box-shadow: none;
    overflow: visible
  }
}

.sub-menu.is-active {
  display: block;
  transform: none
}

@media (min-width:768px) {
  .sub-menu.is-active {
    transform: translate(0, -100%)
  }
}

.text-center {
  text-align: center !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

@media (min-width:992px) {
  .md\:text-right {
    text-align: right !important
  }
}

@media (min-width:768px) {
  .sm\:text-right {
    text-align: right !important
  }

  .sm\:text-left {
    text-align: left !important
  }
}

.text-bold {
  font-weight: 700
}

.text-uppercase {
  text-transform: uppercase
}

.text-shadow {
  text-shadow: 0 2px 8px rgba(0, 0, 0, .6)
}

.micromodal-slide {
  display: none
}

.cg-flash-message {
  background: #fff;
  border: 1px solid #f0f3f7;
  box-shadow: 0 24px 48px rgba(0, 0, 0, .32);
  border-radius: 2px;
  padding: 8px 34px 8px 8px;
  position: fixed;
  transform: translateX(-50%) translateY(120%);
  bottom: 12px;
  left: 50%;
  max-width: 360px;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (min-width:568px) {
  .cg-flash-message {
    transform: translateX(130%) translateY(0);
    left: auto;
    right: 32px;
    top: 120px;
    bottom: auto
  }
}

.cg-flash-message.flash-message-visible, .cg-flash-message.is-open {
  transform: translateX(-50%) translateY(0)
}

@media (min-width:568px) {
  .cg-flash-message.flash-message-visible, .cg-flash-message.is-open {
    transform: translateX(0) translateY(0)
  }
}

.none {
  display: none
}

.flex {
  display: flex
}

.inherit {
  display: inherit
}

.inline-block {
  display: inline-flex
}

.inline-flex {
  display: inline-flex
}

.block {
  display: block
}

.relative {
  position: relative
}

@media (min-width:568px) {
  .xs\:flex {
    display: flex
  }

  .xs\:block {
    display: block
  }

  .xs\:none {
    display: none
  }
}

@media (min-width:768px) {
  .sm\:none {
    display: none
  }

  .sm\:flex {
    display: flex
  }

  .sm\:block {
    display: block
  }
}

@media (min-width:992px) {
  .md\:flex {
    display: flex
  }

  .md\:block {
    display: block
  }
}

@media (min-width:1200px) {
  .lg\:block {
    display: block
  }

  .lg\:flex {
    display: flex
  }
}

.flex-inline {
  display: inline-flex
}

.flex-1 {
  flex: 1
}

.flex-2 {
  flex: 2
}

.order-1 {
  order: 1
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.justify-between {
  justify-content: space-between
}

@media (min-width:768px) {
  .sm\:justify-between {
    justify-content: space-between
  }
}

.justify-evenly {
  justify-content: space-evenly
}

.justify-center {
  justify-content: center
}

.justify-end {
  justify-content: flex-end
}

.justify-start {
  justify-content: flex-start
}

@media (min-width:568px) {
  .xs\:justify-start {
    justify-content: flex-start
  }

  .xs\:justify-end {
    justify-content: flex-end
  }
}

@media (min-width:768px) {
  .sm\:justify-start {
    justify-content: flex-start
  }
}

.content-between {
  align-content: space-between
}

.items-center {
  align-items: center
}

.items-end {
  align-items: flex-end
}

.align-center {
  align-items: center
}

@media (min-width:568px) {
  .xs\:items-start {
    align-items: flex-start
  }
}

.items-start {
  align-items: start
}

.items-stretch {
  align-items: stretch
}

.items-baseline {
  align-items: baseline
}

.self-center {
  align-self: center
}

.flex-no-shrink {
  flex-shrink: 0
}

.self-right {
  align-self: right
}

.flex-row {
  flex-direction: row;
  height: 100%
}

.flex-column {
  flex-direction: column
}

@media (min-width:568px) {
  .xs\:flex-row {
    flex-direction: row
  }
}

@media (min-width:768px) {
  .sm\:flex-row {
    flex-direction: row
  }

  .sm\:flex-column {
    flex-direction: column !important
  }
}

@media (min-width:992px) {
  .md\:flex-column {
    flex-direction: column !important
  }
}

.basis-100 {
  flex-basis: 100%
}

.cf-left {
  clear: left
}

.cf-right {
  clear: right
}

.cf-both {
  clear: both
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.block {
  display: block
}

@media (min-width:568px) {
  .xs\:none {
    display: none
  }
}

.link {
  cursor: pointer
}

.link:hover {
  text-decoration: underline
}

.underline {
  text-decoration: underline
}

.underline-link {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1
}

.link-primary {
  color: #44be4c
}

.link-primary:hover {
  color: #239f29;
  cursor: pointer;
  text-decoration: underline
}

.link-primary:hover svg {
  fill: #239f29
}

.link-primary:hover * {
  color: #239f29 !important
}

.link-secondary:hover {
  color: #44be4c;
  cursor: pointer
}

.link-secondary:hover svg {
  fill: #44be4c
}

.link-secondary:hover * {
  color: #44be4c !important
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.overflow-hidden {
  overflow: hidden
}

.pointer {
  cursor: pointer
}

.expanded-visible {
  display: none
}

.expanded-hidden {
  display: block
}

.min-width-0 {
  min-width: 0
}

.homepage-section {
  background: #f0f3f7;
  overflow: hidden
}

.homepage-section-dark {
  background: #1d2730;
  overflow: hidden
}

.homepage-section-bottom {
  margin: 32px 0;
  text-align: center
}

.homepage-section-wrapper {
  padding: 0 15px
}

.homepage-section-content {
  margin: 40px auto
}

@media (min-width:1200px) {
  .homepage-section-content {
    max-width: 1200px;
    margin: 0 auto
  }
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.typography a:hover {
  cursor: pointer
}

.typography p, .typography li {
  font-size: 16px;
  line-height: 24px
}

.typography .article-toggle .down {
  display: none
}

.typography .article-toggle.toggle .right {
  display: none
}

.typography .article-toggle.toggle .down {
  display: block
}

.typography .article-toggle.toggle .article-toggle-content {
  display: block
}

.typography .article-toggle .article-toggle-content {
  display: none
}

.typography .anchor {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden
}

@media (min-width:992px) {
  .typography .anchor {
    top: -90px
  }
}

.typography figure img {
  width: 100%;
  display: block
}

.fs-xs {
  font-size: 11px;
  line-height: 12px
}

.fs-s {
  font-size: 12px;
  line-height: 14px
}

.fs-l {
  font-size: 16px;
  line-height: 1.2em
}

.fs-m {
  font-size: 14px;
  line-height: 18px
}

.fs-xl {
  font-size: 18px;
  line-height: 1.2em
}

.fs-xxl {
  font-size: 22px;
  line-height: 1.1em
}

.fs-xxxl {
  font-size: 30px;
  line-height: 1.1em
}

.neo-fs-20 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px
}

@media (min-width:768px) {
  .neo-fs-20 {
    font-size: 18px;
    line-height: 24px
  }
}

@media (min-width:992px) {
  .neo-fs-20 {
    font-size: 20px;
    line-height: 26px
  }
}

.neo-fs-20 a {
  color: inherit
}

.neo-fs-22 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px
}

@media (min-width:768px) {
  .neo-fs-22 {
    font-size: 20px;
    line-height: 26px
  }
}

@media (min-width:992px) {
  .neo-fs-22 {
    font-size: 22px;
    line-height: 26px
  }
}

.neo-fs-28 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px
}

@media (min-width:768px) {
  .neo-fs-28 {
    font-size: 25px;
    line-height: 29px
  }
}

@media (min-width:992px) {
  .neo-fs-28 {
    font-size: 28px;
    line-height: 34px
  }
}

.neo-fs-25 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px
}

@media (min-width:768px) {
  .neo-fs-25 {
    font-size: 22px
  }
}

@media (min-width:992px) {
  .neo-fs-25 {
    font-size: 25px;
    line-height: 29px
  }
}

.neo-sub-fs-22 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 24px
}

@media (min-width:768px) {
  .neo-sub-fs-22 {
    font-size: 20px;
    line-height: 26px
  }
}

@media (min-width:992px) {
  .neo-sub-fs-22 {
    font-size: 22px;
    line-height: 26px
  }
}

.neo-fs-32 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 29px
}

@media (min-width:768px) {
  .neo-fs-32 {
    font-size: 28px;
    line-height: 34px
  }
}

@media (min-width:992px) {
  .neo-fs-32 {
    font-size: 32px;
    line-height: 36px
  }
}

.neo-sub-fs-20 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-size: 17px;
  line-height: 24px
}

@media (min-width:768px) {
  .neo-sub-fs-20 {
    font-size: 18px;
    line-height: 26px
  }
}

@media (min-width:992px) {
  .neo-sub-fs-20 {
    font-size: 20px;
    line-height: 26px
  }
}

.neo-sub-fs-18 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 22px
}

@media (min-width:768px) {
  .neo-sub-fs-18 {
    font-size: 17px;
    line-height: 24px
  }
}

@media (min-width:992px) {
  .neo-sub-fs-18 {
    font-size: 18px;
    line-height: 24px
  }
}

.neo-sub-fs-16 {
  font-family: "neo-sans", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 22px
}

.results-content-loader {
  position: relative;
  display: none
}

.results-content-loader h3 {
  color: #252525
}

.results-content-loader h4 {
  color: #44be4c
}

.results-content-loader img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  max-width: 100%
}

.results-content-loader.active {
  display: block
}

.section-dark .results-content-loader h3 {
  color: #fff
}

.results-content-loader-inside {
  position: relative;
  height: 300px;
  width: 100%
}

.results-content-loader-text {
  margin: 10px 0 0 0
}

.results-content-loader-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 300px
}

.main-header {
  z-index: 2002
}

.results-content-loader {
  z-index: 1000
}

.results-content-overlay {
  z-index: 999
}

@media (min-width:768px) {
  .menu {
    z-index: 10
  }
}

.menu-right, .menu-link {
  z-index: 4
}

.main-header-bg {
  z-index: 4
}

@font-face {
  font-family: "neo-sans";
  src: url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3)format("woff2"), url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3)format("woff"), url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3)format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: "neo-sans";
  src: url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3)format("woff2"), url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3)format("woff"), url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3)format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400
}

.tk-neo-sans {
  font-family: "neo-sans", sans-serif
}

.filter-select-wrapper {
  align-items: center;
  white-space: nowrap;
  position: relative;
  display: flex;
  flex: 0 0 calc(50% - 8px);
  margin-left: 8px
}

@media (min-width:1200px) {
  .filter-select-wrapper {
    flex: 0 0 25%
  }
}

.filter-select-wrapper:hover select {
  background: rgba(123, 140, 152, .1)
}

.filter-select-wrapper:hover select+svg {
  fill: #1d2730
}

.filter-select-wrapper .icon-sort {
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  fill: #4a5b68
}

.filter-select-wrapper select {
  color: #4a5b68;
  border-color: #4a5b68;
  background: 0 0;
  flex: 1;
  padding: 0 8px 0 38px;
  -webkit-appearance: none;
  height: 40px;
  font-size: 14px;
  border-radius: 2px;
  width: 100%
}

.filter-select-wrapper select+svg {
  fill: #7b8c98;
  z-index: 2
}

@media (min-width:768px) {
  .filter-select-wrapper select {
    padding: 0 32px 0 38px;
    font-size: 14px;
    min-width: 190px
  }
}

.filter-select-wrapper label {
  display: none
}

.menu-expandable-popup {
  position: absolute;
  transform: translate(0, -200%);
  top: 0;
  left: 0
}

.vote-link-up {
  cursor: pointer
}

.vote-link-up:hover, .vote-link-up.voted {
  color: #22b573
}

.vote-link-up:hover svg, .vote-link-up.voted svg {
  fill: #22b573
}

.vote-link-down {
  cursor: pointer
}

.vote-link-down:hover, .vote-link-down.voted {
  color: #ed3445
}

.vote-link-down:hover svg, .vote-link-down.voted svg {
  fill: #ed3445
}

.vote-link-bump svg {
  animation: bump .8s
}

.results-header-top {
  color: #333;
  display: none
}

.tippy-box .results-header-top {
  max-width: 260px;
  display: block
}

.results-header-top p {
  color: #4a5b68;
  clear: both;
  border-bottom: 1px solid #cdd6dd;
  padding: 8px 0;
  margin-bottom: 8px
}

@media (min-width:1200px) {
  .results-header-top p {
    border-bottom: none;
    padding: 8px 0 0;
    margin-bottom: 0
  }
}

.results-header-top svg {
  vertical-align: middle
}

@media (min-width:1200px) {
  .results-header-top svg {
    width: 32px;
    height: 32px
  }
}

.list-section-perex {
  margin: 15px 0;
  color: #4a5b68;
  font-size: 14px;
  line-height: 17px
}

@media (min-width:768px) {
  .list-section-perex {
    font-size: 15px;
    line-height: 20px
  }
}

.list-section-perex-casino-widget {
  margin-top: 0;
  margin-bottom: 5px
}

.section-tabs-wrapper {
  height: 71px;
  position: relative;
  border-bottom: 1px solid #dce3e8
}

@media (min-width:768px) {
  .section-tabs-wrapper {
    overflow-x: visible
  }
}

.section-tabs-wrapper .cg-tab-main.active, .section-tabs-wrapper .cg-tab-main:hover {
  background: #f0f3f7
}

.section-tabs {
  padding: 0 0 0 8px
}

@media (min-width:568px) {
  .section-tabs {
    padding: 0 0 0 16px
  }
}

@media (min-width:768px) {
  .section-tabs {
    max-width: 870px;
    margin: auto;
    padding: 0 16px
  }
}

@media (min-width:1200px) {
  .section-tabs {
    max-width: 1200px
  }
}

.section-tabs-visible {
  padding: 0 8px
}

@media (min-width:1200px) {
  .section-tabs-visible {
    padding: 0 16px
  }
}

.list-top {
  background-color: #f8f8fa;
  overflow: auto
}

.section-header-dark {
  display: flow-root;
  background: #1d2730
}

.section-header-dark .list-section-heading {
  color: #fff
}

.section-header-dark .header-breadcrumb {
  color: #cdd6dd
}

.section-header-dark .header-breadcrumb a {
  color: #cdd6dd
}

.section-header-dark .header-breadcrumb a:hover, .section-header-dark .header-breadcrumb a.active {
  color: #44be4c
}

.section-header-dark .header-breadcrumb a:hover svg.home, .section-header-dark .header-breadcrumb a.active svg.home {
  fill: #44be4c
}

.section-header-dark .header-breadcrumb svg {
  fill: #cdd6dd
}

.filter-item-active, .preset-filter-item-active {
  padding: 5px 15px;
  background: #e3e7ef;
  color: #1d2730;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  border-radius: 20px;
  margin: 5px 5px 0 0;
  border-bottom: 1px solid #cdd6dd
}

@media (max-width:767px) {
  .filter-item-active, .preset-filter-item-active {
    margin: 3px
  }
}

.filter-item-active svg, .preset-filter-item-active svg {
  fill: #a2aeb7;
  margin-left: 5px;
  flex-shrink: 0
}

.filter-item-active span, .preset-filter-item-active span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.filter-item-active .icon, .preset-filter-item-active .icon {
  margin-left: -8px
}

.filter-item-active .flag-icon-circle-small, .preset-filter-item-active .flag-icon-circle-small {
  margin-left: -5px;
  flex-shrink: 0
}

.filter-item-active-label {
  font-size: 12px;
  color: #7b8c98
}

.filter-item-active {
  cursor: pointer
}

.filter-item-active:hover, .filter-item-active:active, .filter-item-active:focus {
  text-decoration: none;
  background: #cdd6dd
}

.filter-item-active:hover svg, .filter-item-active:active svg, .filter-item-active:focus svg {
  fill: #7b8c98
}

.filter-item-clear {
  background: #4a5b68;
  color: #fff;
  font-family: "neo-sans", sans-serif;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: 15px;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 20px;
  margin-top: 5px
}

@media (max-width:767px) {
  .filter-item-clear {
    margin: 3px
  }
}

.filter-item-clear svg {
  fill: #fff;
  transition: fill .2s ease-in-out;
  margin-left: 5px
}

.filter-item-clear svg.transparent {
  opacity: .6
}

.filter-item-clear:hover, .filter-item-clear:active, .filter-item-clear:focus {
  background: #ce2935
}

.filter-item-clear:hover svg, .filter-item-clear:active svg, .filter-item-clear:focus svg {
  opacity: 1
}

@media (min-width:768px) {
  .results-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0
  }
}

.results-header-row .neo-fs-20 {
  flex: 1
}

.results-header-row .game-filter-sort {
  flex: 1 0 50%
}

.results-header-heading {
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  display: block;
  position: relative
}

@media (min-width:1200px) {
  .results-header-heading {
    display: flex;
    align-items: center
  }
}

.tippy-popper .results-header-heading {
  display: block;
  color: #333
}

.results-header-heading .heading {
  flex: 1 1 100%;
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 16px
}

@media (min-width:1200px) {
  .results-header-heading .heading {
    font-size: 20px;
    line-height: 20px
  }
}

.results-header-heading svg {
  flex-shrink: 0
}

.results-header-heading .widget-social {
  position: absolute;
  top: 20px;
  right: 0
}

.filter-heading-label {
  background: #f5ffd7;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  padding: 4px 16px;
  font-weight: 700;
  color: #239f29;
  white-space: nowrap;
  margin-top: 4px
}

.tippy-box .filter-heading-label {
  white-space: normal
}

@media (min-width:1200px) {
  .filter-heading-label {
    margin-left: 8px
  }
}

@media (min-width:992px) {
  .filter-heading-label {
    margin: 8px 0 8px 0
  }
}

@media (min-width:1200px) {
  .filter-heading-label {
    margin: 0 0 0 8px
  }
}

.filter-heading-label svg {
  fill: #239f29
}

.results-header .active-filter-groups {
  display: none
}

@media (min-width:768px) {
  .results-header .active-filter-groups {
    display: flex
  }
}

@media (min-width:1200px) {
  .results-header .active-filter-groups {
    display: none
  }
}

#popover-results-filter-top .popover {
  max-width: 100%;
  width: 400px
}

.results-content {
  width: 100%;
  min-height: 400px
}

.results-content.active {
  filter: blur(4px)
}

.results-content.active .results-content-overlay {
  display: block
}

.results-content-overlay {
  position: absolute;
  width: 100%;
  height: 85%;
  background: rgba(255, 255, 255, .8);
  display: none
}

.results-content-overlay-dark {
  background: rgba(29, 39, 48, .8)
}

.results-main-bottom {
  display: flex;
  color: #4a5b68;
  flex-direction: column;
  margin: 16px 0 32px 0
}

@media (min-width:568px) {
  .results-main-bottom {
    flex-direction: row;
    flex-wrap: wrap
  }
}

.results-main-bottom .paging-btn-wrapper {
  flex: 0 0 100%;
  margin-bottom: 16px;
  text-align: center
}

@media (min-width:568px) {
  .results-main-bottom .paging-btn-wrapper {
    margin-bottom: 24px
  }
}

.results-main-bottom.on-dark-bg {
  color: #a2aeb7
}

.results-main-bottom .paging {
  flex: 0 0 100%
}

.user-review-modal-select select {
  color: #7b8c98
}

.user-review-modal-select select.dirty {
  color: #4a5b68
}

@media (min-width:768px) {
  .user-review-modal-select {
    width: calc(50% - 8px)
  }
}

.active-filter-groups {
  margin-top: 8px
}

@media (min-width:768px) {
  .active-filter-groups {
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }
}

@media (min-width:992px) {
  .active-filter-groups {
    display: block;
    margin-top: 0
  }
}

.active-filter-groups .filter-header {
  margin: 4px 4px 0 0;
  flex: 0 0 100%
}

@media (min-width:1200px) {
  .active-filter-groups .filter-header {
    margin: 0
  }
}

.payment-list-results {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

@media (min-width:992px) {
  .payment-list-results {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
  }
}

.payment-list-item {
  background: #fff;
  padding: 4px;
  position: relative;
  border-radius: 2px
}

@media (min-width:768px) {
  .payment-list-item {
    padding: 8px
  }
}

.filter-list-item-img {
  display: flex;
  border: 1px solid #cdd6dd;
  position: relative;
  justify-content: center
}

.filter-list-item-img picture, .filter-list-item-img img {
  display: block
}

.payment-list-item-bottom {
  text-align: center
}

.payment-list-item-bottom .btn {
  margin: 4px 0
}

@media (min-width:768px) {
  .payment-list-item-bottom .btn {
    margin: 8px 0
  }
}

.payment-list-item-facet {
  background: rgba(123, 140, 152, .1);
  border-radius: 2px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #1d2730;
  padding: 2px 6px;
  position: absolute;
  top: 0;
  right: 0
}

@media (min-width:992px) {
  html ::-webkit-scrollbar {
    width: 8px;
    height: 4px
  }

  html ::-webkit-scrollbar-track {
    background: #f0f3f7;
    width: 8px
  }

  html ::-webkit-scrollbar-thumb {
    background: #44be4c;
    border-radius: 2px
  }

  html body {
    scrollbar-color: #44be4c #f0f3f7;
    scrollbar-width: thin
  }

  html.scrollbar-dark ::-webkit-scrollbar-track {
    background: #1d2730
  }

  html.scrollbar-dark ::-webkit-scrollbar-thumb {
    background: #44be4c
  }

  html.scrollbar-dark body {
    scrollbar-color: #44be4c #1d2730
  }
}

.side-filter .filter-search-input-wrapper {
  margin-right: 0
}

@media (min-width:768px) {
  .active-filter-group {
    display: inline-block
  }

  .game-results-header .active-filter-group {
    display: inline-block
  }
}

.filter-group {
  padding: 16px 16px;
  border-bottom: 1px solid #dce3e8
}

.filter-group:last-child {
  border-bottom: none
}

@media (min-width:1200px) {
  .filter-group {
    padding: 15px 0
  }
}

.filter-group .flag-icon {
  position: relative;
  margin-right: 8px;
  background-size: auto
}

.filter-group.active .filter-group-heading svg {
  fill: #44be4c
}

.filter-group.active .filter-group-heading {
  font-weight: 700;
  color: #44be4c
}

.filter-group.expanded .filter-arrow {
  transform: rotate(-180deg)
}

.filter-panel {
  background: #fff;
  border-radius: 2px;
  margin-bottom: 16px
}

@media (min-width:1200px) {
  .filter-panel {
    padding-left: 16px;
    box-shadow: 0 4px 8px rgba(29, 39, 48, .16)
  }
}

.filter-group-desc-prefix {
  color: #44be4c
}

.filter-arrow {
  align-self: center
}

.filter-heading {
  color: #4a5b68;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase
}

.filter-group-heading-desc {
  color: #4a5b68;
  font-size: 11px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left
}

.filter-group-heading {
  background-color: #fff;
  color: #1d2730;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center
}

.filter-group-heading.active {
  color: #252525;
  font-weight: 700;
  text-decoration: none
}

.filter-group-heading.active .icon-simple-down {
  color: #252525
}

.filter-group-heading>svg {
  fill: #44be4c
}

.filter-group-heading .filter-group-icon {
  margin-right: 12px
}

.filter-group-heading .filter-arrow {
  fill: #7b8c98;
  margin: 0 0 0 8px
}

.filter-group-heading:hover {
  color: #44be4c
}

.filter-group-heading:hover .filter-group-heading-desc {
  color: #44be4c
}

.filter-group-heading-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: left;
  font-family: "neo-sans", sans-serif
}

.filter-items-active {
  display: none
}

@media (min-width:768px) {
  .filter-items-active {
    margin-top: 16px;
    margin-bottom: 16px;
    display: block;
    font-size: 13px;
    color: #4a5b68
  }
}

.tippy-popper .filter-items-active {
  display: none
}

.filter-mobile-top {
  padding: 12px 8px;
  display: flex;
  align-items: center
}

@media (min-width:992px) {
  .filter-mobile-top {
    padding: 8px 0
  }
}

.filter-group-content {
  display: none;
  margin-top: 15px;
  position: relative
}

.expanded .filter-group-content {
  display: block
}

.filter-group-content.loading .loader-wrapper {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px
}

.filter-group-content.loading .loader {
  display: block
}

.filter-group-content .loader {
  display: none
}

.filter-group-content-scrollable {
  max-height: 240px;
  position: relative;
  overflow-y: scroll !important;
  overflow-x: hidden
}

.cgf-facet-counter {
  font-size: 13px;
  color: #007dff;
  margin: 0 15px 0 auto
}

.cgf-item {
  width: 100%;
  height: 32px;
  color: #1d2730;
  position: relative;
  font-size: 12px;
  min-height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center
}

.cgf-item .icon, .cgf-item .icon-badge {
  margin-left: 7px;
  margin-right: 3px
}

.cgf-item .cg-checkbox {
  display: flex
}

.cgf-item .cg-checkbox span {
  margin: 0 10px
}

.cgf-item.active {
  background: #e3e7ef;
  text-decoration: none
}

.cgf-item.active .cgf-facet-counter {
  display: none
}

.cgf-item.active .cg-checkbox input:checked+span .checked {
  display: block
}

@media (min-width:1200px) {
  .cgf-item:hover {
    background: #e3e7ef;
    text-decoration: none
  }

  .cgf-item:hover .cg-checkbox input:checked+span .checked {
    display: block
  }
}

.cgf-item svg:not(.rep-badge) {
  fill: #a2aeb7
}

.cgf-item:focus {
  text-decoration: none
}

@media (min-width:1200px) {
  .cgf-item.active:hover {
    text-decoration: none
  }
}

.cg-expandbox {
  width: 14px;
  height: 14px;
  border: 1px solid #7b8c98;
  border-radius: 2px;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  margin: 0 10px;
  flex-shrink: 0
}

.cg-expandbox svg {
  fill: #7b8c98
}

.filter-group-expandable.is-expanded .expandable-content {
  display: block
}

.filter-group-expandable.is-expanded .filter-item-expandable .filter-group-content-item-number {
  display: none
}

.filter-group-expandable.is-expanded .filter-item-expandable .filter-group-label {
  font-weight: 700
}

.filter-group-expandable.is-expanded .minus {
  display: block
}

.filter-group-expandable.is-expanded .plus {
  display: none
}

.filter-group-expandable .expandable-content {
  display: none
}

.filter-group-expandable .expandable-content .cgf-item {
  padding-left: 22px
}

.filter-group-counter {
  height: 15px;
  min-width: 15px;
  background: #22b573;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin: 0 0 0 4px
}

.filter-group-counter:empty {
  display: none
}

.filter-item-expandable {
  position: relative;
  font-size: 12px;
  min-height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #4a5b68
}

.filter-item-expandable .minus {
  display: none
}

.filter-item-expandable .plus {
  display: block
}

@media (min-width:1200px) {
  .filter-item-expandable:hover {
    background: #e3e7ef
  }
}

.filter-item-expandable.hidden~.expandable-content {
  display: none
}

.filter-header {
  text-align: center;
  display: flex
}

.active .filter-header {
  text-align: center
}

.filter-header svg {
  fill: #7b8c98
}

.filter-header+.filter-panel {
  margin-top: 8px
}

div.filter {
  transition: all .2s;
  height: calc(100% - 57px);
  overflow: auto
}

@media (min-width:992px) {
  div.filter {
    height: calc(100% - 67px);
    padding: 32px;
    scrollbar-color: #44be4c #f0f3f7;
    scrollbar-width: thin
  }

  div.filter ::-webkit-scrollbar-track {
    background: #f0f3f7
  }
}

div.filter .additional-filters {
  padding: 0 0 8px 0;
  border-bottom: 1px solid #cdd6dd
}

div.filter .additional-filters+.filter-header {
  margin-top: 8px
}

div.filter .hr {
  height: 1px;
  background: #cdd6dd;
  display: block;
  margin-top: 8px
}

div.filter .active-filter-groups {
  padding-left: 8px
}

@media (min-width:992px) {
  div.filter .active-filter-groups {
    padding-left: 0
  }
}

.filter-modal-link {
  background: #fff;
  color: #000;
  border: 1px solid #4a5b68;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 13px;
  font-family: "neo-sans", sans-serif
}

.filter-modal-link:last-child {
  margin-left: 5px
}

@media (min-width:768px) {
  .filter-modal-link {
    font-size: 15px;
    line-height: 18px
  }
}

.filter-modal-link svg {
  fill: #7b8c98
}

.filter-modal-link.active {
  border-color: #22b573
}

.filter-modal-link.active svg {
  fill: #22b573
}

.header-breadcrumb {
  width: 100%;
  padding: 10px 0;
  display: none;
  font-family: "Noto Sans", Sans-Serif
}

.header-breadcrumb svg {
  fill: #4a5b68
}

@media (min-width:568px) {
  .header-breadcrumb {
    display: flex;
    align-items: flex-start
  }
}

.header-breadcrumb a {
  text-decoration: none;
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: #4a5b68
}

.header-breadcrumb a:hover, .header-breadcrumb a.active {
  color: #44be4c
}

.header-breadcrumb a:hover svg.home, .header-breadcrumb a.active svg.home {
  fill: #44be4c
}

.header-breadcrumb a.active {
  font-weight: 700
}

.header-breadcrumb a:first-child {
  padding-left: 0
}

.header-breadcrumb a:first-child:before {
  display: none !important
}

.header-breadcrumb span.item {
  color: #7b8c98;
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  display: inline-flex;
  align-items: center
}

.ga-slider-panel {
  margin: 24px 0;
  user-select: none
}

@media (min-width:768px) {
  .ga-slider-panel {
    padding: 0
  }
}

@media (min-width:992px) {
  .ga-slider-panel {
    margin: 48px 0 64px 0
  }
}

.ga-slider-panel .neo-fs-20 {
  color: #e3e7ef
}

.ga-slider-panel .neo-fs-20 a {
  color: #e3e7ef
}

.ga-slider-panel .neo-fs-20 a:hover {
  color: #44be4c
}

.ga-slider-panel .slider-name {
  margin-right: 16px
}

.ga-slider-panel-icon {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  fill: #44be4c
}

@media (min-width:568px) {
  .ga-slider-panel-icon {
    width: 26px;
    height: 26px
  }
}

@media (min-width:992px) {
  .ga-slider-panel-icon {
    width: 30px;
    height: 30px
  }
}

.desktop-slider-panel>.neo-fs-20 {
  margin: 16px 0
}

@media (min-width:768px) {
  .desktop-slider-panel>.neo-fs-20 {
    margin: 0 0 16px
  }
}

.ga-slider {
  padding-left: 0;
}

.ga-slider .game-item {
  padding: 10px 8px 10px 0;
  width: 43%;
  flex: 0 0 43%
}

@media (min-width:568px) {
  .ga-slider .game-item {
    width: 29%;
    flex: 0 0 29%
  }
}

@media (min-width:768px) {
  .ga-slider .game-item {
    padding: 10px 5px 10px;
    width: 25%;
    flex: 0 0 25%
  }
}

@media (min-width:1200px) {
  .ga-slider .game-item {
    width: 20%;
    flex: 0 0 20%
  }
}

.ga-slider .game-item:hover {
  z-index: 3
}

@media (min-width:992px) {
  .ga-slider .game-item:hover .game-item-overlay {
    opacity: 1
  }
}

.ga-slider .game-item:hover .game-item-img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .45)
}

@media (min-width:992px) {
  .btn-games-show-all {
    margin-right: 88px
  }
}

.game-item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  transition: all .2s ease-in-out
}

@media (min-width:992px) {
  .game-item {
    display: inline-block
  }
}

.game-item:hover .game-item-content, .game-item:hover .game-item-overlay {
  opacity: 1
}

.game-item:hover .game-item-img>img {
  transform: scale(1.1);
  transform-origin: center
}

.game-item:hover .overlay-text {
  transform: translateY(0)
}

.game-item:hover .game-item-name {
  color: #fff;
  text-decoration: underline
}

.game-item:hover .game-item-name span {
  color: #fff
}

@media (min-width:768px) {
  .game-item {
    overflow: visible
  }
}

.game-item .btn-play {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  border: 2px solid #5dd667;
  background: linear-gradient(270deg, #21c12e 0, #0f8815 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3
}

.game-item-name {
  color: #cdd6dd;
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  margin: 4px 0;
  transition: all .2s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

@media (min-width:768px) {
  .game-item-name {
    margin: 8px 0;
    font-size: 14px
  }
}

.game-item-name span {
  font-weight: 400;
  color: #a2aeb7
}

.game-item-img {
  position: relative;
  transition: all .2s ease-in-out;
  display: block;
  overflow: hidden;
  border-radius: 2px
}

.game-item-img:before {
  content: "";
  /* padding-bottom: 77%; */
  padding-bottom: 125%; 
  display: block
}

.game-item-img>picture>img {
  width: 100%;
  position: absolute;
  transition: transform .3s ease-in-out;
  -webkit-backface-visibility: hidden;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: contain;
  height: 100%
}

.game-item-img.no-flash>img, .game-item-img.no-flash>picture img {
  filter: grayscale(1)
}

.game-item-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .2s ease-in-out;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  border-radius: 2px
}

.game-item-overlay:before {
  background: rgba(0, 0, 0, .7);
  -webkit-backface-visibility: hidden;
  transform: scale(1.1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.game-item-overlay .btn {
  position: relative;
  z-index: 3
}

.game-item-overlay .overlay-text {
  position: absolute;
  top: 8px;
  left: 16px;
  z-index: 3;
  transform: translateY(50px);
  transition: transform .2s ease-in-out;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  padding-right: 32px
}

@media (min-width:768px) {
  .game-item-overlay .overlay-text {
    font-size: 14px
  }
}

.game-item-overlay .overlay-loader {
  display: none;
  position: absolute;
  bottom: 8px;
  right: 16px;
  z-index: 3;
  color: #fff;
  font-weight: 700;
  background: #1d2730;
  padding: 2px 4px
}

@media (min-width:992px) {
  .game-item-overlay .overlay-loader {
    display: initial
  }
}

.game-item-results {
  display: flex;
  flex-wrap: wrap
}

.game-item-results .game-item {
  flex: 0 1 50%;
  margin: 20px 10px 0 0;
  max-width: calc(50% - 5px)
}

.game-item-results .game-item:nth-child(2n) {
  margin-right: 0
}

@media (min-width:568px) {
  .game-item-results .game-item {
    max-width: calc(33.333% - 7px);
    margin: 20px 10px 0 0;
    flex: 0 1 33.333%
  }

  .game-item-results .game-item:nth-child(2n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(3n) {
    margin-right: 0
  }
}

@media (min-width:768px) {
  .game-item-results .game-item {
    max-width: calc(25% - 8px);
    margin: 20px 10px 0 0;
    flex: 0 1 25%
  }

  .game-item-results .game-item:nth-child(2n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(3n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(4n) {
    margin-right: 0
  }
}

@media (min-width:1200px) {
  .game-item-results .game-item {
    max-width: calc(20% - 8px);
    margin: 20px 10px 0 0;
    flex: 0 1 20%
  }

  .game-item-results .game-item:nth-child(2n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(3n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(4n) {
    margin-right: 10px
  }

  .game-item-results .game-item:nth-child(5n) {
    margin-right: 0
  }
}

.game-section-header .search-box-wrapper {
  flex: 1
}

@media (min-width:1200px) {
  .game-section-header .search-box-wrapper {
    bottom: 0;
    flex: 100%;
    max-width: 770px;
    margin: auto
  }
}

.game-section-header .search-box {
  max-width: 854px
}

@media (min-width:992px) {
  .game-section-header .search-box {
    max-width: none
  }
}

.game-section-header .search-box-results {
  top: 54px
}

.game-section-header .results {
  max-height: 416px
}

.game-section-header .icon-search {
  width: 18px;
  height: 18px
}

.game-section-header .search-box {
  height: 50px
}

.game-section-header .search-ico-wrapper {
  display: flex
}

.game-section-header-img {
  max-width: 60%;
  margin: auto
}

@media (min-width:1200px) {
  .game-section-header-img {
    flex: 0 0 50%;
    margin: 0
  }
}

.game-section-header-img img {
  width: 100%;
  height: auto
}

.section-dark {
  background: #1d2730;
  overflow: hidden
}

.section-dark .active-filter-groups {
  color: #cdd6dd
}

.section-dark-semi {
  background: #26313a;
  overflow: hidden
}

.section-dark-semi .active-filter-groups {
  color: #cdd6dd
}

.game-filter-sort {
  color: #fff;
  text-align: right
}

.game-filter-sort input {
  display: none
}

.game-filter-sort input:checked+label {
  color: #44be4c
}

.game-filter-sort label {
  margin: 0 5px;
  cursor: pointer;
  color: #cdd6dd
}

.game-filter-sort label:hover {
  text-decoration: underline
}

.game-filter-sort>* {
  display: inline-block;
  vertical-align: middle
}

.games-filter-mobile {
  display: flex;
  padding: 16px 0 0;
  flex: 1
}

@media (min-width:768px) {
  .games-filter-mobile {
    display: none
  }
}

.games-filter-mobile .filter-group-heading {
  flex: 1;
  min-width: 0
}

.games-filter-mobile .btn-filter-search {
  margin: 0 0 0 5px;
  display: flex;
  align-items: center;
  padding: 0 18px
}

.games-filter-mobile .filter-group-heading.active .filter-group-heading-name, .games-filter-mobile .filter-group-heading.active .filter-group-heading-desc {
  color: #44be4c
}

.game-results-header {
  margin-top: 16px
}

.game-results-header .filter-select-wrapper {
  flex: 0 0 250px;
  margin: 8px 0 0 0
}

@media (min-width:768px) {
  .game-results-header .filter-select-wrapper {
    margin-top: 0
  }
}

@media (min-width:1200px) {
  .game-results-header .filter-select-wrapper {
    flex: 0 0 25%
  }
}

.game-results-header .filter-select-wrapper svg {
  fill: #7b8c98
}

.game-results-header .filter-select-wrapper select {
  background: #1d2730;
  border-color: #7b8c98;
  color: #7b8c98
}

.game-results-header .filter-select-wrapper select:hover {
  background: linear-gradient(0deg, rgba(123, 140, 152, .1), rgba(123, 140, 152, .1)), #1d2730;
  color: #cdd6dd
}

.game-results-header .filter-select-wrapper select option {
  color: #cdd6dd
}

.game-provider-info-panel {
  margin: 0 0 20px 0;
  background: linear-gradient(180deg, #222e38 0, #1d2730 100%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .1);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 10px;
}

@media (min-width:768px) {
  .game-provider-info-panel {
    padding-top: 0;
    /* height: 180px; */
    height: 150px;
    flex-wrap: nowrap
  }
}

@media (max-width:768px) {
  /* .game-provider-info-panel {
    flex-direction: column;
    align-items: center;
  } */
}

.game-provider-info-panel .provider-body {
  order: 1;
  align-self: center;
  position: relative;
  padding: 0 15px;
  text-transform: uppercase;
  flex: 1
}

@media (min-width:768px) {
  .game-provider-info-panel .provider-body {
    order: 2;
    padding: 0 30px
  }
}

.game-provider-info-panel .neo-fs-32 {
  position: relative;
  z-index: 2
}

@media (max-width:768px) {
  .game-provider-info-panel .provider-body {
    flex: 0 0 55%;
  }
  .game-provider-info-panel .neo-fs-32 {
    text-align:center;
  }
}

.game-provider-info-panel .provider-img {
  width: 100px;
  order: 2;
  margin: 0 10px 0 0
}

@media (min-width:768px) {
  .game-provider-info-panel .provider-img {
    order: 1;
    display: flex;
    align-items: center;
    /* padding: 0 30px; */
    padding: 0;
    width: 180px;
    margin: 0;
    background: rgba(123, 140, 152, .1)
  }
}


@media (max-width:768px) {
  .game-provider-info-panel .provider-img {
    width: 40%;
  }
}

.game-provider-info-panel .provider-img img {
  max-width: 100%;
  margin-top: 5px;
}

.game-provider-info-panel .provider-img picture {
  width: 100%
}

.game-provider-info-panel .provider-stats {
  align-self: center;
  padding: 0 15px;
  flex: 0 0 50%;
  flex: 0 0 40%;
  order: 4;
  margin: 20px 0;
  position: relative;
  z-index: 2
}

@media (min-width:768px) {
  .game-provider-info-panel .provider-stats {
    padding: 0 20px;
    /* flex: 0 1 300px; */
    flex: 0 1 100px;
    margin-left: auto
  }
}

@media (max-width:768px) {
  .game-provider-info-panel .provider-stats ul {
    display: flex;
    justify-content: flex-end;
  }
}

.game-provider-info-panel .provider-stats .provider-btn {
  display: flex;
  align-items: center;
  border: 1px solid #4a5b68;
  border-radius: 2px;
  padding: 8px;
  margin: 4px 0;
  color: #fff
}

.game-provider-info-panel .provider-stats .provider-btn:hover {
  background: rgba(255, 255, 255, .1);
  color: #44be4c
}

.game-provider-info-panel .provider-stats .provider-btn:hover svg {
  fill: #44be4c
}

.game-provider-info-panel .provider-stats svg {
  fill: #cdd6dd
}

.game-provider-info-panel .provider-stats svg:first-of-type {
  margin-right: 8px
}

.games-top-filters {
  position: relative
}

@media (min-width:768px) {
  .games-top-filters .game-genre-icon {
    width: 32px;
    height: 32px
  }
}

.games-top-filters .cg-checkbox {
  display: none
}

.games-top-filters .game-type-filter {
  overflow-x: scroll;
  white-space: nowrap;
  position: relative;
  -webkit-overflow-scrolling: touch;
  display: flex;
  width: calc(100% + 16px);
  margin: 8px -8px;
  padding: 0 8px;
  border-radius: 2px
}

@media (min-width:568px) {
  .games-top-filters .game-type-filter {
    width: calc(100% + 32px);
    margin: 16px -16px;
    padding: 0 16px
  }
}

@media (min-width:768px) {
  .games-top-filters .game-type-filter {
    padding: 0;
    display: flex;
    height: 88px;
    width: auto;
    margin: 8px 0 8px
  }
}

@media (min-width:992px) {
  .games-top-filters .game-type-filter {
    overflow: hidden
  }
}

.games-top-filters .flickity-button {
  transform: none;
  height: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid #4a5b68;
  background: #1d2730;
  border-radius: 2px
}

.games-top-filters .flickity-button:disabled {
  opacity: 0
}

.games-top-filters .flickity-button:hover {
  background: #27313a
}

.games-top-filters .flickity-button:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 10px
}

.games-top-filters .flickity-button svg {
  fill: #cdd6dd
}

.games-top-filters .flickity-prev-next-button.next {
  right: 0
}

.games-top-filters .flickity-prev-next-button.next:before {
  right: 29px;
  background: linear-gradient(90deg, rgba(29, 39, 48, 0)0, #1d2730 56%)
}

.games-top-filters .flickity-prev-next-button.previous {
  left: 0
}

.games-top-filters .flickity-prev-next-button.previous:before {
  left: 29px;
  background: linear-gradient(270deg, rgba(29, 39, 48, 0)0, #1d2730 56%)
}

.games-top-filters .btn-border-white {
  border-color: #4a5b68;
  background: rgba(123, 140, 152, .1);
  transition: none
}

.games-top-filters .btn-border-white:hover {
  color: #44be4c
}

.games-top-filters .btn-border-white:hover svg {
  fill: #44be4c
}

.game-type-item {
  flex: 0 0 100px;
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  color: #e3e7ef;
  padding: 8px;
  border-radius: 2px;
  border: 1px solid #4a5b68;
  background: rgba(123, 140, 152, .1);
  text-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  overflow: hidden;
  min-height: 80px
}

.game-type-item .game-genre-icon {
  fill: #44be4c
}

.game-type-item:not(:last-child) {
  margin-right: 4px
}

@media (min-width:768px) {
  .game-type-item {
    height: 100%;
    flex: 0 0 120px;
    width: 120px
  }

  .game-type-item:not(:last-child) {
    margin-right: 8px
  }
}

.game-type-item .filter-group-label {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin: 8px 0 0
}

.game-type-item .facet-counter {
  font-weight: 400
}

.game-type-item.active {
  border: 1px solid #44be4c;
  color: #44be4c
}

.game-type-item.active svg {
  fill: #44be4c
}

.game-type-item.active .facet-counter {
  display: none
}

.game-type-item:hover {
  background: rgba(123, 140, 152, .2)
}

.filter-adv-button {
  white-space: normal;
  background: 0 0;
  cursor: pointer
}

.filter-adv-button.active .active-filter-items-num {
  display: block
}

.filter-adv-button .game-genre-icon {
  fill: #fff
}

.active-filter-items-num {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  color: #fff;
  padding: 2px 6px;
  border-radius: 15px;
  background: #44be4c;
  font-size: 12px;
  line-height: 15px
}

.game-section-header .search-box-wrapper {
  display: block;
  margin: 24px 0 0 0
}

@media (min-width:1200px) {
  .game-section-header .search-box-wrapper {
    max-width: none
  }
}

.game-section-header .games-filter-mobile {
  display: none
}

.game-section-header .search-box-input {
  background: 0 0
}

.game-section-header .search-box {
  max-width: none;
  padding: 0
}

.game-block {
  width: 100%;
  background-color: #000;
  background-size: cover;
  position: relative;
  padding: 28px 0;

  /* padding: 8px 0 */
}

@media (min-width:992px) {
  .game-block {
    padding: 16px 0
  }
}

html {
  scroll-padding-top: 144px
}

.game-block-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: blur(30px)
}

.game-block-overlay img {
  width: 100%;
  height: 100%
}

.game-block-header {
  color: #fff;
  background: #1d2730;
  position: relative;
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 25px;
  display: flex;
  align-items: center;
  padding: 8px;
  text-align: center
}

@media (min-width:568px) {
  .game-block-header {
    min-height: 40px
  }
}

@media (min-width:992px) {
  .game-block-header {
    min-height: 42px
  }
}

.game-block-header h1 {
  flex: 1;
  line-height: 16px
}

.game-block-header .game-provider {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  font-family: "Noto Sans", Sans-Serif;
  font-weight: 400
}

@media (min-width:768px) {
  .game-block-header .game-provider {
    font-size: 14px;
    line-height: 16px
  }
}

@media (min-width:992px) {
  .game-block-header .game-provider {
    font-size: 16px;
    line-height: 16px
  }

  .game-block-header .game-provider:hover {
    color: #44be4c
  }
}

.games-box-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

@media (max-width:1200px) {
  .games-box-wrapper {
    width: calc(100% - 16px);
    max-width: 1184px
  }
}

#game-box .game-block-header{
  justify-content: center;
}

.games-box-wrapper.age-confirm-opened .game-box-age-confirm {
  position: relative
}

@media (min-width:768px) {
  .games-box-wrapper.age-confirm-opened .game-box-age-confirm {
    position: absolute
  }
}

.games-box-wrapper.age-confirm-opened .games-box {
  position: absolute
}

@media (min-width:768px) {
  .games-box-wrapper.age-confirm-opened .games-box {
    position: relative
  }
}

.game-detail-main {
  max-width: 1200px;
  color: #f8f8fa;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto auto auto auto auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto auto;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 8px 0;
  grid-template-areas: "overview""info""stats""themes""about""video""provider"
}

.game-detail-main h2 {
  display: flex;
  align-items: center;
  margin-bottom: 16px
}

.game-detail-main h2 svg {
  fill: #44be4c;
  margin-right: 8px
}

@media (min-width:568px) {
  .game-detail-main {
    -ms-grid-rows: auto 1fr auto auto;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto auto;
    grid-template-areas: "overview overview""info info""stats stats""about about""video video""provider provider"
  }

  .game-detail-main .game-detail-main-info-and-themes {
    display: block;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2
  }

  .game-detail-main .game-detail-main-overview {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .game-detail-main .game-detail-main-stats {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }

  .game-detail-main .game-detail-main-about {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }

  .game-detail-main .game-detail-main-about div.game-detail-main-about-text {
    flex-direction: row
  }

  .game-detail-main .game-detail-main-about div.game-detail-main-about-text img {
    order: 1;
    height: 180px;
    top: -40px
  }

  .game-detail-main .game-detail-main-video, .game-detail-main .video-grid-name {
    -ms-grid-row: 4;
    -ms-grid-column: 2
  }

  .game-detail-main .game-detail-main-provider {
    -ms-grid-row: 5;
    -ms-grid-column: 2
  }
}

@media (min-width:992px) {
  .neo-fs-32 {
    line-height: 20px;
  }

  .game-detail-main-quick-verdict-content-text{
    line-height: 20px;
  }
}

@media (min-width:768px) {
  .game-detail-main {
    -ms-grid-rows: auto auto auto 1fr;
    -ms-grid-columns: auto auto;
    /* grid-template-columns: 300px 1fr; */
    grid-template-columns: 30% 70%;
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "info overview""info stats""info about""info video""info provider"
  }

  .game-detail-main .game-detail-main-info-and-themes {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4 !important
  }

  .game-detail-main .game-detail-main-overview {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
  }

  .game-detail-main .game-detail-main-stats {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }

  .game-detail-main .game-detail-main-about {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }

  .game-detail-main .game-detail-main-about div.game-detail-main-about-text img {
    height: 200px
  }
}

@media (min-width:1200px) {
  .game-detail-main {
    column-gap: 50px;
    grid-template-columns: 320px 1fr;
    padding-bottom: 20px
  }
}

@media (max-width:1200px) {
  .game-detail-main {
    padding: 0 8px 8px 8px
  }
}

.game-detail-main-info-and-themes {
  -ms-grid-row: 2;
  grid-area: info;
  font-family: "Noto Sans", Sans-Serif;
  display: contents
}

.game-detail-main-info {
  box-shadow: 0 24px 48px rgba(0, 0, 0, .4);
  background: linear-gradient(270deg, #222e38 0, #1d2730 100%);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 2px
}

@media (min-width:568px) {
  .game-detail-main-info {
    max-width: 320px;
    margin: auto
  }
}

.game-detail-main-info picture {
  display: block;
  padding-bottom: 89.185%;
  position: relative
}

.game-detail-main-info h2 {
  padding-left: 16px;
  margin-top: 20px
}

.game-detail-main-info img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0
}

.game-detail-main-info table {
  width: 100%
}

.game-detail-main-info table:last-of-type {
  margin-bottom: 16px
}

.game-detail-main-info table:last-of-type tr:last-child td {
  padding-bottom: 0
}

.game-detail-main-info table tr td {
  padding: 4px 16px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle
}

.game-detail-main-info table tr td:last-child {
  text-align: right
}

.game-detail-main-info .hidden-info {
  display: none
}

@media (min-width:992px) {
  .game-detail-main-info .hidden-info {
    display: table-row
  }
}

.game-detail-main-info .hide-hidden-info {
  display: none
}

.game-detail-main-info .show-hidden-info, .game-detail-main-info .hide-hidden-info {
  padding: 0 0 16px;
  text-align: center !important
}

.game-detail-main-info .show-hidden-info span, .game-detail-main-info .hide-hidden-info span {
  font-size: 16px;
  line-height: 22px;
  color: #44be4c;
  font-weight: 700
}

.game-detail-main-info .show-hidden-info span svg, .game-detail-main-info .hide-hidden-info span svg {
  fill: #44be4c;
  position: relative;
  top: 2px;
  left: 1px
}

@media (min-width:992px) {
  .game-detail-main-info .show-hidden-info, .game-detail-main-info .hide-hidden-info {
    display: none
  }
}

.game-detail-main-overview {
  -ms-grid-row: 1;
  grid-area: overview;
  overflow: hidden;
  font-size: 16px;
  line-height: 22px;
  font-family: "neo-sans", sans-serif
}

@media (min-width:992px) {
  .game-detail-main-overview {
    font-size: 18px;
    line-height: 24px
  }
}

.games-box-btn-main {
  background: linear-gradient(270deg, #21c12e 0, #0f8815 100%);
  border: 2px solid #5dd667;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  color: #fff;
  cursor: pointer;
  text-align: left
}

.games-box-btn-main:hover {
  background: linear-gradient(270deg, #0f8815 0, #21c12e 100%)
}

.games-box-btn-main:hover svg {
  fill: #44be4c
}

.games-box-btn-main:hover .icon-wrapper {
  background: #fff
}

.games-box-btn-main svg {
  fill: #fff
}

.games-box-btn-main .icon-wrapper {
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0
}

.games-box-btn-main strong {
  font-family: "neo-sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: block
}

@media (min-width:568px) {
  .games-box-btn-main strong {
    font-size: 20px;
    line-height: 24px
  }
}

.games-box-btn-main small {
  font-size: 14px;
  line-height: 16px
}

@media (min-width:568px) {
  .games-box-btn-main {
    height: 76px
  }
}

.btn-game-like-trigger .by-state {
  display: none
}

.btn-game-like-trigger .by-state.active {
  display: flex
}

.btn-game {
  cursor: pointer;
  transition: background-color .2s ease-in-out;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  border: 1px solid #4a5b68;
  background: rgba(123, 140, 152, .1);
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f3f7;
  gap: 8px
}

@media (min-width:768px) {
  .btn-game {
    height: 40px;
    font-size: 16px
  }
}

@media (min-width:992px) {
  .btn-game {
    padding: 8px 16px
  }
}

.btn-game .active-btn {
  display: none
}

.btn-game.voted .vote-not-active, .btn-game.voted:hover .vote-not-active {
  display: none
}

.btn-game.voted .vote-active, .btn-game.voted:hover .vote-active {
  display: inline
}

.btn-game:hover {
  background: rgba(123, 140, 152, .2)
}

.btn-game:hover>svg {
  fill: #44be4c
}

@media (min-width:768px) {
  .btn-game svg {
    width: 24px;
    height: 24px
  }
}

.btn-game .active .loader {
  display: inline-flex
}

.btn-game .loader {
  display: none;
  width: 16px;
  height: 16px;
  border-width: 3px;
  margin-right: 8px
}

.btn-game.none {
  display: none
}

.btn-user-list {
  display: flex;
  align-items: center;
  gap: 8px
}

.btn-user-list:hover svg {
  fill: #44be4c
}

.games-box {
  margin: auto;
  color: #fff;
  width: 100%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, .1);
  box-sizing: border-box;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, .4));
  overflow: hidden
}

.vote-link-down svg {
  fill: #ed9c00;
  flex-shrink: 0
}

.vote-link-down:hover svg {
  fill: #e19500
}

.vote-link-down.voted svg {
  fill: #ed3445
}

.games-box-game {
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  margin: 0 auto;
  align-items: center
}

.games-box-placeholder {
  height: 100%;
  width: 100%;
  position: relative;
  margin: 0 auto
}

.games-box-placeholder .btn-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: 100%;
  max-width: 280px
}

@media (min-width:568px) {
  .games-box-placeholder .btn-wrapper {
    max-width: 320px
  }
}

.games-box-content {
  min-height: 200px;
  background: #000;
  position: relative;
  overflow: hidden;
  height: 100%;
  max-height: calc(100vh - 290px);
  display: flex;
  align-items: center
}

.games-box-content .iframe-wrapper {
  max-height: 100%;
  margin: auto
}

.games-box-content iframe {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto
}

.games-box-placeholder-image {
  width: 100%;
  opacity: .35;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-bottom: 57.4%;
  pointer-events: none;
  user-select: none
}

.games-box-placeholder-image picture {
  height: 100%;
  width: 100%
}

.games-box-placeholder-image img {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  object-fit: cover
}

.games-box-btn-secondary {
  background: linear-gradient(90deg, #4c1287 0, #a752ff 100%);
  border: 2px solid #9539c7;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  color: #fff;
  margin-top: 8px;
  font-weight: 700;
  font-family: "neo-sans", sans-serif;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer
}


@media (min-width: 768px) {
  .sub-menu-wrapper{
    position: absolute;
    left: -80%;
  }
}

@media (min-width:568px) {
  .games-box-btn-secondary {
    height: 50px
  }
}

.games-box-btn-secondary:hover {
  background: linear-gradient(90deg, #a752ff 0, #4c1287 100%)
}

.games-box-btn-secondary a:hover,.games-box-btn-secondary a{
  color:#fff;
}

.games-box-controls-bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #1d2730;
  font-size: 12px;
  margin: auto;
  font-family: "neo-sans", sans-serif
}

@media (min-width:568px) {
  .games-box-controls-bottom {
    flex-direction: row
  }
}

.games-box-fullscreen .games-box-controls-bottom {
  display: none
}

.games-box-controls-buttons {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px
}

@media (min-width:568px) {
  .games-box-controls-buttons {
    flex-direction: row;
    justify-content: initial;
    padding: 8px 8px
  }
}

.games-box-controls-buttons .btn-game {
  flex: 1
}

.games-box-controls-buttons svg {
  fill: #fff
}

.games-box-controls-buttons .btn-report-problem svg {
  fill: #ed9c00
}

.games-box-controls-vote {
  display: none
}

@media (min-width:768px) {
  .games-box-controls-vote {
    display: flex;
    padding: 8px 0
  }
}

.games-box-controls-vote.btn-game {
  flex: 0 0 40px
}

.games-box-controls-vote>span {
  margin: 0 calc(8px/2)
}

@media (min-width:768px) {
  .games-box-controls-vote>span>span {
    font-size: 16px
  }
}

@media (min-width:568px) {
  .games-box-controls-vote>span {
    margin: calc(8px/2) 8px
  }
}

.game-block-header-fullscreen {
  display: none
}

@media (min-width:768px) {
  .game-block-header-fullscreen {
    display: flex;
    order: 2
  }
}

.games-box-header-switch {
  position: relative;
  transition: all .2s;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: "neo-sans", sans-serif
}

.games-box-header-switch:hover, .games-box-header-switch:active, .games-box-header-switch:focus, .games-box-header-switch.active {
  text-decoration: none
}

.games-box-header-switch:hover {
  cursor: pointer
}

.games-box-header-switch:hover svg {
  fill: #44be4c
}

.games-box-header-switch-exit-fullscreen {
  display: none
}

.games-box-header-switch-fullscreen-fallback {
  display: none;
  align-items: center;
  color: #fff
}

@media (max-height:950px) and (orientation:landscape) {
  .games-box-fullscreen .games-box-header-switch-exit-fullscreen {
    display: none !important
  }
}

.btn-play-for-real {
  display: none
}

@media (min-width:768px) {
  .btn-play-for-real {
    display: flex
  }
}

.available-mini-casinos {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 4px
}

@media (min-width:768px) {
  .available-mini-casinos {
    gap: 8px;
    margin: 24px 0;
    flex-direction: row;
    flex-wrap: wrap
  }
}

.available-mini-casinos .casino-card-mini {
  margin: 0;
  text-align: left
}

@media (min-width:768px) {
  .available-mini-casinos .casino-card-mini {
    flex: 0 0 49%
  }
}

.safety-index {
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center
}

@media (min-width:568px) {
  .safety-index {
    font-size: 14px;
    line-height: 19px
  }
}

.safety-index .text-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 16px
}

.safety-index .icon {
  margin-right: 4px;
  fill: #1d2730
}

.safety-index-label {
  margin: 4px 4px 4px 0;
  font-family: "Noto Sans", Sans-Serif;
  font-size: 12px;
  line-height: 12px
}

@media (min-width:568px) {
  .safety-index-label {
    font-size: 14px;
    line-height: 14px
  }
}

.safety-index-text {
  margin: 4px 0;
  font-size: 14px;
  line-height: 14px;
  font-family: "neo-sans", sans-serif
}

@media (min-width:568px) {
  .safety-index-text {
    font-size: 16px;
    line-height: 16px
  }
}

@media (min-width:768px) {
  .sm\:squared-safety-index .text-wrapper {
    justify-content: center;
    text-align: center
  }

  .sm\:squared-safety-index .icon {
    margin-right: 0;
    margin-bottom: 4px
  }

  .sm\:squared-safety-index .safety-index-label {
    margin-right: 0
  }
}

.expandable-box {
  color: #1d2730;
  background: #fff;
  padding: 0 16px;
  text-align: left;
  min-height: 50px;
  margin: 0 auto 8px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 0 1px 0#e3e7ef;
  font-size: 14px;
  line-height: 20px
}

@media (min-width:992px) {
  .expandable-box:hover strong {
    color: #44be4c
  }

  .expandable-box:hover .up, .expandable-box:hover .down {
    fill: #44be4c
  }
}

@media (min-width:568px) {
  .expandable-box {
    font-size: 16px;
    line-height: 24px
  }
}

@media (min-width:768px) {
  .expandable-box {
    max-width: 630px
  }
}

.expandable-box>strong, .expandable-box>span.text-bold {
  font-family: "neo-sans", sans-serif;
  flex: 1 0;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  padding: 16px 0;
  margin-right: 8px
}

@media (min-width:568px) {
  .expandable-box>strong, .expandable-box>span.text-bold {
    margin-right: 16px
  }
}

.expandable-box.toggle {
  flex-wrap: wrap;
  height: auto
}

.expandable-box.toggle strong {
  color: #44be4c
}

.expandable-box.toggle p, .expandable-box.toggle .expandable-box-content {
  display: block;
  flex: 1 0 100%
}

.expandable-box.toggle .down {
  display: none
}

.expandable-box.toggle .up {
  display: block;
  fill: #44be4c
}

.expandable-box .up {
  display: none
}

.expandable-box .up, .expandable-box .down {
  fill: #4a5b68;
  margin-left: auto;
  width: 16px;
  height: 16px
}

@media (min-width:568px) {
  .expandable-box .up, .expandable-box .down {
    width: 18px;
    height: 18px
  }
}

.expandable-box svg {
  margin-left: auto;
  flex-shrink: 0
}

.expandable-box p {
  margin: 0
}

.expandable-box>p, .expandable-box .expandable-box-content {
  color: #1d2730;
  margin-bottom: 16px;
  display: none
}

.expandable-box a {
  color: #44be4c
}

.expandable-box a:hover {
  text-decoration: underline;
  color: #3ca143
}

.expandable-box .expandable-box-content, .expandable-box p, .expandable-box a {
  position: relative;
  font-size: 14px
}

@media (min-width:568px) {
  .expandable-box .expandable-box-content, .expandable-box p, .expandable-box a {
    font-size: 16px;
    line-height: 24px
  }
}

.expandable-box-dark {
  color: #f0f3f7;
  border: 1px solid #4a5b68;
  background: rgba(123, 140, 152, .1);
  box-shadow: none
}

.expandable-box-dark .expandable-box-content {
  color: #f0f3f7
}

.results-header-top {
  color: #333;
  display: none
}

.tippy-box .results-header-top {
  max-width: 260px;
  display: block
}

.results-header-top p {
  color: #4a5b68;
  clear: both;
  border-bottom: 1px solid #cdd6dd;
  padding: 8px 0;
  margin-bottom: 8px
}

@media (min-width:1200px) {
  .results-header-top p {
    border-bottom: none;
    padding: 8px 0 0;
    margin-bottom: 0
  }
}

.results-header-top svg {
  vertical-align: middle
}

@media (min-width:1200px) {
  .results-header-top svg {
    width: 32px;
    height: 32px
  }
}

.list-section-perex {
  margin: 15px 0;
  color: #4a5b68;
  font-size: 14px;
  line-height: 17px
}

@media (min-width:768px) {
  .list-section-perex {
    font-size: 15px;
    line-height: 20px
  }
}

.list-section-perex-casino-widget {
  margin-top: 0;
  margin-bottom: 5px
}

.section-tabs-wrapper {
  height: 71px;
  position: relative;
  border-bottom: 1px solid #dce3e8
}

@media (min-width:768px) {
  .section-tabs-wrapper {
    overflow-x: visible
  }
}

.section-tabs-wrapper .cg-tab-main.active, .section-tabs-wrapper .cg-tab-main:hover {
  background: #f0f3f7
}

.section-tabs {
  padding: 0 0 0 8px
}

@media (min-width:568px) {
  .section-tabs {
    padding: 0 0 0 16px
  }
}

@media (min-width:768px) {
  .section-tabs {
    max-width: 870px;
    margin: auto;
    padding: 0 16px
  }
}

@media (min-width:1200px) {
  .section-tabs {
    max-width: 1200px
  }
}

.section-tabs-visible {
  padding: 0 8px
}

@media (min-width:1200px) {
  .section-tabs-visible {
    padding: 0 16px
  }
}

.list-top {
  background-color: #f8f8fa;
  overflow: auto
}

.section-header-dark {
  display: flow-root;
  background: #1d2730
}

.section-header-dark .list-section-heading {
  color: #fff
}

.section-header-dark .header-breadcrumb {
  color: #cdd6dd
}

.section-header-dark .header-breadcrumb a {
  color: #cdd6dd
}

.section-header-dark .header-breadcrumb a:hover, .section-header-dark .header-breadcrumb a.active {
  color: #44be4c
}

.section-header-dark .header-breadcrumb a:hover svg.home, .section-header-dark .header-breadcrumb a.active svg.home {
  fill: #44be4c
}

.section-header-dark .header-breadcrumb svg {
  fill: #cdd6dd
}

.cg-tabs-main {
  display: flex;
  justify-content: flex-start;
  height: 70px
}

@media (min-width:1200px) {
  .cg-tabs-main {
    margin: auto;
    max-width: 1200px
  }
}

.cg-tabs-scrollable {
  overflow-x: scroll;
  white-space: nowrap;
  position: relative;
  height: 71px
}

@media (min-width:768px) {
  .cg-tabs-scrollable {
    overflow-x: visible;
    height: 70px;
    padding-left: 0
  }
}

.cg-tabs-scrollable .cg-tab-main {
  min-width: 130px
}

.cg-tab-main {
  height: 70px;
  font-family: "Noto Sans", sans-serif;
  color: #4a5b68;
  background: #e3e7ef;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  padding: 0 5px;
  flex: 1;
  position: relative;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
  border-left: 1px solid #cdd6dd;
  border-top: 1px solid #cdd6dd;
  text-transform: uppercase;
  max-width: 400px
}

.cg-tab-main:first-child {
  border-radius: 2px 0 0 0
}

.cg-tab-main:last-child {
  border-radius: 0 2px 0 0
}

@media (min-width:568px) {
  .cg-tab-main {
    font-size: 14px;
    line-height: 17px;
    text-transform: none
  }
}

@media (min-width:768px) {
  .cg-tab-main {
    font-family: "neo-sans", sans-serif
  }
}

.cg-tab-main:last-child {
  border-right: 1px solid #cdd6dd
}

.cg-tab-main svg {
  fill: #4a5b68;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  flex-shrink: 0
}

@media (min-width:568px) {
  .cg-tab-main svg {
    width: 28px;
    height: 28px
  }
}

.cg-tab-main.active {
  height: 71px
}

.cg-tab-main.active, .cg-tab-main:hover {
  background: #f0f3f7;
  color: #44be4c
}

.cg-tab-main.active svg, .cg-tab-main:hover svg {
  fill: #44be4c
}

.cg-tab-main input {
  position: absolute;
  left: -10000px;
  top: 0
}

.cg-tab-main .tab-counter {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  background: rgba(123, 140, 152, .1);
  padding: 2px 6px;
  position: absolute;
  top: 0;
  right: 0
}

@media (min-width:768px) {
  .cg-tab-main .tab-counter {
    font-size: 14px;
    line-height: 19px
  }
}

.cg-tab-main span {
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.news-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 16px;
  justify-content: flex-start;
  width: 100%
}

.news-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: flex-start;
  width: 100%
}

@media (min-width:768px) {
  .section-heading-news {
    max-width: 770px;
    margin: 0 auto 20px;
    text-align: center
  }
}

.news-item-img-placeholder {
  padding-bottom: 77%;
  position: relative
}

.news-item-img-placeholder.news-casino-img-placeholder {
  padding-bottom: 100%
}

.news-item-img-placeholder.news-casino-img-placeholder img {
  width: 100%
}

.news-item-img-placeholder img {
  position: absolute
}

.news-item {
  display: block;
  background: #fff;
  margin: 8px auto 0;
  transition: all .2s ease-in-out;
  cursor: pointer;
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: 520px;
  box-shadow: 0 4px 8px rgba(29, 39, 48, .16);
  border-radius: 2px
}

@media (min-width:568px) {
  .news-item {
    width: calc(50% - 8px);
    margin: 0 auto 16px
  }
}

@media (min-width:768px) {
  .news-item {
    width: calc(33.333% - 16px);
    margin: 0 auto 16px
  }
}

@media (min-width:1200px) {
  .news-item {
    max-width: 280px
  }
}

@media (min-width:768px) {
  .news-item:hover {
    box-shadow: 0 16px 24px rgba(0, 0, 0, .16);
    transform: scale(1.02)
  }

  .news-item:hover .news-item-body {
    transform: scale(.98)
  }
}

.news-item .neo-fs-22 {
  margin: 16px 0
}

.news-item .created-date {
  font-size: 12px;
  font-weight: 700
}

.news-item-img {
  height: 100%;
  left: 50%;
  transform: translate(-50%, 0)
}

.news-item-body {
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all .2s ease-in-out
}

.news-item-perex {
  font-size: 16px;
  line-height: 24px;
  color: #1d2730;
  margin: 4px 0 0 0;
  position: relative;
  white-space: initial;
  -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(#000), to(rgba(255, 255, 255, 0)))
}

@media (min-width:568px) {
  .news-item-perex {
    max-height: 96px;
    overflow: hidden
  }
}

.news-item-dark {
  box-shadow: 0 24px 48px rgba(0, 0, 0, .4);
  background: linear-gradient(270deg, #222e38 0, #1d2730 100%);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 2px
}

.news-item-dark .created-date {
  color: #cdd6dd
}

.news-item-dark .news-item-heading {
  color: #f0f3f7 !important
}

.news-item-dark .news-item-body {
  color: #e3e7ef !important
}

.news-item-dark .news-item-perex {
  color: #f0f3f7 !important
}

.casino-info-bm {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(30px);
}

.casino-info-bm-tx {
  width: auto;
  height: auto;
  background: #1d2730;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #44be4c;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 20px 20px 40px 20px;
  position: relative;
}

.close-info-bm {
  cursor: pointer;
  position: absolute;
  position: absolute;
  right: 10px;
  top: 20px;
  /* margin-right: -580px;
  margin-top: -360px; */
  width: 25px;
  height: 25px;
}

.close-info-bm:before, .close-info-bm:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 4px;
  background: gray;
  top: 50%;
  left: 50%;
}

.close-info-bm:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close-info-bm:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.casino-info-bm-tx-text {
  padding: 10px;
  width: 270px;
}

.casino-info-bm-tx-text p {
  font-family: "neo-sans", sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #fff;
  line-height: 1.7;
  letter-spacing: 1.5px;
}

.casino-card-logo {
  width: 100%;
}

[hidden] {
  display: none !important;
}

/* Стили для всего блока */
.icon-block {
  max-width: 300px;
  flex: 0 0 55%;
  padding-top: 20px;
  order: 3;
}

/* Стили для шапки блока */
.icon-block .header {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.icon-block .icon {
  display: flex;
  margin-right: 10px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.icon-block .title {
  font-size: 16px;
  color: #fff;
  margin: 0;
}

/* Стили для списка */
.icon-block .list {
  padding: 10px 20px;
  list-style-type: none;
  margin: 0;
}

.icon-block .list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* Стили для слова в списке */
.icon-block .word {
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
}

/* Стиль для галочки */
.icon-block .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: green;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.icon-block .checkmark::before {
  content: '\2714'; /* Символ галочки */
  color: white;
  font-size: 14px;
}

.game-detail-memu{
  overflow: auto;
  display: flex;
  flex-direction: row;
  height: auto;
  scrollbar-width: none;
margin-bottom: 20px;  /* Для Firefox */
}

.game-detail-memu::-webkit-scrollbar {
  display: none; /* Для Webkit-браузеров (Chrome, Safari) */
}

.game-detail-memu .menu-link{
  height: 100%;
  white-space: nowrap;
}

@media (min-width: 992px) {

  .top-casino-card {
    padding: 20px;
  }

  .top-casino-card .casino-card-info {
      margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .top-casino-card .casino-card-info {
    margin-top: 20px;
  }
}

@media (min-width: 568px) {
  .top-casino-card .casino-card-info {
    /* margin-top: -20px; */
  }

  .top-casino-card img {
    height: auto;
    width: 100%;
    margin-bottom: -5px;
  }
}

@media (max-width: 1350px) {
  .menu-collapse{
    flex: 1;
  }
}

@media (max-width: 568px) {

  .game-detail-memu .menu-link{
    height: 100%;
    white-space: nowrap;
    padding: 0 5px 8px;
    font-size: 12px;
  }

  .game-detail-memu  .menu-link svg {
    width: 15px;
    height: 15px;
  }

  .top-casino-card-wrapper img {
      width: 100%;
      height: 100%;
  }

  .casino-card-info .neo-fs-22{
      display: block;
      width: 100%;
      text-align: center;
  }

  .top-casino-card{
    padding: 4px;
  }

  .top-casino-card .casino-card-bonus{
    text-align: center;
  }

  .top-casino-card .casino-card-bottom {
    justify-content: center;
    flex-wrap: wrap;
  }

  .safety-index {
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .casino-info-bm-tx {
    width: 300px;
    height: 400px;
  }

  .close-info-bm {
    cursor: pointer;
    margin: -350px -200px 0 0;
  }

  #horizontal-scroller {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden !important;
  }
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

.paytable-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  text-align: left;
  min-width: 600px;
}

.paytable-table th,
.paytable-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.paytable-table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

.paytable-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.paytable-table tr:hover {
  background-color: #f1f1f1;
}

@media screen and (max-width: 600px) {
  .paytable-table th, .paytable-table td {
    font-size: 14px; 
  }
}

.gpro_present_list > .present-item {
  font-size: 0px;
  letter-spacing: -0.31em;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  margin: 20px 0 0 0;
  display: grid;
  grid-template-areas: "i t" "i b" "i btn";
  grid-template-columns: 100px 1fr;
  box-sizing: border-box;
  max-width: 353px;
  width: 100%;
  background: #EFEFEF;
  color: #414141;
}

.gpro_present_list > .present-item > .image {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  padding: 10px;
  grid-area: i;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gpro_present_list > .present-item > .image img {
  width: 80px;
}

.gpro_present_list > .present-item > .bonus {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 20px;
  padding: 0 0 8px 18px;
  text-align: left;
  grid-area: b;
  max-width: 243px;
  word-wrap: break-word;
}

.gpro_present_list > .present-item > .text {
  grid-area: t;
  padding: 8px 0 8px 18px;
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  display: flex;
  gap: 5px;
  align-items: center;
}

.gpro_present_list > .present-item > .text > .icon {
  width: 16px;
  height: 16px;
}

.gpro_present_list > .present-item > .buttons {
  grid-area: btn;
  width: 233px;
  padding: 0 0 7px 18px;
  text-align: left;
}

.gpro_present_list > .present-item > .image,.gpro_present_list > .present-item > .bonus,.gpro_present_list > .present-item > .buttons {
  vertical-align: middle;
  box-sizing: border-box;
  min-height: 25px;
}

.gpro_present_list > .present-item > .buttons .button {
  padding: 10px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  width: 100%;
  max-width: 235px;
  display: block;
}

.casino-info-bm-tx .label {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  text-align: left;
  padding: 0 32px 20px 0;
  border-bottom: 1px solid #303030;
}

a.button.go-btn, .button.go-btn, button.go-btn {
  border: 0px;
  background: #05B761;
  color: white;
  border-radius: 5px;
}

@media (max-width: 525px) {

  .gpro_present_list > .present-item {
      max-width: 100%;
      width: 100%;
  }

  .gpro_present_list > .present-item > .text {
      max-width: 100%;
      width: 100%;
  }

  .gpro_present_list > .present-item > .bonus {
      max-width: 100%;
      width: 100%;
  }

  .gpro_present_list > .present-item > .buttons {
      width: 100%;
      max-width: 100%;
  }

  .gpro_present_list > .present-item > .buttons > .button {
      width: 100%;
      max-width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width:400px) {
  .gpro_present_list > .present-item > .bonus {
      font-size:14px;
  }
}

.gameGroup__header h1 {
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  color: #300c46;
}
.gameGroup__header p {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #848484;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.gameGroupHero {
  position: relative;
}
.gameGroupHero__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gameGroupHero__background--image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gameGroupHero__background:after {
  content: "";
  display: block;
  background-image: linear-gradient(90deg, #1f052f 0%, rgba(48, 12, 70, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gameGroupHero__inner {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .gameGroupHero__inner--text-container {
    margin-top: -2rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .gameGroupHero__inner--text-container {
    padding-right: 22%;
  }
}
.gameGroupHero__inner--info {
  height: calc(100% - 84px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gameGroupHero__inner--info-eyebrow {
  color: #ffffff;
  max-width: 450px;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

@media (max-width: 767.98px) {
  .gameGroupHero__inner--info-eyebrow {
    margin-top: 30px;
  }
}
.gameGroupHero__inner--info-headline {
  color: #ffffff;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  font-size: calc(1.525rem + 3.3vw);
}
@media (max-width: 767.98px) {
  .gameGroupHero__inner--info-headline {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .gameGroupHero__inner--info-headline {
    font-size: 4rem;
  }
}
.gameGroupHero__inner--info-description {
  color: #ffffff;
  max-width: 550px;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (min-width: 992px) {
  .sub-menu-col {
      margin-top: 24px;
  }
}


@media (min-width: 768px) {
  .gameGroupHero__inner--info-description {
    max-width: 690px;
    padding-right: 1rem;
	margin-bottom: 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .gameGroupHero__inner--info-description {
    margin-bottom: 8rem;
  }
}
@media (max-width: 575.98px) {
  .gameGroupHero__inner--info-description {
    margin-bottom: 1rem;
  }
}

.gameGroupHero__whereToPlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-image: linear-gradient(270deg, rgba(45, 46, 131, 0) 0%, rgba(82, 84, 177, 0.53) 70%, #220833 100%);
}
.gameGroupHero__whereToPlay--text p {
  color: #ffffff;
  font-weight: 600;
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  letter-spacing: 2px;
}
.gameGroupHero__whereToPlay--text p input {
  height: 54px;
  width: 224px;
  padding: 0px 15px 0px 25px;
  border: none;
  border-radius: 30px;
  color: #300c46;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
}
.gameGroupHero__whereToPlay--text p input::-moz-placeholder {
  color: #300c46;
}
.gameGroupHero__whereToPlay--text p input::placeholder {
  color: #300c46;
}
.gameGroupHero__whereToPlay--text p button {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  background-color: #300c46;
  color: #ffffff;
  margin-left: -95px;
}
.gameGroupHero__whereToPlay--text p button:hover, .gameGroupHero__whereToPlay--text p button:focus {
  background-color: #2d2e83;
}
.gameGroupHero__whereToPlay--text p span.gameName {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  padding: 0px 5px;
}
@media (max-width: 575.98px) {
  .gameGroupHero__whereToPlay--text p span.gameName {
    display: inline-block;
    white-space: nowrap;
    margin-left: 32px;
    margin-bottom: 12px;
  }
}
.gameGroupHero__whereToPlay--text p span.locationIcon {
  display: inline-block;
  height: 32px;
  width: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .gameGroupHero {
    height: 625px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .gameGroupHero {
    height: 475px;
  }
}
.gameHero {
  position: relative;
}
.gameHero__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gameHero__background--image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gameHero__background:after {
  content: "";
  display: block;
  background-image: linear-gradient(90deg, #1f052f 0%, rgba(48, 12, 70, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gameHero__inner {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .gameHero__inner--text-container {
    padding-right: 22%;
  }
}
.gameHero__inner--info {
  height: calc(100% - 84px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .gameHero__inner--info {
    padding-bottom: 40px;
  }
}
.gameHero__inner--info-eyebrow {
  max-width: 450px;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .gameHero__inner--info-eyebrow {
    margin-top: 30px;
  }
}
.gameHero__inner--info-headline {
  color: #ffffff;
  max-width: 450px;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .gameHero__inner--info-headline {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .gameHero__inner--info-headline {
    max-width: 35%;
  }
}
.gameHero__inner--info-description {
  color: #ffffff;
  max-width: 550px;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 768px) {
  .gameHero__inner--info-description {
    max-width: 40%;
  }
}
@media (max-width: 767.98px) {
  .gameHero__inner--info-description {
    margin-bottom: 120px;
  }
}
@media (max-width: 575.98px) {
  .gameHero__inner--info-description {
    margin-bottom: 140px;
  }
}
.gameHero__inner--gameLogo {
  position: absolute;
  right: 10%;
  top: 18%;
  z-index: 6;
}
@media (min-width: 768px) {
  .gameHero__inner--gameLogo {
    max-width: 50%;
  }
}
@media (max-width: 767.98px) {
  .gameHero__inner--gameLogo {
    display: none;
  }
}
.gameHero__inner--gameCharacter {
  position: absolute;
  right: -320px;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 5;
}
@media (max-width: 767.98px) {
  .gameHero__inner--gameCharacter {
    right: -225px;
  }
}
@media (max-width: 575.98px) {
  .gameHero__inner--gameCharacter {
    display: none;
  }
}
.gameHero__whereToPlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-image: linear-gradient(270deg, rgba(45, 46, 131, 0) 0%, rgba(82, 84, 177, 0.53) 70%, #220833 100%);
}
.gameHero__whereToPlay--text p {
  color: #ffffff;
  font-weight: 600;
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  letter-spacing: 2px;
}
.gameHero__whereToPlay--text p input {
  height: 54px;
  width: 224px;
  padding: 0px 15px 0px 25px;
  border: none;
  border-radius: 30px;
  color: #300c46;
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
}
.gameHero__whereToPlay--text p input::-moz-placeholder {
  color: #300c46;
}
.gameHero__whereToPlay--text p input::placeholder {
  color: #300c46;
}
.gameHero__whereToPlay--text p button {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  background-color: #300c46;
  color: #ffffff;
  margin-left: -98px;
}
.gameHero__whereToPlay--text p button:hover, .gameHero__whereToPlay--text p button:focus {
  background-color: #2d2e83;
}
.gameHero__whereToPlay--text p span.whereToplay--input {
  display: inline-flex;
  align-items: center;
}
.gameHero__whereToPlay--text p span.gameName {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  padding: 0px 5px;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .gameHero__whereToPlay--text p span.gameName {
    display: inline-block;
    white-space: nowrap;
    margin-left: 32px;
    margin-bottom: 12px;
  }
}
.gameHero__whereToPlay--text p span.locationIcon {
  display: inline-block;
  height: 32px;
  width: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .gameHero {
    height: 625px;
  }
}

.h-100 {
  height: 100% !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

@media (min-width: 992px) {
  .spotlights > div {
    margin-bottom: 5rem;
  }
  .spotlights > div:last-of-type {
    margin-bottom: 0px;
  }
}
@media (max-width: 991.98px) {
  .spotlights > div {
    margin-bottom: 2rem;
  }
  .spotlights > div:last-of-type {
    margin-bottom: 0px;
  }
}
.Spotlight-MediaLeftCenter-CTA {
  border-radius: 10px;
}
@media (min-width: 992px) {
  .Spotlight-MediaLeftCenter-CTA__inner--fullHeightImage img {
    max-height: 400px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-MediaLeftCenter-CTA__inner--fullHeightImage img {
    max-height: 300px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
@media (max-width: 767.98px) {
  .Spotlight-MediaLeftCenter-CTA__inner--fullHeightImage img {
    max-height: 220px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
@media (max-width: 575.98px) {
  .Spotlight-MediaLeftCenter-CTA__inner--fullHeightImage {
    display: none;
  }
}
.Spotlight-MediaLeftCenter-CTA__inner--content {
  flex: 1;
}
.Spotlight-MediaLeftCenter-CTA__inner--content h3 {
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: calc(1.5375rem + 3.45vw);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 1200px) {
  .Spotlight-MediaLeftCenter-CTA__inner--content h3 {
    font-size: 4.125rem;
  }
}
.Spotlight-MediaLeftCenter-CTA__inner--content h4 {
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
}
.Spotlight-MediaLeftCenter-CTA__inner--content--button {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 47px;
  line-height: 47px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.35s ease-in;
  background-size: 200% auto;
  color: #ffffff;
  background-image: linear-gradient(to right, #300c46 0%, #2d2e83 51%, #300c46 100%);
}
.Spotlight-MediaLeftCenter-CTA__inner--content--button:hover, .Spotlight-MediaLeftCenter-CTA__inner--content--button:focus {
  background-position: right center;
  transform: translateY(-5px);
  box-shadow: 0 3px 5px rgba(48, 12, 70, 0.4);
  color: #ffffff;
}
.Spotlight-MediaLeftCenter-CTA__inner--content--icons {
  width: 50%;
  margin: auto;
  font-size: 44px;
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  .Spotlight-MediaLeftCenter-CTA__inner--content--icons {
    font-size: 30px;
    width: 40%;
  }
  .Spotlight-MediaLeftCenter-CTA__inner--content--icons > i {
    margin: 0 0.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .Spotlight-MediaLeftCenter-CTA {
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  .Spotlight-MediaLeftCenter-CTA {
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 225px;
  }
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA.aceCharacter--hide .Spotlight-AceCharacter-2Across-CTA__character-right {
    display: none;
  }
}
.Spotlight-AceCharacter-2Across-CTA__gameTheme {
  background-size: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-position: center;
}
.Spotlight-AceCharacter-2Across-CTA__logo {
  position: relative;
  z-index: 10;
}
@media (min-width: 992px) {
  .Spotlight-AceCharacter-2Across-CTA__logo {
    max-width: 65%;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text {
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text--outer {
  padding: 5rem 2rem 5rem 5rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer {
    padding: 4rem 2rem 4rem 4rem;
  }
}
@media (min-width: 475px) and (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer {
    padding: 4rem 8rem 4rem 2rem;
  }
}
@media (max-width: 474.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer {
    padding: 2rem 3rem 2rem 1rem;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text--outer .ctaEyebrow {
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer .ctaEyebrow {
    font-size: 12px;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text--outer .ctaHeadline {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer .ctaHeadline {
    font-size: 30px;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text--outer .ctaText {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767.98px) {
  .Spotlight-AceCharacter-2Across-CTA__text--outer .ctaText {
    font-size: 14px;
    line-height: 1.3;
  }
}
.Spotlight-AceCharacter-2Across-CTA__text--outer .ctaButton {
  display: inline-block;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
}
.Spotlight-AceCharacter-2Across-CTA__character-background {
  position: absolute;
  z-index: 1;
  right: -60px;
}
.Spotlight-AceCharacter-2Across-CTA__character-right {
  position: absolute;
  z-index: 1;
  right: -70px;
}
@media (max-width: 474.98px) {
  .Spotlight-AceCharacter-2Across-CTA__character-right {
    right: -75px;
    top: 15%;
    max-height: 220px;
  }
}
.Spotlight-RadialBackground-2Across-CTA {
  background: radial-gradient(circle at 33% -66%, rgb(226, 165, 234) 0%, rgb(227, 94, 203) 35%, rgb(127, 49, 223) 75%);
  overflow: hidden;
}
.Spotlight-RadialBackground-2Across-CTA__text h3 {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 80px;
  line-height: 0.9;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text h3 {
    font-size: 60px;
  }
}
@media (max-width: 767.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text h3 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .Spotlight-RadialBackground-2Across-CTA__text h3 {
    width: 75%;
  }
}
.Spotlight-RadialBackground-2Across-CTA__text p {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  font-size: calc(1.2625rem + 0.15vw);
}

.Spotlight-RadialBackground-2Across-CTA__text a{
  color:#fff;
}

@media (max-width: 767.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media (min-width: 1200px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    width: 75%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    width: 75%;
    font-size: 18px;
  }
}
@media (max-width: 374.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text p {
    font-size: 16px;
  }
}
.Spotlight-RadialBackground-2Across-CTA__text--button {
  display: inline-block;
  white-space: nowrap;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
}
@media (max-width: 575.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text--button {
    text-align: center;
    margin-top: 3rem;
    max-width: 20rem;
    width: 100%;
  }
}
.Spotlight-RadialBackground-2Across-CTA__character img {
  max-width: 26rem;
  height: auto;
}
@media (max-width: 767.98px) {
  .Spotlight-RadialBackground-2Across-CTA__character img {
    max-height: 275px;
  }
}
.Spotlight-ColoredBG-2Across-CTA {
  overflow: hidden;
}
.Spotlight-ColoredBG-2Across-CTA__text h3 {
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 80px;
  line-height: 0.9;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: .5rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-ColoredBG-2Across-CTA__text h3 {
    font-size: 60px;
  }
}
@media (max-width: 767.98px) {
  .Spotlight-ColoredBG-2Across-CTA__text h3 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .Spotlight-ColoredBG-2Across-CTA__text h3 {
    width: 75%;
  }
}
.Spotlight-ColoredBG-2Across-CTA__text p {
  font-family: "CircularXX Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767.98px) {
  .Spotlight-ColoredBG-2Across-CTA__text p {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media (min-width: 1200px) {
  .Spotlight-ColoredBG-2Across-CTA__text p {
    width: 75%;
  }
}
.Spotlight-ColoredBG-2Across-CTA__text--button {
  display: inline-block;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 400;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  vertical-align: -2px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
}
.Spotlight-ColoredBG-2Across-CTA__character img {
  max-height: 450px;
  width: auto;
}

.Spotlight-Tall-3Across__Button:hover .Spotlight-Tall-3Across__tallButton--overlayText, .Spotlight-Tall-3Across__Button:focus .Spotlight-Tall-3Across__tallButton--overlayText {
  opacity: 1;
}
.Spotlight-Tall-3Across__Button:hover .Spotlight-Tall-3Across__tallButton--overlayText p, .Spotlight-Tall-3Across__Button:focus .Spotlight-Tall-3Across__tallButton--overlayText p {
  margin-top: 35px;
}
.Spotlight-Tall-3Across__Button:hover .Spotlight-Tall-3Across__smallButton, .Spotlight-Tall-3Across__Button:focus .Spotlight-Tall-3Across__smallButton {
  background-color: white;
}
.Spotlight-Tall-3Across__tallButton {
  cursor: pointer;
  flex: 1;
  position: relative;
}
.Spotlight-Tall-3Across__tallButton--overlayText {
  opacity: 0;
  transition: all 0.3s ease;
  display: flex !important;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
}
.Spotlight-Tall-3Across__tallButton--overlayText p {
  transition: all 0.3s ease;
  margin-top: 120px;
  font-family: "CircularXX", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-Tall-3Across__tallButton--overlayText p {
    font-size: 18px;
  }
}
.Spotlight-Tall-3Across__smallButton {
  transition: all 0.3s ease;
}
.Spotlight-Tall-3Across__smallButton a {
  color: #ffffff;
  font-family: "Sugo Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Spotlight-Tall-3Across__smallButton a {
    font-size: 22px;
  }
}
.Spotlight-Tall-3Across__smallButton a i {
  margin-left: 1rem;
  font-size: 20px;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, 
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
.col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}



.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

@media (max-width: 1569.98px) {
  .container-xxl {
      padding-left: 30px;
      padding-right: 30px;
	  margin-top: 80px;
  }
}


@media (min-width: 768px) {
  .col-md-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }
}

@media (max-width: 767.98px) {
  .Spotlight-ColoredBG-2Across-CTA__character img {
    max-height: 275px;
  }
}

@media (min-width: 576px) {
  .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 576px) {
  .order-sm-last {
      -ms-flex-order: 13;
      order: 13;
  }
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.pt-2, .py-2 {
  padding-top: .5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: .5rem !important;
}

@media (min-width: 576px) {
  .pl-sm-3, .px-sm-3 {
      padding-left: 1rem !important;
  }
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

.colorTheme--seaBreeze .ctaHeadline {
  color: #ffffff;
}

.colorTheme--seaBreeze .ctaText {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .Spotlight-RadialBackground-2Across-CTA__text h3 {
      font-size: 40px;
  }
}

.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.gameGroupHero{
  overflow: hidden;
}


@media (min-width: 1024px) {
    .gameGroupHero__inner--text-container {
        margin-left: 100px; 
    }
}



/* Для ПК и планшетов: картинка остается справа */
@media (min-width: 768px) {
    .gameGroupHero__inner {
        display: flex;
        flex-direction: row; /* Располагаем текст и картинку в строку */
        align-items: center;
        justify-content: space-between;
    }
}

/* Для мобильных устройств: картинка снизу */
@media (max-width: 767.98px) {
    .gameGroupHero__inner {
        display: flex;
        flex-direction: column; /* Элементы в колонку */
    }

  /* Базовые стили для картинки */
  .gameGroupHero__inner--cabinetLogo {
      display: block; /* Картинка всегда отображается */
      max-width: 100%; /* По умолчанию занимает всю ширину */
      height: auto; /* Сохраняем пропорции */
      margin: 0 auto; /* Центрируем по умолчанию */
  }
}

/* Для ПК (ширина 992px и больше) */
@media (min-width: 992px) {
    .gameGroupHero__inner--cabinetLogo {
        margin-top: 10rem; /* Отступ сверху */
        margin-right: 100px; /* Отступ справа */
        max-width: 30%; /* Ограничиваем ширину картинки */
    }
    .gameGroupHero__inner--cabinetLogo-wrapper {
        display: flex;
        justify-content: flex-end; /* Картинка справа */
        align-items: center;
    }
}

/* Для планшетов (768px — 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .gameGroupHero__inner--cabinetLogo {
        margin-top: 2rem; /* Меньший отступ сверху */
        max-width: 45%; /* Ограничиваем ширину */
    }
    .gameGroupHero__inner--cabinetLogo-wrapper {
        display: flex;
        justify-content: flex-end; /* Картинка справа */
        align-items: center;
    }
}

/* Для мобильных устройств (до 767.98px) */
@media (max-width: 767.98px) {
    .gameGroupHero__inner--cabinetLogo-wrapper {
        margin-top: 20px; /* Отступ сверху */
        display: flex;
        justify-content: center; /* Центрируем */
        align-items: center;
    }
    .gameGroupHero__inner--cabinetLogo {
        max-width: 100%; /* Картинка занимает всю ширину */
    }

    .gameGroupHero__inner--info .justify-content-between{
      flex-wrap: wrap;
    }
}


.centered-image {
    display: block;
    width: 150px;
	margin: 5px auto;
}

.games-frame{
  position: relative;
  padding-top: 56.25%;
}

.games-frame {
  position: relative;
  padding-top: 56.25%;
}

.games-frame  iframe{
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}