@charset "UTF-8";
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-ExtraLight.eot");
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/templates/fonts/montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-ExtraLight.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/templates/fonts/montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-MediumItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-MediumItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Italic.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/templates/fonts/montserrat/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Italic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Italic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/templates/fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-ThinItalic.eot");
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/templates/fonts/montserrat/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-ThinItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-ThinItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/templates/fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("/templates/fonts/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Light.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("/templates/fonts/montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Black.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Black.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/templates/fonts/montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Medium.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-ExtraLightItalic.eot");
  src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/templates/fonts/montserrat/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-ExtraLightItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-BlackItalic.eot");
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/templates/fonts/montserrat/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-BlackItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-BlackItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-ExtraBoldItalic.eot");
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/templates/fonts/montserrat/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/templates/fonts/montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/templates/fonts/montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-BoldItalic.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/templates/fonts/montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-BoldItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-BoldItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-LightItalic.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/templates/fonts/montserrat/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-LightItalic.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-LightItalic.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/templates/fonts/montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/fonts/montserrat/Montserrat-Thin.eot");
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/templates/fonts/montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/templates/fonts/montserrat/Montserrat-Thin.woff2") format("woff2"), url("/templates/fonts/montserrat/Montserrat-Thin.woff") format("woff"), url("/templates/fonts/montserrat/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
#gtx-trans {
  display: none;
}
body {
  font-family: "Montserrat", sans-serif;
  color: rgba(1, 1, 1, 0.6);
  background-image: url("/templates/images/main-background.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #000;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin: 0;
}
body a {
  color: #00b200;
}
body.menu-opened {
  overflow-y: hidden !important;
  background: rgba(0, 0, 0, 0.8);
}
body.menu-opened:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.button {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  transition: 0.2s ease;
  border: 2px solid #000;
  border-radius: 12px;
  background-color: #110f22;
  padding: 8px 18px;
  min-width: 52px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #ffe60f;
  font-weight: 400;
}
.button.button__purple {
  background-color: #8755f2;
  background: linear-gradient(180deg, #7331ff, #8755f2);
  box-shadow: 0 3px 51px rgba(115, 49, 255, 0.4);
}
.button.button__purple:hover {
  background: linear-gradient(180deg, #8755f2, #8755f2);
}
.button__white {
  background: #fff;
  border: 2px solid transparent;
  color: #f8981d;
  padding: 5px 20px;
}
.button__white:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.button__yellow {
  background: linear-gradient(0deg, #ffa200 0, #fdd557);
  color: #000;
  font-weight: 700;
}
.button__red {
  background: #f12c4c;
  color: #fff;
}
.button__red:hover {
  background: #AA0000;
}
.button__black {
  background: #000;
}
.button__blue {
  background: #007cff;
  border-color: #fce9a9;
}
.button__blue:hover {
  background: #2968ab;
}
.button__transparent {
  background: transparent;
  color: #000;
}
.button__green {
  background: #00b38b;
  border-color: #fce9a9;
  color: #fff;
}
.button__green:hover {
  background: #1dc71d;
}
@media (max-width: 499px) {
  .button {
    padding: 5px 10px;
    font-size: 12px;
  }
}
.container {
  padding: 0 15px;
  max-width: calc(100% - 30px);
}
img {
  max-width: 100%;
  height: auto;
}
h1 {
  color: #fff;
}
.pre-header__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  gap: 15px;
  padding: 5px 0;
}
.pre-header__text {
  font-size: 10px;
}
.pre-header__left {
  display: flex;
  gap: 30px;
}
.pre-header__info-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pre-header__info-item img {
  width: 21px;
  height: auto;
}
.pre-header__info-title {
  color: #6e6a97;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0.2px;
}
.pre-header__info-count {
  font-size: 11px;
  line-height: 14px;
  color: #eaebf3;
  letter-spacing: 0.3px;
}
.pre-header__menu {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 10px;
}
.pre-header .pre-header__menu-item a {
  padding: 4px 10px 3px;
  margin: 0 8px;
  border-radius: 9px;
  font-size: 10px;
  background: #1d1c36;
  color: #eaebf3;
  border: 1px solid #272543;
  height: 27px;
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
}
.pre-header .pre-header__menu-item a:hover {
  background: #2c2a43;
  background: radial-gradient(circle closest-corner at 50%, at 58px, #ffbe18, #2c2a43);
  background: radial-gradient(circle closest-corner at 50% 58px, #ffbe18, #2c2a43);
  color: #eaebf3;
}
.pre-header .pre-header__menu-item a img {
  width: 21px;
}
@media (max-width: 991px) {
  .pre-header__right {
    display: none;
  }
}
@media (max-width: 376px) {
  .pre-header {
    overflow-x: auto;
  }
}
.header {
  height: 80px;
  display: flex;
  align-items: center;
}
.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #1c0a07;
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1064px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .header__wrapper {
    flex-wrap: wrap;
    height: 103px;
  }
}
.header__menu {
  display: flex;
  gap: 10px;
}
@media (max-width: 991px) {
  .header__menu {
    display: none;
  }
}
.header__menu__item {
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #f1dc85;
  padding: 10px 12px;
  position: relative;
  font-size: 16px;
  text-decoration: none;
}
.header__menu__item:before {
  content: "";
  display: block;
  width: 100%;
  transition: 0.3s;
  height: 100%;
  position: absolute;
  bottom: 15px;
  left: 0;
  top: -2px;
  border: 2px solid;
  right: 0;
  border-radius: 25px;
  opacity: 0;
}
.header__menu__item.current {
  font-weight: 700;
  font-size: 18px;
}
.header__menu__item.current:before {
  width: 30px;
}
.header__menu__item:hover:before {
  opacity: 1;
}
.header__menu__item.has-dropdown {
  position: relative;
}
.header__menu__item.has-dropdown a:not(.dropdown-menu__item) {
  color: #fff;
  text-decoration: none;
}
.header__menu svg {
  width: 17px;
  margin-right: 4px;
  fill: #fff;
}
.header__buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header__logo {
  width: 110px;
}
@media (max-width: 991px) {
  .header__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
  }
}
@media (max-width: 499px) {
  .header__logo {
    width: 95px;
  }
}
.dropdown-menu {
  position: absolute;
  display: none;
  left: 0;
  top: 66px;
  background: #fff;
  z-index: 10;
  padding-left: 0;
  padding: 20px;
  list-style: none;
  min-width: 135px;
}
.dropdown-menu__item {
  color: rgba(1, 1, 1, 0.6);
  text-decoration: none;
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.dropdown-menu li:last-child .dropdown-menu__item {
  border: none;
}
@media (max-width: 991px) {
  .dropdown-menu {
    position: relative;
    display: block;
    left: unset;
    top: unset;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.has-dropdown:hover .dropdown-menu {
  display: block;
}
@media (max-width: 991px) {
  .has-dropdown {
    flex-wrap: wrap;
  }
}
.sidebar {
  width: 300px;
  /* top: 0; */
  display: none;
  background-color: #fff;
  /* z-index: 1; */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -webkit-clip-path: inset(0 -15px 0 0);
  clip-path: inset(0 -15px 0 0);
  vertical-align: top;
  margin-top: 0px;
  padding: 80px 0 0;
  float: unset;
  height: 100%;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 991px) {
  .sidebar {
    display: block;
    transition: 0.3s;
    position: fixed;
    left: -300px;
    top: 0;
    z-index: 100;
    padding-top: 0;
    overflow-y: auto;
  }
}
.sidebar .left-menu {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.sidebar.opened {
  left: 0;
}
.sidebar__banner {
  background: url("/templates/images/aside-banner.jpeg") no-repeat center;
  width: 100%;
  height: 300px;
  background-size: contain;
  position: relative;
}
.sidebar__button {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.sidebar__button a {
  height: 40px;
  font-size: 16px;
  border: 0;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nav__item {
  width: 100%;
  padding: 8px 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #eaebf3;
}
@media (max-width: 991px) {
  .nav__item {
    padding: 4px 16px;
    font-size: 14px;
  }
}
.nav__item--active {
  background: #292621;
  color: #fff;
}
.nav__item span {
  line-height: 24px;
  padding-top: 4px;
}
.nav__item:hover {
  color: #fff;
  background: #4f4a40;
}
.nav__item.has-dropdown a:not(.nav__item) {
  text-decoration: none;
  transition: all 0.3s ease;
  color: rgba(1, 1, 1, 0.6);
  font-weight: 400;
}
.tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}
.tags__header {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.tags__item {
  width: calc(50% - 10px);
  text-decoration: none;
  transition: all 0.3s ease;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #292621;
  margin-bottom: 5px;
  border-radius: 32px;
  gap: 10px;
}
@media (max-width: 991px) {
  .tags__item {
    height: 30px;
    font-size: 12px;
  }
}
.tags__item:hover {
  background: #4f4a40;
}
.mob-nav-btn {
  flex: 0 0 35px;
  width: 30px;
  height: 30px;
  display: none;
  z-index: 1000;
  position: relative;
  padding: 3px 5px 0 5px;
  color: #c2bdb2;
}
.mob-nav-btn.opened span:nth-child(1) {
  top: 50%;
  margin-top: -2px;
  transform: rotate(45deg);
}
.mob-nav-btn.opened span:nth-child(2) {
  opacity: 0;
}
.mob-nav-btn.opened span:nth-child(3) {
  top: 50%;
  margin-top: -2px;
  transform: rotate(-45deg);
}
.mob-nav-btn span {
  display: block;
  height: 3px;
  border-radius: 3px;
  position: absolute;
  background: #fce9a9;
  left: 5px;
  right: 5px;
  transition: all 300ms ease;
}
.mob-nav-btn span:nth-child(1) {
  top: 5px;
}
.mob-nav-btn span:nth-child(2) {
  top: 14px;
}
.mob-nav-btn span:nth-child(3) {
  top: 23px;
}
@media (max-width: 991px) {
  .mob-nav-btn {
    display: flex;
    align-items: center;
  }
}
.home-slider__item img {
  /*max-width: 650px!important;
    height: auto;*/
  max-width: 100%;
}
.games {
  width: 100%;
  margin-bottom: 32px;
}
.games__head-box {
  font-size: 22px;
  font-weight: 600;
  margin: 24px 0;
  display: flex;
  gap: 30px;
}
.games__head-box__nav {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
.games__head-box .swiper-button-next, .games__head-box .swiper-button-prev {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  color: #fff;
  width: 12px;
  height: 12px;
  margin-top: 0;
}
.games__head-box .swiper-button-next:after, .games__head-box .swiper-button-prev:after {
  font-size: 12px;
}
.games__head-box__title span {
  position: relative;
  padding-left: 30px;
}
.games__head-box__title span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #F8981D;
  width: 6px;
  border-radius: 3px;
}
.block-games__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.block-games__item {
  flex: 1;
  padding: 12px;
}
.block-games__item.eight-items {
  flex: 1 12.5%;
}
.block-games__item.six-items {
  flex: 1 25%;
  max-width: calc(25% - 24px);
}
.block-games-card, .block-games-card > div {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.block-games-card {
  background-color: #1e1b35;
  border-radius: 10px;
  padding: 0;
}
.block-games-card__play-btn {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODJweCIgaGVpZ2h0PSI5NXB4IiB2aWV3Qm94PSIwIDAgODIgOTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iUGFnZS0xLUNvcHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1vcGFjaXR5PSIwLjQ1Ij4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTk5LjAwMDAwMCwgLTY1OC4wMDAwMDApIiBzdHJva2U9IiM3MzMxRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMDAuMDAwMDAwLCA2NTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzLjQ0MTY5MTM4ZS0xNSAyMy4yMDgxOTIgMzkuNzcwMTggMS41NTQzMTIyM2UtMTUgNzkuNTQwMzggMjMuMjA4MTkyIDc5LjU0MDM4IDY5LjYzMzk5MiAzOS43NzAxOCA5Mi44NDIxOTIgMy40NDE2OTEzOGUtMTUgNjkuNjMzOTkyIj48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)  no-repeat 50%;
  width: 93px;
  height: 94px;
  display: flex;
  align-items: center;
  margin: -234px auto 0;
  opacity: 0;
  transition: 4s;
}
.block-games-card__img-wrap {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 12px;
}
.block-games-card__img-wrap img {
  width: 100%;
  height: auto;
}
.block-games-card__favorite {
  position: absolute;
  opacity: 0;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.block-games-card__demo {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  padding: 5px 13px;
  z-index: 1;
  font-weight: 700;
  font-size: 11px;
  color: #eaebf3;
  transition: 0.3s;
  border-radius: 10px 0 10px 0;
  background: linear-gradient(180deg, #7331ff, #874ff8);
}
.block-games-card:active .block-games-card__play-btn, .block-games-card:hover .block-games-card__play-btn {
  margin-top: 0;
  opacity: 1;
}
.block-games-card:active .block-games-card__play-btn > span, .block-games-card:hover .block-games-card__play-btn > span {
  -webkit-animation: circleBg 0.5s forwards;
  animation: circleBg 0.5s forwards;
}
.block-games-card__play-btn > span, .block-games-card__play-btn > span > span {
  -webkit-clip-path: polygon(0 23%, 50% 0, 100% 23%, 100% 77%, 50% 100%, 0 77%);
  clip-path: polygon(0 23%, 50% 0, 100% 23%, 100% 77%, 50% 100%, 0 77%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.block-games-card__play-btn > span {
  width: 60px;
  height: 71px;
  transition: 1s;
  background: #8755f2;
}
.block-games-card:active .block-games-card__play-btn > span > span, .block-games-card:hover .block-games-card__play-btn > span > span {
  -webkit-animation: circleShadow 0.5s linear forwards;
  animation: circleShadow 0.5s linear forwards;
}
.block-games-card__play-btn > span > span {
  width: 55px;
  height: 64px;
  transition: 0.5s;
  box-shadow: inset 0 0 18px 20px #151226;
}
.block-games-card__play-btn > span > span svg {
  margin-left: 5px;
}
.block-games-card:active .block-games-card__hover, .block-games-card:hover .block-games-card__hover {
  display: flex;
  opacity: 1;
  top: 0;
}
.block-games-card__hover {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 12px;
  align-items: center;
  transition: 1s;
}
.block-games-card:active .block-games-card__img-wrap, .block-games-card:hover .block-games-card__img-wrap {
  filter: blur(3px);
  transform: scale(1.02);
}
.block-games-card:active .block-games-card__name, .block-games-card:hover .block-games-card__name {
  bottom: 5%;
  opacity: 1;
}
.block-games-card__name {
  position: absolute;
  bottom: -20px;
  transition: 0.1s linear;
  width: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
}
.game-item {
  width: calc((100% / 4) - 24px);
  position: relative;
  color: #fff;
  border: 2px solid #a79d71;
  border-radius: 2px;
  text-align: center;
}
.game-item__info {
  font-weight: 300;
  border-top: 1px solid #a79d71;
  padding-top: 4px;
}
.game-item__title {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 17px;
  text-overflow: ellipsis;
  color: #fff3ca;
}
@media (max-width: 768px) {
  .game-item__title {
    font-size: 14px;
  }
}
.game-item__developer {
  margin-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 12px;
  white-space: pre-line;
}
.game-item__img {
  position: relative;
  overflow: hidden;
}
.game-item__button {
  width: 48%;
  height: 48%;
  max-width: 108px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent;
  padding: 0;
}
.game-item__button:after {
  content: "";
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBsYXlfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTYwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9Ii03OS41IDcxMi41IDE2MCAxNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTc5LjUgNzEyLjUgMTYwIDE2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iUGxheV8zXyIgZmlsbD0iI0ZGRkZGRiIgZD0iTTI2LjA3OCw3OTYuMjY5TDguMTU2LDgwNi4zMjZsLTE3LjM4NCwxMC4wNTdjLTMuMDQ2LDEuOTc2LTYuMjcyLDEuNjE1LTYuMjcyLTMuNDEzdi0yMC4yOTMNCgl2LTIwLjY1M2MwLTQuMzEsMi4zMy01Ljc0Niw1LjczNS0zLjQxMmwxNy45MjEsMTAuMDU4bDE3LjkyMiwxMC4wNTdDMjkuMTI2LDc5MC43MDEsMjkuNDg0LDc5NC4yOTQsMjYuMDc4LDc5Ni4yNjl6Ii8+DQo8ZyBpZD0iQ2lyY2xlXzJfIj4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC41LDcxNy45NjdjNDEuMDgsMCw3NC41MzMsMzMuNDUzLDc0LjUzMyw3NC41MzNTNDEuNTgsODY3LjAzMywwLjUsODY3LjAzM1MtNzQuMDMzLDgzMy41OC03NC4wMzMsNzkyLjUNCgkJUy00MC41OCw3MTcuOTY3LDAuNSw3MTcuOTY3IE0wLjUsNzE0LjVjLTQzLjE2LDAtNzgsMzQuODQtNzgsNzhzMzQuODQsNzgsNzgsNzhzNzgtMzQuODQsNzgtNzhTNDMuNjYsNzE0LjUsMC41LDcxNC41TDAuNSw3MTQuNXoiDQoJCS8+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center center;
  transition: background-size 0.2s;
  width: 100%;
  height: 100%;
}
.game-item__hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  /*background:rgba(48, 45, 39, .65);*/
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  text-decoration: none;
}
.game-item:hover .game-item__hover {
  opacity: 1;
  visibility: visible;
}
.game-item:hover .game-item__img img {
  filter: brightness(0.4);
}
@media (max-width: 991px) {
  .block-games__item.eight-items {
    flex: 1 20%;
  }
  .block-games__item.six-items {
    flex: 1 20%;
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .game-item {
    width: calc((100% / 3) - 24px);
  }
  .block-games__item.eight-items {
    flex: 1 40%;
  }
  .block-games__item.six-items {
    flex: 1 40%;
  }
}
@media (max-width: 499px) {
  .game-item {
    width: calc((100% / 2) - 24px);
  }
}
.footer-menu {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #25243e;
}
.footer-menu__item {
  text-decoration: none;
  line-height: 43px;
  position: relative;
  font-size: 12px;
  color: #7e8c8d;
  border-bottom: 2px solid transparent;
}
.footer__vertical-menu .footer-menu__item {
  border-bottom: none;
}
.footer__vertical-menu .footer-menu__item:hover {
  border-bottom: none;
}
.footer-menu__item:hover {
  border-bottom: 2px solid #8755f2;
  color: #8755f2;
}
.footer-menu__item--first {
  color: #fff;
  font-weight: 600;
}
.footer {
  background: #2d0601;
  padding-top: 15px;
  font-size: 12px;
  color: #7e8c8d;
  font-weight: 500;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.footer__middle {
  justify-content: space-between;
  margin-top: 30px;
}
.footer__middle > div {
  width: 220px;
}
@media (max-width: 991px) {
  .footer__middle {
    flex-direction: column;
    align-items: center;
  }
}
.footer__vertical-menu {
  display: flex;
  flex-direction: column;
}
.footer__top {
  display: flex;
  border-bottom: 1px solid #323b45;
}
.footer__top img {
  margin-bottom: 15px;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}
.footer__bottom--left {
  width: 177px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
.footer__licenses {
  display: flex;
  align-items: center;
  gap: 15px;
}
.footer__licenses img {
  max-height: 26px;
}
@media (max-width: 991px) {
  .footer__licenses {
    flex-wrap: wrap;
  }
}
.footer__copirights {
  font-size: 12px;
  color: rgba(1, 1, 1, 0.6);
  line-height: 1.7;
}
@media (max-width: 991px) {
  .footer__top.footer-menu {
    align-items: center;
    flex-direction: column;
  }
}
.footer__menu {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 30px;
  border-bottom: 1px solid #323b45;
  padding-bottom: 15px;
  padding-top: 15px;
}
@media (max-width: 550px) {
  .footer__menu {
    flex-direction: column;
  }
}
.footer__menu__item {
  color: #7e8c8d;
  text-decoration: none;
}
.footer__menu__item:hover {
  text-decoration: underline;
}
.footer > .container {
  max-width: 1464px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 30px);
}
.footer-text {
  font-size: 10px;
  color: rgba(1, 1, 1, 0.6);
  line-height: 1.7;
}
.footer-payment-methods {
  display: flex;
  gap: 20px;
  padding: 30px 0;
  border-bottom: 1px solid #323b45;
}
.footer-payment-methods__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.footer-payment-methods__list img {
  width: 70px;
  opacity: 1;
}
@media (max-width: 991px) {
  .footer-payment-methods__list {
    flex-wrap: wrap;
    gap: 45px;
  }
}
@media (max-width: 991px) {
  .footer-payment-methods {
    flex-wrap: wrap;
  }
}
.encryption-btn {
  align-items: center;
  gap: 6px;
  background-color: rgba(110, 231, 80, 0.1);
  color: #6ee750;
  padding: 8px 10px 8px 25px;
  border-radius: 8px;
  transition: 1s;
  cursor: default;
  display: flex;
  width: 139px;
  float: left;
  text-align: center;
  font-size: 12px;
}
.mobile-menu {
  display: none;
}
@media (max-width: 991px) {
  .mobile-menu {
    display: block;
    width: calc(100% - 30px);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #4c5062;
  }
  .mobile-menu__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-menu__item {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 14px;
    line-height: 14px;
    justify-content: center;
    text-align: center;
    font-size: 9px;
    color: #858cab;
  }
  .mobile-menu__item span {
    margin-top: 5px;
  }
  .mobile-menu__item svg {
    fill: #fff;
    width: 24px;
  }
  .mobile-menu__btn {
    width: 36px;
    height: 32px;
    clip-path: polygon(9px 0%, calc(100% - 9px) 0%, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0% 50%);
    display: flex;
    align-items: center;
    margin: 0 auto;
    background: #8755f2;
    overflow: hidden;
    cursor: pointer;
    box-shadow: inset 0 0 10px 10px #16152b;
    justify-content: center;
  }
  .mobile-menu__btn img {
    width: 22px;
    height: 22px;
  }
  .mobile-menu__btn--big {
    width: 48px;
    height: 48px;
    box-shadow: inset 0 0 10px 100px #8755f2;
  }
}
.content-text {
  color: #af9d6e;
  line-height: 1.7;
  font-size: 14px;
}
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text .h1, .content-text .h2, .content-text .h3, .content-text .h4, .content-text .h5 {
  color: #fce9a9;
  font-weight: 700;
  background: linear-gradient(top, #fcf3d2, #fce9a9 50%, #f1dc85 51%, #fdefbd);
}
.content-text h1, .content-text .h1 {
  font-size: 32px;
}
.content-text h2, .content-text .h2 {
  font-size: 28px;
  position: relative;
}
.content-text h3, .content-text .h3 {
  font-size: 24px;
}
.content-text h4, .content-text .h4 {
  font-size: 20px;
}
.content-text h5, .content-text .h5 {
  font-size: 16px;
}
.content-text blockquote {
  margin: 30px;
  background: #555866;
  padding: 15px;
  padding-left: 40px;
  font-size: 16px;
  position: relative;
  border-left: 5px solid #f12c4c;
}
.content-text blockquote:before {
  /* content:"";*/
  display: block;
  width: 50px;
  height: 60px;
  background-image: url("/templates/images/left-quote.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 10px;
}
.content-text cite {
  margin: 30px;
  background: #1a2134;
  padding: 15px;
  padding-left: 40px;
  display: flex;
  font-size: 18px;
  position: relative;
  padding-top: 65px;
}
.content-text cite:before {
  content: "";
  display: block;
  width: 34px;
  height: 60px;
  background-image: url("/templates/images/left-quote.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 10px;
}
.content-text table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.content-text table td {
  /*border: 1px solid #9e9e9e;*/
  vertical-align: middle;
}
.content-text table td p {
  margin: 2px;
}
.content-text table tr {
  background: #1d2730;
}
.content-text table tr:nth-child(even) {
  background: #555866;
}
.content-text table thead tr {
  background: #ffe60f;
  color: #000;
  font-weight: 700;
  /* td {
      border-bottom: 2px solid $border-color;  
    }*/
}
.content-text th, .content-text td {
  padding: 10px;
}
.content-text ul li {
  display: flex;
  align-items: center;
}
.content-text ul li:before {
  content: "";
  display: block;
  margin-right: 7px;
}
.content-text ul li a {
  display: contents;
}
.content-text ul:not([class^="marker-"]) li {
  align-items: flex-start;
}
.content-text ul:not([class^="marker-"]) li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ffe60f;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 9px;
}
.content-text ul[class^="marker-"] li {
  line-height: 1.3;
  margin-bottom: 4px;
}
.content-text ul[class^="marker-"] li:last-of-type {
  margin-bottom: 0;
}
.content-text ul[class^="marker-"] li:before {
  flex: 0 0 15px;
  top: 1px;
  left: -22px;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.content-text ul.marker-clover li:before {
  background-image: url("/templates/images/icons/marker-clover.svg");
}
.content-text ul.marker-watermelon li:before {
  background-image: url("/templates/images/icons/marker-watermelon.svg");
}
.content-text ul.marker-dollar li:before {
  background-image: url("/templates/images/icons/marker-dollar.svg");
}
.content-text ul.marker-lemon li:before {
  background-image: url("/templates/images/icons/marker-lemon.svg");
}
.content-text ul.marker-horseshoe li:before {
  background-image: url("/templates/images/icons/marker-horseshoe.svg");
}
.content-text ul.marker-cocktail li:before {
  background-image: url("/templates/images/icons/marker-cocktail.svg");
}
@media (max-width: 768px) {
  .table-wrap {
    overflow-x: scroll;
  }
  .content-text h1, .content-text .h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .content-text h2, .content-text .h2 {
    font-size: 22px;
    line-height: 24px;
  }
  .content-text h3, .content-text .h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .content-text blockquote {
    padding: 65px 20px 20px;
    margin: 10px;
    margin-bottom: 25px;
  }
  .content-text p {
    display: inline-block;
  }
}
@media (max-width: 500px) {
  .content-text p img {
    display: block;
    margin: 15px auto;
    float: unset !important;
  }
}
.page-404 {
  min-height: calc(100vh - 380px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  background: url("/templates/images/404-bg.jpg") no-repeat center;
  background-size: cover;
}
.page-404 .content-text {
  text-align: center;
}
.page-404 .main__content {
  width: 100%;
}
.page-404__title {
  color: #fff !important;
  font-style: italic;
  text-shadow: 0.2rem 0.3rem 0rem #aa0000;
  text-transform: uppercase;
}
.page-404__title--lg {
  font-size: 4rem;
}
.page-404__title--md {
  font-size: 3rem;
}
@media (max-width: 768px) {
  .page-404__title--lg {
    font-size: 24px;
  }
  .page-404__title--md {
    font-size: 20px;
  }
}
.page-404__content p {
  color: #fff;
  font-weight: 700;
  font-style: italic;
}
.page-404__content .button {
  max-width: 300px;
  margin: auto;
}
.accord-block {
  min-height: 20px;
  background: #00b200;
  /* border: 1px solid #f8ff13;*/
  border-radius: 5px;
  margin: 10px 0;
  transition: all 0.3s ease-out;
}
.accord-block.open {
  color: #fff;
  background: #1d2730;
  /*border: 1px solid;*/
  box-shadow: 0 0 3px #000;
}
.accord-block.open .accord-block-header:after {
  border-top-color: #fff;
  transform: rotate(180deg);
}
.accord-block .accord-block-header {
  position: relative;
  padding: 15px 40px 15px 25px;
  cursor: pointer;
  font-weight: 700;
}
.accord-block .accord-block-header h3 {
  font-size: inherit;
  margin: 0;
}
.accord-block .accord-block-header:after {
  content: "";
  position: absolute;
  top: 24px;
  right: 20px;
  display: block;
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top-color: #fff;
  transition: all 0.6s ease-out;
}
.accord-block .accord-block-content {
  display: none;
  padding: 0 30px 15px;
  margin: 0;
}
.accord-block .accord-block-content p:last-of-type {
  margin-bottom: 0;
}
.btnTop {
  position: fixed;
  background: #000;
  z-index: 100;
  bottom: 100px;
  right: 25px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px #fff;
  color: #fff;
  flex-direction: column;
  font-size: 10px;
  gap: 3px;
  cursor: pointer;
  border-radius: 50%;
  /*&:before {
        content: ">";
        transform: rotate(270deg) scaleY(1.5) translate(1px, 1px);
        color: #fff;
    }*/
}
.btnTop__image {
  width: 12px;
  height: 8px;
  background: url("/templates/images/arrow-up.svg") no-repeat center;
}
.banner__wrapper {
  min-height: 250px;
  padding: 50px;
  border-radius: 12px;
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.banner__text {
  width: 360px;
  max-width: 100%;
}
.banner__text__main {
  font-size: 24px;
  font-weight: 700;
}
.banner__text__content {
  font-size: 16px;
  font-weight: 400;
}
.banner__button {
  text-decoration: none;
  padding: 10px 50px;
  width: auto;
  font-size: 12px;
  font-weight: 900;
  transition: 0.3s ease;
}
@media (max-width: 991px) {
  .banner__text__main h1 {
    font-size: 26px;
  }
  .banner__text__content {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .banner__wrapper {
    padding: 15px;
  }
}
@media (max-width: 599px) {
  .banner__wrapper {
    min-height: 130px;
  }
  .banner__text {
    padding-right: 0;
    text-align: center;
  }
  .banner__button {
    margin: auto;
  }
}
.page-game {
  width: 100%;
}
.page-game__item {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.page-game__item:hover .page-game__img {
  -webkit-filter: blur(4px) brightness(0.8);
  filter: blur(4px) brightness(0.8);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.page-game__item iframe {
  border: none;
}
.page-game__img {
  margin: 0 auto;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  position: relative;
}
.page-game__button {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  display: block;
  cursor: pointer;
}
.game-button-ref {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.page-game__btn.btn--primary.page-game__btn--ref {
  background: tomato;
  padding: 10px 30px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 20px;
}
.search__body {
  background: #2d0601;
  border: 1px solid #323b45;
  border-radius: 12px;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 15px;
  text-decoration: none;
  cursor: pointer;
}
.nav-menu__wrapper {
  background: #2d0601;
  border-radius: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.nav-menu ul {
  list-style: none;
  margin: 0;
}
.nav-menu a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.nav-menu__list {
  padding-left: 0;
}
.nav-menu__list-inner {
  padding-left: 15px;
}
.developers__list {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  overflow: hidden;
}
.developers__item {
  width: calc((100% / 6) - 15px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: #2d0601;
  padding: 15px;
  border-radius: 12px;
  min-width: 130px;
}
.bonuses {
  background: #333;
  color: #fff;
  border-radius: 10px;
  padding: 10px 0;
}
.bonuses__item {
  display: flex;
  margin: 10px 30px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ffe60f;
}
.bonuses__item:last-of-type {
  border-bottom: none;
}
@media (max-width: 768px) {
  .bonuses__item {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
    padding-bottom: 30px;
  }
}
.bonuses__logo {
  padding: 15px;
  width: 200px;
}
.bonuses__logo img {
  width: 80px;
  border-radius: 50%;
}
.bonuses__tag {
  width: 200px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .bonuses__tag {
    width: auto;
  }
}
.bonuses__tag span {
  background: #00b200;
  padding: 5px 15px;
  border-radius: 4px;
}
.bonuses__value {
  text-align: center;
  width: 100%;
}
.bonuses__value--title {
  font-size: 30px;
  font-weight: 700;
  color: #ffe60f;
}
@media (max-width: 991px) {
  .bonuses__value--title {
    font-size: 24px;
  }
}
.bonuses__button {
  width: 200px;
}
/*.main {
  display: flex;
  justify-content:center;
}*/
.main__content {
  max-width: 1064px;
  padding: 24px 15px;
  margin-left: auto;
  margin-right: auto;
  background: #2d0601;
  border: 2px solid #fcd0a9;
  border-radius: 8px;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .main__content {
    max-width: 100% !important;
  }
}