@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Jura:400,700&display=swap&subset=cyrillic");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  overflow: auto;
  position: relative;
  height: auto; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

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: -0.25em; }

sup {
  top: -0.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: 0.35em 0.75em 0.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; }

* {
  outline: 0 !important; }

input:-webkit-autofill, input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 50px #fff; }

html, body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0;
  border: none;
  min-height: 100%;
  height: 100%;
  width: 100%;
  max-width: 100%;
  background: #000000; }

* {
  box-sizing: border-box; }

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes appear-delay {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  50% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

.logo_main {
  display: block;
  position: relative;
  width: 230px;
  max-width: 100%; }
  .logo_main > img {
    display: block;
    margin: auto 0;
    width: 100%; }
  @media only screen and (max-width: 576px) {
    .logo_main > img {
      display: block;
      margin: auto 0;
      width: 145px;
      height: 30px; } }

.button {
  background: #666;
  color: #FFFFFF;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 48px;
  height: 48px;
  cursor: pointer;
  padding: 0 2em;
  margin: 0;
  min-width: 4em;
  border: 1px solid transparent;
  display: inline-block;
  transition: .2s all ease;
  white-space: nowrap;
  user-select: none;
  text-shadow: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  box-shadow: none;
  position: relative; }
  .button:hover {
    background: #888; }
  .button.big {
    line-height: 72px;
    height: 72px;
    font-size: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .button.primary {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #FFFFFF; }
    .button.primary:hover, .button.primary:active, .button.primary:focus {
      background: #ff2700;
      border: 1px solid #ff2700; }
  .button.secondary {
    background: transparent;
    border: 2px solid #ff00009e;
    color: #ff00009e; }
    .button.secondary:hover, .button.secondary:active, .button.secondary:focus {
      border-color: #ff2700;
      color: #ff2700; }
  .button.red {
    background: #FFFFFF;
    border: 2px solid #FF4D00;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: #FF4D00; }
    .button.red:hover, .button.red:active, .button.red:focus {
      background-color: #FF4D00;
      color: #000000; }
  .button.fluid {
    display: block;
    width: 100%;
    padding-right: .5em;
    padding-left: .5em; }
  @media only screen and (max-width: 576px) {
    .button.fluid_phone {
      display: block;
      width: 100%;
      padding-right: .5em;
      padding-left: .5em; } }
  @media only screen and (max-width: 767px) {
    .button.fluid_tablet {
      display: block;
      width: 100%;
      padding-right: .5em;
      padding-left: .5em; } }
  .button.loading {
    color: transparent !important;
    position: relative;
    cursor: default;
    text-shadow: none !important;
    pointer-events: none !important;
    transition: all 0s linear, opacity .1s ease; }
    .button.loading:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      margin: -.64285714em 0 0 -.64285714em;
      width: 1em;
      height: 1em;
      border-radius: 500rem;
      border: 0.2em solid rgba(0, 0, 0, 0.15); }
    .button.loading:after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      margin: -.64285714em 0 0 -.64285714em;
      width: 1em;
      height: 1em;
      -webkit-animation: button-spin .6s linear;
      animation: button-spin .6s linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      border-radius: 500rem;
      border-color: rgba(0, 0, 0, 0.75) transparent transparent;
      border-style: solid;
      border-width: .2em;
      -webkit-box-shadow: 0 0 0 1px transparent;
      box-shadow: 0 0 0 1px transparent; }
  .button:disabled, .button.disabled {
    cursor: default;
    opacity: 0.5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none !important; }
  .button.compact {
    display: inline-block;
    width: auto;
    min-width: auto;
    padding-left: 1em;
    padding-right: 1em; }
  .button .icon {
    font-size: 1.5em;
    position: relative;
    top: 4px; }
  .button .round {
    background: #FF4D00;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -7px; }
    .button .round:after {
      /* this is used to create the pulse animation */
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      animation: pulse 2s infinite;
      border-radius: 50%; }

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8); }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8); }
  100% {
    transform: scale(1.8);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0); } }

.link_button, .sign-up-form__link {
  color: #FF4D00;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  transition: .2s all ease;
  cursor: pointer; }
  .link_button:hover, .link_button:focus, .sign-up-form__link:hover, .sign-up-form__link:focus {
    text-decoration: none; }
  .link_button:disabled, .link_button.disabled, .sign-up-form__link:disabled, .sign-up-form__link.disabled {
    cursor: default;
    opacity: 0.5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none !important; }

@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.page_sidebar {
  color: #FFFFFF;
  background: linear-gradient(180deg, #1e0093 0%, #FF9900 100%);
  text-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  top: 0;
  text-align: center; }
  .page_sidebar .sidebar_container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 30px;
    height: 100%;
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    transition: .5s all ease;
    overscroll-behavior-y: none; }
    .page_sidebar .sidebar_container button {
      height: 40px;
      line-height: 40px; }
      @media only screen and (max-width: 768px) {
        .page_sidebar .sidebar_container button {
          height: 48px;
          line-height: 48px; } }
      @media only screen and (max-width: 576px) {
        .page_sidebar .sidebar_container button {
          font-size: 12px;
          height: 40px;
          line-height: 40px; } }
  .page_sidebar .link {
    color: #FDFF8A;
    text-shadow: none;
    text-transform: inherit;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    opacity: .6; }
    .page_sidebar .link > .icon {
      display: block;
      font-size: 30px; }
  .page_sidebar .logo {
    display: block;
    transition: none; }
    .page_sidebar .logo .logo_sidebar > img {
      max-width: 100%;
      height: unset;
      transform: unset;
      margin-top: 10px; }
      @media only screen and (max-width: 768px) {
        .page_sidebar .logo .logo_sidebar > img {
          max-width: 85%; } }
      @media only screen and (max-width: 576px) {
        .page_sidebar .logo .logo_sidebar > img {
          max-width: 70%; } }
    .page_sidebar .logo .logo_main {
      display: block;
      opacity: 1; }
    .page_sidebar .logo .logo_min {
      display: none; }
  .page_sidebar .login {
    margin: 10px 0;
    padding: 0 20px; }
    .page_sidebar .login .row {
      margin: 12px 0; }
      .page_sidebar .login .row.socials-body {
        margin-top: 5px; }
    .page_sidebar .login .button .icon {
      display: none; }
  .page_sidebar .player {
    margin: 23px 0;
    padding: 0 20px;
    color: #000; }
    .page_sidebar .player .profile {
      margin-bottom: 30px; }
    .page_sidebar .player .row {
      margin: 12px 0; }
    .page_sidebar .player .text .player_title {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 14px;
      text-transform: uppercase;
      color: #fff;
      text-shadow: 0px 0px 4px #fff; }
    .page_sidebar .player .text .player_name {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 19px;
      text-decoration-line: underline;
      text-transform: uppercase;
      color: #fff;
      text-shadow: 0px 0px 4px #fff; }
    .page_sidebar .player .profile_title {
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: #000000; }
      .page_sidebar .player .profile_title .caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        text-transform: uppercase; }
    .page_sidebar .player .balance {
      margin: 16px 0 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: bold; }
      .page_sidebar .player .balance .balance_number {
        color: #FFFFFF;
        margin-left: 10px; }
      .page_sidebar .player .balance .balance_title {
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #FF4D00; }
      .page_sidebar .player .balance .balance_money {
        font-style: normal;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 0 4px #fff; }
    .page_sidebar .player .bonus {
      margin: 16px 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page_sidebar .player .bonus .active_bonus_bar {
        width: auto;
        margin-right: 10px; }
        .page_sidebar .player .bonus .active_bonus_bar .title {
          text-transform: uppercase;
          color: #000000;
          font-weight: bold;
          font-size: 14px; }
        .page_sidebar .player .bonus .active_bonus_bar .progress_bar {
          display: none; }
      .page_sidebar .player .bonus .tooltip_wrap .icon {
        display: block; }
      .page_sidebar .player .bonus .tooltip_wrap .tooltip {
        left: unset;
        right: -50px; }
        .page_sidebar .player .bonus .tooltip_wrap .tooltip:after {
          left: unset;
          right: 41px;
          transform: none; }
  .page_sidebar .socials_wrap .header {
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #FF4D00;
    font-weight: normal;
    margin: 25px 0 10px 0; }
    @media only screen and (max-width: 576px) {
      .page_sidebar .socials_wrap .header {
        font-size: 12px; } }
  .page_sidebar .social-links {
    display: flex;
    justify-content: space-around;
    padding: 0 30px; }
    .page_sidebar .social-links .item {
      display: inline-block;
      padding: 0;
      border: none;
      border-radius: 50%;
      line-height: 30px;
      width: 26px;
      height: 26px;
      color: #FF4D00;
      text-align: center;
      font-size: 18px; }
      .page_sidebar .social-links .item:hover {
        color: #FF4D00;
        text-shadow: 0 0 4px #FFFFFF; }
  .page_sidebar .menu {
    margin: 10px 0 0; }
    @media only screen and (max-width: 576px) {
      .page_sidebar .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column; } }
    .page_sidebar .menu .item {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      padding: 14px 5px;
      position: relative;
      color: #FDFF8A;
      font-size: 20px; }
      @media only screen and (max-width: 576px) {
        .page_sidebar .menu .item {
          width: 100%;
          margin: 0 auto; } }
      .page_sidebar .menu .item > .icon {
        display: block;
        font-size: 30px;
        margin: 5px; }
      .page_sidebar .menu .item > .caption {
        display: block;
        font-size: 20px;
        font-weight: 500; }
      .page_sidebar .menu .item:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: transparent;
        z-index: -1;
        transition: .2s all ease; }
      .page_sidebar .menu .item:hover {
        color: #FF4D00;
        transition: .2s all ease; }
        .page_sidebar .menu .item:hover:before {
          opacity: 1; }
      .page_sidebar .menu .item.active {
        color: #FF4D00; }
        .page_sidebar .menu .item.active:before {
          opacity: 1; }
      .page_sidebar .menu .item.highlighted {
        color: #000000;
        background: #FF4D00 !important; }
        .page_sidebar .menu .item.highlighted:before {
          opacity: 1; }
  .page_sidebar .language {
    margin: 10px 0;
    padding: 0 15px; }
    .page_sidebar .language .caption {
      opacity: .5;
      font-size: 14px; }
    .page_sidebar .language .languages_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; }
      .page_sidebar .language .languages_list .item {
        padding: 0 15px;
        margin: 10px 0;
        width: 33%; }
        .page_sidebar .language .languages_list .item .flag {
          overflow: hidden;
          height: 35px;
          width: 35px;
          margin: 0 auto 3px;
          border-radius: 50%;
          border: 1px solid #bcbcbc; }
          .page_sidebar .language .languages_list .item .flag img {
            width: auto;
            height: 35px;
            margin-left: -31%; }
        .page_sidebar .language .languages_list .item > .active .flag {
          border: 2px solid #FF4D00; }
  .page_sidebar.hidden {
    display: none; }
  .page_sidebar .logout-link a {
    transition: .2s all ease;
    text-decoration: none;
    color: #FDFF8A; }
    .page_sidebar .logout-link a .icon {
      margin-bottom: 5px; }
    .page_sidebar .logout-link a:hover {
      color: #FFFFFF;
      text-decoration: none; }
  .page_sidebar .mobile_menu_jackpot {
    display: none; }
    @media only screen and (max-width: 576px) {
      .page_sidebar .mobile_menu_jackpot {
        display: block;
        position: relative;
        height: 100px; } }
    .page_sidebar .mobile_menu_jackpot .money_item {
      position: absolute; }
      .page_sidebar .mobile_menu_jackpot .money_item img {
        width: 100%; }
    .page_sidebar .mobile_menu_jackpot .jackpot {
      padding: 25px 0; }
      .page_sidebar .mobile_menu_jackpot .jackpot .caption {
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 25px;
        text-align: center;
        text-transform: uppercase;
        color: #FF4D00;
        text-shadow: 0px 0px 4px #FF4D00; }
      .page_sidebar .mobile_menu_jackpot .jackpot .caption_money {
        font-style: normal;
        font-weight: normal;
        font-size: 36px;
        line-height: 43px;
        text-align: center;
        text-transform: uppercase;
        color: #FF4D00;
        text-shadow: 0px 0px 4px #FF4D00; }
  .page_sidebar .close {
    height: 50px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -40px; }
    .page_sidebar .close .item_close {
      border: none;
      background: none;
      font-size: 20px;
      font-weight: bold;
      padding: 0;
      margin: 0; }
      .page_sidebar .close .item_close i {
        color: #FF4D00;
        font-weight: bold; }

body.menu_open {
  overflow-y: hidden;
  position: fixed; }
  body.menu_open .page_sidebar {
    transform: translate(0);
    visibility: visible; }
  body.menu_open .overlay_menu_mobile {
    opacity: 1;
    visibility: visible; }
  body.menu_open .sidebar_container {
    opacity: 1;
    visibility: visible; }

.page_header {
  background: #FFF;
  color: #FFFFFF;
  display: flex;
  flex-direction: column; }

.languages_dd {
  display: flex;
  align-items: center;
  max-width: 85px;
  height: 28px;
  text-align: center; }
  .languages_dd.open .icon:after {
    transform: rotate(45deg);
    transform-origin: 0% 50%; }
  .languages_dd .dd__button {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100% !important;
    padding: 0 !important;
    line-height: 1;
    color: #FFFFFF !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important; }
    .languages_dd .dd__button .caption {
      text-shadow: 0px 0px 4px #fff; }
  .languages_dd .dd__menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 144px !important;
    margin-top: 10px !important;
    padding: 0;
    right: 0;
    border: none !important;
    background-color: transparent !important; }
    .languages_dd .dd__menu .item {
      margin-top: -1px;
      line-height: 1 !important;
      color: #fff;
      background-color: #101010;
      border: 1px solid #3E3E3E;
      box-shadow: 0px 15px 20px #000; }
      .languages_dd .dd__menu .item:hover {
        text-shadow: 0px 0px 4px #fff;
        background-color: #101010 !important; }
    .languages_dd .dd__menu .dd__link {
      width: 70px !important;
      height: auto;
      display: flex !important;
      align-items: center;
      justify-content: flex-start;
      padding: 5px !important;
      line-height: 1;
      color: inherit !important; }
  .languages_dd .flag {
    overflow: hidden;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%; }
    .languages_dd .flag img {
      display: block;
      width: auto;
      height: 28px;
      margin-left: -25%; }
  .languages_dd .caption {
    font-family: Jura, sans-serif;
    margin-left: 9px;
    font-size: 14px;
    font-weight: 400; }
  .languages_dd .icon {
    display: none; }

.footer {
  position: relative;
  padding-bottom: 20px; }
  .footer .container.between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    @media only screen and (max-width: 768px) {
      .footer .container.between {
        flex-direction: column;
        align-items: center; } }
    @media only screen and (max-width: 576px) {
      .footer .container.between {
        flex-wrap: wrap; } }
  .footer .footer__head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 11px 0;
    background-color: #111111; }
    .footer .footer__head .list {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
      margin: auto;
      padding-left: 100px;
      text-align: center;
      list-style-type: none; }
      @media only screen and (max-width: 768px) {
        .footer .footer__head .list {
          max-width: 500px;
          padding-left: 0; } }
      @media only screen and (max-width: 576px) {
        .footer .footer__head .list {
          flex-direction: column;
          align-items: center; } }
      .footer .footer__head .list .item {
        margin: 5px 2%;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        color: #808080;
        transition: 0.2s ease; }
        .footer .footer__head .list .item:hover {
          color: #FFFFFF; }
        @media only screen and (max-width: 768px) {
          .footer .footer__head .list .item {
            margin: 5px 8px;
            font-weight: 400;
            font-size: 12px; } }
        @media only screen and (max-width: 576px) {
          .footer .footer__head .list .item {
            margin: 5px 0; } }
        .footer .footer__head .list .item a {
          color: inherit; }
    .footer .footer__head .languages {
      margin-left: 20px; }
      @media only screen and (max-width: 768px) {
        .footer .footer__head .languages {
          margin: 20px auto 0;
          padding-right: 7px; }
          .footer .footer__head .languages .menu {
            right: unset;
            left: 50%;
            transform: translateX(-50%); } }
      @media only screen and (max-width: 576px) {
        .footer .footer__head .languages .menu {
          bottom: 40px;
          justify-content: center; } }
  .footer .footer__body {
    padding-top: 50px; }
    @media only screen and (max-width: 768px) {
      .footer .footer__body {
        padding-top: 10px; } }
    .footer .footer__body .methods {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      flex-grow: 1;
      flex-basis: 0; }
      .footer .footer__body .methods .payments, .footer .footer__body .methods .providers {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-grow: 1; }
        @media only screen and (max-width: 400px) {
          .footer .footer__body .methods .payments, .footer .footer__body .methods .providers {
            flex-grow: unset;
            width: 220px;
            margin: 0 auto; } }
      .footer .footer__body .methods .payments {
        margin-bottom: 30px; }
      .footer .footer__body .methods .methods__item {
        margin: 5px 10px;
        filter: grayscale(100%);
        opacity: 0.7;
        transition: 0.2s ease; }
        .footer .footer__body .methods .methods__item:hover {
          opacity: 1;
          filter: none; }
        @media only screen and (max-width: 400px) {
          .footer .footer__body .methods .methods__item {
            margin: 5px; } }
        .footer .footer__body .methods .methods__item img {
          display: block;
          max-height: 35px; }
          @media only screen and (max-width: 768px) {
            .footer .footer__body .methods .methods__item img {
              max-height: 25px; } }
          @media only screen and (max-width: 400px) {
            .footer .footer__body .methods .methods__item img {
              width: 100px;
              height: auto;
              max-height: unset; } }
  .footer .footer__bottom {
    padding: 10px 0; }
    @media only screen and (max-width: 576px) {
      .footer .footer__bottom {
        padding: 20px 0 10px; } }
    .footer .footer__bottom .info {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between; }
      @media only screen and (max-width: 1200px) {
        .footer .footer__bottom .info {
          flex-direction: column-reverse;
          align-items: center;
          justify-content: center; } }
      .footer .footer__bottom .info .description {
        width: 100%;
        margin: 0 auto;
        padding: 18px 15px 0 215px;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
        color: #8F8F8F; }
        @media only screen and (max-width: 1200px) {
          .footer .footer__bottom .info .description {
            max-width: 100%;
            text-align: left;
            margin: 0;
            padding: 0; } }
      .footer .footer__bottom .info .other {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
        @media only screen and (max-width: 1200px) {
          .footer .footer__bottom .info .other {
            margin-bottom: 10px; } }
        .footer .footer__bottom .info .other .other__item {
          display: block;
          width: 40px;
          margin: 0 5px; }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .header_desktop {
    display: none; } }

@media only screen and (max-width: 768px) {
  .header_desktop {
    display: none; } }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .header_desktop .button .caption {
    display: none; }
  .header_desktop .button .icon {
    top: 0;
    display: block !important; } }

@media only screen and (max-width: 768px) {
  .header_desktop .button .caption {
    display: none; } }

.header_desktop .row {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.header_desktop .logo {
  width: 20%;
  text-align: left;
  position: relative; }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .header_desktop .logo {
      width: 15%; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_desktop .logo {
      width: 12%; } }
  .header_desktop .logo .logo_main {
    display: flex;
    margin: 0 auto;
    height: 100%;
    width: 170px; }

.header_desktop .login {
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 3; }
  @media screen and (max-width: 1340px) {
    .header_desktop .login {
      flex: 2; } }
  .header_desktop .login > div {
    margin-left: 15px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .header_desktop .login > div {
        min-width: 0; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .header_desktop .login > div {
        min-width: 0; } }
  .header_desktop .login .button .icon {
    display: none; }
  .header_desktop .login button {
    min-width: 180px;
    max-width: 100%; }

.header_desktop .socials_wrap {
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0 20px;
  flex: 1;
  justify-content: center;
  flex-direction: column; }
  @media screen and (max-width: 1340px) {
    .header_desktop .socials_wrap {
      margin: 0 10px; } }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .header_desktop .socials_wrap {
      margin: 0 10px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_desktop .socials_wrap {
      margin: 0 10px; } }
  @media only screen and (max-width: 768px) {
    .header_desktop .socials_wrap {
      margin: 0 10px; } }
  .header_desktop .socials_wrap .header {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FF4D00;
    margin: 0 0 10px 0; }
  .header_desktop .socials_wrap i {
    color: #FF4D00;
    margin: 0 10px;
    transition: .2s all ease; }
    .header_desktop .socials_wrap i:hover {
      color: #FFFFFF; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .header_desktop .socials_wrap i {
        margin: 0 2px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .header_desktop .socials_wrap i {
        margin: 0 2px; } }
    @media only screen and (max-width: 768px) {
      .header_desktop .socials_wrap i {
        margin: 0 2px; } }

.header_desktop .language {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.header_desktop .player {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex: 1;
  margin-right: 10px; }
  .header_desktop .player .player_name {
    border: none;
    background: none;
    cursor: pointer; }
  .header_desktop .player .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 30px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .header_desktop .player .text {
        margin: 0 10px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .header_desktop .player .text {
        margin: 0 10px; } }
    @media only screen and (max-width: 768px) {
      .header_desktop .player .text {
        margin: 0 10px; } }
    .header_desktop .player .text .player_title {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      color: #FF4D00; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .header_desktop .player .text .player_title {
          font-size: 12px; } }
      .header_desktop .player .text .player_title .player_name {
        margin-top: 5px; }
    .header_desktop .player .text .caption {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      text-decoration-line: underline;
      text-transform: uppercase;
      color: #FFFFFF;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 120px;
      display: block;
      max-width: 100%; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .header_desktop .player .text .caption {
          font-size: 13px; } }
  .header_desktop .player .balance {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .header_desktop .player .balance {
        margin: 0 10px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .header_desktop .player .balance {
        margin: 0 10px; } }
    @media only screen and (max-width: 768px) {
      .header_desktop .player .balance {
        margin: 0 10px; } }
    .header_desktop .player .balance .caption {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      color: #FF4D00; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .header_desktop .player .balance .caption {
          font-size: 13px; } }
    .header_desktop .player .balance .balance_number {
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 20px;
      text-transform: uppercase;
      color: #FFFFFF;
      white-space: nowrap; }
      @media screen and (max-width: 1310px) {
        .header_desktop .player .balance .balance_number {
          font-size: 16px; } }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .header_desktop .player .balance .balance_number {
          font-size: 13px;
          white-space: nowrap; } }
  .header_desktop .player .buttons {
    display: flex;
    flex-direction: row; }
    .header_desktop .player .buttons > * {
      flex: 1;
      margin-left: 15px;
      min-width: 120px; }
      @media only screen and (min-width: 993px) and (max-width: 1200px) {
        .header_desktop .player .buttons > * {
          width: auto; } }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .header_desktop .player .buttons > * {
          width: auto; } }
      .header_desktop .player .buttons > *:first-child {
        margin-left: 0; }

.header_desktop .bonus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .header_desktop .bonus {
      margin: 0 10px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_desktop .bonus {
      margin: 0 10px; } }
  @media only screen and (max-width: 768px) {
    .header_desktop .bonus {
      margin: 0 10px; } }
  .header_desktop .bonus .bonus_title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #FF4D00; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .header_desktop .bonus .bonus_title {
        font-size: 12px; } }
  .header_desktop .bonus .info_wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .header_desktop .bonus .info_wrap .percent {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      color: #FFFFFF;
      text-shadow: 0px 0px 4px #FF4D00; }
    .header_desktop .bonus .info_wrap .tooltip_wrap i {
      color: #FFFFFF;
      opacity: .5;
      text-shadow: 0px 0px 4px #FF4D00; }

.header_desktop .logout-link {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center; }
  .header_desktop .logout-link a {
    text-align: right;
    display: inline-block;
    padding: 11px 10px 10px;
    font-size: 24px;
    color: #FFFFFF; }
    .header_desktop .logout-link a:hover {
      color: #FF4D00; }
      .header_desktop .logout-link a:hover .icon-logout2 {
        color: #FF4D00; }
    .header_desktop .logout-link a .icon-logout2 {
      font-size: 1em;
      color: #747474; }
  .header_desktop .logout-link .caption {
    display: none; }

.header_desktop .header_bar {
  display: flex;
  justify-content: space-between;
  height: 100px;
  background: #1e0093;
  align-self: center;
  align-items: center; }

.header_desktop .header_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background: #000000; }
  .header_desktop .header_menu .menu {
    display: flex; }
    .header_desktop .header_menu .menu .item {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 40px;
      transition: .2s all ease;
      color: #1e0093; }
      .header_desktop .header_menu .menu .item i {
        font-size: 40px; }
      .header_desktop .header_menu .menu .item.active {
        color: #FF4D00; }
      .header_desktop .header_menu .menu .item:hover {
        color: #FF4D00; }
      .header_desktop .header_menu .menu .item .item__ribbon {
        position: absolute;
        top: 0;
        left: -7px;
        width: 25px; }
        .header_desktop .header_menu .menu .item .item__ribbon > img {
          display: block;
          width: 100%; }

.header_desktop .header-top {
  background-color: #211f1f; }
  .header_desktop .header-top .header_top_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
    color: #A8A8A8; }
    .header_desktop .header-top .header_top_list .header_top_item {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 21px;
      border-left: 1px solid #3d3d3d; }
    .header_desktop .header-top .header_top_list .profile .player_name {
      background: none;
      border: none;
      color: inherit; }
      .header_desktop .header-top .header_top_list .profile .player_name .icon {
        color: #000000; }
    .header_desktop .header-top .header_top_list .balance {
      border-right: 1px solid #3d3d3d; }
      .header_desktop .header-top .header_top_list .balance > a {
        color: inherit; }
        .header_desktop .header-top .header_top_list .balance > a:first-child {
          margin-right: 10px; }
      .header_desktop .header-top .header_top_list .balance .balance_number {
        color: #000000; }

.header_desktop .active_bonus_bar .progress_bar_wrap {
  display: flex;
  align-items: center;
  flex-direction: column; }

.header_mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background: #1e0093;
  width: 100%;
  max-width: 100%;
  z-index: 2;
  padding: 0 7px; }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_mobile {
      display: flex; }
      .header_mobile + * {
        margin-top: 60px; } }
  @media screen and (max-width: 992px) {
    .header_mobile {
      display: flex; }
      .header_mobile + * {
        margin-top: 60px; } }
  @media only screen and (max-width: 768px) {
    .header_mobile {
      display: flex; }
      .header_mobile + * {
        margin-top: 60px; } }
  .header_mobile > .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .header_mobile > .logo .logo_main {
      width: 145px;
      margin-left: auto; }
      .header_mobile > .logo .logo_main > img {
        top: 34%; }
        @media only screen and (max-width: 576px) {
          .header_mobile > .logo .logo_main > img {
            width: 70%;
            height: auto;
            margin: 0 auto; } }
  .header_mobile > .hamburger_icon {
    max-width: 100%; }
  .header_mobile > .language_header {
    flex: auto;
    max-width: 90px; }
  .header_mobile .hamburger {
    width: 50px;
    cursor: pointer;
    display: flex;
    font-size: 40px;
    color: #FF4D00; }
  .header_mobile .action {
    display: flex; }
    .header_mobile .action button {
      margin-left: 10px;
      width: 120px; }
    @media screen and (max-width: 668px) {
      .header_mobile .action .hidden_button_mob {
        display: none; } }
    @media only screen and (max-width: 576px) {
      .header_mobile .action button {
        width: 90px;
        margin-left: 0; } }
  @media only screen and (max-width: 576px) {
    .header_mobile button {
      font-size: 12px;
      height: 40px;
      line-height: 40px; } }

.header_banners {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: relative;
  color: #000000;
  min-height: 250px; }
  @media screen and (min-width: 992px) {
    .header_banners {
      padding: 0 35px; } }
  .header_banners .text {
    color: #000000;
    margin: 16px 0;
    font-size: 36px; }
    @media screen and (max-width: 1700px) {
      .header_banners .text {
        font-size: 25px; } }
    @media only screen and (max-width: 576px) {
      .header_banners .text {
        font-size: 24px; } }
  .header_banners .button_container {
    margin: 16px 0; }
    .header_banners .button_container .button {
      border: none;
      height: 60px;
      line-height: 60px; }
      @media only screen and (max-width: 576px) {
        .header_banners .button_container .button {
          line-height: 40px;
          height: 40px;
          font-size: 14px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_banners .container {
      padding: 0; } }
  @media only screen and (max-width: 768px) {
    .header_banners .container {
      padding: 0; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .header_banners {
      background: #000000;
      color: #FFFFFF; } }
  @media only screen and (max-width: 768px) {
    .header_banners {
      background: #000000;
      color: #FFFFFF; } }
  .header_banners .list {
    display: flex;
    flex-direction: row;
    width: auto;
    overflow: hidden;
    opacity: 0;
    transition: .2s all ease; }
    .header_banners .list.slick-initialized {
      opacity: 1;
      display: block; }
      .header_banners .list.slick-initialized .slick-active .item .overlay {
        transition: .8s all ease;
        right: 0;
        opacity: 1; }
        .header_banners .list.slick-initialized .slick-active .item .overlay > div {
          transition: .8s all ease;
          transition-delay: .5s;
          opacity: 1; }
    .header_banners .list .item {
      position: relative; }
      .header_banners .list .item .image {
        height: auto;
        width: 100%; }
        .header_banners .list .item .image > img {
          display: block;
          width: 100%; }
        .header_banners .list .item .image > .img {
          background-position: right;
          width: 100%;
          height: 370px;
          background-size: cover;
          background-repeat: no-repeat; }
          @media only screen and (min-width: 1400px) {
            .header_banners .list .item .image > .img {
              height: 450px; } }
      .header_banners .list .item .header {
        text-align: center; }
        .header_banners .list .item .header .title {
          font-size: 20px;
          line-height: 20px;
          text-transform: uppercase;
          margin: 5px 0; }
        .header_banners .list .item .header .title_name {
          font-size: 32px;
          line-height: 32px;
          text-transform: uppercase;
          margin: 5px 0; }
      .header_banners .list .item .overlay {
        position: absolute;
        top: 0;
        right: -100%;
        width: 40%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        z-index: 1;
        opacity: 0; }
        @media screen and (max-width: 1200px) {
          .header_banners .list .item .overlay {
            width: 45%; } }
        .header_banners .list .item .overlay:after {
          content: " ";
          width: 100%;
          height: 100%;
          position: absolute;
          right: -68px;
          top: 0;
          background: #1e0093;
          z-index: -2;
          transform: matrix(1, 0, -0.3, 1, 0, 0); }
          @media only screen and (max-width: 767px) {
            .header_banners .list .item .overlay:after {
              display: none; } }
        .header_banners .list .item .overlay > div {
          text-align: center;
          opacity: 0;
          width: 70%;
          margin: 0 auto; }
        .header_banners .list .item .overlay .images_bubble {
          position: absolute;
          top: 50%;
          left: 35%;
          width: 100%;
          height: 100%;
          z-index: -1;
          transform: translate(-50%, -50%); }
          @media only screen and (max-width: 767px) {
            .header_banners .list .item .overlay .images_bubble {
              display: none; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .header_banners .list .item .overlay {
            display: block;
            position: static;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0;
            padding: 15px;
            background: #1e0093;
            transform: translateX(0%); }
            .header_banners .list .item .overlay .text {
              text-align: left; }
            .header_banners .list .item .overlay p:not(:last-child) {
              margin: 0 0 10px 0px; }
            .header_banners .list .item .overlay p:last-child {
              margin: 0; }
            .header_banners .list .item .overlay > div {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .header_banners .list .item .overlay > div > * {
                margin: 0; }
            .header_banners .list .item .overlay > div {
              width: 100%; } }
        @media only screen and (max-width: 767px) {
          .header_banners .list .item .overlay {
            display: block;
            position: static;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0;
            padding: 15px;
            background: #1e0093;
            transform: translateX(0%); }
            .header_banners .list .item .overlay p {
              margin: 0 0 10px 0px; }
            .header_banners .list .item .overlay > div {
              display: block;
              text-align: center; }
              .header_banners .list .item .overlay > div > * {
                margin: 0;
                flex: 1; }
            .header_banners .list .item .overlay > div {
              width: 100%; } }
        .header_banners .list .item .overlay .title {
          font-size: 20px;
          line-height: 20px;
          text-transform: uppercase;
          margin: 5px 0; }
        .header_banners .list .item .overlay .title_name {
          font-size: 32px;
          line-height: 32px;
          text-transform: uppercase;
          margin: 5px 0; }
        .header_banners .list .item .overlay .prize_amount {
          font-size: 16px;
          line-height: 16px;
          margin: 5px 0; }
  .header_banners .slick-dots li button {
    border: 0;
    background: #000;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .header_banners .slick-dots li button:before {
      position: absolute;
      content: "";
      width: 13px;
      height: 13px;
      font-family: "Airal", sans-serif;
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .header_banners .slick-active button:before {
    background: #FF4D00;
    opacity: 1 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%); }
  .header_banners .slick-dots {
    position: relative;
    padding: 0;
    margin: 0;
    height: 0;
    top: -35px;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%; }

.games_grid_wrap {
  display: block;
  margin-left: -10px; }

.games_grid {
  width: 100%;
  min-height: 100px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap; }
  .games_grid > .item {
    width: 16.66%;
    margin-bottom: 10px;
    display: block;
    padding: 0 0 0 10px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .games_grid > .item {
        width: 25%; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .games_grid > .item {
        width: 33.33%; } }
    @media only screen and (max-width: 768px) {
      .games_grid > .item {
        width: 50%; } }
    @media only screen and (max-width: 576px) {
      .games_grid > .item {
        width: 50%; } }
    .games_grid > .item > .game_item {
      padding: 0 !important; }
    .games_grid > .item.empty {
      width: 100%; }
  .games_grid .loading {
    width: 100%; }
    .games_grid .loading > .loader {
      margin: 15px auto; }

.games_gallery {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  padding: 0 5px; }
  .games_gallery > .item {
    width: 33.33%; }

.form {
  color: inherit; }
  .form .form-group {
    position: relative;
    padding: 16px 0 0 0; }
    .form .form-group .control-label {
      display: block;
      width: 100%;
      margin-bottom: 4px;
      text-align: left;
      font-size: 14px;
      font-weight: 300;
      color: #000000; }
    .form .form-group .form-control {
      display: block;
      width: 100%;
      border: none;
      border-bottom: 1px solid #000000;
      font-size: 14px;
      padding: 0 0;
      height: 30px;
      border-radius: 0px;
      background-color: transparent;
      box-shadow: none;
      font-weight: 400;
      line-height: 14px;
      color: #000000; }
    .form .form-group .form-control:disabled {
      opacity: 1;
      color: #444444;
      border-color: #444444; }
    .form .form-group .form-control + .control-label,
    .form .form-group .selectric-form-control + .control-label,
    .form .form-group .control-label-forced {
      position: absolute;
      top: 23px;
      left: 0;
      transform-origin: 0 0;
      transition: .2s all ease;
      z-index: 0;
      user-select: none;
      color: #000000; }
    .form .form-group .form-control:focus + .control-label,
    .form .form-group .form-control:not(:placeholder-shown) + .control-label,
    .form .form-group .selectric-form-control + .control-label,
    .form .form-group .control-label-forced {
      transform: translateY(-20px);
      opacity: 1;
      font-size: 10px; }
    .form .form-group .form-control.has-currency {
      padding-right: 35px; }
      .form .form-group .form-control.has-currency ~ .currency-label {
        position: absolute;
        right: 0;
        top: 18px; }
    .form .form-group .help-block {
      display: block;
      width: 100%;
      padding: 0;
      margin: 3px 0 0 0;
      font-size: 12px;
      min-height: 14px;
      line-height: 14px;
      color: #000000;
      text-align: left;
      position: relative; }
    .form .form-group.has-error .help-block {
      color: #FF4D00; }
      .form .form-group.has-error .help-block:after {
        content: " ";
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMgMjZDNS44MjAwOCAyNiAwIDIwLjE3OTkgMCAxM0MwIDUuODIwMDggNS44MjAwOCAwIDEzIDBDMjAuMTc5OSAwIDI2IDUuODIwMDggMjYgMTNDMjYgMjAuMTc5OSAyMC4xNzk5IDI2IDEzIDI2Wk0xMyAxLjQxNDIzQzYuNjM1OTggMS40MTQyMyAxLjQxNDIyIDYuNjM1OTggMS40MTQyMiAxM0MxLjQxNDIyIDE5LjM2NCA2LjYzNTk4IDI0LjU4NTggMTMgMjQuNTg1OEMxOS4zNjQgMjQuNTg1OCAyNC41ODU4IDE5LjM2NCAyNC41ODU4IDEzQzI0LjU4NTggNi42MzU5OCAxOS4zNjQgMS40MTQyMyAxMyAxLjQxNDIzWiIgZmlsbD0iI0ZGNEQwMCIvPjxwYXRoIGQ9Ik0xMi4yMzg1IDE4LjM4NDlIMTMuNzYxNVYxOS45MDhIMTIuMjM4NVYxOC4zODQ5WiIgZmlsbD0iI0ZGNEQwMCIvPjxwYXRoIGQ9Ik0xMy40MzUyIDE2Ljg2MjJIMTIuNTY0OUwxMi4yMzg1IDEwLjcxNThWNi4wOTIzNUgxMy43NjE1VjEwLjcxNThMMTMuNDM1MiAxNi44NjIyWiIgZmlsbD0iI0ZGNEQwMCIvPjwvc3ZnPg==);
        position: absolute;
        top: -32px;
        right: 0;
        width: 26px;
        height: 26px;
        background-size: 26px;
        background-repeat: no-repeat; }
    .form .form-group.has-error .form-control {
      border-color: #FF4D00; }
    .form .form-group.has-error.checkbox .help-block:after {
      content: none; }
    .form .form-group.has-success .form-control {
      border-color: #276B41; }
    .form .form-group.checkbox .hidden {
      display: none; }
    .form .form-group.checkbox label {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer; }
      .form .form-group.checkbox label .checkbox {
        display: block;
        width: 20px;
        min-width: 20px;
        height: 20px;
        border: 1px solid #000000;
        border-radius: 0px;
        background: #FFFFFF;
        margin-right: .5em;
        position: relative; }
        .form .form-group.checkbox label .checkbox.radio {
          border-radius: 50%; }
      .form .form-group.checkbox label:hover {
        border-color: #000000; }
      .form .form-group.checkbox label input.hidden + .checkbox:before {
        content: ' ';
        display: block;
        width: 30%;
        height: 55%;
        transform: rotate(45deg);
        border-right: 3px solid #FF4D00;
        border-bottom: 3px solid #FF4D00;
        top: 1px;
        left: 5px;
        position: absolute;
        opacity: 0;
        transition: .2s all ease; }
      .form .form-group.checkbox label input.hidden + .radio:before {
        width: 56.55%;
        height: 56.55%;
        padding: 0;
        margin: 0;
        transform: none;
        border: none;
        background: #FF4D00;
        border-radius: 50%;
        position: absolute;
        top: 4px;
        left: 4px;
        opacity: 0; }
      .form .form-group.checkbox label input.hidden:checked + .checkbox {
        border-color: #FF4D00; }
        .form .form-group.checkbox label input.hidden:checked + .checkbox:before {
          opacity: 1; }
    .form .form-group .currency-label {
      position: absolute;
      height: 30px;
      line-height: 30px;
      right: 0;
      bottom: 16px;
      padding: 0 0 0 0; }
  .form .row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; }
    .form .row > .column {
      flex: 1;
      position: relative; }
    .form .row > .form-group {
      flex: auto;
      max-width: 100%; }

.tabmenu_categories_bg {
  background-color: #FF4D00;
  color: #000000;
  width: 100%;
  display: block; }

.tabmenu_categories {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border-bottom: 1px solid #1e0093;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%; }
  .tabmenu_categories .item {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffd84d;
    transition: 0.2s all ease;
    max-width: 200px;
    white-space: nowrap; }
    .tabmenu_categories .item:hover, .tabmenu_categories .item:focus {
      color: #FF4D00;
      border-bottom: 6px solid #FF4D00; }
    .tabmenu_categories .item.active {
      color: #FF4D00;
      border-bottom: 6px solid #FF4D00; }
  .tabmenu_categories .item.search {
    width: 100%;
    position: relative;
    padding-top: 14px;
    min-width: 154px; }
    .tabmenu_categories .item.search form {
      border: none;
      padding: 0;
      margin: 0;
      display: block;
      vertical-align: top;
      height: 100%; }
    .tabmenu_categories .item.search input[type="text"] {
      border: none;
      width: 126px;
      max-height: 100%;
      max-width: 100%;
      outline: none;
      background: transparent;
      padding-right: 24px;
      color: #1e0093;
      display: inline-block;
      vertical-align: top;
      padding-top: 3px; }
      .tabmenu_categories .item.search input[type="text"]::placeholder {
        color: #1e0093;
        opacity: .5; }
    .tabmenu_categories .item.search button.search {
      border: none;
      padding: 0;
      margin: 0;
      background: transparent;
      font-size: 24px;
      width: 24px;
      line-height: 100%;
      cursor: pointer;
      transition: 0.2s all ease;
      color: #ffd84d;
      display: inline-block;
      vertical-align: top; }
      .tabmenu_categories .item.search button.search:hover {
        color: #1e0093; }

.tabmenu_categories__mobile .row {
  display: flex;
  width: 100%;
  padding: 0;
  height: 30px;
  margin: 10px 0;
  justify-content: space-between; }

.tabmenu_categories__mobile .dropdown {
  width: 50%; }

.tabmenu_categories__mobile .search {
  position: relative;
  height: 100%;
  flex: 1;
  margin-left: 30px;
  max-width: 200px; }
  .tabmenu_categories__mobile .search form {
    display: block;
    width: 100%;
    height: 100%; }
  .tabmenu_categories__mobile .search input {
    background: none;
    border: none;
    outline: none;
    position: absolute;
    padding: 0 30px 0 5px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000000;
    width: 180px;
    max-width: 100%; }
  .tabmenu_categories__mobile .search button {
    background: none;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #000000; }

.game_providers {
  margin: 0;
  width: 100%;
  position: relative;
  height: 35px;
  color: #1e0093; }

.tabs_promos {
  animation: .8s appear-delay; }
  .tabs_promos .slick-slide img {
    display: block;
    width: 70%;
    margin: 0 auto; }
  .tabs_promos #slick_bonuses_item.tournaments img {
    display: block;
    width: 40%;
    margin: 0 auto; }
  .tabs_promos #slick_bonuses_item.tournaments .tabs_text {
    margin: 10px 0; }
  .tabs_promos #slick_bonuses_item.lottery img {
    display: block;
    width: 40%;
    margin: 0 auto; }
  .tabs_promos #slick_bonuses_item.lottery .tabs_text {
    margin: 10px 0; }
  .tabs_promos .tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0; }
    .tabs_promos .tabs .tab-link {
      display: flex;
      flex-direction: column;
      text-align: center;
      height: 48px;
      position: relative;
      color: #FFFFFF;
      text-shadow: 0 0 4px #FFFFFF;
      width: 100%;
      background: linear-gradient(244.62deg, rgba(30, 137, 88, 0.2) 0%, rgba(3, 55, 9, 0.2) 100%);
      cursor: pointer; }
      .tabs_promos .tabs .tab-link:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: #541955;
        z-index: 0;
        transition: .2s all ease; }
      .tabs_promos .tabs .tab-link:hover {
        color: #FF4D00;
        transition: .2s all ease; }
        .tabs_promos .tabs .tab-link:hover span {
          color: #FF4D00; }
        .tabs_promos .tabs .tab-link:hover:before {
          opacity: 1; }
      .tabs_promos .tabs .tab-link i {
        font-size: 25px;
        z-index: 1;
        line-height: 30px; }
      .tabs_promos .tabs .tab-link span {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 0px 4px #FFFFFF;
        z-index: 1; }
    .tabs_promos .tabs .current {
      background: linear-gradient(244.62deg, #1E8958 0%, #033709 100%);
      color: #FF4D00; }
      .tabs_promos .tabs .current span {
        color: #FF4D00; }
  .tabs_promos .tabs_containers {
    position: relative;
    width: 100%;
    height: 190px;
    overflow: hidden; }
  .tabs_promos .tab-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .2s opacity ease; }
    .tabs_promos .tab-content.current {
      visibility: visible;
      opacity: 1; }
    .tabs_promos .tab-content .item {
      width: 100%;
      height: 130px;
      background-repeat: no-repeat;
      background-position: 50%; }
    .tabs_promos .tab-content .tabs_text {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 14px;
      text-align: center;
      color: #FFFFFF;
      text-shadow: 0px 0px 8px #FFFFFF; }
    .tabs_promos .tab-content .tabs_img {
      height: 132px;
      width: 132px; }

.cards_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -12px;
  margin-right: -12px;
  padding: 10px 0; }
  .cards_list .empty {
    width: 100%;
    height: 240px;
    line-height: 180px;
    padding: 30px 0;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px; }
    @media only screen and (max-width: 576px) {
      .cards_list .empty {
        font-size: 24px;
        height: 180px;
        line-height: 120px; } }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .cards_list {
      margin-left: -6px;
      margin-right: -6px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .cards_list {
      margin-left: -6px;
      margin-right: -6px; } }
  @media only screen and (max-width: 768px) {
    .cards_list {
      margin-left: -5px;
      margin-right: -5px; } }
  @media only screen and (max-width: 576px) {
    .cards_list {
      justify-content: center;
      margin-left: 0;
      margin-right: 0; } }
  .cards_list > .item {
    flex-basis: 33.3333%;
    width: 100%;
    max-width: 33.3333%;
    height: auto;
    margin: 0 0 25px;
    padding: 0 12px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .cards_list > .item {
        padding: 0 6px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cards_list > .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 6px; } }
    @media only screen and (max-width: 768px) {
      .cards_list > .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 5px;
        margin: 0 0 15px; } }
    @media only screen and (max-width: 576px) {
      .cards_list > .item {
        width: 100%;
        max-width: 360px;
        flex-basis: auto;
        margin: 0 0 15px;
        padding: 0; } }

.card {
  width: 100%;
  min-height: 530px;
  height: 100%;
  text-align: center;
  color: #000000; }
  .card .title {
    margin-bottom: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px; }
    .card .title > span {
      display: block;
      line-height: 1em;
      min-height: 2em; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card .title {
        font-size: 26px; } }
  .card.promo-card .image, .card.campaign-card .image {
    max-width: 250px; }
  .card .image {
    width: 100%;
    margin: 5px auto 0;
    position: relative; }
    .card .image img {
      height: auto;
      width: 100%;
      max-height: 100%; }
    @media only screen and (max-width: 768px) {
      .card .image {
        height: auto; } }
  .card .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: linear-gradient(180deg, #FFFFFF 0%, #1e0093 100%);
    transition: 0.2s ease; }
    .card .wrapper:hover {
      border-color: #FF4D00; }
  .card .content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    padding: 10px 33px 15px; }
    .card .content .info {
      height: 100%;
      margin-bottom: 15px; }
  .card .prizepool {
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    color: #000000; }
    .card .prizepool .caption {
      font-weight: 400;
      font-size: 14px; }
    .card .prizepool .amount {
      font-weight: 700;
      font-size: 30px; }
      @media only screen and (max-width: 768px) {
        .card .prizepool .amount {
          font-size: 38px; } }
  .card .additional_prize {
    text-align: center; }
    .card .additional_prize .amount {
      font-weight: 700;
      font-size: 20px;
      line-height: 23px; }
    .card .additional_prize .caption {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 10px; }
  .card .timer_wrap {
    margin: auto auto 10px;
    width: 100%; }
    .card .timer_wrap .finished_event {
      font-weight: 400;
      font-size: 16px;
      line-height: 25px; }
      .card .timer_wrap .finished_event > div {
        font-size: 12px;
        line-height: 1; }
  .card .prizes-list {
    margin: 15px auto;
    color: #FF4D00; }
    .card .prizes-list .prizes-title {
      margin-bottom: 5px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 12px; }
    .card .prizes-list .main {
      width: 100%;
      max-width: 260px;
      margin: 0 auto; }
      .card .prizes-list .main .item .item_title {
        margin-top: 5px;
        font-weight: 400;
        font-size: 16px; }
      .card .prizes-list .main .item img {
        display: block;
        height: auto;
        max-height: 207px;
        margin: 0 auto; }
      .card .prizes-list .main.tournament_prizes .slider {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        opacity: 0;
        transition: 0.2s ease; }
        .card .prizes-list .main.tournament_prizes .slider.slick-initialized {
          display: block;
          opacity: 1; }
      .card .prizes-list .main.tournament_prizes .money {
        display: block;
        font-weight: 400;
        font-size: 16px;
        margin-top: 5px; }
      .card .prizes-list .main .slick_items_promo {
        opacity: 0;
        transition: .2s all ease;
        display: flex;
        overflow: hidden;
        height: 0; }
      .card .prizes-list .main .slick-initialized {
        opacity: 1;
        display: block;
        overflow: unset;
        height: auto; }
    .card .prizes-list .slick-slide {
      margin: 0 5px; }
    .card .prizes-list .additional {
      margin-top: 10px;
      font-weight: 700; }
  .card .player_info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 5px auto 20px; }
    .card .player_info .tooltip_wrap {
      margin-left: 5px;
      font-size: 20px; }
      .card .player_info .tooltip_wrap .icon {
        display: block; }
      .card .player_info .tooltip_wrap .tooltip {
        left: unset;
        right: -11px; }
        .card .player_info .tooltip_wrap .tooltip:after {
          right: 4px;
          left: unset;
          transform: none; }
  .card .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px; }
  .card .actions {
    margin-top: auto; }
  .card .link_button {
    display: block;
    height: auto;
    margin: 20px auto 15px;
    line-height: 1; }
  .card .popover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 10px 33px 15px;
    visibility: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #1e0093 100%);
    opacity: 0;
    transition: .2s all ease; }
    .card .popover .title {
      margin-bottom: 15px; }
    .card .popover .description {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      flex-grow: 1;
      text-align: left; }
      .card .popover .description .text {
        margin-bottom: 10px; }
      .card .popover .description .alert {
        margin: auto auto 20px;
        text-align: center;
        font-size: 12px; }
        .card .popover .description .alert a {
          color: #FF4D00;
          text-decoration: underline; }
          .card .popover .description .alert a:hover {
            text-decoration: none; }
    .card .popover p {
      margin: 0 0 15px; }
    .card .popover.visible {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
    .card .popover .button {
      width: max-content;
      margin: auto auto 0; }
  .card.finished .timer-wrapper {
    display: none; }
  .card.finished .image {
    height: unset; }
    .card.finished .image img {
      border-radius: 4px; }
    .card.finished .image:after {
      content: '';
      display: block;
      width: 100%;
      height: 98%;
      background-color: rgba(56, 56, 56, 0.7);
      background-image: url("./images/finish.svg");
      background-repeat: no-repeat;
      background-position: center;
      backdrop-filter: blur(4px);
      border-radius: 4px;
      position: absolute;
      top: 0;
      left: 0; }

.timer_wrap {
  width: 110px;
  padding: 0;
  color: #000000; }

.timer {
  margin: 0;
  text-align: center;
  line-height: 1;
  color: inherit; }
  .timer .timer-title {
    font-weight: 400;
    font-size: 10px; }
  .timer .timer-labels {
    display: flex;
    justify-content: center;
    margin: 0;
    font-weight: 400;
    font-size: 9px; }
    .timer .timer-labels > span {
      display: inline-block;
      width: 20px;
      margin: 0 2px;
      text-align: center; }
  .timer .timer-body {
    margin: 2px 0 3px;
    font-weight: 400;
    font-size: 16px; }
    .timer .timer-body > span {
      display: inline-block;
      width: 20px;
      margin: 0 2px;
      text-align: center; }

.tooltip_wrap {
  position: relative;
  cursor: pointer; }
  .tooltip_wrap .tooltip {
    visibility: hidden;
    z-index: 5;
    opacity: .5;
    width: 180px;
    padding: 10px;
    background: #efd371;
    color: #000000;
    position: absolute;
    top: 100%;
    left: calc(50% - 90px);
    border-radius: 3px;
    font-size: 12px;
    border: 2px solid #efd371;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(85, 85, 85, 0.86); }
    .tooltip_wrap .tooltip:after {
      content: " ";
      border: 15px solid transparent;
      border-bottom: 15px solid #efd371;
      background-position: 0 0;
      background-repeat: no-repeat;
      top: -25px;
      position: absolute;
      left: calc(50%);
      transform: translateX(-50%); }
  .tooltip_wrap:hover .tooltip, .tooltip_wrap:active .tooltip, .tooltip_wrap:focus .tooltip {
    visibility: visible;
    opacity: 1; }

.progress_bar_wrap:hover .tooltip, .progress_bar_wrap:active .tooltip, .progress_bar_wrap:focus .tooltip {
  visibility: visible;
  opacity: 1; }

.prize_list_item .btn.btn-slick.prev {
  top: 50%;
  transform: translateY(-50%);
  left: 20px; }
  @media screen and (max-width: 1400px) {
    .prize_list_item .btn.btn-slick.prev {
      left: 0px; } }
  @media screen and (max-width: 1200px) {
    .prize_list_item .btn.btn-slick.prev {
      left: 20px; } }

.prize_list_item .btn.btn-slick.next {
  top: 50%;
  transform: translateY(-50%);
  right: 20px; }
  @media screen and (max-width: 1400px) {
    .prize_list_item .btn.btn-slick.next {
      right: 0px; } }
  @media screen and (max-width: 1200px) {
    .prize_list_item .btn.btn-slick.next {
      right: 20px; } }

.prize_list_item .wrap_slider .item {
  margin: 0 auto;
  position: relative;
  border-radius: 5px; }
  .prize_list_item .wrap_slider .item .item_title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FF4D00;
    padding: 0 10px; }

.prize_list_item .wrap_slider img {
  display: block;
  width: 230px !important;
  height: 230px !important;
  position: relative; }

.loader_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.loader {
  position: relative;
  display: block;
  width: 100px;
  height: 100px; }
  .loader > span {
    border-radius: 50%;
    border: 3px solid transparent;
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute; }
    .loader > span:nth-child(1) {
      border-top-color: #FF0000;
      animation-duration: 1.25s;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .loader > span:nth-child(2) {
      border-top-color: #FF7A00;
      animation-duration: 1.5s;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; }
    .loader > span:nth-child(3) {
      border-top-color: #FFFFFF;
      animation-duration: 1s;
      top: 10px;
      bottom: 10px;
      left: 10px;
      right: 10px; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes warp-drive {
  0% {
    opacity: 0;
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0; } }

.dropdown-button {
  display: block;
  position: relative; }
  .dropdown-button.open {
    z-index: 3; }
  .dropdown-button .button {
    display: block;
    width: 100%;
    background: #fff;
    height: 45px;
    border: 1px solid #E5E5E5;
    box-shadow: none;
    color: #FFFFFF;
    transition: 0.2s all ease;
    text-align: left;
    padding: 0 45px 0 15px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dropdown-button .button .icon-dd {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 30px;
      text-align: center;
      font-size: 0; }
      .dropdown-button .button .icon-dd:after {
        content: " ";
        width: 20px;
        height: 20px;
        border: 4px solid #FFFFFF;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        line-height: 50px; }
  .dropdown-button .menu {
    position: absolute;
    z-index: 1;
    background: #fff;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #E5E5E5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .dropdown-button .menu > .item {
      position: relative;
      line-height: 45px;
      transition: .2s all ease; }
      .dropdown-button .menu > .item:hover {
        background: #f1f1f1; }
      .dropdown-button .menu > .item > a {
        padding: 0 15px;
        display: block;
        width: 100%;
        color: #FFFFFF; }
        .dropdown-button .menu > .item > a:hover, .dropdown-button .menu > .item > a.active {
          color: #FF4D00; }
  .dropdown-button.checkbox .dd__link {
    position: relative;
    padding-left: 42px !important; }
    .dropdown-button.checkbox .dd__link:before {
      content: ' ';
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 1px;
      position: absolute;
      left: 14px;
      top: 12px;
      border: 1px solid #94a1ae;
      background-color: transparent; }
    .dropdown-button.checkbox .dd__link:after {
      content: " ";
      display: none;
      width: 12px;
      height: 12px;
      border-radius: 1px;
      position: absolute;
      left: 18px;
      top: 16px;
      background: #FF4D00; }
    .dropdown-button.checkbox .dd__link.active:after {
      display: block; }
  .dropdown-button.radio .dd__link {
    position: relative;
    padding-left: 42px !important; }
    .dropdown-button.radio .dd__link:before {
      content: ' ';
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      position: absolute;
      left: 14px;
      top: 12px;
      border: 1px solid #94a1ae;
      background-color: transparent; }
    .dropdown-button.radio .dd__link:after {
      content: " ";
      display: none;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      position: absolute;
      left: 19px;
      top: 17px;
      background: #FF4D00; }
    .dropdown-button.radio .dd__link.active:after {
      display: block; }

.dropdown-button.form-control .dd__button {
  background: #f1f1f1;
  height: 38px;
  border: 1px solid #94a1ae;
  padding: 0 42px 0 15px;
  line-height: 38px;
  color: #FFFFFF;
  z-index: 2;
  text-transform: none;
  font-weight: 300;
  font-size: 14px; }
  .dropdown-button.form-control .dd__button .icon {
    width: 27px;
    height: 100%;
    background-color: #FF4D00; }
    .dropdown-button.form-control .dd__button .icon:after {
      position: absolute;
      top: 14px;
      left: 8px;
      display: block;
      height: 0;
      width: 0;
      line-height: 1;
      border-width: 6px;
      border-top-color: #000000;
      transition: 200ms ease; }

.dropdown-button.form-control.open {
  z-index: 5; }
  .dropdown-button.form-control.open .dd__button {
    border-color: #FF4D00; }

.dropdown-button.form-control .menu {
  background-color: #f1f1f1 !important;
  z-index: 1;
  max-height: 210px;
  overflow: auto; }
  .dropdown-button.form-control .menu::-webkit-scrollbar-track {
    background-color: #D8D8D8; }
  .dropdown-button.form-control .menu::-webkit-scrollbar {
    width: 27px;
    background-color: transparent; }
  .dropdown-button.form-control .menu::-webkit-scrollbar-thumb {
    background-color: #C2C2C2; }
  .dropdown-button.form-control .menu > .item {
    font-size: 14px;
    line-height: 38px; }
    .dropdown-button.form-control .menu > .item a {
      color: white; }
    .dropdown-button.form-control .menu > .item.active a, .dropdown-button.form-control .menu > .item a:hover {
      color: #FFFFFF; }

.dropdown {
  position: relative; }
  .dropdown .menu {
    display: inline-block;
    color: inherit;
    background-color: inherit; }
    .dropdown .menu .item {
      display: none;
      color: inherit;
      padding: 5px 0; }
      .dropdown .menu .item.active {
        display: block; }
  .dropdown .pointer {
    display: inline-block;
    position: absolute;
    top: 0px;
    font-size: 30px; }
    .dropdown .pointer .button {
      display: block;
      position: relative;
      right: 0;
      top: 0px;
      width: 22.5px;
      height: 24px;
      min-width: 0;
      min-height: 0;
      line-height: 30px;
      background-color: transparent;
      background-image: none !important;
      box-shadow: none !important;
      color: inherit;
      text-align: center;
      padding: 0;
      margin: 0;
      border: none; }
      .dropdown .pointer .button:after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-top-color: #000;
        border-bottom: none; }
  .dropdown.open {
    overflow: initial; }
    .dropdown.open .item {
      display: block; }
      .dropdown.open .item.active, .dropdown.open .item:hover {
        background: #e6e6e6; }
    .dropdown.open .pointer {
      display: none; }
    .dropdown.open .menu {
      position: absolute;
      left: 0;
      z-index: 1;
      background: #FFFFFF;
      box-shadow: 0 0 0px 2px #000000, 0 0 3px 0 #000;
      padding: 10px;
      margin-left: -10px;
      width: calc(100% + 20px); }

.balance_mob {
  background: #541955;
  padding: 15px;
  display: flex;
  justify-content: center; }
  .balance_mob .balance_title {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FF4D00;
    text-shadow: 0px 0px 4px #FF4D00;
    margin: 0 20px; }
  .balance_mob .balance_number {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 0px 4px #FFFFFF; }

.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 35px; }
  @media only screen and (max-width: 768px) {
    .container {
      padding: 0px 15px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .container {
      padding: 0px 15px; } }
  .container.container_middle {
    max-width: 1200px;
    padding: 0px 20px; }
    @media only screen and (max-width: 576px) {
      .container.container_middle {
        padding: 0px 10px; } }

.game_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px;
  width: 100%; }
  .game_item > .image {
    position: relative;
    width: 100%; }
    .game_item > .image:before {
      display: block;
      content: " ";
      height: 0;
      padding-top: 66%; }
    .game_item > .image > img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%; }
    .game_item > .image .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      visibility: hidden;
      opacity: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: rgba(51, 28, 0, 0.75);
      transition: .2s all ease;
      border-radius: 0px;
      border: 1px solid #1e0093; }
  .game_item .tag_item {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -17px;
    right: 17px;
    z-index: 2; }
    .game_item .tag_item > img {
      width: 100%;
      height: 100%;
      display: block; }
  .game_item .game_caption {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .game_item .caption {
    display: inline;
    padding: 0;
    margin: 0; }
  .game_item:hover .overlay {
    visibility: visible;
    opacity: 1; }
  .game_item .button_real {
    color: #FFFFFF;
    border: 2px solid #FF0000;
    background: #FF0000;
    text-transform: uppercase;
    text-align: center;
    border-radius: 1px;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    min-width: 120px;
    transition: 0.2s ease;
    margin-bottom: 0; }
    .game_item .button_real > .caption {
      border: none; }
    .game_item .button_real:hover {
      background: #FF4D00;
      border-color: #FF4D00;
      color: #fff; }
  .game_item .button_demo {
    color: #FF4D00;
    border: 2px solid #FF4D00;
    background: transparent;
    text-transform: uppercase;
    text-align: center;
    border-radius: 1px;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    min-width: 120px;
    transition: 0.2s ease;
    margin-bottom: 0;
    margin-top: 16px; }
    .game_item .button_demo > .caption {
      border: none; }
    .game_item .button_demo:hover {
      color: #ff8a00;
      border-color: #ff8a00; }
    @media screen and (max-width: 1024px) {
      .game_item .button_demo {
        display: none; } }

.socials_block {
  padding: 0;
  color: #FF4D00; }
  .socials_block .text_label {
    font-size: 12px;
    text-align: center; }
  .socials_block .social-links {
    font-size: 18px;
    margin: 10px 0 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    justify-content: center; }
    .socials_block .social-links > .item {
      margin: 0 5px;
      color: inherit;
      transition: 0.2s ease; }
      .socials_block .social-links > .item:hover, .socials_block .social-links > .item:active {
        color: #000; }

.game_tags {
  width: 100%;
  max-width: 100%;
  height: 33px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  color: #000000;
  border-bottom: 1px solid #000000; }
  .game_tags .icon-wrapper {
    font-size: 22px; }
    .game_tags .icon-wrapper .icon {
      margin-right: 5px; }
  .game_tags .tag-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase; }
    .game_tags .tag-list li {
      position: relative; }
      .game_tags .tag-list li:not(:last-child) {
        margin-right: 7px;
        padding-right: 7px; }
        .game_tags .tag-list li:not(:last-child):after {
          content: '';
          position: absolute;
          right: 0;
          top: -2px;
          width: 1px;
          height: 16px;
          background-color: #000000; }

.tabmenu_mobile {
  display: block;
  border: none;
  background: #FF4D00;
  color: #000000;
  text-align: center;
  height: 50px; }
  .tabmenu_mobile .item > a {
    display: block;
    width: 100%;
    border-left: 1px solid #ff5f1a;
    border-right: 1px solid #ff5f1a;
    background: #FF4D00;
    color: inherit !important;
    text-align: center;
    height: 50px;
    line-height: 50px; }
  .tabmenu_mobile .item.active > a {
    background: #ff5f1a; }
  .tabmenu_mobile .item .icon {
    margin-right: 5px; }

.active_bonus_bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 1200px) {
    .active_bonus_bar .progress_bar_wrap {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center; } }
  .active_bonus_bar .image img {
    width: 100%; }
  .active_bonus_bar .title {
    flex: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #FF4D00;
    cursor: pointer; }
  .active_bonus_bar .progress_bar {
    flex: 1;
    width: 120px;
    margin-top: 5px; }
    .active_bonus_bar .progress_bar .bar {
      display: block;
      position: relative;
      background: #000000;
      width: 100%;
      height: 8px; }
      .active_bonus_bar .progress_bar .bar .fill {
        position: absolute;
        display: block;
        height: 100%;
        top: 0;
        left: 0;
        background: #FF4D00; }

.embed-responsive-game {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive-game::before {
    display: block;
    content: "";
    padding-top: 56.25%; }
  .embed-responsive-game .embed-responsive-item,
  .embed-responsive-game iframe,
  .embed-responsive-game embed,
  .embed-responsive-game object,
  .embed-responsive-game video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
    @media (max-width: 1024px) {
      .embed-responsive-game .embed-responsive-item,
      .embed-responsive-game iframe,
      .embed-responsive-game embed,
      .embed-responsive-game object,
      .embed-responsive-game video {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%; } }
  @media (max-width: 1024px) {
    .embed-responsive-game {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }

.header__confirm-email {
  min-height: 42px;
  background: linear-gradient(181.37deg, #37AEE2 21.67%, #1E96C8 70%);
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 103; }
  @media only screen and (max-width: 767px) {
    .header__confirm-email {
      display: none !important; } }
  .header__confirm-email .confirm-email__link {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    margin-right: 10px;
    color: #000000; }
  .header__confirm-email .confirm-email__txt {
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    color: #000000;
    font-size: 12px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  .header__confirm-email .confirm-email__close {
    position: absolute;
    right: 35px;
    top: 19px;
    color: #000000; }
  .header__confirm-email .confirm-email__btn {
    background-color: transparent;
    text-align: center;
    display: flex;
    color: #000000;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 5px;
    position: relative;
    padding: 5px 10px;
    text-shadow: none;
    border: 3px solid #000000;
    align-items: center;
    transition: .2s all ease; }
    .header__confirm-email .confirm-email__btn i {
      font-size: 25px;
      color: #000000;
      padding-left: 5px;
      transition: .2s all ease; }
    .header__confirm-email .confirm-email__btn:hover {
      background-color: #000000;
      color: #0167b1; }
      .header__confirm-email .confirm-email__btn:hover i {
        color: #0167b1; }

.header__confirm-email.mobile_telegram {
  min-height: 42px;
  background: transparent;
  border-radius: 4px;
  width: 100%;
  position: relative;
  top: 0;
  z-index: 103;
  border: 2px solid #000000; }
  @media only screen and (max-width: 767px) {
    .header__confirm-email.mobile_telegram {
      display: block !important; } }
  .header__confirm-email.mobile_telegram .confirm-email__link {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-right: 0px;
    margin: 5px 0; }
  .header__confirm-email.mobile_telegram .confirm-email__txt {
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    color: #000000;
    font-size: 12px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  .header__confirm-email.mobile_telegram .confirm-email__btn {
    display: flex;
    justify-content: center;
    color: #000000;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0;
    position: relative;
    top: 1px;
    padding: 5px 10px;
    text-shadow: none;
    border: 3px solid #0088cc;
    background: #0088cc;
    align-items: center;
    transition: .2s all ease;
    width: 100%; }
    .header__confirm-email.mobile_telegram .confirm-email__btn i {
      font-size: 25px;
      color: #000000;
      padding-left: 5px;
      transition: .2s all ease; }

.divider {
  height: 30px;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden; }
  .divider.white {
    background: #000000; }
  .divider.blue {
    background: #FFA800; }
  .divider.darkblue {
    background: #292929; }
  .divider.to_blue:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FFA800;
    transform: matrix(1, -0.035, 0, 1, 0, 15); }
  .divider.to_darkblue:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #292929;
    transform: matrix(1, 0.035, 0, 1, 0, 15); }

.games_sorting {
  display: block;
  white-space: nowrap; }
  .games_sorting .hidden {
    display: none; }
  .games_sorting .sort_wrap {
    margin-right: 5px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    padding: 0; }
  .games_sorting .sort_button {
    position: relative;
    color: #006a93;
    border: 1px solid #006a93;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 30px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: transparent; }
    .games_sorting .sort_button:hover {
      color: #FF4D00;
      border-color: #FF4D00; }
    .games_sorting .sort_button label {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer; }
  .games_sorting input[type="radio"]:checked ~ .sort_button {
    border: 1px solid #FF4D00;
    color: #FF4D00; }
  .games_sorting .sort_switcher {
    position: relative;
    margin-right: 5px;
    display: inline-block;
    vertical-align: bottom; }
    .games_sorting .sort_switcher input + .sort_button label {
      display: none; }
      .games_sorting .sort_switcher input + .sort_button label.set_default {
        display: block; }
    .games_sorting .sort_switcher input#sort-asc:checked ~ .sort_button label.set_default, .games_sorting .sort_switcher input#sort-asc:checked ~ .sort_button label.set_asc {
      display: none; }
    .games_sorting .sort_switcher input#sort-asc:checked ~ .sort_button label.set_desc {
      display: block; }
    .games_sorting .sort_switcher input#sort-desc:checked ~ .sort_button label.set_default, .games_sorting .sort_switcher input#sort-desc:checked ~ .sort_button label.set_desc {
      display: none; }
    .games_sorting .sort_switcher input#sort-desc:checked ~ .sort_button label.set_asc {
      display: block; }

.menu_underlined {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .menu_underlined {
      justify-content: space-between; } }
  .menu_underlined .item {
    display: block; }
    .menu_underlined .item .link {
      position: relative;
      height: 50px;
      line-height: 50px;
      display: block;
      border-bottom: 1px solid rgba(255, 199, 0, 0.5);
      transition: 0.2s ease;
      white-space: nowrap;
      min-width: 117px;
      text-align: center;
      padding: 0 10px;
      margin: 0 0 -1px 0;
      font-size: 14px;
      color: rgba(255, 199, 0, 0.5); }
      @media only screen and (min-width: 993px) and (max-width: 1200px) {
        .menu_underlined .item .link {
          min-width: 105px; } }
      @media only screen and (max-width: 576px) {
        .menu_underlined .item .link {
          min-width: 80px;
          padding: 0 5px; } }
      .menu_underlined .item .link:hover {
        color: #1e0093;
        border-bottom: 6px solid #1e0093; }
      .menu_underlined .item .link.active {
        font-weight: 700;
        color: #FF4D00;
        border-bottom: 6px solid #FF4D00; }

.scroller {
  display: none;
  z-index: 11;
  cursor: pointer;
  position: fixed;
  bottom: 20%;
  left: 10px;
  width: 40px;
  height: 40px;
  color: #000000;
  background: #1e0093;
  text-align: center;
  transition: .3s all ease;
  box-sizing: border-box;
  line-height: 40px; }
  .scroller:hover {
    transform: scale(1.05); }
  .scroller__icon {
    font-size: 20px; }
  @media only screen and (max-width: 400px) {
    .scroller {
      bottom: 180px;
      width: 35px;
      height: 35px; }
      .scroller__icon {
        font-size: 16px;
        line-height: 35px; } }

/* 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;
  width: 100%; }
  .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;
  width: 100%; }
  .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: auto;
  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 */
/* Icons */
/* 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: "Airal";
    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: 0 !important; }

.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: "Airal";
        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; }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  position: relative;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #000000;
  background-color: transparent; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 21px 0 0;
    font-size: 14px;
    color: #000000;
    height: 29px;
    line-height: 29px;
    user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 28px;
    min-width: 0;
    min-height: 0;
    line-height: 28px;
    background-color: transparent;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit;
    text-align: center;
    font: 0/0 a;
    *font: 20px/28px Lucida Sans Unicode, Arial Unicode MS, Arial;
    padding: 0;
    margin: 0;
    border: none; }
    .selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top-color: #000000;
      border-bottom: none; }

.selectric-open {
  z-index: 9; }
  .selectric-open .selectric {
    border-color: transparent; }
  .selectric-open .selectric-items {
    display: block;
    z-index: 2; }

.selectric-disabled {
  opacity: 1;
  cursor: default;
  user-select: none; }
  .selectric-disabled .selectric {
    border-color: #444444; }
    .selectric-disabled .selectric .label {
      color: #444444; }
    .selectric-disabled .selectric .button {
      cursor: default; }
      .selectric-disabled .selectric .button:after {
        border-top-color: #444444; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      box-sizing: border-box;
      opacity: 0 !important; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFFFFF;
  z-index: -1;
  box-shadow: 0 0px 0px 8px white, 0 2px 5px 8px rgba(0, 0, 0, 0.25);
  margin-top: 8px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
    .selectric-items .selectric-scroll::-webkit-scrollbar-track {
      background-color: transparent; }
    .selectric-items .selectric-scroll::-webkit-scrollbar {
      width: 6px;
      background-color: transparent; }
    .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
      background-color: #FF4D00;
      border-radius: 3px; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 11px 0 10px 0;
    cursor: pointer;
    color: #666666;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #000000; }
    .selectric-items li:last-child {
      border-bottom: none; }
    .selectric-items li:hover {
      color: #000000; }
    .selectric-items li.selected {
      color: #000000; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

.selectric-radio .selectric-items li {
  padding: 10px 10px 10px 26px; }
  .selectric-radio .selectric-items li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid black; }
  .selectric-radio .selectric-items li:after {
    content: " ";
    position: absolute;
    left: 5px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF4D00;
    display: none; }
  .selectric-radio .selectric-items li.selected:before {
    border-color: #FF4D00; }
  .selectric-radio .selectric-items li.selected:after {
    display: inline-block; }

.selectric-checkbox .selectric-items li {
  padding: 10px 10px 10px 26px; }
  .selectric-checkbox .selectric-items li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 0;
    border: 1px solid black; }
  .selectric-checkbox .selectric-items li:after {
    content: " ";
    position: absolute;
    left: 4px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #FF4D00;
    display: none; }
  .selectric-checkbox .selectric-items li.selected:before {
    border-color: #FF4D00; }
  .selectric-checkbox .selectric-items li.selected:after {
    display: inline-block; }

.selectric-logos .selectric-items li {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 40px;
  line-height: 34px; }
  .selectric-logos .selectric-items li svg {
    height: 100%;
    max-width: 100%;
    margin: 0 auto; }
    .selectric-logos .selectric-items li svg * {
      fill: #888;
      transition: .2s fill ease; }
  .selectric-logos .selectric-items li:hover svg * {
    fill: #333; }
  .selectric-logos .selectric-items li.selected svg * {
    fill: #FF4D00; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: #FF4D00;
  border: none;
  padding: 0 !important;
  font-size: 30px; }

.page_sidebar {
  width: 400px;
  height: 100%;
  position: fixed;
  transition: .2s all ease;
  visibility: hidden;
  z-index: 12;
  transform: translatex(-100%); }
  @media only screen and (max-width: 576px) {
    .page_sidebar {
      width: 300px; } }

.page_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  transition: .5s all ease;
  z-index: 2;
  position: relative;
  background: #000000;
  color: #FFFFFF;
  width: 100%; }
  .page_wrap .page_main {
    flex: 1; }

.overlay_menu_mobile {
  visibility: hidden;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  transition: .5s all ease;
  margin-left: 0;
  opacity: 0; }
  .overlay_menu_mobile .close {
    display: block; }
    .overlay_menu_mobile .close .item_close {
      font-size: 53px;
      color: #FFFFFF;
      position: absolute;
      left: 0;
      padding: 0;
      background: none;
      border: none; }

.btn.btn-slick {
  background: none;
  border: none;
  color: #FF4D00;
  font-size: 25px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  padding: 0; }
  .btn.btn-slick.next {
    top: 50%;
    transform: translateY(-50%);
    right: -30px; }
  .btn.btn-slick.prev {
    top: 50%;
    transform: translateY(-50%);
    left: -30px; }
  .btn.btn-slick.slick-disabled {
    color: rgba(255, 77, 0, 0.3);
    cursor: default; }
  .btn.btn-slick .icon {
    display: block; }

.owl-prev, .owl-next {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 30px; }
  .owl-prev:hover i, .owl-next:hover i {
    color: #1e0093; }

.owl-prev {
  left: -30px; }
  .owl-prev:before {
    transform: rotate(-45deg); }
  .owl-prev span {
    display: none; }

.owl-next {
  right: -30px; }
  .owl-next:before {
    transform: rotate(135deg); }
  .owl-next span {
    display: none; }

.transform__arrow {
  display: block;
  transform: rotate(180deg); }

.slick-slide img {
  display: block;
  width: 100%; }

.profile-close {
  text-align: right; }
  .profile-close .item_close button {
    color: #000000;
    font-size: 44px;
    line-height: 36px;
    transition: .2s all ease;
    background: none;
    border: none; }

.support_button {
  text-align: center; }

.attention {
  text-align: center;
  margin-top: 40px;
  padding: 0 50px; }
  @media only screen and (max-width: 576px) {
    .attention {
      margin: 10px 0; } }

.fix-nav-menu + ._fix_placeholder {
  display: none; }

@media only screen and (min-width: 768px) {
  .fix-nav-menu.fixed {
    z-index: 10;
    position: fixed;
    background: #000;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    padding: 0; }
    .fix-nav-menu.fixed + ._fix_placeholder {
      display: block; } }

#app_ask > .ask-widget-button {
  height: 29px; }

.webim_button {
  z-index: 3 !important;
  max-width: 40px; }
  .webim_button > img {
    max-width: 100%; }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .ask-widget-button {
    display: none !important; }
  .webim_button {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .ask-widget-button {
    display: none !important; }
  .webim_button {
    display: none !important; } }

.games_slider_wrap .list {
  opacity: 0;
  transition: .2s all ease; }

.games_slider_wrap .slick-initialized {
  opacity: 1; }

.page_games .games_grid {
  margin: 20px 0; }

.page_games .games_filters {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 15px 0; }
  .page_games .games_filters .games_sorting_wrap {
    flex: 0;
    width: auto; }
  .page_games .games_filters .providers_wrap {
    flex: 0; }
  .page_games .games_filters .clear_all {
    flex: 0; }
  .page_games .games_filters .term_wrap {
    margin-left: auto;
    flex: 0;
    width: auto; }
  @media only screen and (max-width: 576px) {
    .page_games .games_filters .term_wrap .form-control {
      display: none; }
    .page_games .games_filters.open_search .clear_all, .page_games .games_filters.open_search .providers_wrap {
      display: none; }
    .page_games .games_filters.open_search .term_wrap {
      flex: 1;
      text-align: right; }
      .page_games .games_filters.open_search .term_wrap .form-control {
        display: inline-block;
        width: 100%;
        padding-left: 16px; } }

.page_games .menu_categories_wrap {
  overflow-x: auto; }

.page_games .menu_categories {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 100%;
  width: auto;
  height: 41px;
  border-bottom: 1px solid #1e0093;
  display: flex;
  opacity: 0;
  transition: .2s all ease; }
  .page_games .menu_categories.owl-loaded {
    display: block;
    opacity: 1; }
  .page_games .menu_categories .item {
    flex: 0; }
    .page_games .menu_categories .item .link {
      height: 40px;
      line-height: 40px;
      display: block;
      border-bottom: 1px solid transparent;
      transition: 0.2s ease;
      white-space: nowrap;
      min-width: 120px;
      text-align: center;
      padding: 0 10px;
      margin: 1px 0 0 0;
      color: #e5e5e5; }
      @media only screen and (max-width: 576px) {
        .page_games .menu_categories .item .link {
          min-width: unset; } }
      .page_games .menu_categories .item .link:hover {
        border-bottom: 6px solid #1e0093; }
      .page_games .menu_categories .item .link.active {
        color: #fad53c;
        border-bottom: 6px solid #ff0000; }

.page_games .term_wrap {
  display: block; }
  .page_games .term_wrap .form-group {
    display: block;
    white-space: nowrap; }
    .page_games .term_wrap .form-group input {
      padding: 0 32px 0 0;
      margin: 0;
      color: #fad53c;
      height: 32px;
      line-height: 32px;
      display: inline-block;
      font-size: 14px;
      width: 193px;
      border: none;
      background: none; }
      .page_games .term_wrap .form-group input::placeholder {
        color: rgba(255, 199, 0, 0.5); }
    .page_games .term_wrap .form-group .search_button {
      color: #006a93;
      background: none;
      border: none;
      width: 32px;
      height: 32px;
      line-height: 32px;
      display: inline-block;
      font-size: 24px;
      vertical-align: middle;
      margin: 0 0 0 -32px;
      padding: 0; }

.page_games .clear_all {
  white-space: nowrap;
  padding: 0 16px;
  font-size: 12px;
  line-height: 20px; }
  .page_games .clear_all .link_button {
    color: #1e0093; }

.page_games .providers_wrap {
  white-space: nowrap;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  color: #FF4D00; }
  .page_games .providers_wrap .icon {
    font-size: 22px;
    vertical-align: middle;
    display: inline-block; }
  .page_games .providers_wrap .open + .icon {
    transform: scaleY(-1); }

.page_games .providers_list {
  color: #FFFFFF; }
  .page_games .providers_list .list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #666; }
  .page_games .providers_list .item {
    display: block;
    width: 9.09091%; }
    @media only screen and (max-width: 768px) {
      .page_games .providers_list .item {
        width: 14.28571%; } }
    @media only screen and (max-width: 576px) {
      .page_games .providers_list .item {
        width: 25%; } }
    .page_games .providers_list .item .hidden {
      display: none; }
    .page_games .providers_list .item > label {
      display: block; }
    .page_games .providers_list .item .logo {
      display: block;
      height: 64px;
      padding: 10px;
      color: #666;
      transition: 0.2s ease;
      cursor: pointer;
      text-align: center; }
      .page_games .providers_list .item .logo svg {
        height: 100%;
        max-width: 100%; }
        .page_games .providers_list .item .logo svg * {
          transition: 0.2s ease;
          fill: #666; }
      .page_games .providers_list .item .logo:hover {
        color: #1e0093; }
        .page_games .providers_list .item .logo:hover svg * {
          fill: #1e0093; }
    .page_games .providers_list .item input:checked + .logo {
      color: #FF4D00; }
      .page_games .providers_list .item input:checked + .logo svg * {
        fill: #FF4D00; }
  .page_games .providers_list .close_wrap {
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 10px; }
    .page_games .providers_list .close_wrap .close {
      font-size: 12px;
      color: #1e0093;
      cursor: pointer; }

@media only screen and (max-width: 768px) {
  .game_page #ask_info {
    display: none; }
  .game_page .webim_button {
    display: none !important; } }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .game_page #ask_info {
    display: none; }
  .game_page .webim_button {
    display: none !important; } }

.game_page .game__seo {
  display: none; }

@media only screen and (max-width: 1024px) {
  .game_page .page_wrap {
    z-index: 3; } }

.game_view {
  display: block;
  width: 100%;
  padding: 15px 45px; }
  .game_view .row {
    display: flex;
    flex-direction: row; }
    .game_view .row > .column.sidebar {
      width: 220px;
      height: auto;
      padding-top: 100px; }
    .game_view .row > .column.main {
      flex: 1;
      height: auto;
      padding: 0 15px; }
  .game_view .game_controls {
    display: flex;
    justify-content: flex-end;
    width: 100%; }
    .game_view .game_controls .action {
      font-size: 20px;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      color: #FF4D00;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      display: inline-block;
      margin-left: 5px; }
      .game_view .game_controls .action:hover {
        color: #ff7133; }
  .game_view .header_logo {
    width: 100%;
    padding: 0 0;
    text-align: center; }
    .game_view .header_logo > .logo {
      display: inline-block;
      padding: 0;
      margin: 0;
      width: 200px; }
  .game_view .player_actions {
    margin: 15px 0 30px 0; }
    .game_view .player_actions .button_row {
      margin: 15px 0; }
  .game_view .player_profile {
    margin: 15px 0 30px 0;
    text-align: center;
    color: #1e0093;
    display: block;
    text-transform: uppercase; }
    .game_view .player_profile:hover {
      color: #ff7133; }
    .game_view .player_profile .icon {
      display: block;
      margin: 3px 0; }
    .game_view .player_profile .caption {
      display: block;
      margin: 3px 0; }
    .game_view .player_profile .login {
      color: #FFFFFF;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 150px;
      margin: 3px auto; }
  .game_view .active_bonus_bar {
    margin: 15px 0 63px 0;
    display: block; }
    .game_view .active_bonus_bar .progress_bar_wrap {
      display: block;
      text-align: center; }
      .game_view .active_bonus_bar .progress_bar_wrap .bar {
        background: #595959; }
    .game_view .active_bonus_bar .image {
      width: 120px;
      max-width: 100%;
      margin: 0 auto; }
      .game_view .active_bonus_bar .image > img {
        display: block;
        max-width: 100%; }
    .game_view .active_bonus_bar .title {
      margin-left: 0;
      margin-right: 0; }
    .game_view .active_bonus_bar .progress_bar {
      width: 100%; }
  .game_view .button.simple {
    text-transform: none;
    color: #FF4D00;
    background: none;
    font-weight: 300; }
    .game_view .button.simple:hover {
      color: #FFFFFF; }
    .game_view .button.simple.in_fav {
      color: #FF4D00; }
  .game_view .back_button {
    margin-top: 45px; }
  .game_view .tabs_block {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px; }
    .game_view .tabs_block .tabs_list {
      position: relative;
      height: 30px;
      width: 100%;
      color: #FF4D00;
      padding: 0 30px; }
      .game_view .tabs_block .tabs_list .tabs_items {
        position: relative;
        top: 0;
        left: 0;
        margin: 4px 0;
        width: 100%;
        height: 20px; }
      .game_view .tabs_block .tabs_list .tabs_items > .item {
        line-height: 27px;
        margin: 0;
        width: 100%;
        height: 20px;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity ease;
        position: absolute;
        top: 0;
        left: 0;
        color: #1e0093; }
        .game_view .tabs_block .tabs_list .tabs_items > .item.active {
          visibility: visible;
          opacity: 1; }
      .game_view .tabs_block .tabs_list > .btn {
        width: 33px;
        height: 33px;
        font-size: 28px;
        border: none;
        background: none;
        position: absolute;
        z-index: 1;
        top: 0;
        color: #FF4D00;
        transition: .2s all ease;
        cursor: pointer;
        display: flex;
        justify-content: center; }
        .game_view .tabs_block .tabs_list > .btn:hover {
          color: #1e0093; }
        .game_view .tabs_block .tabs_list > .btn.prev {
          left: 0; }
        .game_view .tabs_block .tabs_list > .btn.next {
          right: 0; }
    .game_view .tabs_block .tabs_content {
      flex: 1;
      margin: 15px 0;
      position: relative;
      min-height: 100%; }
      .game_view .tabs_block .tabs_content > .item {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity ease;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
        .game_view .tabs_block .tabs_content > .item.active {
          display: block;
          visibility: visible;
          opacity: 1; }
    .game_view .tabs_block .winner_item {
      font-size: 12px;
      color: #aaa;
      display: flex;
      flex-direction: row;
      margin-bottom: 15px; }
      .game_view .tabs_block .winner_item > .image {
        padding: 0;
        margin: 0;
        width: 50px; }
        .game_view .tabs_block .winner_item > .image > .img {
          width: 50px;
          height: 40px;
          display: block; }
      .game_view .tabs_block .winner_item > .content {
        padding: 0 0 0 10px;
        flex: 1;
        display: block; }
        .game_view .tabs_block .winner_item > .content .game_row {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 12px; }
        .game_view .tabs_block .winner_item > .content .prize_row > span {
          font-weight: 700;
          color: #FFFFFF; }
      .game_view .tabs_block .winner_item .link_button {
        color: #1e0093; }
    .game_view .tabs_block .event_wrap {
      display: block;
      width: 100%;
      text-align: center; }
      .game_view .tabs_block .event_wrap .title {
        margin: 5px 0;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase; }
      .game_view .tabs_block .event_wrap .prize_pool {
        margin: 5px 0;
        color: #1e0093; }
        .game_view .tabs_block .event_wrap .prize_pool .caption {
          font-size: 12px;
          font-weight: 700; }
        .game_view .tabs_block .event_wrap .prize_pool .money {
          font-size: 24px;
          font-weight: 700;
          text-transform: uppercase; }
      .game_view .tabs_block .event_wrap .image {
        margin: 5px 0;
        width: 100%; }
        .game_view .tabs_block .event_wrap .image > img {
          width: 100%;
          display: block; }
      .game_view .tabs_block .event_wrap .prizes_wrap {
        margin: 20px 0; }
      .game_view .tabs_block .event_wrap .prize_item {
        padding: 0 5px; }
        .game_view .tabs_block .event_wrap .prize_item .prize_caption {
          margin: 5px 0;
          font-size: 12px;
          font-weight: 300;
          text-align: center;
          color: #1e0093; }
      .game_view .tabs_block .event_wrap .leaderboard_caption {
        margin: 10px 0;
        font-size: 12px;
        font-weight: 700;
        color: #1e0093; }
      .game_view .tabs_block .event_wrap .leaderboard_wrap {
        margin: 5px 0; }
        .game_view .tabs_block .event_wrap .leaderboard_wrap table {
          font-size: 11px;
          width: 100%;
          border-collapse: collapse;
          text-align: left; }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table td, .game_view .tabs_block .event_wrap .leaderboard_wrap table th {
            padding: 10px 5px; }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table tr:first-child td:first-child:before {
            content: "";
            position: absolute;
            top: 0;
            left: 105px;
            transform: translateX(-50%);
            height: 1px;
            width: 210px;
            background: linear-gradient(90deg, transparent 0%, #1e0093 50%, transparent 100%); }
            @media only screen and (max-width: 767px) {
              .game_view .tabs_block .event_wrap .leaderboard_wrap table tr:first-child td:first-child:before {
                width: 100vw;
                left: -20px;
                transform: translateX(0); } }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table td {
            position: relative; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table td:last-child {
              text-align: right; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table td:first-child:after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 105px;
              transform: translateX(-50%);
              height: 1px;
              width: 210px;
              background: linear-gradient(90deg, transparent 0%, #1e0093 50%, transparent 100%); }
              @media only screen and (max-width: 767px) {
                .game_view .tabs_block .event_wrap .leaderboard_wrap table td:first-child:after {
                  width: 100vw;
                  left: -20px;
                  transform: translateX(0); } }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table thead {
            color: #1e0093;
            font-weight: 700; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table thead tr th:last-child {
              text-align: right; }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table tbody {
            color: #FFFFFF;
            font-weight: 300; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table tbody tr:nth-child(2n+1) {
              background: #000000; }
      .game_view .tabs_block .event_wrap .timer {
        color: #1e0093;
        margin: 30px 0; }
        .game_view .tabs_block .event_wrap .timer .countdown__title {
          font-size: 12px;
          font-weight: 500; }
        .game_view .tabs_block .event_wrap .timer .timer__content {
          font-size: 9px; }
        .game_view .tabs_block .event_wrap .timer .countdown__body {
          font-size: 16px; }
        .game_view .tabs_block .event_wrap .timer .timer__content > span, .game_view .tabs_block .event_wrap .timer .countdown__body > span {
          display: inline-block;
          width: 21px;
          text-align: center; }
      .game_view .tabs_block .event_wrap .more {
        text-align: center; }
    .game_view .tabs_block .winners_list {
      opacity: 0;
      transition: .2s all ease; }
      .game_view .tabs_block .winners_list.slick-initialized {
        opacity: 1; }
  .game_view .gameplay_nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    position: relative;
    transition: .2s all ease; }
    .game_view .gameplay_nav > .item:first-child {
      border-left: none; }
    .game_view .gameplay_nav > .item .content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #000000;
      padding: 15px 30px;
      height: 176px;
      transition: .2s all ease; }
      .game_view .gameplay_nav > .item .content > .loader_overlay {
        background: rgba(0, 0, 0, 0.5); }
    .game_view .gameplay_nav > .item .link {
      color: #1e0093;
      display: block;
      width: 100%;
      padding: 0 10px;
      line-height: 24px;
      transition: .2s all ease; }
      @media only screen and (max-width: 1420px) {
        .game_view .gameplay_nav > .item .link {
          font-size: 10px;
          text-transform: uppercase; } }
      .game_view .gameplay_nav > .item .link:hover {
        color: #FF4D00; }
    .game_view .gameplay_nav > .item.active .content {
      display: block; }
    .game_view .gameplay_nav > .close {
      color: #FF4D00;
      font-size: 20px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      z-index: 3;
      transition: .2s all ease; }
      .game_view .gameplay_nav > .close:hover {
        color: #1e0093; }
    .game_view .gameplay_nav.open {
      margin-top: -176px; }
      .game_view .gameplay_nav.open > .item .link {
        background: #000000;
        color: #1e0093;
        line-height: 36px; }
      .game_view .gameplay_nav.open > .item.active .link {
        background: #000000;
        color: #FF4D00; }
      .game_view .gameplay_nav.open > .close {
        display: block; }
    .game_view .gameplay_nav .game_item .title {
      color: white;
      text-align: center;
      margin: 3px 0;
      font-size: 12px;
      min-height: 32px; }
    .game_view .gameplay_nav .game_item .image:before {
      padding-top: 65%; }
    .game_view .gameplay_nav .game_item .image > img {
      border-radius: 0; }
    .game_view .gameplay_nav .btn.btn-slick {
      height: 100%;
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      padding-bottom: 32px;
      top: 0;
      transform: none; }
      .game_view .gameplay_nav .btn.btn-slick.prev {
        left: -30px; }
      .game_view .gameplay_nav .btn.btn-slick.next {
        right: -30px; }
  .game_view .current_player {
    color: #000000;
    background: #1e0093 !important; }

@media only screen and (max-width: 1299px) {
  .game_view .row > .column.right {
    display: none !important; } }

@media only screen and (max-width: 1024px) {
  .game_view {
    padding: 0; }
    .game_view .row > .column.left {
      display: none !important; }
    .game_view .row > .column.main {
      padding: 0; }
    .game_view .game_controls, .game_view .header_logo {
      display: none; }
    .game_view .gameplay_nav {
      display: none; } }

.error_page {
  background: #000000;
  color: #FFFFFF; }
  .error_page .page_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center; }
  .error_page .page_main {
    padding: 0;
    margin: 0;
    display: block;
    background: none;
    color: inherit;
    flex: 0; }
    .error_page .page_main .container {
      max-width: 620px;
      text-align: center;
      padding: 0 10px;
      margin: 0 auto; }
  .error_page .page_image {
    max-width: 100%;
    margin: 15px 0;
    position: relative; }
    .error_page .page_image > img, .error_page .page_image > svg {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
      @media only screen and (max-width: 768px) {
        .error_page .page_image > img, .error_page .page_image > svg {
          max-width: 75%; } }
    .error_page .page_image .cogs {
      display: block;
      width: 150px;
      margin: 10px auto;
      fill: #0255c2; }
      @media only screen and (max-width: 768px) {
        .error_page .page_image .cogs {
          width: 100px; } }
  .error_page .page_logo {
    margin: 15px 0;
    text-align: center; }
    .error_page .page_logo .logo {
      display: block;
      width: 100%;
      max-width: 100%;
      margin: 0 auto; }
      .error_page .page_logo .logo > .img {
        display: block;
        max-width: 100%; }
  .error_page .go_back {
    margin-top: 40px; }
  .error_page .help_btn_holder {
    width: 100%;
    max-width: 320px;
    margin: 50px auto 0;
    text-align: center; }
    .error_page .help_btn_holder .help_btn {
      display: inline-block;
      text-transform: uppercase;
      color: #FF4D00;
      text-decoration: underline;
      cursor: pointer; }
      .error_page .help_btn_holder .help_btn:hover {
        text-decoration: none; }
    .error_page .help_btn_holder .image {
      display: block;
      width: 46px;
      margin: 0 auto 7px; }
    .error_page .help_btn_holder .caption {
      display: block;
      font-weight: 400;
      font-size: 18px;
      color: inherit; }
  .error_page .ask-widget-button {
    display: none; }
  .error_page h2.header {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    margin: 30px 0;
    color: #B1B1B1; }
  .error_page .header.active {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #B1B1B1;
    width: 600px;
    padding: 0 10px; }
    @media only screen and (max-width: 576px) {
      .error_page .header.active {
        width: 100%; } }
  .error_page .maintenance__description {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #B1B1B1;
    margin: 15px 0;
    width: 600px;
    padding: 0 10px; }
    @media only screen and (max-width: 576px) {
      .error_page .maintenance__description {
        width: 100%; } }
  .error_page .maintenance__form {
    margin: 15px auto;
    width: 245px;
    max-width: 100%; }
    .error_page .maintenance__form .control-label {
      text-align: center; }
  .error_page .maintenance__footer {
    margin: 25px 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FF4D00; }
  .error_page.maintenance .page_main, .error_page.unsupported_browser .page_main, .error_page.restricted_country .page_main {
    margin: 20px 0 auto 0; }
    @media only screen and (max-width: 576px) {
      .error_page.maintenance .page_main, .error_page.unsupported_browser .page_main, .error_page.restricted_country .page_main {
        margin-top: 0; } }
  @media only screen and (max-width: 576px) {
    .error_page .page_image {
      margin-top: 0;
      margin-bottom: 0; }
      .error_page .page_image .cogs {
        width: 110px;
        margin-top: 0;
        margin-bottom: 0; } }

.lottery .header_banners {
  min-height: unset; }
  .lottery .header_banners .list .item .image > .img {
    background-position: center; }

@media only screen and (max-width: 767px) {
  .lottery_grid .container {
    padding: 0; } }

.lottery_grid .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -5px; }
  @media only screen and (max-width: 767px) {
    .lottery_grid .row {
      flex-direction: column;
      flex-wrap: wrap;
      margin-left: 0; } }

.lottery_grid .column-wide {
  width: 100%;
  margin: 5px 0;
  padding: 12px 20px 25px;
  background-color: #141414; }

.lottery_grid .column {
  width: 50%;
  padding-left: 5px; }
  @media only screen and (max-width: 767px) {
    .lottery_grid .column {
      width: 100%;
      padding-left: 0; }
      .lottery_grid .column:not(:first-child) {
        margin-top: 5px; } }
  .lottery_grid .column .wrap {
    min-height: 480px;
    padding: 14px 20px;
    background-color: #141414; }
    @media only screen and (max-width: 767px) {
      .lottery_grid .column .wrap {
        min-height: unset; } }

.lottery_grid .status {
  margin: 20px auto 10px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center; }
  .lottery_grid .status .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-size: 25px; }
    .lottery_grid .status .icon i {
      display: block; }
  .lottery_grid .status.active {
    color: #FFFFFF; }
  .lottery_grid .status.pending {
    color: rgba(255, 255, 255, 0.5); }
  .lottery_grid .status.finished {
    color: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 767px) {
    .lottery_grid .status {
      text-align: center; } }

.lottery_grid .title {
  margin: 10px 0 12px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF; }
  @media only screen and (max-width: 576px) {
    .lottery_grid .title {
      font-size: 24px; } }

.lottery_grid .price .caption {
  text-align: center; }
  .lottery_grid .price .caption span {
    color: #1e0093; }

.lottery_grid .price .value {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 60px;
  text-align: center;
  line-height: 1;
  color: #1e0093; }

.lottery_grid .timer_wrap {
  margin: 0 auto; }
  .lottery_grid .timer_wrap .timer {
    color: #707070; }

.lottery_grid .info {
  margin-bottom: 20px; }
  .lottery_grid .info .info_list {
    width: calc(100% + 5px);
    display: flex;
    justify-content: space-between;
    margin: 20px 0 5px -5px; }
    .lottery_grid .info .info_list .owl-item {
      padding-left: 5px; }
    .lottery_grid .info .info_list .item .wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      position: relative;
      padding: 10px 15px;
      text-align: center;
      font-size: 16px;
      background-color: #141414; }
    .lottery_grid .info .info_list .item .label {
      color: #1e0093; }
      @media only screen and (max-width: 767px) {
        .lottery_grid .info .info_list .item .label {
          font-size: 14px; } }
    .lottery_grid .info .info_list .item .content {
      color: #FFFFFF; }

.lottery_grid .title_small {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  text-transform: none;
  color: #1e0093;
  position: relative;
  margin: 0 auto 20px; }

.lottery_grid .description_text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #FFFFFF; }
  .lottery_grid .description_text p {
    margin: 5px 0; }
    .lottery_grid .description_text p:first-of-type {
      margin-top: 0; }

.lottery_grid .prizes {
  padding: 0 20px; }
  @media only screen and (max-width: 576px) {
    .lottery_grid .prizes {
      padding: 0 18px; } }
  .lottery_grid .prizes .caption {
    text-align: center;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .lottery_grid .prizes .caption {
        margin-bottom: 20px; } }
  .lottery_grid .prizes .slick-track {
    width: 100%; }
    .lottery_grid .prizes .slick-track .item {
      text-align: center; }
      .lottery_grid .prizes .slick-track .item .item__text {
        margin-top: 3px;
        padding: 0 15px;
        font-weight: 400;
        font-size: 14px;
        color: #1e0093; }

.tournament .header_banners {
  min-height: unset; }
  .tournament .header_banners .list .item .image > .img {
    background-position: center; }

@media only screen and (max-width: 767px) {
  .tournament_grid .container {
    padding: 0; } }

.tournament_grid .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-left: -5px; }
  @media only screen and (max-width: 767px) {
    .tournament_grid .row {
      flex-direction: column;
      flex-wrap: wrap;
      margin-left: 0; } }

.tournament_grid .column-wide {
  width: 100%;
  margin: 5px 0;
  padding: 12px 20px 25px;
  background-color: #141414; }

.tournament_grid .column {
  width: 50%;
  padding-left: 5px; }
  @media only screen and (max-width: 767px) {
    .tournament_grid .column {
      width: 100%;
      padding-left: 0; }
      .tournament_grid .column:not(:first-child) {
        margin-top: 5px; } }
  .tournament_grid .column .wrap {
    height: 100%;
    min-height: 480px;
    padding: 14px 20px;
    background-color: #141414; }
    @media only screen and (max-width: 767px) {
      .tournament_grid .column .wrap {
        min-height: unset; } }

.tournament_grid .game_caption {
  font-size: 13px;
  color: #1e0093; }

.tournament_grid .games_gallery {
  justify-content: center;
  padding: 0; }

.tournament_grid .price .caption {
  text-align: center; }
  .tournament_grid .price .caption span {
    color: #1e0093; }

.tournament_grid .price .value {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 60px;
  text-align: center;
  line-height: 1;
  color: #1e0093; }

.tournament_grid .title {
  margin: 10px 0 12px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF; }
  @media only screen and (max-width: 576px) {
    .tournament_grid .title {
      font-size: 24px; } }

.tournament_grid .status {
  margin: 20px auto 10px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center; }
  .tournament_grid .status .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-size: 25px; }
    .tournament_grid .status .icon i {
      display: block; }
  .tournament_grid .status.active {
    color: #FFFFFF; }
  .tournament_grid .status.pending {
    color: rgba(255, 255, 255, 0.5); }
  .tournament_grid .status.finished {
    color: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 767px) {
    .tournament_grid .status {
      text-align: center; } }

.tournament_grid .timer_wrap {
  margin: 0 auto; }
  .tournament_grid .timer_wrap .timer {
    color: #707070; }

.tournament_grid .info {
  margin-bottom: 20px; }
  .tournament_grid .info .info_list {
    width: calc(100% + 5px);
    display: flex;
    justify-content: space-between;
    margin: 20px 0 5px -5px; }
    .tournament_grid .info .info_list .owl-item {
      padding-left: 5px; }
    .tournament_grid .info .info_list .item .wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      position: relative;
      padding: 10px 15px;
      text-align: center;
      font-size: 16px;
      background-color: #141414; }
    .tournament_grid .info .info_list .item .label {
      color: #1e0093; }
      @media only screen and (max-width: 767px) {
        .tournament_grid .info .info_list .item .label {
          font-size: 14px; } }
    .tournament_grid .info .info_list .item .content {
      color: #FFFFFF; }

.tournament_grid .title_small {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  text-transform: none;
  color: #1e0093;
  position: relative;
  margin: 0 auto 20px; }

.tournament_grid .description_text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #FFFFFF; }
  .tournament_grid .description_text p {
    margin: 0; }
    .tournament_grid .description_text p:not(:last-child) {
      margin: 0 0 25px; }

@media only screen and (max-width: 576px) {
  .tournament_grid .hidden {
    display: none; } }

.tournament_grid .games_gallery > .list {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.tournament_grid .game_item {
  width: 25%;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .tournament_grid .game_item {
      width: 50%; } }

.tournament_grid .more_games {
  text-align: center;
  margin: 20px 0 0; }

@media only screen and (max-width: 576px) {
  .tournament_grid .places-slider .slick-dots {
    bottom: -30px; } }

@media screen and (max-width: 370px) {
  .tournament_grid .places-slider .slick-dots {
    bottom: -45px; } }

.tournament_grid .title_tabel {
  text-align: center;
  padding: 7px 0;
  margin-top: 30px; }
  .tournament_grid .title_tabel span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF; }

.tournament_grid .your_position {
  margin: 0; }

.tournament_grid .tournament_winner_table_mobile .table-slider__body {
  margin-bottom: 0; }

.tournament_grid .tournament_winner_table_mobile .title_tabel {
  margin-top: 10px; }

.tournament_grid .current_player {
  background: #1e0093 !important; }
  .tournament_grid .current_player td {
    color: #000000 !important;
    background: #1e0093 !important; }

.tournament_grid table {
  width: 100%;
  background: linear-gradient(90deg, transparent 0%, #1e0093 50%, transparent 100%);
  border-collapse: collapse; }
  .tournament_grid table td {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-transform: none;
    color: #FFFFFF;
    padding: .75rem;
    border-bottom: 1px solid transparent;
    background: #141414;
    border-collapse: collapse; }
    @media only screen and (max-width: 768px) {
      .tournament_grid table td {
        padding: .55rem; } }
    .tournament_grid table td:nth-child(4) {
      text-align: right; }
  .tournament_grid table th {
    padding: 0 10px 14px 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    text-transform: inherit;
    color: #1e0093;
    border-bottom: 1px solid transparent;
    background: #141414;
    border-collapse: collapse; }
    .tournament_grid table th:nth-child(4) {
      text-align: right; }

.tournament_grid .current_place {
  background-color: #1e0093; }
  .tournament_grid .current_place td {
    color: #000000; }

.tournament_grid .slick-dots {
  margin-top: auto;
  padding-top: 39px;
  position: static; }
  .tournament_grid .slick-dots > li {
    width: auto;
    height: auto;
    margin: 0 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    opacity: 0.5;
    color: #1e0093; }
    .tournament_grid .slick-dots > li.slick-active {
      opacity: 1;
      font-weight: 700; }

.tournament_grid .button-back-wrap {
  text-align: center;
  margin: 10px 0 0; }
  .tournament_grid .button-back-wrap .button-back {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    transition: .2s all ease; }
    .tournament_grid .button-back-wrap .button-back:hover {
      color: #FF4D00; }

.tournament_grid .tournament_winner_table {
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  display: flex; }
  .tournament_grid .tournament_winner_table .table-slider__body {
    flex-grow: 1;
    width: 100%; }

.tournament_grid .places-slider {
  opacity: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%; }
  .tournament_grid .places-slider.slick-initialized {
    opacity: 1;
    transition: .2s all ease; }

.static_page {
  padding: 0 0 50px 0;
  color: #FFFFFF; }
  .static_page .container {
    text-align: left;
    width: 1100px;
    max-width: 100%;
    font-size: 16px; }
    .static_page .container a {
      display: inline-block;
      color: #1e0093;
      text-decoration: underline; }
      .static_page .container a:hover {
        text-decoration: none; }
    .static_page .container h1, .static_page .container h2, .static_page .container h3, .static_page .container h4 {
      margin: 20px 0;
      color: #FFFFFF; }
    .static_page .container p {
      margin: 20px 0;
      color: #b3b3b3; }
    .static_page .container .page_title {
      color: #1e0093;
      text-align: center;
      font-weight: 900;
      font-size: 20px;
      line-height: 23px;
      margin: 15px 0; }
    .static_page .container img {
      max-width: 100%; }
    .static_page .container .suspend_button {
      margin: 40px 0;
      text-align: center; }
    .static_page .container .divider {
      display: block;
      height: 1px;
      width: 100%;
      background: linear-gradient(90deg, #000000 0%, #1e0093 50%, #000000 100%);
      margin: 15px 0; }

.promo .menu_promo_wrap {
  display: flex;
  justify-content: space-between; }

.promo .tabmenu_categories {
  justify-content: center; }
  .promo .tabmenu_categories.start {
    justify-content: flex-start; }
  .promo .tabmenu_categories.end {
    justify-content: flex-end; }
  .promo .tabmenu_categories .link:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000000;
    margin-top: 5px; }
  .promo .tabmenu_categories .link.active {
    border-bottom: 6px solid #FF4D00; }
  .promo .tabmenu_categories .link.active:after {
    display: none; }
  .promo .tabmenu_categories .link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #000000;
    transition: 0.2s all ease;
    max-width: 200px;
    white-space: nowrap; }

.promo .tabmenu_promo_types {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0;
  flex-wrap: wrap; }
  .promo .tabmenu_promo_types .link {
    margin-right: 15px;
    padding: 10px 0;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    display: flex;
    align-items: center; }
    .promo .tabmenu_promo_types .link .checkbox {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      border: 1px solid #262626;
      vertical-align: middle;
      position: relative;
      margin-right: 5px; }
    .promo .tabmenu_promo_types .link.active {
      color: #FF4D00; }
      .promo .tabmenu_promo_types .link.active .checkbox {
        border-color: #FF4D00;
        background: #FF4D00; }
        .promo .tabmenu_promo_types .link.active .checkbox:after {
          content: " ";
          display: block;
          position: absolute;
          width: 35%;
          height: 55%;
          transform: rotate(45deg);
          border-bottom: 2px solid #FFFFFF;
          border-right: 2px solid #FFFFFF;
          left: 28%;
          top: 1%; }

.promo .tabmenu_promo_check_and_status {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .promo .tabmenu_promo_check_and_status .tabmenu_categories {
    width: 390px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories {
        width: 100%;
        justify-content: center; } }
    @media screen and (max-width: 768px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories {
        width: 100%;
        justify-content: center; } }
    @media only screen and (max-width: 767px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories {
        width: 100%;
        justify-content: center; } }
    @media only screen and (max-width: 576px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories {
        width: 100%;
        justify-content: center; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .item {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .item {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 576px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .item {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .link {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .link {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 576px) {
      .promo .tabmenu_promo_check_and_status .tabmenu_categories .link {
        width: 100%;
        max-width: 100%; } }

.promo .promo_no-events {
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
  padding: 100px; }
  @media only screen and (max-width: 576px) {
    .promo .promo_no-events {
      padding: 30px; } }

.filters_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 40px;
  padding-bottom: 1px;
  overflow-x: auto; }
  @media only screen and (max-width: 992px) {
    .filters_list {
      flex-direction: column; } }
  .filters_list .filters_item:not(:first-child) {
    padding-left: 5px; }
  @media only screen and (max-width: 992px) {
    .filters_list .filters_item {
      width: 100%; }
      .filters_list .filters_item .item {
        width: 100%; }
        .filters_list .filters_item .item .link {
          width: 100%; } }

.activities_filters {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 15px; }
  @media only screen and (max-width: 576px) {
    .activities_filters {
      flex-wrap: wrap; } }
  .activities_filters .filter_dropdown {
    width: 100%;
    max-width: 230px;
    height: 38px;
    z-index: 5; }
    .activities_filters .filter_dropdown.open {
      z-index: 7; }
      .activities_filters .filter_dropdown.open .icon:after {
        transform-origin: 50% 21%;
        transform: rotate(180deg); }
    .activities_filters .filter_dropdown:not(:first-child) {
      margin-left: 10px; }
      @media only screen and (max-width: 576px) {
        .activities_filters .filter_dropdown:not(:first-child) {
          margin-left: 0;
          margin-top: 15px; } }
    @media only screen and (max-width: 768px) {
      .activities_filters .filter_dropdown {
        max-width: 100%; } }
    .activities_filters .filter_dropdown .dd__button {
      height: 100% !important;
      line-height: 19px !important;
      font-size: 16px;
      font-weight: 400;
      text-transform: unset;
      color: #4D4D4D;
      background-color: #E5E5E5 !important;
      border: 1px solid #B0B0B0 !important;
      z-index: 2; }
      .activities_filters .filter_dropdown .dd__button .icon {
        width: 27px;
        height: 100%;
        background-color: #0355C3; }
        .activities_filters .filter_dropdown .dd__button .icon:after {
          position: absolute;
          top: 14px;
          left: 8px;
          display: block;
          height: 0;
          width: 0;
          line-height: 1;
          border-width: 6px;
          border-top-color: #fff;
          transition: 200ms ease; }
    .activities_filters .filter_dropdown .menu {
      background-color: #E5E5E5 !important;
      z-index: 1; }
    .activities_filters .filter_dropdown .dd__link:before {
      background-color: #000000; }

.page_calendar {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px; }
  .page_calendar .title_lg {
    margin: 20px auto 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    color: #FFFFFF; }
    @media only screen and (max-width: 576px) {
      .page_calendar .title_lg {
        font-size: 24px; } }
  .page_calendar .prizepool {
    width: 100%;
    text-align: center;
    margin: 15px 0 10px; }
    .page_calendar .prizepool .title {
      font-size: 14px;
      color: #1e0093; }
    .page_calendar .prizepool .money {
      font-weight: 700;
      font-size: 42px;
      color: #1e0093; }
  .page_calendar .active_period {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
    color: #707070;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column; }
    .page_calendar .active_period .title {
      flex: 1;
      margin: 5px 0; }
    .page_calendar .active_period .columns {
      flex: 1; }
    .page_calendar .active_period .column {
      display: inline; }
      .page_calendar .active_period .column > * {
        display: inline; }
  .page_calendar .calendar_slider {
    width: 730px;
    max-width: 100%;
    margin: 0 auto; }
  .page_calendar .calendar_header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 700px;
    height: 65px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    color: #000000;
    border-radius: 4px;
    border: 2px solid #FF4D00;
    background-color: #FF4D00; }
  .page_calendar .week_slider {
    position: relative;
    overflow: hidden;
    height: 67px;
    opacity: 0;
    margin-top: 10px;
    transition: .2s all ease; }
    .page_calendar .week_slider.owl-loaded {
      overflow: unset;
      opacity: 1; }
    .page_calendar .week_slider .owl-stage {
      margin-left: -1.5px;
      margin-right: -1.5px; }
    .page_calendar .week_slider .owl-carousel {
      padding: 0 1.5px; }
    .page_calendar .week_slider .owl-item {
      padding: 0 2px; }
    .page_calendar .week_slider .calendar_slider_day {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 67px;
      border: 1px solid #707070;
      background-color: #000000;
      text-align: center;
      color: #707070;
      transition: 200ms ease; }
      .page_calendar .week_slider .calendar_slider_day.active {
        color: #000000;
        background-color: #1e0093;
        border-color: #1e0093; }
      .page_calendar .week_slider .calendar_slider_day.today:not(.active) {
        color: #1e0093;
        border-width: 2px;
        border-color: #1e0093; }
      .page_calendar .week_slider .calendar_slider_day .name {
        font-size: 12px;
        color: inherit; }
      .page_calendar .week_slider .calendar_slider_day .day {
        font-weight: 700;
        font-size: 22px;
        color: inherit; }
      @media screen and (min-width: 769px) {
        .page_calendar .week_slider .calendar_slider_day:hover {
          border-color: #1e0093;
          background-color: #1e0093;
          color: #000000; } }
    .page_calendar .week_slider .owl-prev, .page_calendar .week_slider .owl-next {
      position: absolute;
      top: 0;
      width: 30px;
      height: 100%;
      padding: 0;
      background-color: transparent;
      border: none;
      box-shadow: none;
      cursor: pointer;
      font-size: 30px; }
      .page_calendar .week_slider .owl-prev:hover i, .page_calendar .week_slider .owl-next:hover i {
        color: #1e0093; }
    .page_calendar .week_slider .owl-prev {
      left: -40px; }
      .page_calendar .week_slider .owl-prev:before {
        transform: rotate(-45deg); }
      .page_calendar .week_slider .owl-prev span {
        display: none; }
    .page_calendar .week_slider .owl-next {
      right: -40px; }
      .page_calendar .week_slider .owl-next:before {
        transform: rotate(135deg); }
      .page_calendar .week_slider .owl-next span {
        display: none; }
  .page_calendar .calendar_timer {
    width: 100%;
    text-align: center;
    margin: 10px 0 15px; }
    .page_calendar .calendar_timer .timer {
      display: inline-block;
      padding: 0 16px;
      text-align: center;
      font-size: 10px;
      border-radius: 4px;
      color: #707070; }
      .page_calendar .calendar_timer .timer .countdown__title {
        line-height: 16px; }
      .page_calendar .calendar_timer .timer .timer__content {
        margin: 4px 0 3px; }
        .page_calendar .calendar_timer .timer .timer__content span {
          width: 23px;
          display: inline-block;
          font-size: 9px; }
      .page_calendar .calendar_timer .timer .countdown__body {
        font-size: 16px;
        letter-spacing: 1px; }
  .page_calendar .description {
    margin-top: 20px;
    font-size: 16px; }
    .page_calendar .description .title {
      margin-bottom: 12px;
      text-align: center;
      font-weight: 500;
      color: #1e0093; }
    .page_calendar .description .content {
      line-height: 19px;
      text-align: left;
      color: #FFFFFF;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical; }
    .page_calendar .description.show_all .content {
      overflow: unset;
      text-overflow: unset;
      -webkit-line-clamp: unset; }
  .page_calendar .leaderboard {
    margin-top: 35px; }
    .page_calendar .leaderboard .title {
      margin-bottom: 15px;
      text-align: center;
      font-weight: 700;
      font-size: 16px;
      color: #1e0093; }
    .page_calendar .leaderboard .show_all tr {
      display: table-row !important; }
    .page_calendar .leaderboard .always_visible {
      display: table-row !important; }
    .page_calendar .leaderboard .current_player {
      color: #000000;
      background: #1e0093 !important; }
      .page_calendar .leaderboard .current_player td {
        background: #1e0093 !important; }
    .page_calendar .leaderboard .table {
      width: 100%;
      background: linear-gradient(90deg, transparent 0%, #1e0093 50%, transparent 100%);
      border-collapse: collapse;
      overflow: hidden;
      text-align: left;
      font-size: 16px; }
      .page_calendar .leaderboard .table thead {
        padding: 0 20px;
        font-weight: 700;
        color: #1e0093; }
        .page_calendar .leaderboard .table thead > tr {
          height: 30px; }
          .page_calendar .leaderboard .table thead > tr > th {
            padding-left: 11px;
            padding-right: 11px;
            border-bottom: 1px solid transparent;
            background: #000000;
            border-collapse: collapse; }
      .page_calendar .leaderboard .table th:nth-child(3), .page_calendar .leaderboard .table td:nth-child(3) {
        text-align: center; }
      .page_calendar .leaderboard .table th:nth-child(4), .page_calendar .leaderboard .table td:nth-child(4) {
        text-align: right; }
      .page_calendar .leaderboard .table tbody {
        padding: 0 20px;
        color: #FFFFFF; }
        .page_calendar .leaderboard .table tbody > tr {
          display: none;
          height: 30px; }
          .page_calendar .leaderboard .table tbody > tr > td {
            position: relative;
            padding-left: 11px;
            padding-right: 11px;
            border-bottom: 1px solid transparent;
            background: #000000;
            border-collapse: collapse; }
  .page_calendar .leaderboard_more {
    margin: 30px auto 0;
    text-align: center;
    font-weight: 400;
    font-size: 16px; }
    .page_calendar .leaderboard_more a {
      color: #FFFFFF; }
    .page_calendar .leaderboard_more .caption {
      margin-bottom: -2px;
      color: #FF4D00; }
    .page_calendar .leaderboard_more .icon {
      position: relative; }
      .page_calendar .leaderboard_more .icon:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        margin: auto;
        border-left: 2px solid #FF4D00;
        border-top: 2px solid #FF4D00;
        transform: rotate(225deg);
        transition: 200ms ease; }
  .page_calendar .qualification {
    margin: 20px auto 20px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #FF4D00; }
  .page_calendar .calendar_button {
    margin-top: 20px;
    text-align: center; }
  .page_calendar .no-activities {
    width: 100%;
    text-align: center;
    margin: 80px 0 0;
    font-weight: 700;
    font-size: 30px;
    color: #FFFFFF; }
    @media only screen and (max-width: 768px) {
      .page_calendar .no-activities {
        margin: 30px 0 0;
        font-size: 24px; } }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .home .games_page .container {
    max-width: 100%; } }

@media only screen and (max-width: 768px) {
  .home .games_page .container {
    max-width: 100%; } }

.home .games_page .block {
  display: block;
  width: 100%;
  margin: 20px 0; }

.home .games_page .live_casino .game_caption {
  display: none; }

.home .games_page .jackpot_games_row {
  padding: 20px 0;
  background: url(./images/jackpot.jpg) no-repeat;
  background-size: cover;
  background-position: 0 80px; }
  @media only screen and (max-width: 768px) {
    .home .games_page .jackpot_games_row {
      padding: 10px 0;
      background-position: 0 170px; } }
  .home .games_page .jackpot_games_row .caption_money {
    font-style: normal;
    font-weight: 900;
    font-size: 72px;
    line-height: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #FF4D00; }
    @media only screen and (max-width: 576px) {
      .home .games_page .jackpot_games_row .caption_money {
        font-size: 36px;
        line-height: 14px; } }
  .home .games_page .jackpot_games_row .game_item > .image {
    border: 1px solid #FFFFFF;
    border-radius: 8px; }

.home .games_page .new_game_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .home .games_page .new_game_wrap .tag {
    margin-right: 20px; }
  .home .games_page .new_game_wrap .button_link {
    margin-left: 20px; }
    @media only screen and (max-width: 576px) {
      .home .games_page .new_game_wrap .button_link .button {
        font-size: 12px; } }
  .home .games_page .new_game_wrap .title {
    display: flex;
    align-items: center; }
    .home .games_page .new_game_wrap .title .tag_img {
      padding-right: 10px; }
      .home .games_page .new_game_wrap .title .tag_img img {
        width: 50px; }
        @media only screen and (max-width: 576px) {
          .home .games_page .new_game_wrap .title .tag_img img {
            width: 33px; } }
    .home .games_page .new_game_wrap .title .stroke {
      font-style: normal;
      font-weight: 900;
      font-size: 16px;
      line-height: 28px;
      text-transform: uppercase;
      color: #FFFFFF;
      white-space: nowrap; }
      @media only screen and (min-width: 1200px) {
        .home .games_page .new_game_wrap .title .stroke {
          font-size: 24px; } }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .home .games_page .new_game_wrap .title .stroke {
          line-height: 18px;
          white-space: normal; } }
      @media only screen and (max-width: 767px) {
        .home .games_page .new_game_wrap .title .stroke {
          line-height: 18px;
          white-space: normal; } }
  .home .games_page .new_game_wrap .line {
    width: 100%;
    max-width: 100%;
    height: 1px;
    background: #1e0093; }
    @media screen and (max-width: 1440px) {
      .home .games_page .new_game_wrap .line {
        width: 750px; } }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .home .games_page .new_game_wrap .line {
        width: 100%;
        max-width: 60%; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .home .games_page .new_game_wrap .line {
        width: 100%;
        max-width: 55%; } }

.home .games_page .games_slider_wrap {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .home .games_page .games_slider_wrap {
      padding: 0 30px; } }
  .home .games_page .games_slider_wrap.padding-top-slider .owl-stage {
    padding: 20px 0 0 0; }

.home .cards_list {
  justify-content: center; }

.home .games_grid {
  padding-top: 30px; }

.virtual_sport_page .page_main .container {
  width: 1136px;
  min-height: 100vh;
  max-width: 100%; }

.virtual_sport_page .embed-responsive-game {
  min-height: 100vh; }

@media only screen and (max-width: 1086px) {
  .virtual_sport_page .page_header, .virtual_sport_page .page_wrap > .footer {
    display: none; }
  .virtual_sport_page .page_main .container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto; }
  .virtual_sport_page .embed-responsive-game {
    position: fixed;
    top: 0;
    left: 0; } }

.sport #footer_coupon_div {
  background-color: #fff; }

body.modal_open {
  overflow: hidden;
  padding-right: 15px; }
  body.modal_open .page_wrap {
    filter: blur(2px); }
    @media only screen and (max-width: 768px) {
      body.modal_open .page_wrap {
        position: fixed; } }

.modal_overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: rgba(17, 17, 17, 0.9);
  z-index: 3; }

.modal {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 3; }
  .modal.long {
    justify-content: flex-start; }
  @media screen and (max-height: 800px) {
    .modal {
      justify-content: start;
      padding: 20px 0; } }
  @media only screen and (max-width: 767px) {
    .modal {
      justify-content: start;
      padding: 0; } }
  .modal.no_animation .popup {
    animation: none !important; }
  .modal .popup {
    position: relative;
    height: auto;
    width: 630px;
    max-width: 100%;
    margin: 0 auto;
    animation: appear .5s ease; }
    @media only screen and (max-width: 576px) {
      .modal .popup {
        width: 100%; } }
    .modal .popup > .header {
      position: relative;
      width: 100%;
      padding: 13px 0;
      line-height: 1;
      color: #ff0000; }
      .modal .popup > .header .title {
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        padding: 0 35px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 24px; }
      .modal .popup > .header .close {
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        padding: 0;
        margin: 0;
        line-height: 1;
        font-size: 28px;
        color: inherit;
        background: none;
        border: none;
        cursor: pointer;
        transition: 0.2s ease; }
        .modal .popup > .header .close:hover, .modal .popup > .header .close:focus, .modal .popup > .header .close:active {
          color: #FFFFFF; }
    .modal .popup > .content {
      min-height: 450px;
      padding: 0 50px 50px;
      color: #000000;
      background: #FFFFFF;
      border: none; }
      @media only screen and (max-width: 767px) {
        .modal .popup > .content {
          min-height: unset; } }
      .modal .popup > .content.column {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .modal .popup > .content.row {
        display: flex;
        flex-direction: row; }
      .modal .popup > .content.center {
        text-align: center; }
    .modal .popup .popup_content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      flex-grow: 1;
      padding: 50px 0 50px; }
      .modal .popup .popup_content.center {
        justify-content: center;
        flex-grow: 1; }
    .modal .popup .popup_icon {
      display: block;
      padding: 0;
      margin-bottom: 50px;
      text-align: center;
      font-size: 96px;
      color: #000000; }
      .modal .popup .popup_icon > * {
        display: block; }
      .modal .popup .popup_icon .black-icon {
        color: #000000; }
      .modal .popup .popup_icon .red-icon {
        color: #FF4D00; }
      .modal .popup .popup_icon .big {
        font-size: 155px; }
    .modal .popup .popup_body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: 20px;
      color: #000000; }
      .modal .popup .popup_body.center {
        margin: auto; }
      .modal .popup .popup_body .message {
        margin: 0;
        text-align: center; }
        .modal .popup .popup_body .message h2, .modal .popup .popup_body .message h3, .modal .popup .popup_body .message h4 {
          color: #FF4D00;
          margin: 1em 0 .5em 0; }
        .modal .popup .popup_body .message a {
          color: #FF4D00;
          text-decoration: underline; }
          .modal .popup .popup_body .message a:hover {
            text-decoration: none; }
    .modal .popup .popup_actions {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      margin: auto 0 0 0;
      padding: 0; }
      .modal .popup .popup_actions .link_button {
        display: block;
        margin-top: 17px; }
        @media only screen and (min-width: 577px) and (max-width: 992px) {
          .modal .popup .popup_actions .link_button {
            margin-top: 10px; } }
        @media only screen and (max-width: 576px) {
          .modal .popup .popup_actions .link_button {
            margin-top: 7px; } }
  .modal .loader_overlay {
    position: fixed; }

.modal_signup .popup {
  width: 690px; }
  .modal_signup .popup > .content {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0; }
  .modal_signup .popup input:-webkit-autofill, .modal_signup .popup input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 50px #FFFFFF;
    -webkit-text-fill-color: #000000; }
  .modal_signup .popup .promo {
    position: relative;
    width: 50%;
    padding: 5px 20px 0;
    background-color: #1e0093; }
    .modal_signup .popup .promo .title {
      width: 265px;
      padding: 0 5px;
      margin: 0 auto 8px;
      text-align: center;
      font-weight: 700;
      font-size: 24px;
      text-transform: uppercase;
      color: #000000; }
    .modal_signup .popup .promo .image {
      width: 100%;
      padding-bottom: 30px; }
      .modal_signup .popup .promo .image > img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
    .modal_signup .popup .promo .timer {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 65px;
      padding: 10px 15px;
      text-align: center;
      color: #000000;
      font-weight: 400;
      background-color: #1e0093; }
      .modal_signup .popup .promo .timer .countdown__title {
        color: inherit;
        text-transform: uppercase;
        font-size: 16px; }
      .modal_signup .popup .promo .timer .countdown__body {
        color: inherit;
        font-size: 32px; }
  .modal_signup .popup .form {
    width: 50%;
    font-size: 14px;
    padding: 40px 40px 20px; }
    @media only screen and (max-width: 767px) {
      .modal_signup .popup .form {
        padding: 15px; } }
    .modal_signup .popup .form .row {
      margin: 5px 0; }
      .modal_signup .popup .form .row > .column {
        padding-left: 15px;
        padding-right: 15px; }
      @media only screen and (max-width: 576px) {
        .modal_signup .popup .form .row {
          margin: 2px 0;
          display: block; }
          .modal_signup .popup .form .row > .column {
            min-width: 100%;
            margin: 0 0;
            display: block; } }
    .modal_signup .popup .form label {
      align-items: flex-start; }
    .modal_signup .popup .form .submit_button {
      text-align: center; }
      @media only screen and (max-width: 576px) {
        .modal_signup .popup .form .submit_button {
          margin-bottom: 15px; } }
    .modal_signup .popup .form .sing_in {
      text-align: center; }
    .modal_signup .popup .form .text_label {
      margin: 10px 0;
      text-align: center; }
  .modal_signup .popup > .phone_support {
    position: absolute;
    bottom: -19px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF; }
  @media only screen and (max-width: 576px) {
    .modal_signup .popup .header .title {
      padding: 0 35px 0 10px;
      text-align: left; }
    .modal_signup .popup > .content {
      width: 100%;
      display: block;
      margin: 0 auto;
      padding: 0; }
    .modal_signup .popup .promo {
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .modal_signup .popup .promo .image_holder {
        display: flex;
        width: 50%; }
      .modal_signup .popup .promo .info_holder {
        width: 50%;
        padding: 10px 15px; }
      .modal_signup .popup .promo .image {
        width: 100%;
        margin: auto;
        padding-bottom: 0; }
      .modal_signup .popup .promo .title {
        width: auto;
        font-weight: 700;
        font-size: 21px;
        margin-bottom: 15px; }
      .modal_signup .popup .promo .timer {
        position: static;
        min-height: auto;
        transform: none;
        margin: 0;
        padding: 0; }
    .modal_signup .popup .form {
      width: 100%;
      display: block;
      margin: 0;
      padding: 15px 35px 50px; }
      .modal_signup .popup .form .socials_block {
        width: 100%;
        max-width: 210px;
        margin: 20px auto 0; } }
  @media only screen and (max-width: 480px) {
    .modal_signup .popup .info_holder {
      padding: 10px; }
      .modal_signup .popup .info_holder .title {
        margin-bottom: 10px;
        font-size: 17px; } }
  @media only screen and (max-width: 400px) {
    .modal_signup .popup .info_holder .title {
      font-size: 14px; }
    .modal_signup .popup .info_holder .timer .countdown__title {
      font-size: 14px; }
    .modal_signup .popup .info_holder .timer .countdown__body {
      font-size: 28px; } }
  .modal_signup .popup .message {
    font-size: 16px;
    color: #FF4D00; }

.modal_signup .second_text {
  font-size: 18px;
  color: #00add4;
  text-align: center;
  margin: 5px 0; }
  @media only screen and (max-width: 576px) {
    .modal_signup .second_text {
      display: none; } }

.modal_signup .second_prize_text {
  text-align: center;
  color: #FFBF19;
  margin: 5px 0;
  display: flex;
  justify-content: center; }
  .modal_signup .second_prize_text .icon_plus {
    display: inline-block;
    font-size: 20px;
    transform: rotate(45deg);
    padding-right: 10px;
    font-weight: bold; }
    @media only screen and (max-width: 576px) {
      .modal_signup .second_prize_text .icon_plus {
        left: 0px; } }

.modal_signup .images {
  display: flex;
  margin: 10px 0; }
  @media only screen and (max-width: 576px) {
    .modal_signup .images {
      justify-content: center; }
      .modal_signup .images > img {
        display: none; }
      .modal_signup .images > img:nth-child(2) {
        display: block; } }

.modal_signup .sign-up-form__link {
  margin-left: .25em; }

.modal_signin .popup > .content {
  font-size: 14px;
  padding-bottom: 40px; }
  .modal_signin .popup > .content > .form {
    width: 100%;
    max-width: 285px;
    margin: auto auto 0; }
    .modal_signin .popup > .content > .form form {
      max-width: 340px;
      margin-right: auto;
      margin-left: auto;
      padding-top: 30px; }
    .modal_signin .popup > .content > .form .row {
      margin: 5px 0; }
    .modal_signin .popup > .content > .form .info_row {
      text-align: center;
      margin: 15px 0; }
    .modal_signin .popup > .content > .form .submit_button_row {
      margin-top: 35px; }

.modal_postreg {
  justify-content: start; }
  @media only screen and (max-width: 576px) {
    .modal_postreg {
      padding: 0; } }
  .modal_postreg .popup {
    width: 750px; }
    .modal_postreg .popup > .content .row.column {
      flex-direction: column;
      padding: 0;
      margin-bottom: -4px; }
    .modal_postreg .popup > .content .row {
      display: flex;
      flex-direction: row;
      width: 100%;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .modal_postreg .popup > .content .row {
          flex-direction: column; } }
      .modal_postreg .popup > .content .row .button.link {
        margin: 0;
        transition: .2s all ease;
        background: none;
        border: none; }
        .modal_postreg .popup > .content .row .button.link .caption {
          color: #FF4D00;
          font-style: normal;
          font-weight: 300;
          font-size: 14px;
          line-height: 17px;
          text-align: center;
          text-decoration-line: underline;
          text-transform: initial; }
          .modal_postreg .popup > .content .row .button.link .caption:hover {
            color: #000000;
            text-decoration: none; }
      .modal_postreg .popup > .content .row > * {
        flex: 1;
        max-width: 100%; }
      .modal_postreg .popup > .content .row > .column:nth-child(2) {
        text-align: center;
        padding: 0 30px; }
      .modal_postreg .popup > .content .row .image__holder {
        display: flex;
        align-items: center; }
      .modal_postreg .popup > .content .row .post-registration__image {
        width: 89%;
        padding-left: 30px; }
        @media only screen and (max-width: 767px) {
          .modal_postreg .popup > .content .row .post-registration__image {
            padding-left: 0;
            width: 40%;
            margin: 0 auto; } }
        @media only screen and (max-width: 576px) {
          .modal_postreg .popup > .content .row .post-registration__image {
            width: 53%;
            margin: 0 auto;
            display: block;
            padding-left: 0; } }
      .modal_postreg .popup > .content .row .postreg_title {
        font-style: normal;
        font-weight: bold;
        font-size: 28px;
        line-height: 37px;
        text-align: center;
        text-transform: uppercase;
        color: #000000;
        margin: 0;
        padding: 5px 0; }
        @media only screen and (max-width: 576px) {
          .modal_postreg .popup > .content .row .postreg_title {
            margin: 0;
            font-size: 18px; } }
      .modal_postreg .popup > .content .row .postreg_subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #000000;
        margin: 0;
        padding-bottom: 5px; }
        @media only screen and (max-width: 576px) {
          .modal_postreg .popup > .content .row .postreg_subtitle {
            margin: 0; } }
      .modal_postreg .popup > .content .row .postreg_prizes_text {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #FF4D00;
        margin: 0;
        padding: 0px 0 10px; }
        @media only screen and (max-width: 576px) {
          .modal_postreg .popup > .content .row .postreg_prizes_text {
            margin: 0;
            font-size: 18px; } }
        .modal_postreg .popup > .content .row .postreg_prizes_text .title_white {
          color: #ffffff; }
        .modal_postreg .popup > .content .row .postreg_prizes_text.text {
          background: #000000;
          padding: 10px 0; }
    .modal_postreg .popup > .content .bonus_wrap {
      width: 100%;
      background: #FFA800;
      position: relative;
      margin-bottom: -30px;
      padding: 10px 0 40px; }
      @media only screen and (max-width: 576px) {
        .modal_postreg .popup > .content .bonus_wrap {
          padding: 10px 0; } }
      .modal_postreg .popup > .content .bonus_wrap .bonus_title {
        text-align: center;
        margin: 5px 0;
        padding-right: 10px;
        padding-left: 10px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        color: #FFFFFF; }
        @media only screen and (min-width: 1200px) {
          .modal_postreg .popup > .content .bonus_wrap .bonus_title {
            font-size: 28px; } }
      .modal_postreg .popup > .content .bonus_wrap .bonus_description {
        text-align: center;
        margin: 8px 0;
        color: #000000;
        font-size: 16px;
        padding-right: 10px;
        padding-left: 10px;
        font-weight: 500; }
      .modal_postreg .popup > .content .bonus_wrap .bonus {
        display: flex;
        justify-content: space-around;
        padding: 0 40px;
        margin: 10px 0; }
        @media only screen and (max-width: 767px) {
          .modal_postreg .popup > .content .bonus_wrap .bonus {
            flex-direction: column;
            align-items: center; } }
        .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item {
          width: 25%; }
          @media only screen and (max-width: 767px) {
            .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item {
              width: 100%; } }
          .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item img {
            width: 100%;
            margin: 0 auto; }
            @media only screen and (max-width: 767px) {
              .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item img {
                width: 40%; } }
            @media only screen and (max-width: 576px) {
              .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item img {
                width: 60%; } }
        .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item {
          font-size: 18px;
          line-height: 21px;
          text-align: center;
          color: #FDFF8A;
          text-transform: uppercase; }
          @media only screen and (max-width: 576px) {
            .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item {
              display: flex;
              align-items: center;
              flex-direction: row-reverse; }
              .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item:nth-child(2) {
                flex-direction: row; } }
  .modal_postreg .lottery_wrap {
    width: 100%;
    background: #292929;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 18px;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .modal_postreg .lottery_wrap {
        flex-direction: column;
        align-items: center; } }
    .modal_postreg .lottery_wrap .title_lottery {
      flex-basis: 100%;
      text-align: center;
      margin: 20px 0; }
      @media only screen and (max-width: 576px) {
        .modal_postreg .lottery_wrap .title_lottery {
          margin: 10px 0; } }
      .modal_postreg .lottery_wrap .title_lottery span {
        padding-right: 10px;
        padding-left: 10px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        color: #FFFFFF; }
        @media only screen and (min-width: 1200px) {
          .modal_postreg .lottery_wrap .title_lottery span {
            font-size: 28px; } }
    .modal_postreg .lottery_wrap .column {
      width: 50%;
      text-align: center;
      padding: 0 20px; }
      @media only screen and (max-width: 767px) {
        .modal_postreg .lottery_wrap .column {
          width: 100%; } }
      .modal_postreg .lottery_wrap .column img {
        width: 94%; }
        @media only screen and (max-width: 767px) {
          .modal_postreg .lottery_wrap .column img {
            width: 44%; } }
        @media only screen and (max-width: 576px) {
          .modal_postreg .lottery_wrap .column img {
            width: 100%; } }
      .modal_postreg .lottery_wrap .column .item img {
        display: block;
        margin: 0 auto;
        width: 100px;
        height: 80px;
        max-width: 80%; }
      .modal_postreg .lottery_wrap .column .item .caption {
        margin: 0px 20px;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 21px;
        text-align: center;
        color: white;
        text-shadow: 0px 0px 8px white; }
    .modal_postreg .lottery_wrap .prize {
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      text-transform: uppercase;
      color: #FFFFFF;
      margin: 10px 0; }
    .modal_postreg .lottery_wrap .lottery_title {
      text-transform: uppercase;
      font-size: 14px;
      color: #FFFFFF;
      margin: 10px 0; }
    .modal_postreg .lottery_wrap .title {
      text-transform: uppercase;
      font-size: 12px;
      color: #1e0093;
      margin: 5px 0;
      font-weight: bold; }
    .modal_postreg .lottery_wrap .money {
      margin: 5px 0; }
      .modal_postreg .lottery_wrap .money span {
        font-size: 38px;
        font-weight: 700;
        color: #1e0093; }
    .modal_postreg .lottery_wrap .lottery_prize {
      margin: 10px 0;
      width: 100%; }
  .modal_postreg .button_row {
    display: block;
    margin: 0;
    text-align: center; }
  .modal_postreg .content.column {
    background-image: none;
    padding: 0; }
  .modal_postreg .place {
    display: flex;
    justify-content: space-between; }
  .modal_postreg .item__text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF; }
    @media only screen and (max-width: 576px) {
      .modal_postreg .item__text {
        font-size: 10px; } }
  .modal_postreg .item {
    padding: 0 5px; }
  .modal_postreg .timer_wrap {
    margin: 24px auto 0; }
    @media only screen and (max-width: 767px) {
      .modal_postreg .timer_wrap {
        margin: 20px auto 10px; } }
  .modal_postreg .timer {
    color: #FFFFFF; }
  .modal_postreg .button_join {
    margin-top: 15px; }
    @media only screen and (max-width: 576px) {
      .modal_postreg .button_join {
        margin-top: 30px; } }

.modal_more_game {
  justify-content: flex-start; }
  .modal_more_game .popup {
    width: 690px; }
    .modal_more_game .popup .games_gallery {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: 654px;
      overflow: auto;
      padding: 0 10px; }
      @media only screen and (max-width: 767px) {
        .modal_more_game .popup .games_gallery {
          height: 750px; } }
      @media only screen and (max-width: 576px) {
        .modal_more_game .popup .games_gallery {
          padding: 0 5px; } }
      @media only screen and (max-width: 370px) {
        .modal_more_game .popup .games_gallery {
          padding: 0; } }
      .modal_more_game .popup .games_gallery > .item {
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .modal_more_game .popup .games_gallery > .item {
            width: 50%; } }
      .modal_more_game .popup .games_gallery::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5; }
      .modal_more_game .popup .games_gallery::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #FF4D00;
        height: 200px; }
      .modal_more_game .popup .games_gallery::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent; }
    .modal_more_game .popup > .content {
      padding: 0; }
      .modal_more_game .popup > .content .popup_content {
        padding: 50px 17px; }
        @media only screen and (max-width: 576px) {
          .modal_more_game .popup > .content .popup_content {
            padding: 50px 12px; } }
        @media only screen and (max-width: 370px) {
          .modal_more_game .popup > .content .popup_content {
            padding: 50px 0; } }

.modal_pre_play .popup {
  width: 690px; }
  .modal_pre_play .popup .content {
    padding: 0; }
    .modal_pre_play .popup .content .popup_content {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      padding: 0;
      background-color: #1e0093; }
      @media only screen and (max-width: 576px) {
        .modal_pre_play .popup .content .popup_content {
          flex-direction: column; } }

.modal_pre_play .preplay_title {
  margin-bottom: 10px;
  text-align: center; }

.modal_pre_play .balance_title, .modal_pre_play .bonus_info_title {
  display: block;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase; }

.modal_pre_play .balance_money {
  display: block;
  line-height: 19px;
  font-weight: 700;
  font-size: 16px; }

.modal_pre_play .game_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 25px;
  text-align: center;
  background-color: #1e0093; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .game_info {
      width: 100%;
      padding: 20px; } }
  .modal_pre_play .game_info .add_fav {
    margin: 8px auto;
    text-decoration: none; }
    .modal_pre_play .game_info .add_fav .star {
      color: #FFFFFF; }
      .modal_pre_play .game_info .add_fav .star .icon {
        font-size: 32px; }
      .modal_pre_play .game_info .add_fav .star .caption {
        font-weight: 500;
        font-size: 14px;
        text-decoration: underline; }
  .modal_pre_play .game_info .image {
    margin: 10px 0; }
    @media only screen and (max-width: 576px) {
      .modal_pre_play .game_info .image {
        width: 100%;
        max-width: 240px;
        margin: 10px auto; } }
    .modal_pre_play .game_info .image img {
      width: 100%; }

.modal_pre_play .bonus_info {
  width: 50%;
  padding: 25px;
  text-align: center;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .bonus_info {
      width: 100%;
      padding: 20px; } }
  .modal_pre_play .bonus_info .image {
    width: 100%;
    max-width: 250px;
    margin: 10px auto; }
    @media only screen and (max-width: 576px) {
      .modal_pre_play .bonus_info .image {
        max-width: 180px; } }
    .modal_pre_play .bonus_info .image img {
      width: 100%; }
  .modal_pre_play .bonus_info .bonus_description_wrap {
    margin-bottom: 25px;
    font-size: 14px; }
    .modal_pre_play .bonus_info .bonus_description_wrap .bonus_description_title {
      font-weight: 700;
      margin-bottom: 5px; }
    .modal_pre_play .bonus_info .bonus_description_wrap .bonus_description_info {
      font-weight: 400; }

.modal_profile {
  justify-content: start; }
  @media only screen and (max-width: 576px) {
    .modal_profile {
      padding: 0; } }
  .modal_profile .popup {
    width: 750px;
    margin-bottom: 20px; }
    .modal_profile .popup .popup_actions {
      margin: 20px 0; }
    .modal_profile .popup > .header {
      height: 60px;
      padding: 0;
      background: none; }
      @media only screen and (max-width: 576px) {
        .modal_profile .popup > .header {
          height: 60px;
          margin-top: 30px; }
          .modal_profile .popup > .header .close {
            top: -5px;
            right: 10px; } }
      .modal_profile .popup > .header > .menu_underlined {
        width: 100%;
        padding: 0 30px;
        border: none; }
        @media only screen and (max-width: 576px) {
          .modal_profile .popup > .header > .menu_underlined {
            padding: 0; } }
        .modal_profile .popup > .header > .menu_underlined .item {
          flex: 1; }
          .modal_profile .popup > .header > .menu_underlined .item .link {
            text-transform: uppercase;
            font-size: 24px;
            border-bottom: none;
            height: 60px;
            line-height: 60px; }
            @media only screen and (max-width: 576px) {
              .modal_profile .popup > .header > .menu_underlined .item .link {
                font-size: 16px; } }
            .modal_profile .popup > .header > .menu_underlined .item .link:hover {
              border-bottom: 10px solid #1e0093; }
            .modal_profile .popup > .header > .menu_underlined .item .link.active {
              border-bottom: 10px solid #FF4D00; }
    .modal_profile .popup > .profile_player_info {
      width: 100%;
      height: 46px;
      background: #1e0093;
      color: #FFFFFF;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .modal_profile .popup > .profile_player_info .col {
        width: 33.33%;
        text-align: center;
        padding: 0 3px; }
        .modal_profile .popup > .profile_player_info .col .caption {
          text-transform: uppercase;
          font-size: 12px;
          display: block;
          color: #FF4D00; }
      .modal_profile .popup > .profile_player_info .username {
        overflow: hidden;
        text-overflow: ellipsis; }
      .modal_profile .popup > .profile_player_info .balance .money {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700; }
      .modal_profile .popup > .profile_player_info .bonus {
        font-size: 12px; }
        .modal_profile .popup > .profile_player_info .bonus .percent_text {
          font-size: 12px;
          font-weight: 700; }
        .modal_profile .popup > .profile_player_info .bonus .tooltip_wrap {
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .modal_profile .popup > .profile_player_info .bonus .tooltip_wrap .tooltip {
              left: unset;
              right: -37px; }
              .modal_profile .popup > .profile_player_info .bonus .tooltip_wrap .tooltip:after {
                left: unset;
                transform: none;
                right: 26px; } }
    .modal_profile .popup > .content {
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0;
      position: relative;
      min-height: 200px; }
      .modal_profile .popup > .content > .modal_profile_content {
        flex: 1;
        position: relative; }
  .modal_profile .profile_form {
    width: 100%;
    padding: 10px 0; }
    .modal_profile .profile_form .form {
      padding: 0 50px;
      margin-left: -80px; }
      @media only screen and (max-width: 767px) {
        .modal_profile .profile_form .form {
          margin-left: -40px; } }
      @media only screen and (max-width: 576px) {
        .modal_profile .profile_form .form {
          padding: 0 20px; } }
      .modal_profile .profile_form .form > .row {
        margin: 0px 0;
        align-items: stretch; }
        .modal_profile .profile_form .form > .row > .column {
          padding-left: 80px;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .modal_profile .profile_form .form > .row > .column {
              padding-left: 40px; } }
        @media only screen and (max-width: 576px) {
          .modal_profile .profile_form .form > .row {
            display: block;
            margin: 10px 0; }
            .modal_profile .profile_form .form > .row > .column {
              width: 100%; } }
      .modal_profile .profile_form .form .header {
        display: block;
        font-size: 16px;
        line-height: 19px;
        margin: 20px 0 0 0;
        font-weight: normal;
        text-transform: uppercase; }
        @media only screen and (max-width: 576px) {
          .modal_profile .profile_form .form .header {
            text-align: center; } }
      .modal_profile .profile_form .form .description {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin: 10px 0;
        font-weight: normal;
        text-transform: none; }
      @media only screen and (max-width: 576px) {
        .modal_profile .profile_form .form .mobile_center {
          text-align: center; } }
      .modal_profile .profile_form .form .change_password_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 576px) {
          .modal_profile .profile_form .form .change_password_button {
            margin: 20px 0; } }
      .modal_profile .profile_form .form .social-links {
        max-width: 240px; }
        @media only screen and (max-width: 576px) {
          .modal_profile .profile_form .form .social-links {
            margin: 0 auto; } }
      .modal_profile .profile_form .form .field-profileform-phone .help-block {
        height: 0;
        min-height: 0;
        margin: 0;
        color: transparent; }
    .modal_profile .profile_form .contact_info_item {
      margin: 0 0 16px 0; }
      .modal_profile .profile_form .contact_info_item .row {
        justify-content: space-between; }
      .modal_profile .profile_form .contact_info_item .status {
        position: relative;
        height: 16px; }
        .modal_profile .profile_form .contact_info_item .status .label {
          position: absolute;
          bottom: 0;
          left: 0;
          font-size: 12px; }
          .modal_profile .profile_form .contact_info_item .status .label.ok {
            color: #276B41; }
          .modal_profile .profile_form .contact_info_item .status .label.warn {
            color: #FF4D00; }
        .modal_profile .profile_form .contact_info_item .status .action {
          color: #FF4D00;
          text-decoration: underline;
          position: absolute;
          bottom: 0;
          right: 0;
          font-size: 12px; }
          .modal_profile .profile_form .contact_info_item .status .action:hover {
            text-decoration: none; }
  .modal_profile .profile_bonuses .form {
    width: 228px;
    max-width: 100%;
    margin: 10px auto; }
  .modal_profile .social-links {
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .modal_profile .social-links a.item {
      display: block;
      color: #000000;
      transition: .2s all ease;
      text-align: center; }
      .modal_profile .social-links a.item:hover, .modal_profile .social-links a.item:active {
        color: #FF4D00; }

.game_page .modal_profile .deposit_tooltip {
  display: block; }

.home .modal_profile .low_balance {
  display: none; }

.bonuses_gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px; }
  .bonuses_gallery > .item {
    display: block;
    text-align: center;
    width: 33.3%;
    padding: 8px; }
    @media only screen and (max-width: 576px) {
      .bonuses_gallery > .item {
        width: 100%; } }
    .bonuses_gallery > .item .bonus_wrap {
      color: #000000;
      border: 1px solid #000000;
      border-radius: 2px;
      height: 100%;
      min-height: 340px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative; }
  .bonuses_gallery .bonus_image {
    width: 100%;
    max-width: 200px;
    margin: 0 auto; }
    .bonuses_gallery .bonus_image > img {
      max-width: 100%; }
  .bonuses_gallery .bonus_title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px 0; }
  .bonuses_gallery .bonus_about {
    margin: 5px 0; }
    .bonuses_gallery .bonus_about .link {
      border: none;
      background: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      color: #FF4D00;
      font-size: 12px;
      line-height: 14px;
      text-decoration: underline;
      text-transform: none;
      transition: 0.2s ease; }
      .bonuses_gallery .bonus_about .link:hover {
        color: #ff9466; }
  .bonuses_gallery .bonus_actions .link {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #000000;
    font-size: 10px;
    line-height: 12px;
    text-decoration: underline;
    text-transform: none;
    transition: .2s all ease; }
    .bonuses_gallery .bonus_actions .link:hover {
      color: #1e0093; }
  .bonuses_gallery .active_bonus_wrap {
    margin: 12px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .bonuses_gallery .active_bonus_wrap > .title {
      font-size: 12px;
      line-height: 14px;
      text-transform: uppercase; }
    .bonuses_gallery .active_bonus_wrap > .percent {
      margin-left: 5px;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase; }
    .bonuses_gallery .active_bonus_wrap > .tooltip_wrap {
      margin-left: 5px; }
      .bonuses_gallery .active_bonus_wrap > .tooltip_wrap .icon {
        color: #666666; }
  .bonuses_gallery .bonus_timer {
    margin: 12px 0; }
    .bonuses_gallery .bonus_timer .timer__title {
      font-size: 10px;
      line-height: 14px;
      text-align: center;
      text-transform: uppercase; }
    .bonuses_gallery .bonus_timer .timer__body {
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      text-transform: uppercase; }
      .bonuses_gallery .bonus_timer .timer__body > span {
        display: inline-block;
        width: 30px; }
    .bonuses_gallery .bonus_timer .timer__labels {
      font-size: 9px;
      line-height: 12px;
      text-align: center;
      text-transform: uppercase; }
      .bonuses_gallery .bonus_timer .timer__labels > span {
        display: inline-block;
        width: 30px; }
  .bonuses_gallery .bonus_about_wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    margin: 0;
    transition: .2s all ease;
    visibility: hidden; }
    .bonuses_gallery .bonus_about_wrap .bonus_title {
      margin: 50px 0 0 0;
      padding: 0; }
  .bonuses_gallery .bonus_wrap.show_about .bonus_about_wrap, .bonuses_gallery .bonus_about_wrap.visible {
    visibility: visible;
    opacity: 1;
    z-index: 1; }
  .bonuses_gallery .bonus_description {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #000; }
  .bonuses_gallery .bonus_error {
    color: #FF4D00;
    font-size: 10px;
    line-height: 12px;
    margin: 5px 0; }
  .bonuses_gallery .bonus_actions .row_optout {
    margin: 0 0 5px; }
    .bonuses_gallery .bonus_actions .row_optout .link {
      border: none;
      background: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      color: #FF4D00;
      font-size: 12px;
      line-height: 14px;
      text-decoration: underline;
      text-transform: none;
      transition: 0.2s ease; }
      .bonuses_gallery .bonus_actions .row_optout .link:hover {
        color: #ff9466; }

.profile_cashbox {
  width: 100%;
  color: #000000; }

.tabmenu_cashbox {
  width: 100%;
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 300; }
  @media only screen and (max-width: 576px) {
    .tabmenu_cashbox {
      padding: 0 10px;
      font-size: 16px; } }
  .tabmenu_cashbox > .item {
    flex: 1;
    padding: 0;
    margin: 0; }
    .tabmenu_cashbox > .item > a {
      color: #000000;
      display: block;
      width: 100%;
      height: 42px;
      line-height: 42px;
      text-transform: uppercase;
      text-align: center;
      transition: 0.2s ease;
      border-bottom: 1px solid #000000; }
      .tabmenu_cashbox > .item > a:hover {
        border-bottom: 5px solid #000000; }
      .tabmenu_cashbox > .item > a.active {
        color: #FF4D00;
        border-bottom: 5px solid #FF4D00; }

.deposit_tooltip {
  display: block;
  margin: 15px auto 10px;
  text-align: center;
  max-width: 595px;
  color: #FF4D00; }
  .deposit_tooltip .icon {
    font-size: 36px; }
  .deposit_tooltip .header {
    font-size: 14px; }
  .deposit_tooltip .text {
    font-size: 14px;
    text-transform: none; }
  .deposit_tooltip .caption {
    display: inline-block;
    margin-left: 5px;
    text-decoration: underline;
    color: #0255c2; }

.deposit_bonus_tooltip {
  width: 595px;
  max-width: 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  justify-content: normal;
  align-items: center; }
  .deposit_bonus_tooltip > .item {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: normal;
    align-items: center;
    padding: 20px 10px; }
    .deposit_bonus_tooltip > .item.important {
      font-weight: 500; }
    .deposit_bonus_tooltip > .item > .icon {
      color: #FF4D00;
      font-size: 26px;
      line-height: 26px;
      width: 26px;
      height: 26px;
      text-align: center;
      margin: 0 10px 0 0; }
    .deposit_bonus_tooltip > .item > .step {
      background: #FF4D00;
      color: #000000;
      font-size: 16px;
      line-height: 26px;
      width: 26px;
      height: 26px;
      text-align: center;
      border-radius: 50%;
      margin: 0 10px 0 0; }
    .deposit_bonus_tooltip > .item > .caption {
      font-size: 12px;
      flex: 1; }
      .deposit_bonus_tooltip > .item > .caption .text-success {
        color: #276B41; }
  @media only screen and (max-width: 614px) {
    .deposit_bonus_tooltip {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 0 10px; }
      .deposit_bonus_tooltip > .item {
        padding: 10px 10px; } }

.payment__gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  margin: 15px 0; }
  .payment__gallery.disabled {
    pointer-events: none;
    filter: grayscale(0.95); }
  .payment__gallery .empty {
    margin: 20px 0; }
  .payment__gallery .item {
    box-sizing: border-box;
    position: relative;
    background: #FFFFFF;
    width: 185px;
    height: 112px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #111;
    border-radius: 0px;
    transition: 0.2s ease;
    margin: 10px 10px 30px 10px; }
    .payment__gallery .item:hover, .payment__gallery .item.active {
      border-color: #FF4D00;
      box-shadow: 0 0 0px 5px #FF4D00; }
    .payment__gallery .item.disabled {
      pointer-events: none !important; }
    .payment__gallery .item .pay_image {
      display: flex;
      align-items: center;
      padding: 10px 0;
      margin: 0;
      width: 100%;
      height: 100%;
      background: #FFFFFF;
      text-align: center;
      border-radius: 0px; }
      .payment__gallery .item .pay_image > .image {
        margin: auto;
        max-width: 110px; }
    .payment__gallery .item .footer {
      display: block;
      width: 100%;
      margin: 8px 0 0 0;
      padding: 0 0px;
      font-weight: 300;
      font-size: 12px;
      line-height: 14px;
      text-align: center;
      color: #000000;
      background: none; }
      .payment__gallery .item .footer .text {
        opacity: .75; }
    .payment__gallery .item .form {
      display: none;
      opacity: 0; }
    .payment__gallery .item .disabled_overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.9);
      color: #ffd233;
      text-align: center;
      border-radius: 0px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .payment__gallery .item .disabled_overlay .icon {
        display: block;
        font-size: 60px;
        text-align: center; }
      .payment__gallery .item .disabled_overlay .caption {
        text-align: center;
        font-size: 12px;
        line-height: 12px; }
  .payment__gallery .form.active {
    opacity: 1;
    transition: .2s opacity ease;
    width: 100%;
    height: auto;
    margin: 0;
    cursor: default;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #FDFF8A;
    position: relative; }
    .payment__gallery .form.active .container {
      margin: 0 auto;
      padding: 0 15px;
      width: 625px;
      max-width: 100%; }
    .payment__gallery .form.active .row {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: normal;
      align-items: stretch;
      margin: 10px 0; }
      @media only screen and (max-width: 576px) {
        .payment__gallery .form.active .row {
          flex-wrap: wrap; } }
      .payment__gallery .form.active .row > .w66 {
        width: 66%;
        min-width: 66%; }
        @media only screen and (max-width: 576px) {
          .payment__gallery .form.active .row > .w66 {
            display: block;
            width: 100%;
            min-width: 100%; } }
      .payment__gallery .form.active .row > .label {
        padding-right: 10px; }
    .payment__gallery .form.active .submit_button {
      padding-left: 10px;
      padding-bottom: 10px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; }
      @media only screen and (max-width: 576px) {
        .payment__gallery .form.active .submit_button {
          padding-left: 0; } }
    .payment__gallery .form.active .custom_value {
      flex: 0; }
    .payment__gallery .form.active .message.error {
      margin: 10px auto;
      padding: 0 10px;
      color: #FF4D00;
      font-size: 16px;
      text-align: center;
      width: 100%; }
      .payment__gallery .form.active .message.error .icon {
        display: inline; }
      .payment__gallery .form.active .message.error .text {
        display: inline; }
    .payment__gallery .form.active .selectric-form-control .selectric-items ul > li:hover {
      background: #ddd !important; }
    .payment__gallery .form.active .selectric-form-control .crypto_logo {
      height: 20px;
      width: 100%; }
    .payment__gallery .form.active .form-row-amount {
      align-items: center; }
      .payment__gallery .form.active .form-row-amount .form-group {
        padding: 0; }
        .payment__gallery .form.active .form-row-amount .form-group.checkbox .radio {
          width: 26px;
          min-width: 26px;
          height: 26px;
          background: none; }
          .payment__gallery .form.active .form-row-amount .form-group.checkbox .radio:before {
            width: 12px;
            height: 12px;
            top: 6px;
            left: 6px; }
        .payment__gallery .form.active .form-row-amount .form-group .control-label {
          top: 7px; }
        .payment__gallery .form.active .form-row-amount .form-group .currency-label {
          top: 1px; }
    .payment__gallery .form.active .form-row-account-expDate > .form-group {
      padding-bottom: 0; }
    .payment__gallery .form.active .form-row-account-expDate > .form-group:nth-child(2) {
      flex: auto;
      width: 150px;
      max-width: 30%;
      margin-left: 15px; }
    .payment__gallery .form.active .form-row-cardHolder > .form-group {
      padding-bottom: 0; }
    .payment__gallery .form.active .form-row-cardHolder > .form-group:nth-child(1) {
      padding-right: 7px; }
    .payment__gallery .form.active .form-row-cardHolder > .form-group:nth-child(2) {
      margin-left: 8px; }
    @media only screen and (max-width: 576px) {
      .payment__gallery .form.active .form-row-cardHolder {
        flex-wrap: wrap; }
        .payment__gallery .form.active .form-row-cardHolder > .form-group {
          padding: 16px 0 10px 0 !important;
          width: 100%;
          margin-left: 0 !important; } }
    .payment__gallery .form.active .form-row-cryptoCurrency {
      width: 220px;
      max-width: 100%; }
    .payment__gallery .form.active .tips_block {
      background: #1e0093;
      padding: 10px 0; }
      .payment__gallery .form.active .tips_block .tips_title {
        font-size: 14px;
        line-height: 16px;
        color: #000000;
        text-align: left;
        margin: 5px 0; }
        @media only screen and (max-width: 576px) {
          .payment__gallery .form.active .tips_block .tips_title {
            text-align: center; } }
      .payment__gallery .form.active .tips_block .form-row-amount > .row {
        margin: 0; }
      .payment__gallery .form.active .tips_block .form-row-amount .form-group {
        margin: 5px 0; }
      .payment__gallery .form.active .tips_block .form-row-amount .custom-amount {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap; }
      .payment__gallery .form.active .tips_block .form-row-amount .clear_all {
        flex: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%; }
    .payment__gallery .form.active .form_overlay {
      background: #000000;
      padding: 10px 20px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .payment__gallery .form.active .form_overlay .submit {
        text-align: center; }
      .payment__gallery .form.active .form_overlay .text {
        color: #FFFFFF;
        margin: 30px 0;
        text-align: center; }
      .payment__gallery .form.active .form_overlay .button_row {
        display: block;
        width: 100%;
        padding: 0 10px;
        margin: 10px 0; }

.cashbox_history {
  display: block;
  width: 100%;
  padding: 20px 16px;
  color: #000000;
  border-spacing: 0; }
  .cashbox_history table {
    width: 100%;
    border-collapse: collapse; }
    .cashbox_history table th {
      font-size: 16px;
      text-transform: none;
      line-height: 20px;
      font-weight: 300;
      padding: 10px 3px;
      text-align: center; }
    .cashbox_history table td {
      font-size: 14px;
      line-height: 20px;
      font-weight: 300;
      padding: 10px 3px;
      text-align: center; }
      @media only screen and (max-width: 576px) {
        .cashbox_history table td {
          font-size: 12px; } }
      .cashbox_history table td:last-child {
        text-align: right; }
        .cashbox_history table td:last-child .payment_status {
          text-align: right; }
    .cashbox_history table tr {
      border-bottom: 1px solid #000000; }
    .cashbox_history table tbody tr:last-child {
      border-bottom: none; }
    .cashbox_history table .empty {
      text-align: center;
      margin: 0 auto; }
  .cashbox_history .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px auto 25px;
    padding: 0;
    list-style-type: none; }
    .cashbox_history .pagination > li {
      height: 20px;
      width: 20px;
      margin: 5px;
      cursor: pointer;
      text-align: center;
      transition: .2s all ease;
      color: #ffb899; }
      .cashbox_history .pagination > li.active {
        color: #FF4D00; }
      .cashbox_history .pagination > li:hover {
        color: #FF4D00; }
      .cashbox_history .pagination > li.disabled {
        cursor: default; }
        .cashbox_history .pagination > li.disabled:hover {
          background-color: #000000;
          border-color: #FF4D00;
          color: #FF4D00; }
      .cashbox_history .pagination > li a {
        display: block;
        height: 100%;
        width: 100%;
        color: inherit; }
  .cashbox_history .payment_id {
    font-size: 12px; }
  .cashbox_history .payment_status {
    color: #276B41;
    min-width: 60px;
    width: 100%;
    text-align: left; }
    .cashbox_history .payment_status_pending {
      color: #cc9f00; }
    .cashbox_history .payment_status_completed {
      color: #276B41; }
    .cashbox_history .payment_status_cancelled {
      color: #FF4D00; }
    .cashbox_history .payment_status_chargeback {
      color: #FF4D00; }
    .cashbox_history .payment_status_failed {
      color: #FF4D00; }
    .cashbox_history .payment_status_refused {
      color: #FF4D00; }
    .cashbox_history .payment_status .icon {
      float: right;
      margin-left: 10px;
      margin-top: 0px;
      font-size: 20px; }
  @media only screen and (max-width: 576px) {
    .cashbox_history {
      padding: 13px 0; }
      .cashbox_history table thead {
        display: none; }
      .cashbox_history table td {
        border-bottom: 1px solid #000000;
        text-align: right;
        padding-left: 18px;
        padding-right: 18px;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .cashbox_history table td:before {
          float: left !important;
          content: attr(data-label);
          text-transform: uppercase; }
      .cashbox_history table tr {
        display: block;
        border-bottom: 3px solid #000000; } }

.security_form {
  display: block;
  width: 100%;
  padding: 0 16px;
  color: #000000;
  border-spacing: 0; }
  .security_form .form {
    max-width: 340px;
    margin: 32px auto; }
    .security_form .form .row {
      margin: 5px 0; }
  .security_form .title {
    font-size: 18px;
    margin: 15px 0;
    font-weight: 700; }

.modal_confirm_phone .form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  height: 100%;
  max-width: 440px;
  margin: auto;
  padding-top: 35px;
  text-align: center !important; }

.modal_confirm_phone .modal_sm_wrapper {
  width: 100%;
  max-width: 260px;
  margin: 0 auto; }

.modal_confirm_phone .row.input {
  max-width: 260px; }

.modal_confirm_phone .timer {
  margin: 10px auto 25px;
  color: #525252;
  font-size: 40px;
  line-height: 47px; }

.modal_confirm_phone .message {
  margin-bottom: 65px; }

.modal_forgot_password .form {
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 260px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center !important;
  padding-top: 50px; }

.modal_forgot_password .message {
  max-width: 350px;
  margin: 0 auto 90px auto;
  text-align: center;
  font-size: 20px;
  line-height: 24px; }

@media only screen and (max-width: 768px) {
  .modal_forgot_password .form {
    max-width: 350px; }
    .modal_forgot_password .form .form-group {
      padding-bottom: 0; }
  .modal_forgot_password .message {
    margin: 35px auto; }
  .modal_forgot_password .popup_actions {
    padding-top: 0; } }

.modal_reset_password .form {
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 260px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center !important;
  padding-top: 50px; }

.modal_profile_form .popup {
  width: 690px; }
  .modal_profile_form .popup > .header .title {
    padding: 0;
    white-space: normal; }
    @media only screen and (max-width: 767px) {
      .modal_profile_form .popup > .header .title {
        text-align: left;
        padding: 0 10px;
        font-size: 20px; } }
  @media only screen and (max-width: 576px) {
    .modal_profile_form .popup .content {
      padding: 0 25px 50px; } }

.modal_profile_form .profile_form {
  width: 100%;
  position: relative; }
  .modal_profile_form .profile_form .form > .row {
    justify-content: space-between; }
    @media only screen and (max-width: 576px) {
      .modal_profile_form .profile_form .form > .row {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    .modal_profile_form .profile_form .form > .row > .column {
      flex: unset;
      width: 50%;
      max-width: 260px;
      padding: 0 8px; }
      @media only screen and (max-width: 576px) {
        .modal_profile_form .profile_form .form > .row > .column {
          width: 100%;
          max-width: 280px; } }
  .modal_profile_form .profile_form .form .phone_field_holder .help-block {
    height: 0;
    min-height: 0;
    color: transparent; }
  .modal_profile_form .profile_form .contact_info_item .status {
    margin-top: 16px; }
    .modal_profile_form .profile_form .contact_info_item .status .label {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 12px; }
      .modal_profile_form .profile_form .contact_info_item .status .label.ok {
        color: #276B41; }
      .modal_profile_form .profile_form .contact_info_item .status .label.warn {
        color: #FF4D00; }

@media only screen and (max-width: 767px) {
  .modal_demo_game .popup .content {
    min-height: 484px;
    padding: 0 30px 50px; } }

.modal_demo_game .popup_text {
  flex: 1;
  height: 100%;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px; }

.modal_demo_game .popup_button {
  text-align: center;
  margin: 25px 0; }

@media only screen and (max-width: 576px) {
  .modal_self_suspend .popup .header .title {
    font-size: 20px; } }

.modal_self_suspend .popup .content {
  text-align: center; }
  @media only screen and (max-width: 576px) {
    .modal_self_suspend .popup .content {
      padding: 0 25px 50px; } }
  .modal_self_suspend .popup .content .header_main {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 28px; }

.modal_has_active_campaign .popup > .content {
  min-height: 390px; }
  @media only screen and (max-width: 767px) {
    .modal_has_active_campaign .popup > .content {
      padding: 0 25px 50px; } }
  .modal_has_active_campaign .popup > .content .popup_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    padding: 50px 0 0; }
    @media only screen and (max-width: 576px) {
      .modal_has_active_campaign .popup > .content .popup_content {
        flex-direction: column;
        padding: 20px 0 0; } }
  .modal_has_active_campaign .popup > .content .column_image {
    width: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }
    @media only screen and (max-width: 576px) {
      .modal_has_active_campaign .popup > .content .column_image {
        width: 200px;
        margin: 0 auto; } }
    .modal_has_active_campaign .popup > .content .column_image .image {
      text-align: center; }
      .modal_has_active_campaign .popup > .content .column_image .image > img {
        width: 100%;
        max-width: 100%;
        display: block; }
  .modal_has_active_campaign .popup > .content .column_body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 1;
    text-align: center; }
    .modal_has_active_campaign .popup > .content .column_body .title {
      width: 100%;
      margin: 0 0 20px;
      font-weight: 700;
      font-size: 26px;
      text-transform: uppercase;
      color: #FF4D00; }
      @media only screen and (max-width: 576px) {
        .modal_has_active_campaign .popup > .content .column_body .title {
          font-size: 18px; } }
    .modal_has_active_campaign .popup > .content .column_body .text {
      width: 100%;
      margin: 0 0 20px; }
    .modal_has_active_campaign .popup > .content .column_body .popup_actions {
      margin: 0; }

.exit_lobby_modal .popup .content {
  padding: 0 10px 50px; }
  @media only screen and (max-width: 576px) {
    .exit_lobby_modal .popup .content {
      padding: 0 0 50px; } }
  .exit_lobby_modal .popup .content .info {
    width: 100%;
    max-width: 560px;
    padding: 0 20px;
    margin: 0 auto 45px;
    line-height: 23px;
    text-align: center; }
  .exit_lobby_modal .popup .content .games_gallery_wrap {
    width: 100%; }
    .exit_lobby_modal .popup .content .games_gallery_wrap .games_gallery {
      justify-content: center;
      width: 100%; }
    .exit_lobby_modal .popup .content .games_gallery_wrap .item {
      width: 200px;
      margin: 0 10px; }
      @media only screen and (max-width: 576px) {
        .exit_lobby_modal .popup .content .games_gallery_wrap .item {
          margin: 0 5px; } }
      .exit_lobby_modal .popup .content .games_gallery_wrap .item .game_item {
        padding: 0;
        border: 2px solid #1e0093; }
        .exit_lobby_modal .popup .content .games_gallery_wrap .item .game_item .button_real, .exit_lobby_modal .popup .content .games_gallery_wrap .item .game_item .button_demo {
          line-height: 28px;
          font-size: 14px; }
        .exit_lobby_modal .popup .content .games_gallery_wrap .item .game_item:hover .overlay {
          border-radius: 4px;
          border: none; }
        .exit_lobby_modal .popup .content .games_gallery_wrap .item .game_item .game_caption {
          display: none; }

.modal_change_password .form {
  width: 100%;
  max-width: 260px; }

@media screen and (max-width: 576px) {
  .tablet.only:not(.mobile) {
    display: none !important; }
  .desktop.only:not(.mobile) {
    display: none !important; } }

@media screen and (min-width: 577px) and (max-width: 992px) {
  .mobile.only:not(.tablet) {
    display: none !important; }
  .desktop.only:not(.tablet) {
    display: none !important; } }

@media screen and (min-width: 993px) {
  .mobile.only:not(.desktop) {
    display: none !important; }
  .tablet.only:not(.desktop) {
    display: none !important; } }


		.user-profile__progress .bar {
			width: 140px;
			height: 8px;
			box-shadow: #312f29 0 1px 0;
			background: #282828;
			border-radius: 8px;
			margin-top: 7px;
		}
		.user-profile__progress .procent {
			color: #fff0be; 
			margin-left: 4px;
		}
		.user-profile__progress .bar .progress {
			border-radius: 8px;
			height: 7px;
			margin-top: 1px;
			width: 0%;
			position: relative;
			box-shadow: inset #ffff08 0 1px 0;
			background: #ffdd04;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZGQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YzYzYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #ffdd04 0%, #ffdd04 49%, #f3c600 51%, #f3c600 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd04), color-stop(49%, #ffdd04), color-stop(51%, #f3c600), color-stop(100%, #f3c600));
			background: -webkit-linear-gradient(top, #ffdd04 0%, #ffdd04 49%, #f3c600 51%, #f3c600 100%);
			background: -o-linear-gradient(top, #ffdd04 0%, #ffdd04 49%, #f3c600 51%, #f3c600 100%);
			background: -ms-linear-gradient(top, #ffdd04 0%, #ffdd04 49%, #f3c600 51%, #f3c600 100%);
			background: linear-gradient(to bottom, #ffdd04 0%, #ffdd04 49%, #f3c600 51%, #f3c600 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd04', endColorstr='#f3c600', GradientType=0);		
		}
		.pull-left {
			float: left;
		}
		.progress:hover::after { 
		content: attr(data-text);
		position: absolute;
		left: 50%;
		width: 190px;
		margin-left: -90px;
		top: 50%;
		margin-top: -30px;
		height: 40px;
		z-index: 1;
		background: rgba(222, 222, 222, 0.82);
		font-family: Arial;
		font-size: 14px;
		padding: 10px 10px;
		color: #000;
		}