@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&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%; }
  @media only screen and (max-width: 767px) {
    html, body {
      overflow-x: hidden; } }

* {
  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: 200px;
    height: 40px; }
  @media only screen and (max-width: 576px) {
    .logo_main > img {
      display: block;
      margin: auto 0;
      width: 145px;
      height: 30px; } }

.button {
  background: #666;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.5em;
  height: 2.5em;
  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: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  position: relative; }
  .button:hover {
    background: #888; }
  .button.big {
    font-size: 1.5rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
  .button.primary {
    background: #FFFFFF;
    border: 1px solid #54B146;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: #54B146; }
    .button.primary:hover, .button.primary:active, .button.primary:focus {
      background-color: #15cc34;
      color: #fff; }
  .button.secondary {
    background: #FFFFFF;
    border: 1px solid #0255C2;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: #0255c2; }
    .button.secondary:hover, .button.secondary:active, .button.secondary:focus {
      background-color: #0463e0;
      color: #fff; }
  .button.red {
    background: #FFFFFF;
    border: 1px solid red;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: red; }
    .button.red:hover, .button.red:active, .button.red:focus {
      background-color: red;
      color: #fff; }
  .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(255, 255, 255, 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; }

.link_button, .sign-up-form__link {
  color: #54b146;
  text-decoration: underline;
  text-decoration-color: #54b146;
  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: #fff;
  text-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  display: block;
  left: 0;
  top: 0;
  text-align: center; }
  @media screen and (min-width: 993px) {
    .page_sidebar {
      display: none; } }
  .page_sidebar .link {
    color: #0255c2;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    background: none;
    cursor: pointer; }
    .page_sidebar .link > .icon {
      display: block;
      font-size: 30px; }
  .page_sidebar .socials-header {
    font-weight: 300;
    font-size: 12px;
    color: #FF4D00;
    margin-bottom: 5px; }
  .page_sidebar > .hello {
    padding: 15px 0;
    text-align: center; }
  .page_sidebar > .logo {
    padding: 0 50px;
    display: block;
    transition: none;
    min-height: 30px; }
    .page_sidebar > .logo > img {
      max-width: 100%;
      height: unset;
      transform: unset;
      margin-top: 10px; }
    .page_sidebar > .logo > .logo_main {
      display: block;
      opacity: 1; }
    .page_sidebar > .logo > .logo_min {
      display: none; }
  .page_sidebar .login {
    margin: 10px 0;
    padding: 0 35px; }
    .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 35px;
    color: #000; }
    .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: 18px;
      color: #000; }
      .page_sidebar .player .profile_title .caption {
        width: 230px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block; }
    .page_sidebar .player .balance {
      margin: 16px 0 10px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page_sidebar .player .balance .balance_number {
        color: #000;
        margin-left: 10px; }
      .page_sidebar .player .balance .balance_title {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #000; }
      .page_sidebar .player .balance .balance_money {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 0 4px #fff; }
    .page_sidebar .player .bonus {
      margin: 10px 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page_sidebar .player .bonus .bonus_title {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
        color: #0255c2;
        text-shadow: 0 0 4px #0255c2;
        margin-right: 5px; }
      .page_sidebar .player .bonus .percent {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 0 4px #fff;
        margin-right: 5px; }
  .page_sidebar .menu {
    margin: 10px 0; }
    @media only screen and (max-width: 576px) {
      .page_sidebar .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; } }
    .page_sidebar .menu .item {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      padding: 14px 5px;
      position: relative;
      color: #000;
      border-bottom: 1px solid #cdddf4; }
      .page_sidebar .menu .item:first-child {
        border-top: 1px solid #cdddf4; }
      @media only screen and (max-width: 576px) {
        .page_sidebar .menu .item {
          width: 100%; } }
      .page_sidebar .menu .item > .icon {
        display: block;
        font-size: 30px;
        margin: 5px; }
      .page_sidebar .menu .item > .caption {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500; }
        @media only screen and (max-width: 576px) {
          .page_sidebar .menu .item > .caption {
            font-size: 13px; } }
      .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: #0255c2;
        transition: .2s all ease; }
        .page_sidebar .menu .item:hover:before {
          opacity: 1; }
      .page_sidebar .menu .item.active {
        color: #0255c2; }
        .page_sidebar .menu .item.active:before {
          opacity: 1; }
      .page_sidebar .menu .item.highlighted {
        color: #fff;
        background: #0255c2 !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 #0255c2; }
  .page_sidebar.hidden {
    display: none; }
  .page_sidebar .logout-link a {
    transition: .2s all ease;
    text-decoration: none;
    color: #b7b7b7; }
    .page_sidebar .logout-link a .icon {
      margin-bottom: 5px; }
    .page_sidebar .logout-link a:hover {
      color: #000;
      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: #0255c2;
        text-shadow: 0px 0px 4px #0255c2; }
      .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: #0255c2;
        text-shadow: 0px 0px 4px #0255c2; }
  .page_sidebar .close {
    position: absolute;
    right: 5px;
    top: 20px; }
    .page_sidebar .close .item_close {
      border: none;
      background: none;
      font-size: 20px;
      font-weight: bold; }
      .page_sidebar .close .item_close i {
        color: #0255c2;
        font-weight: bold; }

body.menu_open {
  overflow-y: hidden;
  position: fixed; }
  body.menu_open .overlay_menu_mobile {
    visibility: visible;
    opacity: 1;
    margin-left: 300px; }
  body.menu_open .page_sidebar {
    transform: translateX(0);
    visibility: visible; }
  @media only screen and (max-width: 768px) {
    body.menu_open .page_wrap {
      transform: translateX(300px);
      transition: .5s all ease; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    body.menu_open .page_wrap {
      transform: translateX(300px);
      transition: .5s all ease; } }

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

.languages_dd {
  display: flex;
  align-items: center;
  height: 35px;
  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-start;
    width: 100%;
    min-width: 60px;
    height: 100% !important;
    padding: 6px 37px 6px 8px !important;
    line-height: 1;
    color: #FFFFFF !important;
    border: none !important;
    background-color: #a8a8a8 !important;
    box-shadow: none !important; }
  .languages_dd .dd__menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 170px !important;
    margin-top: 10px !important;
    padding: 7px 15px;
    right: 0;
    border: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #a8a8a8 !important; }
    .languages_dd .dd__menu .item {
      line-height: 1 !important;
      color: #fff; }
      .languages_dd .dd__menu .item:hover {
        color: #000; }
    .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: 23px;
    height: 23px;
    border-radius: 50%; }
    .languages_dd .flag img {
      display: block;
      width: auto;
      height: 23px;
      margin-left: -25%; }
  .languages_dd .caption {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400; }
  .languages_dd .icon {
    width: 22px !important;
    background-color: #909090; }
    .languages_dd .icon:after {
      position: absolute;
      top: 11px;
      left: 7px;
      display: block;
      width: 6px !important;
      height: 6px !important;
      line-height: 1 !important;
      border-width: 1px !important;
      border-top-color: #fff !important;
      border-left-color: #fff !important;
      transform: rotate(-135deg);
      transition: 200ms ease; }

.footer {
  position: relative;
  background: #1C1C1C;
  color: #FFFFFF; }
  .footer .container_between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 15px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .footer .container_between {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 768px) {
      .footer .container_between {
        flex-wrap: wrap; } }
  .footer__head {
    background-color: #151515; }
    .footer__head .methods {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      flex-grow: 1;
      flex-basis: 0; }
      .footer__head .methods .payments, .footer__head .methods .providers {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-grow: 1; }
        @media only screen and (max-width: 768px) {
          .footer__head .methods .payments, .footer__head .methods .providers {
            justify-content: center; } }
      .footer__head .methods__item {
        width: 100%;
        max-width: 110px;
        margin: 5px 25px 5px 0;
        box-sizing: border-box; }
        .footer__head .methods__item img {
          width: 100%; }
        @media only screen and (min-width: 769px) and (max-width: 992px) {
          .footer__head .methods__item {
            max-width: 90px; } }
        @media only screen and (max-width: 768px) {
          .footer__head .methods__item {
            max-width: 112px;
            margin: 10px 5px; } }
    .footer__head .languages {
      margin: 15px 0 0 40px; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .footer__head .languages {
          margin: 15px 0 0 20px; } }
      @media only screen and (max-width: 768px) {
        .footer__head .languages {
          display: none; } }
  .footer__body .nav-list {
    width: 100%;
    max-width: 480px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .footer__body .nav-list__item:not(:last-child) {
      margin-right: 20px; }
    .footer__body .nav-list__item .title {
      margin-bottom: 16px;
      font-weight: 700;
      color: #f5f5f5; }
    .footer__body .nav-list__item .nav {
      padding-left: 0;
      text-align: left;
      list-style-type: none; }
      .footer__body .nav-list__item .nav .item {
        margin: 3px 0;
        font-size: 12px; }
        .footer__body .nav-list__item .nav .item a {
          color: #8b8b8c; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .footer__body .nav-list {
        justify-content: space-between;
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 768px) {
      .footer__body .nav-list {
        justify-content: space-between;
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 576px) {
      .footer__body .nav-list .xs-hide {
        display: none; } }
  .footer__body .info {
    width: 100%;
    max-width: 480px; }
    .footer__body .info__license {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #2e2c2c; }
      .footer__body .info__license .description {
        margin-right: 10px;
        padding-top: 4px;
        text-align: right;
        font-size: 10px;
        color: #808080; }
        @media only screen and (min-width: 769px) and (max-width: 992px) {
          .footer__body .info__license .description {
            text-align: left; } }
        @media only screen and (max-width: 768px) {
          .footer__body .info__license .description {
            text-align: left; } }
      .footer__body .info__license .curacao {
        width: 70px; }
    .footer__body .info__summary {
      display: flex;
      justify-content: space-between; }
      .footer__body .info__summary .logo {
        width: 200px;
        cursor: pointer; }
        @media only screen and (min-width: 769px) and (max-width: 992px) {
          .footer__body .info__summary .logo {
            width: 170px; } }
        @media only screen and (max-width: 576px) {
          .footer__body .info__summary .logo {
            display: none; } }
      .footer__body .info__summary .other {
        display: flex;
        justify-content: center;
        align-items: center; }
        .footer__body .info__summary .other__item:not(:last-child) {
          margin-right: 20px; }
        .footer__body .info__summary .other .image {
          width: 30px; }
      @media only screen and (max-width: 576px) {
        .footer__body .info__summary {
          justify-content: center; } }
    @media only screen and (min-width: 1400px) {
      .footer__body .info {
        max-width: 600px; } }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .footer__body .info {
        padding-left: 15px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .footer__body .info {
        max-width: 100%;
        margin-top: 40px; } }
    @media only screen and (max-width: 768px) {
      .footer__body .info {
        max-width: 100%;
        margin-top: 40px; } }
  .footer__bottom {
    padding: 15px;
    text-align: center;
    font-size: 10px;
    color: #808080;
    background-color: #151515; }

@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: 13%;
  text-align: left;
  position: relative;
  margin-right: 1%; }
  @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: 180px; }

.header_desktop .login {
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 44%; }
  .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 .socials_wrap {
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0 20px;
  flex: 1; }
  @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: #0255c2; }
  .header_desktop .socials_wrap i {
    color: #0255c2;
    margin: 0 10px;
    transition: .2s all ease; }
    .header_desktop .socials_wrap i:hover {
      color: #000; }
    @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: flex-end;
  align-items: center;
  flex: 1;
  margin-right: 10px; }
  .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: #0255c2;
      text-shadow: 0px 0px 4px #0255c2; }
      @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: #000;
      text-shadow: 0px 0px 4px #000;
      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: #0255c2;
      text-shadow: 0px 0px 4px #0255c2; }
      @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: 20px;
      line-height: 20px;
      text-transform: uppercase;
      color: #000;
      text-shadow: 0px 0px 4px #000;
      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; }
      @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;
  margin-top: 15px; }
  @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;
    line-height: 1px;
    text-transform: uppercase;
    color: #0255c2; }
    @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: #000;
      text-shadow: 0px 0px 4px #0255c2; }
    .header_desktop .bonus .info_wrap .tooltip_wrap i {
      color: #000;
      opacity: .5;
      text-shadow: 0px 0px 4px #0255c2; }

.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: 14px;
    color: #747474;
    background-color: #f0f0f0; }
    .header_desktop .logout-link a:hover {
      background-color: #747474; }
      .header_desktop .logout-link a:hover .icon-logout2 {
        color: #fff; }
    .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: 80px;
  background: #fff;
  align-self: center;
  align-items: center; }

.header_desktop .header_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  background-color: #ebebeb; }
  @media only screen and (max-width: 767px) {
    .header_desktop .header_menu {
      display: none; } }
  .header_desktop .header_menu .menu {
    display: flex; }
    .header_desktop .header_menu .menu .item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 40px;
      transition: .2s all ease;
      color: #000; }
      .header_desktop .header_menu .menu .item i {
        font-size: 40px; }
      .header_desktop .header_menu .menu .item.active {
        color: #0255c2; }
      .header_desktop .header_menu .menu .item:hover {
        color: #0255c2; }

.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: #fff; }
    .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: #fff; }

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

.header_mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background: #fff;
  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 .mob_link_reg_header {
        border: none;
        background: none;
        padding: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        color: #0255c2; }
      .header_mobile + * {
        margin-top: 60px; } }
  @media only screen and (max-width: 768px) {
    .header_mobile {
      display: flex; }
      .header_mobile + * {
        margin-top: 60px; } }
  .header_mobile > .logo .logo_main {
    width: 145px;
    margin: 0 auto; }
    .header_mobile > .logo .logo_main > img {
      top: 34%; }
  .header_mobile > .hamburger_icon {
    max-width: 70px; }
    @media only screen and (max-width: 768px) {
      .header_mobile > .hamburger_icon {
        max-width: 20px; } }
    @media only screen and (max-width: 576px) {
      .header_mobile > .hamburger_icon {
        max-width: 70px; } }
  .header_mobile > .language_header {
    flex: auto;
    max-width: 90px; }
  .header_mobile .hamburger {
    width: 50px;
    cursor: pointer;
    display: flex;
    margin-left: 15px;
    font-size: 40px;
    color: #000; }
  .header_mobile .balance {
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-right: 20px; }
    .header_mobile .balance_title .caption {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 14px;
      text-align: center;
      text-transform: uppercase;
      color: #0255c2; }
    .header_mobile .balance_number {
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;
      color: #0255c2; }

.header_banners {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: relative;
  color: #fff;
  min-height: 250px; }
  .header_banners .text {
    color: #fff;
    margin: 16px 0;
    font-size: 36px; }
    @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; }
  @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: #fff;
      color: #000; } }
  @media only screen and (max-width: 768px) {
    .header_banners {
      background: #fff;
      color: #000; } }
  .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 .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;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left; }
        .header_banners .list .item .overlay > div {
          width: 50%; }
        @media only screen and (max-width: 576px) {
          .header_banners .list .item .overlay {
            display: block;
            position: static;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 15px;
            background: #0B033C;
            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 .list .item .overlay .slider {
          background: linear-gradient(70.48deg, #0355C3 -17.13%, #02DCFD 140.94%);
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
          border-radius: 3px;
          transition: .2s all ease; }
          .header_banners .list .item .overlay .slider:hover {
            background: linear-gradient(70.48deg, #0355c375 -17.13%, #02dcfd94 140.94%); }
  .header_banners .slick-dots li button {
    border: 0;
    background: #fff;
    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: 10px;
    height: 10px;
    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: #0255c2;
    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%;
  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 > .game_item .button_real, .games_grid > .item > .game_item .button_demo {
        line-height: 2.75em; }
    .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-bottom: 16px; }
    .form .form-group .control-label {
      display: block;
      width: 100%;
      margin-bottom: 4px;
      text-align: left;
      font-size: 14px;
      font-weight: 300;
      color: #000; }
    .form .form-group .form-control {
      display: block;
      width: 100%;
      border: 1px solid #ced4da;
      font-size: 14px;
      padding: 0 15px;
      height: 38px;
      border-radius: 0px;
      background-color: #f1f1f1;
      box-shadow: none;
      font-weight: 400;
      line-height: 18px;
      color: #000; }
      .form .form-group .form-control:focus {
        border-color: #0255c2; }
      .form .form-group .form-control::-webkit-input-placeholder {
        color: #94a1ae; }
      .form .form-group .form-control::placeholder {
        color: #94a1ae; }
    .form .form-group input.form-control:disabled {
      opacity: 1;
      color: #4d4d4d;
      border-color: #b1bbc4;
      background-color: #d8d8d8; }
    .form .form-group .help-block {
      text-align: right;
      font-size: 13px;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 14px; }
    .form .form-group.has-error .help-block {
      margin-top: 2px;
      color: red; }
      .form .form-group.has-error .help-block:after {
        content: " ";
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0MzguNTMzIDQzOC41MzMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MzMgNDM4LjUzMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00MDkuMTMzLDEwOS4yMDNjLTE5LjYwOC0zMy41OTItNDYuMjA1LTYwLjE4OS03OS43OTgtNzkuNzk2QzI5NS43MzYsOS44MDEsMjU5LjA1OCwwLDIxOS4yNzMsMCAgIGMtMzkuNzgxLDAtNzYuNDY2LDkuODAxLTExMC4wNjMsMjkuNDA3Yy0zMy41OTUsMTkuNjA0LTYwLjE5Miw0Ni4yMDEtNzkuOCw3OS43OTZDOS44MDEsMTQyLjgsMCwxNzkuNDg5LDAsMjE5LjI2NyAgIHM5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU4NSw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTksMjkuNDAzLTcwLjI4NywyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODksNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTI1NS44MiwzNTYuMDIxYzAsMi42NjktMC44NjIsNC45LTIuNTczLDYuNzA3cy0zLjgwNiwyLjcxMS02LjI4MywyLjcxMSAgIGgtNTQuODE4Yy0yLjQ3MiwwLTQuNjYzLTAuOTUyLTYuNTY1LTIuODU0Yy0xLjkwNC0xLjkwMy0yLjg1NC00LjA5My0yLjg1NC02LjU2M1YzMDEuNzhjMC0yLjQ3OCwwLjk1LTQuNjY4LDIuODU0LTYuNTcxICAgYzEuOTAzLTEuOTAyLDQuMDkzLTIuODUxLDYuNTY1LTIuODUxaDU0LjgxOGMyLjQ3OCwwLDQuNTc5LDAuOTA3LDYuMjgzLDIuNzA3YzEuNzExLDEuODE3LDIuNTczLDQuMDQ1LDIuNTczLDYuNzE1VjM1Ni4wMjF6ICAgIE0yNTUuMjQ2LDI1Ny44MTJjLTAuMTkyLDEuOTAyLTEuMTg4LDMuNTY4LTIuOTkxLDQuOTk2Yy0xLjgxMywxLjQyNC00LjA0NSwyLjEzNS02LjcwOCwyLjEzNWgtNTIuODIyICAgYy0yLjY2NiwwLTQuOTUtMC43MTEtNi44NTMtMi4xMzVjLTEuOTA0LTEuNDI4LTIuODU3LTMuMDk0LTIuODU3LTQuOTk2TDE3OC4xNjIsODAuNTFjMC0yLjI4OCwwLjk1LTMuOTk3LDIuODUyLTUuMTQgICBjMS45MDYtMS41MjEsNC4xOS0yLjI4NCw2Ljg1NC0yLjI4NGg2Mi44MTljMi42NjYsMCw0Ljk0OCwwLjc2LDYuODUxLDIuMjg0YzEuOTAzLDEuMTQzLDIuODQ4LDIuODU2LDIuODQ4LDUuMTRMMjU1LjI0NiwyNTcuODEyeiIgZmlsbD0iI0ZGMDAwMCIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
        position: absolute;
        top: -31px;
        right: 8px;
        width: 20px;
        height: 20px;
        background-size: 20px;
        background-repeat: no-repeat; }
    .form .form-group.has-error .form-control {
      border-color: red; }
    .form .form-group.has-error.checkbox .help-block:after {
      content: none; }
    .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 #ced4da;
        border-radius: 0px;
        background: #f1f1f1;
        margin-right: .5em;
        position: relative; }
        .form .form-group.checkbox label .checkbox.radio {
          border-radius: 50%; }
      .form .form-group.checkbox label:hover {
        border-color: #ced4da; }
      .form .form-group.checkbox label input.hidden + .checkbox:before {
        content: ' ';
        display: block;
        width: 30%;
        height: 50%;
        transform: rotate(45deg);
        border-right: 3px solid #54b146;
        border-bottom: 3px solid #54b146;
        top: 6%;
        left: 30%;
        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: #54b146;
        border-radius: 50%;
        position: absolute;
        top: 4px;
        left: 4px; }
      .form .form-group.checkbox label input.hidden:checked + .checkbox:before {
        opacity: 1; }
    .form .form-group .currency-label {
      position: absolute;
      height: 38px;
      line-height: 38px;
      right: 0;
      bottom: 16px;
      padding: 0 15px 0 0; }
    .form .form-group .has-currency {
      padding-right: 55px; }
  .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: #0255c2;
  color: #fff;
  width: 100%;
  display: block; }

.tabmenu_categories {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  height: 63px;
  position: relative;
  width: 100%;
  opacity: 0;
  transition: .2s all ease; }
  .tabmenu_categories.slick-initialized {
    opacity: 1; }
  .tabmenu_categories .item {
    flex: 1;
    border-right: 1px solid #0260db;
    width: 200px; }
    .tabmenu_categories .item:first-child {
      border-left: 1px solid #0260db; }
    .tabmenu_categories .item .icon {
      font-size: 32px;
      margin-right: 15px; }
    .tabmenu_categories .item > a {
      width: 100%;
      height: 63px;
      line-height: 63px;
      padding: 0 3px;
      color: inherit;
      text-align: center;
      white-space: nowrap;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .tabmenu_categories .item > a:hover {
        background-color: #0260db; }
      .tabmenu_categories .item > a.active {
        background-image: linear-gradient(0deg, #0255c2, #014fb5, #0147a3); }

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

.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: #000;
      text-shadow: 0 0 4px #000;
      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: #0255c2;
        transition: .2s all ease; }
        .tabs_promos .tabs .tab-link:hover span {
          color: #0255c2; }
        .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: #000;
        text-shadow: 0px 0px 4px #000;
        z-index: 1; }
    .tabs_promos .tabs .current {
      background: linear-gradient(244.62deg, #1E8958 0%, #033709 100%);
      color: #0255c2; }
      .tabs_promos .tabs .current span {
        color: #0255c2; }
  .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: #000;
      text-shadow: 0px 0px 8px #000; }
    .tabs_promos .tab-content .tabs_img {
      height: 132px;
      width: 132px; }

.cards_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -30px;
  margin-right: -30px;
  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: -15px;
      margin-right: -15px; } }
  @media (width: 992px) {
    .cards_list {
      justify-content: center !important; }
      .cards_list > .item {
        margin: 0 10px 25px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .cards_list {
      justify-content: space-between;
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .cards_list {
      justify-content: space-between;
      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;
    box-sizing: border-box;
    margin: 0 0 25px;
    padding: 0 30px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .cards_list > .item {
        padding: 0 15px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cards_list > .item {
        width: 100%;
        max-width: 337px;
        flex-basis: auto;
        padding: 0; } }
    @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%;
  height: 100%;
  box-sizing: border-box;
  text-align: center; }
  .card .title {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    color: #0255c2; }
  .card.promo-card .title, .card.campaign-card .title {
    margin-top: 5px;
    font-size: 22px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
  .card.promo-card .image, .card.campaign-card .image {
    width: 100%;
    height: 242px;
    margin: 0 auto 5px; }
    .card.promo-card .image img, .card.campaign-card .image img {
      max-height: 100%;
      max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .card.promo-card .image, .card.campaign-card .image {
        height: auto; } }
  .card.lottery-card .title, .card.tournament-card .title {
    font-size: 24px; }
    .card.lottery-card .title > span, .card.tournament-card .title > span {
      display: block;
      line-height: 1em;
      min-height: 2em; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
  .card.lottery-card .image, .card.tournament-card .image {
    width: 100%;
    height: 206px;
    margin-top: 5px;
    position: relative; }
    .card.lottery-card .image img, .card.tournament-card .image img {
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .image, .card.tournament-card .image {
        height: auto; } }
  .card .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px 35px 20px;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    border-radius: 4px;
    transition: .2s all ease; }
    @media only screen and (max-width: 768px) {
      .card .wrapper {
        padding: 40px 20px 20px; } }
    .card .wrapper:hover {
      border-color: #0255c2;
      background-color: #f1f1f1; }
  .card .content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .card .game_tags {
    position: absolute;
    top: 0;
    left: 0; }
  .card .prizepool {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #54b146; }
    .card .prizepool .caption {
      font-size: 14px; }
    .card .prizepool .amount {
      line-height: 1;
      font-size: 42px; }
      @media only screen and (max-width: 768px) {
        .card .prizepool .amount {
          font-size: 38px; } }
  .card .timer-wrapper {
    position: relative;
    width: 175px;
    margin: 15px auto 0;
    padding: 0;
    color: #8A8A8A;
    border-radius: 4px; }
    .card .timer-wrapper .timer {
      margin: 0;
      color: inherit; }
      .card .timer-wrapper .timer .timer-title {
        font-weight: 500;
        font-size: 14px; }
      .card .timer-wrapper .timer .timer-labels {
        display: flex;
        justify-content: center;
        margin: 4px 0;
        font-weight: 400;
        font-size: 10px; }
        .card .timer-wrapper .timer .timer-labels > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
      .card .timer-wrapper .timer .timer-body {
        font-weight: 700;
        font-size: 18px; }
        .card .timer-wrapper .timer .timer-body > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
  .card .prizes-list {
    margin: 10px auto 20px;
    color: #0255c2; }
    .card .prizes-list .prizes-title {
      margin-bottom: 5px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px; }
    .card .prizes-list .main .item_title {
      margin-top: 5px;
      font-weight: 700;
      font-size: 12px; }
    .card .prizes-list .main.tournament_prizes {
      margin: 10px auto 0; }
      .card .prizes-list .main.tournament_prizes .slider {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        opacity: 0;
        transition: 0.2s all 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: 700;
        font-size: 15px;
        margin-top: 10px; }
    .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 .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
  .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: 40px 35px;
    visibility: hidden;
    background-color: rgba(242, 242, 242, 0.95);
    transition: .2s all ease; }
    .card .popover.visible {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
    @media only screen and (max-width: 768px) {
      .card .popover {
        padding: 40px 20px;
        font-size: 14px; } }
    .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 {
  margin: 10px 0;
  display: block;
  text-align: center;
  color: #fff; }
  .timer .timer__title {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    color: inherit; }
  .timer .timer__body {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: inherit; }
  .timer .timer__labels {
    line-height: 7px; }
    .timer .timer__labels span {
      font-style: normal;
      font-weight: normal;
      font-size: 9px;
      line-height: 11px;
      text-align: center;
      text-transform: uppercase;
      color: inherit;
      margin-right: 7px; }
      .timer .timer__labels span:last-child {
        margin: 0; }

.tooltip_wrap {
  position: relative;
  cursor: pointer; }
  .tooltip_wrap .tooltip {
    visibility: hidden;
    z-index: 5;
    opacity: .5;
    width: 180px;
    padding: 10px;
    background: #fff;
    color: #0255c2;
    position: absolute;
    top: 100%;
    left: calc(50% - 90px);
    border-radius: 3px;
    font-size: 12px;
    border: 2px solid #0255c2;
    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: " ";
      width: 26px;
      height: 11px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyNiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjMuMTE2MSAxMUwxMyAyLjQ0MDE5TDIuODgzODUgMTFIMjMuMTE2MVoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTMuMjM4NzIgMTFMMTIuOTk5OSAyLjc0MDQ3TDIyLjc2MTIgMTFIMjZMMTIuOTk5OSAwTDAgMTFIMy4yMzg3MloiIGZpbGw9IiMwMjU1QzIiLz48L3N2Zz4=);
      background-position: 0 0;
      background-repeat: no-repeat;
      top: -11px;
      position: absolute;
      left: calc(50% - 13px); }
  .tooltip_wrap:hover .tooltip, .tooltip_wrap:active .tooltip, .tooltip_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: #0255c2;
    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(255, 255, 255, 0.75);
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.loader {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  position: relative;
  background: url("./images/loader.svg");
  background-size: 100px 100px; }

.dropdown-button {
  display: block;
  width: 100%;
  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: #000;
    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 #000;
        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: #000; }
        .dropdown-button .menu > .item > a:hover, .dropdown-button .menu > .item > a.active {
          color: #0255c2; }
  .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: #0255c2; }
    .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: #0255c2; }
    .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: #000;
  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: #0255c2; }
    .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: #fff;
      transition: 200ms ease; }

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

.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: #4d4d4d; }
    .dropdown-button.form-control .menu > .item.active a, .dropdown-button.form-control .menu > .item a:hover {
      color: #000; }

.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: black; }
    .dropdown.open .pointer {
      display: none; }
    .dropdown.open .menu {
      position: absolute;
      left: 0;
      z-index: 1;
      background: #000;
      box-shadow: 0 0 0px 2px #fff, 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: #0255c2;
    text-shadow: 0px 0px 4px #0255c2;
    margin: 0 20px; }
  .balance_mob .balance_number {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000;
    text-shadow: 0px 0px 4px #000; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1180px; } }

@media (min-width: 1440px) {
  .container {
    max-width: 1280px; } }

.game_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 5px;
  width: 100%;
  border-radius: 9px; }
  .game_item > .image {
    position: relative;
    width: 100%; }
    .game_item > .image:before {
      display: block;
      content: " ";
      height: 0;
      padding-top: 60%; }
    .game_item > .image > img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 9px; }
    .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: linear-gradient(0deg, rgba(1, 1, 1, 0.5), rgba(1, 1, 1, 0.5));
      transition: .2s all ease;
      border-radius: 9px; }
  .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_demo {
    color: #54B146;
    border: 2px solid #54B146;
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 9px;
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 3.25em;
    min-width: 120px;
    transition: .2s all ease;
    margin-bottom: 0; }
    .game_item .button_demo > .caption {
      border: none; }
    .game_item .button_demo:hover {
      background: #54B146;
      color: #fff; }
    .game_item .button_demo:active {
      box-shadow: 0 0 0 3px rgba(84, 177, 70, 0.5); }
    @media only screen and (min-width: 1200px) {
      .game_item .button_demo {
        margin-top: .8rem; } }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .game_item .button_demo {
        display: none; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .game_item .button_demo {
        display: none; } }
    @media only screen and (max-width: 768px) {
      .game_item .button_demo {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .game_item .button_demo {
        display: none; } }
  .game_item .button_real {
    color: #0255C2;
    border: 2px solid #0255C2;
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 9px;
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 3.25em;
    min-width: 120px;
    transition: .2s all ease; }
    .game_item .button_real > .caption {
      border: none; }
    .game_item .button_real:hover {
      background: #0255C2;
      color: #fff; }
    .game_item .button_real:active {
      box-shadow: 0 0 0 3px rgba(2, 85, 194, 0.5); }
    @media only screen and (min-width: 1200px) {
      .game_item .button_real {
        margin-bottom: 0; } }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .game_item .button_real {
        line-height: 2.55em;
        margin-bottom: 0; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .game_item .button_real {
        line-height: 2.55em;
        margin-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .game_item .button_real {
        line-height: 2.55em;
        margin-bottom: 0; } }

.socials_block {
  color: #adadad;
  padding: 0 20px; }
  .socials_block .text_label {
    font-size: 12px;
    text-align: center; }
  .socials_block .social-links {
    font-size: 24px;
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .socials_block .social-links > .item {
      width: 30px;
      text-align: center;
      color: #adadad;
      transition: .2s color ease; }
      .socials_block .social-links > .item:hover, .socials_block .social-links > .item:active {
        color: #000; }

.game_tags {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 33px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px 4px 5px;
  color: #FFF;
  background-color: #0255c2;
  border-radius: 4px;
  z-index: 2; }
  .game_tags.type-all {
    background-color: #ffad0d; }
  .game_tags.type-casino, .game_tags.type-slots {
    background-color: #0255c2; }
  .game_tags.type-sport {
    background-color: #54B146; }
  .game_tags .icon-wrapper {
    font-size: 22px; }
    .game_tags .icon-wrapper .icon {
      margin-right: 5px; }
  .game_tags .tag-list {
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF; }
    .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: 0;
          width: 1px;
          height: 16px;
          background-color: #FFF; }

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

.active_bonus_bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  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;
    color: inherit;
    white-space: nowrap;
    margin-right: .5em; }
  .active_bonus_bar .progress_bar {
    flex: 1;
    width: 120px; }
    .active_bonus_bar .progress_bar .bar {
      display: block;
      position: relative;
      background: #9A9A9A;
      width: 100%;
      height: 8px; }
      .active_bonus_bar .progress_bar .bar .fill {
        position: absolute;
        display: block;
        height: 100%;
        top: 0;
        left: 0;
        background: #0255C2; }

.embed-responsive-game {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive-game::before {
    display: block;
    content: "";
    padding-top: 58%; }
  .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: #fff; }
  .header__confirm-email .confirm-email__txt {
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    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: #fff; }
  .header__confirm-email .confirm-email__btn {
    background-color: transparent;
    text-align: center;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 5px;
    position: relative;
    padding: 5px 10px;
    text-shadow: none;
    border: 3px solid #fff;
    align-items: center;
    transition: .2s all ease; }
    .header__confirm-email .confirm-email__btn i {
      font-size: 25px;
      color: #fff;
      padding-left: 5px;
      transition: .2s all ease; }
    .header__confirm-email .confirm-email__btn:hover {
      background-color: #fff;
      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 #fff; }
  @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: #000;
    margin-right: 0px;
    margin: 5px 0; }
  .header__confirm-email.mobile_telegram .confirm-email__txt {
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    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: #fff;
    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: #fff;
      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: #fff; }
  .divider.blue {
    background: #0255c2; }
  .divider.darkblue {
    background: #003589; }
  .divider.to_blue:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0255c2;
    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: #003589;
    transform: matrix(1, 0.035, 0, 1, 0, 15); }

/* 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: 1px solid #ced4da;
  background-color: #f1f1f1; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 27px 0 15px;
    font-size: 14px;
    color: inherit;
    height: 36px;
    line-height: 36px;
    user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
    height: 36px;
    min-width: 0;
    min-height: 0;
    line-height: 36px;
    background-color: #0255c2;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit;
    text-align: center;
    font: 0/0 a;
    *font: 20px/36px 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: #fff;
      border-bottom: none; }

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

.selectric-disabled {
  opacity: 1;
  cursor: default;
  user-select: none; }
  .selectric-disabled .selectric {
    background-color: #d8d8d8;
    border-color: #b1bbc4; }
    .selectric-disabled .selectric .label {
      color: #4d4d4d; }
    .selectric-disabled .selectric .button {
      cursor: default; }
      .selectric-disabled .selectric .button:after {
        opacity: .5; }

.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: #f1f1f1;
  border: 1px solid #ced4da;
  z-index: -1;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 0px; }
  .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: #0255c2;
      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: 10px 10px 10px 10px;
    cursor: pointer;
    color: gray;
    position: relative; }
    .selectric-items li:hover {
      color: #000 !important; }
    .selectric-items li.selected {
      color: #000 !important; }
  .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 36px; }
  .selectric-radio .selectric-items li:before {
    content: " ";
    position: absolute;
    left: 10px;
    top: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #94a1ae; }
  .selectric-radio .selectric-items li:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: 13px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0255c2;
    display: none; }
  .selectric-radio .selectric-items li.selected:after {
    display: inline-block; }

.page_sidebar {
  width: 204px;
  height: 100%;
  position: fixed;
  transition: .2s all ease;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-top: 5px;
  visibility: hidden; }
  @media screen and (max-width: 993px) {
    .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: #fff; }
  .page_wrap .page_main {
    flex: 1; }

.overlay_menu_mobile {
  visibility: hidden;
  background: rgba(2, 85, 194, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  transition: .2s 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: #0255c2;
  text-shadow: 0px 0px 8px #CECECE;
  font-size: 30px;
  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; }

.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: #fff;
    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 .if_fixed {
  display: none; }

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

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

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

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

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

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

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

.games_page .row {
  display: flex;
  flex-direction: row;
  align-items: center; }

.games_page .games_grid {
  margin: 20px 0; }
  @media only screen and (max-width: 576px) {
    .games_page .games_grid {
      margin: 0;
      padding-bottom: 20px; } }

.games_page .games_filters {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center; }
  .games_page .games_filters .dd_filter {
    width: 250px;
    padding-right: 15px;
    margin: 15px 0; }
    .games_page .games_filters .dd_filter .form-group {
      padding: 0; }
  .games_page .games_filters .search_filter {
    flex: 1; }
    .games_page .games_filters .search_filter .form-group {
      padding: 0; }
    .games_page .games_filters .search_filter .form-group-term {
      width: 250px;
      margin-left: auto; }
    .games_page .games_filters .search_filter .form-control {
      padding-right: 53px;
      position: relative; }
    .games_page .games_filters .search_filter .search_button {
      width: 36px;
      height: 36px;
      font-size: 16px;
      background: #0255c2;
      color: #fff;
      border: none;
      cursor: pointer;
      padding: 0;
      position: absolute;
      right: 1px;
      top: 1px; }
  @media only screen and (max-width: 767px) {
    .games_page .games_filters {
      display: block; }
      .games_page .games_filters .dd_filter {
        flex: 0;
        width: 100%;
        margin: 15px 0;
        padding: 0; }
      .games_page .games_filters .search_filter {
        flex: 0;
        width: 100%;
        margin: 15px 0;
        padding: 0; }
        .games_page .games_filters .search_filter .form-group-term {
          width: 100%;
          margin-left: 0; } }

@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: 60px; }
    .game_view .row > .column.main {
      flex: 1;
      height: auto;
      padding: 0 15px; }
  .game_view .game_controls {
    display: block;
    width: 100%;
    text-align: right; }
    .game_view .game_controls .action {
      font-size: 20px;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      color: #0255c2;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      display: inline-block;
      margin-left: 5px; }
      .game_view .game_controls .action:hover {
        color: #036bf4; }
  .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: #0255c2;
    display: block; }
    .game_view .player_profile:hover {
      color: #036bf4; }
    .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: #888;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 150px;
      margin: 3px auto; }
  .game_view .active_bonus_bar {
    margin: 15px 0 30px 0;
    display: block; }
    .game_view .active_bonus_bar .progress_bar_wrap {
      display: block; }
    .game_view .active_bonus_bar .image {
      width: 75px;
      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: gray;
    background: none;
    font-weight: 300; }
    .game_view .button.simple:hover {
      color: #000; }
    .game_view .button.simple.in_fav {
      color: #0255c2; }
  .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: #0255c2;
      padding: 0 30px;
      border: 1px solid #aaa; }
      .game_view .tabs_block .tabs_list .tabs_items {
        position: relative;
        top: 0;
        left: 0;
        margin: 4px 0;
        width: 100%;
        height: 20px;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa; }
      .game_view .tabs_block .tabs_list .tabs_items > .item {
        line-height: 20px;
        margin: 0;
        width: 100%;
        height: 20px;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity ease;
        position: absolute;
        top: 0;
        left: 0; }
        .game_view .tabs_block .tabs_list .tabs_items > .item.active {
          visibility: visible;
          opacity: 1; }
      .game_view .tabs_block .tabs_list > .btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
        border: none;
        background: none;
        position: absolute;
        z-index: 1;
        top: 0;
        color: #0255c2;
        transition: .2s all ease;
        cursor: pointer; }
        .game_view .tabs_block .tabs_list > .btn:hover {
          color: #036bf4; }
        .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: #0255c2; }
    .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: #0255c2;
        text-transform: uppercase; }
      .game_view .tabs_block .event_wrap .prize_pool {
        margin: 5px 0;
        color: #54b146; }
        .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: #0255c2; }
      .game_view .tabs_block .event_wrap .leaderboard_caption {
        margin: 5px 0;
        font-size: 12px;
        font-weight: 700;
        color: #0255c2; }
      .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: 5px 5px; }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table thead {
            color: #0255c2;
            font-weight: 700; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table thead tr {
              background: #c5defe; }
          .game_view .tabs_block .event_wrap .leaderboard_wrap table tbody {
            color: #000;
            font-weight: 300; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table tbody tr:nth-child(2n) {
              background: #c5defe; }
            .game_view .tabs_block .event_wrap .leaderboard_wrap table tbody tr:nth-child(2n+1) {
              background: #fff; }
      .game_view .tabs_block .event_wrap .timer {
        color: #0255c2; }
        .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: 12px; }
        .game_view .tabs_block .event_wrap .timer .countdown__body {
          font-size: 20px; }
        .game_view .tabs_block .event_wrap .timer .timer__content > span, .game_view .tabs_block .event_wrap .timer .countdown__body > span {
          display: inline-block;
          width: 25px;
          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 {
      border-left: 1px solid #bfbfbf; }
      .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: #fff;
        padding: 15px 30px;
        height: 176px;
        transition: .2s all ease; }
        .game_view .gameplay_nav > .item .content > .loader_overlay {
          background: rgba(255, 255, 255, 0.5); }
      .game_view .gameplay_nav > .item .link {
        color: gray;
        display: block;
        width: 100%;
        padding: 0 10px;
        line-height: 24px;
        transition: .2s all ease; }
        .game_view .gameplay_nav > .item .link:hover {
          color: #0255c2; }
      .game_view .gameplay_nav > .item.active .content {
        display: block; }
    .game_view .gameplay_nav > .close {
      color: #fff;
      font-size: 12px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      display: none;
      position: absolute;
      right: 20px;
      top: 0;
      cursor: pointer;
      transition: .2s all ease; }
      .game_view .gameplay_nav > .close:hover {
        color: #54b146; }
    .game_view .gameplay_nav.open {
      margin-top: -176px; }
      .game_view .gameplay_nav.open > .item {
        border-left-color: transparent; }
        .game_view .gameplay_nav.open > .item .link {
          background: #54b146;
          color: #fff;
          line-height: 36px;
          border-radius: 10px 10px 0 0; }
        .game_view .gameplay_nav.open > .item.active .link {
          background: #fff;
          color: #000; }
      .game_view .gameplay_nav.open > .close {
        display: block; }
    .game_view .gameplay_nav .game_item .title {
      color: #333333;
      text-align: center;
      margin: 3px 0;
      font-size: 12px; }
    .game_view .gameplay_nav .game_item .image:before {
      padding-top: 75%; }
    .game_view .gameplay_nav .game_item .image > img {
      border-radius: 0; }
    .game_view .gameplay_nav .btn.btn-slick.prev {
      left: -30px; }
    .game_view .gameplay_nav .btn.btn-slick.next {
      right: -30px; }

@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: #fff;
  color: #000; }
  .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_main .maintenance__container {
      max-width: 420px;
      text-align: center;
      padding: 0 10px;
      margin: 0 auto; }
  .error_page .page_image {
    max-width: 100%;
    margin: 15px 0; }
    .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: 50%; } }
    .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; }
    .error_page .page_logo .logo {
      display: block;
      width: 200px;
      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 h1.header {
    font-size: 36px;
    margin: 30px 0 15px 0;
    font-weight: 700; }
  .error_page h2.header {
    font-size: 23px;
    margin: 20px 0 15px 0;
    font-weight: 300; }
  .error_page .header.active {
    color: #0255c2; }
  .error_page .maintenance__description {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin: 15px 0; }
  .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: #0255c2; }
  .error_page.maintenance .page_wrap, .error_page.unsupported_browser .page_wrap, .error_page.restricted_country .page_wrap {
    background-image: url("./images/bg/maintenance.png");
    background-position: 50% 100%;
    background-repeat: no-repeat; }
  .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; }
    .error_page h1.header {
      margin: 0px 0; }
    .error_page h2.header {
      margin: 5px 0; } }

.lottery_content {
  padding: 35px 0 70px;
  color: #000; }
  .lottery_content .banner {
    position: relative;
    width: 100%;
    margin-bottom: 10px; }
    .lottery_content .banner .image_fluid {
      width: 100%; }
      .lottery_content .banner .image_fluid img {
        width: 100%; }
    .lottery_content .banner .timer {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 50%;
      bottom: 0;
      min-width: 170px;
      margin: 0;
      padding: 10px 15px;
      border-radius: 4px 4px 0px 0px;
      transform: translateX(-50%);
      color: #000;
      background-color: #fff; }
      .lottery_content .banner .timer .timer__label, .lottery_content .banner .timer .timer__content {
        font-weight: 500;
        font-size: 16px; }
      .lottery_content .banner .timer .timer__digits {
        font-weight: 700;
        font-size: 20px; }
  .lottery_content .status {
    width: 100%;
    margin: 10px 0;
    text-align: right; }
    .lottery_content .status.pending {
      color: #ffad0d; }
    .lottery_content .status.active {
      color: #54b146; }
    .lottery_content .status.finished {
      color: #8F8F8F; }
  .lottery_content .title {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px; }
  .lottery_content .caption {
    font-weight: 500;
    font-size: 16px;
    color: #0255c2; }
    .lottery_content .caption.caption_light {
      font-weight: 400; }
  .lottery_content .price {
    width: 100%;
    text-align: center;
    margin-bottom: 25px; }
    .lottery_content .price .value {
      font-weight: 700;
      font-size: 76px;
      color: #0255c2; }
      @media only screen and (max-width: 768px) {
        .lottery_content .price .value {
          font-size: 42px; } }
  .lottery_content .info {
    width: 100%;
    margin-bottom: 25px;
    overflow-x: auto; }
    .lottery_content .info .info_list {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        .lottery_content .info .info_list {
          padding: 13px 0; }
          .lottery_content .info .info_list:before, .lottery_content .info .info_list:after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(to right, #fff 0%, #0254c0 50%, #fff 100%); }
          .lottery_content .info .info_list:before {
            top: 0; }
          .lottery_content .info .info_list:after {
            bottom: 0; } }
      .lottery_content .info .info_list .item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 52px;
        width: 100%;
        text-align: center;
        padding: 0 15px;
        font-weight: 400;
        font-size: 16px; }
        @media only screen and (max-width: 768px) {
          .lottery_content .info .info_list .item {
            padding: 0; }
            .lottery_content .info .info_list .item:first-child:before, .lottery_content .info .info_list .item:after {
              display: none; } }
        .lottery_content .info .info_list .item:first-child:before {
          content: '';
          position: absolute;
          left: 0;
          width: 1px;
          height: 100%;
          background: linear-gradient(to bottom, #fff 0%, #0254c0 50%, #fff 100%); }
        .lottery_content .info .info_list .item:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1px;
          height: 100%;
          background: linear-gradient(to bottom, #fff 0%, #0254c0 50%, #fff 100%); }
        .lottery_content .info .info_list .item .label {
          color: #0255c2; }
  .lottery_content .description {
    margin-bottom: 20px; }
    .lottery_content .description .caption {
      text-align: center;
      margin-bottom: 15px; }
    .lottery_content .description .text {
      font-size: 16px; }
  @media only screen and (max-width: 576px) {
    .lottery_content .prizes {
      padding: 0 18px; } }
  .lottery_content .prizes .caption {
    text-align: center;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .lottery_content .prizes .caption {
        margin-bottom: 20px; } }
  .lottery_content .prizes .slick-track {
    width: 100%; }
    .lottery_content .prizes .slick-track .item {
      text-align: center; }
      .lottery_content .prizes .slick-track .item .item__text {
        margin-top: 3px;
        font-weight: 400;
        font-size: 16px; }

.page_main .tournament .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }

.page_main .tournament .game_caption {
  font-size: 13px; }

.page_main .tournament .games_gallery {
  justify-content: center; }

.page_main .tournament .prize_pool_desc {
  text-align: center; }
  .page_main .tournament .prize_pool_desc span {
    color: #0255c2; }

.page_main .tournament .prize_ppol {
  margin: 0;
  font-size: 42px;
  line-height: 60px;
  text-align: center;
  font-weight: 700;
  color: #0255c2; }
  @media only screen and (min-width: 1400px) {
    .page_main .tournament .prize_ppol {
      font-size: 60px; } }

.page_main .tournament .column:nth-child(2) {
  width: 50%; }
  .page_main .tournament .column:nth-child(2) .tournament_winner_table {
    width: 100%; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .page_main .tournament .column:nth-child(2) .tournament_winner_table {
        padding: 5px; } }

.page_main .tournament .column:nth-child(1) {
  position: relative; }
  .page_main .tournament .column:nth-child(1):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #0255c2 49.44%, rgba(255, 255, 255, 0)); }
  @media only screen and (max-width: 767px) {
    .page_main .tournament .column:nth-child(1):after {
      display: none; } }

.page_main .tournament .tournament_title {
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700; }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .page_main .tournament .tournament_title {
      font-size: 30px; } }

.page_main .tournament .tournament_banner {
  position: relative;
  margin-top: 30px; }
  .page_main .tournament .tournament_banner .tournament_banner_img {
    width: 100%;
    min-height: 200px; }
  .page_main .tournament .tournament_banner .timer_wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    min-width: 175px;
    padding: 7px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff;
    color: #000; }
    .page_main .tournament .tournament_banner .timer_wrap .timer {
      color: #000; }
      .page_main .tournament .tournament_banner .timer_wrap .timer .countdown__title {
        text-align: center;
        font-size: 15px;
        font-weight: 700; }
      .page_main .tournament .tournament_banner .timer_wrap .timer .timer__content span {
        display: inline-block;
        width: 32px; }
      .page_main .tournament .tournament_banner .timer_wrap .timer .countdown__body {
        font-size: 25px;
        font-weight: 700;
        line-height: normal; }
        .page_main .tournament .tournament_banner .timer_wrap .timer .countdown__body span {
          display: inline-block;
          width: 32px; }

.page_main .tournament .status {
  margin: 15px 0;
  color: #0255c2;
  text-align: right; }
  .page_main .tournament .status.active {
    color: #54b146; }
  .page_main .tournament .status.pending {
    color: #ffad0d; }
  .page_main .tournament .status.finished {
    color: #8F8F8F; }
  @media only screen and (max-width: 767px) {
    .page_main .tournament .status {
      text-align: center; } }

.page_main .tournament .tournament-info {
  display: flex;
  justify-content: space-between;
  margin: 20px 0; }
  @media only screen and (max-width: 767px) {
    .page_main .tournament .tournament-info:after {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #0255c2 50%, rgba(255, 255, 255, 0)); }
    .page_main .tournament .tournament-info:before {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #0255c2 50%, rgba(255, 255, 255, 0)); } }
  .page_main .tournament .tournament-info .item {
    padding: 12px 5px;
    text-align: center;
    width: 100%;
    position: relative; }
    .page_main .tournament .tournament-info .item:last-child:after {
      content: "";
      position: absolute;
      top: 0;
      right: 2px;
      width: 1px;
      height: 100%;
      background-image: linear-gradient(rgba(255, 255, 255, 0), #0255c2 50%, rgba(255, 255, 255, 0)); }
      @media only screen and (max-width: 767px) {
        .page_main .tournament .tournament-info .item:last-child:after {
          display: none; } }
    .page_main .tournament .tournament-info .item .label {
      color: #0255c2; }
      @media only screen and (max-width: 768px) {
        .page_main .tournament .tournament-info .item .label {
          font-size: 14px; } }
    .page_main .tournament .tournament-info .item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 100%;
      background-image: linear-gradient(rgba(255, 255, 255, 0), #0255c2 50%, rgba(255, 255, 255, 0)); }
      @media only screen and (max-width: 767px) {
        .page_main .tournament .tournament-info .item:before {
          display: none; } }

.page_main .tournament .column-wide {
  width: 100%; }

.page_main .tournament .column {
  width: 50%;
  padding: 9px 15px; }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .page_main .tournament .column:nth-child(1) {
      width: 50%; }
    .page_main .tournament .column:nth-child(2) {
      width: 50%; } }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    .page_main .tournament .column:nth-child(1) {
      width: 49%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(2) {
      width: 49%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(3) {
      width: 49%;
      padding: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .page_main .tournament .column:nth-child(1) {
      width: 49%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(2) {
      width: 49%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(3) {
      width: 49%;
      padding: 0;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .page_main .tournament .column:nth-child(1) {
      width: 100%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(2) {
      width: 100%;
      padding-bottom: 0; }
    .page_main .tournament .column:nth-child(3) {
      width: 100%;
      padding: 0; } }
  @media only screen and (max-width: 576px) {
    .page_main .tournament .column {
      width: 100%;
      padding-top: 5px; }
      .page_main .tournament .column:nth-child(1) {
        width: 100%; }
      .page_main .tournament .column:nth-child(2) {
        width: 100%; } }
  .page_main .tournament .column > .item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    @media only screen and (max-width: 767px) {
      .page_main .tournament .column > .item {
        text-align: center; } }

.page_main .tournament .title_tournament {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  text-transform: inherit;
  color: #0255c2;
  position: relative;
  margin: 10px auto; }
  .page_main .tournament .title_tournament h3 {
    margin: 0;
    font-size: 14px; }

.page_main .tournament .text_tournament {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  color: #000; }
  .page_main .tournament .text_tournament p {
    margin: 5px 0; }
    .page_main .tournament .text_tournament p:first-of-type {
      margin-top: 0; }

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

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

.page_main .tournament .game_item {
  width: 25%; }
  @media only screen and (max-width: 767px) {
    .page_main .tournament .game_item {
      width: 50%; } }

.page_main .tournament .more_games {
  text-align: center;
  margin: 10px 0; }

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

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

.page_main .tournament .your_position {
  margin: 0; }

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

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

.page_main .tournament .current_player {
  background: #0255c2; }
  .page_main .tournament .current_player td {
    color: #fff; }

.page_main .tournament table {
  width: 100%;
  border-collapse: collapse;
  margin: 4px auto 10px; }

.page_main .tournament td {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 14px;
  text-align: left;
  text-transform: inherit;
  color: #000;
  border-bottom: 1px solid #dee2e6;
  padding: .75rem; }
  @media only screen and (max-width: 768px) {
    .page_main .tournament td {
      padding: .55rem; } }

.page_main .tournament th {
  padding: 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  text-align: left;
  text-transform: inherit;
  background: transparent;
  color: #0255c2; }

.page_main .tournament .current_place {
  background: #0255c2; }
  .page_main .tournament .current_place td {
    color: #fff; }

.page_main .tournament .button-back-wrap {
  text-align: center;
  margin: 20px 0; }
  .page_main .tournament .button-back-wrap .button-back {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    transition: .2s all ease; }
    .page_main .tournament .button-back-wrap .button-back:hover {
      color: #0255c2; }

.page_main .tournament .places-slider {
  opacity: 0; }
  .page_main .tournament .places-slider.slick-initialized {
    opacity: 1;
    transition: .2s all ease; }

.static_page .container {
  color: gray;
  text-align: left;
  width: 1100px;
  max-width: 100%;
  font-size: 14px; }
  .static_page .container a {
    display: inline-block;
    color: #0255c2;
    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, .static_page .container p {
    margin: 20px 0; }
  .static_page .container .page_title {
    border-bottom: 1px solid gray;
    color: #0255c2;
    text-align: left;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700; }
  .static_page .container img {
    max-width: 100%; }
  .static_page .container .suspend_button {
    margin: 40px 0;
    text-align: center; }

.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: #fff;
    margin-top: 5px; }
  .promo .tabmenu_categories .link.active {
    border-bottom: 6px solid #0255c2; }
  .promo .tabmenu_categories .link.active:after {
    display: none; }
  .promo .tabmenu_categories .link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    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: #fff;
    display: flex;
    align-items: center; }
    .promo .tabmenu_promo_types .link .checkbox {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      border: 1px solid white;
      vertical-align: middle;
      position: relative;
      margin-right: 5px; }
    .promo .tabmenu_promo_types .link.active {
      color: #0255c2; }
      .promo .tabmenu_promo_types .link.active .checkbox {
        border-color: #0255c2;
        background: #0255c2; }
        .promo .tabmenu_promo_types .link.active .checkbox:after {
          content: " ";
          display: block;
          position: absolute;
          width: 35%;
          height: 55%;
          transform: rotate(45deg);
          border-bottom: 2px solid #000;
          border-right: 2px solid #000;
          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; } }

.status_filters {
  width: 100%;
  padding-top: 30px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .status_filters {
      justify-content: space-between; } }
  .status_filters .item {
    display: flex;
    position: relative;
    height: 31px;
    width: 100%;
    max-width: 234px;
    text-align: center;
    font-size: 18px;
    color: #AFAFAF; }
    @media only screen and (max-width: 768px) {
      .status_filters .item {
        max-width: 100%;
        height: auto;
        padding: 8px 0;
        border: 1px solid #AFAFAF;
        border-radius: 4px; }
        .status_filters .item:before, .status_filters .item:after {
          display: none; } }
    .status_filters .item:before, .status_filters .item:after {
      content: '';
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background: linear-gradient(rgba(153, 153, 153, 0), #999 50%, rgba(153, 153, 153, 0)); }
    .status_filters .item:before {
      left: 0; }
    .status_filters .item:after {
      right: 0; }
    .status_filters .item:not(:first-child) {
      margin-left: -1px; }
      @media only screen and (max-width: 768px) {
        .status_filters .item:not(:first-child) {
          margin-left: 10px; } }
    .status_filters .item.active {
      color: #007BFF;
      border-color: #007BFF; }
    .status_filters .item .link {
      margin: auto;
      font-size: 18px;
      color: inherit; }
      @media only screen and (max-width: 768px) {
        .status_filters .item .link {
          font-size: 16px; } }
      @media only screen and (max-width: 576px) {
        .status_filters .item .link {
          font-size: 14px; } }

.activities_filters {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 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: #fff; }

.cards_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -30px;
  margin-right: -30px;
  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: -15px;
      margin-right: -15px; } }
  @media (width: 992px) {
    .cards_list {
      justify-content: center !important; }
      .cards_list > .item {
        margin: 0 10px 25px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .cards_list {
      justify-content: space-between;
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .cards_list {
      justify-content: space-between;
      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;
    box-sizing: border-box;
    margin: 0 0 25px;
    padding: 0 30px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .cards_list > .item {
        padding: 0 15px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cards_list > .item {
        width: 100%;
        max-width: 337px;
        flex-basis: auto;
        padding: 0; } }
    @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%;
  height: 100%;
  box-sizing: border-box;
  text-align: center; }
  .card .title {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    color: #0255c2; }
  .card.promo-card .title, .card.campaign-card .title {
    margin-top: 5px;
    font-size: 22px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
  .card.promo-card .image, .card.campaign-card .image {
    width: 100%;
    height: 242px;
    margin: 0 auto 5px; }
    .card.promo-card .image img, .card.campaign-card .image img {
      max-height: 100%;
      max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .card.promo-card .image, .card.campaign-card .image {
        height: auto; } }
  .card.lottery-card .title, .card.tournament-card .title {
    font-size: 24px; }
    .card.lottery-card .title > span, .card.tournament-card .title > span {
      display: block;
      line-height: 1em;
      min-height: 2em; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
  .card.lottery-card .image, .card.tournament-card .image {
    width: 100%;
    height: 206px;
    margin-top: 5px;
    position: relative; }
    .card.lottery-card .image img, .card.tournament-card .image img {
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .image, .card.tournament-card .image {
        height: auto; } }
  .card .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px 35px 20px;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    border-radius: 4px;
    transition: .2s all ease; }
    @media only screen and (max-width: 768px) {
      .card .wrapper {
        padding: 40px 20px 20px; } }
    .card .wrapper:hover {
      border-color: #0255c2;
      background-color: #f1f1f1; }
  .card .content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .card .game_tags {
    position: absolute;
    top: 0;
    left: 0; }
  .card .prizepool {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #54b146; }
    .card .prizepool .caption {
      font-size: 14px; }
    .card .prizepool .amount {
      line-height: 1;
      font-size: 42px; }
      @media only screen and (max-width: 768px) {
        .card .prizepool .amount {
          font-size: 38px; } }
  .card .timer-wrapper {
    position: relative;
    width: 175px;
    margin: 15px auto 0;
    padding: 0;
    color: #8A8A8A;
    border-radius: 4px; }
    .card .timer-wrapper .timer {
      margin: 0;
      color: inherit; }
      .card .timer-wrapper .timer .timer-title {
        font-weight: 500;
        font-size: 14px; }
      .card .timer-wrapper .timer .timer-labels {
        display: flex;
        justify-content: center;
        margin: 4px 0;
        font-weight: 400;
        font-size: 10px; }
        .card .timer-wrapper .timer .timer-labels > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
      .card .timer-wrapper .timer .timer-body {
        font-weight: 700;
        font-size: 18px; }
        .card .timer-wrapper .timer .timer-body > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
  .card .prizes-list {
    margin: 10px auto 20px;
    color: #0255c2; }
    .card .prizes-list .prizes-title {
      margin-bottom: 5px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px; }
    .card .prizes-list .main .item_title {
      margin-top: 5px;
      font-weight: 700;
      font-size: 12px; }
    .card .prizes-list .main.tournament_prizes {
      margin: 10px auto 0; }
      .card .prizes-list .main.tournament_prizes .slider {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        opacity: 0;
        transition: 0.2s all 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: 700;
        font-size: 15px;
        margin-top: 10px; }
    .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 .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
  .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: 40px 35px;
    visibility: hidden;
    background-color: rgba(242, 242, 242, 0.95);
    transition: .2s all ease; }
    .card .popover.visible {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
    @media only screen and (max-width: 768px) {
      .card .popover {
        padding: 40px 20px;
        font-size: 14px; } }
    .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; }

.title_tournament {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  margin: 10px 0; }
  .title_tournament h3 {
    margin: 0;
    font-size: 14px; }

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

.your_position {
  margin: 0; }
  .your_position tbody tr td:first-of-type {
    width: 10%; }
  .your_position tbody tr td:nth-of-type(2) {
    width: 40%; }
  .your_position tbody tr td:nth-of-type(3) {
    width: 15%; }
  .your_position tbody tr td:last-of-type {
    width: 35%;
    text-align: right; }

.table-leaderboard table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px auto; }
  .table-leaderboard table thead th:last-child {
    text-align: left; }
  .table-leaderboard table th {
    background: #370038;
    color: white; }
  .table-leaderboard table td {
    padding: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #dee2e6; }
  .table-leaderboard table td:last-child {
    text-align: left; }
  .table-leaderboard table th {
    padding: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF; }

.table-leaderboard.player_board .player_board-header {
  background: #370038;
  padding: 10px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

.table-slider__body {
  margin-bottom: 35px; }

.places-slider .slick-dots {
  padding: 5px;
  bottom: -35px;
  background: transparent; }
  .places-slider .slick-dots li {
    transition: .2s all ease;
    color: #60a4fd; }
    .places-slider .slick-dots li:hover {
      color: #0255c2; }
  .places-slider .slick-dots .slick-active {
    color: #0255c2; }
  @media only screen and (max-width: 576px) {
    .places-slider .slick-dots li {
      font-size: 16px;
      line-height: 18px; } }

.page_calendar {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
  padding-bottom: 50px; }
  .page_calendar .title_lg {
    margin: 35px auto 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px; }
  .page_calendar .prizepool {
    width: 100%;
    text-align: center; }
    .page_calendar .prizepool .title {
      font-size: 14px;
      color: #0255c2; }
    .page_calendar .prizepool .money {
      font-weight: 700;
      font-size: 42px;
      color: #0255c2; }
  .page_calendar .active_period {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #0255c2; }
    .page_calendar .active_period .column {
      display: inline; }
      .page_calendar .active_period .column > * {
        display: inline; }
  .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: #fff;
    border-radius: 4px;
    border: 2px solid #0255c2;
    background-color: #0255c2; }
  .page_calendar .week_slider {
    position: relative;
    overflow: hidden;
    height: 67px;
    opacity: 0;
    margin-top: 10px;
    transition: .2s all ease; }
    .page_calendar .week_slider.slick-initialized {
      overflow: unset;
      opacity: 1; }
    .page_calendar .week_slider .slick-track {
      margin-left: -1.5px;
      margin-right: -1.5px; }
    .page_calendar .week_slider .slick-slide {
      padding: 0 1.5px; }
      .page_calendar .week_slider .slick-slide .calendar_slider_day {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 67px;
        border-radius: 4px;
        border: 1px solid #0255c2;
        background-color: #fff;
        text-align: center;
        color: #0255c2;
        transition: 200ms ease; }
        .page_calendar .week_slider .slick-slide .calendar_slider_day.active {
          color: #fff !important;
          background-color: #0255c2;
          border-color: #0255c2; }
        .page_calendar .week_slider .slick-slide .calendar_slider_day.today:not(.active) {
          color: #0255c2;
          border-width: 2px;
          border-color: #0255c2; }
        .page_calendar .week_slider .slick-slide .calendar_slider_day .name {
          font-size: 12px;
          color: inherit; }
        .page_calendar .week_slider .slick-slide .calendar_slider_day .day {
          font-weight: 700;
          font-size: 22px;
          color: inherit; }
        .page_calendar .week_slider .slick-slide .calendar_slider_day:hover {
          border-color: #0255c2 !important;
          background-color: #0255c2;
          color: #fff !important; }
    .page_calendar .week_slider .prev, .page_calendar .week_slider .next {
      position: absolute;
      top: 0;
      width: 30px;
      height: 100%;
      padding: 0;
      background-color: transparent;
      border: none;
      box-shadow: none;
      cursor: pointer; }
      .page_calendar .week_slider .prev:before, .page_calendar .week_slider .next:before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        margin: auto;
        border-left: 2px solid #0255c2;
        border-top: 2px solid #0255c2;
        transition: 200ms ease; }
      .page_calendar .week_slider .prev:hover:before, .page_calendar .week_slider .next:hover:before {
        border-color: #2483ff; }
    .page_calendar .week_slider .prev {
      left: -30px; }
      .page_calendar .week_slider .prev:before {
        transform: rotate(-45deg); }
    .page_calendar .week_slider .next {
      right: -30px; }
      .page_calendar .week_slider .next:before {
        transform: rotate(135deg); }
  .page_calendar .calendar_cards .calendar_cards__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    padding: 10px 0; }
    .page_calendar .calendar_cards .calendar_cards__list .item {
      width: 100%;
      max-width: 33.3333%;
      height: auto;
      margin-bottom: 10px;
      padding: 0 8px; }
      @media only screen and (max-width: 768px) {
        .page_calendar .calendar_cards .calendar_cards__list .item {
          max-width: 50%; } }
      @media only screen and (max-width: 460px) {
        .page_calendar .calendar_cards .calendar_cards__list .item {
          max-width: 100%; } }
      .page_calendar .calendar_cards .calendar_cards__list .item .card {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 40px 22px 15px;
        border: 2px solid #E5E5E5;
        border-radius: 4px;
        background-color: #fff;
        transition: 200ms ease;
        cursor: pointer; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card:hover {
          border-color: #0255c2; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card.active {
          background-color: #E5E5E5 !important; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card.active:before, .page_calendar .calendar_cards .calendar_cards__list .item .card.active:after {
            content: "";
            position: absolute;
            left: 50%;
            height: 0;
            width: 0;
            cursor: default;
            transform: translateX(-50%);
            z-index: 1; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card.active:before {
            bottom: -24px;
            border-right: 10px solid transparent;
            border-bottom: 9px solid #0255c2;
            border-left: 10px solid transparent; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card.active:after {
            bottom: -24px;
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
            border-bottom-width: 6px;
            border-bottom-style: solid;
            border-bottom-color: #fff; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card.finished * {
          filter: grayscale(100%); }
        .page_calendar .calendar_cards .calendar_cards__list .item .card.finished .caption__default {
          display: none; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card.finished .caption__finished {
          display: block; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card.finished .button_wrapper {
          height: 40px; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card.finished .button_wrapper .button {
            display: none !important; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card:not(.finished) .caption__default {
          display: block; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card:not(.finished) .caption__finished {
          display: none; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card .image {
          width: 100%;
          height: 120px;
          margin: 0 auto 5px; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card .image img {
            max-height: 100%;
            max-width: 100%; }
          @media only screen and (max-width: 768px) {
            .page_calendar .calendar_cards .calendar_cards__list .item .card .image {
              height: auto; } }
        .page_calendar .calendar_cards .calendar_cards__list .item .card .title {
          font-weight: 700;
          font-size: 16px;
          text-transform: uppercase;
          color: #000; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card .prizepool {
          margin-top: auto;
          margin-bottom: 10px;
          color: #0255c2; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card .prizepool .caption {
            text-transform: none !important;
            font-weight: 400 !important;
            font-size: 16px !important; }
          .page_calendar .calendar_cards .calendar_cards__list .item .card .prizepool .money {
            font-size: 20px; }
        .page_calendar .calendar_cards .calendar_cards__list .item .card .finish_date {
          margin-bottom: 15px;
          font-weight: 500;
          font-size: 14px;
          color: #8F8F8F; }
      .page_calendar .calendar_cards .calendar_cards__list .item.description {
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin-top: 10px;
        padding: 0 8px; }
        .page_calendar .calendar_cards .calendar_cards__list .item.description .card_description {
          padding: 18px 14px;
          text-align: left;
          font-weight: 400;
          font-size: 16px;
          border: 2px solid #0255c2;
          border-radius: 4px;
          color: #000; }
          .page_calendar .calendar_cards .calendar_cards__list .item.description .card_description .title {
            margin-bottom: 5px;
            text-align: left;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 18px;
            color: #000; }
          .page_calendar .calendar_cards .calendar_cards__list .item.description .card_description .button_row {
            display: inline-block;
            margin-top: 15px;
            text-decoration: underline;
            font-size: 18px;
            color: #0255c2; }
    .page_calendar .calendar_cards .calendar_cards__list .empty {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 240px;
      width: 100%;
      padding: 0 8px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 30px;
      color: #000; }
      @media only screen and (max-width: 768px) {
        .page_calendar .calendar_cards .calendar_cards__list .empty {
          height: 150px;
          font-size: 24px; } }
  .page_calendar .calendar_timer {
    width: 100%;
    text-align: center; }
    .page_calendar .calendar_timer .timer {
      display: inline-block;
      padding: 8px 16px 8px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      border-radius: 4px;
      color: #0255c2;
      background-color: #fff;
      border: 1px solid #0255c2; }
      .page_calendar .calendar_timer .timer .timer__content {
        margin: 4px 0 3px; }
      .page_calendar .calendar_timer .timer .countdown__body {
        font-weight: 700;
        font-size: 20px; }
  .page_calendar .description {
    margin-top: 20px;
    font-size: 16px; }
    .page_calendar .description .title {
      margin-bottom: 12px;
      text-align: center;
      font-weight: 500;
      color: #0255c2; }
    .page_calendar .description .content {
      line-height: 1em;
      text-align: left;
      color: #000;
      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: #0255c2; }
    .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: #fff;
      background: #0255c2 !important; }
    .page_calendar .leaderboard .table {
      width: 100%;
      overflow: hidden;
      text-align: left;
      font-size: 16px;
      border-collapse: collapse; }
      .page_calendar .leaderboard .table thead {
        padding: 0 20px;
        font-weight: 700;
        color: #0255c2; }
        .page_calendar .leaderboard .table thead > tr {
          height: 30px; }
          .page_calendar .leaderboard .table thead > tr > th {
            padding-left: 11px;
            padding-right: 11px; }
      .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: #000; }
        .page_calendar .leaderboard .table tbody > tr {
          display: none;
          height: 30px;
          background: linear-gradient(90deg, #fff 0%, #E7F1FF 50.83%, #fff 100%); }
          .page_calendar .leaderboard .table tbody > tr > td {
            position: relative;
            padding-left: 11px;
            padding-right: 11px; }
            .page_calendar .leaderboard .table tbody > tr > td:nth-child(1):before {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 700px;
              height: 1px;
              background: linear-gradient(to right, #fff 0%, #0254c0 50%, #fff 100%); }
              @media only screen and (max-width: 768px) {
                .page_calendar .leaderboard .table tbody > tr > td:nth-child(1):before {
                  width: 510px; } }
              @media only screen and (max-width: 576px) {
                .page_calendar .leaderboard .table tbody > tr > td:nth-child(1):before {
                  width: 100vw;
                  left: -15px; } }
          .page_calendar .leaderboard .table tbody > tr:first-child td:first-child:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 700px;
            height: 1px;
            background: linear-gradient(to right, #fff 0%, #0254c0 50%, #fff 100%); }
            @media only screen and (max-width: 768px) {
              .page_calendar .leaderboard .table tbody > tr:first-child td:first-child:after {
                width: 510px; } }
            @media only screen and (max-width: 576px) {
              .page_calendar .leaderboard .table tbody > tr:first-child td:first-child:after {
                width: 100vw;
                left: -15px; } }
  .page_calendar .leaderboard_more {
    margin: 30px auto 0;
    text-align: center;
    font-weight: 400;
    font-size: 16px; }
    .page_calendar .leaderboard_more a {
      color: #000; }
    .page_calendar .leaderboard_more .caption {
      margin-bottom: -2px; }
    .page_calendar .leaderboard_more .icon {
      position: relative; }
      .page_calendar .leaderboard_more .icon:after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        margin: auto;
        border-left: 2px solid #000;
        border-top: 2px solid #000;
        transform: rotate(225deg);
        transition: 200ms ease; }
  .page_calendar .qualification {
    margin: 20px auto 30px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #0255c2; }
  .page_calendar .calendar_button {
    margin-top: 20px;
    text-align: center; }

.cards_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -30px;
  margin-right: -30px;
  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: -15px;
      margin-right: -15px; } }
  @media (width: 992px) {
    .cards_list {
      justify-content: center !important; }
      .cards_list > .item {
        margin: 0 10px 25px; } }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .cards_list {
      justify-content: space-between;
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .cards_list {
      justify-content: space-between;
      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;
    box-sizing: border-box;
    margin: 0 0 25px;
    padding: 0 30px; }
    @media only screen and (min-width: 993px) and (max-width: 1200px) {
      .cards_list > .item {
        padding: 0 15px; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cards_list > .item {
        width: 100%;
        max-width: 337px;
        flex-basis: auto;
        padding: 0; } }
    @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%;
  height: 100%;
  box-sizing: border-box;
  text-align: center; }
  .card .title {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    color: #0255c2; }
  .card.promo-card .title, .card.campaign-card .title {
    margin-top: 5px;
    font-size: 22px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.promo-card .title, .card.campaign-card .title {
        font-size: 26px; } }
  .card.promo-card .image, .card.campaign-card .image {
    width: 100%;
    height: 242px;
    margin: 0 auto 5px; }
    .card.promo-card .image img, .card.campaign-card .image img {
      max-height: 100%;
      max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .card.promo-card .image, .card.campaign-card .image {
        height: auto; } }
  .card.lottery-card .title, .card.tournament-card .title {
    font-size: 24px; }
    .card.lottery-card .title > span, .card.tournament-card .title > span {
      display: block;
      line-height: 1em;
      min-height: 2em; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .title, .card.tournament-card .title {
        font-size: 26px; } }
  .card.lottery-card .image, .card.tournament-card .image {
    width: 100%;
    height: 206px;
    margin-top: 5px;
    position: relative; }
    .card.lottery-card .image img, .card.tournament-card .image img {
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media only screen and (max-width: 768px) {
      .card.lottery-card .image, .card.tournament-card .image {
        height: auto; } }
  .card .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px 35px 20px;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    border-radius: 4px;
    transition: .2s all ease; }
    @media only screen and (max-width: 768px) {
      .card .wrapper {
        padding: 40px 20px 20px; } }
    .card .wrapper:hover {
      border-color: #0255c2;
      background-color: #f1f1f1; }
  .card .content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .card .game_tags {
    position: absolute;
    top: 0;
    left: 0; }
  .card .prizepool {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #54b146; }
    .card .prizepool .caption {
      font-size: 14px; }
    .card .prizepool .amount {
      line-height: 1;
      font-size: 42px; }
      @media only screen and (max-width: 768px) {
        .card .prizepool .amount {
          font-size: 38px; } }
  .card .timer-wrapper {
    position: relative;
    width: 175px;
    margin: 15px auto 0;
    padding: 0;
    color: #8A8A8A;
    border-radius: 4px; }
    .card .timer-wrapper .timer {
      margin: 0;
      color: inherit; }
      .card .timer-wrapper .timer .timer-title {
        font-weight: 500;
        font-size: 14px; }
      .card .timer-wrapper .timer .timer-labels {
        display: flex;
        justify-content: center;
        margin: 4px 0;
        font-weight: 400;
        font-size: 10px; }
        .card .timer-wrapper .timer .timer-labels > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
      .card .timer-wrapper .timer .timer-body {
        font-weight: 700;
        font-size: 18px; }
        .card .timer-wrapper .timer .timer-body > span {
          display: inline-block;
          width: 21px;
          margin: 0 4px;
          text-align: center; }
  .card .prizes-list {
    margin: 10px auto 20px;
    color: #0255c2; }
    .card .prizes-list .prizes-title {
      margin-bottom: 5px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px; }
    .card .prizes-list .main .item_title {
      margin-top: 5px;
      font-weight: 700;
      font-size: 12px; }
    .card .prizes-list .main.tournament_prizes {
      margin: 10px auto 0; }
      .card .prizes-list .main.tournament_prizes .slider {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        opacity: 0;
        transition: 0.2s all 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: 700;
        font-size: 15px;
        margin-top: 10px; }
    .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 .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
  .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: 40px 35px;
    visibility: hidden;
    background-color: rgba(242, 242, 242, 0.95);
    transition: .2s all ease; }
    .card .popover.visible {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
    @media only screen and (max-width: 768px) {
      .card .popover {
        padding: 40px 20px;
        font-size: 14px; } }
    .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; }

.title_tournament {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  margin: 10px 0; }
  .title_tournament h3 {
    margin: 0;
    font-size: 14px; }

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

.your_position {
  margin: 0; }
  .your_position tbody tr td:first-of-type {
    width: 10%; }
  .your_position tbody tr td:nth-of-type(2) {
    width: 40%; }
  .your_position tbody tr td:nth-of-type(3) {
    width: 15%; }
  .your_position tbody tr td:last-of-type {
    width: 35%;
    text-align: right; }

.table-leaderboard table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px auto; }
  .table-leaderboard table thead th:last-child {
    text-align: left; }
  .table-leaderboard table th {
    background: #370038;
    color: white; }
  .table-leaderboard table td {
    padding: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #dee2e6; }
  .table-leaderboard table td:last-child {
    text-align: left; }
  .table-leaderboard table th {
    padding: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF; }

.table-leaderboard.player_board .player_board-header {
  background: #370038;
  padding: 10px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

.table-slider__body {
  margin-bottom: 35px; }

.places-slider .slick-dots {
  padding: 5px;
  bottom: -35px;
  background: transparent; }
  .places-slider .slick-dots li {
    transition: .2s all ease;
    color: #60a4fd; }
    .places-slider .slick-dots li:hover {
      color: #0255c2; }
  .places-slider .slick-dots .slick-active {
    color: #0255c2; }
  @media only screen and (max-width: 576px) {
    .places-slider .slick-dots li {
      font-size: 16px;
      line-height: 18px; } }

@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: #0255c2; }
    @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; }
    .home .games_page .new_game_wrap .title .stroke {
      font-style: normal;
      font-weight: 900;
      font-size: 16px;
      line-height: 28px;
      text-transform: uppercase;
      color: #0255C2;
      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: 850px;
    max-width: 100%;
    height: 1px;
    background: #0255C2; }
    @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%; }
  .home .games_page .games_slider_wrap.padding-top-slider .slick-track {
    padding: 20px 0 0 0; }

.virtual_sport_page .page_main .container {
  width: 1116px;
  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; } }

body.modal_open {
  overflow: hidden;
  padding-right: 15px; }
  @media only screen and (max-width: 768px) {
    body.modal_open .page_wrap {
      position: fixed; } }
  @media screen and (min-height: 320px) and (max-height: 576px) and (max-width: 991px) {
    body.modal_open {
      overflow: unset; } }
  @media only screen and (max-width: 576px) {
    body.modal_open {
      overflow: unset; } }

.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;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 3; }
  .modal.no_animation .popup {
    animation: none !important; }
  .modal .popup {
    margin: 0 auto;
    width: 100%;
    max-width: 680px;
    position: relative;
    animation: appear .5s ease; }
    .modal .popup > .header {
      position: relative;
      display: flex;
      height: auto;
      width: 100%;
      background: transparent;
      color: #fff;
      font-size: 28px;
      text-transform: none;
      align-items: center; }
      .modal .popup > .header .title {
        flex: 1;
        padding-bottom: 10px;
        text-align: left;
        padding-right: 30px; }
      .modal .popup > .header .close {
        display: block;
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        cursor: pointer;
        transition: .2s all ease;
        color: #fff;
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        text-align: right; }
        .modal .popup > .header .close:hover, .modal .popup > .header .close:focus, .modal .popup > .header .close:active {
          color: #4695fd; }
    .modal .popup > .content {
      min-height: 410px;
      color: #000;
      padding-bottom: 20px;
      background-color: #fff;
      background-image: url("./images/bg/modal_1.png");
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: 100% 48px; }
      @media screen and (min-height: 320px) and (max-height: 576px) and (max-width: 767px) {
        .modal .popup > .content {
          min-height: unset;
          padding-bottom: 30px;
          background-size: 100% 30px; } }
      @media only screen and (max-width: 576px) {
        .modal .popup > .content {
          min-height: unset;
          padding-bottom: 30px;
          background-size: 100% 30px; } }
      .modal .popup > .content.column {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .modal .popup > .content.column > .title {
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          line-height: 24px;
          text-align: center;
          padding: 50px; }
      .modal .popup > .content.row {
        display: flex;
        flex-direction: row; }
        .modal .popup > .content.row > * {
          flex: 1; }
      .modal .popup > .content.row {
        display: flex;
        flex-direction: row; }
    .modal .popup .link_button {
      font-size: 14px; }
    .modal .popup .popup_content {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      flex: 1;
      padding: 20px 0;
      font-size: 1.25rem;
      margin-bottom: -40px; }
    .modal .popup .popup_icon {
      font-size: 120px;
      text-align: center;
      flex: unset;
      display: block;
      padding: 0;
      margin: 0; }
      .modal .popup .popup_icon > * {
        display: block; }
      .modal .popup .popup_icon .green-icon {
        color: #54b146; }
      .modal .popup .popup_icon .red-icon {
        color: red; }
      .modal .popup .popup_icon .blue-icon {
        color: #0255c2; }
    .modal .popup .popup_body {
      flex: unset;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 1.25rem; }
      .modal .popup .popup_body p.message {
        padding: 0 50px;
        text-align: center; }
    .modal .popup .popup_actions {
      min-height: 86px;
      width: 100%;
      display: flex;
      align-items: center;
      align-self: center;
      justify-content: flex-start;
      flex-direction: column;
      padding: 10px 0; }
      .modal .popup .popup_actions > .button {
        margin: 2.5px 0; }
      .modal .popup .popup_actions > .button_row {
        display: block;
        margin: 0 0 8px 0;
        text-align: center;
        width: 100%; }
  .modal input:-webkit-autofill, .modal input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 50px #fff;
    -webkit-text-fill-color: #000; }
  @media only screen and (max-width: 767px) {
    .modal {
      justify-content: start;
      margin: 0;
      padding: 0; }
      .modal .popup {
        margin: 50px 0 0 0;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .modal .popup > .header {
          font-size: 18px;
          line-height: 40px;
          background: #0255c2;
          color: #fff; }
          .modal .popup > .header .title {
            text-align: center;
            padding: 0; }
          .modal .popup > .header .close {
            position: absolute;
            height: 50px;
            width: 100%;
            top: -50px;
            left: 0;
            color: #0255c2;
            background-color: #fff;
            text-align: right;
            padding: 0 10px 0 10px;
            background-image: url(./images/logo.svg);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 145px; } }
  @media only screen and (max-width: 576px) {
    .modal {
      position: absolute;
      bottom: unset;
      overflow-y: unset; }
      .modal .popup > .content {
        padding-left: 15px;
        padding-right: 15px; } }
  @media screen and (min-height: 320px) and (max-height: 576px) and (max-width: 767px) {
    .modal {
      position: absolute;
      bottom: unset;
      overflow-y: unset; } }
  @media screen and (min-height: 320px) and (max-height: 576px) and (min-width: 767px) and (max-width: 991px) {
    .modal {
      justify-content: start;
      margin: 0;
      padding: 0; }
      .modal .popup {
        margin: 50px 0 0 0;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .modal .popup > .content {
          width: 100%;
          display: block;
          margin: 0 auto;
          padding: 10px; }
        .modal .popup > .header {
          font-size: 18px;
          line-height: 40px;
          background: #0255c2;
          color: #fff; }
          .modal .popup > .header .title {
            text-align: center;
            padding: 0; }
          .modal .popup > .header .close {
            position: absolute;
            height: 50px;
            width: 100%;
            top: -50px;
            left: 0;
            color: #0255c2;
            background-color: #fff;
            text-align: right;
            padding: 0 10px 0 10px;
            background-image: url(./images/logo.svg);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 145px; } }

.modal_signup .popup > .content {
  padding: 20px 30px 40px 30px;
  display: flex;
  flex-direction: row;
  margin: 0; }

.modal_signup .popup input:-webkit-autofill, .modal_signup .popup input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 50px #fff;
  -webkit-text-fill-color: #000; }

.modal_signup .popup .promo {
  width: 50%; }
  .modal_signup .popup .promo .title {
    display: block;
    font-size: 17px;
    font-style: normal;
    line-height: normal;
    font-weight: 900;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    color: #0255c2;
    margin-top: 15px; }
  .modal_signup .popup .promo .image {
    width: 100%; }
    .modal_signup .popup .promo .image > img {
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  .modal_signup .popup .promo .timer {
    color: #0255c2;
    text-align: center;
    margin-top: -6px; }
    .modal_signup .popup .promo .timer .countdown__title {
      font-style: normal;
      color: inherit;
      margin-bottom: -5px;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700; }
    .modal_signup .popup .promo .timer .countdown__body {
      font-style: normal;
      color: inherit;
      font-size: 48px;
      font-family: Arial;
      font-weight: 700; }

.modal_signup .popup .form {
  width: 50%;
  font-size: 14px; }
  .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 .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: -16px;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #cccccc; }

@media only screen and (max-width: 576px) {
  .modal_signup .popup > .content {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 20px 10px 40px; }
  .modal_signup .popup .promo {
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .modal_signup .popup .promo > .column {
      flex: 1; }
    .modal_signup .popup .promo .image {
      width: 100%;
      max-width: 180px;
      margin: 0 auto; }
    .modal_signup .popup .promo .title {
      font-size: 18px;
      margin: 10px 0; }
    .modal_signup .popup .promo .timer {
      margin: 10px 0; }
      .modal_signup .popup .promo .timer .countdown__body {
        font-size: 36px; }
  .modal_signup .popup .form {
    width: 100%;
    display: block;
    margin: 20px 0; } }

.modal_signup .popup .message {
  font-size: 16px;
  color: #0255c2; }

.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 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: 15px; }

.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 .popup_body > .row {
      padding-bottom: 14px; }
    .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%; }
      @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: #0255c2;
          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: #000;
            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; }
        @media only screen and (max-width: 767px) {
          .modal_postreg .popup > .content .row > .column:nth-child(2) {
            margin-bottom: 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: #0255c2;
        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: #000;
        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: #0255c2;
        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: #fff;
          padding: 10px 0; }
    .modal_postreg .popup > .content .bonus_wrap {
      width: 100%;
      background: #0355C3;
      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 43px 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: #fff; }
        @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: #fff;
        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: 80%; } }
        .modal_postreg .popup > .content .bonus_wrap .bonus .bonus_item {
          font-size: 18px;
          line-height: 21px;
          text-align: center;
          color: #fff; }
  .modal_postreg .lottery_wrap {
    width: 100%;
    background: #003589;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 18px; }
    @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: 5px 0; }
      @media only screen and (max-width: 576px) {
        .modal_postreg .lottery_wrap .title_lottery {
          padding: 10px 0 20px; } }
      .modal_postreg .lottery_wrap .title_lottery span {
        padding-right: 10px;
        padding-left: 10px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        color: #fff; }
        @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: 100px;
        max-width: 100%; }
      .modal_postreg .lottery_wrap .column .item .caption {
        margin: 0px 20px;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: white;
        text-shadow: 0px 0px 8px white; }
    .modal_postreg .lottery_wrap .lottery_title {
      text-transform: uppercase;
      font-size: 14px;
      color: #fff;
      margin: 5px 0; }
    .modal_postreg .lottery_wrap .title {
      text-transform: uppercase;
      font-size: 12px;
      color: #0bf7fc;
      margin: 5px 0; }
    .modal_postreg .lottery_wrap .money {
      margin: 5px 0; }
      .modal_postreg .lottery_wrap .money span {
        font-size: 38px;
        font-weight: 700;
        color: #0bf7fc; }
    .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;
    margin: 20px 0; }
  .modal_postreg .item__text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #fff; }
  .modal_postreg .item {
    padding: 0 5px; }
  .modal_postreg .timer .timer__label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0; }
  .modal_postreg .timer .timer__content {
    font-size: 10px;
    margin: 5px 0; }
    .modal_postreg .timer .timer__content span {
      display: inline-block;
      width: 35px; }
  .modal_postreg .timer .timer__digits span {
    display: inline-block;
    width: 35px;
    text-align: center; }

.modal_more_game {
  justify-content: flex-start; }
  .modal_more_game .column {
    padding: 30px; }
  .modal_more_game .games_gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    height: 522px;
    overflow: auto;
    padding: 0 10px; }
    @media only screen and (max-width: 767px) {
      .modal_more_game .games_gallery {
        height: 800px; } }
    @media only screen and (max-width: 767px) {
      .modal_more_game .games_gallery > .item {
        width: 50%; } }
    .modal_more_game .games_gallery::-webkit-scrollbar {
      width: 6px;
      background-color: #F5F5F5; }
    .modal_more_game .games_gallery::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #0255c2;
      height: 200px; }
    .modal_more_game .games_gallery::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: transparent; }
  .modal_more_game .popup > .content {
    padding-bottom: 60px; }

.nonwagerablebet_modal .popup_icon {
  color: red; }

.nonwagerablebet_modal .message {
  padding: 0 40px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: red; }

.nonwagerablebet_modal .link_button {
  font-size: 16px; }

.modal_pre_play .popup_content {
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 25px !important;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .popup_content {
      flex-wrap: wrap;
      align-items: center !important;
      justify-content: center !important;
      padding: 25px 25px 45px !important; } }

.modal_pre_play .preplay_title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
  color: #3E3E3E; }

.modal_pre_play .game_info {
  width: 100%;
  max-width: 300px;
  text-align: center;
  padding: 0 10px; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .game_info {
      max-width: 100%;
      margin-bottom: 30px; } }
  .modal_pre_play .game_info .image {
    margin: 20px 0; }
    .modal_pre_play .game_info .image img {
      width: 100%; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .game_info .button_cashbox_wrap {
      margin-bottom: 15px; } }
  .modal_pre_play .game_info .balance_wrap .balance_title {
    display: block;
    margin-bottom: 5px; }
  .modal_pre_play .game_info .balance_wrap .balance_money {
    display: block; }

.modal_pre_play .bonus_info {
  width: 100%;
  max-width: 280px;
  padding: 0 10px 20px;
  text-align: center;
  margin-left: auto; }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .bonus_info {
      max-width: 100%; } }
  @media only screen and (max-width: 576px) {
    .modal_pre_play .bonus_info .image {
      width: 100%;
      max-width: 150px;
      margin: 0 auto; } }
  .modal_pre_play .bonus_info .image img {
    width: 100%; }
  .modal_pre_play .bonus_info .bonus_description_wrap {
    margin: 10px 0;
    font-size: 18px;
    color: #0255c2; }
    .modal_pre_play .bonus_info .bonus_description_wrap .bonus_description_title {
      font-weight: 700;
      margin-bottom: 5px; }

.modal_pre_play .link_button {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #54b146; }

.modal_profile {
  justify-content: start; }
  .modal_profile .popup {
    width: 750px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .modal_profile .popup {
        margin: 0;
        padding: 50px 0 0 0;
        height: 100%;
        display: block; } }
    .modal_profile .popup > .header {
      background: none;
      padding: 0;
      margin-top: 38px;
      height: 50px; }
      @media only screen and (max-width: 767px) {
        .modal_profile .popup > .header {
          margin-top: 0; } }
      .modal_profile .popup > .header > .close {
        top: -45px; }
      .modal_profile .popup > .header > .tab_menu_wrap {
        width: 100%;
        display: block;
        flex: 1; }
      .modal_profile .popup > .header .tab_menu {
        background: #fff;
        color: #000;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        height: 50px;
        padding: 0;
        font-size: 18px; }
        @media only screen and (max-width: 320px) {
          .modal_profile .popup > .header .tab_menu {
            font-size: 16px; } }
        .modal_profile .popup > .header .tab_menu > .item {
          flex: 1;
          text-align: center;
          line-height: 51px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .modal_profile .popup > .header .tab_menu > .item > a {
            display: block;
            color: inherit;
            width: 100%;
            transition: .2s all ease; }
            .modal_profile .popup > .header .tab_menu > .item > a:hover, .modal_profile .popup > .header .tab_menu > .item > a:focus, .modal_profile .popup > .header .tab_menu > .item > a:active {
              color: #0255c2; }
            .modal_profile .popup > .header .tab_menu > .item > a.disabled {
              opacity: .5; }
          .modal_profile .popup > .header .tab_menu > .item.active {
            color: #0255c2; }
          .modal_profile .popup > .header .tab_menu > .item .icon {
            margin-right: 5px; }
            @media only screen and (max-width: 576px) {
              .modal_profile .popup > .header .tab_menu > .item .icon {
                display: none; } }
    .modal_profile .popup > .content {
      background: transparent;
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0;
      position: relative;
      min-height: 200px; }
      .modal_profile .popup > .content > .modal_profile_content {
        background: #fff;
        color: #000;
        flex: 1;
        position: relative; }
      .modal_profile .popup > .content > .loader_overlay {
        background: rgba(255, 255, 255, 0.75); }
      @media only screen and (max-width: 767px) {
        .modal_profile .popup > .content {
          height: auto; }
          .modal_profile .popup > .content > .modal_profile_content {
            flex: 1; } }
  .modal_profile .player_info_row {
    min-height: 15px;
    background: none;
    display: block;
    width: 100%; }
  .modal_profile .player_balance_row {
    height: 75px;
    min-height: 75px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: transparent; }
    @media only screen and (max-width: 576px) {
      .modal_profile .player_balance_row {
        display: none; } }
    .modal_profile .player_balance_row .player_balance {
      font-size: 24px; }
      .modal_profile .player_balance_row .player_balance .caption {
        color: #cccccc; }
  .modal_profile .profile_form {
    width: 100%;
    padding-top: 20px; }
    .modal_profile .profile_form .form {
      padding: 0 50px;
      margin-left: -16px; }
      @media only screen and (max-width: 576px) {
        .modal_profile .profile_form .form {
          padding: 0 20px; } }
      .modal_profile .profile_form .form > .row {
        margin: 0px 0; }
        .modal_profile .profile_form .form > .row > .column {
          padding-left: 16px;
          width: 50%; }
        @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 .contact_info_item {
      margin: 0 0 16px 0; }
      .modal_profile .profile_form .contact_info_item .status {
        margin-top: 16px; }
        .modal_profile .profile_form .contact_info_item .status .label {
          position: absolute;
          top: 0;
          right: 0;
          font-size: 12px; }
          .modal_profile .profile_form .contact_info_item .status .label.ok {
            color: #54b146; }
          .modal_profile .profile_form .contact_info_item .status .label.warn {
            color: red; }
      .modal_profile .profile_form .contact_info_item .form-group {
        padding: 0; }
  .modal_profile .profile_bonuses .form {
    width: 228px;
    max-width: 100%;
    margin: 10px auto; }

@media screen and (max-width: 767px) and (min-height: 401px) {
  .modal_profile_success .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .modal_profile_success .popup .popup_content {
      margin-bottom: -30px; } }

@media screen and (min-height: 320px) and (max-height: 400px) {
  .modal_profile_success {
    position: fixed;
    bottom: 0;
    overflow-y: scroll; } }

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

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

.bonuses_gallery {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: normal;
  align-items: center;
  padding: 0 8px 30px 8px; }
  .bonuses_gallery > .title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #0255c2;
    margin-bottom: 10px; }
  .bonuses_gallery .item {
    display: block;
    text-align: center;
    width: 100%;
    padding: 8px; }
    @media only screen and (max-width: 576px) {
      .bonuses_gallery .item {
        width: 100%; } }
    .bonuses_gallery .item .bonus_wrap {
      color: #000;
      border: 2px solid transparent;
      background: #ddd;
      border-radius: 4px;
      width: 100%;
      padding: 40px 12px 12px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      @media only screen and (max-width: 576px) {
        .bonuses_gallery .item .bonus_wrap {
          flex-direction: column; } }
      .bonuses_gallery .item .bonus_wrap.active {
        border-color: #0255c2;
        background: #fff;
        border-radius: 1px; }
  .bonuses_gallery .game_tags {
    position: absolute;
    top: -1px;
    left: -1px; }
  .bonuses_gallery .bonus_image {
    width: 180px; }
    .bonuses_gallery .bonus_image > img {
      max-width: 100%; }
  .bonuses_gallery .bonus_content {
    flex: 1;
    padding: 10px 12px 10px 12px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    align-self: start;
    text-align: left; }
    @media only screen and (max-width: 576px) {
      .bonuses_gallery .bonus_content {
        align-items: center;
        align-self: center;
        text-align: center; } }
  .bonuses_gallery .bonus_other {
    max-width: 200px;
    min-width: 200px; }
  .bonuses_gallery .opted-in .timer {
    color: #8A8A8A; }
  .bonuses_gallery .opted-in .link_button {
    text-decoration-color: #8A8A8A; }
  .bonuses_gallery .bonus_controls {
    width: 200px; }
  .bonuses_gallery .bonus_title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-align: inherit;
    text-transform: uppercase;
    margin: 0 0 20px 0; }
  .bonuses_gallery .bonus_description {
    font-size: 14px;
    line-height: 16px;
    text-align: inherit;
    color: inherit; }
  .bonuses_gallery .bonus_actions > .row {
    margin: 5px 0; }
  .bonuses_gallery .bonus_actions .link_button {
    color: gray; }
  .bonuses_gallery .bonus_progress {
    margin: 12px 0;
    width: 100%; }
    .bonuses_gallery .bonus_progress .active_bonus_bar {
      display: block;
      flex-direction: column;
      align-items: flex-start; }
      .bonuses_gallery .bonus_progress .active_bonus_bar > .progress_bar_wrap {
        display: block; }
      @media only screen and (max-width: 576px) {
        .bonuses_gallery .bonus_progress .active_bonus_bar {
          align-items: center; }
          .bonuses_gallery .bonus_progress .active_bonus_bar .progress_bar {
            margin-left: auto;
            margin-right: auto; } }
    .bonuses_gallery .bonus_progress .progress_bar {
      margin-top: 5px;
      width: 220px;
      max-width: 100%; }
  .bonuses_gallery .bonus_wrap.show_about .bonus_about_wrap {
    visibility: visible;
    opacity: 1;
    z-index: 1; }
  .bonuses_gallery .bonus_error {
    color: red;
    font-size: 10px;
    line-height: 12px;
    margin: 5px 0; }
  .bonuses_gallery .bonus_timer {
    margin: 12px 0;
    color: inherit; }
    .bonuses_gallery .bonus_timer .timer__title {
      font-size: 16px;
      line-height: 16px;
      font-weight: 500;
      margin: 2px 0;
      text-transform: none; }
    .bonuses_gallery .bonus_timer .timer__labels {
      font-size: 16px;
      line-height: 16px;
      font-weight: 300;
      margin: 2px 0; }
    .bonuses_gallery .bonus_timer .timer__labels > span {
      font-size: inherit;
      font-weight: inherit;
      width: 32px;
      display: inline-block;
      margin: 0; }
    .bonuses_gallery .bonus_timer .timer__body {
      font-size: 25px;
      line-height: 25px;
      font-weight: 700;
      margin: 2px 0; }
  .bonuses_gallery.blue {
    background: #0255c2; }
    .bonuses_gallery.blue > .title {
      color: #fff; }
  .bonuses_gallery .slider {
    width: 360px;
    max-width: 100%;
    margin: 10px auto;
    padding: 0; }
    .bonuses_gallery .slider .slick-slide {
      transition: .2s all ease;
      transform: scale(1);
      text-align: center; }
    .bonuses_gallery .slider .slick-center {
      transform: scale(1.4); }
    .bonuses_gallery .slider .slick-track {
      padding: 20px 0; }
  .bonuses_gallery .bonus_slider_image {
    width: 120px;
    max-width: 120px;
    padding: 0px;
    display: block;
    margin: 0 auto; }
    .bonuses_gallery .bonus_slider_image > img {
      width: 100%; }
  .bonuses_gallery .show_more_button_row {
    margin-top: -20px; }

.empty_bonus {
  text-align: center;
  font-size: 20px;
  margin-top: 30px; }

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

.tabmenu_cashbox {
  width: 100%;
  height: 46px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 10%;
  font-size: 18px; }
  @media only screen and (max-width: 576px) {
    .tabmenu_cashbox {
      padding: 0 10px;
      font-size: 16px; } }
  .tabmenu_cashbox > .item {
    flex: 1;
    color: #b3b3b3;
    line-height: 46px;
    height: 46px;
    font-weight: 300;
    text-align: center;
    padding: 0;
    margin: 0px; }
    .tabmenu_cashbox > .item > a {
      color: inherit;
      display: block;
      width: 100%;
      height: 46px;
      line-height: 46px;
      text-transform: none;
      transition: .2s all ease; }
      .tabmenu_cashbox > .item > a:hover {
        color: #fff; }
    .tabmenu_cashbox > .item.active {
      position: relative; }
      .tabmenu_cashbox > .item.active > a {
        color: #fff; }
      .tabmenu_cashbox > .item.active:after {
        content: " ";
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 8px solid #fff;
        position: absolute;
        bottom: 0;
        left: calc(50% - 10px); }

.deposit_tooltip {
  display: block;
  margin: 15px auto 10px;
  text-align: center;
  max-width: 595px; }
  .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;
  background: #e6e6e6; }
  .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: #0255c2;
      font-size: 26px;
      line-height: 26px;
      width: 26px;
      height: 26px;
      text-align: center;
      margin: 0 10px 0 0; }
    .deposit_bonus_tooltip > .item > .step {
      background: #0255c2;
      color: #fff;
      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: #54b146; }
  @media only screen and (max-width: 614px) {
    .deposit_bonus_tooltip {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 10px 0; }
      .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: #fff;
    width: 185px;
    height: 112px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #111;
    border-radius: 9px;
    transition: .2s all ease;
    margin: 10px 10px 30px 10px; }
    .payment__gallery .item:hover, .payment__gallery .item.active {
      border-color: #0255c2;
      box-shadow: 0 0 0px 2px #0255c2; }
    .payment__gallery .item.active:after {
      content: " ";
      width: 13px;
      height: 13px;
      border-left: 1px solid #0255c2;
      border-top: 1px solid #0255c2;
      background: #CDE3FB;
      display: block;
      transform: rotate(45deg);
      position: absolute;
      bottom: -43px;
      left: calc(50% - 10px); }
    .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: #fff;
      text-align: center;
      border-radius: 9px; }
      .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: #000;
      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(2, 85, 194, 0.9);
      color: #fff;
      text-align: center;
      border-radius: 5px;
      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: 5px 0 10px 0;
    cursor: default;
    border: none;
    border-radius: 0;
    box-shadow: none; }
    .payment__gallery .form.active > .container {
      margin: 0 auto;
      padding: 15px;
      width: 595px;
      max-width: 100%;
      background: #CDE3FB;
      border-top: 1px solid #0255c2; }
      .payment__gallery .form.active > .container .title_label, .payment__gallery .form.active > .container .form-group > .control-label {
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 10px 0;
        text-align: left; }
    .payment__gallery .form.active .row {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: normal;
      align-items: center;
      margin: 10px 0; }
      .payment__gallery .form.active .row > .row {
        margin: 0;
        width: 50%; }
    .payment__gallery .form.active .controls {
      text-align: center;
      justify-content: center; }
    .payment__gallery .form.active .custom_value {
      flex: 0; }
    .payment__gallery .form.active .message.error {
      margin: 10px auto;
      padding: 0 10px;
      color: red;
      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-variants, .payment__gallery .form.active .form-row-tips {
      flex-wrap: wrap; }
      @media only screen and (max-width: 576px) {
        .payment__gallery .form.active .form-row-amount-variants, .payment__gallery .form.active .form-row-tips {
          width: 100%; }
          .payment__gallery .form.active .form-row-amount-variants > .row, .payment__gallery .form.active .form-row-tips > .row {
            width: 320px;
            max-width: 100%; } }
    .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%;
      padding-left: 15px; }
      .payment__gallery .form.active .form-row-account-expDate > .form-group:nth-child(2) > .form-control {
        text-align: center; }
    .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) {
      padding-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: 0 0 10px 0 !important;
          width: 100%; } }
    .payment__gallery .form.active .form-row-amount {
      width: 290px;
      max-width: 100%; }
    .payment__gallery .form.active .form-row-cryptoCurrency {
      width: 220px;
      max-width: 100%; }

.cashbox_history {
  display: block;
  width: 100%;
  padding: 0 16px;
  color: #B0B0B0;
  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 #B0B0B0; }
    .cashbox_history table tbody tr:last-child {
      border-bottom: none; }
    .cashbox_history table .empty {
      text-align: center;
      margin: 0 auto; }
  .cashbox_history .payment_id {
    font-size: 12px; }
  .cashbox_history .payment_status {
    color: #76BC3E;
    min-width: 60px;
    width: 100%;
    text-align: left; }
    .cashbox_history .payment_status_pending {
      color: #F79400; }
    .cashbox_history .payment_status_completed {
      color: #76BC3E; }
    .cashbox_history .payment_status_cancelled {
      color: #AF4549; }
    .cashbox_history .payment_status_chargeback {
      color: #AF4549; }
    .cashbox_history .payment_status_failed {
      color: #AF4549; }
    .cashbox_history .payment_status_refused {
      color: #AF4549; }
    .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 #B0B0B0;
        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 #B0B0B0; } }

.security_form {
  display: block;
  width: 100%;
  padding: 0 16px;
  color: #fff;
  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 {
  flex: 1;
  max-width: 440px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center !important;
  padding: 50px 0; }

.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 {
  color: #54b146;
  font-size: 40px;
  line-height: 47px; }

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

.modal_confirm_phone .button.link {
  line-height: 40px;
  margin: 20px 0;
  font-weight: 500; }

.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 {
  background: #fff; }
  .modal_profile_form .popup {
    height: auto; }
    .modal_profile_form .popup > .header {
      color: #0255c2;
      background: #fff;
      text-align: center;
      height: auto;
      line-height: 1.2;
      padding: 10px 0; }
      .modal_profile_form .popup > .header > .title {
        text-align: center; }
      @media only screen and (max-width: 767px) {
        .modal_profile_form .popup > .header {
          padding-top: 80px;
          background-image: url("./images/logo.svg");
          background-position: 50% 20px;
          background-size: auto 40px;
          background-repeat: no-repeat; } }
    .modal_profile_form .popup .content {
      position: relative;
      background: #fff;
      padding-bottom: 0;
      border: 2px solid #0255c2;
      margin-left: 15px;
      margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .modal_profile_form .popup {
        margin-top: 0; } }
    @media only screen and (max-width: 576px) {
      .modal_profile_form .popup {
        padding-bottom: 15px; } }
    @media screen and (min-height: 320px) and (max-height: 576px) and (max-width: 767px) {
      .modal_profile_form .popup {
        padding-bottom: 15px; } }
  .modal_profile_form .image_bg {
    position: absolute;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .modal_profile_form .image_bg {
        display: none; } }
    .modal_profile_form .image_bg.image_bg_1 {
      left: 0;
      transform: translateX(-100%); }
    .modal_profile_form .image_bg.image_bg_2 {
      right: 0;
      transform: translateX(100%); }
  .modal_profile_form .profile_form {
    width: 100%;
    position: relative;
    padding-top: 20px; }
    .modal_profile_form .profile_form .form {
      padding: 0 50px;
      margin-left: -16px; }
      @media only screen and (max-width: 576px) {
        .modal_profile_form .profile_form .form {
          padding: 0 20px; } }
      .modal_profile_form .profile_form .form > .row {
        margin: 0px 0; }
        .modal_profile_form .profile_form .form > .row > .column {
          padding-left: 16px;
          width: 50%; }
        @media only screen and (max-width: 576px) {
          .modal_profile_form .profile_form .form > .row {
            display: block;
            margin: 10px 0; }
            .modal_profile_form .profile_form .form > .row > .column {
              width: 100%; } }
    .modal_profile_form .profile_form .contact_info_item {
      margin: 0 0 16px 0; }
      .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: #54b146; }
          .modal_profile_form .profile_form .contact_info_item .status .label.warn {
            color: red; }
      .modal_profile_form .profile_form .contact_info_item .form-group {
        padding: 0; }
  .modal_profile_form .popup_actions {
    padding: 14px 0;
    flex-direction: column; }
    .modal_profile_form .popup_actions .button.link {
      font-size: 14px;
      line-height: 17px;
      text-shadow: none;
      margin: 8px 0; }

.modal_demo_game .popup > .content {
  padding-bottom: 40px !important; }

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

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

.modal_demo_game .link_button {
  margin-top: 15px;
  font-size: 18px;
  color: #54b146; }

.modal_self_suspend {
  text-align: center; }
  .modal_self_suspend .content {
    align-items: center;
    justify-content: center !important; }
    .modal_self_suspend .content .form {
      padding: 10px;
      color: #fff;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .modal_self_suspend .content .form .row.preset {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 10px auto 20px auto; }
        .modal_self_suspend .content .form .row.preset .item {
          margin: 0 20px; }
          @media only screen and (max-width: 576px) {
            .modal_self_suspend .content .form .row.preset .item {
              margin: 0 5px; } }
      .modal_self_suspend .content .form .row.custom .form-group.checkbox {
        margin: 0 auto;
        max-width: 200px; }
        .modal_self_suspend .content .form .row.custom .form-group.checkbox label {
          display: flex;
          flex-direction: row; }
          .modal_self_suspend .content .form .row.custom .form-group.checkbox label .radiobox {
            min-width: 20px;
            margin: 10px; }
    .modal_self_suspend .content .header_main {
      margin: 10px auto;
      text-align: center;
      width: 80%;
      font-size: 22px; }
    .modal_self_suspend .content .text_main {
      margin: 10px auto;
      text-align: center;
      width: 100%;
      font-size: 16px;
      padding: 0 15px; }
    .modal_self_suspend .content .header_radio {
      margin: 10px auto;
      text-align: center;
      width: 85%;
      font-size: 18px; }
    .modal_self_suspend .content .header_custom {
      margin: 10px auto;
      text-align: center;
      width: 85%;
      font-size: 18px; }
    .modal_self_suspend .content .text {
      margin: 20px auto; }
    .modal_self_suspend .content .popup_body {
      margin-bottom: 30px;
      padding: 0 30px; }

.modal_has_active_campaign .popup > .content {
  min-height: unset;
  padding: 10px 0 50px !important;
  color: #000; }

.modal_has_active_campaign .column_image {
  width: 290px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: auto !important; }
  .modal_has_active_campaign .column_image .image {
    width: 100%;
    display: block; }
    .modal_has_active_campaign .column_image .image > img {
      width: 100%;
      max-width: 100%;
      display: block; }

.modal_has_active_campaign .column_body {
  width: 400px;
  padding: 10px 10px;
  display: block;
  text-align: center;
  flex: auto !important; }
  .modal_has_active_campaign .column_body .title {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 20px 0;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #0255c2; }
  .modal_has_active_campaign .column_body .text {
    display: block;
    width: 100%;
    padding: 0 10px;
    margin: 20px 0;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000; }
  .modal_has_active_campaign .column_body .button_row {
    display: block;
    width: 100%;
    padding: 0 10px;
    margin: 10px 0; }
  .modal_has_active_campaign .column_body .button_link {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-decoration: underline;
    color: #0255c2;
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer; }
    .modal_has_active_campaign .column_body .button_link:hover {
      text-decoration: none; }

@media only screen and (max-width: 768px) {
  .modal_has_active_campaign .popup > .content.row {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
    align-content: center;
    padding: 20px 0; }
  .modal_has_active_campaign .column_image {
    width: 100%;
    max-width: 204px;
    margin: 0 auto; }
  .modal_has_active_campaign .column_body {
    padding: 0 10px;
    width: 100%; }
    .modal_has_active_campaign .column_body .title {
      margin-top: 10px; } }

@media only screen and (max-width: 768px) {
  .modal_has_active_campaign .column_body, .modal_has_active_campaign .column_image {
    flex: unset !important; } }

.exit_lobby_modal .popup {
  width: 620px; }
  .exit_lobby_modal .popup > .content {
    background-image: none;
    padding: 0;
    min-height: 0; }
  .exit_lobby_modal .popup .popup_content {
    padding: 0 0; }
    .exit_lobby_modal .popup .popup_content > .title {
      color: #0255c2;
      margin: 30px 0 5px 0;
      max-width: 320px;
      text-align: center; }
    .exit_lobby_modal .popup .popup_content > .text {
      color: #000;
      margin-bottom: 20px;
      max-width: 340px;
      text-align: center; }
  .exit_lobby_modal .popup .popup_actions {
    min-height: 160px;
    z-index: 1; }
    .exit_lobby_modal .popup .popup_actions .button_row {
      margin: 0;
      line-height: 1; }
  .exit_lobby_modal .popup .color_divider {
    width: 100%;
    background-image: url(./images/bg/modal_1.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    height: 44px; }
    @media only screen and (max-width: 768px) {
      .exit_lobby_modal .popup .color_divider {
        background-position: right;
        background-size: 100% 100%; } }
  .exit_lobby_modal .popup .games_gallery_wrap {
    width: 100%;
    background-color: #0255c2;
    padding-bottom: 30px; }
    .exit_lobby_modal .popup .games_gallery_wrap .title {
      margin: -10px 0 15px;
      color: #fff;
      text-align: center; }
    .exit_lobby_modal .popup .games_gallery_wrap .game_item .game_caption {
      display: none; }
    .exit_lobby_modal .popup .games_gallery_wrap .game_item .image > img {
      box-shadow: 0 0 8px #2d87fd; }

.exit_lobby_modal .bg_wrap {
  background-image: url("./images/bg/exit_game.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  width: 700px;
  height: 320px;
  margin-bottom: -320px;
  z-index: 1; }

/*
.only {
  display: none;
}

@media screen and (max-width: 576px) {
  .mobile.only {
    display: block;
  }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
  .tablet.only {
    display: block;
  }
}

@media screen and (min-width: 993px) {
  .desktop.only {
    display: block;
  }
}
*/
@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; } }

/* break points*/