  @font-face {
  font-display: swap;
  font-family: 'myfont';
  src: url(../font/myfont.eot);
  src: url(../font/myfont.eot) format('embedded-opentype'),url(../font/myfont.woff2) format('woff2'),url(../font/myfont.woff) format('woff'),url(../font/myfont.ttf) format('truetype'),url(../font/myfont.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  }

  [class^=icon-]:before,[class*=" icon-"]:before {
  font-family: "myfont";
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

  .icon-thumbs-up:before {
  content: '\e800';
  }

  .icon-award:before {
  content: '\e801';
  }

  .icon-gift:before {
  content: '\e802';
  }

  .icon-list-alt:before {
  content: '\e803';
  }

  .icon-angle-down:before {
  content: '\f107';
  }

  .icon-shield:before {
  content: '\f132';
  }

  .icon-cc-visa:before {
  content: '\f1f0';
  }

  .icon-cc-mastercard:before {
  content: '\f1f1';
  }

  html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  }

  body {
  margin: 0;
  }

  main {
  display: block;
  }

  h1 {
  font-size: 2em;
  margin: .67em 0;
  }

  hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  }

  pre {
  font-family: monospace,monospace;
  font-size: 1em;
  }

  a {
  background-color: #fff0;
  }

  abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
  }

  b,strong {
  font-weight: bolder;
  }

  code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em;
  }

  small {
  font-size: 80%;
  }

  sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  }

  sub {
  bottom: -.25em;
  }

  sup {
  top: -.5em;
  }

  img {
  border-style: none;
  }

  button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  }

  button,input {
  overflow: visible;
  }

  button,select {
  text-transform: none;
  }

  button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance: button;
  }

  button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  }

  button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
  }

  fieldset {
  padding: .35em .75em .625em;
  }

  legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  }

  progress {
  vertical-align: baseline;
  }

  textarea {
  overflow: auto;
  }

  [type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0;
  }

  [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto;
  }

  [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
  }

  [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
  }

  details {
  display: block;
  }

  summary {
  display: list-item;
  }

  template {
  display: none;
  }

  [hidden] {
  display: none;
  }

  .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: #fff0;
  }

  .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  .slick-track:before,.slick-track:after {
  display: table;
  content: '';
  }

  .slick-track:after {
  clear: both;
  }

  .slick-loading .slick-track {
  visibility: hidden;
  }

  .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  }

  [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 #fff0;
  }

  .slick-arrow.slick-hidden {
  display: none;
  }

  .slick-loading .slick-list {
  }

  @font-face {
  font-display:swap;font-family:'slick';font-weight:400;font-style:normal;src:url(../font/slick.eot);src:url(../font/slick.eot@) format('embedded-opentype'),url(../font/slick.woff) format('woff'),url(../font/slick.ttf) format('truetype'),url(../font/slick.svg) format('svg');
  }

  .slick-prev,.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  color: #fff0;
  border: none;
  outline: none;
  background: 0 0;
  }

  .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
  color: #fff0;
  outline: none;
  background: 0 0;
  }

  .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: .25;
  }

  .slick-prev:before,.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

  .slick-prev {
  left: -25px;
  }

  [dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
  }

  .slick-prev:before {
  content: '←';
  }

  [dir=rtl] .slick-prev:before {
  content: '→';
  }

  .slick-next {
  right: -25px;
  }

  [dir=rtl] .slick-next {
  right: auto;
  left: -25px;
  }

  .slick-next:before {
  content: '→';
  }

  [dir=rtl] .slick-next:before {
  content: '←';
  }

  .slick-dotted.slick-slider {
  margin-bottom: 30px;
  }

  .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  }

  .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  }

  .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: #fff0;
  border: 0;
  outline: none;
  background: 0 0;
  }

  .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 {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

  .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000;
  }

  @font-face {
  font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Regular.ttf);font-weight:400;
  }

  @font-face {
  font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Medium.ttf);font-weight:500;
  }

  @font-face {
  font-display:swap;font-family:"Roboto";src:url(../font/Roboto-Bold.ttf);font-weight:700;
  }

  body {
  margin: 0;
  padding: 0;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  }

  *,:before,:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

  h1,h2,h3 {
  margin: 0;
  padding: 0;
  }

  h1 {
  font-size: 36px;
  }

  a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: #fff0;
  }

  img {
  width: 100%;
  height: auto;
  }

  input:not([type=checkbox]),input:not([type=checkbox]):focus,textarea,textarea:focus,select,select:focus {
  outline: none!important;
  -webkit-appearance: none;
  }

  .wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  }

  .header {
  width: 100%;
  padding: 15px 0;
  margin-bottom: 30px;
  }

  body.fixed-header {
  padding-top: 100px;
  }

  body.fixed-header .header {
  box-shadow: 0 0 10px rgb(0 0 0 / .3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  }

  .header .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

  .custom-logo-link {
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .header-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

  .header-btns .btn {
  width: 110px;
  }

  .header-btns .btn:last-child {
  margin-left: 15px;
  }

  .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  }

  .menu a {
  padding: 5px;
  color: #fff;
  font-size: 15px;
  }

  .menu a:hover,.current-menu-item>a {
  opacity: .7;
  }

  .header .menu .menu-item-has-children {
  position: relative;}
  
  /*.sub-menu{min-width: 250px;
  padding: 15px 10px;
  box-shadow: 0 0 5px rgb(0 0 0 / .3);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  display: none;}*/
  
  li{margin-bottom: 10px;
  }

  .menu .menu-item-has-children>a {
  position: relative;
  }

  .menu .menu-item-has-children>a:after {
  content: '\f107';
  font-family: "myfont";
  margin-left: 5px;
  }

  .header .menu .menu-item-has-children:hover .sub-menu {
  display: block;
  }

  .menu li {
  margin-right: 20px;
  list-style-type: none;
  padding: 0;
  }

  .menu li:last-child {
  margin-right: 0;
  }

  .header-menu {
  position:relative;
  }
  .header-menu .menu {
  display: block;
  }
  .header-menu .menu li {
  margin-bottom: 15px;
  }
  .header-menu .menu li:last-child {
  margin-bottom: 0;
  }

  .header-menu-title {
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  }

  .header-menu-list {
  min-width: 350px;
  padding: 15px 10px;
  box-shadow: 0 0 5px rgb(0 0 0 / .3);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
  display: none;
  }

  .header-menu:hover .header-menu-list {
  display: block;
  }

  .btn {
  border-radius: 8px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  -webkit-animation-name: puls;
  animation-name: puls;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  }

  .btn:hover {
  opacity: .8;
  }

  .btn-red {
  background-color: #d32222;
  }

  .btn-green {
  background-color: #149c44;
  }

  .btn.text__button {
  max-width: 290px;
  width: 100%;
  margin: 0 auto;
  line-height: 52px;
  }

  @-webkit-keyframes puls {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }

  50% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  }

  100% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }}

  @keyframes puls {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  }

  .banner {
  height: 500px;
  border-radius: 12px;
  margin-top: 35px;
  padding: 0 50px;
  background-color: #a80043;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  }

  .banner-img {
  max-width: 580px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .banner-img img {
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: auto;
  }

  .offer {
  max-width: 450px;
  width: 100%;
  }

  .offer-title {
  font-size: 45px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 35px;
  }

  .offer-desc {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 30px;
  }

  .offer-btns {
  display: flex;
  }

  .offer-btns .btn:nth-child(2) {
  margin-left: 15px;
  }

  .offer-btns .btn {
  max-width: 290px;
  width: 100%;
  font-weight: 700;
  line-height: 52px;
  }

  .bonus-item {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px;
  }

  .bonus-item-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

  .bonus-item-text {
  margin-right: 15px;
  }

  .bonus-item-icon {
  max-width: 90px;
  margin-right: 15px;
  }

  .bonus-item-text {
  margin-right: 15px;
  }

  .slots .wrap {
  padding: 0 7px;
  }

  .slots-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

  .slots .slot {
  width: 16.6666%;
  padding: 0 7px;
  margin-bottom: 15px;
  }

  .slots .slot img {
  display: block;
  }

  .slots .slot .inner {
  display: block;
  position: relative;
  }

  .slots .slot .inner:hover {
  opacity: .7;
  }

  .text-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
  }

  .main-text-wrap {
  border-radius: 8px;
  padding: 35px 40px;
  position: relative;
  }

  .main-text-content {
  line-height: 1.5;
  }

  .main-text-content img.aligncenter {
  display: block;
  margin: 0 auto;
  }

  .main-text-content a,.page-text a {
  font-weight: 700;
  text-decoration: underline;
  }

  .section {
  margin-bottom: 100px;
  }

  .footer {
  padding-top: 50px;
  padding-bottom: 30px;
  }

  .footer .pay-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  }

  .footer .own {
  font-size: 13px;
  text-align: center;
  }

  .mobile-btn {
  width: 35px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: none;
  }

  .mobile-btn .line {
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 0;
  }

  .mobile-btn .top {
  top: 0;
  }

  .mobile-btn .middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  }

  .mobile-btn .bottom {
  bottom: 0;
  }

  .mobile-wrap {
  width: 300px;
  height: 100vh;
  height: 100dvh;
  -webkit-transition: .4s;
  transition: .4s;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 9998;
  }

  .mobile-wrap.active {
  -webkit-transition: .4s;
  transition: .4s;
  right: 0;
  }

  .mobile-body {
  padding: 70px 15px 15px 25px;
  position: relative;
  }

  .mobile-body .close {
  position: absolute;
  top: 35px;
  right: 25px;
  z-index: 100;
  }

  .mobile-wrap .menu {
  display: block;
  padding: 0;
  }

  .mobile-wrap .menu a {
  padding: 5px;
  }

  .mobile-wrap .menu>li {
  margin-bottom: 30px;
  list-style-type: none;
  }
  .mobile-wrap .menu>li .sub-menu {
  margin-top: 15px;
  padding-left: 15px;
  }
  .mobile-wrap .menu>li .sub-menu li {
  margin-bottom: 15px;
  }
  .mobile-wrap .menu>li .sub-menu a {
  font-size: 14px;
  }

  .close {
  width: 25px;
  height: 25px;
  cursor: pointer;
  }

  .close .inner {
  width: 100%;
  height: 100%;
  position: relative;
  }

  .close .inner:before,.close .inner:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  }

  .close .inner:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  }

  .close .inner:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  }

  .fixed-bar {
  width: 100vw;
  height: 60px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  }

  .fixed-bar .inner {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00cfa6;
  position: relative;
  }

  .fixed-bar .phone {
  width: 90px;
  position: absolute;
  left: 10px;
  bottom: -100px;
  }

  .fixed-bar-btn {
  padding: 0 15px;
  }

  .fixed-bar-btn .btn__icon {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  }

  .aviator-banner.banner {
  background-color: #dd003b;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }

  .aviator-banner .banner-img {
  width: 40%;
  }

  .text-block {
  margin-bottom: 50px;
  }

  .text-block-inner {
  background-color: #1d2332;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 18px;
  position: relative;
  }

  .text-block-inner:before {
  content: "";
  display: block;
  max-width: 1000px;
  width: 100%;
  height: 5px;
  background-color: #00cfa6;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  }

  .text-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

  .text-block-content .text {
  font-size: 16px;
  line-height: 1.5;
  }

  .app-banner.banner {
  background: radial-gradient(#020f1f 0%,#031f38 100%);
  }

  .app-banner .banner-img {
  width: 350px;
  position: absolute;
  bottom: 0;
  right: 20px;
  }

  .app-notice {
  font-size: 12px;
  margin-bottom: 15px;
  }

  .offer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }

  .offer-btns .app-btn.btn:last-child {
  margin-right: 0;
  }

  .app-btn.btn,.btn-ios.btn,.btn-android.btn {
  padding: 5px 25px;
  font-size: 12px;
  line-height: 1.3;
  margin-right: 25px;
  background-color: #d32222;
  }

  .app-btn.btn .btn__icon,.btn-ios.btn .btn__icon,.btn-android.btn .btn__icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  }

  .app-btn.btn .btn__text {
  font-size: 12px;
  }

  .bonus-banner.banner {
  background: radial-gradient(#020f1f 0%,#031f38 100%);
  }

  .bonus-banner .banner-img {
  max-width: 546px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 15px;
  }

  .btn.promo {
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 52px;
  }

  .btn.promo .btn__icon {
  width: 25px;
  height: 25px;
  background-image: url(../img/copy.svg);
  background-size: cover;
  margin-left: 15px;
  }

  .btn.promo .btn__input {
  display: none;
  }

  .btn.promo.copy .btn__icon {
  background-image: url(../img/check.svg);
  }

  .bonus-btn {
  padding: 0 25px;
  }

  .rate-banner {
  background-color: #f92130;
  background-image: url(../img/casino.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%;
  }

  .promo-banner.banner {
  background: radial-gradient(#020f1f 0%,#031f38 100%);
  }

  .promo-banner .offer {
  max-width: 610px;
  }

  .btn.promo {
  -webkit-animation-name: btnPuls;
  animation-name: btnPuls;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  }

  @-webkit-keyframes btnPuls {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  }

  @keyframes btnPuls {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  }

  .main-text-content img,.text-block-content .text img {
  max-width: 100%;
  width: auto;
  }

  .apostas-banner.banner .banner-img {
  max-width: 600px;
  position: absolute;
  bottom: 0;
  right: 50px;
  }

  .text-block-content img.aligncenter {
  display: block;
  margin: 0 auto;
  }

  .advant .wrap {
  padding: 0;
  }

  .advant-content {
  display: flex;
  justify-content: space-between;
  }

  .advant-item {
  width: 25%;
  padding: 0 15px;
  }

  .advant-item-content {
  width: 100%;
  height: 100%;
  padding: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  }

  .advant-item .item__icon {
  text-align: center;
  font-size: 35px;
  margin-bottom: 20px;
  }

  .advant-item .item__text {
  text-align: center;
  line-height: 1.3;
  }

  .faq-item {
  margin-bottom: 20px;
  padding: 30px 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  }

  .faq-item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  }

  .faq-item-title {
  font-size: 18px;
  }

  .faq-item-icon {
  font-size: 25px;
  transform: rotate(0deg);
  transition: .3s;
  }

  .faq-item-icon:before {
  content: none !important;
  }

  .faq-item-answ {
  line-height: 1.3;
  margin-top: 15px;
  display: none;
  }

  .faq-item.active .faq-item-answ {
  display: block;
  }

  .faq-item.active .faq-item-icon {
  transform: rotate(180deg);
  transition: .3s;
  }

  .reviews .wrap {
  padding: 0;
  }

  .reviews-item {
  padding: 0 15px;
  }

  .reviews-item .inner {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 25px 15px;
  }

  .reviews-item .title__row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  }

  .reviews-item .item__img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 150%;
  -moz-border-radius: 150%;
  border-radius: 150%;
  overflow: hidden;
  margin-right: 10px;
  }

  .reviews-item .item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .reviews-item .item__name {
  font-size: 20px;
  font-weight: 700;
  }

  .reviews-item .item__text {
  line-height: 1.3;
  }

  .slider-nav {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .slider-nav-item {
  font-size: 45px;
  cursor: pointer;
  }

  .slider-nav-item.item__prev {
  transform: rotate(90deg);
  }

  .slider-nav-item.item__next {
  transform: rotate(-90deg);
  }

  .slider-nav .slick-next,.slider-nav .slick-prev {
  position: static;
  }

  .slider-nav .slick-dots {
  position: static;
  }

  .slider-nav .slick-dots li button {
  color: inherit;
  }

  .slider-nav .slick-dots li button:before {
  color: inherit;
  font-size: 10px;
  }

  .banner {
  background-size: cover;
  background-position: center center;
  }

  .banner.banner-dark:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / .2);
  position: absolute;
  top: 0;
  left: 0;
  }

  .banner .offer {
  position: relative;
  }

  .language-switch ul {
  display: flex;
  }

  .language-switch li {
  list-style-type: none;
  margin-right: 15px;
  }

  .language-switch a {
  text-transform: uppercase;
  }

  .language-switch li.active {
  text-decoration: underline;
  }

  .footer {
  .lang-switcher{display: flex;
  justify-content: center;
  margin-bottom: 25px;
  }}

  .footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  }

  .footer-item {
  ul{margin: 0;
  padding: 0;
  }

  li {
  list-style-type: none;
  margin-bottom: 10px;
  }}

  .author-content {
  display: flex;
  }

  .author-img {
  width: 150px;
  min-width: 150px;
  height: 150px;
  margin-right: 15px;
  img{height: 100%;
  object-fit: cover;
  -webkit-border-radius: 150%;
  -moz-border-radius: 150%;
  border-radius: 150%;
  }}

  .author-info-item {
  margin-bottom: 20px;
  }

  .author-title {
  font-size: 25px;
  font-weight: 700;
  }

  .author-position {
  font-weight: 700;
  }

  .author-social {
  a{margin-right: 10px;
  }}

  .social {
  a{font-size: 16px;
  }}

  .partner-item {
  padding: 0 10px;
  display: flex!important;
  justify-content: center;
  align-items: center;
  img{max-width: 100px;
  width: auto;
  max-height: 150px;
  height: auto;
  }}

  .partners-row {
  .slick-arrow: before{content:'\f107';
  font-family: "myfont";
  font-size: 35px;
  }

  .slick-prev {
  transform: rotate(90deg) translate(0,-50%);
  }

  .slick-next {
  transform: rotate(-90deg) translate(0,-50%);
  }}

  .partners {
  .slider-nav{margin-top: 0;
  }

  .slick-dotted.slick-slider {
  margin-bottom: 0;
  }}

  .partners-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 15px;
  }

  #time {
  font-size: 16px;
  }

  .single-authors {
  .author-content{margin-bottom: 50px;
  }}

  .author-block {
  .author-title: hover{text-decoration:underline;
  }}

  .contacts-item {
  margin-bottom: 15px;
  font-size: 20px;
  a{font-size: 20px;
  }}

  .contacts-row {
  display: flex;
  justify-content: space-between;
  }

  .contacts-info {
  width: 25%;
  }

  .contacts-row .map {
  width: 70%;
  iframe{width: 100%!important;
  }}

  h1 {
  margin-bottom: 25px;
  }

  .wheel {
  width: 100%;
  height: 100%;
  display: block;
  }

  .wheel.active {
  display: block;
  transition: opacity 1s,visibility 1s;
  }

  .wheel-open-btn {
  width: 70px;
  height: 70px;
  position: fixed;
  left: 15px;
  bottom: 15px;
  cursor: pointer;
  animation: 20s linear infinite wheel-btn-rotate;
  z-index: 10;
  }

  @keyframes wheel-btn-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  }

  .wheel-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  }

  .wheel-container {
  height: 90%;
  aspect-ratio: 1/1;
  position: relative;
  }

  .wheel-container.hide {
  display: none;
  }

  .wheel-container:before {
  content: '';
  display: block;
  width: 20px;
  height: 35px;
  background-image: url(../img/wheel_one.svg);
  background-size: cover;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  }

  .wheel-body {
  position: relative;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }

  .wheel-body.active {
  -webkit-animation: 6s cubic-bezier(.25,.75,.5,1.05) forwards wheel-rotate;
  animation: 6s cubic-bezier(.25,.75,.5,1.05) forwards wheel-rotate;
  }

  @keyframes wheel-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  80% {
    -webkit-transform: rotate(976deg);
    transform: rotate(976deg);
  }

  90% {
    -webkit-transform: rotate(964deg);
    transform: rotate(964deg);
  }

  100% {
    -webkit-transform: rotate(970deg);
    transform: rotate(970deg);
  }
  }

  .wheel-open-btn {
  width: 70px;
  height: 70px;
  position: fixed;
  left: 15px;
  bottom: 15px;
  cursor: pointer;
  animation: 20s linear infinite wheel-btn-rotate;
  z-index: 10;
  }

  #wheel-common.wheel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: rgb(0 0 0 / .3);
  backdrop-filter: blur(10px);
  display: none;
  }

  #wheel-common.wheel.active {
  display: block;
  }

  #wheel-common .wheel-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  }

  #wheel-common .wheel-container {
  max-width: 500px;
  width: 100%;
  height: auto;
  }

  .banner-img img.wheel-main {
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }

  .wheel-btn {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  cursor: pointer;
  animation: 1.4s infinite pulse-btn;
  }

  @keyframes pulse-btn {
  0% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
  }

  50% {
    -webkit-transform: translate(-50%,-50%) scale(1.05);
    transform: translate(-50%,-50%) scale(1.05);
  }

  100% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
  }
  }

  .wheel-btn-inner {
  width: 100%;
  height: 100%;
  position: relative;
  }

  .wheel-btn-text {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }

  .wheel-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  }

  .wheel-modal {
  max-width: 725px;
  width: 90%;
  height: 0;
  background-color: #bd1717;
  border-radius: 8px;
  border: 2px solid #05c473;
  box-shadow: 0 0 10px rgb(0 0 0 / .5);
  transition: transform 1s,visibility 1s,opacity 1s,-webkit-transform 1s;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 99;
  }

  .wheel-modal.active {
  opacity: 1;
  transform: scale(1) translate(-50%,-50%);
  visibility: visible;
  height: auto;
  }

  .wheel-modal-close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -15px;
  right: -15px;
  }

  .wheel-modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  }

  .wheel-modal-bg.active {
  display: block;
  }

  .wheel-modal-img {
  max-width: 200px;
  margin: -40px auto 0;
  }

  .wheel-modal-price {
  background-color: #08a80b;
  color: #fff;
  font-size: 48px;
  line-height: 1;
  padding: 3px 10px;
  margin: -50px auto 30px;
  display: inline-block;
  }

  .wheel-modal .price__row {
  display: flex;
  justify-content: center;
  }

  .wheel-modal-message {
  max-width: 450px;
  width: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin: 0 auto 30px;
  }

  .wheel-modal-btn {
  max-width: 250px;
  width: 100%;
  padding: 5px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  border-radius: 4px;
  background-color: #08a80b;
  color: #fff;
  margin: 0 auto 30px;
  display: block;
  cursor: pointer;
  }

  .wheel-modal-btn:hover {
  background-color: #09a575;
  }

  .wheel-circle {
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  border-radius: 150%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }

  .wheel-circle-inner {
  width: 100%;
  height: 100%;
  border-radius: 150%;
  position: relative;
  background: conic-gradient(#ff5733 0deg 45deg,#33ff57 45deg 90deg,#3357ff 90deg 135deg,#ff33a1 135deg 180deg,#a133ff 180deg 225deg,#33fff3 225deg 270deg,#fff333 270deg 315deg,#ff8c33 315deg 360deg);
  }

  .wheel-sector {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 50%,50% 0,100% 0,100% 50%);
  transform-origin: 50% 50%;
  }

  .wheel-sector-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgb(0 0 0 / .5);
  white-space: nowrap;
  }

  .wheel-sector-text:nth-child(1) {
  transform: rotate(22.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(2) {
  transform: rotate(67.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(3) {
  transform: rotate(112.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(4) {
  transform: rotate(157.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(5) {
  transform: rotate(202.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(6) {
  transform: rotate(247.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(7) {
  transform: rotate(292.5deg) translateY(-700%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(8) {
  transform: rotate(337.5deg) translateY(-700%) translateX(-50%);
  }

  h2.section-title {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
  }

  .mod-date,.current-date {
  font-weight: 700;
  margin-bottom: 5px;
  color: inherit!important;
  text-decoration: none!important;
  display: block;
  }

  @media (max-width:1100px) {
  .header .nav {
    display: none;
  }

  .mobile-btn {
    display: block;
  }

  .main-banner .girl {
    right: 0;
  }

  .offer {
    position: relative;
    z-index: 2;
  }

  .slots .slot {
    width: 25%;
  }

  .fixed-bar {
    display: none;
  }
  }

  @media (max-width:1000px) {
  .bonus-banner .banner-img {
    display: none;
  }

  .banner {
    height: auto;
    display: block;
    padding: 100px 15px 0;
  }

  .offer {
    max-width: 100%;
    width: 100%;
    margin-bottom: 50px;
  }

  .offer-title {
    text-align: center;
  }

  .offer-desc {
    text-align: center;
  }

  .offer-btns {
    justify-content: center;
  }

  .banner-img {
    margin: 0 auto;
  }

  .advant-content {
    flex-wrap: wrap;
  }

  .advant-item {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  }

  @media (max-width:900px) {
  .aviator-banner {
    height: auto;
    display: block;
    padding-top: 30px;
  }

  .aviator-banner .banner-img {
    max-width: 350px;
    width: 100%;
    margin-top: 30px;
  }

  .app-banner .banner-img {
    display: none;
  }

  .partners {
    overflow-x: scroll;
  }

  .partners .page-item {
    width: 870px;
  }
  }

  @media (max-width:800px) {
  .footer-row {
    display: block;
    margin-bottom: 0;
    .custom-logo-link{margin: 0 auto 25px;
  }

  li {
    text-align: center;
  }
  }

  .footer-item {
  margin-bottom: 25px;
  }}

  @media (max-width:700px) {
  body.fixed-header {
    padding-top: 132px;
  }

  .header .wrap {
    position: relative;
    padding-bottom: 50px;
  }

  .header .custom-logo-link {
    max-width: 100px;
  }

  .header-btns {
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .offer {
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
    text-align: center;
  }

  .offer-title {
    font-size: 35px;
  }

  .offer-btn {
    margin: 0 auto;
  }

  .text-block-inner {
    display: block;
    padding: 30px 10px;
  }

  .text-block-content {
    margin-bottom: 30px;
  }

  .text-block-item {
    width: 100%;
  }

  .text-title {
    font-size: 30px;
  }

  .bonus-banner {
    height: auto;
    padding: 30px 0;
  }

  .apostas-banner.banner {
    display: block;
    padding-top: 50px;
  }

  .apostas-banner.banner .banner-img {
    position: static;
  }

  .apostas-banner.banner {
    height: auto;
  }

  .bonus-item {
    padding: 30px 15px;
  }

  .bonus-item-content {
    display: block;
  }

  .bonus-item-icon {
    margin: 0 auto 25px;
  }

  .bonus-item-text {
    text-align: center;
    margin: 0 auto 25px;
  }

  .bonus-btn {
    max-width: 290px;
    width: 100%;
    margin: 0 auto;
  }

  .contacts-row {
    display: block;
  }

  .contacts-info {
    width: 100%;
    margin-bottom: 50px;
  }

  .contacts-row .map {
    width: 100%;
  }
  }

  @media (max-width:600px) {
  .slots .slot {
    width: 33.3333%;
  }

  .main-text-wrap {
    padding: 35px 15px;
  }

  .footer .pay-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pay-item {
    width: 25%;
  }

  .offer-btns {
    display: block;
  }

  .offer-btns .btn {
    margin: 0 auto 20px;
  }

  .offer-btns .btn:nth-child(2) {
    margin: 0 auto;
  }

  .section {
    margin-bottom: 60px;
  }

  .wheel-sector-text:nth-child(1) {
    transform: rotate(22.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(2) {
    transform: rotate(67.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(3) {
    transform: rotate(112.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(4) {
    transform: rotate(157.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(5) {
    transform: rotate(202.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(6) {
    transform: rotate(247.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(7) {
    transform: rotate(292.5deg) translateY(-500%) translateX(-50%);
  }

  .wheel-sector-text:nth-child(8) {
    transform: rotate(337.5deg) translateY(-500%) translateX(-50%);
  }
  }

  @media (max-width:500px) {
  .app-btn.btn {
    padding: 5px 15px;
    margin-right: 15px;
  }

  .advant-item {
    width: 100%;
  }

  .author-content {
    display: block;
  }

  .author-img {
    margin: 0 auto 25px;
  }
  }

  @media (max-width:400px) {
  .slots .slot {
    width: 50%;
  }

  .pay-item {
    width: 33.33333%;
  }

  .rate-banner {
    background-size: 65%;
  }
  }

  h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background {
  padding: 1.25em 2.375em;
  }

  h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
  rotate: 180deg;
  }

  .is-small-text {
  font-size: .875em;
  }

  .is-regular-text {
  font-size: 1em;
  }

  .is-large-text {
  font-size: 2.25em;
  }

  .is-larger-text {
  font-size: 3em;
  }

  .has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 8.4em;
  font-style: normal;
  font-weight: 100;
  line-height: .68;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
  }

  body.rtl .has-drop-cap:not(:focus):first-letter {
  float: none;
  margin-left: .1em;
  }

  p.has-drop-cap.has-background {
  overflow: hidden;
  }

  :root :where(p.has-background) {
  padding: 1.25em 2.375em;
  }

  :where(p.has-text-color:not(.has-link-color)) a {
  color: inherit;
  }

  p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"] {
  rotate: 180deg;
  }

  body {
    background-color: #303030;
    color: #fff;
  }

  .header,
  .header .menu-item-has-children .sub-menu {
    background-color: #333E3C;
  }

  .footer {
    background-color: #1D2332;
  }

  body.text-link-color .main-text-content a,
  body.text-link-color .page-text a {
    color: #0990ea;
  }

  body.banner-background .banner {
    background-color: #281a00;
  }

  .offer-title,
  .offer-desc {
    color: #fff;
  }

  .offer-btn.btn {
    background-color: #cc3318;
  }

  .btn.btn-red {
    background-color: #D32222;
  }

  .btn.btn-green {
    background-color: #149C44;
  }

  .page-item {
    background-color: #333e3c;
  }

  .menu a {
    color: #fff;
  }

  .mobile-wrap {
    background-color: #1D2332;
  }


  @media (min-width: 992px) {
    .menu {
      display: flex;
      gap: 20px;
    }

    .menu > li {
      position: relative;
    }

    .menu-item-has-children > .sub-menu {
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 240px;
      background: #1d2332;
      border-radius: 8px;
      padding: 10px 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: all .25s ease;
      z-index: 999;
      box-shadow: 0 15px 40px rgba(0,0,0,.35);
    }

    .menu-item-has-children:hover > .sub-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .sub-menu li a {
      display: block;
      padding: 10px 18px;
      color: #fff;
      font-size: 14px;
      white-space: nowrap;
    }

    .sub-menu li a:hover {
      background: rgba(255,255,255,.08);
      color: #00c8ff;
    }
  }

  @media (max-width: 991px) {
    .menu-item-has-children > .sub-menu {
      display: none;
      padding-left: 12px;
    }

    .menu-item-has-children.active > .sub-menu {
      display: block;
    }
  }

  /* accessibility */
  .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
  }

  /* картинки */
  img {
    max-width: 100%;
    height: auto;
  }

  /* списки */
  ol, ul {
    box-sizing: border-box;
  }
  /* =========================
    SLOTS — FIX + PREMIUM UI
    paste at the VERY END
    ========================= */

  /* grid */
  .slots-row{
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  @media (max-width: 1200px){
    .slots-row{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  }
  @media (max-width: 900px){
    .slots-row{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  }
  @media (max-width: 560px){
    .slots-row{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }

  /* card (works even without .slots wrapper) */
  .slots-row > .slot{
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border-radius: 16px !important;
    overflow: hidden !important;

    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;

    aspect-ratio: 4 / 3 !important; /* casino preview */
    transform: translateZ(0);
  }

  /* clickable area */
  .slots-row > .slot > .inner{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
  }

  /* image must fill card (override your global img rules) */
  .slots-row > .slot img{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;

    transform: scale(1.02);
    filter: saturate(1.08) contrast(1.03);
    transition: transform .28s ease, filter .28s ease;
  }

  /* glossy highlight */
  .slots-row > .slot::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%),
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 55%);
    opacity: .55;
    pointer-events:none;
    transition: opacity .28s ease;
  }

  /* bottom shadow */
  .slots-row > .slot::after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(120% 90% at 50% 110%, rgba(0,0,0,.55), rgba(0,0,0,0) 55%);
    opacity: .75;
    pointer-events:none;
    transition: opacity .28s ease;
  }

  /* Play badge */
  .slots-row > .slot > .inner::after{
    content:"Play";
    position:absolute;
    left: 12px;
    bottom: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: rgba(255,255,255,.92);
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(10px);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .28s ease, transform .28s ease;
  }

  /* hover (premium) */
  .slots-row > .slot:hover{
    border-color: rgba(255,255,255,.22) !important;
  }

  .slots-row > .slot:hover img{
    transform: scale(1.08);
    filter: saturate(1.18) contrast(1.06);
  }

  .slots-row > .slot:hover::before{ opacity: .85; }
  .slots-row > .slot:hover::after{ opacity: .55; }

  .slots-row > .slot:hover > .inner::after{
    opacity: 1;
    transform: translateY(0);
  }

  /* keyboard focus */
  .slots-row > .slot a:focus-visible{
    outline: 2px solid rgba(255,255,255,.45);
    outline-offset: 3px;
    border-radius: 16px;
  }
  /* =========================
    WYSIWYG TABLE + IMAGES UI
    paste at the VERY END
    ========================= */

  /* ---- images: same look everywhere in SEO text ---- */
  .main-text-content img{
    display: block !important;
    width: 100% !important;
    height: auto !important;

    /* one consistent max width (looks premium on desktop) */
    max-width: 920px !important;
    margin: 18px auto !important;

    border-radius: 16px !important;
    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.04) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
  }

  /* remove stupid extra gaps when img is inside <p> */
  .main-text-content p > img{
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  /* if someone вставит tiny icons/logos — не растягиваем жестко */
  .main-text-content img[width],
  .main-text-content img[height]{
    max-width: 920px !important;
  }

  /* ---- table: premium + readable + adaptive ---- */
  .table-wrap{
    margin: 22px 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.04) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;

    /* mobile safety: if something gets wide, it won't break layout */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .table-wrap .table{
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 !important;
  }

  .table-wrap .table tbody tr{
    border-top: 1px solid rgba(255,255,255,.10) !important;
  }

  .table-wrap .table tbody tr:first-child{
    border-top: none !important;
  }

  /* zebra */
  .table-wrap .table tbody tr:nth-child(odd){
    background: rgba(255,255,255,.03) !important;
  }
  .table-wrap .table tbody tr:nth-child(even){
    background: rgba(0,0,0,.10) !important;
  }

  .table-wrap .table th,
  .table-wrap .table td{
    padding: 14px 16px !important;
    vertical-align: top !important;
    line-height: 1.35 !important;
  }

  /* key column */
  .table-wrap .table th{
    width: 34% !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.92) !important;
    letter-spacing: .2px !important;
  }

  /* value column */
  .table-wrap .table td{
    width: 66% !important;
    color: rgba(255,255,255,.86) !important;
  }

  /* hover */
  .table-wrap .table tbody tr:hover{
    background: rgba(255,255,255,.06) !important;
  }

  /* ---- mobile: make each row stacked (no horizontal scroll needed) ---- */
  @media (max-width: 700px){
    .table-wrap{ border-radius: 14px !important; }

    .table-wrap .table,
    .table-wrap .table tbody,
    .table-wrap .table tr{
      display: block !important;
      width: 100% !important;
    }

    .table-wrap .table tr{
      padding: 12px 12px !important;
    }

    .table-wrap .table th,
    .table-wrap .table td{
      display: block !important;
      width: 100% !important;
      padding: 8px 10px !important;
    }

    .table-wrap .table th{
      font-size: 12px !important;
      text-transform: uppercase !important;
      opacity: .85 !important;
      padding-bottom: 4px !important;
    }

    .table-wrap .table td{
      font-size: 14px !important;
      padding-top: 0 !important;
    }
  }



  /* ====== footer logos (generated) ====== */
  .page-footer-logos{margin:20px 0;}
  .page-footer-logos .footer-col-label{font-weight:700;text-align:center;margin:0 0 10px;}
  .page-footer-logos-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;}
  .footer-logo{display:inline-flex;align-items:center;justify-content:center;}
  .footer-logo img{display:block;height:35px;max-height:35px;width:auto;}
  @media (max-width: 768px){
    .footer-row{flex-wrap:wrap;gap:16px;}
    .footer-row .custom-logo-link{margin:0 auto;}
    .footer-item{width:100%;}
    .footer-item ul.footer-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
    .footer-item ul.footer-menu li{margin:0;}
  }

  /* =========================================
    N8 CASINO REDESIGN V3 (PIXEL PERFECT)
    ========================================= */

  /* 1. Глубокий фон всего сайта */
  html, body {
      background-color: #090b12 !important;
      background-image:
          radial-gradient(circle at left 20%, rgba(139, 92, 246, 0.30) 0%, rgba(139, 92, 246, 0.14) 20%, rgba(0, 0, 0, 0) 46%),
          radial-gradient(circle at right 20%, rgba(59, 130, 246, 0.28) 0%, rgba(59, 130, 246, 0.13) 20%, rgba(0, 0, 0, 0) 46%),
          linear-gradient(180deg, #0a0d14 0%, #07090f 55%, #06070c 100%) !important;
      background-attachment: fixed !important;
  }

  /* 2. Шапка */
  .header, 
  body .header,
  .page-item.header {
      background-color: rgba(10, 15, 24, 0.88) !important;
      background-image: linear-gradient(180deg, rgba(20, 26, 40, 0.96) 0%, rgba(10, 15, 24, 0.96) 100%) !important;
      box-shadow: none !important;
      border-bottom: 1px solid rgba(90, 220, 255, 0.22) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
  }

  /* submenu можно оставить темным, но не прозрачным */
  .header .menu-item-has-children .sub-menu {
      background-color: #111827 !important;
      background-image: linear-gradient(180deg, #182133 0%, #101827 100%) !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
      border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  /* 3. Главная карточка с колесом (Точный цвет N8) */
  body.banner-background .banner, 
  .banner.main-banner,
  .banner {
      background-color: #151928 !important;
      background-image: linear-gradient(180deg, #181c2e 0%, #111422 100%) !important;
      border-radius: 12px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
      border: 1px solid rgba(255, 255, 255, 0.05) !important;
  }

  /* 4. Кнопки (Фиолетовый градиент - точь в точь) */
  .header-btns .btn:nth-child(1), 
  .offer-btn.btn, 
  .btn.offer-btn,
  .btn-red {
      background: linear-gradient(90deg, #8b5cf6 0%, #3b82f6 100%) !important;
      box-shadow: 0 0 15px rgba(139, 92, 246, 0.4) !important;
      color: #fff !important;
      border: none !important;
      border-radius: 6px !important;
      font-weight: 700 !important;
      text-transform: none !important;
  }
  .header-btns .btn:nth-child(1):hover, .offer-btn.btn:hover {
      box-shadow: 0 0 20px rgba(139, 92, 246, 0.7) !important;
  }

  /* 5. Кнопки (Бирюзовые) */
  .header-btns .btn:nth-child(2), 
  .bonus-btn.btn-green,
  .btn-green {
      background: linear-gradient(90deg, #00caa0 0%, #00e0c2 100%) !important;
      color: #ffffff !important;
      box-shadow: 0 0 15px rgba(0, 208, 156, 0.3) !important;
      border: none !important;
      border-radius: 6px !important;
      font-weight: 700 !important;
      text-transform: none !important;
  }
  .header-btns .btn:nth-child(2):hover, .bonus-btn.btn-green:hover {
      background: linear-gradient(90deg, #00ddb0 0%, #14f0cf 100%) !important;
      box-shadow: 0 0 20px rgba(0, 208, 156, 0.6) !important;
  }

  /* 6. Остальные карточки (Отзывы, FAQ, Текст) */
  .page-item, 
  .bonus-item, 
  .faq-item, 
  .reviews-item .inner, 
  .advant-item-content, 
  .main-text-wrap {
      background-color: #151928 !important;
      border: 1px solid rgba(255, 255, 255, 0.03) !important;
      border-radius: 12px !important;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2) !important;
  }

  /* Плашка Cookie (Оставляем как было) */
  .cookie-banner {
      position: fixed; bottom: 0; left: 0; width: 100%;
      background-color: #2b2e38; color: #ffffff;
      padding: 15px 20px; display: flex; justify-content: center; align-items: center;
      z-index: 99999; font-size: 14px; box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
      transition: transform 0.3s ease-in-out;
  }
  .cookie-banner.hidden { transform: translateY(100%); }
  .cookie-text { margin-right: 20px; text-align: center; }
  .cookie-btn {
      background-color: #00cfa6; color: #ffffff; border: none; padding: 8px 25px;
      border-radius: 4px; cursor: pointer; font-weight: 700; font-size: 14px;
  }
  .cookie-btn:hover { background-color: #00a887; }
  @media (max-width: 600px) {
      .cookie-banner { flex-direction: column; padding: 15px; }
      .cookie-text { margin-right: 0; margin-bottom: 15px; font-size: 12px; }
      .cookie-btn { width: 100%; padding: 12px; }
  }


  /* =========================================
    WHEEL — EUROPEAN ROULETTE STYLE
    paste at the VERY END
    ========================================= */

  /* внешний вид колеса чуть серьезнее */
  .wheel-container {
      filter: drop-shadow(0 18px 30px rgba(0,0,0,.42)) !important;
  }

  .wheel-image > img {
      border-radius: 50% !important;
      filter: brightness(.88) contrast(1.08) saturate(.7) !important;
  }

  /* внутренняя часть колеса (рамка) */
  .wheel-circle {
      width: 100% !important; 
      height: 100% !important;
      border-radius: 50% !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      
      border: 8px solid transparent !important;
      
      background: 
          linear-gradient(transparent, transparent) padding-box,
          /* Рамка теперь начинается с золотисто-оранжевого */
          conic-gradient(from 0deg, #ff9900, #15c9b7, #ff4b40, #8e24aa, #ff9900) border-box !important;
      
      box-shadow:
          inset 0 0 0 2px rgba(255,255,255,.04),
          inset 0 12px 22px rgba(255,255,255,.03),
          inset 0 -18px 26px rgba(0,0,0,.30) !important;
  }

  /* ===== FIX TEXT POSITION ON ROULETTE ===== */

  .wheel-sector-text {
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
      transform-origin: center center !important;
      color: #f4f4f4 !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      letter-spacing: .2px !important;
      text-transform: uppercase !important;
      white-space: nowrap !important;
      text-shadow:
          0 1px 3px rgba(0,0,0,.9),
          0 2px 8px rgba(0,0,0,.7) !important; 
  }

  /* Текст повернут по сектору и смотрит основанием в центр */
  .wheel-sector-text:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg)   translateY(-110px) !important; }
  .wheel-sector-text:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg)  translateY(-110px) !important; }
  .wheel-sector-text:nth-child(3) { transform: translate(-50%, -50%) rotate(90deg)  translateY(-110px) !important; }
  .wheel-sector-text:nth-child(4) { transform: translate(-50%, -50%) rotate(135deg) translateY(-110px) !important; }
  .wheel-sector-text:nth-child(5) { transform: translate(-50%, -50%) rotate(180deg) translateY(-110px) !important; }
  .wheel-sector-text:nth-child(6) { transform: translate(-50%, -50%) rotate(225deg) translateY(-110px) !important; }
  .wheel-sector-text:nth-child(7) { transform: translate(-50%, -50%) rotate(270deg) translateY(-110px) !important; }
  .wheel-sector-text:nth-child(8) { transform: translate(-50%, -50%) rotate(315deg) translateY(-110px) !important; }

  @media (max-width: 700px) {
      .wheel-container {
          padding: 15px;
      }
      .wheel-sector-text {
          font-size: 13px !important;
      }

      .wheel-sector-text:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg)   translateY(-75px) !important; }
      .wheel-sector-text:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg)  translateY(-75px) !important; }
      .wheel-sector-text:nth-child(3) { transform: translate(-50%, -50%) rotate(90deg)  translateY(-75px) !important; }
      .wheel-sector-text:nth-child(4) { transform: translate(-50%, -50%) rotate(135deg) translateY(-75px) !important; }
      .wheel-sector-text:nth-child(5) { transform: translate(-50%, -50%) rotate(180deg) translateY(-75px) !important; }
      .wheel-sector-text:nth-child(6) { transform: translate(-50%, -50%) rotate(225deg) translateY(-75px) !important; }
      .wheel-sector-text:nth-child(7) { transform: translate(-50%, -50%) rotate(270deg) translateY(-75px) !important; }
      .wheel-sector-text:nth-child(8) { transform: translate(-50%, -50%) rotate(315deg) translateY(-75px) !important; }
  }

  /* 8 секторов с ГРАДИЕНТАМИ внутри: черный, зелено-бирюзовый, ало-красный, фиолетово-голубой */
  .wheel-circle-inner {
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      border-radius: 50% !important;
      background:
          radial-gradient(circle at 30% 20%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 22%),
          linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(0,0,0,.12) 100%),
          conic-gradient(
              from -22.5deg,
              /* 1: Яркий желтый к сочному оранжевому */
              #ffcc00 0deg, #ff6600 45deg,
              
              /* 2: Яркий зеленый к неоново-бирюзовому */
              #1aa855 45deg, #15c9b7 90deg,
              
              /* 3: Сочный алый к классическому красному */
              #ff4b40 90deg, #d91e24 135deg,
              
              /* 4: Яркий фиолетовый к насыщенному сине-голубому */
              #8e24aa 135deg, #1e56a0 180deg,
              
              /* 5: Яркий желтый к сочному оранжевому (повтор) */
              #ffcc00 180deg, #ff6600 225deg,
              
              /* 6: Яркий зеленый к неоново-бирюзовому (повтор) */
              #1aa855 225deg, #15c9b7 270deg,
              
              /* 7: Сочный алый к классическому красному (повтор) */
              #ff4b40 270deg, #d91e24 315deg,
              
              /* 8: Яркий фиолетовый к насыщенному сине-голубому (повтор) */
              #8e24aa 315deg, #1e56a0 360deg
          ) !important;
  }

  /* тонкие разделители между секторами */
  .wheel-circle-inner::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      pointer-events: none;
      background:
          repeating-conic-gradient(
              from -22.5deg,
              rgba(255,255,255,0) 0deg 43.7deg,
              rgba(255,255,255,.18) 43.7deg 45deg
          );
      opacity: .5;
  }

  /* мягкий верхний блик */
  .wheel-circle-inner::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      pointer-events: none;
      background:
          radial-gradient(circle at 32% 18%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 12%, rgba(255,255,255,0) 28%),
          linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,.10) 100%);
  }


  /* центр чуть менее игрушечный */
  .wheel-btn {
      animation: none !important;
      filter: drop-shadow(0 8px 16px rgba(0,0,0,.45)) !important;
  }

  .wheel-btn-inner img {
      filter: grayscale(.2) saturate(.5) brightness(.78) contrast(1.08) !important;
  }

  .wheel-btn-inner::before {
      content: "";
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      z-index: -1;
      background: linear-gradient(145deg, #c6ccd4 0%, #707885 22%, #2d333c 50%, #8d96a1 78%, #2b3038 100%);
      box-shadow:
          inset 0 2px 2px rgba(255,255,255,.12),
          inset 0 -2px 4px rgba(0,0,0,.32);
  }

  .wheel-btn-text {
      color: #eef2f7 !important;
      font-size: 17px !important;
      letter-spacing: .5px !important;
      text-shadow: 0 1px 2px rgba(0,0,0,.5) !important;
  }

@media (min-width: 992px) {
  .menu-item-has-children > .sub-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -15px !important;
    left: 0 !important;
    right: 0 !important;
    height: 15px !important;
    background: transparent !important;
  }
}