@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700|Roboto+Condensed:400,300,700&subset=latin,cyrillic");
@import url("https://fonts.googleapis.com/css?family=Salsa|Pacifico");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  cursor: pointer; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: none;
  margin: 0 auto; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./img/ajax-loader.gif") center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("./vendor/font-awesome/fonts/fontawesome-webfont.eot");
  src: url("./vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("./vendor/font-awesome/fonts/fontawesome-webfont.woff2") format("woff2"), url("./vendor/font-awesome/fonts/fontawesome-webfont.woff") format("woff"), url("./vendor/font-awesome/fonts/fontawesome-webfont.ttf") format("truetype"), url("./vendor/font-awesome/fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

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

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

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

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 1px solid #234264;
  border-radius: 2px;
  background: #D3D1D1;
  position: relative;
  overflow: hidden; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 20px 0 10px;
    font-size: 14px;
    line-height: 40px;
    color: #54435E;
    height: 40px;
    user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    background-image: none !important;
    box-shadow: none !important;
    color: #000;
    text-align: center;
    font: 0/0 a;
    *font: 20px/40px Lucida Sans Unicode, Arial Unicode MS, Arial;
    padding: 0;
    margin: 0; }
    .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: #000;
      border-bottom: none; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #16293e; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  user-select: none; }

.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; }

.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: #D3D1D1;
  border: 1px solid #16293e;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .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;
    color: #54435E;
    cursor: pointer; }
    .selectric-items li:hover {
      background: #ecebeb !important;
      color: #54435E; }
    .selectric-items li.selected {
      background: #dddbdb;
      color: #FF1F47; }
  .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; }

.svg-arrow-left-dims {
  width: 12px;
  height: 20px; }

.svg-arrow-right-dims {
  width: 12px;
  height: 20px; }

.svg-bitcoin-dims {
  width: 306.5px;
  height: 64.001px; }

.svg-cancel-dims {
  width: 16px;
  height: 16px; }

.svg-card_rub-dims {
  width: 142px;
  height: 46px; }

.svg-close-dims {
  width: 18px;
  height: 18px; }

.svg-comepay-dims {
  width: 77px;
  height: 70px; }

.svg-contact-dims {
  width: 110px;
  height: 70px; }

.svg-counter-dims {
  width: 40px;
  height: 49px; }

.svg-facebook-dims {
  width: 12px;
  height: 25px; }

.svg-game-hall-dims {
  width: 23px;
  height: 18px; }

.svg-gift-dims {
  width: 126px;
  height: 110px; }

.svg-lottery-dims {
  width: 20px;
  height: 24px; }

.svg-lottery2-dims {
  width: 20px;
  height: 24px; }

.svg-mailru-dims {
  width: 1000px;
  height: 1000px; }

.svg-mobile-dims {
  width: 142px;
  height: 47px; }

.svg-money-dims {
  width: 27px;
  height: 18px; }

.svg-moneyru-dims {
  width: 142px;
  height: 48px; }

.svg-odnoklassniki-dims {
  width: 14px;
  height: 23px; }

.svg-okpay_rub-dims {
  width: 142px;
  height: 34px; }

.svg-payeer_rub-dims {
  width: 142px;
  height: 31px; }

.svg-perfectmoney_usd-dims {
  width: 142px;
  height: 29px; }

.svg-profile-dims {
  width: 24px;
  height: 24px; }

.svg-promo-dims {
  width: 23px;
  height: 24px; }

.svg-qiwi_rub-dims {
  width: 111px;
  height: 48px; }

.svg-ruble-dims {
  width: 13px;
  height: 18px; }

.svg-slider-left-transp-dims {
  width: 63px;
  height: 88px; }

.svg-slider-right-transp-dims {
  width: 63px;
  height: 88px; }

.svg-sportbet-dims {
  width: 24px;
  height: 24px; }

.svg-star-dims {
  width: 20px;
  height: 18px; }

.svg-star-filled-dims {
  width: 20px;
  height: 18px; }

.svg-telegram-dims {
  width: 300px;
  height: 300px; }

.svg-terminal-dims {
  width: 123px;
  height: 47px; }

.svg-tournament-dims {
  width: 20px;
  height: 24px; }

.svg-twitter-dims {
  width: 20px;
  height: 17px; }

.svg-vip-dims {
  width: 25px;
  height: 17px; }

.svg-vip-level-dims {
  width: 24px;
  height: 24px; }

.svg-vip-points-dims {
  width: 24px;
  height: 24px; }

.svg-vkontakte-dims {
  width: 23px;
  height: 13px; }

.svg-walletone-dims {
  width: 82px;
  height: 70px; }

.svg-webmoney-dims {
  width: 142px;
  height: 36px; }

.svg-wheel-of-fortune-dims {
  width: 22px;
  height: 24px; }

.svg-yamoney_rub-dims {
  width: 142px;
  height: 36px; }

/* break points*/
/****************************
 HIGH PPI DISPLAY BACKGROUNDS
*****************************/
.icon {
  display: inline-block;
  vertical-align: top; }
  .icon_facebook {
    background-image: url(./img/sprite.png);
    background-position: -965px -54px;
    width: 11px;
    height: 24px; }
  .icon_twitter {
    background-image: url(./img/sprite.png);
    background-position: -666px -766px;
    width: 22px;
    height: 20px; }
  .icon_google {
    background-image: url(./img/sprite.png);
    background-position: -562px -766px;
    width: 22px;
    height: 22px; }
  .icon_vk, .icon_vkontakte {
    background-image: url(./img/sprite.png);
    background-position: -768px -766px;
    width: 24px;
    height: 16px; }
  .icon_ok, .icon_odnoklassniki {
    background-image: url(./img/sprite.png);
    background-position: -859px -669px;
    width: 13px;
    height: 25px; }
  .icon_facebook-small {
    background-image: url(./img/sprite.png);
    background-position: -965px -276px;
    width: 9px;
    height: 20px; }
  .icon_twitter-small {
    background-image: url(./img/sprite.png);
    background-position: -721px -831px;
    width: 18px;
    height: 17px; }
  .icon_google-small {
    background-image: url(./img/sprite.png);
    background-position: -625px -831px;
    width: 18px;
    height: 18px; }
  .icon_vk-small {
    background-image: url(./img/sprite.png);
    background-position: -822px -766px;
    width: 20px;
    height: 14px; }
  .icon_ok-small {
    background-image: url(./img/sprite.png);
    background-position: -965px -177px;
    width: 11px;
    height: 21px; }
  .icon_counter {
    background-image: url(./img/sprite.png);
    background-position: -797px -669px;
    width: 32px;
    height: 44px; }
  .icon_heart {
    background-image: url(./img/sprite.png);
    background-position: -575px -831px;
    width: 20px;
    height: 18px; }
  .icon_cup {
    background-image: url(./img/sprite.png);
    background-position: -797px -482px;
    width: 48px;
    height: 54px; }
  .icon_info {
    background-image: url(./img/sprite.png);
    background-position: -965px -543px;
    width: 7px;
    height: 15px; }
  .icon_info-light {
    background-image: url(./img/sprite.png);
    background-position: -965px -704px;
    width: 4px;
    height: 13px; }
  .icon_visa {
    background-image: url(./img/sprite.png);
    background-position: -725px -227px;
    width: 36px;
    height: 11px; }
  .icon_mastercard {
    background-image: url(./img/sprite.png);
    background-position: -498px -443px;
    width: 76px;
    height: 12px; }
  .icon_qiwi {
    background-image: url(./img/sprite.png);
    background-position: -797px -566px;
    width: 59px;
    height: 24px; }
  .icon_yandex {
    background-image: url(./img/sprite.png);
    background-position: -797px -620px;
    width: 65px;
    height: 19px; }
  .icon_webmoney {
    background-image: url(./img/sprite.png);
    background-position: -269px -766px;
    width: 101px;
    height: 24px; }
  .icon_moneta {
    background-image: url(./img/sprite.png);
    background-position: -122px -831px;
    width: 86px;
    height: 33px; }
  .icon_wallet {
    background-image: url(./img/sprite.png);
    background-position: -360px -831px;
    width: 33px;
    height: 28px; }
  .icon_sberbank {
    background-image: url(./img/sprite.png);
    background-position: -129px -766px;
    width: 110px;
    height: 27px; }
  .icon_alfabank {
    background-image: url(./img/sprite.png);
    background-position: -688px -600px;
    width: 78px;
    height: 28px; }
  .icon_promsvyazbank {
    background-image: url(./img/sprite.png);
    background-position: -589px -666px;
    width: 128px;
    height: 21px; }
  .icon_gift {
    background-image: url(./img/sprite.png);
    background-position: -525px -831px;
    width: 20px;
    height: 23px; }
  .icon_medal {
    background-image: url(./img/sprite.png);
    background-position: -904px -648px;
    width: 22px;
    height: 31px; }
  .icon_spinner {
    background-image: url(./img/sprite.png);
    background-position: -904px -304px;
    width: 27px;
    height: 29px; }
  .icon_star {
    background-image: url(./img/sprite.png);
    background-position: -965px -502px;
    width: 12px;
    height: 11px; }
  .icon_starhalf {
    background-image: url(./img/sprite.png);
    background-position: -965px -588px;
    width: 11px;
    height: 10px; }
  .icon_starempty {
    background-image: url(./img/sprite.png);
    background-position: -965px -461px;
    width: 12px;
    height: 11px; }
  .icon_nav-divider {
    background-image: url(./img/sprite.png);
    background-position: -965px -108px;
    width: 1px;
    height: 39px; }
  .icon_cancel {
    background-image: url(./img/sprite.png);
    background-position: -47px -897px;
    width: 18px;
    height: 19px; }
  .icon_lottery {
    background-image: url(./img/svg/lottery2.svg);
    width: 48px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: 95%; }
  .icon_cross {
    width: 16px;
    height: 16px;
    position: relative;
    display: block; }
    .icon_cross:before {
      content: '';
      width: 2px;
      height: 18px;
      background-color: #fff;
      display: block;
      position: absolute;
      top: 0;
      left: 9px;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .icon_cross:after {
      content: '';
      width: 2px;
      height: 18px;
      background-color: #fff;
      display: block;
      position: absolute;
      top: 0;
      left: 9px;
      transform: rotate(-45deg); }
  .icon_cross-bold {
    background-image: url(./img/sprite.png);
    background-position: -815px -831px;
    width: 15px;
    height: 15px; }
  .icon_cross-bold_grey {
    background-image: url(./img/sprite.png);
    background-position: -95px -897px;
    width: 15px;
    height: 15px; }
  .icon_checkmark {
    background-image: url(./img/sprite.png);
    background-position: -965px -418px;
    width: 13px;
    height: 13px; }
  .icon_clock {
    background-image: url(./img/sprite.png);
    background-position: -747px -666px;
    width: 20px;
    height: 20px; }
  .icon_visa-logo {
    background-image: url(./img/sprite.png);
    background-position: -238px -831px;
    width: 92px;
    height: 28px; }
  .icon_qiwi-logo {
    background-image: url(./img/sprite.png);
    background-position: -625px -358px;
    width: 123px;
    height: 49px; }
  .icon_yandex-logo {
    background-image: url(./img/sprite.png);
    background-position: -625px -275px;
    width: 116px;
    height: 53px; }
  .icon-bitcoin {
    background-image: url(./img/sprite.png);
    background-position: -516px -600px;
    width: 142px;
    height: 30px; }
  .icon-comepay {
    background-image: url(./img/sprite.png);
    background-position: -797px 0px;
    width: 77px;
    height: 70px; }
  .icon-contact {
    background-image: url(./img/sprite.png);
    background-position: -252px -378px;
    width: 110px;
    height: 70px; }
  .icon-mobiles {
    background-image: url(./img/sprite.png);
    background-position: -625px 0px;
    width: 142px;
    height: 47px; }
  .icon-moneyru {
    background-image: url(./img/sprite.png);
    background-position: -366px -490px;
    width: 142px;
    height: 48px; }
  .icon_okpay_rub {
    background-image: url(./img/sprite.png);
    background-position: -172px -600px;
    width: 142px;
    height: 34px; }
  .icon_payeer_rub {
    background-image: url(./img/sprite.png);
    background-position: -344px -600px;
    width: 142px;
    height: 31px; }
  .icon_perfectmoney_rub {
    background-image: url(./img/sprite.png);
    background-position: -417px -666px;
    width: 142px;
    height: 29px; }
  .icon_card_rub {
    background-image: url(./img/sprite.png);
    background-position: -625px -77px;
    width: 142px;
    height: 46px; }
  .icon_qiwi_rub {
    background-image: url(./img/sprite.png);
    background-position: -112px -666px;
    width: 111px;
    height: 48px; }
  .icon_yamoney_rub {
    background-image: url(./img/sprite.png);
    background-position: 0px -600px;
    width: 142px;
    height: 36px; }
  .icon-webmoney {
    background-image: url(./img/sprite.png);
    background-position: -625px -514px;
    width: 142px;
    height: 36px; }
  .icon_medal-gold {
    background-image: url(./img/sprite.png);
    background-position: -904px -587px;
    width: 22px;
    height: 31px; }
  .icon_medal-gold-huge {
    background-image: url(./img/sprite.png);
    background-position: -625px -153px;
    width: 70px;
    height: 92px; }
  .icon_medal-gold-large {
    background-image: url(./img/sprite.png);
    background-position: -797px -292px;
    width: 51px;
    height: 66px; }
  .icon_medal-silver-large {
    background-image: url(./img/sprite.png);
    background-position: -797px -196px;
    width: 51px;
    height: 66px; }
  .icon_medal-bronze-large {
    background-image: url(./img/sprite.png);
    background-position: -797px -100px;
    width: 51px;
    height: 66px; }
  .icon_arrow-right {
    background-image: url(./img/sprite.png);
    background-position: -186px -897px;
    width: 14px;
    height: 10px; }
  .icon_arrow-right-white {
    background-image: url(./img/sprite.png);
    background-position: -860px -831px;
    width: 14px;
    height: 12px; }
  .icon_arrow-down-white {
    background-image: url(./img/sprite.png);
    background-position: -965px -666px;
    width: 12px;
    height: 8px; }
  .icon_arrow-up-white {
    background-image: url(./img/sprite.png);
    background-position: -965px -628px;
    width: 12px;
    height: 8px; }
  .icon_counter-bg {
    background-image: url(./img/sprite.png);
    background-position: -797px -388px;
    width: 50px;
    height: 64px; }
  .icon_counter-bg-dark {
    background-image: url(./img/sprite.png);
    background-position: -725px -153px;
    width: 32px;
    height: 44px; }
  .icon_bonus-small-1 {
    background-image: url(./img/sprite.png);
    background-position: -252px -208px;
    width: 181px;
    height: 140px; }
  .icon_bonus-tiny-1 {
    background-image: url(./img/sprite.png);
    background-position: -498px 0px;
    width: 97px;
    height: 83px; }
  .icon_bonus-4 {
    background-image: url(./img/sprite.png);
    background-position: -252px 0px;
    width: 216px;
    height: 178px; }
  .icon_search {
    background-image: url(./img/sprite.png);
    background-position: -904px -819px;
    width: 24px;
    height: 25px; }
  .icon_exit {
    background-image: url(./img/sprite.png);
    background-position: -614px -766px;
    width: 22px;
    height: 22px; }
  .icon_purse {
    background-image: url(./img/sprite.png);
    background-position: -423px -831px;
    width: 22px;
    height: 24px; }
  .icon_star-white {
    background-image: url(./img/sprite.png);
    background-position: -454px -766px;
    width: 24px;
    height: 23px; }
  .icon_arrow-down {
    background-image: url(./img/sprite.png);
    background-position: -140px -897px;
    width: 16px;
    height: 11px; }
  .icon_gamepad {
    background-image: url(./img/sprite.png);
    background-position: 0px -244px;
    width: 216px;
    height: 216px; }
  .icon_safebox {
    background-image: url(./img/sprite.png);
    background-position: 0px 0px;
    width: 222px;
    height: 214px; }
  .icon_star-big {
    background-image: url(./img/sprite.png);
    background-position: -904px -764px;
    width: 26px;
    height: 25px; }
  .icon_star-big-empty {
    background-image: url(./img/sprite.png);
    background-position: -904px -709px;
    width: 26px;
    height: 25px; }
  .icon_info-outline {
    background-image: url(./img/sprite.png);
    background-position: -718px -766px;
    width: 20px;
    height: 20px; }
  .icon_volume {
    background-image: url(./img/sprite.png);
    background-position: -673px -831px;
    width: 18px;
    height: 18px; }
  .icon_play {
    background-image: url(./img/sprite.png);
    background-position: 0px -897px;
    width: 17px;
    height: 21px; }
  .icon_shuffle {
    background-image: url(./img/sprite.png);
    background-position: -508px -766px;
    width: 24px;
    height: 22px; }
  .icon_ruble-sign {
    background-image: url(./img/sprite.png);
    background-position: -392px -378px;
    width: 36px;
    height: 38px; }
  .icon_vip-1-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -475px;
    width: 30px;
    height: 26px; }
  .icon_vip-2-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -190px;
    width: 30px;
    height: 27px; }
  .icon_vip-3-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -419px;
    width: 30px;
    height: 26px; }
  .icon_vip-4-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -363px;
    width: 30px;
    height: 26px; }
  .icon_vip-5-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -531px;
    width: 30px;
    height: 26px; }
  .icon_vip-6-small {
    background-image: url(./img/sprite.png);
    background-position: -904px -247px;
    width: 30px;
    height: 27px; }
  .icon_vip-1-medium {
    background-image: url(./img/sprite.png);
    background-position: -498px -113px;
    width: 92px;
    height: 80px; }
  .icon_vip-2-medium {
    background-image: url(./img/sprite.png);
    background-position: -244px -490px;
    width: 92px;
    height: 80px; }
  .icon_vip-3-medium {
    background-image: url(./img/sprite.png);
    background-position: 0px -490px;
    width: 92px;
    height: 80px; }
  .icon_vip-4-medium {
    background-image: url(./img/sprite.png);
    background-position: -498px -333px;
    width: 92px;
    height: 80px; }
  .icon_vip-5-medium {
    background-image: url(./img/sprite.png);
    background-position: -122px -490px;
    width: 92px;
    height: 80px; }
  .icon_vip-6-medium {
    background-image: url(./img/sprite.png);
    background-position: -498px -223px;
    width: 92px;
    height: 80px; }
  .icon_18 {
    background-image: url(./img/sprite.png);
    background-position: -538px -490px;
    width: 36px;
    height: 36px; }
  .icon_curagao {
    background-image: url(./img/sprite.png);
    background-position: -904px 0px;
    width: 31px;
    height: 36px; }
  .icon_ecorga {
    background-image: url(./img/sprite.png);
    background-position: 0px -831px;
    width: 92px;
    height: 36px; }
  .icon_microgaming {
    background-image: url(./img/sprite.png);
    background-position: -253px -666px;
    width: 134px;
    height: 33px; }
  .icon_netent {
    background-image: url(./img/sprite.png);
    background-position: 0px -766px;
    width: 99px;
    height: 35px; }
  .icon_lock_small {
    background-image: url(./img/sprite.png);
    background-position: -475px -831px;
    width: 20px;
    height: 24px; }
  .icon_popup-panel_toggle {
    background-image: url(./img/sprite.png);
    background-position: -965px -228px;
    width: 11px;
    height: 18px; }

svg {
  pointer-events: none; }

.svg-gift {
  width: 20px;
  height: 20px;
  fill: #4B3956; }

.svg-star {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  fill: #ffea00; }
  .svg-star .esvg-star-shadow {
    fill: #000; }
  .svg-star_disabled {
    fill: #08203a;
    stroke: #15355A;
    stroke-width: 1px;
    opacity: 0.3; }

.svg-cancel {
  fill: #fff; }

.svg__close {
  width: 17px;
  height: 17px;
  fill: rgba(255, 255, 255, 0.3);
  transition: fill 0.3s ease; }
  .svg__close:hover {
    fill: #fff; }

.svg-yandex {
  width: 142px;
  height: 36px; }

.svg-visa-mastercard {
  width: 142px;
  height: 46px; }

.svg-webmoney {
  width: 142px;
  height: 36px; }

.svg-qiwi {
  width: 112px;
  height: 48px; }

.svg-walletone {
  width: 82px;
  height: 70px; }

.svg-okpay {
  width: 142px;
  height: 34px; }

.svg-payeer {
  width: 142px;
  height: 30px; }

.svg-perfect-money {
  width: 142px;
  height: 30px; }

.svg-comepay {
  width: 77px;
  height: 70px; }

.svg-bitcoin {
  width: 142px;
  height: 32px; }

.svg-contact {
  width: 110px;
  height: 70px; }

.svg-moneyru {
  width: 142px;
  height: 47px; }

.svg-terminal {
  width: 142px;
  height: 48px; }

.svg-card_rub {
  width: 142px;
  height: 48px; }

.svg-money {
  width: 27px;
  height: 18px; }

.svg_vkontakte {
  width: 23px;
  height: 13px; }

.svg_odnoklassniki {
  width: 14px;
  height: 23px; }

.svg_twitter {
  width: 20px;
  height: 17px; }

.svg_facebook {
  width: 12px;
  height: 25px; }

.svg_mailru {
  width: 24px;
  height: 24px;
  fill: #fff; }

.svg_telegram {
  width: 22px;
  height: 25px;
  fill: #fff; }

.ps-theme-tabs {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-theme-tabs {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-tabs {
      overflow: auto !important; } }
  .ps-theme-tabs.ps-active-x > .ps-scrollbar-x-rail,
  .ps-theme-tabs.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: #15141e; }
  .ps-theme-tabs.ps-in-scrolling {
    pointer-events: none; }
    .ps-theme-tabs.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #15141e;
      opacity: 0.9; }
      .ps-theme-tabs.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #4d4b63; }
    .ps-theme-tabs.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #15141e;
      opacity: 0.9; }
      .ps-theme-tabs.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #4d4b63; }
  .ps-theme-tabs > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 1px;
    opacity: 0.9;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-theme-tabs > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #4d4b63;
      border-radius: 1px;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-theme-tabs > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 1px;
    opacity: 0.9;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-theme-tabs > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #4d4b63;
      border-radius: 1px;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-theme-tabs:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-theme-tabs:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #15141e;
      opacity: 0.9; }
      .ps-theme-tabs:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #4d4b63; }
    .ps-theme-tabs:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #15141e;
      opacity: 0.9; }
      .ps-theme-tabs:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #4d4b63; }
  .ps-theme-tabs:hover > .ps-scrollbar-x-rail,
  .ps-theme-tabs:hover > .ps-scrollbar-y-rail {
    opacity: 1; }
  .ps-theme-tabs:hover > .ps-scrollbar-x-rail:hover {
    background-color: #15141e;
    opacity: 0.9; }
    .ps-theme-tabs:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #4d4b63; }
  .ps-theme-tabs:hover > .ps-scrollbar-y-rail:hover {
    background-color: #15141e;
    opacity: 0.9; }
    .ps-theme-tabs:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #4d4b63; }

.ps-theme-details {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-theme-details {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-details {
      overflow: auto !important; } }
  .ps-theme-details.ps-active-x > .ps-scrollbar-x-rail,
  .ps-theme-details.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: #1c2c3e; }
  .ps-theme-details.ps-in-scrolling {
    pointer-events: none; }
    .ps-theme-details.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #1c2c3e;
      opacity: 0.9; }
      .ps-theme-details.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #2d82c3; }
    .ps-theme-details.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #1c2c3e;
      opacity: 0.9; }
      .ps-theme-details.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #2d82c3; }
  .ps-theme-details > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 3px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-theme-details > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #2d82c3;
      border-radius: 3px;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-theme-details > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 3px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-theme-details > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #2d82c3;
      border-radius: 3px;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-theme-details:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-theme-details:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #1c2c3e;
      opacity: 0.9; }
      .ps-theme-details:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #2d82c3; }
    .ps-theme-details:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #1c2c3e;
      opacity: 0.9; }
      .ps-theme-details:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #2d82c3; }
  .ps-theme-details:hover > .ps-scrollbar-x-rail,
  .ps-theme-details:hover > .ps-scrollbar-y-rail {
    opacity: 1; }
  .ps-theme-details:hover > .ps-scrollbar-x-rail:hover {
    background-color: #1c2c3e;
    opacity: 0.9; }
    .ps-theme-details:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #2d82c3; }
  .ps-theme-details:hover > .ps-scrollbar-y-rail:hover {
    background-color: #1c2c3e;
    opacity: 0.9; }
    .ps-theme-details:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #2d82c3; }

.ps-hidden-details {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-hidden-details {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-hidden-details {
      overflow: auto !important; } }
  .ps-hidden-details.ps-active-x > .ps-scrollbar-x-rail,
  .ps-hidden-details.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-hidden-details.ps-in-scrolling {
    pointer-events: none; }
    .ps-hidden-details.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: transparent;
      opacity: 0; }
      .ps-hidden-details.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: transparent; }
    .ps-hidden-details.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: transparent;
      opacity: 0; }
      .ps-hidden-details.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: transparent; }
  .ps-hidden-details > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 3px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-hidden-details > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: transparent;
      border-radius: 3px;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-hidden-details > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 3px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-hidden-details > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: transparent;
      border-radius: 3px;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-hidden-details:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-hidden-details:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: transparent;
      opacity: 0; }
      .ps-hidden-details:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: transparent; }
    .ps-hidden-details:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: transparent;
      opacity: 0; }
      .ps-hidden-details:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: transparent; }
  .ps-hidden-details:hover > .ps-scrollbar-x-rail,
  .ps-hidden-details:hover > .ps-scrollbar-y-rail {
    opacity: 0; }
  .ps-hidden-details:hover > .ps-scrollbar-x-rail:hover {
    background-color: transparent;
    opacity: 0; }
    .ps-hidden-details:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: transparent; }
  .ps-hidden-details:hover > .ps-scrollbar-y-rail:hover {
    background-color: transparent;
    opacity: 0; }
    .ps-hidden-details:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: transparent; }

.ps-theme-hidden > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: transparent !important; }

.title {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffff;
  margin: 0; }
  .title_color_accent {
    color: #fff000; }
  .title_color_important {
    color: #ff1e00; }
  .title_font_hugest {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #ffff; }
  .title_font_huge {
    font-size: 30px; }
  .title_font_largest {
    font-size: 23px; }
  .title_font_large {
    font-size: 19px; }
  .title_font_smaller {
    font-size: 15px; }
  .title_font_smallest {
    font-size: 14px; }
  .title_family_base {
    font-family: 'Roboto', sans-serif; }
  .title_align_center {
    text-align: center; }

.button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 11px 21px;
  background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  border: none;
  color: #4B3956;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  transition: box-shadow 0.2s ease; }
  .button:hover {
    background: linear-gradient(180deg, #FFFDC8 30%, #FFD600 100%);
    box-shadow: none !important;
    color: #4B3956; }
  .button:active {
    color: #fff; }
  .button.disabled {
    pointer-events: none !important; }
  .button:disabled {
    pointer-events: none !important;
    box-shadow: none !important;
    opacity: .5; }
  .button.button-loading:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, 0.5);
    z-index: 1; }
  .button.button-loading:after {
    position: absolute;
    content: " ";
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    z-index: 1;
    border: 0.4em solid rgba(0, 0, 0, 0.25);
    border-top-color: rgba(0, 0, 0, 0.75);
    border-radius: 50%;
    animation: button-spin .5s linear infinite; }

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

.button_font_cond {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold; }

.button_small {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  padding: 1px 5px;
  background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  color: #ffff; }

.button_shape_round {
  padding: 9px 20px 8px;
  background-color: #ff6526;
  background-image: linear-gradient(180deg, #ffb11a 0%, #ff0036 100%);
  border-radius: 17px;
  border: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 3px 2px rgba(4, 4, 4, 0.26);
  display: inline-block;
  text-shadow: 0 1px 0 rgba(4, 4, 4, 0.26);
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase; }
  .button_shape_round:hover {
    background-color: #f24600;
    background-image: linear-gradient(180deg, #e69800 0%, #cc002b 100%);
    box-shadow: none; }

.button_color_red {
  background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  color: #ffff; }
  .button_color_red:hover {
    background: linear-gradient(180deg, #FF1F47 30%, #A70220 100%);
    box-shadow: none !important;
    color: #ffff; }

.button_color_green {
  background-color: #1cc43b;
  background-image: linear-gradient(140deg, #1cc43b 0%, #5bb131 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.39); }
  .button_color_green:hover {
    background-color: #16972e;
    background-image: linear-gradient(140deg, #16972e 0%, #468926 100%);
    box-shadow: none; }

.button_color_palegreen {
  background-color: #14c471;
  background-image: linear-gradient(180deg, #18e581 0%, #0e9b5d 100%);
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 4px 8px rgba(0, 0, 0, 0.13); }
  .button_color_palegreen:hover {
    background-color: #0f9656;
    background-image: linear-gradient(180deg, #13b767 0%, #0a6c41 100%);
    box-shadow: none; }

.button_color_paleblue {
  background-color: #4c7099;
  background-image: none;
  box-shadow: inset 0 0 2.9px 1.1px rgba(255, 255, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 1px rgba(13, 25, 39, 0.37); }
  .button_color_paleblue:hover {
    background-color: #3b5777;
    box-shadow: none; }

.button_color_brightblue {
  background-color: #388ad6;
  background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .button_color_brightblue:hover {
    background-color: #2570b6;
    background-image: linear-gradient(180deg, #2a92cc 0%, #1c56a6 100%);
    box-shadow: none; }

.button_color_transp {
  background-color: #264061;
  background-image: none;
  box-shadow: inset 0 0 6px 1px rgba(255, 255, 255, 0.17), 0 1px 1px rgba(0, 0, 0, 0.28); }
  .button_color_transp:hover {
    background-color: #18283c;
    box-shadow: none; }

.button_style_flat {
  width: 79px;
  height: 33px;
  background-color: #3c3a4f;
  border-radius: 2px;
  background-image: none;
  box-shadow: inset 0 1px 0 #494767, 0 1px 0 #1a1925;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase; }
  .button_style_flat:hover {
    box-shadow: inset 0 1px 0 #494767, 0 1px 0 #1a1925; }

.button_light {
  background: transparent;
  border: none;
  padding: 5px 14px;
  color: #fff;
  text-decoration: underline;
  cursor: pointer; }
  .button_light:hover {
    color: #a09f9f; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .button_light {
      margin: 20px 0; } }
  @media only screen and (max-width: 767px) {
    .button_light {
      margin: 20px 0; } }

.input {
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .input__label {
    display: block;
    position: relative; }
  .input__inner {
    width: 256px;
    height: 56px;
    background-color: #181723;
    border-radius: 2px;
    border: none;
    box-shadow: inset 0 1px 0 #0d0c13, 0 1px 0 #323144;
    color: #a5a3bd;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    padding: 0 21px; }
    .input_withbutton .input__inner {
      width: 253px;
      height: 43px;
      background-color: #183556;
      border: 1px solid #435c77;
      border-radius: 2px;
      box-shadow: inset 0 0 6px 1px rgba(255, 255, 255, 0.17), inset -121px 0 0 rgba(0, 0, 0, 0.09);
      color: #fff;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 12px;
      display: block; }

.input.has-error > .input__inner {
  border-color: #FF1F47; }

.checkbox {
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .checkbox__inner {
    display: none; }
  .checkbox__label {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    position: relative; }
    .checkbox__label:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 17px;
      height: 17px;
      background-color: #100f1b;
      border-radius: 1px;
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.38), 0 1px 0 #222130; }
    .checkbox__inner:checked + .checkbox__label:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 17px;
      height: 17px;
      background-color: #fda31b;
      background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
      border-radius: 1px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .checkbox__label:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 2px;
      background-image: url(./img/sprite.png);
      background-position: -965px -418px;
      width: 13px;
      height: 13px;
      opacity: 0;
      color: #FF1F47; }
    .checkbox__inner:checked + .checkbox__label:after {
      content: '';
      opacity: 1; }

.checkbox_dark .checkbox__label {
  font-size: 14px;
  line-height: 25px;
  padding-left: 34px;
  font-weight: 500;
  color: #fff; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .checkbox_dark .checkbox__label {
      font-size: 13px; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .checkbox_dark .checkbox__label {
      font-size: 13px; } }
  .checkbox_dark .checkbox__label:before {
    width: 25px;
    height: 25px;
    background-color: #D3D1D1;
    border-radius: 2px; }
  .checkbox_dark .checkbox__label:after {
    width: 18px;
    height: 18px;
    background: none;
    content: '\2713'; }

.checkbox_dark .checkbox__inner:checked + .checkbox__label:before {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #D3D1D1;
  border: none; }

.checkbox_dark .checkbox__inner:checked + .checkbox__label:after {
  content: '\2713';
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  bottom: 4px;
  left: 4px; }

.radiobutton {
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .radiobutton__inner {
    display: none; }
  .radiobutton__label {
    color: #fff;
    font-weight: 400;
    padding-left: 28px;
    cursor: pointer;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.29);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 18px; }
    .radiobutton__label:before, .radiobutton__label .radiobutton__inner:checked:before {
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      left: 0;
      top: 4px;
      width: 12px;
      height: 12px;
      background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 1.4px 2.7px 1px rgba(0, 0, 0, 0.18); }
    .radiobutton__label:after {
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      top: 6px;
      left: 2px;
      background-color: #fff;
      opacity: 0; }
    .radiobutton__inner:checked + .radiobutton__label:after {
      content: '';
      opacity: 1; }

.wrap {
  margin: 0 auto;
  width: 940px; }
  @media screen and (max-width: 1240px) {
    .wrap {
      width: 100%; } }
  @media only screen and (min-width: 1440px) {
    .wrap {
      width: 1420px; } }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .wrap {
      width: 1280px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .wrap {
      width: 700px; } }
  @media only screen and (max-width: 767px) {
    .wrap {
      width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .hero__wrap {
    width: 100%; } }

.section {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: table;
  padding: 0 20px; }
  @media only screen and (min-width: 1440px) {
    .section {
      width: 1420px;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .section {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .section {
      width: 100%;
      max-width: 100%;
      display: block;
      position: relative; } }
  .section__main {
    display: table-cell;
    vertical-align: top;
    position: relative;
    background: transparent;
    width: 100%; }
    .section_full .section__main.tournament-section {
      box-shadow: none; }
      .section_full .section__main.tournament-section:before {
        content: none; }
    .section_full .section__main:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 200px;
      border-radius: 5px 5px 0 0;
      box-shadow: inset 0 1px 0 0 #334356, inset -1px 0 0 0 #2d517d, inset 1px 0 0 0 #2d517d;
      background-image: linear-gradient(173deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(188deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%); }
    .section_full .section__main-lottery {
      background: #036;
      box-shadow: none;
      border: 1px solid #2d517d; }
      .section_full .section__main-lottery:after, .section_full .section__main-lottery:before {
        content: none; }
      .section_full .section__main-lottery .main_lottery-details {
        padding: 0; }
      .section_full .section__main-lottery .panel {
        padding: 20px; }
        .section_full .section__main-lottery .panel__cell {
          vertical-align: top; }
      .section_full .section__main-lottery .img_overflow {
        margin: 0; }
    @media only screen and (max-width: 767px) {
      .section__main {
        width: 100%;
        display: block;
        position: relative;
        background-image: none; } }
  .section__aside {
    min-width: 300px;
    display: table-cell;
    vertical-align: top;
    background-color: #4B3956; }
    @media only screen and (min-width: 1440px) {
      .section__aside {
        min-width: 460px; } }
    @media only screen and (max-width: 767px) {
      .section__aside {
        min-width: 100%;
        display: block;
        position: relative; }
        .section_promo .section__aside {
          background-color: #122d4c; } }
  .section_winsline {
    margin-top: 15px;
    overflow: hidden;
    display: block; }
    @media only screen and (max-width: 767px) {
      .section_winsline {
        padding-left: 10px;
        padding-right: 10px; } }
  .section_promo {
    margin-top: 10px; }
  .section_main {
    margin-top: 15px;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .section_main {
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .section_main {
        height: auto; } }
  .section_full {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 34px; }
    @media only screen and (min-width: 1440px) {
      .section_full {
        width: 1420px; } }
    @media only screen and (max-width: 1440px) {
      .section_full {
        width: 1180px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .section_full {
        width: 1180px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .section_full {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .section_full {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .section_full {
        width: 100%; } }
  .section-lottery_full {
    margin: 0;
    background: #001a3b;
    width: 100%; }
    .section-lottery_full.real-lottery {
      margin: 34px auto 0; }

.section_promo .section__main {
  background: none; }

.table {
  width: 100%;
  border-collapse: collapse; }
  .table__row {
    height: 31px; }
    .table_leaderboard .table__row {
      height: 31px; }
      .leaderboard .table_leaderboard .table__row.signed_in_user {
        background: #31518d;
        border-bottom: 1px solid #3a84c6;
        box-shadow: inset 0 1px 0 1px #3a84c6; }
    .table__row:nth-child(odd) {
      height: 31px;
      background-color: #132d4b; }
      .table_promo .table__row:nth-child(odd) {
        background-color: #3d628e; }
      .table_leaderboard .table__row:nth-child(odd) {
        background-color: #263c65;
        height: 31px; }
    .table__row_active.table__row .table__cell {
      background-color: #3668a2;
      box-shadow: inset 0 1px 0 #5a88bd;
      color: #fff; }
      .table__row_active.table__row .table__cell:first-child {
        text-align: center; }
      .table_promo .table__row_active.table__row .table__cell {
        background-color: transparent;
        box-shadow: none; }
    .table__row_empty {
      height: 26px; }
  .table__cell {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #88add7;
    text-align: left;
    white-space: nowrap; }
    .table__cell_fluid.table__cell {
      width: 100%; }
      .table_leaderboard .table__cell_fluid.table__cell {
        width: 100%; }
    .table_promo .table__cell {
      color: #fff; }
    .table__headrow .table__cell {
      color: #ffff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 4px 0 16px;
      text-align: left; }
      .table.table_leaderboard .table__headrow .table__cell {
        padding: 0 0 5px;
        color: #ffff;
        font-weight: bold; }
    .table_promo .table__headrow .table__cell {
      color: #c8c7dc;
      padding: 0 0 14px; }
    .table_leaderboard .table__headrow .table__cell,
    .table_gameplay .table__headrow .table__cell {
      color: #fff;
      padding: 0 0 14px;
      font-family: 'Roboto', sans-serif; }
    .table__headrow .table__cell:first-child {
      padding: 4px 10px 16px;
      text-transform: uppercase;
      text-align: center; }
    .table_promo .table__headrow .table__cell:first-child {
      padding: 0 10px 14px;
      width: 1px; }
    .table_promo .table__headrow .table__cell:last-child {
      padding: 0 10px 14px;
      width: 1px; }
    .table_leaderboard .table__headrow .table__cell:last-child,
    .table_leaderboard .table__headrow .table__cell:nth-child(3) {
      text-align: right;
      padding-right: 20px; }
    .table__body .table__cell:first-child {
      width: 1px;
      text-align: center;
      padding: 0 10px;
      text-transform: uppercase;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    .table__body .table__cell:last-child {
      width: 1px;
      text-align: right;
      padding: 0 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
    .table_leaderboard .table__body .table__cell:last-child,
    .table_leaderboard .table__body .table__cell:nth-child(3) {
      padding: 0 20px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .table_leaderboard .table__body .table__cell:last-child,
        .table_leaderboard .table__body .table__cell:nth-child(3) {
          text-overflow: ellipsis;
          overflow: hidden;
          max-width: 106px;
          padding: 0 10px; } }
    .table_leaderboard .table__body .table__cell:nth-child(3) {
      text-align: right; }
  .table .overflow_outer {
    max-width: 58px; }
  .table .overflow_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.aside {
  display: block;
  position: relative; }
  .aside_promo {
    padding: 30px 24px 30px 26px; }
  @media only screen and (max-width: 767px) {
    .aside__promo-bonus_fixed {
      max-width: 268px;
      margin: 0 auto; } }
  .aside__promo-table {
    margin-top: 3px;
    padding-top: 16px;
    background-color: #2f527b;
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.13), inset 0 -3px 0 #214166, 0 3px 8px rgba(0, 0, 0, 0.19); }
    @media only screen and (max-width: 767px) {
      .aside__promo-table_fixed {
        max-width: 268px;
        margin: 0 auto; } }
  .aside__search {
    display: block;
    height: 100px;
    position: relative;
    padding: 29px 20px 20px;
    background: #54435E; }
    @media only screen and (min-width: 1440px) {
      .aside__search {
        padding: 30px 15px 30px; } }
    @media only screen and (max-width: 767px) {
      .aside__search {
        margin-bottom: 10px; } }
  .aside__curtour {
    flex: 1;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    padding: 0 5px;
    height: 60px; }
    .aside__curtour:first-child:last-child {
      width: 50%; }
    .aside__curtour.active {
      background: #4B3956;
      box-shadow: inset 0px 3px 0px #FFF6A2;
      border-radius: 4px 4px 0px 0px; }
      .aside__curtour.active .aside__icon img {
        max-width: 100%;
        max-height: 100%;
        filter: grayscale(0%); }
      .aside__curtour.active .aside__subtitle {
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        -webkit-background-clip: text;
        color: transparent; }
    .aside__curtour .aside__icon {
      height: 50px;
      width: 50px;
      margin-top: 5px; }
      .aside__curtour .aside__icon > img {
        max-width: 100%;
        max-height: 100%;
        filter: grayscale(100%); }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .aside__curtour .aside__icon {
          display: none; } }
  .aside__icon {
    display: inline-block; }
    .aside__icon object {
      height: 50px; }
    .aside__icon_info {
      cursor: pointer;
      position: relative;
      top: 0;
      padding: 4px 0 0;
      text-align: center;
      line-height: 33px;
      width: 21px;
      height: 21px;
      font-size: 0;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(255, 253, 200, 0.5) 0%, rgba(255, 214, 0, 0.5) 100%); }
      .aside__icon_info .icon_info {
        background-position: -965px -538px;
        width: 7px;
        height: 24px;
        position: relative;
        top: -7px; }
  .aside__tooltip.tooltip {
    display: none;
    right: -5px;
    top: 29px; }
    .aside__icon_info:hover .aside__tooltip.tooltip {
      display: block; }
  .aside__title > .title_aside {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    line-height: 25px;
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block; }
    @media screen and (max-width: 1500px) {
      .aside__title > .title_aside {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .aside__title > .title_aside {
        font-size: 13px; } }
  .aside__subtitle {
    color: #D3D1D1;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 5px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .aside__subtitle {
        padding-bottom: 5px;
        padding-left: 0;
        text-align: center;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .aside__subtitle {
        font-size: 21px;
        line-height: 1; } }
    @media only screen and (min-width: 1440px) {
      .aside__subtitle {
        font-size: 21px;
        line-height: 1; } }
  .aside__tournament {
    margin-top: 20px;
    padding-bottom: 20px; }

#tournament-tab .aside__tournament {
  margin-top: 10px; }

.sidebar-tabs_header {
  display: flex; }

.sidebar-tab {
  display: none; }
  .sidebar-tab:first-child:last-child {
    display: block; }
  .sidebar-tab.active {
    display: block; }

.aside__search__wrap {
  padding: 0 10px; }

.main {
  display: block;
  position: relative; }
  .main__inner {
    text-align: left; }
  .main .main__inner {
    margin-left: -10px;
    margin-top: -10px; }
    @media only screen and (max-width: 767px) {
      .main .main__inner {
        margin: 0 auto; } }
  .main_gallery {
    padding: 0;
    font-size: 0; }
  .main_promo {
    padding: 10px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .main_promo {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .main_promo {
        padding: 30px 26px 10px;
        width: 100%; } }
    .main_promo__inner .promo-panel {
      padding: 20px;
      background: #54435E; }
    .main_promo__inner .promo-panel__cell:first-child {
      padding: 20px 20px 0px;
      box-shadow: none;
      text-align: center; }
    .main_promo__inner .promo-panel__cell {
      background: transparent;
      padding-top: 0; }
    .main_promo__inner .button__back {
      text-align: center; }
  @media only screen and (max-width: 767px) {
    .main_profile {
      width: calc(100% - 1px); } }
  .main_promo-details {
    padding: 30px 30px 95px 30px;
    background-color: #122d4c; }
    @media only screen and (max-width: 767px) {
      .main_promo-details {
        padding: 30px 30px 30px; } }
  .main_tournament {
    padding: 0 20px 30px 20px; }
  .main_tournament-details {
    text-align: center;
    padding: 0 26px 28px; }
    @media only screen and (max-width: 767px) {
      .main_tournament-details {
        padding: 0 0 40px; } }
  .main_lottery {
    padding: 0 20px 28px 20px; }
  .main_lottery-details {
    text-align: center;
    padding: 0px;
    width: 1420px;
    max-width: 100%;
    margin: 0 auto;
    background: #54435E; }
    @media only screen and (max-width: 767px) {
      .main_lottery-details {
        padding: 0; } }
  .main__item {
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    .main_gallery .main__item {
      margin: 10px 10px; }
    .main_promo .main__item {
      flex-basis: 47%;
      margin-right: 20px;
      margin-bottom: 20px; }
      .main_promo .main__item:last-child {
        margin-bottom: 0; }
    .main_tournament .main__item {
      display: block;
      background: #4B3956;
      width: 870px;
      margin: 0 auto 32px;
      max-width: 100%; }
      .main_tournament .main__item:hover {
        background: #1a497e; }
      .main_tournament .main__item:last-child {
        margin-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .main_tournament .main__item {
          width: 700px; } }

.header {
  display: table;
  position: relative;
  background: linear-gradient(200deg, #7D5858 0%, #2A1337 100%);
  height: 140px;
  width: 100%; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .header {
      overflow: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .header {
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .header {
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .header {
      min-height: 156px;
      height: 156px;
      z-index: 10;
      overflow: auto; } }
  .header__left {
    display: table-cell;
    background-position: center bottom;
    background-repeat: repeat-x; }
  .header__right {
    display: table-cell;
    background-position: center bottom;
    background-repeat: repeat-x; }
  .header__wrap {
    display: table-cell;
    z-index: 1;
    position: relative;
    height: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__wrap {
        width: 100%; } }
    .header__wrap_bg {
      height: 140px;
      width: 1515px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 0; }
      @media only screen and (min-width: 1440px) {
        .header__wrap_bg {
          background-position: bottom 0 left -10px;
          /* background-size: cover; */
          background-repeat: no-repeat; } }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .header__wrap_bg {
          background-position: bottom 0 left -162px; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .header__wrap_bg {
          background-position: bottom 0 left -160px; } }
      @media only screen and (max-width: 767px) {
        .header__wrap_bg {
          background-position: bottom 0 left -168px;
          background: none;
          width: 100%; } }
    .header__wrap_scroll {
      overflow-y: auto;
      touch-action: initial; }
  .header__toppanel {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 285px; }
    @media (max-device-width: 1230px) {
      .header__toppanel {
        padding-left: 240px; } }
    @media (max-device-width: 1024px) {
      .header__toppanel {
        padding-left: 220px; } }
    @media only screen and (min-width: 1440px) {
      .header__toppanel {
        padding-left: 320px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__toppanel {
        padding-left: 165px; } }
    @media only screen and (max-width: 767px) {
      .header__toppanel {
        position: relative;
        padding-left: 0; } }
    .header__toppanel.open {
      position: fixed;
      z-index: 100;
      background-color: #2A1337; }
    @media only screen and (max-width: 767px) {
      .header__toppanel .signup {
        height: 36px; }
      .header__toppanel .signup__button {
        padding: 10px 9px; }
      .header__toppanel .head-panel {
        width: auto;
        display: block;
        z-index: 2;
        right: 19px;
        position: absolute;
        top: 64px; }
      .header__toppanel .head-panel__cell_fluid {
        display: none; } }
  .header__logo {
    display: block;
    top: -4px;
    left: 4px;
    position: absolute;
    z-index: 1;
    width: 247px;
    height: 163px;
    background-image: url(./img/logo.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat; }
    @media (max-device-width: 1230px) {
      .header__logo {
        width: 20%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__logo {
        width: 20%; } }
    @media only screen and (max-width: 767px) {
      .header__logo {
        width: 148px;
        height: 110px;
        top: 55px;
        left: 0px; } }
    @media only screen and (max-width: 767px) {
      .header__logo {
        left: 10px;
        transform: translatey(-60%); } }
  .header__panel {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: -15px;
    width: 20%;
    transform: translateX(200%); }
    .header__panel.open {
      display: block;
      position: fixed;
      overflow: scroll;
      overflow-x: hidden;
      bottom: 0;
      background-color: #2A1337;
      right: 0;
      left: 0;
      top: 50px;
      z-index: 2; }
    @media only screen and (min-width: 1440px) {
      .header__panel {
        padding: 37px 0 0 0; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .header__panel {
        padding: 34px 0 0 0; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .header__panel {
        padding: 34px 0 0 0;
        width: 25%;
        transform: translateX(130%); } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__panel {
        padding: 28px 0 0 0;
        transform: translateX(130%); } }
    @media only screen and (max-width: 767px) {
      .header__panel {
        display: flex;
        top: 62px;
        z-index: 99;
        padding: 2px 7px;
        width: 100%;
        transform: translateX(0%);
        right: 0;
        justify-content: space-around; }
        .header__panel .head-panel {
          display: none; } }
    .header__panel_logged {
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      top: -10px;
      width: 20%;
      transform: translateX(370%); }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .header__panel_logged {
          padding: 37px 0 0 0; } }
      @media only screen and (max-width: 767px) {
        .header__panel_logged {
          display: none; } }
      @media (max-device-width: 1250px) {
        .header__panel_logged {
          transform: translateX(350%); } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .header__panel_logged {
          padding: 26px 0 0 0;
          width: 30%;
          transform: translateX(200%); } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .header__panel_logged {
          padding: 18px 0 0 0;
          transform: translateX(300%); } }
      @media only screen and (max-width: 767px) {
        .header__panel_logged {
          width: 100%;
          transform: translateX(0%); } }
    @media only screen and (max-width: 767px) {
      .header__panel .signup {
        height: 36px; }
      .header__panel .signup__button {
        padding: 10px 9px; } }
  .header__head-nav {
    display: block;
    padding-left: 260px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__head-nav {
        padding-left: 160px;
        z-index: 1; } }
    @media only screen and (max-width: 767px) {
      .header__head-nav {
        height: 106px;
        padding-left: 184px;
        bottom: auto;
        top: 50px; }
        .header__head-nav .nav {
          display: none; } }
  .header_panel-open {
    height: 100%;
    overflow: auto;
    display: block;
    z-index: 1000; }
    .header_panel-open .header__wrap {
      display: block;
      height: 100%;
      min-height: 660px;
      width: 100%;
      max-width: 100%; }
  .header__confirm-email {
    min-height: 37px;
    background-image: linear-gradient(100deg, #0075c8, #5babe4);
    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:first-child:before {
      content: url("./img/tg-icon.png");
      position: relative;
      top: 7px;
      padding-right: 10px; }
    .header__confirm-email .confirm-email__txt {
      width: 940px;
      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; }
      @media only screen and (min-width: 1440px) {
        .header__confirm-email .confirm-email__txt {
          width: 1280px; } }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .header__confirm-email .confirm-email__txt {
          width: 1180px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .header__confirm-email .confirm-email__txt {
          width: 700px;
          font-size: 10px; } }
      @media only screen and (max-width: 767px) {
        .header__confirm-email .confirm-email__txt {
          width: 100%;
          max-width: 480px; } }
    .header__confirm-email .confirm-email__close {
      position: absolute;
      right: 35px;
      top: 7px; }
    .header__confirm-email .confirm-email__btn {
      background-color: #fff;
      box-shadow: 0 1px 5.7px 0.3px #003962;
      text-align: center;
      display: inline-block;
      color: #0167b1;
      text-transform: uppercase;
      border-radius: 40px;
      margin: 5px;
      position: relative;
      top: -2px;
      padding: 5px 10px;
      text-shadow: none; }
  .header .game_active_bonus_title {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #FDA31B;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
    margin-top: 0; }
  .header .header__panel_logged {
    right: 80px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header .header__panel_logged {
        right: 60px;
        top: 0; } }
  .header .in_mobile_menu {
    display: none; }
  .header .header__panel_logged.open {
    right: 0px; }
    .header .header__panel_logged.open .user-panel__countpad.countpad .countpad__counter {
      right: 29%;
      top: 8px;
      box-shadow: none; }
    .header .header__panel_logged.open .in_mobile_menu {
      display: block;
      margin: 0;
      transform: translatey(0%);
      width: 100%; }
      .header .header__panel_logged.open .in_mobile_menu .user-toppanel__item_balance {
        background: rgba(255, 255, 255, 0.05);
        border-radius: 2px;
        width: 100%;
        text-align: center; }
    .header .header__panel_logged.open .user-panel__countpad.countpad i {
      display: none; }
  .header .header__toppanel_logged {
    top: 10px; }
    @media only screen and (max-width: 767px) {
      .header .header__toppanel_logged {
        top: 0; } }

.head-panel {
  display: table;
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0;
  text-transform: uppercase;
  color: #fff;
  margin-left: 24px;
  margin-top: 3px;
  width: calc(100% - 186px); }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .head-panel {
      display: flex;
      margin-left: 0; } }
  .head-panel__cell {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    white-space: nowrap; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .head-panel__cell {
        display: inline-block;
        vertical-align: middle;
        width: auto; } }
    @media only screen and (max-width: 767px) {
      .head-panel__cell {
        display: block;
        width: 130px; } }
    .head-panel__cell_fluid {
      width: auto;
      text-align: right;
      padding-right: 100px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .head-panel__cell_fluid {
          padding-right: 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .head-panel__cell_fluid {
          padding-right: 30px; } }
      @media only screen and (max-width: 767px) {
        .head-panel__cell_fluid {
          display: block; } }
  .head-panel__button {
    margin-left: 10px;
    margin-right: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .head-panel__button {
        margin-left: 10px;
        margin-right: 0px; } }
  .head-panel__caption {
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
    line-height: 42px;
    white-space: normal; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .head-panel__caption {
        display: none; } }
  .head-panel__socials {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 21px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .head-panel__socials {
        margin-left: 8px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .head-panel__socials .socials__item {
        width: 36px;
        height: 36px;
        margin-right: 6px; } }

.mobile-panel {
  display: none;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .mobile-panel {
      display: flex;
      z-index: 1;
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .mobile-panel.in_guest {
      display: block;
      z-index: 1;
      margin: 0; } }
  .mobile-panel__button {
    display: block;
    width: 130px;
    height: 36px;
    padding: 10px 9px;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    z-index: 2;
    min-width: 130px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.11);
    border-radius: 2px; }
    @media only screen and (max-width: 767px) {
      .mobile-panel__button {
        display: block;
        width: 140px;
        height: 48px;
        padding: 10px 9px;
        font-size: 18px;
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 26px;
        outline: none;
        z-index: 2;
        min-width: 130px;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.11);
        border-radius: 2px;
        margin-right: 20px;
        font-weight: bold; } }
    .mobile-panel__button_blue {
      margin: 0;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .mobile-panel__action {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px; }
    .mobile-panel__action > a {
      margin-right: 7px; }
    @media only screen and (max-width: 767px) {
      .mobile-panel__action {
        margin-top: 25px; } }
  .mobile-panel__countpad.countpad {
    display: block;
    width: 35px;
    height: 35px; }
    @media only screen and (max-width: 767px) {
      .mobile-panel__countpad.countpad {
        width: 45px;
        height: 45px; } }
    @media only screen and (max-width: 767px) {
      .mobile-panel__countpad.countpad .countpad__counter {
        width: 19px;
        height: 19px;
        top: -7px;
        font-size: 13px; } }
  .mobile-panel__cashier {
    display: block;
    padding: 9px 7px;
    width: 87px;
    font-size: 16px;
    line-height: 17px;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .mobile-panel__cashier {
        padding: 13px 7px; } }

.user-panel {
  display: table;
  width: 100%;
  position: relative;
  font-size: 0;
  border-collapse: collapse; }
  @media only screen and (max-width: 767px) {
    .user-panel {
      display: block; } }
  .user-panel__cell {
    display: flex;
    align-self: center;
    align-items: center;
    width: 100% !important;
    justify-content: flex-end; }
    @media only screen and (max-width: 767px) {
      .user-panel__cell {
        display: block;
        width: 100%; } }
    .user-panel__cell_action {
      text-align: right; }
      .header__panel_logged.open .user-panel__cell_action {
        width: 100%;
        text-align: left; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .user-panel__cell_action {
          min-width: 84px; } }
    .user-panel__cell_status {
      width: 1px;
      max-width: 40px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .user-panel__cell_status {
          max-width: 60px; } }
      @media only screen and (max-width: 767px) {
        .user-panel__cell_status {
          display: none; } }
  .user-panel__status.status {
    display: block;
    vertical-align: top;
    position: relative;
    margin-left: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-panel__status.status {
        display: none; } }
  .user-panel__rating.rating {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 12px;
    width: 160px; }
    .user-panel__cell_bonus .user-panel__rating.rating {
      margin-left: 62px;
      width: 144px; }
      .user-panel__cell_bonus .user-panel__rating.rating .rating__info {
        bottom: -4px;
        right: -34px; }
      @media only screen and (min-width: 1440px) {
        .user-panel__cell_bonus .user-panel__rating.rating .rating__bar {
          width: 175px; }
        .user-panel__cell_bonus .user-panel__rating.rating .rating__title:first-child {
          display: inline-block; } }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .user-panel__cell_bonus .user-panel__rating.rating .rating__bar {
          margin-left: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .user-panel__cell_bonus .user-panel__rating.rating {
          margin-left: 0; }
          .user-panel__cell_bonus .user-panel__rating.rating .rating__bar {
            margin-top: 10px;
            width: 108px; }
          .user-panel__cell_bonus .user-panel__rating.rating .rating__info {
            right: -26px;
            bottom: -4px; } }
      @media only screen and (max-width: 767px) {
        .user-panel__cell_bonus .user-panel__rating.rating {
          margin-left: 0;
          width: 100%;
          display: block; }
          .user-panel__cell_bonus .user-panel__rating.rating .rating__title_accent {
            margin-left: 14px; } }
    @media only screen and (min-width: 1440px) {
      .user-panel__rating.rating .rating__bar {
        display: block;
        vertical-align: top;
        position: relative;
        width: 175px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .user-panel__rating.rating .rating__bar {
        display: block;
        vertical-align: top;
        position: relative;
        width: 175px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-panel__rating.rating .rating__bar {
        margin-top: 12px;
        width: 108px; }
      .user-panel__rating.rating .rating__title {
        display: block;
        padding-top: 4px; }
      .user-panel__rating.rating .rating__icon:first-child {
        margin-left: 0; }
      .user-panel__rating.rating .rating__info {
        right: -26px;
        bottom: -4px; } }
    @media only screen and (max-width: 767px) {
      .user-panel__rating.rating {
        width: 100%;
        display: block;
        margin-left: 0;
        padding: 10px 0; }
        .user-panel__rating.rating:before {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 2px;
          left: 0;
          top: 0;
          border: solid 1px #FFD600; }
        .user-panel__rating.rating .rating__title {
          font-size: 12px; }
        .user-panel__rating.rating .rating__bar {
          display: block;
          width: 110px;
          float: right;
          margin: 0;
          position: absolute;
          right: 0;
          top: 4px; }
        .user-panel__rating.rating .rating__info {
          display: none; }
        .user-panel__rating.rating .rating__percent {
          padding-top: 0;
          font-size: 9px;
          padding-right: 3px; }
        .user-panel__rating.rating .rating__icon {
          margin-right: 3px;
          display: inline-block;
          width: 14px;
          height: 15px; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .user-panel__rating.rating .rating__icon {
        width: 17px; } }
    @media only screen and (max-width: 767px) {
        .user-panel__rating.rating .rating__icon:first-of-type {
          margin-left: 8px; } }
  .user-panel__button.button {
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 14px 12px 12px;
    margin-left: 56px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    animation: dropShadow 3s 1s ease-in-out infinite; }
    .user-panel__button.button:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1.5em;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      transform: translateX(-3em) skewX(-45deg);
      animation: sheen 3s 1s ease-in-out infinite; }
    .user-panel__button.button:hover {
      box-shadow: 0 0 19px #FF1F47 !important;
      animation: none; }
      .user-panel__button.button:hover:before {
        animation: none; }
    @media only screen and (min-width: 1440px) {
      .user-panel__button.button {
        margin-left: 28px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .user-panel__button.button {
        margin-left: 38px; } }
    @media only screen and (max-width: 767px) {
      .user-panel__button.button {
        width: 100%;
        display: block;
        border-radius: 2px;
        padding: 15px 0;
        margin: 20px auto;
        position: relative;
        top: 0;
        left: 0; } }
  .user-panel__countpad.countpad {
    position: relative;
    margin-left: 10px;
    font-style: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: space-evenly;
    align-self: center;
    align-items: center;
    color: #4B3956;
    flex-basis: 120px; }
    .user-panel__countpad.countpad:hover {
      box-shadow: 0 0 19px #FFD600 !important; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .user-panel__countpad.countpad {
        margin-left: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-panel__countpad.countpad {
        flex-basis: 50px; } }
    @media only screen and (max-width: 767px) {
      .user-panel__countpad.countpad {
        border: none;
        box-shadow: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 10px 0;
        justify-content: center;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 2px;
        text-align: center;
        margin-bottom: 10px; }
        .user-panel__countpad.countpad .desktop_only {
          display: block;
          position: relative;
          font-family: Roboto,sans-serif;
          font-size: 14px;
          line-height: 16px;
          font-weight: 700;
          color: #ffff;
          padding: 3px 22px;
          cursor: pointer;
          text-transform: initial; }
        .user-panel__countpad.countpad:hover {
          box-shadow: none;
          border: none;
          background: none; } }
    @media only screen and (max-width: 767px) {
      .user-panel__countpad.countpad .countpad__icon {
        top: 8px;
        left: 2px;
        transform: none;
        position: absolute; } }
    @media only screen and (max-width: 767px) {
      .user-panel__countpad.countpad .countpad__counter {
        right: -54px;
        top: 8px;
        box-shadow: none; } }
    .user-panel__countpad.countpad + .user-panel__countpad.countpad {
      margin-left: 18px; }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .user-panel__countpad.countpad + .user-panel__countpad.countpad {
          margin-left: 18px;
          right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .user-panel__countpad.countpad + .user-panel__countpad.countpad {
          right: 0; } }
      @media only screen and (max-width: 767px) {
        .user-panel__countpad.countpad + .user-panel__countpad.countpad {
          margin-left: 0;
          display: block;
          left: 0; } }
  @media only screen and (min-width: 1440px) {
    .user-panel .rating__stars {
      margin-left: 5px;
      padding-top: 1px; } }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .user-panel .rating__stars {
      margin-left: 5px;
      padding-top: 1px; } }
  .user-panel__logout {
    display: none;
    position: relative;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #ffff;
    padding: 12px 40px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .user-panel__logout {
        display: block;
        text-align: center; } }
  .user-panel__profile, .user-panel__switchlang {
    display: none;
    position: relative;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #ffff;
    padding: 12px 40px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .user-panel__profile, .user-panel__switchlang {
        display: block;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 2px;
        text-align: center;
        margin-bottom: 10px; } }
  .user-panel__profile .mobile-nav__icon {
    left: 0; }
  .user-panel__logout {
    font-weight: 300; }
  .user-panel__note {
    text-transform: uppercase; }
    .user-panel__note_important {
      color: #fc5526; }
  .user-panel__caption {
    position: relative;
    vertical-align: top;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #00a6ff;
    padding: 2px 40px; }
    .user-panel__caption_accent {
      position: absolute;
      top: 10px;
      right: 0;
      padding: 0; }
  .user-panel__vip-points {
    display: none; }
    @media only screen and (max-width: 767px) {
      .user-panel__vip-points {
        display: block;
        position: relative;
        height: 40px;
        margin: 0;
        padding: 10px 0; }
        .user-panel__vip-points .user-panel__caption {
          padding: 2px 16px;
          display: inline-block; }
        .user-panel__vip-points .user-panel__caption_accent {
          padding: 2px 0;
          display: inline-block; }
        .user-panel__vip-points:before {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 2px;
          left: 0;
          top: 0;
          border: solid 1px #08203a; } }

.toppanel {
  display: block;
  width: 100%;
  position: relative;
  font-size: 0;
  padding: 16px 10px 16px 17px;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  white-space: nowrap;
  overflow: visible; }
  @media only screen and (max-width: 767px) {
    .toppanel {
      height: 50px; } }
  .toppanel__title {
    color: #fefefe;
    display: none;
    vertical-align: top;
    font-size: 15px;
    line-height: 18px; }
    @media only screen and (max-width: 767px) {
      .toppanel__title {
        display: block; } }
  .toppanel__icon {
    display: none;
    vertical-align: top;
    position: relative;
    width: 14px;
    height: 20px;
    fill: #fff; }
    @media only screen and (max-width: 767px) {
      .toppanel__icon {
        display: inline-block; } }
    .toppanel__icon_menu {
      display: block;
      position: absolute;
      background-color: #ffff;
      top: 50%;
      left: 8px;
      transform: translateY(-50%);
      width: 36px;
      height: 5px;
      border-radius: 8px; }
      .toppanel__icon_menu:before, .toppanel__icon_menu:after {
        content: '';
        display: block;
        position: absolute;
        width: 36px;
        height: 5px;
        left: 0;
        background-color: #ffff;
        border-radius: 8px; }
      .toppanel__icon_menu:before {
        top: -13px; }
      .toppanel__icon_menu:after {
        bottom: -13px; }
      .toppanel__button_close .toppanel__icon_menu {
        display: none; }
    .toppanel__icon_close {
      display: none; }
      .toppanel__button_close .toppanel__icon_close {
        display: block;
        position: absolute;
        top: 7px;
        left: 8px;
        height: 16px;
        width: 16px; }
  .toppanel__button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: condensed;
    letter-spacing: -0.2px;
    color: #4B3956;
    padding: 6px 8px 6px 45px;
    outline: none;
    width: 64px;
    height: 29px;
    border-radius: 2px;
    box-shadow: none; }
    .toppanel__button:hover {
      background: rgba(255, 255, 255, 0.05);
      box-shadow: none !important;
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .toppanel__button {
        top: 20px;
        background: rgba(255, 255, 255, 0.05);
        width: 134px;
        height: 50px;
        font-weight: bold;
        font-size: 20px;
        color: #ffff; } }
    .toppanel__button_close {
      text-indent: -4444px;
      width: 30px;
      height: 30px;
      right: 10px;
      top: 10px;
      padding: 0;
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 2px;
      color: #ffff; }
      .toppanel__button_close:hover {
        background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 767px) {
      .toppanel__button {
        display: block; } }

.user-toppanel {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  position: relative;
  font-size: 0;
  padding: 16px 0;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  white-space: nowrap;
  overflow: visible; }
  .user-toppanel__title {
    display: none;
    vertical-align: top;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: rgba(255, 255, 255, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__title {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__title {
        display: none; }
        .header__toppanel.open .user-toppanel__title {
          display: block;
          margin: 0 auto; } }
  .user-toppanel__name {
    position: relative;
    margin-left: 8px;
    font-size: 15px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    max-width: 100px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__name {
        margin-left: 5px;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        color: rgba(255, 255, 255, 0.5); }
        .user-toppanel__name:first-child {
          display: none; }
          .user-toppanel__name:first-child:before {
            content: none; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__name {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        color: rgba(255, 255, 255, 0.5);
        margin-left: 17px; }
        .user-toppanel__name:before {
          content: '';
          display: block;
          position: absolute;
          width: 23px;
          height: 100%;
          pointer-events: none;
          right: 0;
          top: 0;
          background-image: linear-gradient(to right, rgba(9, 19, 32, 0), #091420); }
        .header__toppanel.open .user-toppanel__name:before {
          content: none; } }
  .user-toppanel__nav {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-left: 22px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__nav {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__nav {
        margin-left: 0; }
        .header__toppanel.open .user-toppanel__nav {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__nav {
        margin-left: 10px;
        transform: translatey(180%); } }
  .user-toppanel__item {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    position: relative;
    padding: 0 18px 0 16px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__item {
        padding: 0 18px 0 21px; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__item {
        padding: 0 18px 0 21px; }
        .user-toppanel__item_vip {
          padding-left: 0; } }
    .user-toppanel__item_profile {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 2px;
      padding: 13px 15px;
      margin-right: 5px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .user-toppanel__item_profile {
          display: inline-block;
          padding: 14px 15px; } }
      @media only screen and (max-width: 767px) {
        .user-toppanel__item_profile {
          display: none; } }
    .user-toppanel__item_balance {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 2px;
      padding: 13px 15px; }
  .user-toppanel__note {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #ffff;
    font-size: 16px;
    letter-spacing: 0.17px;
    padding-right: 5px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__item_profile .user-toppanel__note {
        display: inline-block;
        line-height: 18px; }
      .user-toppanel__item_balance .user-toppanel__note {
        font-size: 14px;
        margin-left: 5px;
        line-height: 18px; }
        .user-toppanel__item_balance .user-toppanel__note:first-of-type {
          display: none; }
      .user-toppanel__item_vip .user-toppanel__note {
        font-size: 14px;
        margin-left: 5px;
        line-height: 18px; }
        .user-toppanel__item_vip .user-toppanel__note:first-of-type {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__note {
        font-size: 14px;
        margin-left: 5px; }
        .user-toppanel__item_balance .user-toppanel__note {
          font-size: 14px;
          margin-left: 5px;
          line-height: 18px; }
          .user-toppanel__item_balance .user-toppanel__note:first-of-type {
            display: none; }
        .user-toppanel__item_vip .user-toppanel__note {
          font-size: 14px;
          margin-left: 5px;
          line-height: 18px; }
          .user-toppanel__item_vip .user-toppanel__note:first-of-type {
            display: none; } }
    .user-toppanel__note_accent {
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent;
      padding-right: 0; }
    .user-toppanel__note_important {
      color: rgba(255, 255, 255, 0.5);
      right: -15px; }
    .user-toppanel__note_white {
      color: #fff; }
  .user-toppanel__icon {
    display: none;
    vertical-align: top;
    position: relative;
    width: 14px;
    height: 20px;
    fill: #4B3956; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__icon {
        display: inline-block; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__icon {
        display: inline-block; } }
    .user-toppanel__icon_vip {
      width: 27px;
      height: 20px; }
    .user-toppanel__icon_menu {
      display: block;
      position: absolute;
      background-color: #ffff;
      top: 50%;
      left: 8px;
      transform: translateY(-50%);
      width: 36px;
      height: 5px;
      border-radius: 8px; }
      .user-toppanel__icon_menu:before, .user-toppanel__icon_menu:after {
        content: '';
        display: block;
        position: absolute;
        width: 36px;
        height: 5px;
        left: 0;
        background-color: #ffff;
        border-radius: 8px; }
      .user-toppanel__icon_menu:before {
        top: -13px; }
      .user-toppanel__icon_menu:after {
        bottom: -13px; }
      .user-toppanel__button_close .user-toppanel__icon_menu {
        display: none; }
    .user-toppanel__icon_close {
      display: none; }
      .user-toppanel__button_close .user-toppanel__icon_close {
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        height: 16px;
        width: 16px; }
  .user-toppanel__action {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 15px;
    line-height: 15px;
    padding: 0 0 0 16px;
    text-decoration: none; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .user-toppanel__action {
        right: 10px; } }
    .user-toppanel__action .user-toppanel__note {
      right: 0;
      padding-right: 0; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__action {
        display: block; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__action {
        display: none; } }
  .user-toppanel__button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: condensed;
    letter-spacing: -0.2px;
    color: #4B3956;
    padding: 6px 8px 6px 45px;
    outline: none;
    width: 64px;
    height: 29px;
    border-radius: 2px;
    box-shadow: none; }
    .user-toppanel__button:hover {
      background: rgba(255, 255, 255, 0.05);
      box-shadow: none !important;
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .user-toppanel__button {
        top: 20px;
        background: rgba(255, 255, 255, 0.05);
        width: 134px;
        height: 50px;
        font-weight: bold;
        font-size: 20px;
        color: #ffff; } }
    .user-toppanel__button_close {
      text-indent: -4444px;
      width: 30px;
      height: 30px;
      right: 19px;
      top: 10px;
      padding: 0;
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 2px;
      color: #ffff; }
      .user-toppanel__button_close:hover {
        background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        color: #ffff; }
    @media only screen and (max-width: 767px) {
      .user-toppanel__button {
        display: block; } }
  .user-toppanel__item-confirm-btn, .user-toppanel__item-confirm-btn:hover {
    display: inline-block;
    position: absolute;
    font-size: 18px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
    padding: 7px 22px;
    width: 140px;
    white-space: initial;
    line-height: 16px;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    top: -13px;
    background: transparent;
    border: 1px solid #ff6526;
    margin-top: 16px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .user-toppanel__item-confirm-btn, .user-toppanel__item-confirm-btn:hover {
        padding: 5px 12px;
        width: 120px; } }
    @media only screen and (max-width: 767px) {
      .user-toppanel__item-confirm-btn, .user-toppanel__item-confirm-btn:hover {
        padding: 5px 12px;
        width: 120px; } }

.status {
  width: 48px;
  height: 45px;
  background-color: #3c5b80;
  background-image: linear-gradient(140deg, #4ea8db 0%, #236dd2 100%);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
  text-align: center;
  position: relative;
  display: block; }
  .status__icon {
    margin-top: 8px;
    position: relative; }
  .status__note {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    color: #fefefe;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 1px; }

.status_huge {
  width: 114px;
  height: 117px; }
  .status_huge .status__icon {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    text-align: center;
    width: 92px; }
  .status_huge .status__note {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    bottom: 9px;
    left: 0;
    right: 0;
    display: block;
    position: absolute; }

.rating {
  display: block;
  width: 100%;
  position: relative; }
  .rating__summary {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    white-space: nowrap; }
  .rating__info {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: -4px;
    padding: 4px 0 0 0;
    text-align: center;
    width: 21px;
    height: 21px;
    font-size: 0;
    border-radius: 50%;
    background-color: #4ea1e1;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .rating__summary .rating__info {
      right: -30px;
      bottom: -3px; }
  .rating__tooltip {
    min-width: 191px;
    right: 0;
    margin-right: 11px;
    transform: translateX(50%);
    top: calc(100% + 10px);
    opacity: 0;
    visibility: hidden; }
    .rating__summary .rating__tooltip {
      right: -50%;
      margin-right: 20px; }
    .rating__info:hover .rating__tooltip {
      opacity: 1;
      visibility: visible; }
    .rating__tooltip_right {
      transform: none;
      right: -12px; }
  .rating__title {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    color: #fefefe;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px; }
    .rating__title_accent {
      color: #fff000;
      margin-left: 4px; }
      @media only screen and (min-width: 1440px) {
        .rating__title_accent {
          margin-left: 8px; } }
      .rating__title_accent.rating__title_large {
        margin-left: 5px; }
    .rating__title_large {
      font-size: 17px; }
  .rating__caption {
    display: inline-block;
    position: relative;
    text-align: left;
    color: #fefefe;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px; }
    .rating__caption_accent {
      color: #fff000; }
  .rating__stars {
    text-align: right;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    padding-top: 2px; }
  .rating__icon {
    margin-right: 4px;
    display: inline-block;
    width: 18px;
    height: 19px; }
    .rating__icon:first-of-type {
      margin-left: 12px; }
    .rating__icon:last-of-type {
      margin-right: 0; }
  .rating__bar {
    display: block;
    margin-top: 14px;
    width: calc(100% - 25px);
    height: 12px;
    position: relative;
    background-color: #060d12;
    border: 1px solid #133152;
    border-radius: 5px; }
  .rating__inner {
    display: block;
    position: relative;
    width: 68%;
    height: 12px;
    margin-top: -1px;
    background-color: #4ea1e1;
    border-radius: 5px;
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.63), 0 0 27px rgba(122, 247, 255, 0.58), 0 0 24px #000; }
  .rating__percent {
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    padding-top: 13px;
    color: #fefefe;
    font-family: 'Roboto Condensed', sans-serif; }
    .rating__percent_large {
      font-size: 14px; }

.rating_gameplay .rating__bar {
  margin-top: 19px; }

.rating_gameplay .rating__stars {
  top: 0;
  margin-right: 3px; }
  .rating_gameplay .rating__stars .fa-star {
    color: #F2E419; }
  .rating_gameplay .rating__stars .fa-star-o {
    color: #08203A;
    text-shadow: 1px 1px 0px #22476f;
    font-weight: bold; }

.rating_gameplay .rating__percent {
  padding-top: 20px; }

.rating_profile .rating__stars {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 29px;
  padding-left: 15px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .rating_profile .rating__stars {
      position: absolute;
      top: -81px;
      left: 69px;
      text-align: left; } }
  .rating_profile .rating__stars .fa-star {
    color: #F2E419; }
  .rating_profile .rating__stars .fa-star-o {
    color: #08203A;
    text-shadow: 1px 1px 0px #22476f;
    font-weight: bold; }
  .rating_profile .rating__stars > img {
    opacity: 1; }
    .rating_profile .rating__stars > img.disabled {
      opacity: .3; }

.rating_profile .rating__icon {
  margin-right: 5px; }
  .rating_profile .rating__icon:first-of-type {
    margin-left: 0; }

.rating_profile .rating__bar {
  margin: 36px 62px 36px 46px;
  width: auto; }
  .rating_profile .rating__bar .rating__info {
    right: -30px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .rating_profile .rating__bar {
      margin: 36px 42px 36px 20px; } }
  @media only screen and (max-width: 767px) {
    .rating_profile .rating__bar {
      margin: 36px 48px 14px 18px; } }

.rating_profile .rating__percent {
  font-size: 15px;
  padding-top: 20px; }

.rating_profile .rating__summary {
  margin-top: 38px;
  padding: 0 18px 0 22px; }
  .rating_profile .rating__summary .rating__info {
    right: -33px; }

.rating_profile .rating__caption {
  display: block;
  margin-bottom: 11px; }
  .rating_profile .rating__caption_accent {
    text-transform: none; }

.rating_profile_bonus .rating__summary {
  margin-top: 0; }

.rating_profile_bonus .rating__bar {
  margin: 36px 62px 36px 46px;
  width: auto; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .rating_profile_bonus .rating__bar {
      margin: 36px 42px 36px 20px; } }
  @media only screen and (max-width: 767px) {
    .rating_profile_bonus .rating__bar {
      margin: 24px 48px 14px 18px; } }

.rating_profile_bonus .rating__percent {
  padding-top: 22px; }

.rating_profile_bonus .rating__bar + .rating__summary {
  margin-top: 52px; }
  @media only screen and (max-width: 767px) {
    .rating_profile_bonus .rating__bar + .rating__summary {
      margin-top: 28px; } }

/*fontawesome*/
.rating__icon.fa-star {
  color: #F2E419; }

.rating__icon.fa-star-o {
  color: #08203A;
  text-shadow: 1px 1px 0px #22476f;
  font-weight: bold; }

.user-panel .rating__icon {
  font-size: 11px; }

/*fontawesome*/
.tooltip {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
  text-align: left;
  z-index: 2;
  color: #fefefe;
  text-transform: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  line-height: 16px;
  display: block;
  position: absolute;
  padding: 12px 14px 12px 14px;
  width: auto;
  max-width: 200px;
  white-space: normal;
  min-width: 190px;
  background-color: #54435E;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .icon_info.open + .tooltip {
    display: block; }
  .tooltip_right {
    right: -17px;
    transform: none; }
  .tooltip__arrow {
    display: block;
    position: absolute;
    z-index: 3;
    top: 1px;
    left: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .tooltip__arrow:after {
      content: " ";
      position: absolute;
      bottom: 100%;
      /* At the top of the tooltip */
      left: 50%;
      z-index: 3;
      margin-left: -7px;
      border-style: solid;
      border-width: 7px;
      border-color: transparent transparent #54435E transparent; }
    .tooltip__arrow_right {
      right: 5px;
      left: auto; }
      .tooltip__arrow_right:after {
        right: 5px;
        left: auto; }

.tooltip_style_flat {
  background-color: #fd941d;
  border-radius: 2px;
  box-shadow: none;
  text-shadow: none;
  color: #000;
  text-transform: uppercase;
  padding: 8px 10px;
  min-width: 168px; }

.countpad {
  display: block;
  position: relative;
  width: 48px;
  height: 45px;
  background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  color: #4B3956;
  transition: box-shadow 0.3s ease, border 0.3s ease;
  cursor: pointer; }
  .countpad:hover {
    background: linear-gradient(180deg, #FFFDC8 30%, #FFD600 100%); }
  .countpad__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .countpad__counter {
    width: 25px;
    height: 24px;
    position: absolute;
    top: -10px;
    right: -8px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 2px 0; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .countpad__counter {
        width: 19px;
        height: 19px;
        top: -7px;
        font-size: 13px; } }
  .countpad__title {
    display: none;
    position: relative;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #00a6ff;
    padding: 2px 40px; }

.header__panel i {
  left: 0; }

.nav {
  list-style-type: none;
  display: table;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .header__head-nav .nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); } }
  .nav__item {
    display: table-cell;
    vertical-align: top;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .nav__item {
        display: inline-block; } }
    @media only screen and (max-width: 767px) {
      .header__head-nav .nav__item {
        display: block; } }
    .nav__item:after {
      content: '•';
      display: block;
      position: absolute;
      color: #fff;
      font-size: 18px;
      top: 50%;
      left: 100%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media only screen and (max-width: 767px) {
        .nav__item:after {
          display: none; } }
    .nav__item:last-child:after {
      content: none; }
  .nav__link {
    text-shadow: 0 2px 0 rgba(4, 4, 4, 0.19);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 22px 13px;
    text-align: center;
    white-space: nowrap; }
    .nav__link-important {
      color: #e22222;
      font-weight: 900;
      transform: scale(1.2); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .nav__link {
        padding: 6px 13px;
        font-size: 15px; } }
    .nav__link_active, .nav__link:hover {
      color: #ffea00; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .header__head-nav .nav__link {
        padding: 29px 15px;
        text-transform: capitalize;
        font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      .header__head-nav .nav__link {
        display: block;
        font-size: 12px;
        padding: 4px 20px;
        line-height: 12px;
        text-align: left;
        text-transform: capitalize; } }
    @media only screen and (max-width: 767px) {
      .footer__nav .nav__link {
        font-size: 10px;
        padding: 4px 20px;
        line-height: 12px;
        text-align: center; } }

.nav_footer {
  display: flex;
  justify-content: space-around;
  width: auto; }
  .nav_footer .nav__item:after {
    right: -60px;
    left: inherit; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .nav_footer .nav__item:after {
        right: -30px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .nav_footer .nav__item:after {
        right: -10px; } }
    @media only screen and (max-width: 767px) {
      .nav_footer .nav__item:after {
        right: -7px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .nav_footer {
      padding: 20px 0; } }
  .nav_footer .nav__item {
    display: inline-block;
    vertical-align: top; }

.mobile-nav {
  display: none;
  position: relative; }
  .mobile-nav__title {
    color: #fff;
    opacity: 0.5;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    position: relative;
    line-height: 42px;
    white-space: nowrap;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .mobile-nav {
      display: block; } }
  .mobile-nav__list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .mobile-nav__item {
    display: block;
    position: relative;
    width: 100%; }
  .mobile-nav__link {
    height: 48px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    color: #ffff;
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    text-align: center;
    margin-bottom: 10px; }
    .mobile-nav__link_active {
      color: #fc5526; }
  .mobile-nav__icon {
    display: block;
    z-index: 3; }
    .mobile-nav__icon svg {
      fill: #fff;
      display: block; }
    .mobile-nav__icon_active svg {
      fill: #fc5526; }
  .mobile-nav__caption {
    color: #fc5526; }

.mobile-nav_dropdown {
  display: none; }
  .mobile-nav_dropdown.open {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2A1337;
    z-index: 300;
    top: 50px;
    padding: 0 19px; }

.s_block {
  display: flex;
  position: relative;
  text-align: center;
  justify-content: center; }

.socials {
  display: block;
  position: relative;
  text-align: center; }
  .socials__item {
    width: 43px;
    height: 43px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.05);
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 15px;
    text-align: center;
    transition: 0.2s ease; }
    .socials__item:last-child {
      margin-right: 0; }
    .socials__item:hover {
      background: #4B3956; }
  .socials__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.socials_filled .socials__item {
  border: 1px solid #ffff;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px; }
  .socials_filled .socials__item:hover {
    background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
    border: 1px solid #ffff; }

.socials_form .socials__item {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  border: 1px solid transparent;
  transition: .3s; }
  .socials_form .socials__item:hover {
    background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 2px; }
  .socials_form .socials__item_active {
    background: linear-gradient(141.41deg, #4EA8DB 0%, #236DD2 91.04%);
    border: 1px solid rgba(95, 184, 239, 0.5);
    box-sizing: border-box;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.346552), 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px; }

.socials_small .socials__item {
  width: 36px;
  height: 36px;
  margin-right: 7px; }

.bottom-panel {
  width: 495px;
  bottom: 0;
  right: 0;
  height: auto;
  display: block;
  position: fixed;
  z-index: 200;
  background-color: #222131;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 rgba(91, 64, 71, 0.38), 0 1px 8px rgba(0, 0, 0, 0.53); }
  @media only screen and (max-width: 767px) {
    .bottom-panel {
      width: 100%; } }
  .bottom-panel__close {
    width: 44px;
    height: 38px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: #191826;
    border-radius: 2px;
    box-shadow: inset 0.6px -0.8px 0 #2b2a3c;
    text-align: center;
    padding: 11px 0;
    cursor: pointer; }
  .bottom-panel__title {
    color: #fff000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    padding: 18px 44px; }
    @media only screen and (max-width: 767px) {
      .bottom-panel__title {
        font-size: 12px;
        line-height: 16px; } }
  .bottom-panel__subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    padding: 0 40px; }
  .bottom-panel__content {
    text-align: center;
    margin-top: 18px; }
  .bottom-panel__input {
    height: 40px; }
    .bottom-panel__input .input__inner {
      height: 40px;
      width: 192px;
      color: #e5e2f3; }
  .bottom-panel__button {
    min-width: 70px;
    height: 40px;
    margin-top: 0; }
  .bottom-panel__bonus-info {
    display: block;
    position: relative;
    margin: 14px auto 18px;
    max-width: 288px; }
  .bottom-panel__bonus-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top; }
  .bottom-panel__bonus-note {
    display: block;
    vertical-align: top;
    color: #7f7ba0;
    font-size: 11px;
    font-weight: 400;
    padding-left: 30px; }

.wish-bonus {
  display: block;
  position: fixed;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 44px;
  min-height: 191px;
  transition: width ease-in-out 0.3s;
  z-index: 1001; }
  .wish-bonus .selectric {
    width: 100px; }
    @media only screen and (max-width: 767px) {
      .wish-bonus .selectric {
        width: 100%; } }
  .wish-bonus .input__inner {
    background: #00142a; }
  @media only screen and (max-width: 767px) {
    .wish-bonus {
      z-index: 99; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .wish-bonus {
      z-index: 99; } }
  .wish-bonus.open {
    width: 760px;
    z-index: 1001; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .wish-bonus.open {
        width: 700px; } }
    @media only screen and (max-width: 767px) {
      .wish-bonus.open {
        width: 100%; } }
    .wish-bonus.open .wish-bonus__content-block {
      transform: translateX(0);
      opacity: 1; }
    .wish-bonus.open .wish-bonus__close {
      opacity: 1; }
  .wish-bonus__close {
    width: 44px;
    height: 38px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    text-align: center;
    padding: 11px 0;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .wish-bonus__close {
        left: -10px;
        right: auto; } }
  .wish-bonus__content-block {
    display: block;
    width: 760px;
    opacity: 0;
    transform: translateX(-716px);
    transition: transform ease-in-out 0.3s, opacity ease-in-out 0.3s;
    background: url(./img/bg_form.webp) no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .wish-bonus__content-block {
        width: 700px; } }
    @media only screen and (max-width: 767px) {
      .wish-bonus__content-block {
        width: 100%; } }
  .wish-bonus__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .wish-bonus__bonus-label {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 44px;
    height: 190px;
    z-index: 2;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    transition: left ease-in-out 0.2s;
    background: #4B3956;
    background-size: cover; }
    .wish-bonus.open .wish-bonus__bonus-label {
      left: -60px; }
    @media only screen and (max-width: 767px) {
      .wish-bonus__bonus-label {
        height: 110px;
        width: 34px; } }
    .wish-bonus__bonus-label span {
      display: block;
      white-space: nowrap;
      position: relative;
      width: 100%;
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      transform-origin: 85px 75px;
      transform: rotate(-90deg);
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .wish-bonus__bonus-label span {
          font-size: 12px;
          transform-origin: 52px 42px; } }
      .wish-bonus__bonus-label span.small-txt {
        font-size: 20px;
        top: 10px; }
        @media only screen and (max-width: 767px) {
          .wish-bonus__bonus-label span.small-txt {
            font-size: 10px; } }
  .wish-bonus__head {
    width: 100%; }
    .wish-bonus__head:after {
      display: none; }
  .wish-bonus__title {
    text-align: center;
    text-transform: none;
    padding: 18px 40px 7px;
    text-shadow: 0 2px 1px rgba(9, 32, 58, 0.83);
    color: #fff000;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px; }
    @media only screen and (max-width: 767px) {
      .wish-bonus__title {
        font-size: 12px;
        line-height: 16px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .wish-bonus__title {
        padding: 30px; } }
  .wish-bonus__subtitle {
    display: block;
    color: #fff;
    text-transform: none;
    text-align: center;
    padding: 0 40px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px; }
    @media only screen and (max-width: 767px) {
      .wish-bonus__subtitle {
        font-size: 12px;
        line-height: 16px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .wish-bonus__subtitle {
        padding: 0 5px; } }
  .wish-bonus__content {
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    align-self: center;
    width: 60%;
    justify-content: space-evenly; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .wish-bonus__content {
        width: 500px; } }
    @media only screen and (max-width: 767px) {
      .wish-bonus__content {
        flex-wrap: nowrap;
        width: 60%;
        justify-content: center; }
        .wish-bonus__content .field-profileform-phoneCode {
          margin-bottom: 10px;
          flex-basis: 15%; }
        .wish-bonus__content .field-profileform-phone {
          margin-bottom: 10px;
          flex-basis: 40%;
          margin: 0 5px; }
        .wish-bonus__content .wish-bonus__link {
          margin: 20px 0;
          line-height: 0; }
        .wish-bonus__content .wish-bonus__bonus-info {
          margin: 10px 0; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .wish-bonus__content {
        flex-wrap: nowrap;
        width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) and (min-width: 320px) and (max-width: 567px) {
    .wish-bonus__content .wish-bonus__button {
      padding: 10px 10px; } }
  .wish-bonus .popap__if__phone__inner {
    flex-direction: column;
    width: 30%; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .wish-bonus .popap__if__phone__inner {
        width: 60%; } }
  .wish-bonus__input {
    height: 42px; }
    .wish-bonus__input .input__inner {
      width: 192px;
      color: #e5e2f3;
      height: 42px;
      box-shadow: 0 1px 1px rgba(43, 42, 70, 0.46), inset 0 1px 1px rgba(0, 0, 0, 0.79);
      border-radius: 2px;
      background-color: #133966; }
      @media only screen and (max-width: 767px) {
        .wish-bonus__input .input__inner {
          width: 170px; } }
  .wish-bonus__button {
    min-width: 70px;
    height: 42px;
    margin-top: 0;
    text-shadow: 0 1px 0 #be2f21;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .wish-bonus__button {
        font-size: 12px; } }
  .wish-bonus__bonus-info {
    display: block;
    position: relative;
    margin: 14px auto 18px;
    max-width: 288px; }
  .wish-bonus__bonus-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top; }
  .wish-bonus__bonus-note {
    display: block;
    vertical-align: top;
    color: #83a6d1;
    font-size: 11px;
    font-weight: 400;
    padding-left: 30px; }
  .wish-bonus__link {
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    color: #9cc1e2;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .wish-bonus__link {
        display: block;
        margin: 0; } }

@media only screen and (max-width: 767px) {
  .webim-button-slider {
    z-index: 99 !important; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .webim-button-slider {
    z-index: 99 !important; } }

.hero {
  display: block;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .hero {
      max-width: 100%;
      margin: 0 auto; } }
  .hero__slider {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 1160px;
    height: 391px;
    display: block;
    overflow: hidden;
    margin: 0 auto; }
    @media only screen and (min-width: 1440px) {
      .hero__slider {
        width: 1421px;
        overflow: visible; }
        .hero__slider .slick-list {
          overflow: visible; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .hero__slider {
        width: 1280px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero__slider {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero__slider {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .hero__slider {
        height: auto;
        width: 100%;
        position: relative; } }
  .hero__wrap {
    position: relative;
    min-height: 442px;
    height: 442px;
    transition: height 0.3s; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .hero__wrap {
        min-height: 410px;
        height: 410px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero__wrap {
        min-height: 370px;
        height: 370px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero__wrap {
        min-height: 280px;
        height: 280px; } }
    @media only screen and (max-width: 767px) {
      .hero__wrap {
        min-height: 80px;
        height: 80px; } }
    .hero__wrap_subnav-open {
      height: 332px; }
  .hero__nav {
    z-index: 2;
    display: block;
    position: absolute;
    text-align: left;
    width: 100%;
    top: 390px;
    left: 0;
    right: 0; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .hero__nav {
        top: 350px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero__nav {
        top: 319px;
        padding: 0 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero__nav {
        top: 230px;
        padding: 0 20px; } }
    @media only screen and (max-width: 767px) {
      .hero__nav {
        top: 30px; } }
    .hero__nav_sticky {
      width: 100%;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 102; }
      @media only screen and (max-width: 767px) {
        .hero__nav_sticky {
          display: none; } }
      @media only screen and (min-width: 1440px) {
        .hero__nav_sticky {
          width: 1420px; } }
  .hero__subnav {
    display: block;
    text-align: center;
    background-color: #523D5F;
    height: 0;
    transition: height 0.1s; }
    @media only screen and (max-width: 767px) {
      .hero__subnav {
        display: none; } }
    .hero__subnav .nav__link {
      padding: 14px 28px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .hero__subnav .nav__link {
          padding: 14px 21px; } }
    .hero__nav_sticky .hero__subnav {
      height: 44px; }
  .hero .hero__nav_scroll:after {
    display: block;
    background: linear-gradient(to right, rgba(15, 41, 71, 0.01) 0%, #0f2947 70%, #0f2947 100%);
    box-shadow: 0 4px 0 0 #17386d, inset 0 1px 0 0 #4d98ce, inset 0 -1px 0 0 rgba(250, 250, 250, 0.1);
    width: 35px;
    height: 100%;
    bottom: 0;
    right: 0;
    content: '';
    position: absolute;
    z-index: 2; }
  .hero__counter {
    display: block;
    z-index: 2;
    width: 370px;
    height: 121px;
    position: absolute;
    top: 115px;
    left: calc(100vw - 65% / 2);
    padding: 30px 30px 0 30px;
    border-radius: 4px;
    background-image: url("./img/counter-bg.svg");
    background-repeat: no-repeat;
    background-position: center; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .hero__counter {
        left: calc(100vw - 65% / 2); } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero__counter {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero__counter {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .hero__counter {
        display: none; } }
  .hero__countdown {
    top: 70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .hero__countdown {
        left: 0;
        right: 0;
        top: 75px;
        text-align: center; } }
  .hero__countnote {
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    float: left; }
    @media only screen and (max-width: 767px) {
      .hero__countnote {
        padding: 34px 0 0 12px;
        font-size: 25px; } }
  .hero__countbutton {
    float: right;
    margin-top: 5px;
    font-size: 30px;
    line-height: 20px;
    text-shadow: none;
    text-align: center;
    padding: 0;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 1px;
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    padding-top: 2px; }
    @media only screen and (max-width: 767px) {
      .hero__countbutton {
        margin: 37px 10px 0 0;
        font-size: 27px; } }

@media only screen and (max-width: 767px) {
  .game-room .hero__nav_sticky {
    display: block; } }

.hero-promo {
  display: block;
  position: relative;
  overflow: hidden;
  height: 484px; }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .hero-promo {
      height: 431px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .hero-promo {
      height: 370px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .hero-promo {
      height: 230px; } }
  @media only screen and (max-width: 767px) {
    .hero-promo {
      max-width: 480px;
      height: 230px;
      margin: 0 auto; } }
  .hero-promo__hero {
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 483px;
    display: block;
    left: 50%;
    transform: translateX(-50%); }
    .hero-promo__hero:before {
      width: 80%;
      height: 1px;
      position: absolute;
      top: 0;
      left: 50%;
      right: 0;
      content: '';
      background: radial-gradient(ellipse at center, #05c0f6 0%, rgba(0, 210, 255, 0.46) 45%, rgba(79, 185, 242, 0) 82%, rgba(118, 173, 236, 0) 100%);
      border-radius: 100%;
      box-shadow: 0 3px 10px 0 #3094df;
      z-index: 2;
      transform: translateX(-50%); }
    .hero-promo__hero:after {
      width: 80%;
      height: 1px;
      position: absolute;
      top: 100%;
      left: 50%;
      right: 0;
      content: '';
      background: radial-gradient(ellipse at center, #05c0f6 0%, rgba(0, 210, 255, 0.46) 45%, rgba(79, 185, 242, 0) 82%, rgba(118, 173, 236, 0) 100%);
      border-radius: 100%;
      box-shadow: 0 -3px 10px 0 #3094df;
      transform: translateX(-50%); }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .hero-promo__hero {
        height: 430px; }
        .hero-promo__hero .hero-promo__img {
          height: 430px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero-promo__hero {
        height: 369px; }
        .hero-promo__hero .hero-promo__img {
          height: 369px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero-promo__hero {
        height: 229px; }
        .hero-promo__hero .hero-promo__img {
          height: 229px; } }
    @media only screen and (max-width: 767px) {
      .hero-promo__hero {
        height: 229px; }
        .hero-promo__hero .hero-promo__img {
          height: 229px; } }
  .hero-promo__item {
    position: absolute;
    padding-top: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }
    .hero-promo__item:before {
      content: '';
      left: -1px;
      top: 0;
      bottom: 0;
      position: absolute;
      z-index: 2;
      width: 147px;
      background-image: linear-gradient(to left, transparent 0%, #08203a 100%); }
    .hero-promo__item:after {
      content: '';
      right: -1px;
      top: 0;
      bottom: 0;
      position: absolute;
      z-index: 2;
      width: 147px;
      background-image: linear-gradient(to right, transparent 0%, #08203a 100%); }
    @media only screen and (max-width: 767px) {
      .hero-promo__item {
        display: none; } }
    .hero-promo__item img {
      max-width: 100%; }
  .hero-promo__item__mob {
    display: none;
    text-align: center;
    position: relative; }
    .hero-promo__item__mob:before {
      content: '';
      left: -1px;
      top: 0;
      bottom: 0;
      position: absolute;
      z-index: 2;
      width: 147px;
      background-image: linear-gradient(to left, transparent 0%, #08203a 100%); }
    .hero-promo__item__mob:after {
      content: '';
      right: -1px;
      top: 0;
      bottom: 0;
      position: absolute;
      z-index: 2;
      width: 147px;
      background-image: linear-gradient(to right, transparent 0%, #08203a 100%); }
    @media only screen and (max-width: 767px) {
      .hero-promo__item__mob {
        display: block; } }
  .hero-promo__wrap {
    position: relative;
    transition: height 0.3s;
    margin-bottom: 61px; }
    @media only screen and (max-width: 767px) {
      .hero-promo__wrap {
        margin-bottom: 32px; } }
  .hero-promo__button {
    position: absolute;
    z-index: 1;
    width: 481px;
    height: 103px;
    background-color: #0c233c;
    border: 1px solid rgba(0, 175, 221, 0.9);
    border-radius: 4px;
    box-shadow: 0 1px 4px 3px rgba(0, 0, 0, 0.63);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    margin-bottom: -51px;
    padding: 20px 10px 8px;
    text-align: center; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .hero-promo__button {
        width: 436px;
        height: 99px;
        margin-bottom: -49px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .hero-promo__button {
        width: 288px;
        height: 78px;
        padding: 10px 10px 8px;
        margin-bottom: -39px; } }
    @media only screen and (max-width: 767px) {
      .hero-promo__button {
        width: 178px;
        height: 48px;
        padding: 5px 5px 5px;
        margin-bottom: -24px; } }
    .hero-promo__button__title {
      color: #fff001;
      font-size: 30px;
      font-weight: 900;
      font-family: 'Roboto', sans-serif;
      line-height: 24px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .hero-promo__button__title {
          font-size: 26px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .hero-promo__button__title {
          font-size: 17px;
          margin-bottom: 5px; } }
      @media only screen and (max-width: 767px) {
        .hero-promo__button__title {
          font-size: 10px;
          margin-bottom: 5px;
          line-height: 14px; } }
    .hero-promo__button__subtitle {
      color: #fff001;
      font-size: 18px;
      font-weight: 900;
      line-height: 36px;
      font-family: 'Roboto', sans-serif;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .hero-promo__button__subtitle {
          font-size: 14px;
          line-height: 24px; } }
      @media only screen and (max-width: 767px) {
        .hero-promo__button__subtitle {
          font-size: 10px;
          line-height: 16px; } }

.countdown {
  display: block;
  position: relative;
  font-size: 0; }
  .countdown__item {
    vertical-align: top;
    display: inline-block;
    width: 32px;
    height: 50px;
    line-height: 44px;
    border-radius: 2px;
    text-shadow: 0 2px 0 rgba(12, 12, 12, 0.33);
    color: #ffff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    background-image: url("./img/Counter.svg");
    background-position: 0px 0;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px; }
    .countdown__item:last-child {
      margin-right: 0; }
    .countdown__item.hidden {
      visibility: hidden; }
  .countdown__divider {
    display: inline-block;
    vertical-align: top;
    padding: 0 4px 0 1px; }
    .countdown__divider:before {
      content: ',';
      display: block;
      height: 44px;
      color: #fff;
      font-size: 25px;
      font-weight: 700;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .countdown__divider:before {
          height: 32px;
          font-size: 20px;
          line-height: 32px; } }

.main-nav {
  display: table;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 100%;
  background: url("./img/bg_main-nav.svg") no-repeat;
  border-radius: 3px 3px 0px 0px;
  background-size: cover; }
  @media screen and (max-width: 430px) {
    .main-nav {
      display: block;
      white-space: nowrap; } }
  .main-nav__subnav.subnav {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .main-nav__subnav.subnav {
        display: block;
        height: auto;
        width: 100vw;
        max-width: 100%;
        padding: 5px; } }
    @media only screen and (max-width: 430px) {
      .main-nav__subnav.subnav {
        height: 85px; } }
    @media only screen and (max-width: 767px) {
      .main-nav__subnav.subnav .subnav__item {
        display: inline-block;
        vertical-align: top;
        width: auto; } }
    .hero__nav_sticky .main-nav__subnav.subnav {
      top: 100%;
      opacity: 0;
      visibility: hidden; }
    .main-nav__item_subnav:hover .main-nav__subnav.subnav {
      top: 100%;
      opacity: 1;
      visibility: visible; }
    .hero__nav_sticky .main-nav__item_subnav .main-nav__subnav.subnav {
      top: 100%;
      opacity: 1;
      visibility: visible; }
  .main-nav__item {
    display: table-cell;
    vertical-align: top;
    width: auto;
    white-space: normal; }
    @media screen and (max-width: 430px) {
      .main-nav__item {
        display: inline-block; } }
    .main-nav__item:after {
      content: '\2022';
      font-size: 18px;
      color: #fff;
      display: block;
      position: absolute;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .main-nav__item:first-child:after {
      content: none; }
    .main-nav__item_active:after, .main-nav__item_active + .main-nav__item:after {
      content: none; }
  .main-nav__link {
    display: block;
    position: relative;
    text-align: center;
    padding: 17px 36px;
    text-shadow: 0 2px 0 rgba(4, 4, 4, 0.19);
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    z-index: 2; }
    .main-nav__link:hover {
      color: #ffea00; }
      .main-nav__link:hover:after {
        color: #fff; }
    .main-nav__item_active .main-nav__link {
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      border-radius: 2px; }
      .main-nav__item_active .main-nav__link:after {
        content: none; }
      .main-nav__item_active .main-nav__link:hover {
        color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .main-nav__link {
        font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      .main-nav__item .main-nav__link {
        padding: 16px 8px;
        font-size: 12px; }
      .main-nav__item:first-child .main-nav__link {
        padding: 16px 8px;
        font-size: 12px; } }

@media screen and (max-width: 430px) {
  .main-nav {
    text-align: center; }
  .main-nav__item a {
    white-space: nowrap; } }

.subnav {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 40px;
  background-color: #2A1337;
  border-radius: 0 0 3px 3px;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04); }
  .subnav__item {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 3%;
    white-space: nowrap; }
    .subnav__item:after {
      content: '-';
      color: #fff;
      font-size: 14px;
      line-height: 41px;
      font-family: inherit;
      display: block;
      position: absolute;
      bottom: 0;
      left: 100%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media only screen and (max-width: 767px) {
        .subnav__item:after {
          line-height: 28px; } }
    .subnav__item:last-child:after {
      content: none; }
  .subnav__link {
    display: block;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff; }
    .subnav__link_active {
      color: #f96915 !important; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .subnav__link {
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .subnav__link {
        font-size: 12px;
        padding: 4px 10px; } }
    .subnav__item:hover .subnav__link {
      color: #00ff76; }
      .subnav__item:hover .subnav__link:after {
        color: #fff; }

.winsline {
  display: block;
  position: relative;
  font-size: 0;
  width: 100%;
  overflow: hidden;
  margin-right: -19px; }
  @media only screen and (min-width: 1440px) {
    .winsline {
      width: 1440px;
      margin-right: -20px; } }
  .winsline__item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 76px;
    margin: 0 3px; }
    @media only screen and (min-width: 1440px) {
      .winsline__item {
        padding-right: 20px; } }
    @media only screen and (max-width: 767px) {
      .winsline__item {
        height: 64px;
        padding: 0; } }
  .winsline__block {
    background-color: #7D5858;
    border-radius: 2px;
    height: 100%;
    transition: background-color ease 0.2s;
    text-decoration: none; }
    .winsline__item:hover .winsline__block {
      background-color: #4B3956; }
  .winsline__img {
    width: 88px;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    border: 3px solid #FFF6A2; }
    @media only screen and (max-width: 767px) {
      .winsline__img {
        width: 64px;
        height: 63px; } }
    .winsline__item:hover .winsline__img {
      border: 3px solid #FF1F47; }
  .winsline__overlay {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    transition: background-color ease 0.1s;
    border-radius: 2px;
    width: 82px;
    height: 71px;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
    @media only screen and (max-width: 767px) {
      .winsline__overlay {
        width: 64px;
        height: 63px; } }
    .winsline__item:hover .winsline__overlay {
      background-color: rgba(0, 0, 0, 0.63);
      opacity: 1;
      visibility: visible; }
      @media only screen and (max-width: 767px) {
        .winsline__item:hover .winsline__overlay {
          opacity: 0;
          visibility: hidden; } }
  .winsline__button {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%); }
  .winsline__content {
    display: block;
    position: relative;
    line-height: 20px;
    height: 76px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 13px 10px 97px; }
    @media only screen and (min-width: 1440px) {
      .winsline__content {
        padding: 9px 13px 10px 105px; } }
    @media only screen and (max-width: 767px) {
      .winsline__content {
        padding: 8px 13px 8px 80px;
        height: 64px; } }
  .winsline__title {
    color: #fff;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .winsline__title {
        font-size: 10px;
        line-height: 12px;
        padding-top: 1px;
        margin-right: 11px; } }
    .winsline__title_color_yellow {
      color: #ffe400; }
  .winsline__note {
    color: #01ff25;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-overflow: ellipsis;
    display: block;
    float: left;
    overflow: hidden;
    max-width: 74px;
    white-space: nowrap; }
    @media only screen and (max-width: 767px) {
      .winsline__note {
        line-height: 14px;
        font-size: 10px; } }
    .winsline__note_small {
      color: #3c90f0;
      text-transform: lowercase;
      margin-left: 4px; }

.preview {
  position: relative;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
  padding: 5px;
  transition: .3s;
  box-shadow: 0px 0px 0px 5px transparent; }
  .preview:hover {
    box-shadow: inset 0px 0px 0px 5px #FF1F47; }
  .preview__item {
    display: block;
    position: relative; }
  .preview__img {
    max-width: 100%;
    width: 100%;
    display: block;
    max-height: 188px;
    border-radius: 4px; }
  .preview__overlay {
    display: block;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all ease 0.1s;
    z-index: -1; }
    .preview__item:hover .preview__overlay {
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.4), inset 0px 1px 4px rgba(255, 255, 255, 0.2);
      opacity: 1;
      z-index: 1; }
  .preview__action {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .preview__button {
    font-size: 20px;
    padding: 12px 15px;
    width: 120px;
    display: inline-block;
    white-space: nowrap;
    font-family: 'Roboto Condensed', sans-serif; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .preview__button {
        width: 100%;
        font-size: 14px;
        padding: 10px 20px; } }
    .preview__button_demo {
      margin-top: 11px;
      font-family: 'Roboto Condensed', sans-serif; }
  .preview__icon {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 12px;
    cursor: pointer;
    font-size: 20px;
    color: #ffffff; }
  .preview__icon.in_favorites {
    color: #fff001; }
  .preview__info {
    padding: 10px 13px;
    text-align: center; }
  .preview__title {
    color: #ffff;
    font-size: 18px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    max-width: calc(100% - 10px); }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .preview__title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: calc(100% - 10px);
        font-size: 10px; } }
  .preview__note {
    color: #AA896A;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .preview__note {
        max-width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .preview__note {
        font-size: 9px; } }

.search {
  display: block;
  position: relative; }
  .search__button {
    display: block;
    height: 41px;
    width: 41px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0; }
    .search__button:after {
      content: '';
      display: block;
      position: absolute;
      top: 8px;
      right: 9px;
      background: url("./img/search.svg") no-repeat;
      width: 30px;
      height: 30px; }
  .search__input {
    width: 100%;
    height: 40px;
    background-color: #D3D1D1;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 #152231, 0 1px 0 #354c68;
    color: #54435E;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: none;
    padding: 11px 37px 11px 13px; }

.tournament {
  display: block;
  position: relative;
  text-align: center; }
  .tournament_status {
    margin-bottom: 8px; }
  .tournament_name {
    font-size: 20px;
    text-transform: uppercase;
    font-family: Roboto Condensed,sans-serif;
    margin-bottom: 36px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament_name {
        max-width: 260px; } }
    @media only screen and (max-width: 767px) {
      .tournament_name {
        position: absolute;
        top: 10px;
        left: 145px;
        max-width: calc(100% - 200px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 5px; } }
    .tournament_name a {
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .tournament_vip-levels {
      position: absolute;
      top: 34px;
      left: 145px; } }
  .tournament__promo {
    display: block;
    position: relative;
    padding: 0 20px; }
    @media screen and (max-width: 1280px) {
      .tournament__promo {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 0; } }
  .tournament__head {
    position: relative;
    background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
    border-radius: 3px 3px 0px 0px; }
  .tournament__backnote {
    position: absolute;
    display: block;
    bottom: -7px;
    left: -9px;
    font-size: 28px;
    font-weight: 700;
    color: #355a83;
    text-transform: uppercase;
    z-index: 1; }
  .tournament__title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 0;
    z-index: 1;
    position: relative;
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .tournament__title {
        padding: 16px 0;
        white-space: nowrap;
        font-size: 17px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament__title {
        padding: 16px 0;
        white-space: nowrap;
        font-size: 17px; } }
  .tournament__img-overlay {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px; }
  .tournament__img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 1500px) {
      .tournament__img {
        width: 70%; } }
  .tournament__button {
    position: static;
    white-space: nowrap;
    bottom: -17px;
    left: 50%;
    transform: none;
    z-index: 1;
    border-radius: 3px;
    font-size: 16px; }
  .tournament__timer {
    background: linear-gradient(90deg, #2A1337 0%, #603D75 51.93%, #2A1337 100%);
    height: 100px;
    background-position: center;
    background-repeat: no-repeat; }
    .tournament__timer .timer__note {
      padding-bottom: 4px; }
  .tournament__table {
    margin-top: -17px;
    position: relative;
    padding: 0 20px; }
  .tournament__main {
    margin-top: 27px; }
  .tournament__panel {
    margin-top: 24px; }
  .tournament__yourposition h3 {
    color: #fff;
    margin: 10px 0 5px; }
  .tournament__yourposition .table-wrap {
    padding: 20px;
    padding-top: 0; }
  .tournament__yourposition table {
    background: #132d4b;
    color: #88add7;
    max-width: 100%;
    width: 100%;
    border: 0; }
    .tournament__yourposition table td {
      padding: 0 5px;
      font-size: 14px; }
      .tournament__yourposition table td:nth-child(n+2) {
        overflow: hidden;
        max-width: 69px;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .tab__content .active .tournament_vip-level {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: #042b52;
    color: #1d487a;
    font-weight: 900;
    font-size: 25px;
    border-radius: 3px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .tab__content .active .tournament_vip-level {
        width: 36px;
        height: 36px;
        font-size: 17px; } }
    .tab__content .active .tournament_vip-level.active {
      background: #336daf;
      color: #fff;
      filter: drop-shadow(0 4px 10px #001327);
      display: inline-block; }
    @media only screen and (max-width: 767px) {
      .tab__content .active .tournament_vip-levels {
        position: relative;
        width: 100%;
        max-width: none;
        left: 0;
        top: -130px;
        text-align: center; } }
    .tab__content .active .tournament_vip-levels > p {
      color: #6a8bc5;
      margin-bottom: 7px;
      font-size: 15px;
      margin-top: 15px; }
      @media only screen and (max-width: 767px) {
        .tab__content .active .tournament_vip-levels > p {
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
  .tournament_summa {
    margin-top: 15px; }
    .tournament_summa span {
      color: #ffff; }
    .tournament_summa .countdown__divider:before {
      content: ''; }
    .tournament_summa .countdown span {
      font-size: 60px;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent; }
      .tournament_summa .countdown span:last-child {
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        -webkit-background-clip: text;
        color: transparent !important;
        font-size: 29px;
        margin-left: 10px; }
  .tournament_description {
    color: #8aadee;
    font-size: .95em; }
  .tournament_status .active-tournament__status,
  .tournament_status .future-tournament__status,
  .tournament_status .finished-tournament__status {
    font-size: 16px;
    padding-right: 53px;
    padding-top: 17px;
    padding-bottom: 15px;
    text-align: right; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament_status .active-tournament__status,
      .tournament_status .future-tournament__status,
      .tournament_status .finished-tournament__status {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 73px; } }
    @media only screen and (max-width: 767px) {
      .tournament_status .active-tournament__status,
      .tournament_status .future-tournament__status,
      .tournament_status .finished-tournament__status {
        position: absolute;
        top: 0;
        right: 50%;
        transform: translateX(50%); } }
    .tournament_status .active-tournament__status span,
    .tournament_status .future-tournament__status span,
    .tournament_status .finished-tournament__status span {
      color: #8aadee;
      font-size: 0.95em; }
    .tournament_status .active-tournament__status img,
    .tournament_status .future-tournament__status img,
    .tournament_status .finished-tournament__status img {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 50px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .tournament_status .active-tournament__status img,
        .tournament_status .future-tournament__status img,
        .tournament_status .finished-tournament__status img {
          right: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .tournament_status .active-tournament__status img,
        .tournament_status .future-tournament__status img,
        .tournament_status .finished-tournament__status img {
          width: 40px;
          top: 27px; } }
      @media only screen and (max-width: 767px) {
        .tournament_status .active-tournament__status img,
        .tournament_status .future-tournament__status img,
        .tournament_status .finished-tournament__status img {
          width: 40px;
          right: 10px; } }
  .tournament_status .active-tournament__status {
    color: #00ffbb; }
  .tournament_status .future-tournament__status {
    color: #ff9500; }
  .tournament_status .finished-tournament__status {
    color: #ff364b; }

.tournament_gameplay .tournament__timer {
  height: 100px; }

.tournament_gameplay .tournament__table {
  margin: 10px 0;
  overflow: hidden; }

.tournament_gameplay .table__body .table__cell:last-child {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis; }

.tournament__attention-prize {
  margin: -20px auto; }
  .tournament__attention-prize > * {
    display: inline-block;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament__attention-prize > * {
        margin: -10px 0; } }
    @media only screen and (max-width: 767px) {
      .tournament__attention-prize > * {
        margin: -20px 0; } }
  .tournament__attention-prize span {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700; }
    .tournament__attention-prize span small {
      color: #8aadee;
      font-size: 72%; }

.tournament__table {
  margin-top: 0;
  padding: 20px !important; }
  .tournament__table .table__headrow .table__cell {
    padding: 10px;
    text-align: right; }
    .tournament__table .table__headrow .table__cell:nth-child(2) {
      padding: 0;
      text-align: left; }
    .tournament_undefined .tournament__table .table__headrow .table__cell {
      text-align: center; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament__table .table__body .table__cell:last-child {
      max-width: 90px;
      overflow: hidden;
      text-overflow: ellipsis; } }

.home .tournament__timer {
  background: linear-gradient(90deg, #2A1337 0%, #603D75 51.93%, #2A1337 100%);
  background: linear-gradient(90deg, #4B3956 0%, #603D75 51.93%, #4B3956 100%);
  height: 100px;
  background-position: center;
  background-repeat: no-repeat; }
  .home .tournament__timer .timer__note {
    padding-bottom: 4px; }

.tournament-status-finished {
  color: #F91D44; }

.tournament-status-pending {
  color: #FFD600; }

.tournament-status-active {
  color: #B0E800; }

.tournament-section .panel_tournament {
  display: block;
  position: relative;
  padding: 10px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-section .panel_tournament {
      display: table; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .panel_tournament {
      display: table; } }

@media only screen and (min-width: 1440px) {
  .tournament-section .panel .img_overflow {
    height: 299px;
    width: 297px; }
    .tournament-section .panel .img_overflow img {
      width: 297px; } }

.tournament-section .panel__icon-cell {
  width: 32.3%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-section .panel__icon-cell {
      width: 32%; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .panel__icon-cell {
      width: 32%; } }

.tournament-section .panel__cell_img {
  width: 269px;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .panel__cell_img {
      width: 339px;
      padding-bottom: 1rem; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .panel__cell_img {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .tournament-section .panel__icons.bonus-name {
    top: -120px; } }

@media only screen and (min-width: 1440px) {
  .tournament-section .panel__icons.bonus-name img {
    width: 110px; } }

@media only screen and (max-width: 767px) {
  .tournament-section .panel__icons.bonus-name img {
    width: 70px;
    max-width: 100%;
    height: auto; } }

.tournament-section .panel__cell_column {
  width: auto;
  padding: 0 15px; }
  .tournament-section .panel__cell_column:nth-child(2) {
    width: 330px;
    position: static; }
    @media only screen and (max-width: 767px) {
      .tournament-section .panel__cell_column:nth-child(2) {
        width: 100%;
        margin-top: 30px; } }
    @media only screen and (min-width: 1440px) {
      .tournament-section .panel__cell_column:nth-child(2) {
        width: 360px; } }
  .tournament-section .panel__cell_column:nth-child(3) {
    width: 760px; }
    @media only screen and (min-width: 1440px) {
      .tournament-section .panel__cell_column:nth-child(3) {
        width: 660px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .tournament-section .panel__cell_column:nth-child(3) {
        width: 530px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .tournament-section .panel__cell_column:nth-child(3) {
        width: 320px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-section .panel__cell_column:nth-child(3) {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .tournament-section .panel__cell_column:nth-child(3) {
        width: 100%;
        text-align: center; } }

.tournament-section .main__item {
  width: calc(100% - 40px);
  background: #4B3956;
  border-radius: 4px; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .tournament-section .main__item {
      width: 870px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-section .main__item {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .main__item {
      width: 100%; } }
  .tournament-section .main__item:hover {
    background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
    border-radius: 4px; }

.tournament-section .tournament_status .active-tournament__status, .tournament-section .tournament_status .finished-tournament__status, .tournament-section .tournament_status .future-tournament__status {
  padding-right: 63px;
  padding-top: 17px;
  padding-bottom: 10px; }
  .tournament-section .tournament_status .active-tournament__status img, .tournament-section .tournament_status .finished-tournament__status img, .tournament-section .tournament_status .future-tournament__status img {
    top: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-section .tournament_status .active-tournament__status img, .tournament-section .tournament_status .finished-tournament__status img, .tournament-section .tournament_status .future-tournament__status img {
        width: 40px;
        top: 19px; } }
    @media only screen and (max-width: 767px) {
      .tournament-section .tournament_status .active-tournament__status img, .tournament-section .tournament_status .finished-tournament__status img, .tournament-section .tournament_status .future-tournament__status img {
        top: 22px;
        right: 20px;
        width: 36px; } }

@media only screen and (max-width: 767px) {
  .tournament-section .lottery__caption_xs {
    font-size: 13px;
    line-height: 17px; } }

.tournament-section .panel__icons.bonus-name .panel__icon-title {
  font-weight: 100;
  font-size: 14px;
  font-family: "Roboto Condensed";
  color: white;
  line-height: 1.2;
  text-transform: none; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .panel__icons.bonus-name .panel__icon-title {
      font-size: 17px; } }

.tournament-section .tournament_summa {
  font-weight: 100;
  font-size: 14px;
  font-family: "Roboto";
  color: #366297;
  line-height: 1.2;
  text-align: center; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .tournament_summa {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tournament_summa {
      margin-top: 20px;
      position: relative;
      text-align: center; } }
  .tournament-section .tournament_summa .countdown {
    font-size: 0; }
    .tournament-section .tournament_summa .countdown span {
      font-size: 47px; }
      @media only screen and (min-width: 1440px) {
        .tournament-section .tournament_summa .countdown span {
          font-size: 56px; } }
      .tournament-section .tournament_summa .countdown span:last-child {
        color: #366297; }

.tournament-section .tournament_description {
  font-size: 15px;
  font-family: "Roboto";
  color: white;
  padding-bottom: 70px;
  line-height: 1.5;
  text-align: justify; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .tournament_description {
      font-size: 18px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .tournament-section .tournament_description {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tournament_description {
      text-align: left; } }

.tournament-section .panel__cell .button_color_red {
  border-radius: 3px;
  font-size: 16px !important;
  color: white;
  font-weight: bold;
  border: 0;
  box-shadow: none;
  position: absolute;
  right: 20px;
  bottom: 0px;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: none; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .tournament-section .panel__cell .button_color_red {
      bottom: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-section .panel__cell .button_color_red {
      bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .panel__cell .button_color_red {
      bottom: 20px;
      right: 0;
      position: relative; } }
  @media only screen and (min-width: 1440px) {
    .tournament-section .panel__cell .button_color_red {
      font-size: 20px; } }
  .tournament-section .panel__cell .button_color_red .panel__arrow {
    line-height: 15px;
    padding: 0;
    font-size: 22px; }
    @media only screen and (min-width: 1440px) {
      .tournament-section .panel__cell .button_color_red .panel__arrow {
        line-height: 21px;
        font-size: 22px;
        padding-left: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .tournament-section .panel__timer {
    background: transparent; } }

@media only screen and (max-width: 767px) {
  .tournament-section .panel__timer {
    position: relative;
    background: transparent; } }

.tournament-section .tournament_name {
  font-size: 22px;
  margin-bottom: 28px;
  color: #fff;
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .tournament_name {
      font-size: 29px;
      margin-bottom: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-section .tournament_name {
      width: 100%;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tournament_name {
      position: relative;
      width: 100%;
      white-space: normal;
      max-width: 100%;
      left: 0;
      display: table-cell;
      vertical-align: middle;
      height: 54px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tournament_name-link {
      position: relative;
      text-align: center;
      display: table;
      width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .tournament-section .tab__content .active .panel__icon-cell img {
    width: 80px;
    height: auto; } }

.tournament-section .tab__content .active .tournament_vip-levels > p {
  font-size: 16px;
  font-family: "Roboto";
  color: #366297;
  margin-top: 18px; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .tab__content .active .tournament_vip-levels > p {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tab__content .active .tournament_vip-levels > p {
      font-size: 15px; } }

.tournament-section .tab__content .active .tournament_vip-level {
  font-size: 20px;
  font-family: "Roboto";
  color: #366297;
  border: 1px solid #366297;
  border-radius: 50%;
  background: transparent;
  line-height: 29px; }
  @media only screen and (min-width: 1440px) {
    .tournament-section .tab__content .active .tournament_vip-level {
      margin: 0 5px; } }
  @media only screen and (max-width: 767px) {
    .tournament-section .tab__content .active .tournament_vip-level {
      font-size: 22px;
      line-height: 36px; } }
  .tournament-section .tab__content .active .tournament_vip-level.active {
    border-color: #2d517d;
    background-color: white; }

.tournament-section .timer {
  padding: 0;
  margin: 0; }

.tournament-section .panel__timer .timer__note {
  font-weight: bold;
  font-size: 14px;
  background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
  text-shadow: none; }

.tournament-details__header-top {
  background: #4B3956;
  position: relative;
  padding: 20px; }
  @media only screen and (max-width: 767px) {
    .tournament-details__header-top {
      margin-top: 64px; } }
  .tournament-details__header-top .tournament-status {
    position: absolute;
    right: 20px;
    top: -15px;
    padding: 18px 25px 20px 0; }
    @media only screen and (max-width: 767px) {
      .tournament-details__header-top .tournament-status {
        top: -74px;
        right: 37%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .tournament-details__header-top .tournament-status {
        top: -74px;
        right: 30%; } }
    .tournament-details__header-top .tournament-status .active-tournament__status,
    .tournament-details__header-top .tournament-status .future-tournament__status,
    .tournament-details__header-top .tournament-status .finished-tournament__status {
      font-size: 16px;
      padding-right: 53px;
      padding-top: 17px;
      padding-bottom: 15px;
      text-align: right; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .tournament-details__header-top .tournament-status .active-tournament__status,
        .tournament-details__header-top .tournament-status .future-tournament__status,
        .tournament-details__header-top .tournament-status .finished-tournament__status {
          position: absolute;
          top: 20px;
          right: 0;
          padding-right: 40px; } }
      @media only screen and (max-width: 767px) {
        .tournament-details__header-top .tournament-status .active-tournament__status,
        .tournament-details__header-top .tournament-status .future-tournament__status,
        .tournament-details__header-top .tournament-status .finished-tournament__status {
          position: absolute;
          right: 0;
          font-size: 17px;
          top: 0px; } }
      .tournament-details__header-top .tournament-status .active-tournament__status span,
      .tournament-details__header-top .tournament-status .future-tournament__status span,
      .tournament-details__header-top .tournament-status .finished-tournament__status span {
        color: #8aadee;
        font-size: 0.95em; }
      .tournament-details__header-top .tournament-status .active-tournament__status img,
      .tournament-details__header-top .tournament-status .future-tournament__status img,
      .tournament-details__header-top .tournament-status .finished-tournament__status img {
        position: absolute;
        top: 30px;
        right: 20px;
        width: 50px; }
        @media only screen and (min-width: 1000px) and (max-width: 1239px) {
          .tournament-details__header-top .tournament-status .active-tournament__status img,
          .tournament-details__header-top .tournament-status .future-tournament__status img,
          .tournament-details__header-top .tournament-status .finished-tournament__status img {
            right: 10px; } }
        @media only screen and (min-width: 768px) and (max-width: 999px) {
          .tournament-details__header-top .tournament-status .active-tournament__status img,
          .tournament-details__header-top .tournament-status .future-tournament__status img,
          .tournament-details__header-top .tournament-status .finished-tournament__status img {
            width: 30px;
            top: 50%;
            transform: translateY(-50%);
            right: 0; } }
        @media only screen and (max-width: 767px) {
          .tournament-details__header-top .tournament-status .active-tournament__status img,
          .tournament-details__header-top .tournament-status .future-tournament__status img,
          .tournament-details__header-top .tournament-status .finished-tournament__status img {
            width: 40px;
            right: 10px;
            top: 22px; } }

.tournament-details__name {
  text-align: center;
  font-size: 36px;
  padding: 0 150px;
  text-transform: uppercase;
  color: #fff;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .tournament-details__name {
      font-size: 20px;
      padding: 0 55px;
      margin: 0; } }

.tournament-details .tournament_status .active-tournament__status, .tournament-details .tournament_status .finished-tournament__status, .tournament-details .tournament_status .future-tournament__status {
  padding-right: 63px;
  padding-top: 17px;
  padding-bottom: 10px; }
  .tournament-details .tournament_status .active-tournament__status img, .tournament-details .tournament_status .finished-tournament__status img, .tournament-details .tournament_status .future-tournament__status img {
    top: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details .tournament_status .active-tournament__status img, .tournament-details .tournament_status .finished-tournament__status img, .tournament-details .tournament_status .future-tournament__status img {
        width: 40px;
        top: 19px; } }
    @media only screen and (max-width: 767px) {
      .tournament-details .tournament_status .active-tournament__status img, .tournament-details .tournament_status .finished-tournament__status img, .tournament-details .tournament_status .future-tournament__status img {
        top: 20px;
        right: 20px;
        width: 36px; } }

.tournament-details__summary {
  display: flex;
  justify-content: space-between; }
  .tournament-details__summary > div {
    width: 33%; }
    @media only screen and (max-width: 767px) {
      .tournament-details__summary > div {
        width: 100%; } }

.tournament-details_vip-levels > p {
  font-size: 14px;
  font-family: "Roboto";
  color: #366297;
  margin-top: 23px; }
  @media only screen and (min-width: 1440px) {
    .tournament-details_vip-levels > p {
      font-size: 17px; } }
  @media only screen and (max-width: 767px) {
    .tournament-details_vip-levels > p {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 17px; } }

.tournament-details .tournament_vip-level {
  font-size: 20px;
  font-family: "Roboto";
  color: #366297;
  border: 1px solid #366297;
  border-radius: 50%;
  background: transparent;
  line-height: 29px;
  width: 30px;
  display: inline-block;
  margin-top: -3px; }
  @media only screen and (min-width: 1440px) {
    .tournament-details .tournament_vip-level {
      margin: 0 5px; } }
  @media only screen and (max-width: 767px) {
    .tournament-details .tournament_vip-level {
      font-size: 14px;
      line-height: 28px; } }
  .tournament-details .tournament_vip-level.active {
    border-color: #2d517d;
    background-color: white; }

.tournament-details .tournament-details__subtitle {
  text-transform: none;
  color: #ffff;
  text-shadow: none;
  font-size: 16px;
  font-family: Roboto; }

@media only screen and (max-width: 767px) {
  .tournament-details__vip-levels- wrapper {
    width: 100%;
    order: 2; } }

@media only screen and (max-width: 767px) {
  .tournament-details__summa {
    width: 100%;
    order: 1; } }

.tournament-details__timer-countdown {
  padding-top: 21px;
  width: 33%; }
  @media only screen and (max-width: 767px) {
    .tournament-details__timer-countdown {
      width: 100%;
      order: 3; } }
  .tournament-details__timer-countdown > span {
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold; }

.tournament-details .tournament-details__header {
  position: relative;
  height: auto;
  color: #366297; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .tournament-details .tournament-details__header {
      padding: 0px 10px 0px; } }
  .tournament-details .tournament-details__header:before {
    content: '';
    position: absolute;
    width: 40%;
    height: 1px;
    background: #FFD600;
    border: 0;
    max-width: 100%;
    top: 42px;
    left: 20%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details .tournament-details__header:before {
        width: 30%;
        left: 15%; } }
    @media only screen and (max-width: 767px) {
      .tournament-details .tournament-details__header:before {
        width: 30%;
        left: 15%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .tournament-details .tournament-details__header:before {
        width: 20%;
        left: 10%; } }
  .tournament-details .tournament-details__header:after {
    content: '';
    position: absolute;
    width: 40%;
    height: 1px;
    background: #FFD600;
    border: 0;
    max-width: 100%;
    top: 42px;
    right: 0;
    opacity: 1; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details .tournament-details__header:after {
        width: 30%; } }
    @media only screen and (max-width: 767px) {
      .tournament-details .tournament-details__header:after {
        width: 30%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .tournament-details .tournament-details__header:after {
        width: 20%; } }
  .tournament-details .tournament-details__header .tournament-details__title {
    display: inline-block;
    background: transparent;
    padding: 0 20px;
    color: #fcc807;
    font-family: Roboto;
    font-size: 26px;
    font-weight: 100; }
    @media only screen and (max-width: 767px) {
      .tournament-details .tournament-details__header .tournament-details__title {
        width: auto; } }
    .tournament-details .tournament-details__header .tournament-details__title span {
      color: #ffff;
      font-size: 22px; }

.tournament-details__info .tournament-details__sum {
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .tournament-details__info .tournament-details__sum {
      display: flex;
      flex-direction: column; } }
  .tournament-details__info .tournament-details__sum small {
    font-size: 16px;
    color: #FFD600; }
    @media only screen and (max-width: 767px) {
      .tournament-details__info .tournament-details__sum small {
        font-size: 15px; } }
  .tournament-details__info .tournament-details__sum span {
    font-size: 18px;
    color: #fff;
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .tournament-details__info .tournament-details__sum span {
        font-size: 17px; } }

.tournament-details__info .tournament-details__head__text {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  line-height: 40px; }
  @media only screen and (max-width: 767px) {
    .tournament-details__info .tournament-details__head__text {
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
      line-height: 25px; } }

.tournament-details__info .summary_text {
  text-align: left;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .tournament-details__info .summary_text {
      display: flex;
      flex-direction: column; } }
  .tournament-details__info .summary_text span {
    font-family: Roboto;
    font-weight: 100;
    text-shadow: none; }
    .tournament-details__info .summary_text span:nth-child(2n+1) {
      font-size: 16px;
      color: #FFD600; }
      @media only screen and (max-width: 767px) {
        .tournament-details__info .summary_text span:nth-child(2n+1) {
          font-size: 15px; } }
    .tournament-details__info .summary_text span:nth-child(2n) {
      font-size: 18px;
      color: #fff;
      padding-right: 20px; }
      @media only screen and (max-width: 767px) {
        .tournament-details__info .summary_text span:nth-child(2n) {
          font-size: 17px; } }

.tournament-details__info p {
  font-family: Roboto;
  font-size: 18px;
  margin-top: 25px;
  line-height: 1.5;
  color: #fff;
  text-align: left; }

.tournament-details__slider-prize {
  width: 960px;
  margin: 0 auto; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .tournament-details__slider-prize {
      width: 860px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .tournament-details__slider-prize {
      width: 600px; } }
  @media only screen and (max-width: 767px) {
    .tournament-details__slider-prize {
      width: 85%; } }
  .tournament-details__slider-prize .slick-next {
    right: -40px;
    height: 71px;
    width: 37px; }
    .tournament-details__slider-prize .slick-next:before {
      content: url(./img/grand-lottery-arrow-r.png);
      height: 71px;
      width: 37px;
      display: block; }
  .tournament-details__slider-prize .slick-prev {
    left: -40px;
    height: 71px;
    width: 37px; }
    .tournament-details__slider-prize .slick-prev:before {
      content: url(./img/grand-lottery-arrow-l.png);
      height: 71px;
      width: 37px;
      display: block; }
  .tournament-details__slider-prize .tournament-slider__prize {
    text-align: left; }
    .tournament-details__slider-prize .tournament-slider__prize span:first-child {
      font-size: 16px;
      font-family: "Roboto";
      color: #fff000;
      display: inline-block;
      border-left: 1px solid #fff000;
      padding: 5px 10px 15px; }
    .tournament-details__slider-prize .tournament-slider__prize span:last-child {
      font-size: 16px;
      font-family: "Roboto";
      color: #fff; }

.tournament-details .tournament-details__name {
  padding: 0 150px; }
  @media only screen and (max-width: 767px) {
    .tournament-details .tournament-details__name {
      font-size: 20px;
      padding: 0 55px;
      margin: 0; } }

.tournament-details img {
  max-width: 100%; }

.tournament-details .leaderboard__cell {
  background: #523D5F; }

.tournament-details .leaderboard__importance:before {
  background: #54435E; }

.tournament-details .leaderboard__importance:after {
  background: #4B3956; }

.tournament-details .table_leaderboard .table__row:nth-child(odd) {
  background: #523D5F; }

.tournament-details .table_leaderboard .table__cell {
  padding: 5px 30px; }
  @media only screen and (max-width: 767px) {
    .tournament-details .table_leaderboard .table__cell {
      padding: 5px 10px; } }
  .tournament-details .table_leaderboard .table__cell:last-child {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media only screen and (max-width: 767px) {
      .tournament-details .table_leaderboard .table__cell:last-child {
        max-width: 108px; } }

.main_tournament-details {
  padding: 0; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .main_tournament-details {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .main_tournament-details {
      padding: 0px;
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .main_tournament-details {
      padding: 0;
      width: 100%; } }

.tournament-details-head {
  padding: 20px 40px 60px;
  background: #54435E;
  border-radius: 4px; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .tournament-details-head {
      padding: 20px 10px 60px; } }

.section__main.tournament-section-tournament {
  background: #4B3956; }

.tournament_prises {
  margin-top: 20px; }

.active-tournament__status {
  color: #00ffbb; }

.tournament-status-pending {
  color: #ff9500; }

.tournament-status-finished {
  color: #ff364b; }

.lottery-status-active {
  color: #00ffbb; }

.lottery-status-pending {
  color: #ff9500; }

.lottery-status-finished {
  color: #ff364b; }

.timer {
  display: block;
  position: relative;
  padding: 0;
  margin: 10px 0; }
  @media only screen and (max-width: 767px) {
    .timer {
      padding: 0; } }
  .timer__note {
    text-shadow: 0 1px 0 #243344;
    color: #ffd801;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px; }
    .timer__note_large {
      font-size: 14px; }
  .timer__table {
    display: table;
    margin: 0 auto; }
  .timer__row {
    display: table-row; }
  .timer__cell {
    display: table-cell; }
    .timer__row_digit .timer__cell {
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.26);
      color: #fff;
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .timer__row_digit .timer__cell {
          font-size: 28px; } }
    .timer__row_caption .timer__cell {
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center; }
    .timer__cell_empty {
      padding: 0 12px 0 0; }

.footer {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  padding-bottom: 37px;
  text-align: center; }
  @media only screen and (min-width: 1440px) {
    .footer {
      width: 1420px; } }
  .footer__head {
    width: 940px;
    height: 93px;
    background-position: center;
    text-align: center; }
    @media only screen and (min-width: 1440px) {
      .footer__head {
        width: 1420px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .footer__head {
        width: 1180px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .footer__head {
        width: 700px; } }
    @media only screen and (max-width: 767px) {
      .footer__head {
        width: 100%;
        height: 43px; } }
  .footer__nav {
    background: #4B3956;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.240121);
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .footer__nav {
        padding: 6px 4px; } }
    @media only screen and (max-width: 767px) {
      .footer__nav .nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column; } }
  .footer__icons {
    display: block;
    margin: 30px auto; }
  .footer__cell {
    display: inline-block;
    vertical-align: middle;
    filter: sepia(100%) hue-rotate(-90deg);
    padding: 10px;
    margin: 0;
    transition: .2s all ease; }
    .footer__cell .image {
      width: 110px;
      height: 40px;
      max-width: 100%; }
  .footer__cell:hover {
    filter: none; }
  .footer__providers {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap; }
    .footer__providers .image {
      width: 50px;
      margin-left: 5px; }
  .footer__rules {
    color: #b098bf;
    font-size: 12px;
    font-weight: 400;
    max-width: 720px;
    margin: 0 auto; }

.info-panel {
  display: block;
  position: relative;
  width: 440px; }
  .info-panel__header {
    padding: 26px;
    background-color: #0b2540;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.65);
    text-align: center; }
  .info-panel__title {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.21);
    font-size: 19px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff; }
    .info-panel__title_important {
      color: #ff0000;
      margin-left: 5px; }
  .info-panel__caption {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 17px;
    line-height: 20px; }
  .info-panel__content {
    width: 440px;
    height: 89px;
    padding: 24px 42px;
    background-color: #3889d6;
    background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }

.alert-panel {
  background-color: #1f3756;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  padding: 18px 0;
  width: 100%; }
  .alert-panel__inner {
    width: 1024px;
    margin: 0 auto;
    display: table; }
  .alert-panel__cell {
    display: table-cell;
    width: 1px;
    vertical-align: middle; }
    .alert-panel__cell_fluid {
      width: auto; }
  .alert-panel__note {
    white-space: nowrap;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase; }
  .alert-panel__button {
    vertical-align: middle;
    border: 1px solid #435c77;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 12px;
    margin-left: 17px; }

.modal {
  display: block;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: auto;
  box-shadow: inset 0 -1px 0 rgba(91, 64, 71, 0.38), 0 1px 8px rgba(0, 0, 0, 0.53);
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 767px) {
    .modal {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transform: none;
      width: 100%;
      background-color: #1b1a27;
      box-shadow: inset 0 -1px 0 rgba(108, 106, 139, 0.25); } }
  .modal__header {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
    background: #2A1337;
    text-align: center;
    position: relative; }
  .modal__title {
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.14);
    padding: 15px 50px;
    color: #ffff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase; }
  .modal__icon {
    display: block;
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
    opacity: 1; }
  .modal__content {
    padding: 10px 27px 5px 32px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center; }
    @media only screen and (max-width: 767px) {
      .modal__content {
        padding: 0 20px 30px 20px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .modal__content {
        display: block; } }
  .modal__button {
    display: block;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.21);
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px 62px;
    border-radius: 3px;
    z-index: 2;
    box-shadow: none;
    margin: 0 auto;
    border: none; }
  @media only screen and (max-width: 767px) {
    .modal__input {
      display: block;
      margin-left: 0;
      padding-top: 20px; } }
  .modal__input:first-child {
    margin-left: 0; }
  .modal__input-inner.input__inner {
    color: #54435E;
    font-size: 15px;
    line-height: 18px;
    margin-top: 28px;
    width: 295px;
    text-transform: none;
    height: 49px;
    background: #D3D1D1;
    border-radius: 2px; }
    @media only screen and (max-width: 767px) {
      .modal__input-inner.input__inner {
        width: 100%;
        margin-top: 14px; } }
  .modal__label {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.33);
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase; }
  .modal__caption {
    color: #FF1F47;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    text-align: center;
    top: 0;
    right: 3px;
    text-decoration: underline;
    transition: color 0.3s ease;
    cursor: pointer;
    margin: 10px 0; }
    @media only screen and (max-width: 767px) {
      .modal__caption {
        top: 24px; } }
    .modal__caption:hover {
      color: #ffff;
      text-decoration: underline; }
  .modal__tooltip {
    margin-top: 14px; }
  .modal__note {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    display: block;
    text-align: center;
    margin-bottom: 8px;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      .modal__note {
        padding: 10px 0 0 0;
        text-align: center;
        margin-bottom: 10px;
        display: block; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .modal__note {
        padding: 0px 0px 0px 0px; } }
    .modal__note_important {
      color: #fa2e38;
      display: inline-block;
      vertical-align: top;
      font-weight: 700;
      font-size: 17px;
      margin: 33px 0 6px 0; }
      @media only screen and (max-width: 767px) {
        .modal__note_important {
          margin: 20px 0 0;
          display: block; } }
    .modal__note_accent {
      color: #fff000;
      display: inline-block;
      vertical-align: top;
      font-weight: 700;
      margin: 33px 0 6px 5px; }
      @media only screen and (max-width: 767px) {
        .modal__note_accent {
          margin: 20px 0 0;
          display: block; } }
  .modal__error {
    display: block;
    position: relative;
    text-align: center;
    max-width: 100%;
    font-size: 14px;
    color: #ff1625; }
  .modal__signup-soc {
    display: block;
    float: left;
    text-align: left;
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      .modal__signup-soc {
        float: none;
        padding-bottom: 80px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .modal__signup-soc {
        margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .modal__signup {
      text-align: center; }
      .modal__signup .signup__button {
        left: auto; } }
  .modal__signup .signup__input-inner {
    background-color: #222131;
    border: 1px solid #353448;
    border-radius: 2px;
    box-shadow: inset 0 0 6px 1px rgba(255, 255, 255, 0.05), inset -121px 0 0 rgba(0, 0, 0, 0.09); }
  .modal__actions {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px; }
    .modal__actions .reg_link {
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      line-height: normal;
      text-align: center;
      margin-left: 5px;
      color: #FF1F47;
      text-decoration: underline;
      transition: .3s; }
      .modal__actions .reg_link:hover {
        color: #ffff; }
  .modal__social .socials__item {
    background: rgba(255, 255, 255, 0.05);
    transition: .3s;
    box-shadow: none;
    border-radius: 2px; }
    .modal__social .socials__item:hover {
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 2px; }
  .modal__footer {
    width: 100%;
    position: relative;
    padding: 0 0 25px 0;
    box-shadow: inset 0 -1px 0 rgba(108, 106, 139, 0.25);
    font-family: 'Roboto Condensed', sans-serif; }
    @media only screen and (max-width: 767px) {
      .modal__footer {
        box-shadow: none;
        padding: 0px 31px 0px 32px; } }
    .modal__footer:after {
      content: '';
      display: table;
      clear: both; }

.modal.popup__demo_game {
  overflow: initial; }
  .modal.popup__demo_game .popup__content {
    margin: 0;
    padding: 0; }
    .modal.popup__demo_game .popup__content .gameplay-panel__inner {
      background: url(./img/bg_form.webp) no-repeat;
      background-size: cover; }
    .modal.popup__demo_game .popup__content .gameplay-panel__title em {
      color: #FFE400; }
    .modal.popup__demo_game .popup__content .gameplay-panel__content {
      text-align: center;
      margin: 0 auto;
      margin-top: 10px;
      display: flex;
      align-self: center;
      width: 80%;
      justify-content: space-evenly; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .modal.popup__demo_game .popup__content .gameplay-panel__content {
          width: 500px;
          justify-content: center;
          flex-wrap: nowrap;
          width: 80%;
          justify-content: center; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .field-profileform-phoneCode {
            margin-bottom: 10px;
            flex-basis: 15%; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .field-profileform-phone {
            margin-bottom: 10px;
            flex-basis: 40%;
            margin: 0 5px; } }
      @media only screen and (max-width: 767px) {
        .modal.popup__demo_game .popup__content .gameplay-panel__content {
          flex-wrap: nowrap;
          width: 60%;
          justify-content: center; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .field-profileform-phoneCode {
            margin-bottom: 10px;
            flex-basis: 15%; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .field-profileform-phone {
            margin-bottom: 10px;
            flex-basis: 40%;
            margin: 0 5px; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .wish-bonus__link {
            margin: 20px 0;
            line-height: 0; }
          .modal.popup__demo_game .popup__content .gameplay-panel__content .wish-bonus__bonus-info {
            margin: 10px 0; } }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .modal.popup__demo_game .popup__content .gameplay-panel__content {
          flex-wrap: wrap;
          width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) and (min-width: 320px) and (max-width: 567px) {
    .modal.popup__demo_game .popup__content .gameplay-panel__content .wish-bonus__button {
      padding: 10px 10px; } }
      .modal.popup__demo_game .popup__content .gameplay-panel__content .selectric {
        width: 100px; }
        @media only screen and (max-width: 767px) {
          .modal.popup__demo_game .popup__content .gameplay-panel__content .selectric {
            width: 100%; } }
      .modal.popup__demo_game .popup__content .gameplay-panel__content .input__inner {
        background: #00142a; }

.popup {
  width: 568px;
  height: auto;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: #E5E5E5;
  border-radius: 2px;
  padding-bottom: 1px;
  box-shadow: inset 0 -1px 0 rgba(91, 64, 71, 0.38), 0 1px 8px rgba(0, 0, 0, 0.53); }
  @media only screen and (max-width: 767px) {
    .popup {
      position: fixed;
      left: 0;
      top: 0;
      transform: none;
      width: 100% !important;
      max-height: 100%;
      height: fit-content;
      overflow-y: scroll;
      margin: 0 auto; } }
  .popup_tabs {
    width: 940px;
    height: auto;
    top: 1%;
    transform: translate(-50%, 0);
    position: absolute; }
    .popup_tabs .tab__content {
      min-height: 330px;
      background: #4B3956;
      padding: 1px; }
    @media only screen and (min-width: 1440px) {
      .popup_tabs {
        width: 940px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .popup_tabs {
        width: 940px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .popup_tabs {
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .popup_tabs {
        width: 100%;
        top: 0;
        overflow-y: auto;
        min-height: 0;
        transform: none; } }
  .popup__close, .popup .popup_go_tomain {
    width: 44px;
    height: 38px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 0;
    background: none;
    border-radius: 2px;
    text-align: center;
    padding: 11px 0;
    cursor: pointer; }
  .popup__head {
    position: relative;
    background: #2A1337; }
    .popup__head:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      opacity: 0.27;
      background-color: #3f3d60;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.42); }
  .popup__title {
    text-align: left;
    font-size: 19px;
    font-weight: 700;
    padding: 15px 20px;
    background: #2A1337;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase; }
    .popup__title_accent {
      color: #fff000; }
    .popup__content .popup__title {
      text-align: center;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .popup__content .popup__title {
          padding: 0 30px; } }
  .popup__subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #9e9cbd;
    padding: 24px 5px 23px;
    display: inline-block;
    vertical-align: top; }
    .popup__subtitle_accent {
      color: #fff000; }
  .popup__content {
    position: relative; }
  .popup__label {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.33);
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left; }
    .popup__label_small {
      font-size: 19px; }
  .popup__footer {
    position: relative;
    background-color: #2A1337;
    min-height: 64px;
    text-align: center; }
  .popup__note {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: block;
    padding-top: 21px;
    padding-bottom: 15px; }
  .popup__caption {
    display: block;
    position: relative;
    color: #fff;
    padding: 0 20px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    text-align: left; }
  .popup__socials {
    padding-bottom: 25px; }
    .popup__socials .socials__item {
      background-color: #222131;
      border: 1px solid #353448;
      border-radius: 2px;
      box-shadow: inset 0 0 6px 1px rgba(255, 255, 255, 0.05); }
  .popup__button {
    font-size: 18px;
    padding: 9px 18px;
    margin-top: -18px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .popup__gallery {
    text-align: center;
    margin-top: 41px;
    margin-bottom: 61px; }
    .popup__gallery .preview {
      margin-right: 28px; }
      @media only screen and (max-width: 767px) {
        .popup__gallery .preview {
          margin-right: 0;
          margin-bottom: 20px; } }
      .popup__gallery .preview:last-child {
        margin-right: 0; }
    .popup__gallery .preview__info {
      padding: 14px 15px;
      text-align: center; }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .popup__gallery .preview__info {
          text-align: left; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .popup__gallery .preview__info {
          text-align: left; } }
    .popup__gallery .preview__title {
      color: #f4f3ff;
      font-size: 14px;
      font-weight: 700; }
    .popup__gallery .preview__note {
      color: #736fa5;
      font-size: 11px;
      font-weight: 700; }
  .popup .column__1-5 {
    width: 19%; }
  .popup .column__2-5 {
    width: 39%; }
  .popup .column__3-5 {
    width: 59%; }
  .popup .column__4-5 {
    width: 79%; }
  .popup .column__5-5 {
    width: 100%; }
  .popup .column__1-3 {
    width: 33%; }
  .popup .column__2-3 {
    width: 66%; }
  .popup .column__1-5, .popup .column__2-5, .popup .column__3-5, .popup .column__4-5, .popup .column__5-5, .popup .column__1-3, .popup .column__2-3 {
    position: relative;
    display: inline-block;
    padding: 0;
    vertical-align: middle; }
    @media screen and (max-width: 627px) {
      .popup .column__1-5, .popup .column__2-5, .popup .column__3-5, .popup .column__4-5, .popup .column__5-5, .popup .column__1-3, .popup .column__2-3 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px; } }
  .popup .game-container {
    width: 30%;
    display: inline-block;
    padding: 3px;
    margin-right: 4.1%;
    text-align: center;
    position: relative;
    background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
    border-radius: 4px;
    padding: 10px; }
    @media screen and (max-width: 725px) {
      .popup .game-container {
        margin-right: 4%; } }
    .popup .game-container:nth-child(4) {
      margin-right: 0; }
      @media screen and (max-width: 480px) {
        .popup .game-container:nth-child(4) {
          margin: 5px auto; } }
    @media screen and (max-width: 480px) {
      .popup .game-container {
        margin: 5px auto;
        width: 284px;
        display: block; } }
    .popup .game-container p {
      margin: 0; }
    .popup .game-container:hover .preview__overlay {
      background-color: rgba(0, 0, 0, 0.73);
      box-shadow: inset 0 0 2.9px 1.1px rgba(255, 255, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 1px rgba(13, 25, 39, 0.37);
      opacity: 1;
      z-index: 1;
      height: 161px; }
      @media only screen and (max-width: 1000px) {
        .popup .game-container:hover .preview__overlay {
          height: 70%; } }
      @media only screen and (max-width: 880px) {
        .popup .game-container:hover .preview__overlay {
          height: 68%; } }
      @media only screen and (max-width: 767px) {
        .popup .game-container:hover .preview__overlay {
          height: 66%; } }
      @media only screen and (max-width: 740px) {
        .popup .game-container:hover .preview__overlay {
          height: 64%; } }
      @media only screen and (max-width: 660px) {
        .popup .game-container:hover .preview__overlay {
          height: 62%; } }
      @media only screen and (max-width: 610px) {
        .popup .game-container:hover .preview__overlay {
          height: 60%; } }
      @media only screen and (max-width: 570px) {
        .popup .game-container:hover .preview__overlay {
          height: 58%; } }
      @media only screen and (max-width: 520px) {
        .popup .game-container:hover .preview__overlay {
          height: 56%; } }
      @media only screen and (max-width: 480px) {
        .popup .game-container:hover .preview__overlay {
          height: 191px; } }
  .popup.popup_afterRegistration {
    width: 920px;
    color: #ffff;
    height: auto;
    top: 1%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    font-size: 18px;
    max-width: 100%;
    text-align: center;
    background: url(./img/afterreg.svg) no-repeat;
    background-size: cover;
    background-position: top center; }
    @media only screen and (max-width: 767px) {
      .popup.popup_afterRegistration {
        left: 50%;
        top: 0; } }
    .popup.popup_afterRegistration img {
      max-width: 100%;
      border-radius: 2px 2px 0px 0px; }
    .popup.popup_afterRegistration h2 {
      font-size: 27px;
      font-weight: 100;
      text-transform: uppercase;
      margin: 0;
      color: #FFD600; }
    .popup.popup_afterRegistration h3 {
      font-size: 20px;
      margin: 0; }
    .popup.popup_afterRegistration .popup__title {
      text-transform: uppercase;
      text-align: center;
      font-size: 20px; }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .popup.popup_afterRegistration .popup__title {
          padding: 10px 32px 10px; } }
    .popup.popup_afterRegistration .popup__head {
      background: #2A1337; }
    .popup.popup_afterRegistration .popup__close {
      background: transparent;
      box-shadow: none;
      top: 5px;
      opacity: 0.5; }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .popup.popup_afterRegistration .popup__close {
          top: 3px; } }
    .popup.popup_afterRegistration .prize-img {
      position: absolute;
      left: 85%;
      top: -7px;
      display: flex; }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterRegistration .prize-img {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .popup.popup_afterRegistration .section-1-txt {
        margin: 0 0 13px; } }
    .popup.popup_afterRegistration .popup__button {
      border-radius: 2px;
      padding: 12px 25px;
      margin-top: 10px !important; }
      .popup.popup_afterRegistration .popup__button.button_color_blue {
        border-top: 3px solid #4fcfff;
        background-image: linear-gradient(180deg, #01b7f0, #1932bc);
        margin-left: 33px; }
        @media screen and (max-width: 871px) {
          .popup.popup_afterRegistration .popup__button.button_color_blue {
            margin-left: 0;
            font-size: 16px; } }
    .popup.popup_afterRegistration .popup__footer {
      background: #272637; }
    .popup.popup_afterRegistration .popup__section {
      padding: 10px 60px 10px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .popup.popup_afterRegistration .popup__section {
          padding: 15px 30px; } }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterRegistration .popup__section {
          padding: 15px; } }
      .popup.popup_afterRegistration .popup__section p:last-child {
        margin-bottom: 0; }
      .popup.popup_afterRegistration .popup__section p:first-child {
        margin-bottom: 12px;
        color: #ffff; }
      .popup.popup_afterRegistration .popup__section .game-name {
        margin-bottom: 0; }
      .popup.popup_afterRegistration .popup__section .game-container div span:last-child {
        color: #ffff; }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterRegistration .popup__section:first-child img {
          max-width: 200px; } }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .popup.popup_afterRegistration .popup__section:first-child img {
          max-width: 150px; } }
      .popup.popup_afterRegistration .popup__section:nth-child(3) {
        text-align: center; }
        .popup.popup_afterRegistration .popup__section:nth-child(3) h2 {
          color: #fff; }
      .popup.popup_afterRegistration .popup__section .popup__button {
        margin-top: 0; }
    .popup.popup_afterRegistration .popup__section:nth-child(even) {
      background: #2A1337; }
    .popup.popup_afterRegistration table {
      width: 100%;
      margin: 0 auto;
      font-size: 15px; }
      @media screen and (max-width: 350px) {
        .popup.popup_afterRegistration table {
          font-size: 13px; } }
    .popup.popup_afterRegistration thead tr:first-child td {
      font-size: 13px;
      color: #ffff;
      background: #351945; }
      .popup.popup_afterRegistration thead tr:first-child td:last-child {
        text-align: right; }
    .popup.popup_afterRegistration td {
      border: 1px solid #2A1337;
      padding: 8px 20px; }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterRegistration td {
          padding: 5px; } }
    .popup.popup_afterRegistration tbody tr:nth-child(even) {
      background: #351945; }
    .popup.popup_afterRegistration tbody td:nth-child(2) {
      color: #FFD600; }
    .popup.popup_afterRegistration tbody td:nth-child(4) {
      color: #FFD600;
      text-align: right; }
    .popup.popup_afterRegistration tbody tr:last-child {
      border-bottom: 2px solid #001C3C; }
    .popup.popup_afterRegistration .popup-subtitle {
      color: #554b60;
      font-size: 12px;
      text-align: center;
      display: inline-block;
      width: 100%; }
    .popup.popup_afterRegistration .popup__section:last-child {
      background: transparent; }
    .popup.popup_afterRegistration .amount-of-payments {
      width: 320px;
      margin: 0 auto;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 350px) {
        .popup.popup_afterRegistration .amount-of-payments {
          width: 290px; } }
      .popup.popup_afterRegistration .amount-of-payments .amount {
        margin: 0 0 15px;
        font-size: 42px; }
      .popup.popup_afterRegistration .amount-of-payments small {
        color: #FFD600; }
      .popup.popup_afterRegistration .amount-of-payments small:nth-child(4) {
        position: absolute;
        left: 20px;
        text-align: left;
        width: 40%; }
        .popup.popup_afterRegistration .amount-of-payments small:nth-child(4):after {
          content: " ";
          margin-left: 5px;
          position: absolute;
          margin-top: -9px;
          width: 40px;
          height: 1px;
          display: block;
          background: #b6a9c3;
          left: 73px; }
          @media screen and (max-width: 350px) {
            .popup.popup_afterRegistration .amount-of-payments small:nth-child(4):after {
              width: 27px; } }
      .popup.popup_afterRegistration .amount-of-payments p:nth-child(5) {
        text-align: right;
        position: relative;
        margin: 0 21px 10px 0;
        font-size: 16px;
        color: #ffff; }
      .popup.popup_afterRegistration .amount-of-payments small:last-child {
        text-align: right;
        font-size: 12px;
        position: absolute;
        right: 22px;
        color: #ffff;
        margin-top: -40px;
        font-style: italic; }
    .popup.popup_afterRegistration .postreg_winner_nick {
      text-align: right;
      padding-right: 1rem;
      transform: translate(-90px, -29px); }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .popup.popup_afterRegistration .postreg_winner_nick {
          transform: translate(-100px, -28px); } }
    .popup.popup_afterRegistration .popup__footer {
      background: transparent; }
      .popup.popup_afterRegistration .popup__footer .popup__button {
        margin-top: -1rem !important; }
  .popup.popup_afterActivation {
    width: 920px;
    color: #b6a9c3;
    height: auto;
    top: 1%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    font-size: 18px;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .popup.popup_afterActivation {
        left: 50%;
        top: 0; } }
    .popup.popup_afterActivation img {
      max-width: 100%; }
    .popup.popup_afterActivation h2 {
      font-size: 27px;
      font-weight: 100;
      text-transform: uppercase;
      margin: 0;
      color: #4F7199; }
    .popup.popup_afterActivation h3 {
      font-size: 20px;
      margin: 0; }
    .popup.popup_afterActivation .popup__title {
      text-transform: none; }
    .popup.popup_afterActivation .popup__close {
      background: transparent;
      box-shadow: none;
      top: 9px;
      opacity: 0.5; }
    .popup.popup_afterActivation .icon-prize {
      position: absolute;
      left: 283px;
      top: 15px; }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterActivation .icon-prize {
          display: none; } }
    .popup.popup_afterActivation .popup__button {
      border-top: 3px solid #ffe303;
      border-radius: 21px;
      background-image: linear-gradient(180deg, #fe9400, #ff0024); }
      .popup.popup_afterActivation .popup__button.button_color_blue {
        border-top: 3px solid #4fcfff;
        background-image: linear-gradient(180deg, #01b7f0, #1932bc);
        margin-left: 33px; }
        @media screen and (max-width: 871px) {
          .popup.popup_afterActivation .popup__button.button_color_blue {
            margin-left: 0;
            font-size: 16px; } }
    .popup.popup_afterActivation .popup__section:nth-child(even) {
      background: #141224; }
    .popup.popup_afterActivation .popup__section {
      padding: 15px 60px 20px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .popup.popup_afterActivation .popup__section {
          padding: 15px 30px; } }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterActivation .popup__section {
          padding: 15px; } }
      .popup.popup_afterActivation .popup__section:last-child {
        background: url(./img/after-activation-bg.png) center bottom no-repeat #141224;
        padding-bottom: 41px; }
      .popup.popup_afterActivation .popup__section .popup__button {
        margin-top: 0; }
    .popup.popup_afterActivation table {
      width: 100%;
      margin: 0 auto;
      font-size: 15px;
      background: #222131; }
      @media screen and (max-width: 350px) {
        .popup.popup_afterActivation table {
          font-size: 13px; } }
    .popup.popup_afterActivation thead tr:first-child td {
      border-top: 1px solid #3f3e55;
      font-size: 13px;
      color: #534d5e;
      background: #282738; }
      .popup.popup_afterActivation thead tr:first-child td:last-child {
        text-align: right; }
    .popup.popup_afterActivation td {
      border-right: 1px solid #3f3e55;
      padding: 8px 20px; }
      .popup.popup_afterActivation td:first-child {
        border-left: 1px solid #3f3e55; }
      @media only screen and (max-width: 767px) {
        .popup.popup_afterActivation td {
          padding: 5px; } }
    .popup.popup_afterActivation tbody tr:last-child td {
      border-bottom: 1px solid #3f3e55; }
    .popup.popup_afterActivation tbody tr:nth-child(even) {
      background: #282738; }
    .popup.popup_afterActivation tbody td:nth-child(2) {
      color: #1cbbb4; }
    .popup.popup_afterActivation tbody td:nth-child(4) {
      color: #fdc236;
      text-align: right; }
    .popup.popup_afterActivation .popup-subtitle {
      color: #554b60;
      font-size: 12px;
      text-align: center;
      display: inline-block;
      width: 100%; }
    .popup.popup_afterActivation .amount-of-payments {
      width: 320px;
      margin: 24px auto 0;
      text-align: center;
      background: #222131;
      position: relative;
      padding-bottom: 14px; }
      @media screen and (max-width: 350px) {
        .popup.popup_afterActivation .amount-of-payments {
          width: 290px; } }
      .popup.popup_afterActivation .amount-of-payments .amount {
        margin: 0 0 15px;
        font-size: 42px; }
      .popup.popup_afterActivation .amount-of-payments small:nth-child(4) {
        position: absolute;
        left: 20px;
        text-align: left; }
      .popup.popup_afterActivation .amount-of-payments p:nth-child(5) {
        text-align: right;
        position: relative;
        margin: 0 21px 10px 0;
        font-size: 16px; }
      .popup.popup_afterActivation .amount-of-payments small:last-child {
        text-align: right;
        font-size: 12px;
        position: absolute;
        right: 22px;
        margin-top: -10px;
        font-style: italic; }
    .popup.popup_afterActivation .timer-title {
      font-size: 12px;
      font-family: "Roboto";
      color: #fdc236;
      text-transform: uppercase;
      line-height: 1.2;
      text-align: center;
      margin-bottom: 10px; }
    .popup.popup_afterActivation .timer {
      width: 252px;
      border-top: 1px solid #3d3c50;
      border-bottom: 1px solid #3d3c50;
      margin: 0 auto;
      padding: 13px 2px;
      position: relative; }
      .popup.popup_afterActivation .timer:before {
        content: url(./img/timer-stars-left.png);
        position: absolute;
        left: -133px;
        top: calc(50% - 19px); }
      .popup.popup_afterActivation .timer:after {
        content: url(./img/timer-stars-right.png);
        position: absolute;
        right: -133px;
        top: calc(50% - 19px); }
      .popup.popup_afterActivation .timer-body {
        display: table-row;
        font-size: 31px; }
    .popup.popup_afterActivation .timer-cell {
      display: inline-block;
      font-size: 14px;
      width: 23%;
      text-align: center; }
      .popup.popup_afterActivation .timer-cell:first-child {
        padding-right: 13px; }
    .popup.popup_afterActivation .timer__cell {
      padding: 0 5px; }
      .popup.popup_afterActivation .timer__cell:first-child {
        padding-left: 13px; }
      .popup.popup_afterActivation .timer__cell:nth-child(2) {
        padding: 0 16px; }
    .popup.popup_afterActivation .timer__row {
      margin: 0 auto;
      display: block;
      width: 248px; }
    .popup.popup_afterActivation #countup p {
      display: inline-block;
      padding: 5px;
      font-size: 31px;
      margin: 0;
      width: 44px;
      text-align: center; }
      .popup.popup_afterActivation #countup p.dots {
        width: 8px;
        padding: 5px 0; }
      .popup.popup_afterActivation #countup p#days {
        margin-right: 18px; }

.popup_paymentConfirm h1, .popup_paymentConfirm h2, .popup_paymentConfirm h3, .popup_paymentConfirm h4, .popup_paymentConfirm h5 {
  color: #f1e419; }

.popup_paymentConfirm ul {
  list-style: none; }

.popup_paymentConfirm .popup__content {
  padding-bottom: 20px; }

.popup_chooseBonus, .popup_depositSuccess {
  width: 940px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .popup_chooseBonus, .popup_depositSuccess {
      width: 700px; } }
  .popup_chooseBonus .popup__title, .popup_depositSuccess .popup__title {
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.27);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff000;
    text-align: center;
    padding: 55px 50px 26px; }
  .popup_chooseBonus .popup__bonuses, .popup_depositSuccess .popup__bonuses {
    text-align: center;
    padding-bottom: 68px; }

.popup_depositSuccess .popup__gallery .preview {
  max-width: 200px;
  border: none; }

@media only screen and (max-width: 767px) {
  .popup_depositSuccess .popup__gallery .preview {
    max-width: 300px;
    width: auto;
    display: block;
    margin: 0 auto 20px; } }

.popup_signin {
  width: 680px; }

.popup_registration {
  width: 700px; }
  .popup_registration .popup__title {
    text-align: left;
    font-size: 19px;
    padding: 21px 32px 21px;
    color: #fff; }
  .popup_registration .popup__content {
    padding: 35px 30px 40px 31px; }
  .popup_registration .popup__button {
    margin-top: 24px;
    margin-left: 0; }

.popup_afterRegistration {
  width: 568px; }
  .popup_afterRegistration .popup__content .bonus {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 38px; }
  .popup_afterRegistration .popup__title {
    font-size: 19px; }
    .popup_afterRegistration .popup__title_accent {
      color: #fff000;
      text-align: center;
      padding-top: 48px;
      padding-bottom: 4px; }
  .popup_afterRegistration .popup__button {
    margin-left: -5px; }

.popup_depositSuccess {
  width: 800px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .popup_depositSuccess {
      width: 700px; } }
  .popup_depositSuccess .popup__title {
    padding-top: 38px; }
  .popup_depositSuccess .popup__footer {
    min-height: 55px; }
  .popup_depositSuccess .popup__gallery {
    margin-bottom: 50px; }
  .popup_depositSuccess .popup__button {
    margin-left: -2px;
    padding: 12px 18px;
    margin-top: -20px; }

.popup_changePassword {
  width: 568px;
  position: fixed; }
  .popup_changePassword .popup__content {
    padding: 33px 25px 49px 31px; }
  .popup_changePassword .popup__input {
    display: block;
    margin-bottom: 16px; }
    .popup_changePassword .popup__input:last-child {
      margin-bottom: 0; }
    .popup_changePassword .popup__input .input__inner {
      width: 100%;
      height: 49px;
      font-family: 'Roboto Condensed', sans-serif;
      margin-top: 14px; }

.popup_passwordChanged, .popup_remindSuccess {
  width: 568px; }
  .popup_passwordChanged .popup__content, .popup_remindSuccess .popup__content {
    padding: 52px 0 64px; }
    .popup_passwordChanged .popup__content .popup__title, .popup_remindSuccess .popup__content .popup__title {
      text-align: center;
      padding: 0 30px; }

.popup_restorePassword .popup__content {
  padding: 32px 25px 64px 31px; }
  .popup_restorePassword .popup__content .popup__subtitle {
    padding: 0;
    color: #aaa9b8;
    font-size: 15px;
    font-weight: 700; }

.popup_restorePassword .popup__input {
  display: block;
  margin-bottom: 16px;
  margin-top: 29px; }
  .popup_restorePassword .popup__input:last-child {
    margin-bottom: 0; }
  .popup_restorePassword .popup__input .input__inner {
    width: 100%;
    height: 49px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #a5a3bd;
    text-transform: none; }

.popup_phoneVerification .popup__content {
  padding: 36px 112px 52px 120px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .popup_phoneVerification .popup__content {
      padding: 18px 16px 40px;
      max-width: 320px;
      margin: 0 auto; } }
  .popup_phoneVerification .popup__content .button_style_flat {
    box-shadow: none;
    font-size: 13px;
    padding: 8px 10px;
    margin-left: 7px;
    margin-top: 27px;
    width: auto; }
    .popup_phoneVerification .popup__content .button_style_flat:hover {
      box-shadow: 0 1px 5px #494767, 0 1px 0 #1a1925; }

.popup_phoneVerification .popup__caption {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 27px; }

.popup_phoneVerification .popup__input .input__inner {
  height: 49px;
  width: 150px;
  text-transform: none; }

.popup_phoneVerification .popup__timer {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px; }

.popup_phoneVerification .popup__advice {
  width: 170px;
  color: #87859e;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-top: 22px;
  margin-left: 14px; }

.popup_phoneVerification .popup__button {
  margin-left: 0; }

.popup_emailVerification .popup__content {
  padding: 27px 53px 55px 53px; }
  @media only screen and (max-width: 767px) {
    .popup_emailVerification .popup__content {
      padding: 27px 53px 55px 53px; } }

.popup_emailVerification .popup__caption {
  font-size: 16px;
  line-height: 18px;
  padding-top: 21px; }

.popup_emailConfirmed .popup__content {
  padding: 63px 115px 80px 128px; }
  @media only screen and (max-width: 767px) {
    .popup_emailConfirmed .popup__content {
      padding: 40px 24px; } }

.popup_emailConfirmed .popup__caption {
  font-size: 18px;
  line-height: 18px; }

.popup_tournamentGames {
  width: 940px;
  height: 530px;
  position: fixed;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .popup_tournamentGames {
      width: 700px; } }
  @media only screen and (max-width: 767px) {
    .popup_tournamentGames {
      width: 100%;
      height: auto; } }
  .popup_tournamentGames .preview__item {
    height: 121px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .popup_tournamentGames .preview__item {
        height: 128px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .popup_tournamentGames .preview__item {
        height: auto; } }
  .popup_tournamentGames .popup__title {
    padding: 33px 400px 29px 37px;
    font-size: 20px; }
    @media only screen and (max-width: 767px) {
      .popup_tournamentGames .popup__title {
        padding: 24px 32px 21px; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .popup_tournamentGames .popup__title {
        padding: 10px 32px 10px;
        font-size: 14px;
        text-align: center; } }
  .popup_tournamentGames .popup__search {
    display: block;
    position: absolute;
    top: 25px;
    right: 70px; }
    @media only screen and (max-width: 767px) {
      .popup_tournamentGames .popup__search {
        display: block;
        position: absolute;
        top: 94px;
        right: 50%;
        transform: translateX(50%); } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .popup_tournamentGames .popup__search {
        top: 60px; } }
    .popup_tournamentGames .popup__search .search__input {
      width: 276px;
      height: 39px;
      background-color: #ffff;
      border-radius: 2px;
      border: none;
      box-shadow: inset 0 1px 0 #0d0c13,0 1px 0 #323144;
      color: #a5a3bd;
      font-size: 15px;
      font-weight: 500;
      font-family: Roboto Condensed,sans-serif;
      text-transform: uppercase;
      padding: 0 21px; }
    .popup_tournamentGames .popup__search .icon {
      display: block;
      position: absolute;
      top: 7px;
      right: 8px; }
  .popup_tournamentGames .popup__content {
    padding: 18px 24px 20px 24px; }
    @media only screen and (max-width: 767px) {
      .popup_tournamentGames .popup__content {
        margin-top: 62px; } }
  .popup_tournamentGames .popup__gallery {
    text-align: left;
    margin: 0;
    max-height: 380px;
    position: relative; }
    .popup_tournamentGames .popup__gallery .preview__info {
      text-align: left;
      padding: 10px 13px; }
    @media only screen and (max-width: 767px) {
      .popup_tournamentGames .popup__gallery {
        max-height: 500px;
        padding-bottom: 30px; } }
    .popup_tournamentGames .popup__gallery .main {
      padding: 0 22px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .popup_tournamentGames .popup__gallery .main {
          padding: 0; } }
      @media only screen and (max-width: 767px) {
        .popup_tournamentGames .popup__gallery .main {
          padding: 0; } }
    .popup_tournamentGames .popup__gallery .preview {
      width: 190px !important;
      margin: 10px; }
      @media only screen and (max-width: 767px) {
        .popup_tournamentGames .popup__gallery .preview {
          margin: 10px !important;
          width: 176px !important; } }
      @media only screen and (max-width: 468px) {
        .popup_tournamentGames .popup__gallery .preview {
          width: 43% !important;
          margin: 10px 3.33% !important; } }
    .popup_tournamentGames .popup__gallery .preview__info {
      text-align: left;
      padding: 10px 13px; }
    .popup_tournamentGames .popup__gallery .preview__title {
      font-size: 15px;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .popup_tournamentGames .popup__gallery .preview__title {
          font-size: 12px;
          text-overflow: ellipsis;
          text-transform: uppercase;
          white-space: nowrap;
          overflow: hidden; } }
    .popup_tournamentGames .popup__gallery .preview__note {
      font-size: 12px; }
  @media only screen and (max-width: 767px) {
    .popup_tournamentGames .popup__close {
      top: 0; } }

.popup_favoritesAdded .popup__title, .popup_favoritesAddedFail .popup__title {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 21px;
  padding: 20px 20px 20px 26px; }

.popup_favoritesAdded .popup__content, .popup_favoritesAddedFail .popup__content {
  padding: 40px 20px 55px 20px; }

.popup_gameplay {
  width: 800px; }

.popup_gameplayDeposit {
  width: 800px; }
  .popup_gameplayDeposit .popup__title {
    font-size: 22px;
    letter-spacing: -0.1px;
    padding: 60px 30px 47px; }
  .popup_gameplayDeposit .popup__icon {
    display: block;
    position: relative;
    text-align: center;
    padding-bottom: 70px; }
  .popup_gameplayDeposit .popup__gameplay-button {
    top: -21px; }
  .popup_gameplayDeposit .popup__footer {
    min-height: 71px; }

.popup_gameplayNomoney {
  width: 800px; }
  .popup_gameplayNomoney .popup__title {
    font-size: 22px;
    margin: 0;
    padding: 55px 20px 0px; }
    .popup_gameplayNomoney .popup__title_accent {
      color: #fff000;
      text-align: center;
      padding: 0 20px; }
  .popup_gameplayNomoney .popup__icon {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 47px;
    padding-bottom: 93px; }
  .popup_gameplayNomoney .popup__close, .popup_gameplayNomoney .popup_go_tomain {
    top: auto;
    bottom: 13px;
    right: auto;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: auto;
    background: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    color: #01b4ff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    box-shadow: none; }
  .popup_gameplayNomoney .popup__gameplay-button {
    margin-top: -24px; }
  .popup_gameplayNomoney .popup__footer {
    min-height: 90px; }

.popup_fortuneRules {
  width: 940px; }
  .popup_fortuneRules .popup__title {
    padding: 32px 37px 30px; }
  .popup_fortuneRules .popup__content {
    padding: 15px 69px 25px 34px; }
  .popup_fortuneRules .popup__caption {
    text-shadow: 0 1px 0 #000;
    color: #bdbbce;
    line-height: 19px;
    text-align: left; }
  .popup_fortuneRules .popup__levels {
    padding: 36px 28px;
    background-color: #1b1a28;
    box-shadow: inset 0 1px 0 rgba(43, 42, 60, 0.83); }

.popup_fortuneHistory {
  width: 940px; }
  .popup_fortuneHistory .popup__title {
    padding: 32px 37px 30px; }
  .popup_fortuneHistory .popup__content {
    padding: 25px 5px 25px 27px;
    font-size: 0; }
  .popup_fortuneHistory .popup__filterSearch {
    display: table;
    width: 969px;
    border-collapse: collapse;
    margin-right: 22px; }
  .popup_fortuneHistory .popup__cell {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    width: 1px; }
    .popup_fortuneHistory .popup__cell_fluid {
      width: 100%;
      padding-right: 16px; }
  .popup_fortuneHistory .popup__sort {
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    padding: 20px 24px 18px;
    background-color: #58566d;
    white-space: nowrap;
    width: 163px; }
  .popup_fortuneHistory .popup__filter {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%; }
  .popup_fortuneHistory .popup__search {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .popup_fortuneHistory .popup__search .input__inner {
      display: block;
      position: relative;
      width: 250px;
      padding: 0 72px 0 14px;
      height: 58px;
      border-radius: 1px;
      background-color: #4d4b63;
      box-shadow: none; }
  .popup_fortuneHistory .popup__searchButton {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 58px;
    background-color: #58566d;
    border: none;
    cursor: pointer; }
  .popup_fortuneHistory .popup__history {
    display: block;
    position: relative;
    margin-top: 22px;
    padding-right: 23px;
    max-height: 475px;
    overflow: hidden; }

.popup_fortuneWheel {
  width: 940px;
  height: 978px; }

.position_absolute {
  position: absolute;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 1%; }

.popup_newViplevel .popup__content {
  padding-top: 20px;
  text-align: center; }
  .popup_newViplevel .popup__content .popup__title {
    font-size: 31px;
    line-height: 40px; }
  .popup_newViplevel .popup__content .popup__subtitle {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding: 0;
    margin-top: 9px; }
  .popup_newViplevel .popup__content .bonus__item {
    min-width: 227px;
    min-height: 246px; }

.popup_deposit_for_bonus .popup_section__main {
  display: inline-block;
  vertical-align: top;
  padding: 29px 13px 30px 0;
  max-width: 646px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .popup_deposit_for_bonus .popup_section__main {
      padding: 15px 0 18px; } }
  @media only screen and (max-width: 767px) {
    .popup_deposit_for_bonus .popup_section__main {
      width: 100%;
      padding: 15px 0 18px; }
      .popup_deposit_for_bonus .popup_section__main .payment__row {
        padding: 0 8px; } }

.popup_deposit_for_bonus .popup_section__aside {
  width: 284px;
  display: inline-block;
  vertical-align: top; }

.popup_deposit_for_bonus .popup__content {
  text-align: center;
  padding-bottom: 20px; }

.popup_deposit_for_bonus .popup__title_accent {
  text-align: center;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .popup_deposit_for_bonus .popup__title_accent {
      padding: 0; } }

.popup_gameBonusPopup {
  width: 656px; }
  .popup_gameBonusPopup .popup__close {
    background: transparent;
    box-shadow: none; }

.popup_registration_v2, .popup_registration_v3, .popup_registration_v4, .popup_registration_v5, .popup_registration_v6, .popup_registration_v7 {
  width: 940px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .popup_registration_v2, .popup_registration_v3, .popup_registration_v4, .popup_registration_v5, .popup_registration_v6, .popup_registration_v7 {
      width: 700px; } }
  .popup_registration_v2 .popup__head, .popup_registration_v3 .popup__head, .popup_registration_v4 .popup__head, .popup_registration_v5 .popup__head, .popup_registration_v6 .popup__head, .popup_registration_v7 .popup__head {
    background: #2A1337;
    box-shadow: inset 0 1px 0 0 #262f39;
    text-align: center; }
  .popup_registration_v2 .popup__title, .popup_registration_v3 .popup__title, .popup_registration_v4 .popup__title, .popup_registration_v5 .popup__title, .popup_registration_v6 .popup__title, .popup_registration_v7 .popup__title {
    padding: 17px 32px 16px;
    text-align: center; }
  .popup_registration_v2 .popup__content, .popup_registration_v3 .popup__content, .popup_registration_v4 .popup__content, .popup_registration_v5 .popup__content, .popup_registration_v6 .popup__content, .popup_registration_v7 .popup__content {
    padding: 24px 0 38px; }

.tab-cashier .pay-tooltip__input #cashboxdepositform-amount {
  width: 100px; }

.overflow {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden; }

.modal_open {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .modal_open {
      overflow: hidden; } }
  .modal_open .overflow {
    display: block; }

.bonus {
  width: auto;
  display: inline-block;
  position: relative;
  font-size: 0; }
  .bonus__item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 295px;
    width: 229px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 64px; }
    @media only screen and (max-width: 767px) {
      .bonus__item {
        margin-right: 0;
        display: block;
        margin-bottom: 20px; } }
    .bonus__item img {
      transition: transform 0.3s ease;
      height: 200px; }
    .bonus__item:hover img {
      transform: scale(1.1); }
    .bonus__item:last-child {
      margin-right: 0; }
    .bonus_single .bonus__item {
      width: 480px;
      background-size: 188px; }
      .bonus_single .bonus__item:hover img {
        transform: none; }
    .bonus__item_1 {
      background-image: url("./img/bonus-1.png"); }
    .bonus__item_2 {
      background-image: url("./img/bonus-2.png"); }
    .bonus__item_3 {
      background-image: url("./img/bonus-3.png"); }
  .bonus__info {
    text-align: center;
    padding-top: 12px; }
  .bonus__name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: inline-block; }
    .bonus_single .bonus__name {
      padding-bottom: 22px; }
  .bonus__note {
    font-weight: 400;
    font-size: 16px;
    color: #7e7c9d;
    display: inline-block;
    padding: 0 20px;
    margin-top: 5px; }
  .bonus__caption {
    color: #a7a5d0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    display: block; }
    .bonus_single .bonus__caption {
      padding-bottom: 20px; }
  .bonus__subtitle {
    color: #a7a5d0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    display: block; }

.registration {
  display: block;
  position: relative;
  font-size: 0; }
  @media only screen and (max-width: 767px) {
    .registration {
      text-align: center; } }
  .registration__image {
    width: 187px;
    height: 166px;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .registration__image {
        display: block;
        margin: 0 auto; } }
    .registration__image:hover img {
      transform: scale(1.1); }
    .registration__image img {
      transition: transform 0.2s ease; }
  .registration__note {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer; }
  .registration__form {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-left: 22px; }
    @media only screen and (max-width: 767px) {
      .registration__form {
        padding-left: 0; } }
  .registration__input.input {
    margin-left: 18px; }
    @media only screen and (max-width: 767px) {
      .registration__input.input {
        margin-left: 0;
        margin-top: 20px;
        display: block; } }
    .registration__input.input:first-child {
      margin-left: 0; }
  .registration__input-inner {
    width: 206px;
    height: 56px;
    background-color: #181723;
    border-radius: 2px;
    border: none;
    box-shadow: inset 0 1px 0 #0d0c13, 0 1px 0 #323144;
    color: #a5a3bd;
    font-size: 15px;
    font-weight: 500;
    padding: 0 21px;
    margin-top: 14px; }
  .registration__checkbox {
    display: block;
    position: relative;
    margin-top: 28px; }
    @media only screen and (max-width: 767px) {
      .registration__checkbox .checkbox__label {
        display: inline-block; } }
    .registration__checkbox .checkbox__label {
      display: inline-block; }
  .registration__button {
    font-size: 18px;
    padding: 9px 18px;
    margin-top: 24px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }

.registration-v2 {
  display: block;
  position: relative; }
  .registration-v2__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v2__title_large {
      font-size: 22px; }
  .registration-v2__inner {
    display: flex;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v2__inner {
        flex-direction: column; } }
  .registration-v2__inner-left {
    flex: 1 1 50%;
    border-right: solid .5px #4B3956;
    padding-right: 54px;
    text-align: right; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v2__inner-left {
        padding-right: 33px; } }
  .registration-v2__inner-right {
    flex: 1 1 50%;
    border-left: solid .5px #4B3956;
    padding-left: 50px;
    padding-right: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v2__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v2__inner-right {
        border-right: none;
        padding-left: 0;
        flex: 1 1 100%;
        padding: 20px 15px; } }
  .registration-v2__figure {
    display: inline-block;
    vertical-align: top;
    width: 245px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 767px) {
      .registration-v2__figure {
        box-shadow: inset 0px 0px 5px 3px white;
        border-radius: 5px;
        width: 282px;
        display: block;
        margin: 0 auto;
        font-size: 0; } }
  .registration-v2__figure-img {
    display: block;
    height: 175px;
    object-fit: contain;
    opacity: 0.84;
    box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.54), inset 0 -4px 3px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px 4px 1px 1px; }
    @media only screen and (max-width: 767px) {
      .registration-v2__figure-img {
        width: 141px;
        height: auto;
        display: inline-block;
        vertical-align: top;
        border-radius: 5px 0 0 5px;
        box-shadow: none; } }
  .registration-v2__figure-info {
    background-color: #242333;
    box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.12);
    border-radius: 0 0 4px 4px; }
    @media only screen and (max-width: 767px) {
      .registration-v2__figure-info {
        height: 101px;
        display: inline-block;
        width: 141px;
        background-color: #31304c;
        vertical-align: top;
        border-radius: 0 5px 5px 0;
        box-shadow: inset -4px 0px 6px 2px rgba(255, 255, 255, 0.5); } }
  .registration-v2__figure-title {
    display: block;
    font-size: 25px;
    color: #ffffff;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.71);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 13px 10px 0; }
    @media only screen and (max-width: 767px) {
      .registration-v2__figure-title {
        font-size: 16px; } }
  .registration-v2__figure-caption {
    display: block;
    margin: 0 auto;
    padding: 6px 10px 17px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #ffff;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82); }
    @media only screen and (max-width: 767px) {
      .registration-v2__figure-caption {
        padding: 12px 20px 17px; } }
  .registration-v2__counter {
    display: inline-block;
    vertical-align: top;
    width: 245px;
    margin-top: 22px; }
    @media only screen and (max-width: 767px) {
      .registration-v2__counter {
        display: block;
        margin: 0 auto; } }
  .registration-v2__counter-title {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82); }
    @media only screen and (max-width: 767px) {
      .registration-v2__counter-title {
        display: block;
        margin: 16px auto 0 auto; } }
  .registration-v2__counter-inner {
    width: 193px;
    height: 33px;
    opacity: 0.32;
    border-radius: 3px;
    margin: 10px auto 20px auto;
    box-shadow: inset 0 7px 4px 0 rgba(0, 0, 0, 0.86), inset 0 -7px 4px 0 rgba(0, 0, 0, 0.89); }
  .registration-v2__form {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v2__form {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .registration-v2__form {
        width: 100%;
        margin: 0 auto; } }
  .registration-v2__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v2__input-inner {
    width: 100%;
    height: 50px;
    border-radius: 2px;
    background: #D3D1D1;
    padding: 0 17px;
    color: #54435E; }
  .registration-v2__button {
    display: block;
    margin: 40px auto 0;
    width: 183px;
    height: 56px;
    border-radius: 3px;
    background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.5);
    font-size: 22px;
    color: #ffff;
    text-shadow: 0px 1px 0px #C0382A;
    overflow: hidden;
    animation: dropShadow 3s 1s ease-in-out infinite; }
    .registration-v2__button:hover {
      box-shadow: 0 0 19px #FFD600 !important;
      animation: none; }
      .registration-v2__button:hover:before {
        animation: none; }
    .registration-v2__button:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1.5em;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      transform: translateX(-3em) skewX(-45deg);
      animation: sheen 3s 1s ease-in-out infinite; }
    @media only screen and (max-width: 767px) {
      .registration-v2__button {
        width: 100%;
        margin: 18px auto 0; } }
  .registration-v2__socials {
    margin: 24px auto 0; }
  .registration-v2__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }
  .registration-v2 .email-input-reg {
    position: relative; }
    .registration-v2 .email-input-reg .tooltip {
      opacity: 0;
      visibility: hidden; }
    .registration-v2 .email-input-reg:hover .tooltip {
      opacity: 1;
      visibility: visible;
      top: -72px;
      left: 0;
      width: 330px;
      max-width: none;
      background-color: rgba(255, 127, 0, 0.9);
      color: #000;
      border: 0;
      box-shadow: none; }
    .registration-v2 .email-input-reg .tooltip__arrow {
      top: auto;
      bottom: -30px;
      left: 30px; }
      .registration-v2 .email-input-reg .tooltip__arrow:after {
        border-color: rgba(255, 127, 0, 0.9) transparent transparent;
        border-width: 15px 15px 0 15px;
        bottom: 15px; }
  .registration-v2 .socials__item {
    background: rgba(255, 255, 255, 0.05);
    transition: .3s;
    box-shadow: none;
    border-radius: 2px;
    border: none; }
    .registration-v2 .socials__item:hover {
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 2px; }

.registration-v3 {
  display: block;
  position: relative; }
  .registration-v3__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v3__title_large {
      font-size: 22px; }
  .registration-v3__inner {
    display: flex;
    margin-top: 26px;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v3__inner {
        flex-direction: column;
        margin-top: 16px; } }
  .registration-v3__inner-left {
    flex: 1 1 50%;
    border-right: solid 2px #121129;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .registration-v3__inner-left {
        border-right: none;
        padding-right: 0; } }
  .registration-v3__inner-right {
    flex: 1 1 50%;
    border-left: solid 2px #302f3e;
    padding-left: 56px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v3__inner-right {
        border-right: none;
        padding-left: 0; } }
  .registration-v3__figure {
    width: 342px;
    height: 354px;
    border-radius: 10px;
    background-color: #435182;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.63);
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__figure {
        width: 275px; } }
    @media only screen and (max-width: 767px) {
      .registration-v3__figure {
        width: 280px;
        height: 188px;
        display: block;
        margin: 20px auto;
        font-size: 0; } }
  .registration-v3__figure-img {
    display: block;
    object-fit: contain;
    filter: drop-shadow(8px 8px 10px black);
    position: absolute;
    width: 235px;
    left: calc(50% - (235px/2));
    top: -25px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__figure-img {
        width: 216px;
        height: auto;
        left: calc(50% - (216px/2)); } }
    @media only screen and (max-width: 767px) {
      .registration-v3__figure-img {
        width: 120px;
        height: auto;
        left: calc(50% - (120px/2));
        display: inline-block;
        vertical-align: top;
        top: -22px; } }
  .registration-v3__figure-info {
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__figure-info {
        bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .registration-v3__figure-info {
        bottom: 11px; } }
  .registration-v3__figure-caption {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffb824; }
    @media only screen and (max-width: 767px) {
      .registration-v3__figure-caption {
        font-size: 16px; } }
  .registration-v3__figure-note {
    font-family: Roboto;
    font-size: 31px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 0;
    text-shadow: 0 9px 2px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__figure-note {
        padding: 10px 0; } }
    @media only screen and (max-width: 767px) {
      .registration-v3__figure-note {
        line-height: 1.04;
        font-size: 25px; } }
  .registration-v3__form {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v3__form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .registration-v3__form {
        width: 260px;
        margin: 0 auto; } }
  .registration-v3__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v3__input-inner {
    width: 100%;
    height: 56px;
    border-radius: 3px;
    border: none;
    background-color: #acabbd;
    box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.48);
    font-weight: 700;
    padding: 0 17px; }
  .registration-v3__button {
    display: block;
    margin: 24px auto 0;
    width: 220px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fda929, #fd1741);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
    font-size: 22px;
    text-shadow: 0 2px 0 #822117; }
    .registration-v3__button:hover {
      box-shadow: 0 0 10px 0 rgba(253, 99, 36, 0.7); }
    @media only screen and (max-width: 767px) {
      .registration-v3__button {
        width: 260px;
        margin: 18px auto 0; } }
  .registration-v3__socials {
    margin: 24px auto 0; }
  .registration-v3__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }

.registration-v4 {
  display: block;
  position: relative; }
  .registration-v4__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v4__title_large {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: normal;
      text-align: center;
      margin-bottom: 10px;
      color: #ffff; }
      @media only screen and (max-width: 767px) {
        .registration-v4__title_large {
          text-align: center;
          margin-top: 2rem; } }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .registration-v4__title_large {
          margin-bottom: 10px;
          margin-top: 0; } }
  .registration-v4__inner {
    display: flex;
    margin-top: 26px;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v4__inner {
        flex-direction: column;
        margin-top: 16px; } }
  .registration-v4__inner-left {
    flex: 1 1 50%;
    border-right: solid .5px #4B3956;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .registration-v4__inner-left {
        border-right: none;
        padding-right: 0; } }
  .registration-v4__inner-right {
    flex: 1 1 50%;
    border-left: solid 2px #302f3e;
    padding-left: 56px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__inner-right {
        border-right: none;
        padding: 0 20px; } }
  .registration-v4__figure {
    width: 342px;
    height: 354px;
    border-radius: 10px;
    background-color: #435182;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.63);
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__figure {
        width: 275px;
        height: 349px; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__figure {
        width: 280px;
        height: 165px;
        display: block;
        margin: 0 auto 25px auto;
        font-size: 0; } }
  .registration-v4__figure-img {
    display: block;
    object-fit: contain;
    margin: 0 auto;
    width: 70%;
    max-width: 300px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .registration-v4__figure-img {
        width: 50%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .registration-v4__figure-img {
        width: 50%; } }
  .registration-v4__figure-info {
    position: absolute;
    bottom: 121px;
    text-align: center;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .registration-v4__figure-info {
        display: inline-block;
        width: 156px;
        vertical-align: top;
        bottom: 96px;
        right: 11px;
        text-align: left; } }
  .registration-v4__figure-caption {
    font-size: 22px;
    text-align: center;
    color: #ffff;
    position: relative;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .registration-v4__figure-caption {
        font-size: 18px; } }
  .registration-v4__figure-note {
    font-family: Roboto;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 9px 2px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__figure-note {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__figure-note {
        font-size: 23px; } }
  .registration-v4__counter {
    display: block;
    width: 342px;
    height: 112px;
    border-radius: 0 0 10px 10px;
    background-color: #364371;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.63);
    position: absolute;
    bottom: 0; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__counter {
        width: 275px;
        height: 112px; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__counter {
        width: 280px;
        height: 82px; } }
  .registration-v4__counter-title {
    display: block;
    margin: 5px auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffb824;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__counter-title {
        margin: 10px auto 0 auto; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__counter-title {
        display: block;
        margin: 8px auto 0 auto;
        font-size: 14px; } }
  .registration-v4__counter-inner {
    text-align: center;
    margin: 20px auto;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .registration-v4__counter-inner {
        margin: 10px auto; } }
    .registration-v4__counter-inner > span {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 900;
      font-size: 40px;
      line-height: normal;
      color: #2A1337;
      text-shadow: 0px 2px 0px #112A49;
      background: #ffff;
      border-radius: 5px;
      padding: 10px; }
      @media only screen and (max-width: 767px) {
        .registration-v4__counter-inner > span {
          font-size: 22px;
          letter-spacing: 1px; } }
  .registration-v4__form {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v4__form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .registration-v4__form {
        width: 260px;
        margin: 0 auto; } }
  .registration-v4__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v4__input-inner {
    width: 100%;
    height: 56px;
    border-radius: 3px;
    border: none;
    background-color: #acabbd;
    box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.48);
    font-weight: 700;
    padding: 0 17px; }
  .registration-v4__button {
    display: block;
    margin: 24px auto 0;
    width: 220px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fda929, #fd1741);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
    font-size: 22px;
    text-shadow: 0 2px 0 #822117; }
    .registration-v4__button:hover {
      box-shadow: 0 0 10px 0 rgba(253, 99, 36, 0.7); }
    @media only screen and (max-width: 767px) {
      .registration-v4__button {
        width: 260px;
        margin: 18px auto 0; } }
  .registration-v4__socials {
    margin: 24px auto 0; }
  .registration-v4__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }
  .registration-v4__timer-title {
    font-size: 22px;
    text-align: center;
    color: #ffff;
    margin: 0; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .registration-v4__timer-title {
        margin-bottom: 1rem; } }

.registration-v5 {
  display: block;
  position: relative; }
  .registration-v5__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v5__title_large {
      font-size: 22px; }
  .registration-v5__inner {
    display: flex;
    margin-top: 26px;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v5__inner {
        flex-direction: column;
        margin-top: 16px; } }
  .registration-v5__inner-left {
    flex: 1 1 50%;
    border-right: solid 2px #121129;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .registration-v5__inner-left {
        border-right: none;
        padding-right: 0; } }
  .registration-v5__inner-right {
    flex: 1 1 50%;
    border-left: solid 2px #302f3e;
    padding-left: 56px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__inner-right {
        border-right: none;
        padding-left: 0; } }
  .registration-v5__figure {
    width: 360px;
    position: absolute;
    left: 95px; }
    .registration-v5__figure table {
      border-spacing: 0 8px; }
      @media only screen and (max-width: 767px) {
        .registration-v5__figure table {
          padding-left: 10px; } }
      .registration-v5__figure table td:nth-child(2) {
        padding-left: 10px;
        text-align: left;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff; }
        @media only screen and (max-width: 767px) {
          .registration-v5__figure table td:nth-child(2) {
            font-size: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__figure {
        width: 275px;
        height: 349px;
        left: 60px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure {
        left: auto;
        width: 300px;
        position: relative;
        display: block;
        margin: 0 auto 25px auto;
        font-size: 0; } }
  .registration-v5__figure-img {
    width: 45px;
    margin-top: 8px;
    margin-left: 25px;
    margin-right: 10px;
    display: block;
    object-fit: contain;
    float: left; }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure-img {
        width: 40px;
        height: auto;
        margin-left: 10px; } }
  .registration-v5__figure-info {
    width: 243px;
    height: 62px;
    border-radius: 4px;
    background-color: #333157;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.65);
    margin: 0 auto; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__figure-info {
        width: 220px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure-info {
        width: 140px;
        height: 57px; } }
  .registration-v5__figure-container {
    margin-top: 20px;
    margin-right: 37px;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__figure-container {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure-container {
        flex-direction: row;
        margin-right: 0;
        margin-top: 10px; } }
  .registration-v5__figure-caption {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.76);
    font-size: 22px;
    font-weight: bold;
    color: #ffb824;
    margin-top: 8px;
    text-align: left;
    font-size: 22px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__figure-caption {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure-caption {
        font-size: 18px;
        margin-top: 1px; } }
  .registration-v5__figure-note {
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 9px 2px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__figure-note {
        font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__figure-note {
        font-size: 12px;
        font-weight: 500; } }
  .registration-v5__counter {
    width: 243px;
    height: 62px;
    border-radius: 4px;
    background-color: #333157;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.65);
    margin: 3px auto; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__counter {
        width: 220px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__counter {
        width: 140px;
        height: 57px;
        margin-left: 3px;
        margin-top: 0; } }
  .registration-v5__cross {
    width: 31px;
    height: 30px;
    background-color: #58567c;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.45);
    border: solid 3px #3a3859;
    border-radius: 50%;
    position: absolute;
    top: 252px;
    left: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__cross {
        top: 265px;
        left: 12px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__cross {
        top: 195px;
        left: 133px; } }
    .registration-v5__cross:after {
      content: '+';
      font-size: 25px;
      font-weight: bold;
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.34);
      font-family: Roboto;
      color: #ffffff;
      position: absolute;
      top: -4px;
      left: 6px; }
  .registration-v5__form {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v5__form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .registration-v5__form {
        width: 260px;
        margin: 0 auto; } }
  .registration-v5__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v5__input-inner {
    width: 100%;
    height: 56px;
    border-radius: 3px;
    border: none;
    background-color: #acabbd;
    box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.48);
    font-weight: 700;
    padding: 0 17px; }
  .registration-v5__button {
    display: block;
    margin: 24px auto 0;
    width: 220px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fda929, #fd1741);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
    font-size: 22px;
    text-shadow: 0 2px 0 #822117; }
    .registration-v5__button:hover {
      box-shadow: 0 0 10px 0 rgba(253, 99, 36, 0.7); }
    @media only screen and (max-width: 767px) {
      .registration-v5__button {
        width: 260px;
        margin: 18px auto 0; } }
  .registration-v5__socials {
    margin: 24px auto 0; }
  .registration-v5__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }

.registration-v6 {
  display: block;
  position: relative; }
  .registration-v6__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v6__title_large {
      font-size: 22px; }
  .registration-v6__inner {
    display: flex;
    margin-top: 26px;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v6__inner {
        flex-direction: column;
        margin-top: 16px; } }
  .registration-v6__inner-left {
    flex: 1 1 50%;
    border-right: solid 2px #121129;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .registration-v6__inner-left {
        border-right: none;
        padding-right: 0; } }
  .registration-v6__inner-right {
    flex: 1 1 50%;
    border-left: solid 2px #302f3e;
    padding-left: 56px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__inner-right {
        border-right: none;
        padding-left: 0; } }
  .registration-v6__figure {
    width: 342px;
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure {
        width: 275px;
        height: 349px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure {
        width: 280px;
        display: block;
        margin: 0 auto 25px auto; } }
  .registration-v6__figure-img-two, .registration-v6__figure-img-one {
    float: left;
    margin-right: 25px;
    margin-left: 11px; }
  .registration-v6__figure-img-one {
    width: 76px;
    margin-top: 18px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure-img-one {
        width: 68px;
        margin-top: 14px;
        margin-left: 13px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure-img-one {
        width: 50px;
        margin-top: 8px;
        margin-left: 7px; } }
  .registration-v6__figure-img-two {
    width: 78px;
    margin-right: 11px;
    margin-top: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure-img-two {
        margin-top: 9px;
        margin-left: 12px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure-img-two {
        width: 65px;
        margin-top: 10px;
        margin-left: 15px; } }
  .registration-v6__title-img-one {
    padding-top: 29px;
    text-align: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.48);
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__title-img-one {
        font-size: 14px;
        padding-top: 20px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__title-img-one {
        padding-top: 8px; } }
  .registration-v6__title-img-two {
    padding-top: 27px;
    text-align: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.48); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__title-img-two {
        font-size: 14px;
        padding-top: 20px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__title-img-two {
        padding-top: 13px;
        font-size: 14px; } }
  .registration-v6__title-img-num {
    font-weight: bold;
    font-size: 22px;
    color: #fdab1d; }
  .registration-v6__figure-info-title {
    margin-bottom: 15px;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82);
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure-info-title {
        font-size: 14px; } }
  .registration-v6__figure-info {
    width: 342px;
    height: 108px;
    border-radius: 4px;
    background-color: #2c2b3e; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure-info {
        width: 275px;
        height: 96px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure-info {
        width: 280px;
        height: 70px;
        border-bottom: 2px solid  #435182; } }
  .registration-v6__figure-caption {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #ffb824; }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure-caption {
        text-align: left;
        font-size: 18px; } }
  .registration-v6__figure-note {
    font-family: Roboto;
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 9px 2px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__figure-note {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__figure-note {
        font-size: 23px; } }
  .registration-v6__counter {
    margin-top: 1px;
    width: 342px;
    height: 174px;
    border-radius: 4px;
    background-color: #435182; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__counter {
        width: 275px;
        height: 140px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__counter {
        width: 280px;
        height: 123px; } }
  .registration-v6__counter-title {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffb824;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__counter-title {
        margin: 2px auto 0 auto; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__counter-title {
        display: block;
        margin: 2px auto 0 auto;
        font-size: 14px; } }
  .registration-v6__counter-inner {
    width: 131px;
    height: 58px;
    border-radius: 6px;
    background-color: #7f8ab0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
    margin: 5px auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__counter-inner {
        width: 97.1px;
        height: 43px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__counter-inner {
        margin: 0 auto;
        width: 101px;
        height: 41px; } }
  .registration-v6__counter-inner_inner {
    width: 112px;
    height: 42px;
    opacity: 0.86;
    border-radius: 2px;
    box-shadow: inset 0 8px 7px 0 rgba(0, 0, 0, 0.86), inset 0 -8px 7px 0 rgba(0, 0, 0, 0.89);
    position: absolute;
    top: 8px;
    left: 9px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__counter-inner_inner {
        width: 83px;
        height: 31.1px;
        top: 6px;
        left: 7px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__counter-inner_inner {
        top: 6px;
        left: 8px;
        width: 86px;
        height: 29px; } }
  .registration-v6__form {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v6__form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .registration-v6__form {
        width: 260px;
        margin: 0 auto; } }
  .registration-v6__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v6__input-inner {
    width: 100%;
    height: 56px;
    border-radius: 3px;
    border: none;
    background-color: #acabbd;
    box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.48);
    font-weight: 700;
    padding: 0 17px; }
  .registration-v6__button {
    display: block;
    margin: 24px auto 0;
    width: 220px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fda929, #fd1741);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
    font-size: 22px;
    text-shadow: 0 2px 0 #822117; }
    .registration-v6__button:hover {
      box-shadow: 0 0 10px 0 rgba(253, 99, 36, 0.7); }
    @media only screen and (max-width: 767px) {
      .registration-v6__button {
        width: 260px;
        margin: 18px auto 0; } }
  .registration-v6__socials {
    margin: 24px auto 0; }
  .registration-v6__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }

.registration-v7 {
  display: block;
  position: relative; }
  .registration-v7__title {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb824;
    text-transform: uppercase; }
    .registration-v7__title_large {
      font-size: 18px; }
      @media only screen and (max-width: 767px) {
        .registration-v7__title_large {
          width: 295px; } }
    .registration-v7__title_small {
      font-size: 18px;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .registration-v7__title_small {
          font-size: 11px; } }
  .registration-v7__inner {
    display: flex;
    margin-top: 26px;
    height: 100%;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .registration-v7__inner {
        flex-direction: column;
        margin-top: 16px; } }
  .registration-v7__inner-left {
    flex: 1 1 50%;
    border-right: solid 2px #121129;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .registration-v7__inner-left {
        border-right: none;
        padding-right: 0; } }
  .registration-v7__inner-right {
    flex: 1 1 50%;
    border-left: solid 2px #302f3e;
    padding-left: 56px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__inner-right {
        padding-left: 23px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__inner-right {
        border-right: none;
        padding-left: 0; } }
  .registration-v7__figure {
    width: 342px;
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__figure {
        width: 275px;
        height: 349px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure {
        width: 280px;
        display: block;
        margin: 0 auto 25px auto; } }
  .registration-v7__figure-img-two, .registration-v7__figure-img-one {
    float: left;
    margin-right: 25px;
    margin-left: 11px; }
  .registration-v7__figure-img-one {
    width: 76px;
    margin-top: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__figure-img-one {
        width: 68px;
        margin-top: 14px;
        margin-left: 13px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure-img-one {
        width: 50px;
        margin-top: 8px;
        margin-left: 7px; } }
  .registration-v7__figure-img-two {
    width: 107px;
    float: none;
    margin-right: 11px;
    margin-top: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__figure-img-two {
        margin-top: 9px;
        margin-left: 12px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure-img-two {
        float: left;
        width: 65px;
        margin-top: 10px;
        margin-left: 15px; } }
  .registration-v7__title-img-one {
    padding-top: 29px;
    text-align: left;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.48);
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__title-img-one {
        font-size: 16px;
        padding-top: 13px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__title-img-one {
        font-size: 14px;
        padding-top: 8px; } }
  .registration-v7__title-img-two {
    padding-top: 4px;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.48); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__title-img-two {
        font-size: 14px;
        padding-bottom: 6px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__title-img-two {
        text-align: left;
        padding-top: 13px;
        font-size: 14px; } }
  .registration-v7__title-img-num {
    font-weight: bold;
    font-size: 21px;
    color: #fdab1d; }
    .registration-v7__title-img-num-big {
      font-size: 22px; }
  .registration-v7__figure-info {
    width: 342px;
    height: 100px;
    border-radius: 4px;
    background-color: #2c2b3e; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__figure-info {
        width: 275px;
        height: 96px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure-info {
        width: 280px;
        height: 70px;
        border-bottom: 2px solid  #435182; } }
  .registration-v7__figure-caption {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #ffb824; }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure-caption {
        text-align: left;
        font-size: 18px; } }
  .registration-v7__figure-note {
    font-family: Roboto;
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 9px 2px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__figure-note {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__figure-note {
        font-size: 23px; } }
  .registration-v7__counter {
    margin-top: 1px;
    width: 342px;
    height: 257px;
    border-radius: 4px;
    background-color: #435182; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__counter {
        width: 275px;
        height: 248px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__counter {
        width: 280px;
        height: 123px; } }
  .registration-v7__counter-title {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffb824;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.82); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__counter-title {
        margin: 2px auto 0 auto; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__counter-title {
        display: block;
        margin: 2px auto 0 auto;
        font-size: 14px; } }
  .registration-v7__counter-inner {
    width: 131px;
    height: 58px;
    border-radius: 6px;
    background-color: #7f8ab0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
    margin: 5px auto;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__counter-inner {
        width: 97.1px;
        height: 43px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__counter-inner {
        margin: 0 auto;
        width: 101px;
        height: 41px; } }
  .registration-v7__counter-inner_inner {
    width: 112px;
    height: 42px;
    opacity: 0.86;
    border-radius: 2px;
    box-shadow: inset 0 8px 7px 0 rgba(0, 0, 0, 0.86), inset 0 -8px 7px 0 rgba(0, 0, 0, 0.89);
    position: absolute;
    top: 8px;
    left: 9px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__counter-inner_inner {
        width: 83px;
        height: 31.1px;
        top: 6px;
        left: 7px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__counter-inner_inner {
        top: 6px;
        left: 8px;
        width: 86px;
        height: 29px; } }
  .registration-v7__form {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .registration-v7__form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .registration-v7__form {
        width: 260px;
        margin: 0 auto; } }
  .registration-v7__input {
    display: block;
    margin-bottom: 16px; }
  .registration-v7__input-inner {
    width: 100%;
    height: 56px;
    border-radius: 3px;
    border: none;
    background-color: #acabbd;
    box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.48);
    font-weight: 700;
    padding: 0 17px; }
  .registration-v7__button {
    display: block;
    margin: 24px auto 0;
    width: 220px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fda929, #fd1741);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
    font-size: 22px;
    text-shadow: 0 2px 0 #822117; }
    .registration-v7__button:hover {
      box-shadow: 0 0 10px 0 rgba(253, 99, 36, 0.7); }
    @media only screen and (max-width: 767px) {
      .registration-v7__button {
        width: 260px;
        margin: 18px auto 0; } }
  .registration-v7__socials {
    margin: 24px auto 0; }
  .registration-v7__socials-title {
    font-size: 14px;
    font-weight: 500;
    color: #7f7ba0;
    text-align: center;
    margin: 0 auto 16px; }

.clock-timer {
  width: 99px;
  height: 49px;
  position: relative;
  background-color: #191824;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(4, 4, 4, 0.24), 0 1px 0 #302f43; }
  .clock-timer__icon {
    position: absolute;
    top: 13px;
    left: 17px; }
  .clock-timer__counter {
    color: #8d8ba6;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 15px;
    text-align: right; }

.payment {
  display: block;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .payment {
      max-height: none; } }

.tab {
  display: block;
  position: relative; }
  .tab__action {
    display: flex;
    position: relative;
    height: 70px;
    font-size: 20px;
    background: #54435E;
    box-shadow: inset 0px 1px 0px #262F39;
    border-radius: 2px 2px 0px 0px; }
    @media only screen and (max-width: 767px) {
      .tab__action {
        height: auto;
        justify-content: center; } }
    .tab__action .tab__item {
      flex: 1;
      color: #727f8c;
      text-align: center;
      position: relative;
      font-family: 'Roboto Condensed',sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 70px; }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .tab__action .tab__item {
          font-size: 18px; } }
      .tab__action .tab__item > a {
        display: block;
        width: 100%;
        height: 100%;
        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42);
        text-decoration: none;
        text-transform: uppercase;
        color: #ffff; }
        .tab__action .tab__item > a:hover {
          color: #fff; }
      .tab__action .tab__item.active a {
        color: #FFD600;
        background: #4B3956;
        box-shadow: inset 0px 3px 0px #FFF6A2;
        border-radius: 4px 4px 0px 0px; }
      .tab__action .tab__item.tab__close {
        flex: 0;
        flex-basis: 60px; }
    .tab__action .tab_close {
      flex: 0;
      width: 60px; }
  .tab__content {
    display: block;
    position: relative; }
    .tab__content .popup .tab__content {
      background-color: #222131; }

.tab__action_cashbox {
  display: flex;
  height: 58px;
  box-shadow: none;
  background: none; }
  .tab__action_cashbox .tab__item {
    flex: 1;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 58px;
    text-transform: uppercase;
    background-color: #54435E;
    box-shadow: none;
    border-radius: 0;
    border-left: 1px solid #4B3956; }
    @media screen and (max-width: 1000px) {
      .tab__action_cashbox .tab__item {
        font-size: 14px; } }
    @media screen and (max-width: 858px) {
      .tab__action_cashbox .tab__item {
        font-size: 10px; } }
    .tab__action_cashbox .tab__item > a {
      width: 100%;
      height: 100%;
      display: block;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.383633);
      font-family: Roboto Condensed;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      text-align: center; }
    .tab__action_cashbox .tab__item.active {
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
      box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.5);
      border-radius: 3px; }
  .tab__action_cashbox .tab__content {
    margin-top: 25px;
    background-color: transparent; }

.deposit-bonus-tooltip {
  color: #fff;
  margin-bottom: 10px; }
  .deposit-bonus-tooltip .header {
    min-height: 10px; }
  .deposit-bonus-tooltip .icon {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    text-align: center;
    font-size: 40px;
    color: #FDA31B;
    background: none;
    text-shadow: 0px 1.9px 0px rgba(0, 0, 0, 0.5); }
  .deposit-bonus-tooltip .header {
    display: block;
    margin: 5px auto;
    padding: 0;
    height: auto;
    width: auto;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    color: #FDA31B;
    background: none;
    max-width: 55%; }
  .deposit-bonus-tooltip .text {
    display: block;
    margin: 5px 0;
    padding: 0;
    height: auto;
    width: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: none; }

.tab-cashier {
  display: block;
  position: relative;
  text-align: center;
  background-color: #1b1a27; }
  .tab-cashier__info-panel {
    display: block;
    margin: 0 auto;
    width: 440px; }
  .tab-cashier__header {
    min-height: 20px;
    position: relative;
    background-color: #4B3956; }
    .tab-cashier__header:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      opacity: 0.27;
      background-color: #3f3d60;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.42); }
  .tab-cashier__content {
    background: #4B3956;
    background-size: cover;
    width: 100%;
    margin: 0 auto 0;
    padding-top: 20px;
    padding-bottom: 76px; }
    @media only screen and (max-width: 767px) {
      .tab-cashier__content {
        width: 100%; } }
    .tab-cashier__content .tab__content {
      max-width: 680px;
      margin: 10px auto 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .tab-cashier__content .tab__content {
          max-height: none; } }
  .tab-cashier__content_deposit {
    background-color: #1b1a27;
    width: 680px;
    margin: 0 auto;
    padding-bottom: 76px; }
    @media only screen and (max-width: 767px) {
      .tab-cashier__content_deposit {
        width: 100%; } }
  .tab-cashier .tab__title {
    padding: 30px 120px 21px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .tab-cashier .tab__title {
        padding: 30px 20px 21px;
        text-align: left; } }
    .tab-cashier .tab__title .fa {
      margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        .tab-cashier .tab__title .fa {
          height: 100%;
          position: absolute;
          left: 20px;
          top: 31px; } }
    .tab-cashier .tab__title .tab-title_yellow {
      color: #f2e419; }
      @media only screen and (max-width: 767px) {
        .tab-cashier .tab__title .tab-title_yellow {
          padding-left: 32px; } }
      .tab-cashier .tab__title .tab-title_yellow * {
        color: #f2e419; }
    .tab-cashier .tab__title .tab-title_grey {
      color: #585861; }
    .tab-cashier .tab__title_big {
      font-size: 20px;
      margin-bottom: 13px; }
    .tab-cashier .tab__title_caption {
      font-weight: normal; }
  .tab-cashier ul.tab__title_caption {
    text-align: left;
    width: 72%;
    margin: 0 auto 10px;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .tab-cashier ul.tab__title_caption {
        width: 80%; } }
    .tab-cashier ul.tab__title_caption li {
      margin: 0 0 3px;
      list-style-type: none; }
  .tab-cashier__payment {
    padding-top: 55px; }
  .tab-cashier .tab_style_button {
    width: 640px;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tab-cashier .tab_style_button .tab__item {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .tab-cashier .tab_style_button {
        width: 100%; } }
  .tab-cashier__bonus-sidebar {
    width: 270px;
    display: inline-block;
    color: #fff;
    padding: 0 20px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tab-cashier__bonus-sidebar {
        margin-top: 20px; } }
    .tab-cashier__bonus-sidebar .button {
      display: block;
      margin: 10px auto;
      min-width: 160px;
      width: 100%; }
    .tab-cashier__bonus-sidebar img {
      max-width: 100%; }
    .tab-cashier__bonus-sidebar .bonus-sidebar__header {
      font-weight: bold;
      font-size: 18px;
      text-align: center;
      text-transform: uppercase;
      color: #FDA31B;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.383633);
      padding-bottom: 10px; }
    .tab-cashier__bonus-sidebar .bonus-sidebar__content {
      padding: 0 10px; }
    .tab-cashier__bonus-sidebar .bonus-img {
      width: 100px; }
    .tab-cashier__bonus-sidebar .bonus-name {
      font-size: 18px;
      color: #fdc236;
      font-weight: 700;
      line-height: 1.2;
      text-align: center;
      text-shadow: 0 2px 0 rgba(21, 20, 31, 0.7);
      margin: 5px 0 0;
      text-transform: uppercase; }
    .tab-cashier__bonus-sidebar .bonus-description {
      font-size: 15px;
      color: #ffff;
      line-height: 1.2;
      text-align: center;
      text-shadow: 0 2px 0 rgba(44, 44, 60, 0.7); }
    .tab-cashier__bonus-sidebar .bonus-timer {
      margin-bottom: 20px; }
    .tab-cashier__bonus-sidebar .bonus-sidebar__subtitle {
      padding: 10px 15px;
      border: 2px solid #FDA31B;
      box-sizing: border-box;
      border-radius: 4px; }
      .tab-cashier__bonus-sidebar .bonus-sidebar__subtitle .bonus-subtitle__header {
        margin: 0;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: normal;
        text-align: center;
        text-transform: uppercase;
        color: #FDA31B;
        padding: 0 0 10px 0;
        border-bottom: 1px solid; }
      .tab-cashier__bonus-sidebar .bonus-sidebar__subtitle small {
        color: #FDA31B;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: normal;
        text-align: center;
        margin: 10px 0;
        display: block; }
    @media only screen and (max-width: 767px) {
      .tab-cashier__bonus-sidebar {
        display: block;
        margin: 20px auto 0;
        width: 320px;
        max-width: 100%; } }
  .tab-cashier .bonus-panel__title_alert {
    white-space: normal;
    margin-top: -6px; }
  .tab-cashier .bonus-panel__title_alert {
    font-weight: bold;
    font-size: 16px;
    color: #FDA31B;
    white-space: nowrap;
    margin: 20px 30px 0;
    text-align: center; }

.tab-cashier__header_auto {
  height: auto; }

.tab-bonuses {
  display: block;
  position: relative; }
  .tab-bonuses__gallery {
    padding: 0;
    position: relative;
    margin-top: 10px;
    margin: 10px 30px; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .tab-bonuses__gallery {
        margin: 10px 10px; } }
    .tab-bonuses__gallery h4 {
      color: #ffff;
      font-size: 20px;
      margin-top: 0; }

.vip {
  display: block;
  position: relative;
  font-family: 'Roboto Condensed', sans-serif; }
  .vip__header {
    text-align: center;
    padding: 34px; }
  .vip__action {
    background-color: #2b2a3e;
    text-align: center;
    position: relative;
    display: block;
    padding: 50px 0 64px; }
  .vip__rating {
    height: 100px; }
  .vip__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .vip__title.title_font_hugest {
      font-size: 30px;
      line-height: 40px;
      margin: 30px 20px 10px; }
  .vip__subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .vip__subtitle {
        display: none; } }
  .vip__icon {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 16px;
    text-align: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #4ea1e1;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .vip__icon .rating__info {
      bottom: 0; }
    .vip__icon .rating__tooltip {
      text-transform: none;
      font-weight: 400; }
    .vip__icon .icon {
      margin: 0; }
  .vip__table {
    display: table;
    border-collapse: collapse;
    position: relative;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .vip__table {
        display: block; } }
  .vip__cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .vip__cell {
        display: block; } }
  .vip__input .input__inner {
    width: 205px;
    height: 47px;
    text-align: center;
    border-radius: 1px;
    background-color: #1c1b29;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.13), 0 1px 0 #2c2b3d; }
    @media only screen and (max-width: 767px) {
      .vip__input .input__inner {
        width: 166px; } }
  .vip__input_color_white .input__inner {
    color: #fff; }
  .vip__input_color_yellow .input__inner {
    color: #fff000; }
  .vip__viewrate {
    width: 166px;
    height: 63px;
    background-color: #3788d6;
    background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: 29px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 10px; }
    @media only screen and (max-width: 767px) {
      .vip__viewrate {
        margin: 0 auto; } }
  .vip__button {
    width: auto;
    height: 63px;
    white-space: nowrap;
    background-color: #fd6a24;
    background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
    text-shadow: 0 2px 0 rgba(44, 43, 61, 0.13);
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 0 20px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: -32px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }
  .vip__levels-table {
    padding: 0 50px 34px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .vip__levels-table {
        padding: 0 30px 34px; } }
    @media only screen and (max-width: 767px) {
      .vip__levels-table {
        padding: 0 28px 34px;
        position: relative;
        z-index: 0; } }

.profile {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  width: 85%; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .profile {
      width: 100%; } }
  .profile__table {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    position: relative; }
  .profile__header {
    height: 133px; }
  .profile__aside {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 298px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .profile__aside {
        width: 219px; } }
    @media only screen and (max-width: 767px) {
      .profile__aside {
        display: block;
        width: 100%; } }
    .profile__aside:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
      @media only screen and (max-width: 767px) {
        .profile__aside:after {
          display: none; } }
    .profile__aside .cabinet-promo {
      max-width: 200px;
      margin: 0 auto;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .profile__aside .cabinet-promo {
          margin-top: 20px; } }
      .profile__aside .cabinet-promo .profile-contacts__button {
        margin-top: -19%; }
      .profile__aside .cabinet-promo .title__inner {
        position: relative;
        width: 100%; }
      .profile__aside .cabinet-promo .rating__info {
        top: 1px; }
      .profile__aside .cabinet-promo .error {
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #ff002c;
        display: none; }
      .profile__aside .cabinet-promo .cabinet-promo__note {
        color: #9e9cbf;
        font-family: Roboto Condensed,sans-serif;
        font-size: 15px;
        line-height: 14px;
        text-align: center;
        margin: 10px; }
      .profile__aside .cabinet-promo .form-email {
        position: relative; }
      .profile__aside .cabinet-promo__input {
        width: 100%;
        height: 42px;
        padding: 10px 109px 14px 17px;
        color: #fff;
        font-size: 14px;
        text-transform: none;
        border: 1px solid #234264;
        box-sizing: border-box;
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
        border-radius: 2px; }
      .profile__aside .cabinet-promo .tooltip__content {
        text-transform: none;
        font-weight: normal; }
      .profile__aside .cabinet-promo__button {
        width: 80px;
        height: 29px;
        padding: 6px 0;
        font-size: 13px;
        line-height: 17px;
        display: inline-block; }
      .profile__aside .cabinet-promo .promo--success {
        font-size: 13px;
        color: white;
        border: solid 1px rgba(255, 255, 255, 0.16);
        padding: 15px;
        margin: 20px 0; }
      .profile__aside .cabinet-promo .promo--success p {
        margin-top: 2px; }
      .profile__aside .cabinet-promo .promo--success a {
        color: #3c90f0;
        text-decoration: underline; }
  .profile__title {
    font-size: 30px;
    line-height: 40px;
    display: block;
    text-align: center;
    padding: 46px 20px 47px; }
  .profile__form_v1 {
    background-color: #1b1a27;
    box-shadow: inset 0 -1px 0 #2b2a3c, 0 3px 8px rgba(0, 0, 0, 0.72); }
    .profile__form_v1 .profile-details {
      padding: 35px 42px 42px 47px; }
      .profile__form_v1 .profile-details .profile-details__input {
        padding: 0;
        width: auto;
        margin-right: 11px; }
        .profile__form_v1 .profile-details .profile-details__input:last-child {
          margin-right: 0; }
      .profile__form_v1 .profile-details .profile-details__title {
        margin-bottom: 38px; }
      .profile__form_v1 .profile-details .input__inner {
        width: 229px;
        height: 53px;
        padding: 10px 26px; }
    .profile__form_v1 .profile-contacts {
      padding: 39px 39px 35px; }
      .profile__form_v1 .profile-contacts:after {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
      .profile__form_v1 .profile-contacts .input__inner {
        height: 53px; }
      .profile__form_v1 .profile-contacts .profile-contacts__button {
        width: 121px;
        height: 37px;
        bottom: 8px;
        padding: 0 10px; }
        .profile__form_v1 .profile-contacts .profile-contacts__button_green {
          background-image: linear-gradient(180deg, #4edb80 0%, #307c0b 100%); }
    .profile__form_v1 .profile-socials {
      padding: 35px 42px 32px; }
      .profile__form_v1 .profile-socials:after {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
      .profile__form_v1 .profile-socials .profile-socials__title {
        margin-bottom: 8px; }
      .profile__form_v1 .profile-socials .profile-socials__note {
        text-align: left;
        color: #fff;
        font-size: 16px;
        line-height: 24px; }
      .profile__form_v1 .profile-socials .profile-socials__action {
        margin-top: 33px;
        display: inline-block;
        vertical-align: top; }
    .profile__form_v1 .profile-notify {
      padding: 31px 43px 35px; }
      .profile__form_v1 .profile-notify:after {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
      .profile__form_v1 .profile-notify .profile-notify__title {
        margin-bottom: 23px; }
      .profile__form_v1 .profile-notify .profile-notify__checkbox {
        display: block;
        margin-bottom: 13px; }
        .profile__form_v1 .profile-notify .profile-notify__checkbox:last-child {
          margin-bottom: 0; }
    .profile__form_v1 .profile__action {
      padding: 35px 29px 32px 38px;
      text-align: center; }
    .profile__form_v1 .profile__button {
      padding: 14px 30px;
      float: none;
      font-size: 20px; }
  .profile__password {
    display: block;
    position: relative; }
  .profile__atop {
    display: block;
    margin: 18px auto; }
  .profile__info {
    display: block;
    position: relative;
    text-align: center;
    color: #FFFFFF; }
    .profile__info h1 {
      font-size: 28px;
      font-weight: 700;
      margin: 5px 0; }
    .profile__info h2 {
      font-size: 24px;
      font-weight: 700;
      margin: 5px 0; }
    .profile__info h3 {
      font-size: 21px;
      font-weight: 300; }
    .profile__info h4 {
      font-size: 17px;
      font-weight: 300; }
    .profile__info .title {
      text-transform: uppercase; }
    .profile__info .accent {
      color: #F2E419; }
    .profile__info .action {
      margin: 14px auto; }
  .profile__main {
    margin: 20px 0;
    display: block;
    vertical-align: top; }
    @media only screen and (max-width: 767px) {
      .profile__main {
        display: block;
        width: 100%; } }
  .profile__details {
    display: block;
    position: relative;
    padding: 0;
    border: none; }
  .profile__action {
    padding: 41px 31px 18px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .profile__action {
        padding: 41px 20px 18px; } }
    @media only screen and (max-width: 767px) {
      .profile__action {
        padding: 26px 20px 40px;
        text-align: center; } }
    .profile__action:after {
      content: '';
      display: table;
      clear: both; }
  .profile__button {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
    padding: 10px 12px;
    font-family: Roboto Condensed,sans-serif;
    font-size: 16px;
    line-height: 18px;
    float: left; }
    @media only screen and (max-width: 767px) {
      .profile__button {
        float: none;
        margin: 0 auto;
        display: block; } }
    .profile__button_submit {
      float: right;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
      @media only screen and (max-width: 767px) {
        .profile__button_submit {
          float: none;
          margin: 15px auto 0;
          display: block;
          width: 100%; } }
  .profile__panel {
    display: block;
    position: relative; }
    .profile__panel:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }

.profile-info {
  display: block;
  position: relative;
  text-align: center; }
  .profile-info__title {
    display: block;
    position: relative;
    padding: 43px 10px 21px 19px; }
    @media only screen and (max-width: 767px) {
      .profile-info__title {
        padding: 27px 74px 21px 84px;
        text-align: left; } }
  .profile-info__caption {
    display: block;
    position: relative;
    font-size: 16px;
    text-align: center;
    padding: 0 10px 0 21px; }
    @media only screen and (max-width: 767px) {
      .profile-info__caption {
        display: none; } }
  .profile-info__status {
    display: inline-block;
    padding-left: 10px;
    padding-top: 30px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .profile-info__status {
        display: block;
        padding-left: 20px;
        padding-top: 24px;
        position: absolute;
        top: 0; } }
    .profile-info__status .status img {
      width: 90px;
      margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .profile-info__status .status .status__note {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .profile-info__status .status {
        width: 50px;
        height: 54px; }
        .profile-info__status .status img {
          display: block;
          width: 30px;
          height: 30px;
          margin: 0 auto; }
      .profile-info__status .status__icon {
        min-width: 30px;
        top: 2px; }
      .profile-info__status .status__note {
        font-size: 11px; } }
  .profile-info__rating {
    display: block;
    position: relative;
    padding-bottom: 31px; }
    .profile-info__rating .rating__stars {
      width: auto; }
    .profile-info__rating .rating__tooltip {
      right: -17px; }
    .profile-info__rating:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-info__bonus {
    display: block;
    position: relative;
    padding-bottom: 31px;
    padding-top: 32px; }
    .profile-info__bonus:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-info__action {
    display: block;
    position: relative;
    padding: 41px 20px 41px 28px; }
    @media only screen and (max-width: 767px) {
      .profile-info__action {
        position: absolute;
        top: 24px;
        right: 20px;
        padding: 0; } }
  .profile-info__button {
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
    font-size: 20px;
    padding: 10px 15px; }
  .profile-info__icon {
    display: none; }
    @media only screen and (max-width: 767px) {
      .profile-info__icon {
        display: block;
        position: absolute;
        top: 14px;
        right: 9px;
        pointer-events: none; } }

.profile-details {
  padding: 0 31px 0; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .profile-details {
      padding: 0 20px 0; } }
  @media only screen and (max-width: 767px) {
    .profile-details {
      padding: 0 19px 0; } }
  .profile-details:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #4B3956;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    margin-top: 20px; }
  .profile-details__title {
    display: block;
    margin-bottom: 34px; }
    .profile-details__title_left {
      text-align: left; }
  .profile-details__action {
    margin: -8px;
    font-size: 0; }
  .profile-details__input {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 8px; }
    @media only screen and (max-width: 767px) {
      .profile-details__input {
        width: 100%; } }
    .profile-details__input .input__inner {
      width: 100%;
      height: 42px;
      padding: 11px 17px;
      color: #fff;
      font-size: 16px;
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid #234264;
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      border-radius: 2px; }
      .profile-details__input .input__inner:disabled {
        color: #87869E; }
      .profile-details__input .input__inner.is-invalid {
        box-shadow: 0 0 0px 1px #FF1202; }
    .profile-details__input .form-group {
      vertical-align: top; }
      .profile-details__input .form-group.field-profileform-birthday {
        display: inline-block;
        width: 50%; }
      .profile-details__input .form-group.field-profileform-gender {
        display: inline-block;
        width: 50%;
        padding-left: 19px; }

.profile-contacts {
  display: block;
  position: relative;
  padding: 41px 31px 18px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .profile-contacts {
      padding: 41px 20px 18px; } }
  .profile-contacts:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #4B3956;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-contacts__title {
    display: block;
    margin-bottom: 29px; }
  .profile-contacts__action {
    font-size: 0;
    margin: 0 -8px; }
  .profile-contacts__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 8px; }
    @media only screen and (max-width: 767px) {
      .profile-contacts__item {
        width: 100%; }
        .profile-contacts__item + .profile-contacts__item {
          margin-top: 22px; } }
  .profile-contacts__label {
    display: block;
    position: relative;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 14px; }
  .profile-contacts__label-inner {
    font-size: 16px;
    line-height: 23px; }
  .profile-contacts__status {
    background-color: #fd2230;
    border-radius: 1px;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 13px 4px;
    display: inline-block;
    vertical-align: top;
    margin-left: 18px; }
    .profile-contacts__status_confirmed {
      background-color: #6a9500;
      padding: 3px 11px 4px; }
  .profile-contacts__input {
    display: block;
    position: relative; }
    .profile-contacts__input .input__inner {
      width: 100%;
      height: 42px;
      color: #fff;
      font-size: 14px;
      line-height: 18px;
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid #234264;
      box-sizing: border-box;
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      border-radius: 2px;
      padding: 10px 15px 10px 15px; }
      .profile-contacts__input .input__inner:disabled {
        color: #87869E; }
    .profile-contacts__input input[placeholder] {
      text-overflow: ellipsis; }
    .profile-contacts__input input::-moz-placeholder {
      text-overflow: ellipsis; }
    .profile-contacts__input input:-moz-placeholder {
      text-overflow: ellipsis; }
    .profile-contacts__input input:-ms-input-placeholder {
      text-overflow: ellipsis; }
    .profile-contacts__input .confirm-action {
      text-align: right;
      margin-top: 9px; }
  .profile-contacts .profile-contacts__button + .field-userprofile-email .input__inner, .profile-contacts .profile-contacts__button + .input__inner, .profile-contacts .profile-contacts__button + .field-userprofile-phone .input__inner {
    padding: 10px 105px 10px 15px;
    text-transform: none; }
  .profile-contacts__button {
    width: 93px;
    height: 29px;
    padding: 6px 0;
    border-radius: 1px;
    text-shadow: 0 1px 0 rgba(41, 40, 60, 0.33);
    font-size: 13px;
    line-height: 17px;
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 3px; }
  .profile-contacts .field-userprofile-email .input__inner_readonly {
    pointer-events: none; }
  .profile-contacts .profile-contacts__button + .field-userprofile-phone {
    position: relative; }
    .profile-contacts .profile-contacts__button + .field-userprofile-phone .input__inner {
      padding-left: 20px; }
  .profile-contacts .profile-contacts__button + .field-userprofile-phone:before {
    content: '+';
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    font-size: 14px;
    color: #fff;
    height: 42px;
    line-height: 42px; }
    @media only screen and (max-width: 767px) {
      .profile-contacts .profile-contacts__button + .field-userprofile-phone:before {
        left: 12px; } }
  .profile-contacts__subtitle {
    color: #9e9cbf;
    font-family: Roboto Condensed,sans-serif;
    font-size: 13px;
    line-height: 14px; }
  .profile-contacts .form-group {
    vertical-align: top; }
    .profile-contacts .form-group.field-profileform-phoneCode {
      display: inline-block;
      width: 30%; }
    .profile-contacts .form-group.field-profileform-phone {
      display: inline-block;
      width: 70%;
      padding-left: 8px; }
  .profile-contacts .field-profileform-phoneCode .selectric-items {
    height: 300px; }

.profile-socials {
  display: block;
  position: relative;
  padding: 27px 42px 26px 42px; }
  @media only screen and (max-width: 767px) {
    .profile-socials {
      padding: 27px 18px 26px; } }
  .profile-socials:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #4B3956;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-socials__title {
    display: block;
    margin-bottom: 15px; }
  .profile-socials__note {
    color: #9e9cbf;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 14px;
    text-align: center;
    margin: 0; }
  .profile-socials__action {
    margin-top: 27px; }

.profile-notify {
  display: block;
  position: relative;
  padding: 41px 31px 18px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .profile-notify {
      padding: 41px 20px 18px; } }
  @media only screen and (max-width: 767px) {
    .profile-notify {
      padding: 19px; } }
  .profile-notify:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-notify__row {
    display: block;
    width: 100%; }
    .profile-notify__row + .profile-notify__row {
      margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .profile-notify__row {
        display: table-row; } }
  .profile-notify__title {
    display: block;
    margin-bottom: 4px; }
  .profile-notify__action {
    display: block;
    position: relative;
    font-size: 0; }
    @media only screen and (max-width: 767px) {
      .profile-notify__action {
        display: table;
        width: 100%; } }
  .profile-notify__block {
    display: inline-block;
    vertical-align: top;
    margin-right: 56px; }
  .profile-notify__label {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 13px;
    display: block; }
    .profile-notify__row .profile-notify__label {
      padding-top: 16px; }
    @media only screen and (max-width: 767px) {
      .profile-notify__label {
        display: table-cell;
        vertical-align: top; } }
  .profile-notify__choice {
    display: block; }
    @media only screen and (max-width: 767px) {
      .profile-notify__choice {
        display: table-cell;
        vertical-align: top; }
        .profile-notify__row .profile-notify__choice {
          padding-top: 16px; } }
  .profile-notify__checkbox {
    margin-right: 80px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .profile-notify__checkbox {
        margin-right: 40px; } }
    @media only screen and (max-width: 767px) {
      .profile-notify__checkbox {
        margin-right: 0;
        display: block;
        margin-bottom: 11px; } }
    .profile-notify__checkbox:last-child {
      margin-right: 0; }
    .profile-notify__checkbox .checkbox__label {
      font-size: 15px;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 500; }

.profile-panel {
  display: block;
  position: relative; }
  .profile-panel__table {
    display: table;
    width: 100%;
    position: relative; }
  .profile-panel__cell {
    display: table-cell;
    position: relative;
    vertical-align: bottom;
    padding-right: 27px;
    width: 1px; }
    .profile-panel__cell_fluid {
      width: 100%;
      padding-right: 0; }
  .profile-panel__head {
    display: block;
    position: relative;
    padding: 30px 42px 24px; }
    .profile-panel__head:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-panel__content {
    display: block;
    vertical-align: middle;
    padding: 21px 38px 32px 42px; }
  .profile-panel__user-panel {
    display: inline-block; }
    .profile-panel__user-panel .user-panel__countpad {
      margin-left: 50px; }
    .profile-panel__user-panel .user-panel__button {
      margin-left: 40px; }
  .profile-panel__caption {
    font-size: 19px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0; }
    .profile-panel__caption:nth-child(2) {
      margin-right: 20px; }
    .profile-panel__caption_accent {
      color: #fff000; }
  .profile-panel__title {
    display: block;
    line-height: 24px; }
    .profile-panel__title:nth-child(2) {
      font-size: 24px; }

.profile-password {
  padding: 35px 40px 35px; }
  .profile-password:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); }
  .profile-password__title {
    display: block;
    margin-bottom: 29px; }
    .profile-password__title_left {
      text-align: left; }
  .profile-password__action {
    margin: -8px;
    font-size: 0; }
  .profile-password__input {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    padding: 8px; }
    .profile-password__input .input__inner {
      width: 100%;
      height: 53px;
      padding: 14px 17px 14px;
      background-color: #141320;
      color: #fff;
      font-size: 16px;
      border-radius: 1px;
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.13), 0 1px 0 #222130; }

.popup-panel {
  display: block;
  position: relative;
  margin: 10px;
  min-height: 55px;
  transition: transform ease-in-out 0.3s, opacity ease-in-out 0.3s; }
  @media only screen and (max-width: 767px) {
    .popup-panel {
      margin: 24px 20px 0; } }
  .popup-panel #fill-phone-bonus-form, .popup-panel #order-call-bonus-form {
    background: url(./img/bg_form.webp) no-repeat;
    background-size: cover;
    padding: 10px; }
  .popup-panel .selectric {
    width: 100px; }
    @media only screen and (max-width: 767px) {
      .popup-panel .selectric {
        width: 100%; } }
  .popup-panel .input__inner {
    background: #00142a; }
  .popup-panel__toggle {
    color: #fff;
    width: 44px;
    height: 55px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    text-align: center;
    padding: 17px 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .popup-panel__toggle .icon_popup-panel_toggle {
      transition: transform ease-in-out 0.2s; }
    .popup-panel__toggle.close .icon_popup-panel_toggle {
      transform: rotate(270deg); }
  .popup-panel__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .popup-panel__head {
    text-align: center; }
  .popup-panel__title {
    text-align: center;
    padding: 18px 40px 15px;
    line-height: 24px;
    text-shadow: 0 2px 1px rgba(9, 32, 58, 0.83);
    color: #fff000;
    font-size: 18px;
    font-weight: 700; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .popup-panel__title {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .popup-panel__title {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 40px 10px; } }
    .popup-panel__title_inline {
      display: inline-block;
      vertical-align: top;
      padding: 13px 20px; }
  .popup-panel__subtitle {
    display: block;
    color: #fff;
    text-transform: none;
    text-align: center;
    padding: 0 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto 12px;
    max-width: 632px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .popup-panel__subtitle {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .popup-panel__subtitle {
        font-size: 12px;
        line-height: 16px;
        padding: 0 20px; } }
  .popup-panel__content {
    text-align: center; }
  .popup-panel__row {
    text-align: center; }
  .popup-panel__input {
    height: 42px;
    margin-right: 8px; }
    .popup-panel__input .input__inner {
      width: 192px;
      color: #e5e2f3;
      height: 42px;
      border-radius: 2px;
      box-shadow: 0 1px 1px rgba(43, 42, 70, 0.46), inset 0 1px 1px rgba(0, 0, 0, 0.79);
      background-color: #4c4968; }
      @media only screen and (max-width: 767px) {
        .popup-panel__input .input__inner {
          width: 170px; } }
  .popup-panel__button {
    min-width: 70px;
    height: 42px;
    margin-top: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #be2f21; }
    .popup-panel__button_wide {
      min-width: 202px;
      padding: 10px 14px; }
  .popup-panel__bonus-info {
    display: block;
    position: relative;
    margin: 14px auto 18px;
    max-width: 288px; }
    @media only screen and (max-width: 767px) {
      .popup-panel__bonus-info {
        max-width: 216px; } }
  .popup-panel__bonus-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top; }
  .popup-panel__bonus-note {
    display: block;
    vertical-align: top;
    text-align: left;
    color: #aeaacc;
    font-size: 11px;
    font-weight: 400;
    padding-left: 30px; }
  .popup-panel__link {
    display: block;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    text-decoration: underline;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px;
    cursor: pointer; }
    .popup-panel__link_pale {
      color: #375475; }
  .popup-panel__footer > .popup-panel__subtitle {
    font-size: 11px; }

.popup_re-call {
  background: #15355a;
  border: 1px solid #38608e;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  z-index: 202; }
  .popup_re-call .popup__close {
    background: transparent;
    box-shadow: none;
    margin-top: 7px; }
  .popup_re-call .popup__head {
    background: #0a1a2d; }
  .popup_re-call .popup__title {
    color: #ffcc00;
    text-align: center;
    font-size: 28px;
    padding: 10px 10px; }
  .popup_re-call .popup__content {
    font-size: 18px;
    padding: 0 30px 20px; }
    .popup_re-call .popup__content a {
      color: #ffcc00; }
    .popup_re-call .popup__content input {
      background-color: #0c2542;
      box-shadow: inset 0 3px 16px 0 rgba(0, 0, 0, 0.5);
      border: none;
      margin: 15px auto;
      padding: 12px;
      color: #fff; }
    .popup_re-call .popup__content button {
      background-image: linear-gradient(0deg, #ff0400, #ff9b10);
      box-shadow: 0 6px 9.5px 0.5px rgba(8, 22, 38, 0.004), inset 0 2px 0 0 rgba(247, 204, 69, 0.004);
      width: 232px;
      height: 51px;
      border: none;
      border-radius: 40px;
      cursor: pointer;
      display: block;
      margin: 10px auto 10px;
      color: #fff;
      font-size: 22px;
      text-transform: uppercase;
      text-shadow: -0   -1px 0   #FF0400, 0   -1px 0   #FF0400,-0    1px 0   #FF0400, 0    1px 0   #FF0400,-1px -0   0   #FF0400, 1px -0   0   #FF0400,-1px  0   0   #FF0400, 1px  0   0   #FF0400,-1px -1px 0   #FF0400, 1px -1px 0   #FF0400,-1px  1px 0   #FF0400, 1px  1px 0   #FF0400,-1px -1px 0   #FF0400, 1px -1px 0   #FF0400,-1px  1px 0   #FF0400, 1px  1px 0   #FF0400; }
    .popup_re-call .popup__content > span {
      text-decoration: underline;
      color: #26568c;
      cursor: pointer; }
  .popup_re-call #re-call-not-phone-error {
    color: red;
    text-decoration: none; }

.overflow.re-call_overflow {
  z-index: 201; }

.popup_lottery-bonus-popup {
  background: #00325b;
  border: 1px solid #38608e;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  width: 767px; }
  @media only screen and (max-width: 767px) {
    .popup_lottery-bonus-popup {
      overflow: auto !important; } }
  .popup_lottery-bonus-popup .popup__close {
    background: transparent;
    box-shadow: none;
    margin-top: 7px; }
  .popup_lottery-bonus-popup .popup__head {
    background: #0a1a2d; }
  .popup_lottery-bonus-popup .popup__title {
    color: #ffcc00;
    text-align: center;
    font-size: 26px;
    padding: 10px 33px; }
  .popup_lottery-bonus-popup .popup__content {
    font-size: 17px;
    padding: 0 10px;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .popup_lottery-bonus-popup .popup__content {
        display: block; } }
    .popup_lottery-bonus-popup .popup__content img {
      max-width: 100%; }
    .popup_lottery-bonus-popup .popup__content button {
      background-image: linear-gradient(0deg, #ff0400, #ff9b10);
      box-shadow: 0 6px 9.5px 0.5px rgba(8, 22, 38, 0.004), inset 0 2px 0 0 rgba(247, 204, 69, 0.004);
      width: 232px;
      height: 51px;
      border: none;
      border-radius: 40px;
      cursor: pointer;
      display: block;
      margin: 10px auto 10px;
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      text-shadow: -0 -1px 0 #FF0400, 0 -1px 0 #FF0400, -0 1px 0 #FF0400, 0 1px 0 #FF0400, -1px -0 0 #FF0400, 1px -0 0 #FF0400, -1px  0 0 #FF0400, 1px  0 0 #FF0400, -1px -1px 0 #FF0400, 1px -1px 0 #FF0400, -1px 1px 0 #FF0400, 1px 1px 0 #FF0400, -1px -1px 0 #FF0400, 1px -1px 0 #FF0400, -1px 1px 0 #FF0400, 1px 1px 0 #FF0400; }
      .popup_lottery-bonus-popup .popup__content button:last-child {
        box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16), inset 0 2px 0 0 rgba(171, 219, 255, 0.004);
        background: none;
        border: 2px solid #47607d;
        border-left: 1px;
        border-right: 1px;
        border-top: 3px solid #719dbd;
        text-shadow: 0 1px 0 #000;
        font-size: 22px; }
  .popup_lottery-bonus-popup .timer__note {
    color: #7297d3;
    padding-bottom: 0;
    font-size: 11px; }
  .popup_lottery-bonus-popup .timer__row_digit .timer__cell {
    color: #7297d3;
    font-size: 36px; }
  .popup_lottery-bonus-popup .timer__row_caption .timer__cell {
    color: #7297d3;
    font-size: 12px; }

.lottery-bonus-popup__column {
  flex-basis: 50%;
  padding: 40px 10px 20px; }
  @media only screen and (max-width: 767px) {
    .lottery-bonus-popup__column {
      width: 100%; } }
  .lottery-bonus-popup__column > *:first-child {
    margin-top: 0; }
  .lottery-bonus-popup__column h2 {
    font-size: 36px;
    color: #ffcc00;
    font-weight: bold;
    line-height: 1;
    margin: 0; }
  .lottery-bonus-popup__column p {
    text-align: justify;
    margin-bottom: 21px; }
    .lottery-bonus-popup__column p span {
      color: #ffcc00; }
  .lottery-bonus-popup__column:first-child p {
    color: #7498d4;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-align: center; }
    .lottery-bonus-popup__column:first-child p span {
      color: #fff;
      font-size: 48px;
      display: block; }
  .lottery-bonus-popup__column:first-child h3 {
    color: #ffcc00;
    font-size: 22px;
    line-height: 1; }
    .lottery-bonus-popup__column:first-child h3 span {
      font-size: 34px;
      display: block; }

.lottery-bonus-popup__tg {
  position: relative;
  margin-top: 25px; }
  .lottery-bonus-popup__tg:before {
    content: '';
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #003159 1%, #2e6e9f 23%, #5babe4 49%, #2e6e9f 75%, #003159 100%);
    display: block;
    position: absolute;
    top: -10px; }
  .lottery-bonus-popup__tg p {
    font-size: 12px;
    color: #f8fdff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0 3px 5.46px #00365d; }
    .lottery-bonus-popup__tg p span {
      color: #ffcc05; }
  .lottery-bonus-popup__tg a {
    background-image: linear-gradient(90deg, #4892c8 1%, #2b5f84 100%);
    box-shadow: 0 1px 5.7px 0.3px #013962;
    font-size: 14px;
    color: #f0f0f0;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 20px;
    font-weight: 500; }
    .lottery-bonus-popup__tg a img {
      height: 20px;
      margin-right: 7px; }
    .lottery-bonus-popup__tg a span {
      position: relative;
      top: -3px; }

.payment__gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: stretch;
  padding: 0;
  margin: 0 0 0 -1.33%; }
  .payment__gallery .item {
    box-sizing: border-box;
    position: relative;
    background: #fff;
    border-radius: 4px;
    width: 32%;
    margin: 1.33% 0 1.33% 1.33%;
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .3s; }
    @media only screen and (max-width: 767px) {
      .payment__gallery .item {
        width: 48%; } }
    .payment__gallery .item:hover, .payment__gallery .item.active {
      border: 1px solid #FF1F47; }
    .payment__gallery .item .pay_image {
      border-radius: 3px 3px 0 0;
      display: flex;
      align-items: center;
      padding: 10px 0;
      margin: 0;
      width: 100%;
      background: linear-gradient(180deg, #F8F8F8 0%, #D3D3D3 100%);
      text-align: center;
      height: 92px; }
      .payment__gallery .item .pay_image > .image {
        margin: 0 auto;
        transform: scale(0.8); }
    .payment__gallery .item .footer {
      display: block;
      width: 100%;
      margin: 0;
      padding: 12px;
      color: #54435E;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 300;
      font-size: 12px;
      text-align: left; }
    .payment__gallery .item .form {
      display: none;
      opacity: 0; }
      .payment__gallery .item .form form {
        display: block; }
  .payment__gallery .payment__item.item.active:after {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 110%;
    left: calc(50% - 20px);
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 6px -1px #000; }
  .payment__gallery .form.active {
    display: flex;
    opacity: 1;
    transition: opacity .3s ease;
    width: 99.99%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 22px 14px;
    color: #4F7199;
    cursor: default;
    border: none; }
    .payment__gallery .form.active .message.error {
      margin: 10px auto;
      padding: 0 10px;
      color: #D91236;
      font-size: 16px;
      text-align: center; }
      .payment__gallery .form.active .message.error .icon {
        display: inline; }
      .payment__gallery .form.active .message.error .text {
        display: inline; }
    .payment__gallery .form.active form {
      display: block;
      width: 100%; }
  .payment__gallery .form-row {
    width: 100%;
    display: flex;
    align-items: center;
    color: #54435E;
    margin: 5px 0; }
    .payment__gallery .form-row .caption {
      margin-right: 15px;
      line-height: 42px; }
    .payment__gallery .form-row label {
      margin-right: 8px;
      line-height: 42px; }
    @media only screen and (max-width: 767px) {
      .payment__gallery .form-row {
        flex-wrap: wrap;
        text-align: left; }
        .payment__gallery .form-row .submit {
          width: 100%;
          margin: 10px 0; } }
  .payment__gallery .form-row-tips {
    position: relative;
    display: block;
    width: 100%;
    color: #4B3956;
    background: #B0A0BA;
    margin-top: 22px; }
    .payment__gallery .form-row-tips:before {
      content: " ";
      display: block;
      width: 100%;
      height: 4px;
      background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%); }
    .payment__gallery .form-row-tips:after {
      content: " ";
      display: block;
      width: 25px;
      height: 22px;
      position: absolute;
      top: 4px;
      left: 18px;
      background-color: #A90321;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD6SURBVHgBzVLREYIwDG09B9ANOgJugBswAm6AE+AGnBPABrgBbCAbiBPgBvVFw1lqOOCPd/eu0DSvL2mUWhv0WMBau8MSgYa3GrDWWr/UXEAkBTsrI50rUnmJnSB6nxLJBAchaIQLsjERI4iYifiuj28crcjTpsa27LLDfyncH0uOCqE3hmMx+BAc5ZIjH2S7IhE4K/B9BEef3hVqhTgl5hC7UZnqO0sungMhHIwEEerRAesea8RlGv/QIJfmAkyEJy75tQL7P0sl53xmaqt+/SCcqBTnQtpP+LvxSj6DYb+h2REdpgGr1TIE4BWlX7RXa6CWgfpYq1XiDeSXReq7p5kHAAAAAElFTkSuQmCC"), linear-gradient(180deg, #A90321 0%, #F81C44 100%);
      background-position: 50% 50%;
      background-repeat: no-repeat; }
    .payment__gallery .form-row-tips .row {
      padding: 17px 30px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .payment__gallery .form-row-tips .row {
          display: block; } }
    .payment__gallery .form-row-tips input.hidden {
      display: none; }
    .payment__gallery .form-row-tips .caption {
      color: #4B3956;
      font-size: 14px;
      line-height: 16px;
      width: 34%;
      min-width: auto !important;
      padding: 0;
      margin-right: 1%; }
      @media screen and (max-width: 767px) {
        .payment__gallery .form-row-tips .caption {
          display: block;
          width: 100%;
          margin: 10px 0;
          text-align: center; } }
    .payment__gallery .form-row-tips .variants {
      display: block;
      width: 40%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .payment__gallery .form-row-tips .variants {
          display: block;
          width: 100%; } }
      .payment__gallery .form-row-tips .variants .item {
        display: inline-block !important;
        background: none !important;
        border: none !important;
        text-align: center !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 10px 0 0; }
        @media screen and (max-width: 767px) {
          .payment__gallery .form-row-tips .variants .item {
            margin: 10px 0 !important;
            width: 31% !important; } }
        .payment__gallery .form-row-tips .variants .item .radio {
          display: inline-block;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          background: #F1F1F1;
          color: #54435E;
          padding: 4px 0;
          margin: 0;
          font-size: 13px;
          box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }
        .payment__gallery .form-row-tips .variants .item input:checked + .radio {
          background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
          color: #ffffff; }
    .payment__gallery .form-row-tips .custom {
      width: 25%; }
      @media screen and (max-width: 767px) {
        .payment__gallery .form-row-tips .custom {
          display: block;
          width: 100%;
          margin: 10px 0; } }
      .payment__gallery .form-row-tips .custom .control {
        display: inline-block !important;
        width: 20px !important;
        padding: 0 !important;
        margin: 0 !important; }
      .payment__gallery .form-row-tips .custom .field {
        display: inline-block;
        width: calc(100% - 26px); }
        .payment__gallery .form-row-tips .custom .field .input__inner {
          background: #003068; }
  .payment__gallery .input__inner {
    border: 1px solid transparent; }

.payment__gallery__withdraw .form-row .caption {
  min-width: 120px; }

.tab-cashier__content .tab__content {
  background: none; }

.history {
  display: block;
  position: relative; }
  @media screen and (max-width: 421px) {
    .history {
      width: 100%;
      overflow: auto;
      margin: 0 0 1em; } }
  .history .ps-scrollbar-y-rail {
    display: none !important; }
  .history .empty {
    transform: translatey(110px);
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .history .empty {
        padding-left: 20px; } }
  .history__filter {
    margin-top: 9px; }
  .history__table {
    display: table;
    width: 100%;
    max-height: 440px;
    margin: 0 auto;
    border-collapse: collapse; }
    @media only screen and (max-width: 767px) {
      .history__table {
        width: calc(100% - 40px); } }
  .history__body {
    max-height: 300px; }
  .history__cell {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
    vertical-align: top; }
    @media only screen and (max-width: 767px) {
      .history__cell {
        padding: 20px 4px; } }
    .history__head .history__cell {
      font-size: 19px;
      padding-bottom: 32px; }
      @media only screen and (max-width: 767px) {
        .history__head .history__cell {
          font-size: 13px;
          padding-bottom: 10px; } }
    .history__cell:first-child {
      text-align: left; }
    .history__cell:last-child {
      text-align: right; }

.filter {
  display: block;
  position: relative;
  text-align: left;
  margin: 0 auto;
  height: 58px;
  padding: 11px 11px 12px 11px;
  background-color: #4d4b63;
  border-radius: 1px;
  font-size: 0; }
  .history__filter .filter {
    width: 600px; }
  .filter__item {
    display: inline-block;
    vertical-align: top;
    background: #6d6c84; }
    .filter__item:first-child {
      width: 80px;
      margin-right: 9px; }
    .filter__title + .filter__item:first-child {
      margin-right: 0; }
    .filter__item + .filter__item:nth-child(2n + 1) {
      margin-right: 9px; }
    .filter__item + .filter__item:nth-child(2) {
      width: 91px;
      margin-right: 30px; }
  .filter__button {
    display: block;
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 7px 14px;
    border-radius: 1px;
    font-family: 'Roboto Condensed', sans-serif;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.18), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .filter__button_fortune {
      padding: 9px 14px;
      font-size: 15px;
      font-family: 'Roboto', sans-serif; }
  .filter__select {
    border-radius: 0;
    background: #6d6c84;
    height: 34px;
    padding: 8px 30px 8px 15px;
    border: none;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%; }
    .filter__select option[disabled] {
      display: none; }
  .filter__date {
    display: block;
    position: relative; }
    .filter__date input[placeholder] {
      color: #fff; }
    .filter__date input::-moz-placeholder {
      color: #fff; }
    .filter__date input:-moz-placeholder {
      color: #fff; }
    .filter__date input:-ms-input-placeholder {
      color: #fff; }
  .filter__date-inner {
    display: block;
    position: relative;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    width: 91px;
    background-color: #6d6c84;
    border-radius: 1px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
    border: none;
    padding: 9px 0;
    text-align: center; }
  .filter__title {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    padding: 9px 12px 6px; }

.bonus-panel {
  position: relative;
  display: flex !important;
  font-size: 0;
  width: 100%;
  min-height: 200px;
  background-color: #4B3956;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  align-self: center;
  border-top: 1px solid #54435E; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .bonus-panel {
      min-height: 255px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .bonus-panel {
      min-height: 255px; } }
  @media only screen and (max-width: 767px) {
    .bonus-panel {
      padding: 0;
      flex-direction: column; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .bonus-panel .progress_bar .progress {
      width: 100%;
      margin: 0 auto; }
    .bonus-panel .bonus-panel__progressbar .info_tooltip {
      left: 0px; } }
  .bonus-panel__view {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 24%; }
    @media only screen and (min-width: 1440px) {
      .bonus-panel__view {
        width: 20%;
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .bonus-panel__view {
        display: block;
        padding-left: 0;
        text-align: center;
        width: auto; } }
  .bonus-panel__img {
    width: 180px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .bonus-panel__img {
        width: 140px; } }
  .bonus-panel__info {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    padding-bottom: 46px;
    padding-top: 20px;
    flex-basis: 50%; }
    @media only screen and (max-width: 767px) {
      .bonus-panel__info {
        display: block;
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 0px; } }
  .bonus-panel__action {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 30%;
    min-width: 300px;
    padding: 10px 0 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .bonus-panel__action {
        width: 214px;
        min-width: inherit; } }
    @media only screen and (max-width: 767px) {
      .bonus-panel__action {
        display: block;
        width: 100%;
        min-width: inherit;
        padding: 0px; } }
  .bonus-panel__timer {
    margin: 0;
    padding: 0; }
  .bonus-panel__button {
    font-size: 15px;
    vertical-align: top;
    display: block; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .bonus-panel__button {
        margin: 0; } }
    .bonus-panel__button > .button {
      display: block;
      margin: 10px auto;
      min-width: 160px;
      width: 90%; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .bonus-panel__button > .button {
          font-size: 12px; } }
    .bonus-panel__button_large {
      padding: 15px 21px;
      line-height: 20px;
      font-size: 18px;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38); }
      @media only screen and (max-width: 767px) {
        .bonus-panel__button_large {
          margin-bottom: 80px; } }
  .bonus-panel__title {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.32);
    color: #FFE400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left;
    margin: 11px 0 0; }
    @media only screen and (max-width: 767px) {
      .bonus-panel__title {
        padding: 10px 0;
        text-align: center;
        margin: 0; } }
    .bonus-panel__action .bonus-panel__title {
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .bonus-panel__action .bonus-panel__title {
          white-space: normal;
          margin: 30px 0;
          padding: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .bonus-panel__action .bonus-panel__title {
          margin: 5px 0;
          padding: 0 5px;
          white-space: normal;
          margin-bottom: 0; } }
    .bonus-panel__title_alert {
      font-size: 14px;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent;
      white-space: nowrap;
      margin: 0;
      text-align: center;
      text-shadow: none; }
    .bonus-panel__title_important {
      font-size: 14px;
      color: #ffea00;
      white-space: nowrap;
      margin: 38px 30px 0;
      text-align: center; }
    .bonus-panel__title_important {
      font-size: 14px;
      color: #ffea00;
      white-space: nowrap;
      margin: 38px 30px 0;
      text-align: center; }
  .bonus-panel__note {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
    color: #cacad4;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin: 14px 0 0 0; }
    @media only screen and (max-width: 767px) {
      .bonus-panel__note {
        margin: 0;
        padding-bottom: 5px; } }
  .bonus-panel__tooltip {
    display: block;
    position: absolute;
    width: 180px;
    height: 56px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #f36467, #e22624);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.8), inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-transform: none;
    bottom: -3px;
    right: 100%;
    margin-right: 20px;
    line-height: 18px; }
    @media only screen and (max-width: 767px) {
      .bonus-panel__tooltip {
        bottom: -78px;
        right: 50%;
        transform: translateX(50%);
        margin-right: 0; } }
  .bonus-panel__arrow {
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 100%;
    transform: rotate(90deg);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    @media only screen and (max-width: 767px) {
      .bonus-panel__arrow {
        top: -6px;
        left: calc(50% - 7px); } }
    .bonus-panel__arrow:after {
      content: " ";
      position: absolute;
      bottom: 100%;
      /* At the top of the tooltip */
      left: 50%;
      z-index: 3;
      margin-left: -7px;
      border-style: solid;
      border-width: 7px;
      border-color: transparent transparent #EC4849 transparent; }
      @media only screen and (max-width: 767px) {
        .bonus-panel__arrow:after {
          border-color: transparent #f36467 transparent transparent; } }
    .bonus-panel__arrow_right {
      right: 5px;
      left: auto; }
      .bonus-panel__arrow_right:after {
        right: 5px;
        left: auto; }
  .bonus-panel__informer {
    width: 224px;
    height: 56px;
    margin: 20px auto 0;
    border-radius: 3px;
    background-image: linear-gradient(to top, #f2d42a, #f3db53);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #140602;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    padding: 12px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .bonus-panel__informer {
        width: 182px;
        padding: 5px; } }
    .bonus-panel__informer_green {
      width: 147px;
      height: 46px;
      border-radius: 3px;
      background-image: linear-gradient(to top, #89b035, #91b83c);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(8, 23, 4, 0.5);
      padding: 15px; }
  .bonus-panel__progressbar {
    margin: 20px;
    display: flex; }
    .bonus-panel__progressbar .progress_bar {
      flex: 1; }
    .bonus-panel__progressbar .info_tooltip {
      flex-basis: 40px;
      position: relative;
      text-align: center;
      top: -6px;
      left: -20px; }
      .bonus-panel__progressbar .info_tooltip .info {
        position: relative;
        font-size: 16px;
        color: #4B3956;
        text-align: center;
        width: 23px;
        height: 23px;
        line-height: 23px;
        margin: 0 auto;
        border-radius: 50%;
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer; }
      .bonus-panel__progressbar .info_tooltip .tooltip {
        display: none;
        position: absolute;
        right: 0;
        top: 28px; }
        .bonus-panel__progressbar .info_tooltip .tooltip .tooltip__arrow {
          left: 94%; }
      .bonus-panel__progressbar .info_tooltip .info:hover > .tooltip {
        display: block; }

.tab-bonuses__item .active {
  background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
  border: 3px solid #FF1F47;
  border-radius: 3px; }
  @media only screen and (max-width: 767px) {
    .tab-bonuses__item .active {
      padding: 10px; } }

.item__free_spin.active .bonus-panel__view {
  flex-basis: 30%;
  margin-left: 2%; }

.item__campaign .button {
  display: block;
  margin: 10px auto;
  min-width: 160px;
  width: 70%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .item__campaign .button {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .item__campaign .button {
      width: 70%; } }

.levels-table {
  display: block;
  position: relative;
  margin: 0 auto;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase; }
  .levels-table__table {
    display: table;
    width: 826px;
    margin: 0 auto;
    z-index: 1; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__table {
        width: 594px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__table {
        display: block;
        width: 100%; } }
  .levels-table__slider {
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translateX(-50%);
    width: 860px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__slider {
        top: 208px;
        width: 610px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__slider {
        display: none; } }
  .levels-table__slider-bar {
    width: 100%;
    height: 17px;
    background-color: #191826;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 3px; }
  .levels-table__slider-inner {
    width: 30%;
    position: absolute;
    top: -1px;
    left: 0;
    height: 17px;
    background-color: #388ad6;
    background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .levels-table__info {
    display: none;
    position: relative;
    height: 252px;
    border-radius: 3px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.4), 0 3px 8px rgba(0, 0, 0, 0.19);
    background-color: #3b3a50; }
    .levels-table__info.active {
      min-height: 258px;
      display: table !important;
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__info {
        height: 280px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__info {
        display: block;
        height: auto; }
        .levels-table__info:after {
          content: " ";
          position: absolute;
          bottom: 100%;
          /* At the top of the tooltip */
          left: 50%;
          margin-left: -7px;
          border-width: 7px;
          border-style: solid;
          border-color: transparent transparent #3b3a50 transparent; } }
  .levels-table__status {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 234px;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__status {
        width: 180px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__status {
        display: block;
        position: absolute;
        top: 24px;
        left: 20px;
        text-align: left; } }
  .levels-table__status-inner {
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 767px) {
      .levels-table__status-inner {
        width: 48px;
        height: 45px; }
        .levels-table__status-inner .status__icon {
          width: 30px;
          top: 1px; }
        .levels-table__status-inner .status__note {
          font-size: 11px;
          bottom: 3px; } }
  .levels-table__item {
    display: table-cell;
    position: relative;
    width: calc(100% / 6);
    vertical-align: bottom;
    text-align: center;
    padding: 62px 10px 0;
    cursor: pointer; }
    .levels-table__item:focus {
      outline: none; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__item {
        padding: 62px 9px 0; } }
    @media only screen and (max-width: 767px) {
      .levels-table__item {
        display: block;
        width: 100%;
        padding: 87px 30px 30px;
        min-width: 250px; }
        .levels-table__item:before {
          content: '';
          display: block;
          position: absolute;
          top: 60px;
          left: 0;
          width: 1px;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.14); } }
    .levels-table__item:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 92%;
      background-color: rgba(0, 0, 0, 0.14); }
      @media only screen and (max-width: 767px) {
        .levels-table__item:after {
          height: 100%;
          top: 60px; } }
    .levels-table__item:first-child:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 92%;
      background-color: rgba(0, 0, 0, 0.14); }
      @media only screen and (max-width: 767px) {
        .levels-table__item:first-child:before {
          height: 100%;
          top: 54px; } }
  .levels-table__icon {
    display: block;
    position: relative;
    margin: 31px auto 0;
    width: 92px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__icon {
        width: 30px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__icon {
        float: right;
        margin: 0;
        width: 30px; } }
  .levels-table__arrow {
    display: block;
    position: relative;
    margin-top: 30px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .levels-table__arrow {
        display: none; } }
    .levels-table__arrow_active {
      opacity: 1; }
    .levels-table__arrow:after {
      content: " ";
      position: absolute;
      bottom: 100%;
      /* At the top of the tooltip */
      left: 50%;
      margin-left: -7px;
      border-width: 7px;
      border-style: solid;
      border-color: transparent transparent #3b3a50 transparent; }
  .levels-table__title {
    font-size: 20px;
    line-height: 22px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .levels-table__title {
        padding-left: 65px; } }
    .levels-table__title_small {
      font-size: 18px;
      line-height: 20px; }
      @media only screen and (max-width: 767px) {
        .levels-table__title_small {
          padding-top: 2px;
          float: left;
          padding-left: 0; } }
    .levels-table__title_accent {
      color: #ffde00; }
      @media only screen and (max-width: 767px) {
        .levels-table__title_accent {
          min-height: 50px; } }
  .levels-table__caption {
    font-size: 14px;
    line-height: 18px;
    color: #6b6988;
    white-space: nowrap;
    margin-top: 104px;
    display: block; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__caption {
        white-space: normal; } }
    @media only screen and (max-width: 767px) {
      .levels-table__caption {
        margin-top: 30px;
        display: block;
        float: left;
        clear: left; } }
  .levels-table__note {
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    margin: 16px 0 0 0; }
  .levels-table__summary {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-right: 37px;
    padding-top: 25px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .levels-table__summary {
        padding: 20px;
        display: block; } }
  .levels-table__ratenote {
    font-size: 15px;
    padding: 18px 0 6px;
    line-height: 20px;
    color: #fff;
    background-color: #222131;
    white-space: nowrap;
    display: block;
    position: absolute;
    top: 205px;
    right: 0;
    z-index: 2;
    -ms-transform: translateX(-50%);
    transform: translateX(50%); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .levels-table__ratenote {
        top: 158px; } }
    @media only screen and (max-width: 767px) {
      .levels-table__ratenote {
        display: none; } }
    .levels-table__ratenote_zero {
      right: auto;
      left: 0;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .levels-table__link {
    font-weight: 400;
    text-decoration: none;
    color: #7a79a1;
    display: block;
    margin-top: 14px; }
    @media only screen and (max-width: 767px) {
      .levels-table__link {
        display: none; } }
  .levels-table__viewrate {
    display: block;
    margin: 16px auto 0;
    width: 70px;
    height: 31px;
    padding: 6px 0;
    text-align: center;
    background-color: #44435d;
    background-image: linear-gradient(180deg, #504f6e, #3b3a50);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    @media only screen and (max-width: 767px) {
      .levels-table__viewrate {
        margin: 22px auto 0;
        float: right;
        clear: right; } }
  .levels-table__ratestat {
    display: none;
    width: auto;
    text-align: left;
    clear: both; }
    @media only screen and (max-width: 767px) {
      .levels-table__ratestat {
        display: block; } }

.levels-table__item_active .levels-table__caption, .slick-current .levels-table__caption {
  color: #fff; }

.levels-table__item_active .levels-table__viewrate, .slick-current .levels-table__viewrate {
  background-color: #3687d6;
  background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%); }

.levels-table__item_active .levels-table__link, .slick-current .levels-table__link {
  color: #fff; }

.promo-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%; }
  .promo-panel__cell {
    display: table-cell;
    position: relative;
    vertical-align: top;
    font-family: "Roboto Condensed", sans-serif;
    background: #063262; }
    @media only screen and (max-width: 767px) {
      .promo-panel__cell {
        display: block;
        width: 100%; } }
    .promo-panel__cell:first-child {
      padding-right: 11px;
      padding-left: 11px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 8px rgba(0, 0, 0, 0.52);
      text-align: center; }
    .promo-panel__cell_info {
      padding: 30px 22px 30px 25px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .promo-panel__cell_info {
          box-shadow: none;
          padding: 0px 22px 30px 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .promo-panel__cell_info {
          box-shadow: none;
          padding: 0px 22px 30px 25px; } }
      @media only screen and (max-width: 767px) {
        .promo-panel__cell_info {
          padding: 0px 22px 20px 25px; } }
  .promo-panel__img {
    display: block;
    height: auto;
    max-height: 300px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .promo-panel__img {
        max-height: 268px;
        max-width: 100%;
        margin: 0 auto;
        width: auto !important; } }
  .promo-panel__title {
    margin: 0;
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: none; }
  .promo-panel__caption {
    margin: 0 auto;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .promo-panel__caption {
        width: 80%; } }
    @media only screen and (max-width: 767px) {
      .promo-panel__caption {
        width: 80%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .promo-panel__caption {
        width: 100%; } }
  .promo-panel__button {
    display: block;
    float: left;
    position: relative;
    margin-top: 30px;
    padding: 11px 25px;
    white-space: nowrap;
    border-radius: 23px;
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.26);
    font-size: 20px;
    font-weight: 700; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .promo-panel__button {
        float: none; } }
    @media only screen and (max-width: 767px) {
      .promo-panel__button {
        float: none;
        margin: 30px auto 0; } }
  .promo-panel__link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #ffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase; }
    .promo-panel__link:hover {
      text-decoration: underline; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .promo-panel__link {
        margin: 26px 0 0; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .promo-panel__link {
        float: none;
        margin: 19px auto 20px;
        text-align: left; } }
    @media only screen and (max-width: 767px) {
      .promo-panel__link {
        float: none;
        margin: 20px auto 20px;
        text-align: center; } }
    .promo-panel__link .icon {
      margin-left: 8px;
      margin-right: 6px;
      margin-top: 2px; }

.box-container {
  width: 33.33%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin-bottom: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .box-container {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .box-container {
      width: 50%; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .box-container {
      width: 100%; } }

.box-header {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 23px;
  line-height: 25px;
  text-align: center;
  color: #ffff;
  background: #402b4c;
  padding: 15px 30px; }

.box-main {
  padding: 15px;
  flex: 1 0 auto;
  background: #54435E; }
  .box-main .wrap_text .description {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    color: #ffff; }

.box-footer {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 25px;
  text-align: center;
  color: #ffff;
  background: #54435E;
  padding: 10px; }

.promo__right__bar {
  width: 30%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .promo__right__bar {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .promo__right__bar {
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .promo__right__bar {
      width: 100%; } }
  .promo__right__bar .promo__right__bar__title {
    font-family: Roboto Condensed;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #ffff; }

.promo-bonus {
  display: block;
  position: relative;
  text-align: center;
  background-color: #2f527b;
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.13), inset 0 0 0 #1b3a5e, 0 -1px 3px rgba(0, 0, 0, 0.19); }
  .promo-bonus__title {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    padding: 25px 23px 0;
    margin: 0;
    display: block; }
  .promo-bonus__img {
    display: block;
    position: relative;
    margin-top: 8px;
    padding: 10px 0; }
    .promo-bonus__img img {
      height: 200px; }

.promo-details {
  display: block;
  position: relative;
  color: #ffffff; }
  .promo-details__gift-panel {
    margin-bottom: 36px; }
  .promo-details__dropdown {
    display: block; }
    @media only screen and (max-width: 767px) {
      .promo-details__dropdown {
        display: none; } }
  .promo-details__divider {
    width: 100%;
    height: 1px;
    background-color: #0e2035;
    box-shadow: 0 1px 0 #1d3b5e;
    margin: 21px 0 22px; }
  .promo-details__title {
    padding-left: 3px;
    position: relative;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    font-family: Roboto Condensed,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 21px 0; }
  .promo-details h1, .promo-details h2, .promo-details h3, .promo-details h4, .promo-details h5 {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    font-family: Roboto Condensed,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 21px 0; }
    .promo-details h1:first-child, .promo-details h2:first-child, .promo-details h3:first-child, .promo-details h4:first-child, .promo-details h5:first-child {
      border-bottom: #0e2035;
      box-shadow: 0 0 1px 0 #1d3b5e; }
  .promo-details p {
    margin: 0 0 14px 0;
    font-size: 16px;
    font-family: Roboto Condensed,sans-serif;
    line-height: 18px; }
  .promo-details__bullet-list.bullet-list, .promo-details ul {
    margin: 21px 0 38px 0; }
    .promo-details__bullet-list.bullet-list li, .promo-details ul li {
      position: relative;
      color: #fff;
      font-weight: 400;
      padding-left: 28px;
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.29);
      font-family: Roboto Condensed, sans-serif;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 18px;
      list-style-type: none; }
      .promo-details__bullet-list.bullet-list li:before, .promo-details ul li:before {
        content: '';
        display: block;
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 4px;
        width: 12px;
        height: 12px;
        background-color: #fda31b;
        background-image: linear-gradient(170deg, #fda31b, #fd0834);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 1.4px 2.7px 1px rgba(0, 0, 0, 0.18); }
  .promo-details__content {
    font-size: 16px;
    color: #fff; }
  .promo-details__button {
    display: none;
    position: absolute;
    right: 0;
    top: 1px;
    width: auto;
    background-color: #185e9c;
    font-size: 12px;
    line-height: 20px;
    text-shadow: none;
    text-align: center;
    padding: 0 15px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    height: 21px;
    border-radius: 1px;
    background-image: linear-gradient(to bottom, #2b85c9, #193a62);
    box-shadow: 0 -1px 0 0 #79c6ff, 0 2px 0 0 #152f50, inset 0 1px 7px 0 rgba(255, 255, 255, 0.3); }
    @media only screen and (max-width: 767px) {
      .promo-details__button {
        display: block; } }

.gift-panel {
  display: block;
  position: relative;
  padding-bottom: 26px; }
  .gift-panel__content {
    display: table;
    width: 100%;
    height: 206px;
    background-color: #29476a;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12); }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gift-panel__content {
        height: 234px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gift-panel__content {
        height: 270px; } }
  .gift-panel__cell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 23px 20px 16px 10px; }
    @media only screen and (max-width: 767px) {
      .gift-panel__cell {
        display: block;
        padding: 20px; } }
    .gift-panel__cell_img {
      width: 1px;
      padding: 23px 16px 16px 23px; }
      @media only screen and (max-width: 767px) {
        .gift-panel__cell_img {
          width: auto;
          text-align: center;
          padding: 20px; } }
  .gift-panel__img {
    width: 175px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gift-panel__img {
        width: 116px; } }
  .gift-panel__caption {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 22px; }
    @media only screen and (min-width: 1440px) {
      .gift-panel__caption {
        padding-right: 135px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gift-panel__caption {
        padding-right: 35px; } }
  .gift-panel__footer {
    height: 47px;
    margin-top: -1px;
    background-color: #243f5e;
    border: 1px solid #2e4d72; }
  .gift-panel__button {
    position: absolute;
    bottom: 6px;
    padding: 11px 25px;
    left: 50%;
    white-space: nowrap;
    border-radius: 23px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.26);
    font-size: 20px;
    font-weight: 700; }

.bullet-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .bullet-list__item {
    position: relative;
    color: #fff;
    font-weight: 400;
    padding-left: 28px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.29);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 18px; }
    .bullet-list__item:before {
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      left: 0;
      top: 4px;
      width: 12px;
      height: 12px;
      background-color: #fda31b;
      background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 1.4px 2.7px 1px rgba(0, 0, 0, 0.18); }

.panel {
  display: table;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .panel {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .panel {
      display: block; } }
  .panel__cell {
    display: table-cell;
    position: relative;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__cell {
        display: inline-block;
        position: static; } }
    @media only screen and (max-width: 767px) {
      .panel__cell {
        display: inline-block;
        width: 100%;
        position: static; } }
    .panel__cell_img {
      text-align: center;
      width: 1px;
      padding-right: 1px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__cell_img {
          width: 260px; } }
      @media only screen and (max-width: 767px) {
        .panel__cell_img {
          width: 100%; } }
      .panel__cell_img .timer__note {
        color: #8aadee;
        font-weight: 100; }
    .panel__cell_content {
      vertical-align: top; }
    .panel__cell_column {
      width: 40%;
      padding: 0 15px;
      vertical-align: top;
      color: #fff; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__cell_column {
          padding: 0 20px; }
          .panel__cell_column:nth-child(2) {
            width: 390px; }
          .panel__cell_column:nth-child(3) {
            width: 100%; } }
      @media only screen and (max-width: 767px) {
        .panel__cell_column {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .lottery__content .panel__cell_column {
          padding: 0; } }
      @media only screen and (max-width: 767px) {
        .lottery__content .panel__cell_column {
          padding: 0; } }
    .panel__cell .button_light {
      margin-top: 20px; }
  .panel__overflow {
    display: block;
    position: absolute;
    height: 245px;
    top: 0;
    left: 0;
    right: 1px;
    z-index: 2; }
    @media only screen and (min-width: 1440px) {
      .panel__overflow {
        height: 363px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__overflow {
        height: 301px; } }
    @media only screen and (max-width: 767px) {
      .panel__overflow {
        width: 115px;
        height: auto; } }
    @media only screen and (max-width: 767px) {
      .tournament-section .panel__overflow {
        width: 50px;
        height: 50px;
        top: 20px;
        left: 20px; } }
  .panel__img {
    display: block;
    width: 100%;
    max-width: 279px; }
    @media only screen and (min-width: 1440px) {
      .panel__img {
        max-width: 369px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__img {
        max-width: 301px; } }
    @media only screen and (max-width: 767px) {
      .panel__img {
        max-width: 115px; } }
  .panel .img_overflow {
    height: 245px;
    width: 250px;
    overflow: hidden;
    margin: 20px 0 0 20px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel .img_overflow {
        height: initial;
        width: initial; } }
    @media only screen and (max-width: 767px) {
      .panel .img_overflow {
        width: 115px;
        min-height: 100px;
        height: initial; } }
    @media only screen and (max-width: 767px) {
      .main_tournament .panel .img_overflow {
        display: none; } }
  .panel__summary {
    position: relative;
    font-size: 0;
    height: 289px; }
    @media only screen and (min-width: 1440px) {
      .panel__summary {
        height: 363px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__summary {
        height: 301px; } }
    @media only screen and (max-width: 767px) {
      .panel__summary {
        height: 100%; } }
  .panel__slider {
    position: relative;
    height: 144px;
    text-align: center;
    margin-top: 1px;
    background-color: #29476a;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 5px 5px rgba(0, 0, 0, 0.12); }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__slider {
        margin-left: 280px;
        height: 133px; } }
    @media only screen and (max-width: 767px) {
      .panel__slider {
        margin-top: 134px;
        z-index: 2; } }
  .panel__slider-inner {
    width: 560px;
    display: inline-block;
    vertical-align: top;
    margin-top: 28px; }
    @media only screen and (min-width: 1440px) {
      .panel__slider-inner {
        width: 954px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__slider-inner {
        width: 770px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__slider-inner {
        width: 324px; } }
    @media only screen and (max-width: 767px) {
      .panel__slider-inner {
        width: 277px; } }
    .panel__slider-inner .slider__item {
      padding: 0 17px; }
  .panel__info {
    width: 300px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 25px 0 22px; }
    @media only screen and (min-width: 1440px) {
      .panel__info {
        width: 598px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__info {
        width: 470px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__info {
        width: 389px;
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .panel__info {
        width: 100%;
        padding: 0; } }
  .panel__prize {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    width: 314px;
    height: 100%;
    padding: 29px 19px 20px 19px; }
    @media only screen and (min-width: 1440px) {
      .panel__prize {
        width: 410px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__prize {
        width: 365px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__prize {
        width: 268px; } }
    @media only screen and (max-width: 767px) {
      .panel__prize {
        width: 100%;
        height: 253px; } }
  .panel__icons {
    display: table;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 40px; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .panel__icons {
        margin-top: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__icons {
        display: block;
        margin-top: 0px; } }
    @media only screen and (max-width: 767px) {
      .panel__icons {
        display: block;
        margin-top: 20px; } }
    .panel__icons.bonus-name {
      margin-top: 20px; }
      .panel__icons.bonus-name .panel__icon-title {
        font-size: 14px;
        line-height: 18px; }
      @media only screen and (max-width: 767px) {
        .panel__icons.bonus-name img {
          height: 50px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__icons.bonus-name img {
          height: 50px; } }
  .panel__icon-cell {
    vertical-align: top;
    text-align: center;
    display: inline-block;
    width: 32%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__icon-cell {
        display: inline-block;
        width: 32%; } }
    @media only screen and (max-width: 767px) {
      .panel__icon-cell {
        display: inline-block;
        width: 32%; } }
    .panel__icon-cell img {
      width: 80px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .panel__icon-cell img {
          width: 60px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__icon-cell img {
          width: 50px; } }
      @media only screen and (max-width: 767px) {
        .panel__icon-cell img {
          width: 50px; } }
  .panel__icon {
    display: block;
    margin: 0 auto;
    padding: 26px 0 10px;
    text-shadow: 0 1px 0 #fff;
    color: #1f2934;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url(./img/sprite.png);
    background-position: -797px -292px;
    width: 51px;
    height: 66px; }
    .panel__icon-cell:last-child .panel__icon {
      background-image: url(./img/sprite.png);
      background-position: -797px -100px;
      width: 51px;
      height: 66px; }
    .panel__icon-cell:nth-child(2) .panel__icon {
      background-image: url(./img/sprite.png);
      background-position: -797px -196px;
      width: 51px;
      height: 66px; }
  .panel__icon-title {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__icon-title {
        display: inline-block;
        vertical-align: top;
        line-height: 30px; } }
  .panel__header {
    display: block;
    position: relative;
    min-height: 54px;
    padding: 0 25px 16px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__header {
        min-height: 88px;
        padding-left: 108px;
        padding-top: 25px; } }
    @media only screen and (max-width: 767px) {
      .panel__header {
        min-height: 64px;
        padding: 0 15px 0 76px;
        display: table;
        vertical-align: middle;
        height: 64px;
        width: 100%; } }
    .panel__header_noshadow {
      padding-bottom: 0; }
      .panel__header_noshadow:after {
        content: none; }
  .panel__timer {
    height: 114px;
    padding: 15px 0;
    margin-top: 1px;
    margin-left: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__timer {
        background: #133e70; } }
    @media only screen and (max-width: 767px) {
      .panel__timer {
        background: #133e70;
        margin-left: 0; } }
    .panel__timer .timer__note {
      margin: 0;
      padding: 0; }
    .panel__timer .timer__table {
      margin-top: 4px; }
  .panel__countnote {
    float: left;
    font-family: 'Roboto', sans-serif;
    padding-left: 5px; }
  .panel__countbutton {
    float: right;
    background-color: #388ad6;
    background-image: linear-gradient(180deg, #2b85c9, #193a62);
    box-shadow: 0 -1px 0 0 #79c6ff, 0 2px 0 0 #152f50, inset 0 1px 7px 0 rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    text-shadow: none;
    padding: 0px 8px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__countbutton {
        position: absolute;
        right: 17px;
        top: 30px;
        padding: 0 4px; } }
    @media only screen and (max-width: 767px) {
      .panel__countbutton {
        position: absolute;
        right: 17px;
        top: 30px;
        padding: 0 4px; } }
  .panel__countdown {
    position: relative;
    clear: both;
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
    margin-top: 26px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__countdown {
        padding-left: 0; } }
    @media only screen and (max-width: 767px) {
      .panel__countdown {
        padding-left: 0;
        display: block;
        margin-top: 36px; } }
    .panel__countdown .countdown__divider {
      padding: 0 4px 0 2px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__countdown .countdown__divider {
          padding: 0 1px 0 0; } }
      @media only screen and (max-width: 767px) {
        .panel__countdown .countdown__divider {
          padding: 0 1px 0 0; } }
    @media only screen and (min-width: 1440px) {
      .panel__countdown .countdown__item {
        width: 36px;
        background-size: 42px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .panel__countdown .countdown__item {
        width: 24px;
        background-size: 30px;
        font-size: 20px;
        line-height: 34px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .panel__countdown .countdown__item {
        width: 24px;
        background-size: 30px;
        font-size: 20px;
        line-height: 34px;
        margin-right: 3px; } }
    @media only screen and (max-width: 767px) {
      .panel__countdown .countdown__item {
        width: 24px;
        background-size: 30px;
        font-size: 20px;
        line-height: 34px;
        margin-right: 3px; } }
  .panel__title {
    margin: 0;
    font-family: Roboto, sans-serif;
    display: inline-block;
    vertical-align: middle; }
    .panel__title_tournament {
      padding: 0 0 0 14px;
      max-width: 401px;
      max-height: 38px;
      overflow: hidden; }
      @media only screen and (min-width: 1440px) {
        .panel__title_tournament {
          max-width: 302px; } }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .panel__title_tournament {
          max-width: 302px; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .panel__title_tournament {
          max-width: 138px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .panel__title_tournament {
          max-width: 138px; } }
      @media only screen and (max-width: 767px) {
        .panel__title_tournament {
          max-width: none;
          padding: 0 0 0 10px;
          display: table-cell;
          vertical-align: middle; } }
    .panel__title.title {
      font-size: 16px;
      line-height: 19px; }
    .panel__title_lottery {
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.27);
      color: #ffd801;
      font-weight: 500;
      line-height: 28px;
      text-overflow: initial;
      white-space: normal;
      overflow: initial; }
  .panel__caption {
    margin: 20px 0 0;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 17px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.38);
    max-height: 102px;
    overflow: hidden;
    padding: 0 25px; }
  .panel__status {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.11);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 9px 13px;
    color: #fff;
    background-color: #14c471;
    background-image: linear-gradient(180deg, #18e581 0%, #0e9b5d 100%);
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 4px 8px rgba(0, 0, 0, 0.13); }
    @media only screen and (max-width: 767px) {
      .panel__status {
        display: table-cell;
        vertical-align: middle;
        text-indent: -9999px;
        font-size: 0;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        height: 11px; }
        .panel__status:before {
          display: block;
          position: relative;
          content: '';
          width: 11px;
          height: 11px;
          background-image: linear-gradient(to bottom, #30e08a, #10a663);
          box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.31);
          border: solid 1px #29af73;
          text-indent: -9999px;
          border-radius: 50%;
          padding: 0; } }
    .panel__status_finished {
      background-color: #ff6526;
      background-image: linear-gradient(180deg, #ffb11a 0%, #ff0036 100%);
      box-shadow: none; }
      @media only screen and (max-width: 767px) {
        .panel__status_finished {
          display: table-cell;
          vertical-align: middle;
          text-indent: -9999px;
          font-size: 0;
          background: none;
          border: none;
          box-shadow: none;
          padding: 0;
          height: 11px; }
          .panel__status_finished:before {
            display: block;
            position: relative;
            content: '';
            width: 11px;
            height: 11px;
            background-color: #fd7423;
            background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
            border: solid 1px #fd0834;
            text-indent: -9999px;
            border-radius: 50%;
            padding: 0; } }
    .panel__status_future {
      background-color: #ffea00;
      background-image: linear-gradient(180deg, #ffea00 0%, #d69200 100%);
      box-shadow: none; }
      @media only screen and (max-width: 767px) {
        .panel__status_future {
          display: table-cell;
          vertical-align: middle;
          text-indent: -9999px;
          font-size: 0;
          background: none;
          border: none;
          box-shadow: none;
          padding: 0;
          height: 11px; }
          .panel__status_future:before {
            display: block;
            position: relative;
            content: '';
            width: 11px;
            height: 11px;
            background-color: #ffea00;
            background-image: linear-gradient(180deg, #ffea00 0%, #d69200 100%);
            border: solid 1px #d69200;
            text-indent: -9999px;
            border-radius: 50%;
            padding: 0; } }
  .panel__info-button {
    display: block;
    position: relative;
    margin-top: 23px;
    padding: 0 25px;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      .panel__info-button {
        text-align: center; } }
    .panel__info-button .button {
      padding: 10px 11px 9px 13px; }
      @media only screen and (max-width: 767px) {
        .panel__info-button .button {
          white-space: nowrap; } }
    .panel__info-button_lottery {
      margin-top: 32px; }
  .panel__arrow {
    display: inline-block;
    line-height: 12px;
    padding: 4px 0 0 6px;
    vertical-align: top; }
  .panel__tickets {
    display: block;
    position: relative;
    margin-top: 1px; }
  .panel__finished {
    display: block;
    position: relative;
    margin-top: 1px;
    padding: 16px;
    width: 100%;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.11);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fd7423;
    background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }

@media only screen and (max-width: 767px) {
  .panel_lottery .panel__title_lottery {
    display: table-cell;
    padding-left: 13px; } }

.panel_lottery .panel__summary {
  height: 312px; }
  @media only screen and (max-width: 767px) {
    .panel_lottery .panel__summary {
      height: auto; } }

.panel_lottery .panel__overflow {
  height: 312px;
  width: 251px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .panel_lottery .panel__overflow {
      height: 88px;
      width: 88px; } }
  @media only screen and (max-width: 767px) {
    .panel_lottery .panel__overflow {
      width: 64px;
      height: 64px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .panel_lottery .panel__finished {
    position: absolute;
    width: 660px;
    bottom: -4px;
    left: 0;
    height: 40px;
    font-size: 18px;
    right: 0;
    display: block;
    box-shadow: none;
    padding: 10px; } }

@media only screen and (max-width: 767px) {
  .panel_lottery .panel__finished {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 72px;
    top: 27px;
    padding: 0;
    text-indent: -9999px; } }

.panel_lottery .panel__img {
  height: 251px;
  width: 251px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .panel_lottery .panel__img {
      max-width: 88px;
      height: 88px; } }
  @media only screen and (max-width: 767px) {
    .panel_lottery .panel__img {
      width: 64px;
      height: 64px; } }

@media only screen and (min-width: 1440px) {
  .panel_lottery .panel__info {
    width: 716px; } }

@media only screen and (min-width: 1240px) and (max-width: 1439px) {
  .panel_lottery .panel__info {
    width: 522px; } }

.tournament-details {
  display: block;
  position: relative;
  padding-bottom: 60px; }
  .tournament-details .timer__row_caption .timer__cell {
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent; }
  .tournament-details__header {
    display: block;
    position: relative;
    height: 238px; }
    @media only screen and (max-width: 767px) {
      .tournament-details__header {
        height: auto;
        margin-bottom: 15px; } }
    .tournament-details__header:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      max-width: 797px;
      width: 100%;
      height: 165px;
      opacity: 1;
      background-image: radial-gradient(380px 210px at 50% 163.64%, white 0%, transparent 100%);
      border-bottom: 1px solid #224061; }
  .tournament-details__summary {
    position: relative;
    margin: 0 auto -10px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details__summary {
        max-width: 750px; } }
    @media only screen and (max-width: 767px) {
      .tournament-details__summary {
        max-width: 600px;
        flex-wrap: wrap; } }
  .tournament-details__crosstitle {
    display: block;
    position: relative;
    padding: 55px 100px 51px; }
    @media only screen and (max-width: 767px) {
      .tournament-details__crosstitle {
        padding: 55px 20px 51px; } }
    .tournament-details__crosstitle_small {
      padding: 33px 100px 30px; }
      @media only screen and (max-width: 767px) {
        .tournament-details__crosstitle_small {
          padding: 33px 20px 30px; } }
    .leaderboard .tournament-details__crosstitle {
      border-bottom: 1px solid #036;
      padding: 17px 0;
      margin-bottom: 4px;
      font-size: 21px;
      font-weight: 100; }
      .leaderboard .tournament-details__crosstitle span {
        color: #8aadee; }
  .tournament-details__leaderboard {
    position: relative;
    max-width: 1140px;
    margin: 0 auto; }
  .tournament-details__slider {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .tournament-details__slider {
        width: 800px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details__slider {
        width: 630px; } }
    @media only screen and (max-width: 767px) {
      .tournament-details__slider {
        width: calc(100% - 40px);
        max-width: 480px; } }
    .tournament-details__slider .slider .slick-next:before {
      background: url(./img/grand-lottery-arrow-r.png) no-repeat;
      content: "";
      background-size: 12px 32px;
      padding: 6px 12px;
      height: 40px; }
    .tournament-details__slider .slider .slick-prev:before {
      background: url(./img/grand-lottery-arrow-l.png) no-repeat;
      content: "";
      background-size: 12px 32px;
      padding: 6px 12px;
      height: 40px; }
    .tournament-details__slider .slider__item {
      height: 104px;
      overflow: hidden;
      margin: 0 10px; }
      @media only screen and (max-width: 767px) {
        .tournament-details__slider .slider__item {
          margin: 0 5px; } }
      .tournament-details__slider .slider__item .slider__img {
        height: 55px;
        width: 81px; }
        @media only screen and (max-width: 767px) {
          .tournament-details__slider .slider__item .slider__img {
            width: 81px;
            height: 55px;
            max-width: 100%;
            margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .tournament-details__header_top {
      height: 80px;
      padding-top: 20px;
      margin-top: 63px; }
      .tournament-details__header_top:before {
        content: '';
        display: inline-block;
        width: 1px;
        margin-left: -1px;
        font-size: 0;
        height: 80px;
        vertical-align: middle; } }
  .tournament-details__title {
    display: block;
    position: relative;
    line-height: 1.2;
    font-size: 23px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .tournament-details__title {
        line-height: 1.2;
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .tournament-details__title {
        padding-top: 0;
        display: inline-block;
        vertical-align: middle;
        width: calc(99% - 1px);
        line-height: 33px; } }
  .tournament-details__subtitle {
    padding-top: 22px;
    display: block;
    position: relative;
    font-size: 20px;
    font-weight: 100;
    color: #8aadee; }
  .tournament-details__countdown {
    display: inline-block;
    vertical-align: top;
    margin-top: 24px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .tournament-details__countdown {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 0;
        white-space: nowrap; } }
  .tournament-details__currency {
    display: block;
    position: absolute;
    bottom: 0;
    right: -48px;
    font-size: 56px;
    line-height: 44px;
    font-weight: 500;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .tournament-details__currency {
        display: none; } }
    .tournament-details__currency_ruble {
      background-image: url(./img/sprite.png);
      background-position: -392px -378px;
      width: 36px;
      height: 38px;
      bottom: 10px; }
    .tournament-details__currency_dollar {
      right: -40px;
      font-size: 47px; }
  .tournament-details__prizes-sum {
    margin: 0;
    font-size: 42px; }
    .tournament-details__prizes-sum span {
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent; }
      .tournament-details__prizes-sum span:last-child {
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        -webkit-background-clip: text;
        color: transparent; }
  .tournament-details .tournament-details__sum {
    text-align: left; }
  .tournament-details .tournament-details__head__text.desktop_only {
    display: flex;
    flex-wrap: wrap;
    padding-top: 22px; }
    .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum {
      flex-basis: 60%; }
      .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum small {
        font-size: 16px;
        color: #FFD600; }
      .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum > * {
        margin-bottom: 5px;
        display: inline-block; }
      .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum .summary__start-time, .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum .summary__end-time {
        font-size: 16px; }
  .tournament-details .summary_text {
    flex-basis: 50%;
    text-align: left;
    margin: 5px 0; }
    .tournament-details .summary_text span:nth-child(2n) {
      color: #ffff; }
    .tournament-details .summary_text .summary__title {
      font-size: 16px;
      color: #FFD600;
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
    .tournament-details .summary_text .summary__title {
      margin-bottom: 5px;
      display: inline-block; }
  .tournament-details .tournament-details-head-last {
    padding: 20px 40px 60px; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .tournament-details .tournament-details-head-last {
        padding: 0px 10px 0px; } }

.summary {
  display: block;
  position: relative;
  font-size: 0;
  height: 360px;
  box-shadow: 0 10px 14px 3px rgba(11, 29, 53, 0.19), 0 10px 20px 1px rgba(11, 29, 53, 0.48);
  border-radius: 7px;
  margin-top: 30px;
  overflow: hidden;
  border-bottom: 1px solid #003366; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .summary {
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .summary {
      height: auto; } }
  .summary__block {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: calc(50% - 1px);
    height: 360px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .summary__block {
        width: 100%; }
        .summary__block:first-child {
          position: relative;
          top: 360px; }
        .summary__block:last-child {
          position: relative;
          top: -360px; } }
    @media only screen and (max-width: 767px) {
      .summary__block {
        width: 100%;
        display: block; }
        .summary__block:first-child {
          position: relative;
          top: 390px;
          height: 370px; }
        .summary__block:last-child {
          position: relative;
          top: -360px; } }
    .summary__block .timer__table {
      display: inline-block;
      vertical-align: middle; }
  .summary__description {
    display: block;
    height: 100%;
    position: relative;
    background-color: #102448;
    padding-top: 20px;
    color: #7c9ddb; }
  .summary__content {
    display: block;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    color: #7c9ddb;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    text-align: left;
    padding: 0 90px 0 0;
    height: 314px;
    margin: 0 20px 20px;
    overflow: auto; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .summary__content {
        padding: 0 20px 0 0; } }
    @media only screen and (max-width: 767px) {
      .summary__content {
        padding: 0; } }
    .summary__content p:first-child {
      margin-top: 0; }
  .summary__info {
    display: table;
    width: 100%;
    height: 100%;
    text-align: left;
    background: #20355c; }
  .summary__item {
    display: table;
    width: 100%;
    height: 40px; }
    .summary__item:nth-child(2) {
      background: #213a69; }
    .summary__item:nth-child(3) {
      background: #25437a; }
    .summary__item:last-child {
      background: #274b8e; }
  .summary__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 22px; }
    .summary__cell:last-child {
      text-align: right; }
    .summary__description .summary__cell {
      text-align: left; }
  .summary__divider {
    display: table-row;
    height: 1px; }
  .summary__lottery-info {
    height: 354px; }
    @media only screen and (max-width: 767px) {
      .summary__lottery-info {
        height: auto; } }
  .summary__title {
    text-transform: inherit; }
    .summary__title:last-child {
      text-transform: uppercase; }
    .summary__cell:first-child .summary__title {
      color: #8aadee;
      font-weight: 100; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .summary__title {
        font-size: 16px; } }
  .summary__details {
    height: 239px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .summary__details {
        height: 270px; } }
  .summary table {
    font-size: 15px;
    width: 100%;
    color: #8aadee; }
    .summary table tr:last-child td {
      padding-top: 10px; }
    .summary table td {
      width: 50%;
      padding: 0 20px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .summary table td {
          padding: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .summary table td {
          padding: 0 10px; } }
      .summary table td:last-child {
        text-align: right; }
      .summary table td.countdown__timer {
        background: linear-gradient(to right, #20345b 0%, #0b1f41 100%);
        margin: 0; }
        .summary table td.countdown__timer > span {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
          @media only screen and (min-width: 1000px) and (max-width: 1239px) {
            .summary table td.countdown__timer > span {
              font-size: 13px; } }
        .summary table td.countdown__timer .timer__row_digit .timer__cell {
          font-size: 25px; }
          @media only screen and (min-width: 1000px) and (max-width: 1239px) {
            .summary table td.countdown__timer .timer__row_digit .timer__cell {
              font-size: 20px; } }
          @media only screen and (max-width: 767px) {
            .summary table td.countdown__timer .timer__row_digit .timer__cell {
              font-size: 20px; } }
    .summary table small {
      font-size: 15px;
      color: #fff;
      text-transform: lowercase; }
      .summary table small.tournament-details__subtitle {
        padding-top: 10px; }
  .summary .active-tournament__status,
  .summary .future-tournament__status,
  .summary .finished-tournament__status {
    font-size: 16px;
    padding-right: 47px;
    padding-top: 17px;
    padding-bottom: 15px; }
    .summary .active-tournament__status span,
    .summary .future-tournament__status span,
    .summary .finished-tournament__status span {
      color: #8aadee;
      font-size: 0.95em; }
    .summary .active-tournament__status img,
    .summary .future-tournament__status img,
    .summary .finished-tournament__status img {
      position: absolute;
      top: 20px;
      right: 20px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .summary .active-tournament__status img,
        .summary .future-tournament__status img,
        .summary .finished-tournament__status img {
          right: 10px; } }
      @media only screen and (max-width: 767px) {
        .summary .active-tournament__status img,
        .summary .future-tournament__status img,
        .summary .finished-tournament__status img {
          right: 10px; } }
  .summary .active-tournament__status {
    color: #00ffbb; }
  .summary .future-tournament__status {
    color: #ff9500; }
  .summary .finished-tournament__status {
    color: #ff364b; }
  .summary__start-time, .summary__end-time {
    font-size: 22px;
    color: #fff;
    margin: 5px 0 0;
    font-weight: 100; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .summary__start-time, .summary__end-time {
        font-size: 21px; } }

.leaderboard {
  display: block;
  position: relative;
  margin: 0 auto;
  width: auto;
  max-width: 1140px;
  padding-bottom: 20px;
  font-size: 0;
  min-height: 220px;
  border-radius: 2px; }
  @media only screen and (max-width: 767px) {
    .leaderboard {
      padding-bottom: 60px;
      position: relative; } }
  .leaderboard__block {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 26px 18px 0 18px; }
    .leaderboard__block:focus {
      outline: none; }
    .tournament-details__leaderboard .leaderboard__block {
      padding: 0; }
  .leaderboard__importance {
    display: table;
    margin: 0 auto 40px;
    height: 29px;
    background-color: #523D5F;
    width: 820px;
    position: relative; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .leaderboard__importance {
        width: 80%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .leaderboard__importance {
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .leaderboard__importance {
        width: 80%; } }
    .leaderboard__importance:before {
      content: ' ';
      display: block;
      position: absolute;
      background-color: #8e769c !important;
      opacity: 0.6;
      height: 30px;
      bottom: -7px;
      width: calc(100% - 14px);
      left: 1%; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .leaderboard__importance:before {
          width: 90%;
          padding: 0 20px;
          left: 5%; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .leaderboard__importance:before {
          width: 90%;
          left: 5%; } }
      @media only screen and (max-width: 767px) {
        .leaderboard__importance:before {
          width: 90%;
          left: 5%; } }
    .leaderboard__importance:after {
      content: ' ';
      display: block;
      position: absolute;
      background-color: #67596f !important;
      opacity: 0.4;
      height: 30px;
      bottom: -13px;
      width: calc(100% - 26px);
      left: 2%; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .leaderboard__importance:after {
          width: 80%;
          padding: 0 20px;
          left: 11%; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .leaderboard__importance:after {
          width: 80%;
          padding: 0 20px;
          left: 11%; } }
      @media only screen and (max-width: 767px) {
        .leaderboard__importance:after {
          width: 80%;
          padding: 0 20px;
          left: 11%; } }
    @media only screen and (max-width: 767px) {
      .leaderboard__importance {
        width: calc(100% - 36px); } }
    .leaderboard__importance .leaderboard__cell:first-child {
      border-left: 1px solid #FFD600; }
    .leaderboard__importance .leaderboard__cell:last-child {
      border-right: 1px solid #FFD600; }
  .leaderboard__cell {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    color: #AA896A;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 15px;
    border-top: 1px solid #FFD600;
    border-bottom: 1px solid #FFD600;
    position: relative;
    z-index: 1;
    background: #523D5F; }
    .leaderboard__cell:nth-last-child(1) {
      color: #AA896A;
      text-align: right; }
    .leaderboard__cell:nth-last-child(2) {
      color: #AA896A; }
    .leaderboard__cell_fluid {
      width: auto; }
  .tournament-details__leaderboard .leaderboard {
    max-width: 810px;
    padding-bottom: 50px;
    width: 95%; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .tournament-details__leaderboard .leaderboard {
        max-width: 700px;
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .tournament-details__leaderboard .leaderboard {
        max-width: 600px;
        width: 95%; } }

.slider {
  display: block;
  margin: 0 auto !important;
  position: relative; }
  .slider__item {
    display: block;
    padding: 0 4px; }
    .slider__item:focus {
      outline: none; }
    .slider__item__inner {
      position: relative;
      width: 940px;
      margin: 0 auto;
      z-index: 1; }
      @media only screen and (min-width: 1440px) {
        .slider__item__inner {
          margin: 0 -76px;
          width: 1420px; } }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .slider__item__inner {
          width: 1194px; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .slider__item__inner {
          width: 940px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .slider__item__inner {
          width: 700px; } }
  .slider__img_text {
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .slider__img_text {
        width: 32%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .slider__img_text {
        width: 32%; } }
    .slider__img_text.puaro_text {
      top: 23px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .slider__img_text.puaro_text {
          top: 25px;
          width: 32%;
          left: -7px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .slider__img_text.puaro_text {
          top: 32px;
          width: 32%;
          left: -4px; } }
  .slider__img {
    display: block;
    position: relative; }
    .slider__img_desktop {
      display: block !important; }
      @media only screen and (max-width: 767px) {
        .slider__img_desktop {
          display: none !important; } }
    .slider__img_mobile {
      display: none !important; }
      @media only screen and (max-width: 767px) {
        .slider__img_mobile {
          display: block !important; } }
  .slider__title {
    display: block;
    text-align: center;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .slider .slick-prev {
    left: -14px;
    top: 24px;
    text-align: left;
    height: 20px; }
    .slider .slick-prev:before {
      background-image: url("./img/svg/arrow-left.svg");
      content: '';
      display: inline-block;
      width: 12px;
      height: 20px; }
  .slider .slick-next {
    top: 24px;
    right: -14px;
    text-align: right;
    height: 20px; }
    .slider .slick-next:before {
      background-image: url("./img/svg/arrow-right.svg");
      content: '';
      display: inline-block;
      width: 12px;
      height: 20px; }
  .slider .slick-dots {
    display: block;
    width: 100%;
    bottom: -24px; }
  .slider .slick-dots li, .slider .slick-dots li button {
    width: 33px;
    height: 4px;
    margin: 0 4px; }
  .slider .slick-dots li button:before {
    width: 33px;
    height: 4px;
    background-color: #1f3957;
    content: ''; }
  .slider .slick-dots li.slick-active button:before {
    width: 33px;
    height: 4px;
    background-color: #fda91b;
    background-image: linear-gradient(180deg, #fda31b 0%, #fd5908 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }

.slider_info .slider__item {
  display: block;
  position: relative;
  padding: 17px 10px;
  width: 170px;
  height: 78px;
  margin: 0 4px;
  background-color: #415f83;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 4px 0 rgba(4, 4, 4, 0.12); }

.slider_info .slick-prev {
  left: -23px;
  top: 38px; }

.slider_info .slick-next {
  top: 38px;
  right: -23px; }

.slider_hero {
  display: none; }
  @media only screen and (max-width: 767px) {
    .slider_hero {
      height: auto; } }
  .slider_hero .slider__item {
    width: 100%;
    padding: 0; }
  .slider_hero .slider__img_withcursor {
    cursor: pointer; }
  .slider_hero .slider__img {
    width: 100%; }
    @media screen and (max-width: 1240px) {
      .slider_hero .slider__img {
        height: 320px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .slider_hero .slider__img {
        height: 230px; } }
    @media only screen and (max-width: 767px) {
      .slider_hero .slider__img {
        height: auto;
        width: 100%; } }
  .slider_hero .slider__link {
    display: inline-block;
    position: absolute;
    bottom: 100px;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    left: 127px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase; }
    .slider_hero .slider__link:before {
      content: "";
      position: absolute;
      display: block;
      background-image: url(./img/sprite.png);
      background-position: -860px -831px;
      width: 14px;
      height: 12px;
      left: 100%;
      top: 9px;
      margin-left: 10px;
      transition: margin-left ease 0.3s; }
    .slider_hero .slider__link:hover {
      text-decoration: underline; }
      .slider_hero .slider__link:hover:before {
        margin-left: 30px; }
  .slider_hero .slick-dots {
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
    display: inline-block;
    width: auto;
    z-index: 100;
    background: #7D5858;
    border-radius: 30px 30px 0 0px;
    padding: 8px 15px 7px 15px;
    line-height: 0; }
    @media only screen and (min-width: 1440px) {
      .slider_hero .slick-dots {
        bottom: 0; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .slider_hero .slick-dots {
        bottom: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .slider_hero .slick-dots {
        bottom: 0; } }
    @media only screen and (max-width: 767px) {
      .slider_hero .slick-dots {
        top: 17px;
        right: 17px;
        bottom: auto; } }
  .slider_hero .slick-dots li, .slider_hero .slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 0 6px; }
  .slider_hero .slick-dots li button:before {
    width: 15px;
    height: 15px;
    background: #ffff;
    border: 3px solid #ffff;
    border-radius: 50%;
    content: '';
    opacity: 1; }
  .slider_hero .slick-dots li.slick-active button:before {
    width: 15px;
    height: 15px;
    background-color: #00455e;
    background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.216967); }

.slider_leaderboard.slick-slider {
  margin-bottom: 10px;
  position: static; }
  .slider_leaderboard.slick-slider .slick-list {
    position: static; }

.slider_leaderboard .slick-dots {
  bottom: 13px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  z-index: 9; }

.slider_leaderboard .slick-next.slick-disabled:before, .slider_leaderboard .slick-prev.slick-disabled:before {
  opacity: 1;
  color: rgba(255, 255, 255, 0.25); }

.slider_leaderboard .slick-dots li, .slider_leaderboard .slick-dots li button {
  width: 20px;
  height: 20px;
  margin: 0 4px;
  font-size: 15px;
  color: #ffff; }

.slider_leaderboard .slick-dots li.slick-active button {
  font-size: 21px;
  color: #FFD600;
  position: relative;
  top: 1px; }

.slider_leaderboard .slick-dots li button:before {
  display: none; }

.slider_leaderboard .slick-next {
  bottom: -20px;
  position: absolute;
  top: auto;
  right: 260px;
  width: 40px;
  height: 40px;
  z-index: 101; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .slider_leaderboard .slick-next {
      right: 5px;
      bottom: -23px; } }
  @media only screen and (max-width: 767px) {
    .slider_leaderboard .slick-next {
      right: 0px;
      bottom: -23px; } }
  .slider_leaderboard .slick-next:before {
    background: url(./img/grand-lottery-arrow-r.png) no-repeat;
    content: "";
    background-size: 15px 27px;
    padding: 6px 12px; }

.slider_leaderboard .slick-prev {
  bottom: -20px;
  position: absolute;
  top: auto;
  left: 275px;
  width: 40px;
  height: 40px;
  z-index: 101; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .slider_leaderboard .slick-prev {
      left: 20px;
      bottom: -23px; } }
  @media only screen and (max-width: 767px) {
    .slider_leaderboard .slick-prev {
      bottom: -23px;
      left: 0px; } }
  .slider_leaderboard .slick-prev:before {
    background: url(./img/grand-lottery-arrow-l.png) no-repeat;
    content: "";
    background-size: 15px 27px;
    padding: 6px 12px; }

.lottery-details__tickets.slick-slider {
  margin-bottom: 60px; }

.lottery-details__tickets .slick-dots {
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: auto;
  z-index: 100; }

.lottery-details__tickets .slick-dots li, .lottery-details__tickets .slick-dots li button {
  width: 15px;
  height: 15px;
  margin: 0 4px; }

.lottery-details__tickets .slick-dots li button:before {
  width: 15px;
  height: 15px;
  background-color: #27425f;
  border-radius: 50%;
  content: '';
  opacity: 1; }

.lottery-details__tickets .slick-dots li.slick-active button:before {
  width: 15px;
  height: 15px;
  background-color: #00455e;
  background-image: linear-gradient(180deg, #1b87d5 0%, #3a6dbf 100%);
  box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.13), inset 0 1px 0 rgba(122, 199, 255, 0.38), 0 2px 4px rgba(0, 0, 0, 0.24); }

.slider_gameplay .slider__item {
  margin: 0 11px;
  padding: 0; }

.slider_gameplay .slick-prev {
  left: -14px;
  top: 25px; }

.slider_gameplay .slick-next {
  top: 25px;
  right: -14px; }

.slider_small .slider__img {
  width: 100%; }

.slider_small .slick-prev, .slider_small .slick-next {
  top: 35px;
  /*@include xSmall {
      width: 63px;
      height: 100%;
      background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 100%);
      opacity: 0.3;
      z-index: 2;
      top: 34px;
      right: 17px;

      &:before {
        display: none;
      }
    }*/ }

.slider_small .slick-prev {
  /*@include xSmall {
      transform: rotate(180deg);
      top: 0;
      left: 17px;
    }*/ }

.slider_small .slick-dots {
  bottom: -14px; }

.slider_tournament .slick-prev, .slider_tournament .slick-next {
  top: 23px; }

.levels-table__table.slick-slider {
  margin-bottom: 0; }
  .levels-table__table.slick-slider .slick-dots {
    top: 44px;
    bottom: auto; }
  .levels-table__table.slick-slider .slick-dots li, .levels-table__table.slick-slider .slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 0 4px; }
  .levels-table__table.slick-slider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    background-color: #27425f;
    border-radius: 50%;
    content: '';
    opacity: 1; }
  .levels-table__table.slick-slider .slick-dots li.slick-active button:before {
    width: 15px;
    height: 15px;
    background-color: #00455e;
    background-image: linear-gradient(180deg, #1b87d5 0%, #3a6dbf 100%);
    box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.13), inset 0 1px 0 rgba(122, 199, 255, 0.38), 0 2px 4px rgba(0, 0, 0, 0.24); }

.Zebra_DatePicker {
  background-color: #141320;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 -1px 0px 2px #141320; }

.Zebra_DatePicker.dp_visible {
  border-radius: 2px;
  border: none; }

.Zebra_DatePicker * {
  color: #ffffff; }

.Zebra_DatePicker td.dp_hover, .Zebra_DatePicker .dp_header td.dp_hover {
  background-color: #353535;
  border-radius: 1px;
  color: #ffffff !important; }

.Zebra_DatePicker td.dp_selected {
  background-color: #6a9500;
  border-radius: 1px;
  color: #FFF !important; }

.Zebra_DatePicker td.dp_current {
  color: #ffffff; }

.lottery {
  display: block;
  position: relative; }
  .lottery__title {
    padding: 22px;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .lottery__caption {
      display: none; } }
  .lottery__caption_xs {
    display: none; }
    @media only screen and (max-width: 767px) {
      .lottery__caption_xs {
        display: block;
        font-size: 16px; } }
  .lottery__tabs {
    height: 60px;
    border-radius: 12px;
    font-size: 0;
    width: 575px;
    margin: 0 auto;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .lottery__tabs {
        height: 35px; } }
  .lottery__tabitem {
    width: 50%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    padding: 19px;
    cursor: pointer;
    border: 3px solid #4B3956;
    border-radius: 0px 4px 4px 0px;
    color: #2378B9; }
    @media only screen and (max-width: 767px) {
      .lottery__tabitem {
        padding: 12px 19px 29px 19px; } }
    .lottery__tabitem:before {
      content: none; }
    .lottery__tabitem:hover .lottery__tabitem_active .title {
      color: #ffff; }
    .lottery__tabitem:hover .lottery__tabitem span {
      color: #4B3956; }
    .lottery__tabitem:first-child {
      border-radius: 2px 0px 0px 2px; }
    .lottery__tabitem:last-child {
      border-radius: 0px 2px 2px 0px; }
    .lottery__tabitem_active {
      background: #4B3956; }
      .lottery__tabitem_active .title {
        color: #ffff; }
    .lottery__tabitem span {
      color: #4B3956;
      text-shadow: none; }
  .lottery__content {
    margin-top: 32px; }
  .lottery__panel {
    display: block;
    position: relative;
    margin-bottom: 35px; }

.lottery-status-finished {
  color: #F91D44; }

.lottery-status-pending {
  color: #FFD600; }

.lottery-status-active {
  color: #B0E800; }

.ticket {
  display: block;
  position: relative;
  width: 100%;
  font-size: 0;
  height: 144px;
  background-color: #29476a;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 5px 5px rgba(0, 0, 0, 0.12); }
  .ticket__action {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 100%;
    padding: 26px 25px 30px 26px; }
    .ticket__action:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: #223c59;
      box-shadow: 1px 0 0 #355478; }
  .ticket__summary {
    display: inline-block;
    vertical-align: top;
    position: relative;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 5px 5px rgba(0, 0, 0, 0.12);
    width: 260px;
    height: 100%;
    background-color: #29476a;
    background-image: url("./img/timer-bg.png");
    background-position: center;
    background-repeat: no-repeat; }
  .ticket__head {
    display: block;
    position: relative; }
  .ticket__title {
    display: inline-block;
    vertical-align: top;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1px 10px 2px 3px; }
  .ticket__info {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    position: relative;
    cursor: pointer;
    padding: 4px 0 0 0;
    text-align: center;
    width: 21px;
    height: 21px;
    font-size: 0;
    border-radius: 50%;
    background-color: #4ea1e1;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .ticket__tooltip {
    min-width: 191px;
    right: 0;
    margin-right: 11px;
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    top: calc(100% + 23px);
    opacity: 0;
    visibility: hidden; }
    .ticket__info:hover .ticket__tooltip {
      opacity: 1;
      visibility: visible; }
  .ticket__exchange {
    display: block;
    position: relative;
    white-space: nowrap;
    margin-top: 22px; }
  .ticket__input {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 148px; }
    .ticket__input_withbutton {
      width: 190px; }
      .ticket__input_withbutton .input__inner {
        padding: 17px 63px 17px 14px; }
    .ticket__input .input__inner {
      width: 100%;
      height: 44px;
      background-color: #1a3350;
      border-radius: 2px;
      box-shadow: inset 0 1px 0 #152a42, 0 1px 0 #33567f;
      font-size: 14px;
      font-weight: 500; }
  .ticket__button {
    width: 49px;
    height: 44px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px; }
  .ticket__icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 11px 18px 11px 21px; }
  .ticket__caption {
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin: 44px auto 0; }
    .ticket__caption_accent {
      color: #ffde00;
      font-size: 35px;
      font-weight: 700;
      margin: 14px auto 0; }

.lottery-details {
  display: block;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lottery-details .layout_tournament-item__view img {
      max-width: 100%;
      left: auto;
      height: auto; } }
  .lottery-details__header {
    display: block;
    position: relative;
    height: 238px; }
    @media only screen and (max-width: 767px) {
      .lottery-details__header {
        height: auto;
        min-height: 182px;
        margin-bottom: 15px; } }
    .lottery-details__header:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      max-width: 797px;
      width: 100%;
      height: 165px;
      opacity: 1;
      background-image: radial-gradient(380px 210px at 50% 163.64%, white 0%, transparent 100%);
      border-bottom: 1px solid #224061; }
  .lottery-details .hero__slider {
    height: 476px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .lottery-details .hero__slider {
        height: 362px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-details .hero__slider {
        height: 276px; } }
    @media only screen and (max-width: 767px) {
      .lottery-details .hero__slider {
        height: auto; } }
  .lottery-details .hero__wrap {
    min-height: 476px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .lottery-details .hero__wrap {
        min-height: 439px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-details .hero__wrap {
        min-height: 349px; } }
    @media only screen and (max-width: 767px) {
      .lottery-details .hero__wrap {
        min-height: 176px; } }
  .lottery-details .hero__nav {
    top: 398px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .lottery-details .hero__nav {
        top: 361px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-details .hero__nav {
        top: 271px; } }
    @media only screen and (max-width: 767px) {
      .lottery-details .hero__nav {
        top: 126px; } }
  .lottery-details .hero__nav_sticky {
    top: 0; }
  .lottery-details__summary {
    position: relative; }
  .lottery-details__tickets {
    font-size: 0;
    margin-top: 32px; }
  .lottery-details__ticket-table {
    width: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    max-height: 450px;
    background-color: #2f4b6c;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 4px 0 rgba(4, 4, 4, 0.12); }
    @media only screen and (max-width: 767px) {
      .lottery-details__ticket-table {
        max-height: none; } }
  .lottery-details__winnings {
    display: block;
    position: relative;
    margin-top: 34px;
    padding: 0 0 46px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-details__winnings {
        margin: 34px auto 10px;
        max-width: 648px; } }
  @media only screen and (max-width: 767px) {
    .lottery-details__header_top {
      height: 80px;
      padding-top: 20px; }
      .lottery-details__header_top:before {
        content: '';
        display: inline-block;
        width: 1px;
        margin-left: -1px;
        font-size: 0;
        height: 80px;
        vertical-align: middle; } }
  .lottery-details__title {
    padding-top: 55px;
    display: block;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .lottery-details__title {
        padding-top: 0;
        display: inline-block;
        vertical-align: middle;
        width: calc(99% - 1px);
        line-height: 33px; } }
  .lottery-details__subtitle {
    padding-top: 22px;
    display: block;
    position: relative; }
  .lottery-details__countdown {
    display: inline-block;
    vertical-align: top;
    margin-top: 24px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .lottery-details__countdown {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 0;
        white-space: nowrap; } }
  .lottery-details__currency {
    display: block;
    position: absolute;
    bottom: 0;
    right: -48px;
    font-size: 56px;
    line-height: 44px;
    font-weight: 500;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .lottery-details__currency {
        display: none; } }
    .lottery-details__currency_ruble {
      background-image: url(./img/sprite.png);
      background-position: -392px -378px;
      width: 36px;
      height: 38px;
      bottom: 3px; }
    .lottery-details__currency_dollar {
      right: -40px;
      font-size: 47px; }

.lottery-info {
  display: block;
  position: relative;
  height: 354px;
  background-color: #3c5675;
  background-image: url("./img/timer-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 5px 0 rgba(0, 0, 0, 0.12); }
  @media only screen and (max-width: 767px) {
    .lottery-info {
      height: auto; } }
  .lottery-info__title {
    font-size: 22px;
    padding-top: 45px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-info__title {
        padding: 27px 30px 27px; } }
    .lottery-info__title_important {
      padding-top: 66px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      text-shadow: 0 3px 0 rgba(0, 0, 0, 0.23); }
    .lottery-info__title_important + .lottery-info__title {
      font-size: 36px;
      padding-top: 17px;
      padding-bottom: 58px;
      text-shadow: 0 3px 0 rgba(0, 0, 0, 0.23); }
  .lottery-info__timer {
    padding-top: 9px;
    padding-bottom: 40px; }
  .lottery-info__info-title {
    padding: 35px 30px 27px;
    display: block;
    margin: 0;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .lottery-info__info-title {
        font-size: 14px;
        padding: 25px 30px 27px; } }
    @media only screen and (max-width: 767px) {
      .lottery-info__info-title {
        padding: 35px 20px 27px; } }
    .lottery-info__info-title:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 1px;
      background-color: #2d425b;
      box-shadow: 0 1px 0 #446184; }

.main_lottery-details img {
  max-width: 100%; }

.main_lottery-details .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin: 0 auto; }

.section.section_full .section__main-lottery {
  max-width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .section.section_full .section__main-lottery .panel.panel_tournament {
      padding-top: 20px;
      padding-bottom: 0; } }
  .section.section_full .section__main-lottery .main__item {
    width: 870px;
    max-width: calc(100% - 20px);
    background: #15355a;
    border: 1px solid #2a588c;
    border-radius: 3px;
    filter: none; }
    @media only screen and (min-width: 1440px) {
      .section.section_full .section__main-lottery .main__item {
        width: 1380px; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .section.section_full .section__main-lottery .main__item {
        width: 1140px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .section.section_full .section__main-lottery .main__item {
        width: 660px; } }
    @media only screen and (max-width: 767px) {
      .section.section_full .section__main-lottery .main__item {
        width: 90%;
        display: block;
        position: relative; } }
    .section.section_full .section__main-lottery .main__item:hover {
      background: #1a497e;
      filter: drop-shadow(0 0 10px #002c5b); }
    .section.section_full .section__main-lottery .main__item .tournament_name {
      letter-spacing: 1px;
      font-size: 28px;
      margin-top: 0; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .section.section_full .section__main-lottery .main__item .tournament_name {
          margin-bottom: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .section.section_full .section__main-lottery .main__item .tournament_name {
          margin: 0 0 10px;
          max-width: 200px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media only screen and (max-width: 767px) {
        .section.section_full .section__main-lottery .main__item .tournament_name {
          position: static;
          max-width: 100%;
          margin: 10px 0 -16px; } }
    .section.section_full .section__main-lottery .main__item .tournament_summa {
      color: #366297; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .section.section_full .section__main-lottery .main__item .tournament_summa {
          margin-bottom: 10px; } }
    .section.section_full .section__main-lottery .main__item .countdown span {
      color: #fcc807;
      font-size: 50px; }
      @media only screen and (max-width: 767px) {
        .section.section_full .section__main-lottery .main__item .countdown span {
          font-size: 40px; } }
      .section.section_full .section__main-lottery .main__item .countdown span:last-child {
        color: #366297;
        font-size: 50px; }
        @media only screen and (max-width: 767px) {
          .section.section_full .section__main-lottery .main__item .countdown span:last-child {
            font-size: 40px; } }
    .section.section_full .section__main-lottery .main__item .tournament_status .active-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .finished-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .future-tournament__status {
      padding-top: 0;
      padding-bottom: 22px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .section.section_full .section__main-lottery .main__item .tournament_status .active-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .finished-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .future-tournament__status {
          padding-right: 53px;
          padding-bottom: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .section.section_full .section__main-lottery .main__item .tournament_status .active-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .finished-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .future-tournament__status {
          top: 14px; } }
      @media only screen and (max-width: 767px) {
        .section.section_full .section__main-lottery .main__item .tournament_status .active-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .finished-tournament__status, .section.section_full .section__main-lottery .main__item .tournament_status .future-tournament__status {
          font-size: 14px;
          padding-right: 73px;
          top: 20px;
          right: 5px; } }
    .section.section_full .section__main-lottery .main__item .active-tournament__status {
      color: #00e14f; }
    .section.section_full .section__main-lottery .main__item .tournament_status .finished-tournament__status {
      color: #ff3e00; }
    .section.section_full .section__main-lottery .main__item .tournament_description {
      color: #fff; }
    .section.section_full .section__main-lottery .main__item .icon.icon_arrow-right-white {
      background-image: none; }
      .section.section_full .section__main-lottery .main__item .icon.icon_arrow-right-white:after {
        content: '»';
        font-size: 30px;
        font-style: normal;
        position: relative;
        top: -2px; }
    @media only screen and (max-width: 767px) {
      .section.section_full .section__main-lottery .main__item .button {
        float: none;
        margin-bottom: 0;
        position: absolute;
        right: 30px; } }
  @media only screen and (max-width: 767px) {
    .section.section_full .section__main-lottery .panel__img {
      width: 50px; } }
  .section.section_full .section__main-lottery .panel {
    display: block; }
    @media only screen and (max-width: 767px) {
      .section.section_full .section__main-lottery .panel {
        padding-bottom: 80px; } }
  .section.section_full .section__main-lottery .lottery__caption_xs {
    font-size: 14px; }
  .section.section_full .section__main-lottery .panel__cell {
    display: inline-block;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .section.section_full .section__main-lottery .panel__cell {
        display: block;
        width: 100%; } }
    .section.section_full .section__main-lottery .panel__cell .panel__overflow {
      display: none; }
    @media only screen and (max-width: 767px) {
      .section.section_full .section__main-lottery .panel__cell .img_overflow {
        width: 50px; } }
    .section.section_full .section__main-lottery .panel__cell:first-child {
      width: 250px; }
      @media only screen and (max-width: 767px) {
        .section.section_full .section__main-lottery .panel__cell:first-child {
          width: 50px;
          height: 50px; } }
    .section.section_full .section__main-lottery .panel__cell:nth-child(2) {
      width: 330px; }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .section.section_full .section__main-lottery .panel__cell:nth-child(2) {
          width: 290px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .section.section_full .section__main-lottery .panel__cell:nth-child(2) {
          padding-left: 15px; } }
    .section.section_full .section__main-lottery .panel__cell:last-child {
      width: 730px; }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .section.section_full .section__main-lottery .panel__cell:last-child {
          width: 490px; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .section.section_full .section__main-lottery .panel__cell:last-child {
          position: static;
          width: 280px; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .section.section_full .section__main-lottery .panel__cell:last-child {
          padding: 0;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .section.section_full .section__main-lottery .panel__cell:last-child {
          position: static;
          width: 100%; } }
  .section.section_full .section__main-lottery .tournament_status .active-tournament__status img, .section.section_full .section__main-lottery .tournament_status .finished-tournament__status img, .section.section_full .section__main-lottery .tournament_status .future-tournament__status img {
    top: -3px;
    right: 14px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .section.section_full .section__main-lottery .tournament_status .active-tournament__status img, .section.section_full .section__main-lottery .tournament_status .finished-tournament__status img, .section.section_full .section__main-lottery .tournament_status .future-tournament__status img {
        top: 17px;
        right: 24px; } }
  .section.section_full .section__main-lottery .panel__icon-cell {
    text-align: left; }
  .section.section_full .section__main-lottery #prev_lotteries .panel__icon-cell .panel__icon {
    text-align: center;
    margin: 0; }

@media only screen and (max-width: 767px) {
  img.layout_tournament-item__img {
    position: relative;
    height: 160px;
    width: auto;
    max-width: none;
    left: calc(50% - 325px); } }

.layout_tournament-item_details {
  color: #fff;
  height: auto;
  width: 100%;
  margin: -4px auto 0;
  position: relative;
  padding: 15px 0 0 0;
  font-size: 18px;
  line-height: 1.5; }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .layout_tournament-item_details {
      width: 1220px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .layout_tournament-item_details {
      width: 980px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .layout_tournament-item_details {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .layout_tournament-item_details {
      max-width: 100%;
      padding: 15px 10px;
      height: initial; } }

.tournament-item_gamer-status {
  color: #fff000; }
  .tournament-item_gamer-status span {
    color: #fff; }

.lottery-details_yellow-big-txt {
  color: #fff000;
  font-size: 1.3em;
  font-weight: 900; }

.lottery-details_block {
  background-color: #4B3956;
  border-radius: 3px;
  width: 100%;
  margin: 0px;
  padding: 10px;
  color: #fff;
  margin: 0 auto; }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .lottery-details_block {
      width: 100%; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .lottery-details_block {
      width: 980px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .lottery-details_block {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .lottery-details_block {
      width: 90%;
      min-width: 310px;
      padding: 10px 15px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .lottery-details_block-slider {
      width: 1100px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .lottery-details_block-slider {
      width: 880px;
      margin: 0 auto; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .lottery-details_block-slider {
      width: 350px;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .lottery-details_block-slider {
      max-width: 350px;
      width: 90%;
      min-width: 200px;
      margin: 0 auto; } }
  .lottery-details_block-slider_slide {
    text-align: center;
    padding: 0 0 0 15px;
    position: relative; }
    .lottery-details_block-slider_slide p {
      text-align: center;
      padding-left: 10px;
      color: #fff000;
      height: 46px;
      overflow: hidden; }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .lottery-details_block-slider_slide p {
          border: 0;
          width: initial; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .lottery-details_block-slider_slide p {
          border: 0;
          width: initial; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .lottery-details_block-slider_slide p {
          border: 0;
          width: initial; } }
      @media only screen and (max-width: 767px) {
        .lottery-details_block-slider_slide p {
          width: 100%;
          max-width: 100%;
          padding: 0;
          border: 0; } }
    .lottery-details_block-slider_slide span {
      position: absolute;
      top: calc(50% - 40px);
      font-size: 50px;
      font-weight: 900;
      right: 75%;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent; }
      @media only screen and (min-width: 1240px) and (max-width: 1439px) {
        .lottery-details_block-slider_slide span {
          font-size: 65px;
          right: 70%; } }
      @media only screen and (min-width: 1000px) and (max-width: 1239px) {
        .lottery-details_block-slider_slide span {
          font-size: 50px;
          right: 70%; } }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .lottery-details_block-slider_slide span {
          font-size: 60px;
          right: 70%; } }
      @media only screen and (max-width: 767px) {
        .lottery-details_block-slider_slide span {
          font-size: 60px;
          right: 60%; } }
    .lottery-details_block-slider_slide img {
      display: inline;
      max-width: 65%; }
  .lottery-details_block .slick-next {
    right: -40px;
    height: 71px;
    width: 37px; }
    .lottery-details_block .slick-next:before {
      content: url(./img/grand-lottery-arrow-r.png);
      height: 71px;
      width: 37px;
      display: block; }
  .lottery-details_block .slick-prev {
    left: -40px;
    height: 71px;
    width: 37px; }
    .lottery-details_block .slick-prev:before {
      content: url(./img/grand-lottery-arrow-l.png);
      height: 71px;
      width: 37px;
      display: block; }
  .lottery-details_block-header {
    font-size: 24px;
    color: #ffff;
    font-weight: 700;
    line-height: 1.993;
    position: relative;
    z-index: 9;
    margin: 0px 0 5px 0; }
    @media only screen and (max-width: 767px) {
      .lottery-details_block-header {
        width: 100%;
        line-height: 1.2; } }
  .lottery-details_block-subheader {
    font-size: 18px;
    border-bottom: 1px solid #FFD600;
    line-height: 4;
    display: inline-block;
    padding: 0 0px;
    position: relative;
    width: 98%;
    margin: 0;
    background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .lottery-details_block-subheader {
        border-top: 0;
        margin-top: 0;
        line-height: 1.2;
        padding: 10px 0; } }

.lottery-details_more {
  display: none;
  background: #54435E;
  padding: 40px 10px 20px;
  border-radius: 3px;
  margin-top: -40px; }

.lottery-details_popup-button {
  margin-top: 35px;
  display: inline-block;
  text-decoration: underline; }

.popup.lottery-res-popup {
  background: url(./img/grand-lottery-popup-bg.png) 50% -1px no-repeat;
  height: auto;
  width: 686px;
  border: 1px solid #2d517d;
  border-radius: 3px;
  padding-bottom: 50px;
  color: #fff;
  font-weight: 100; }
  .popup.lottery-res-popup .popup__close {
    background: transparent;
    box-shadow: none; }
  .popup.lottery-res-popup h2 {
    color: #fff000;
    text-align: center; }
  .popup.lottery-res-popup table {
    width: 90%;
    margin: 0 auto; }
  .popup.lottery-res-popup thead {
    background: #1a406d; }
    .popup.lottery-res-popup thead td {
      padding: 15px 10px; }
  .popup.lottery-res-popup tbody tr {
    background: #1a406d; }
    .popup.lottery-res-popup tbody tr:nth-child(odd) {
      background: #1e4c81; }
  .popup.lottery-res-popup td {
    border: 0;
    padding: 10px; }

.table-panel {
  display: block;
  position: relative;
  background-color: #2f4b6c;
  border-radius: 2px;
  margin: 19px 1px;
  padding: 0 19px;
  max-height: 396px; }
  @media only screen and (max-width: 767px) {
    .table-panel {
      max-height: none; } }
  .table-panel__title {
    display: block;
    position: relative;
    text-align: left;
    font-size: 16px;
    padding: 12px 10px 30px 6px; }
    .table-panel__title_float_left {
      float: left;
      padding: 12px 0 30px 0; }
    .table-panel__title_float_right {
      float: right;
      padding: 12px 0 30px 0; }
    .table-panel__title_accent {
      padding: 0 10px 6px 6px; }
  .table-panel__table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    position: relative;
    text-align: left; }
  .table-panel__cell {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 14px; }
    .table-panel__cell:last-child {
      text-align: right; }
    thead .table-panel__row .table-panel__cell {
      padding: 10px 14px; }
    tbody .table-panel__row:nth-child(odd) .table-panel__cell {
      background-color: #406289;
      padding: 6px 14px; }

.winnings {
  display: block;
  position: relative;
  text-align: center;
  height: 179px;
  background-color: #2f4b6c;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 4px 0 rgba(4, 4, 4, 0.12); }
  .winnings__title {
    text-align: left;
    display: block;
    position: relative;
    padding: 19px;
    font-size: 17px; }
    .winnings__title:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #213752;
      box-shadow: 0 1px 0 #37567a; }
  .winnings__slider {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 890px;
    margin-top: 20px;
    text-align: left; }
    .winnings__slider .title {
      font-size: 15px; }

html, body {
  height: 100%; }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  body {
    min-width: 320px !important; } }

@media only screen and (max-width: 767px) {
  body {
    min-width: 320px !important; } }

@media only screen and (min-width: 1000px) and (max-width: 1239px) {
  :root {
    --iframe-width: calc(100vw - 428px);
    --iframe-height: calc(var(--iframe-width) * 0.75); } }

@media only screen and (min-width: 1240px) and (max-width: 1439px) {
  :root {
    --iframe-width: calc(100vw - 450px);
    --iframe-height: calc(var(--iframe-width) * 0.66); } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .game_bg .webim_button {
    display: none; } }

@media only screen and (max-width: 767px) {
  .game_bg .webim_button {
    display: none; } }

@media only screen and (max-width: 767px) {
  .game_bg {
    background-image: none; } }

.game_bg .tournament__title {
  padding: 5px 0; }

.game_bg .aside__title {
  margin: 0; }

.game_bg .aside__title p {
  margin: 10px 0; }

@media screen and (max-width: 1500px) {
  .game_bg .tournament__title .aside__title {
    margin: 0;
    padding: 0px; } }

@media screen and (max-width: 1500px) {
  .game_bg .tournament__title {
    padding: 5px 0; } }

@media screen and (max-width: 1500px) {
  .game_bg .tournament_gameplay .tournament__timer {
    height: 100%;
    padding: 5px 0; } }

@media screen and (max-width: 1500px) {
  .game_bg .timer__row_digit .timer__cell {
    font-size: 20px; } }

.gameplay_over {
  display: table;
  height: 100%;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .gameplay_over {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      z-index: 999999; } }
  @media only screen and (max-width: 767px) {
    .gameplay_over {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      z-index: 999999; } }

.gameplay {
  display: block;
  padding: 10px;
  min-width: 300px; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .gameplay {
      padding: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .gameplay {
      padding: 10px;
      display: block;
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    .gameplay {
      padding: 10px;
      display: block;
      height: 100%; } }
  .gameplay__shadow {
    box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.5);
    max-width: 1506px;
    margin: 0 auto; }
  .gameplay__wrap {
    display: block;
    position: relative;
    max-width: 1506px;
    height: calc(100vh - 156px);
    min-height: 600px;
    margin: 0 auto;
    padding: 0 280px; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay__wrap {
        padding: 0 280px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__wrap {
        padding: 0 220px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__wrap {
        padding: 0;
        display: block;
        width: 100%;
        height: auto;
        min-height: 0; } }
    @media only screen and (max-width: 767px) {
      .gameplay__wrap {
        padding: 0;
        display: table;
        width: 100%;
        height: auto;
        min-height: 0; } }
  .gameplay__logo {
    display: block;
    height: 60px;
    box-shadow: 4px 0 5px 0 rgba(0, 0, 0, 0.11);
    position: relative;
    z-index: 1;
    margin: -1px -1px 24px -1px; }
  .gameplay__logo-inner {
    display: block;
    position: absolute;
    bottom: -72px;
    left: 50%;
    width: 70%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__logo-inner {
        max-width: 200px;
        bottom: -56px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__logo-inner {
        max-width: 180px;
        bottom: -35px; } }
    @media only screen and (max-width: 767px) {
      .gameplay__logo-inner {
        max-width: 160px;
        bottom: -32px; } }
  .gameplay__left {
    display: block;
    float: left;
    position: relative;
    vertical-align: top;
    height: calc(100vh - 156px);
    min-height: 600px;
    padding-top: 60px;
    background-color: #2A1337;
    width: 280px;
    margin-left: -280px; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay__left {
        width: 280px;
        margin-left: -280px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__left {
        width: 220px;
        margin-left: -220px;
        height: calc(100vh - 156px); } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__left {
        width: 340px;
        margin: 25px auto;
        float: none;
        padding-bottom: 15px;
        padding-top: 0;
        min-height: 0;
        height: auto; } }
    @media only screen and (max-width: 767px) {
      .gameplay__left {
        width: 284px;
        margin: 15px auto;
        float: none;
        padding-bottom: 15px;
        overflow: hidden;
        padding-top: 0;
        min-height: 0;
        height: auto; }
        .gameplay__left .rating__tooltip {
          right: 74px; }
        .gameplay__left .tooltip__arrow {
          left: 90%; } }
    .gameplay__left .game-item-in-game {
      padding: 0 30px;
      margin-bottom: 20px; }
      @media screen and (max-width: 1280px) {
        .gameplay__left .game-item-in-game {
          margin-bottom: 10px; } }
      .gameplay__left .game-item-in-game .game-item-wrap {
        position: relative;
        background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
        box-shadow: 0px 0px 0px 5px transparent;
        position: relative;
        border-radius: 5px;
        padding: 5px;
        transition: .3s; }
    .gameplay__left .sidebar__title {
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: normal;
      text-align: center;
      text-transform: uppercase;
      color: #FFD600;
      margin-top: 0; }
    .gameplay__left .game_active_bonus_title {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: normal;
      text-align: center;
      color: #FDA31B;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
      padding: 0 10px; }
      @media screen and (max-width: 1280px) {
        .gameplay__left .game_active_bonus_title {
          margin: 5px 0; } }
  .gameplay__user {
    display: block;
    position: relative;
    height: 100%; }
  .gameplay__main {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: right;
    padding-bottom: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__main {
        float: none;
        display: block;
        height: 100%; } }
    @media only screen and (max-width: 767px) {
      .gameplay__main {
        float: none;
        display: block;
        height: 100%; } }
    .gameplay__main #full-screen-button {
      border: none;
      background: transparent;
      color: #4B3956;
      font-size: 30px;
      cursor: pointer;
      transition: .3s; }
      .gameplay__main #full-screen-button:hover {
        color: #ffff; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .gameplay__main #full-screen-button {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .gameplay__main #full-screen-button {
          display: none; } }
  .gameplay__aside {
    display: block;
    float: left;
    position: relative;
    vertical-align: top;
    height: calc(100vh - 156px);
    background-color: #2A1337;
    width: 280px;
    margin-right: -280px;
    min-height: 600px; }
    .gameplay__aside_overflow {
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .gameplay__aside_overflow {
          overflow: visible; } }
      @media only screen and (max-width: 767px) {
        .gameplay__aside_overflow {
          overflow: visible;
          max-height: none; } }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay__aside {
        width: 280px;
        margin-right: -280px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__aside {
        width: 220px;
        margin-right: -220px;
        height: calc(100vh - 156px); } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__aside {
        width: 340px;
        float: none;
        margin: 25px auto;
        height: auto;
        min-height: 0; } }
    @media only screen and (max-width: 767px) {
      .gameplay__aside {
        width: 284px;
        float: none;
        margin: 15px auto;
        height: auto;
        min-height: 0; } }
    .gameplay__aside .aside__fade {
      position: absolute;
      bottom: 0;
      height: 20px;
      background-image: linear-gradient(to bottom, rgba(20, 53, 90, 0), #15355a);
      width: 100%; }
    .gameplay__aside_small {
      width: 300px; }
    .gameplay__aside .game-tabs_tab {
      display: none; }
      .gameplay__aside .game-tabs_tab.active {
        display: block; }
    .gameplay__aside .gamepage-tabs {
      width: 50%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .gameplay__aside .gamepage-tabs.active {
        box-shadow: inset 0px 3px 0px #FFF6A2;
        border-radius: 4px 4px 0px 0px; }
      .gameplay__aside .gamepage-tabs object {
        width: 41px;
        margin-top: 5px; }
    .gameplay__aside .lottery-name {
      color: #ffd801;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 10px; }
    .gameplay__aside #tab-lottery .tournament__img-overlay {
      height: auto; }
    .gameplay__aside .gameplay-toppanel {
      background: transparent;
      text-shadow: none; }
      .gameplay__aside .gameplay-toppanel .gameplay-toppanel__icon > img {
        max-width: 100%;
        max-height: 100%;
        filter: grayscale(100%); }
      .gameplay__aside .gameplay-toppanel .gamepage-tabs.active .gameplay-toppanel__icon img {
        max-width: 100%;
        max-height: 100%;
        filter: grayscale(0%); }
      .gameplay__aside .gameplay-toppanel .gamepage-tabs.active .gameplay-toppanel__caption {
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        -webkit-background-clip: text;
        color: transparent; }
      .gameplay__aside .gameplay-toppanel .gameplay-toppanel__caption {
        color: #D3D1D1; }
  .gameplay__wrap_head {
    display: block;
    position: relative;
    max-width: 1506px;
    margin: 0 auto;
    padding: 0 280px;
    height: 60px; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay__wrap_head {
        padding: 0 280px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__wrap_head {
        padding: 0 220px; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__wrap_head {
        padding: 0 0 0 200px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .gameplay__wrap_head {
        padding: 0 0 0 180px;
        margin-bottom: 20px; } }
    .gameplay__wrap_head .gameplay__left {
      height: 100%;
      padding-top: 0;
      min-height: 0; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .gameplay__wrap_head .gameplay__left {
          width: 200px;
          margin: 0 0 0 -200px;
          float: left; } }
      @media only screen and (max-width: 767px) {
        .gameplay__wrap_head .gameplay__left {
          width: 180px;
          margin: 0 0 0 -180px;
          float: left;
          overflow: visible; } }
    .gameplay__wrap_head .gameplay__main {
      height: 100%;
      min-height: 0; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .gameplay__wrap_head .gameplay__main {
          float: left; } }
      @media only screen and (max-width: 767px) {
        .gameplay__wrap_head .gameplay__main {
          float: left; } }
    .gameplay__wrap_head .gameplay__aside {
      height: 100%;
      min-height: 0; }
  .gameplay__nav {
    height: 60px;
    background: #2A1337 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
    font-family: 'Roboto Condensed', sans-serif; }
    @media only screen and (max-width: 767px) {
      .gameplay__nav {
        text-align: right; } }
  .gameplay__canvas {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    background-color: #ffff;
    max-width: 980px;
    overflow: hidden;
    position: relative; }
    @media screen and (max-height: 708px) {
      .gameplay__canvas .gameplay__box {
        max-width: 664px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay__canvas {
        height: auto;
        max-width: 100%;
        height: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .gameplay__canvas {
        height: auto;
        height: 100%; } }
    @media only screen and (max-width: 767px) {
      .gameplay__canvas {
        height: auto;
        height: 100%; } }
    .gameplay__canvas .game_param {
      width: 100%;
      position: absolute;
      max-width: 980px;
      opacity: 0;
      height: auto;
      max-height: calc(100% - 56px);
      z-index: -1; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .gameplay__canvas .game_param {
          position: relative; } }
      @media only screen and (max-width: 767px) {
        .gameplay__canvas .game_param {
          position: relative; } }
    .gameplay__canvas .gameplay__canvas_inner {
      background-color: #000;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      position: absolute; }
      .gameplay__canvas .gameplay__canvas_inner object {
        margin: 0 auto; }
    .gameplay__canvas .gameplay__box {
      margin: 0 auto;
      display: block;
      position: relative;
      width: 100%; }
    .gameplay__canvas .gameplay__box:before {
      content: "";
      display: block;
      padding-top: 75%; }
    .gameplay__canvas .gameplay__box_content {
      position: absolute;
      top: 5px;
      left: 0;
      bottom: 5px;
      right: 0;
      background: black; }
  @media screen and (max-height: 890px) and (min-width: 1400px) {
    .gameplay .gameplay__box {
      max-width: 670px; } }
  .gameplay__slider {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    padding: 9px 30px 0;
    height: 116px;
    opacity: 0;
    background-color: rgba(31, 61, 96, 0.9);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 3px 3px rgba(0, 0, 0, 0.9); }
    @media only screen and (max-width: 767px) {
      .gameplay__slider {
        display: none; } }
    .gameplay__slider_open {
      opacity: 1;
      z-index: 1; }
    .gameplay__slider .slider__img {
      width: 100%; }
  .gameplay__gallery {
    display: block;
    position: relative;
    height: calc(100% - 88px);
    background-color: #15355a;
    border: 1px solid #254b78; }
  .gameplay .rating__summary {
    white-space: normal; }
    .gameplay .rating__summary .rating__icon.fa {
      margin: 0 1px 0 0;
      position: relative;
      top: 4px; }
    .gameplay .rating__summary .rating__icon {
      margin: 0 1px 0 0;
      position: relative;
      top: 4px; }
  .gameplay .tournament__promo {
    padding: 0 5px; }
  .gameplay .tournament__table {
    margin-top: 0;
    padding: 0px 5px !important; }
  .gameplay .title {
    color: #ffff; }

.hide_small {
  display: block; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .hide_small {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .hide_small {
      display: none; } }

.hide_big {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .hide_big {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .hide_big {
      display: block; } }

.gameplay_small {
  min-width: 1506px;
  background: linear-gradient(180deg, #0F1E2F 0%, #04101D 100%);
  background-position: center top; }
  .gameplay_small .gameplay__aside {
    width: 300px; }
  .gameplay_small .gameplay__wrap {
    width: 1506px;
    padding-right: 47px; }
  .gameplay_small .gameplay-toppanel {
    padding: 21px 32px; }
  .gameplay_small .gameplay-toppanel__title {
    font-size: 20px;
    color: #fff; }

.embed-responsive {
  z-index: 99999999; }
  .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
  .embed-responsive:before {
    padding: 56% 0 0 0;
    display: block;
    content: ""; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden; } }

@media only screen and (max-width: 1024px) {
  .game_bg .gameplay__wrap {
    padding: 0;
    height: 100%; }
  .game_bg .modal {
    display: none !important; }
  .game_bg .gameplay__main {
    padding: 0;
    z-index: 10001; }
    .game_bg .gameplay__main iframe {
      position: fixed;
      left: 0;
      top: 0;
      display: block;
      width: 100vw;
      height: 100vh; }
  .game_bg .webim_button {
    display: none !important; } }

.gameplay-toppanel {
  display: table;
  width: 100%;
  position: relative;
  background: linear-gradient(180deg, #0F1E2F 0%, #04101D 100%);
  height: 60px;
  margin: 0 0 0 -1px;
  font-size: 0;
  display: flex; }
  .gameplay-toppanel__icon {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 50px;
    padding-left: 10px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay-toppanel__icon {
        padding-left: 0; } }
  .gameplay-toppanel__summary {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-left: 13px; }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay-toppanel__summary {
        padding-left: 6px; } }
  .gameplay-toppanel__caption {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay-toppanel__caption {
        font-size: 12px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay-toppanel__caption {
        font-size: 11px; } }
  .gameplay-toppanel__title {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
    color: #fff001;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
    margin: 0;
    text-overflow: ellipsis; }
    @media only screen and (min-width: 1240px) and (max-width: 1439px) {
      .gameplay-toppanel__title {
        font-size: 12px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1239px) {
      .gameplay-toppanel__title {
        font-size: 12px; } }
  .gameplay-toppanel__tooltip.tooltip {
    display: none;
    right: -2px;
    top: 60px; }
  .gameplay-toppanel__info {
    display: table-cell;
    position: relative;
    width: 1px;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 10px; }
    .gameplay-toppanel__info:hover .tooltip {
      display: block; }

.gameplay-user {
  display: block;
  position: relative; }
  .gameplay-user__title {
    position: relative;
    display: block;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.26);
    color: #d7e6f8;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    padding: 10px 10px 0px 10px; }
  .gameplay-user__vip {
    display: block;
    position: relative;
    padding: 14px 24px 38px 26px; }
    .gameplay-user__vip:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #112c4c;
      box-shadow: 0 1px 0 #193b63; }
  .gameplay-user__bonus {
    display: block;
    position: relative;
    padding: 25px 24px 43px 26px; }
    .gameplay-user__bonus:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #112c4c;
      box-shadow: 0 1px 0 #193b63; }
  .gameplay-user__action {
    text-align: center;
    padding: 15px 0 0 0; }
    .gameplay-user__vip + .gameplay-user__action {
      padding: 19px 0 0; }
  .gameplay-user__button {
    width: 218px;
    height: 44px;
    color: #4B3956;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 11px 0 12px;
    margin-bottom: 18px; }
    .gameplay-user__button:first-child {
      color: #ffff; }
      .gameplay-user__button:first-child .fa {
        color: #ffff;
        margin: 0; }
    .gameplay-user__button:last-child {
      margin-bottom: 0;
      background: none;
      box-shadow: none;
      display: block;
      margin: 0 auto; }
    .gameplay-user__button .fa {
      color: #4B3956;
      margin: 0; }
    .gameplay-user__button_orange {
      background-color: #fd7f21;
      background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .gameplay-user__button_blue {
      background-color: #3c8fd7;
      background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .gameplay-user__button_darkblue {
      background-color: #2c5380;
      background-image: linear-gradient(180deg, #3b5777 0%, #215187 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .gameplay-user__button_active {
      background-color: #7abbee;
      background-image: linear-gradient(180deg, #4ea8db 0%, #a2cdff 100%); }
    .gameplay-user__button > span {
      display: inline; }
    .gameplay-user__button > .hidden {
      display: none; }
    .gameplay-user__button.in_favorites > span {
      display: none; }
    .gameplay-user__button.in_favorites > .hidden {
      display: inline; }
  .gameplay-user__button-text {
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    margin-left: 13px; }
    .gameplay-user__button-text * {
      color: #ffffff; }
  .gameplay-user .back-to-lobby {
    color: #FFFFFF;
    opacity: 0.5;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.383633);
    transition: .3s; }
    .gameplay-user .back-to-lobby:hover {
      opacity: 1; }

.hide_big_nav {
  display: none;
  color: #FFFFFF;
  font-weight: 700;
  position: relative;
  min-width: 86px;
  padding: 20px; }
  @media only screen and (max-width: 767px) {
    .hide_big_nav {
      display: inline-block; } }

.gameplay-nav-small {
  position: absolute;
  right: -10px;
  z-index: 1;
  display: block;
  width: 120px;
  margin: 0;
  padding: 0;
  background-color: #153358;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  .gameplay-nav-small.hide {
    display: none; }
  .gameplay-nav-small__item {
    display: block;
    vertical-align: top;
    position: relative;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 16px;
    cursor: pointer; }

.gameplay-nav {
  display: flex;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  position: relative;
  background: #2A1337;
  line-height: 60px; }
  @media only screen and (max-width: 767px) {
    .gameplay-nav {
      display: none; } }
  .gameplay-nav .item {
    flex: 1;
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0; }
    .gameplay-nav .item .link {
      text-decoration: none;
      width: 100%;
      height: 100%;
      margin: 0 auto; }
    .gameplay-nav .item .content {
      display: none;
      background: #2A1337;
      width: 100%;
      min-height: 123px;
      text-decoration: none;
      text-transform: none;
      position: absolute;
      left: 0;
      z-index: 1; }
      .gameplay-nav .item .content .draggable {
        width: 100%; }
      .gameplay-nav .item .content .slick-slider {
        display: flex; }
        .gameplay-nav .item .content .slick-slider .arrow {
          background: none;
          border: none;
          display: block;
          color: #FFFFFF;
          cursor: pointer;
          outline: none; }
          .gameplay-nav .item .content .slick-slider .arrow:hover, .gameplay-nav .item .content .slick-slider .arrow:active, .gameplay-nav .item .content .slick-slider .arrow:focus {
            color: #FFF001;
            padding: 0 6px; }
          .gameplay-nav .item .content .slick-slider .arrow i {
            font-size: 28px;
            margin-top: -40px;
            display: block; }
        .gameplay-nav .item .content .slick-slider .item {
          padding: 5px;
          text-align: center;
          font-size: 14px;
          line-height: 20px; }
          .gameplay-nav .item .content .slick-slider .item .image {
            width: 100%; }
            .gameplay-nav .item .content .slick-slider .item .image > img {
              width: 100%; }
          .gameplay-nav .item .content .slick-slider .item .caption {
            margin: 5px;
            font-weight: 500;
            text-transform: none; }
          .gameplay-nav .item .content .slick-slider .item:hover {
            background: #47205d; }
      .gameplay-nav .item .content .slick-slide img {
        width: 109px; }
    .gameplay-nav .item.active > .content {
      display: block; }
    .gameplay-nav .item.active .link {
      color: #FFF001; }

.gameplay-signup {
  display: block;
  position: relative;
  text-align: center;
  padding: 0; }
  .gameplay-signup__title {
    font-size: 20px;
    font-weight: 500;
    padding-top: 9px;
    line-height: 23px; }
    .gameplay-signup__title .gold {
      color: #f2e419; }
    .gameplay-signup__title + .gameplay-signup__title {
      padding-top: 0; }
    .gameplay-signup__title_huge {
      font-size: 25px;
      font-weight: 700;
      padding-top: 35px; }
    .gameplay-signup__title_signin {
      margin: 20px 0; }
  .gameplay-signup__jackpot {
    margin-top: 25px; }
  .gameplay-signup__input {
    margin-top: 37px; }
    .gameplay-signup__input .input__inner {
      width: 100%;
      height: 54px;
      background-color: #0e2744;
      border-radius: 2px;
      box-shadow: inset 0 1px 0 #0d2035, 0 1px 0 #1c4371;
      color: #fff;
      font-size: 18px;
      text-transform: uppercase;
      font-family: "Roboto Condensed", sans-serif; }
    .gameplay-signup__input + .gameplay-signup__input {
      margin-top: 12px; }
  .gameplay-signup__button {
    margin-top: 33px;
    padding: 10px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    color: #fefefe;
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
    font-family: "Roboto Condensed", sans-serif;
    background-color: #fd7123;
    background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .gameplay-signup__button_signin {
      margin-top: 46px;
      width: 219px;
      padding: 10px 24px; }
      .gameplay-signup__button_signin + .gameplay-signup__button_signin {
        margin-top: 19px;
        background-color: #3687d6;
        background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .gameplay-signup .gameplay-user__button {
    width: 194px; }
  .gameplay-signup__caption {
    font-size: 16px;
    margin-top: 25px; }
    .gameplay-signup__button_signin + .gameplay-signup__caption {
      margin-top: 55px; }
  .gameplay-signup__socials {
    margin: 20px 0; }

.gameplay-gallery {
  list-style: none;
  margin: 0;
  padding: 27px 27px 10px; }
  .gameplay-gallery__item {
    margin-bottom: 25px; }
    .gameplay-gallery__item:last-child {
      margin-bottom: 0; }
  .gameplay-gallery .preview {
    background: none;
    box-shadow: none; }
  .gameplay-gallery .preview__info {
    padding: 0; }
  .gameplay-gallery .preview__title {
    text-shadow: 0 1px 0 #111c28;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding-top: 13px; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .gameplay-gallery .preview__title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: calc(100% - 10px); } }
  .gameplay-gallery .preview__button.button_color_orange {
    margin-top: 35px; }

.gameplay-panel {
  display: block;
  position: relative;
  width: auto;
  border-radius: 6px;
  background-color: #222132;
  box-shadow: 0 1px 0 0 #131221, inset 0 -1px 0 0 #262537; }
  .gameplay-panel__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .gameplay-panel__head {
    margin-bottom: 15px; }
  .gameplay-panel__head:after {
    display: none; }
  .gameplay-panel__title {
    text-align: center;
    padding: 37px 40px 7px;
    text-shadow: 0 2px 1px rgba(9, 32, 58, 0.83);
    text-transform: uppercase;
    color: #fff000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__title {
        font-size: 13px;
        line-height: 16px;
        padding: 20px 16px 8px; } }
  .gameplay-panel__subtitle {
    display: block;
    color: #fff;
    text-transform: none;
    text-align: center;
    padding: 0 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    max-width: 590px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__subtitle {
        font-size: 12px;
        line-height: 16px;
        padding: 0 30px; } }
  .gameplay-panel__note {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px;
    color: #fff001; }
  .gameplay-panel__content {
    text-align: center;
    margin-top: 10px; }
  .gameplay-panel__input {
    height: 37px; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__input {
        margin-bottom: 10px; } }
    .gameplay-panel__input .input__inner {
      width: 192px;
      color: #e5e2f3;
      height: 37px;
      box-shadow: 0 1px 1px rgba(43, 42, 70, 0.46), inset 0 1px 1px rgba(0, 0, 0, 0.79);
      border-radius: 2px;
      background-color: #6e6c92; }
      @media only screen and (max-width: 767px) {
        .gameplay-panel__input .input__inner {
          width: 200px; } }
  .gameplay-panel__button {
    min-width: 70px;
    height: 37px;
    margin-top: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #be2f21; }
    .gameplay-panel__button_wide {
      min-width: 202px;
      padding: 10px 14px; }
    .gameplay-panel__button_footer {
      display: block;
      margin: 0 12px;
      background: transparent;
      border: solid 1px rgba(109, 108, 146, 0.65);
      box-shadow: none;
      text-transform: none;
      font-size: 16px;
      font-weight: 400;
      color: #cdccde;
      text-shadow: none;
      border-radius: 6px;
      height: 36px;
      line-height: 34px;
      padding: 0 20px; }
      @media only screen and (max-width: 767px) {
        .gameplay-panel__button_footer {
          font-size: 13px;
          padding: 0 10px;
          margin: 0 6px; } }
  .gameplay-panel__bonus-info {
    display: block;
    position: relative;
    margin: 14px auto 18px;
    max-width: 380px; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__bonus-info {
        max-width: 216px; } }
  .gameplay-panel__bonus-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top; }
  .gameplay-panel__bonus-note {
    display: block;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding-left: 30px;
    line-height: 13px; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__bonus-note {
        font-size: 12px; } }
  .gameplay-panel__link {
    display: block;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    text-decoration: underline;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    color: #6e6c92;
    margin: 0 12px; }
    @media only screen and (max-width: 767px) {
      .gameplay-panel__link {
        font-size: 13px;
        margin: 0 6px; } }
  .gameplay-panel__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 56px;
    background-color: #1a1927;
    box-shadow: 0 1px 0 0 #131221, inset 0 -1px 0 0 #262537; }

.embed-responsive-game {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive-game::before {
    display: block;
    content: "";
    padding-top: 72%; }
  .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; }

.jackpot {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  padding-top: 19px; }
  .jackpot__base {
    display: block;
    position: relative;
    width: 204px;
    height: 63px;
    padding: 7px 10px;
    background-color: #2a1337;
    border: 6px solid #f31b41;
    border-radius: 31px;
    box-shadow: 0 5px 8px rgba(14, 34, 57, 0.93);
    font-size: 23px;
    line-height: 36px;
    font-weight: 900;
    text-transform: uppercase;
    color: #d7e6f8;
    z-index: 3; }
  .jackpot__back {
    width: 75px;
    height: 75px;
    background-color: #2a1337;
    border: 6px solid #f31b41;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2; }
  .jackpot__overlay {
    display: block;
    position: absolute;
    width: 100%;
    top: 11px;
    z-index: 1;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .jackpot__overlay:before {
      content: '';
      width: 72px;
      height: 75px;
      background-color: #2a1337;
      border: 6px solid #f31b41;
      border-radius: 50%;
      position: absolute;
      display: block;
      top: -4px;
      left: 34px;
      z-index: 1; }
    .jackpot__overlay:after {
      content: '';
      width: 72px;
      height: 75px;
      background-color: #2a1337;
      border: 6px solid #f31b41;
      border-radius: 50%;
      position: absolute;
      display: block;
      top: -4px;
      right: 34px;
      z-index: 1; }

.vipclub__header {
  display: block;
  position: relative;
  height: 133px;
  background-image: linear-gradient(230deg, rgba(255, 255, 255, 0.2) 0%, transparent 15%), linear-gradient(-230deg, #324c69 0%, #132e4d 15%);
  border-radius: 6px 6px 0 0;
  box-shadow: inset -1px 0 0 0 #38608e,inset 1px 0 0 0 #355d8c; }

.vipclub__content {
  display: block;
  position: relative;
  background-color: #15355a;
  border-radius: 3px;
  padding: 0 0 137px 0; }
  .vipclub__content:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background-color: #0d2239;
    box-shadow: 0 1px 0 #1a3a5e;
    width: 100%;
    top: 0;
    left: 0;
    right: 0; }

.vipclub__row {
  display: block;
  position: relative;
  font-size: 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .vipclub__row {
      padding-bottom: 0 !important; } }

.vipclub__item {
  display: inline-block;
  vertical-align: top;
  margin: 20px 58px;
  cursor: pointer; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .vipclub__item {
      margin: 20px 47px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .vipclub__item {
      margin: 20px 10px; } }
  @media only screen and (max-width: 767px) {
    .vipclub__item {
      margin: 20px auto;
      display: block;
      width: 209px; } }

.vipclub__info {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: left;
  width: 100%;
  max-width: 862px;
  margin: 0 auto;
  background-color: #285282;
  border: 1px solid #31639d;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.22);
  padding: 29px;
  display: none; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .vipclub__info {
      max-width: 815px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .vipclub__info {
      max-width: 815px; } }
  @media only screen and (max-width: 767px) {
    .vipclub__info {
      position: relative;
      bottom: auto;
      left: auto;
      right: auto;
      width: auto;
      margin: 0 20px; } }
  .vipclub__info_open {
    display: block; }

.vipclub__subtitle {
  font-size: 16px;
  line-height: 18px; }

.vipclub__caption {
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  font-family: "Roboto Condensed", sans-serif; }

.vipclub__bullet-list {
  margin: 36px 0; }

.vipclub__title {
  font-size: 40px;
  line-height: 22px;
  text-align: center;
  padding: 55px;
  font-family: Roboto, sans-serif; }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .vipclub__title {
      font-size: 40px; } }

.vipclub__note {
  margin: 0;
  text-align: center;
  padding: 62px 135px 10px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px; }
  @media only screen and (max-width: 767px) {
    .vipclub__note {
      padding: 20px; } }

.vipclub__arrow {
  display: block;
  position: absolute;
  z-index: 3;
  top: 1px;
  left: 50%;
  bottom: 100%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
  .vipclub__arrow:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    z-index: 3;
    margin-left: -14px;
    border-style: solid;
    border-width: 14px;
    border-color: transparent transparent #285282 transparent; }
  .vipclub__arrow_right {
    right: 45px;
    left: auto; }
    .vipclub__arrow_right:after {
      right: 45px;
      left: auto; }
    @media only screen and (max-width: 767px) {
      .vipclub__arrow_right {
        left: 50%;
        right: auto; }
        .vipclub__arrow_right:after {
          right: auto;
          left: 50%; } }
  .vipclub__arrow_left {
    left: 98px;
    right: auto; }
    .vipclub__arrow_left:after {
      right: auto;
      left: auto; }
    @media only screen and (max-width: 767px) {
      .vipclub__arrow_left {
        left: 50%;
        right: auto; }
        .vipclub__arrow_left:after {
          right: auto;
          left: 50%; } }

.vip-panel {
  display: block;
  position: relative;
  width: 209px;
  height: 244px;
  border-radius: 3px;
  background-color: #214875;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #31557f; }
  .vip-panel:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    background-color: #1f426b;
    box-shadow: 0 -2px 0 0 #284f7c, 0 -1px 0 0 #193b61; }
  .vip-panel:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #193b61;
    box-shadow: 0 -1px 0 #284f7c; }
  .vip-panel__badge {
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    width: 38px;
    height: 38px;
    top: -12px;
    right: -14px;
    background-color: #3b8ed7;
    background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 2px 7px 3px rgba(0, 0, 0, 0.26);
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase; }
  .vip-panel__button {
    display: block;
    position: absolute;
    width: 128px;
    height: 42px;
    border-radius: 22px;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    font-family: "Roboto Condensed", sans-serif;
    padding: 10px 10px;
    line-height: 20px;
    outline: none;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 0 #2765a8; }

.tab-vip .tab__content > div.active {
  width: 100%;
  height: 252px;
  display: table !important; }

.jackpot-details {
  display: block;
  position: relative; }
  .jackpot-details__header {
    background-color: #15355a;
    padding: 0 44px 60px;
    background-image: url("./img/vip-details-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top; }
  .jackpot-details__countdown {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 86px; }
  .jackpot-details__title {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin: 75px auto 60px; }
  .jackpot-details__subtitle {
    text-shadow: 0 2px 0 #000;
    font-size: 22px;
    text-align: center;
    margin-top: 56px; }
  .jackpot-details__caption {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    margin: 0 0 36px 0; }
    .jackpot-details__caption:last-child {
      margin: 0; }
    .jackpot-details__caption_accent {
      color: #fff000; }
  .jackpot-details__gallery {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 42px; }

.fortune-levels {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  background-color: #4d4b63; }
  .fortune-levels__head {
    background-color: #58566d; }
  .fortune-levels__headCell {
    position: relative;
    text-align: center;
    min-width: 116px;
    height: 60px; }
    .fortune-levels__headCell:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #4e4c61;
      box-shadow: 1px 0 0 #656378; }
    .fortune-levels__headCell_fluid {
      text-align: left;
      padding: 0 27px; }
      .fortune-levels__headCell_fluid:after {
        content: none; }
  .fortune-levels__cell {
    display: table-cell;
    position: relative;
    vertical-align: top;
    min-width: 116px;
    text-align: center;
    padding: 0; }
    .fortune-levels__cell:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #413f55;
      box-shadow: 1px 0 0 #56546c; }
    .fortune-levels__cell_fluid {
      width: 100%;
      text-align: left;
      padding: 20px 0; }
      .fortune-levels__cell_fluid:after {
        content: none; }
  .fortune-levels__title {
    font-size: 18px;
    font-family: Roboto, sans-serif;
    line-height: 20px; }
  .fortune-levels__list {
    margin: 0;
    padding: 0 0 14px;
    list-style: none; }
  .fortune-levels__listItem {
    display: block;
    position: relative; }
  .fortune-levels__listLink {
    display: block;
    position: relative;
    height: 60px;
    padding: 21px;
    text-shadow: 0 2px 0 rgba(4, 4, 4, 0.17);
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1; }
    .fortune-levels__listLink:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #403e54;
      box-shadow: 0 1px 0 #55536d; }
    .fortune-levels__listLink_active {
      background-color: #877de9;
      background-image: linear-gradient(140deg, #9d97de 0%, #8076ec 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26); }
      .fortune-levels__listLink_active:before {
        content: none; }
  .fortune-levels__item {
    display: block;
    position: relative;
    padding: 20px 32px 20px 128px;
    margin-bottom: 10px; }
    .fortune-levels__item:last-child {
      margin-bottom: 0; }
  .fortune-levels__icon {
    display: block;
    position: absolute;
    left: 20px;
    top: 0; }
  .fortune-levels__caption {
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.32);
    color: #cbcad7;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    display: block; }

.fortune-history {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  background-color: #4d4b63; }
  .fortune-history__head {
    background-color: #58566d; }
  .fortune-history__headCell {
    position: relative;
    text-align: left;
    min-width: 116px;
    height: 60px;
    padding: 0 20px; }
    .fortune-history__headCell:last-child:after {
      content: none; }
    .fortune-history__headCell:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #4e4c61;
      box-shadow: 1px 0 0 #656378; }
    .fortune-history__headCell_fluid {
      text-align: left;
      padding: 0 20px; }
  .fortune-history__cell {
    display: table-cell;
    position: relative;
    min-width: 116px;
    height: 61px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase; }
    .fortune-history__cell:first-child {
      min-width: 215px;
      text-align: left;
      padding-left: 20px; }
    .fortune-history__cell:last-child {
      min-width: 257px;
      text-align: left;
      padding: 0 24px; }
    .fortune-history__cell:last-child:after {
      content: none; }
    .fortune-history__cell:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #413f55;
      box-shadow: 1px 0 0 #56546c; }
    .fortune-history__cell:before {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 1px;
      height: 1px;
      background-color: #403e54;
      box-shadow: 0 1px 0 #55536d; }
    .fortune-history__cell_fluid {
      width: 100%;
      text-align: left;
      padding: 19px 21px; }
  .fortune-history__title {
    font-size: 18px;
    font-family: Roboto, sans-serif;
    line-height: 20px; }
  .fortune-history__list {
    margin: 0;
    padding: 0 0 14px;
    list-style: none; }
  .fortune-history__listItem {
    display: block;
    position: relative; }
  .fortune-history__listLink {
    display: block;
    position: relative;
    height: 60px;
    padding: 21px;
    text-shadow: 0 2px 0 rgba(4, 4, 4, 0.17);
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1; }
    .fortune-history__listLink:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #403e54;
      box-shadow: 0 1px 0 #55536d; }
    .fortune-history__listLink_active {
      background-color: #54526c;
      background-image: linear-gradient(140deg, #9d97de 0%, #8076ec 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26); }
      .fortune-history__listLink_active:before {
        content: none; }
  .fortune-history__item {
    display: block;
    position: relative;
    padding: 20px 32px 20px 128px;
    margin-bottom: 10px; }
    .fortune-history__item:last-child {
      margin-bottom: 0; }
  .fortune-history__icon {
    display: block;
    position: absolute;
    left: 20px;
    top: 0; }
  .fortune-history__caption {
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.32);
    color: #cbcad7;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    display: block; }
  .fortune-history__button {
    background-color: #ff7c22;
    background-image: linear-gradient(165deg, #ffb11a 0%, #ff0036 100%);
    border-radius: 1px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26);
    text-shadow: 0 2px 0 rgba(4, 4, 4, 0.11);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    padding: 5px 12px; }
    .fortune-history__button_disabled {
      background: none;
      box-shadow: none;
      pointer-events: none;
      text-shadow: none;
      padding: 3px 4px; }

.fortune-wheel {
  display: block;
  width: 1024px;
  height: 978px;
  position: relative;
  background-image: url("./img/lottery-bg.png");
  background-repeat: no-repeat;
  background-position: center; }
  .fortune-wheel__head {
    display: table;
    position: relative;
    white-space: nowrap;
    width: 100%;
    height: 86px;
    border-collapse: collapse;
    padding: 0; }
    .fortune-wheel__head:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      opacity: 0.27;
      background-color: #3f3d60;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.42); }
  .fortune-wheel__cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    .fortune-wheel__cell_fixed {
      width: 1px; }
  .fortune-wheel__title {
    display: inline-block;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    padding: 18px 0px 10px; }
  .fortune-wheel__info {
    display: block;
    position: relative;
    padding: 0 34px; }
  .fortune-wheel__dashboard {
    display: block;
    position: relative;
    padding: 29px 63px 26px; }
  .fortune-wheel__icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 19px;
    padding-top: 7px; }
  .fortune-wheel__tooltip {
    left: 50%;
    top: 38px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s, visibility 0.1s; }
    .fortune-wheel__icon:hover .fortune-wheel__tooltip {
      opacity: 1;
      visibility: visible; }
  .fortune-wheel__button {
    height: 31px;
    font-size: 15px;
    margin-right: 5px;
    padding: 6px 15px;
    background-color: #3e92d8;
    background-image: linear-gradient(180deg, #4ea8db 0%, #236dd2 100%);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16); }
    .fortune-wheel__button_aux {
      background-color: #fd7423;
      background-image: linear-gradient(170deg, #fda31b 0%, #fd0834 100%);
      padding: 6px 16px; }
  .fortune-wheel__lottery {
    display: block;
    position: absolute;
    width: 590px;
    height: 590px;
    top: 200px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .fortune-wheel__wheel {
    display: block;
    position: absolute;
    width: 590px;
    height: 590px;
    top: 0;
    left: 0;
    background-image: url("./img/lottery-wheel.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2; }
  .fortune-wheel__logo {
    display: block;
    position: absolute;
    width: 464px;
    height: 118px;
    top: 141px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("./img/lottery-title.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1; }
  .fortune-wheel__spinner {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 144px;
    height: 144px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("./img/lottery-spinner.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3; }
  .fortune-wheel__arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 65px;
    height: 91px;
    right: 6px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("./img/lottery-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3; }
  .fortune-wheel__range {
    display: block;
    width: 588px;
    position: absolute;
    bottom: 38px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.tab__content > div {
  display: none;
  height: 0; }

.tab__content .active {
  height: auto;
  display: block; }

.registration__image img {
  max-width: 100%;
  max-height: 135px; }

.popup_section__aside .aside_promo {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.popup_section__aside .aside_promo .promo-bonus, .popup_section__aside .aside_promo .aside__promo-table {
  background: #3C3A50;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.13) inset, 0 3px 8px rgba(0, 0, 0, 0.19); }

.popup_section__aside .aside_promo .table_promo .table__row:nth-child(2n+1) {
  background: #49475D; }

.main_gallery .main__item {
  vertical-align: top;
  margin: 9px; }
  @media only screen and (min-width: 1440px) {
    .main_gallery .main__item .preview__info {
      padding: 20px 22px; } }
  .main_gallery .main__item.preview {
    width: 31%; }
    @media screen and (max-width: 1101px) {
      .main_gallery .main__item.preview {
        width: 30%; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .main_gallery .main__item.preview {
        width: 45%; } }
    @media only screen and (max-width: 767px) {
      .main_gallery .main__item.preview {
        width: 43%;
        max-width: 300px;
        margin: 3.33%; } }

.popup_chooseBonus .bonus__item {
  cursor: pointer; }

#login-modal .modal__input.input .modal__caption {
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  .lottery-btm-box .lottery-btm_item {
    font-size: 10px;
    line-height: 15px; } }

@media only screen and (max-width: 767px) {
  .lottery-btm-box .casher__button {
    width: 180px;
    height: 28px;
    font-size: 12px; } }

.popup_bonusNotification .popup__content {
  padding-bottom: 20px; }
  .popup_bonusNotification .popup__content .popup__title {
    padding: 25px 0; }

.popup.successOutpay .popup__content {
  padding-bottom: 20px;
  min-height: 90px;
  padding-top: 25px; }

.popup_afterRegistration .popup__content {
  padding-bottom: 20px;
  min-height: 150px; }
  .popup_afterRegistration .popup__content em {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #FDA31B;
    font-size: 27px; }
  .popup_afterRegistration .popup__content p {
    margin: 0;
    margin-bottom: 10px; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .popup_afterRegistration .popup__content p {
        font-size: 14px; } }
  .popup_afterRegistration .popup__content .popup__section-text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF; }

.popup_afterActivation .popup__content {
  padding-bottom: 20px;
  min-height: 150px; }

.popup_phoneVerified .popup__content {
  padding-bottom: 20px; }
  .popup_phoneVerified .popup__content .popup__title {
    padding: 25px 0; }

.popup_newViplevel .popup__content {
  padding-top: 20px;
  text-align: center; }
  .popup_newViplevel .popup__content .popup__title {
    font-size: 31px;
    line-height: 40px; }
  .popup_newViplevel .popup__content .popup__subtitle {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding: 0;
    margin-top: 9px; }
  .popup_newViplevel .popup__content .bonus__item {
    min-width: 227px;
    min-height: 246px; }
    @media only screen and (max-width: 767px) {
      .popup_newViplevel .popup__content .bonus__item {
        width: 100%; } }

.popup_registration .modal__error {
  max-width: 400px; }

.popup_confirmEmail .popup__content {
  padding: 27px 53px 55px 53px; }
  @media only screen and (max-width: 767px) {
    .popup_confirmEmail .popup__content {
      padding: 40px 24px; } }

.popup_confirmEmail .popup__title {
  padding-bottom: 20px; }

.popup_confirmEmail .popup__caption {
  font-size: 15px;
  line-height: 18px; }

.text-center {
  text-align: center; }

.txt-yellow {
  color: #FFD600; }

@media only screen and (max-width: 767px) {
  .mb_-22-mob {
    margin-bottom: -22px; } }

.scroller {
  display: none;
  z-index: 199;
  cursor: pointer;
  position: fixed;
  bottom: 20%;
  left: 0;
  width: 44px;
  height: 44px;
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.32);
  color: #fff;
  background: #4B3956;
  border: none;
  text-align: center;
  transition: .3s all ease;
  line-height: 42px; }
  .scroller:hover {
    transform: scale(1.05); }
  .scroller__icon {
    font-size: 22px; }
  @media only screen and (max-width: 400px) {
    .scroller {
      bottom: 180px; } }

.sh_btn {
  border-radius: 3px; }
  @media only screen and (max-width: 767px) {
    .sh_btn {
      width: 36px !important;
      min-height: 36px !important;
      height: 36px !important;
      border-radius: 3px 0 0 3px !important;
      overflow: hidden !important; } }

.progress_bar {
  display: block;
  width: 100%;
  text-align: center; }
  .progress_bar .title {
    text-transform: none;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    margin: 10px 0;
    color: #FFF; }
  .progress_bar .progress {
    height: 12px;
    background: #fff;
    border: 1px solid #153453;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    width: 80%;
    margin: 0 auto;
    overflow: hidden; }
    .progress_bar .progress .fill {
      height: 100%;
      box-shadow: 0px 0px 3px #FFF6A2;
      background: linear-gradient(180deg, #FFFDC8 0%, #E7C200 100%);
      border-radius: inherit; }
  .progress_bar .caption {
    text-align: center;
    font-size: 12px;
    color: #FFF; }

.modal-exit-lobby {
  width: 800px;
  top: 256px; }
  @media only screen and (max-width: 767px) {
    .modal-exit-lobby {
      top: 0; } }
  .modal-exit-lobby .popup__title {
    font-size: 22px;
    padding: 61px 60px 20px 60px; }
  .modal-exit-lobby .popup__gallery {
    display: block;
    position: relative;
    list-style: none;
    padding: 0; }
    .modal-exit-lobby .popup__gallery .preview {
      margin: 9px;
      display: inline-block;
      vertical-align: top;
      text-align: left;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.65), inset 0 -1px 0 rgba(255, 255, 255, 0.04);
      width: 238px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .modal-exit-lobby .popup__gallery .preview {
          width: 180px; } }
      @media only screen and (max-width: 767px) {
        .modal-exit-lobby .popup__gallery .preview {
          width: 43%; }
          .modal-exit-lobby .popup__gallery .preview:last-child {
            display: none; } }
  .modal-exit-lobby .popup__action {
    top: auto;
    right: auto;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: auto;
    background: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    color: #01b4ff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    box-shadow: none; }
    .modal-exit-lobby .popup__action:hover {
      color: rgba(255, 255, 255, 0.8) !important; }
  .modal-exit-lobby .popup__button {
    margin-left: 0;
    font-family: "Roboto Condensed", sans-serif;
    padding: 10px 20px;
    margin-top: -22px;
    font-size: 20px;
    color: #fff !important; }
  .modal-exit-lobby .popup__footer {
    min-height: 76px; }

.restriction {
  display: block;
  height: 100vh;
  background-image: url("./img/restriction-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  text-align: center; }
  .restriction__logo {
    padding-top: 242px; }
    .restriction__logo img {
      padding-left: 60px; }
    @media only screen and (max-width: 767px) {
      .restriction__logo {
        padding-top: 20px; }
        .restriction__logo img {
          padding-left: 40px;
          width: 300px; } }
  .restriction__title {
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.26), 0 3px 2px rgba(0, 0, 0, 0.31);
    color: #ff001e;
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 44px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .restriction__title {
        font-size: 32px;
        padding-top: 8px; } }
  .restriction__info {
    max-width: 1040px;
    margin: 0 auto;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.44);
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
    padding: 44px 40px 20px; }
    @media only screen and (max-width: 767px) {
      .restriction__info {
        padding: 44px 20px 20px;
        line-height: 32px;
        font-size: 22px; } }
    .restriction__info_accent {
      color: #ffea00; }

.rules {
  padding: 33px 35px 33px; }
  .rules__title {
    color: #fefefe;
    margin: 0; }
  .rules__caption {
    font-weight: 400;
    color: #fff001;
    font-size: 15px;
    margin: 18px 0 0 0; }
    .rules__note + .rules__caption {
      margin-top: 33px; }
  .rules__note {
    font-weight: 400;
    color: #7c9bbe;
    font-size: 14px;
    line-height: 17px;
    margin: 16px 0 0; }

.static-page .container {
  width: 70%;
  margin: 0 auto;
  color: #2A1337;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  line-height: normal;
  font-style: normal; }
  .static-page .container a {
    color: #54435E; }
    .static-page .container a :hover {
      text-decoration: underline; }
  .static-page .container ul li {
    list-style-type: none;
    list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='7.5' cy='7.5' r='7.5' fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='7.5' y1='0' x2='7.5' y2='15' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FF1F47'/%3e%3cstop offset='1' stop-color='%23A70220'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); }
  @media only screen and (max-width: 767px) {
    .static-page .container {
      width: auto;
      padding: 0 10px; } }

.static-page h1 {
  font-size: 36px;
  font-weight: 500;
  text-decoration: none;
  text-align: center; }

.static-page h2 {
  font-size: 26px;
  font-weight: 500;
  text-decoration: none; }

.static-page h3 {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none; }

.static-page h4 {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none; }

.partners {
  padding: 33px 35px 33px; }
  .partners__title {
    color: #fefefe;
    margin: 0;
    font-size: 1.6em; }
    .partners__title_href {
      font-weight: 400;
      color: #7c9bbe;
      font-size: 16px;
      line-height: 15px;
      display: inline-block;
      margin-left: 15px;
      vertical-align: bottom; }
  .partners .partners__link_container .partners__title {
    display: inline-block;
    vertical-align: bottom; }
  .partners__caption {
    font-weight: 400;
    color: #fff001;
    font-size: 18px;
    margin: 18px 0 16px 0; }
    .partners__caption:first-letter {
      text-transform: uppercase; }
  .partners__note {
    font-weight: 400;
    color: #7c9bbe;
    font-size: 15px;
    line-height: 17px;
    margin: 16px 0 0; }

.error-page {
  padding: 0;
  margin: 0;
  border: none;
  color: #fff;
  background-color: #110219;
  background-image: url(./img/bg/error.png);
  background-position: 50% 302px;
  background-repeat: no-repeat;
  display: block;
  min-height: 100%;
  height: auto;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 16px;
  text-align: center; }
  .error-page .wrapper {
    padding: 20px;
    margin: 0;
    min-height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .error-page .wrapper .image {
      max-width: 100%;
      margin: 0 auto; }
      .error-page .wrapper .image > img {
        width: 100%; }
    .error-page .wrapper .header {
      background: none;
      margin: 0 auto;
      width: auto;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .error-page .wrapper .header {
          min-height: auto;
          height: auto; } }
      .error-page .wrapper .header .logo {
        width: 222px;
        max-width: 222px;
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .error-page .wrapper .header .logo {
            width: 80%; } }
      .error-page .wrapper .header .image > img {
        width: 100%; }
  .error-page .title {
    color: #5BB6EB;
    font-size: 24px;
    text-transform: none; }
  .error-page .container {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 562px; }
  .error-page .gallery {
    max-width: 100%; }
    .error-page .gallery .title {
      color: #FFD600;
      font-size: 15px; }
    .error-page .gallery .list {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex; }
      @media only screen and (min-width: 320px) and (max-width: 567px) {
        .error-page .gallery .list {
          flex-direction: column; } }
      .error-page .gallery .list > * {
        width: 212px;
        margin: 10px 10px 20px 0; }
        .error-page .gallery .list > *:first-child {
          margin-left: 0; }
  .error-page .maintenance .title {
    font-size: 16px;
    font-weight: 700;
    color: #fff; }
  .error-page .maintenance .description {
    font-size: 16px;
    font-weight: 300;
    color: #fff; }
    .error-page .maintenance .description em {
      text-decoration: none;
      font-weight: bold;
      font-size: inherit; }
  .error-page .row {
    margin: 20px 0;
    display: block;
    max-width: 100%; }
  .error-page .push_up {
    margin-top: -60px; }
    .error-page .push_up.maintenance {
      margin-top: -40px; }
  .error-page .footer {
    font-size: 13px;
    font-weight: 300; }
  .error-page .form .input {
    display: block;
    width: 334px; }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .error-page .form .input {
        width: 100%; } }
    .error-page .form .input input {
      line-height: 50px;
      height: 50px;
      font-size: 18px;
      padding: 0 18px;
      margin: 0;
      display: block;
      width: 100%;
      color: #54435E !important; }
  .error-page .form .row {
    margin: 24px 0; }

.popup__confirm_phone .popup__content {
  text-align: center; }

.popup__confirm_phone .confirm_phone__form {
  margin: 10px 0; }

.popup__confirm_phone .confirm_phone__message {
  margin: 0;
  margin-bottom: 10px; }

.popup__confirm_phone .confirm_phone__repeat {
  margin: 20px 0 0 0; }
  .popup__confirm_phone .confirm_phone__repeat .timer {
    font-weight: 300;
    font-size: 32px; }

.popup__confirm_phone #confirm-phone-button-repeat {
  font-size: 18px;
  padding: 9px 11px; }

.modal-exit-lobby {
  width: 800px;
  top: 50%; }
  @media only screen and (max-width: 767px) {
    .modal-exit-lobby {
      top: 0; } }
  .modal-exit-lobby .popup__title {
    font-size: 22px;
    padding: 61px 60px 20px 60px; }
  .modal-exit-lobby .popup__gallery {
    display: block;
    position: relative;
    list-style: none;
    padding: 0; }
    .modal-exit-lobby .popup__gallery .preview {
      margin: 9px;
      display: inline-block;
      vertical-align: top;
      text-align: left;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.65), inset 0 -1px 0 rgba(255, 255, 255, 0.04);
      width: 238px; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .modal-exit-lobby .popup__gallery .preview {
          width: 180px; } }
      @media only screen and (max-width: 767px) {
        .modal-exit-lobby .popup__gallery .preview {
          width: 43%; }
          .modal-exit-lobby .popup__gallery .preview:last-child {
            display: none; } }
  .modal-exit-lobby .button_link {
    color: #01b4ff;
    background: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    box-shadow: none; }
  .modal-exit-lobby .popup__button {
    margin: 10px 0;
    font-family: "Roboto Condensed", sans-serif;
    padding: 10px 20px;
    font-size: 20px;
    text-transform: uppercase; }
  .modal-exit-lobby .popup__footer {
    min-height: 76px; }
    .modal-exit-lobby .popup__footer .push_up {
      margin-top: -22px; }

.popup__demo_game .popup__title {
  padding: 24px 32px;
  text-align: center; }

.popup__demo_game .popup__content {
  padding: 0 32px;
  margin: 20px 0 40px 0;
  text-align: center; }

.popup__demo_game .button_link {
  color: #ffea00;
  background: none;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
  box-shadow: none; }

.popup__demo_game .popup__button {
  margin: 5px 0;
  text-transform: uppercase; }

.popup__demo_game .popup__footer {
  min-height: 76px; }
  .popup__demo_game .popup__footer .push_up {
    margin: 10px 0px 0 0; }

.modal.popup__demo_game.modal__user__not_authorization .popup__content {
  padding: 0 32px;
  margin: 20px 0;
  text-align: center; }

.modal__user__not_authorization {
  background: linear-gradient(180deg, #003A79 0%, #001429 100%);
  border-radius: 1px; }
  .modal__user__not_authorization .popup__footer {
    background: none; }
  .modal__user__not_authorization .popup__footer:before {
    display: none; }
  .modal__user__not_authorization .popup__title {
    padding: 20px 40px;
    background: none; }
    .modal__user__not_authorization .popup__title em {
      color: #fff000; }

.popup__non-wage-modal .popup__title {
  padding: 24px 32px; }

.popup__non-wage-modal .popup__content {
  padding: 0 32px;
  margin: 20px 0 40px 0; }

.popup__non-wage-modal .button_link {
  color: #01b4ff;
  background: none;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
  box-shadow: none; }

.popup__non-wage-modal .popup__button {
  margin: 5px 0;
  text-transform: uppercase; }

.popup__non-wage-modal .popup__footer {
  min-height: 46px; }
  .popup__non-wage-modal .popup__footer .push_up {
    margin-top: -22px; }

.reminder-block-wrapper {
  width: 495px;
  bottom: 0;
  right: 0;
  height: auto;
  display: block;
  position: fixed;
  z-index: 100;
  border-radius: 2px;
  background: url(./img/bg_form.webp) no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .reminder-block-wrapper {
      width: 100%; } }
  .reminder-block-wrapper .field-profileform-phone {
    flex-basis: 40%;
    margin: 0 5px; }
  .reminder-block-wrapper .reminder-block-title {
    color: #fff000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    padding: 18px 44px; }
  .reminder-block-wrapper .reminder-block-description {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    padding: 0 40px; }
  .reminder-block-wrapper .bottom-panel__content {
    text-align: center;
    margin-top: 18px; }
  .reminder-block-wrapper .reminder-phone__notice {
    display: flex;
    vertical-align: top;
    color: #7f7ba0;
    font-size: 11px;
    font-weight: 400;
    padding-left: 30px;
    justify-content: center;
    padding: 10px 30px; }
  .reminder-block-wrapper #reminder-form {
    text-align: center;
    margin: 0 auto;
    margin: 10px 0;
    display: flex;
    align-self: center;
    width: 100%;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .reminder-block-wrapper #reminder-form {
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
        justify-content: center; }
        .reminder-block-wrapper #reminder-form .field-profileform-phoneCode {
          margin-bottom: 10px;
          flex-basis: 15%; }
        .reminder-block-wrapper #reminder-form .field-profileform-phone {
          margin-bottom: 10px;
          flex-basis: 40%; } }
    @media only screen and (min-width: 320px) and (max-width: 567px) {
      .reminder-block-wrapper #reminder-form {
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
        justify-content: center; }
        .reminder-block-wrapper #reminder-form > div {
          margin-bottom: 10px;
          flex-basis: 30%; } }
  .reminder-block-wrapper .input__inner {
    background: #00142a; }
  .reminder-block-wrapper .icon-close {
    border: none; }
  .reminder-block-wrapper .selectric {
    width: 100px; }
    @media only screen and (max-width: 767px) {
      .reminder-block-wrapper .selectric {
        width: 100%; } }
  .reminder-block-wrapper .reminder-phone__success {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.383633); }
  .reminder-block-wrapper .reminder-phon__lock {
    margin: 0 5px; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .reminder-block-wrapper .wish-bonus__button {
      padding: 10px 10px; } }

.reminder-bonus-wrapper {
  width: 370px;
  height: 150px;
  background: url(./img/bg_form.webp) no-repeat;
  padding: 5px 10px;
  position: fixed;
  right: 0px;
  bottom: 0;
  z-index: 201; }
  @media only screen and (max-width: 370px) {
    .reminder-bonus-wrapper {
      width: 100%;
      height: 170px; } }
  .reminder-bonus-wrapper .column {
    float: left;
    width: 50%;
    height: 100%; }
  .reminder-bonus-wrapper .title {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #EC1C24;
    margin: 5px 0; }
  .reminder-bonus-wrapper .description {
    font-weight: 700;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
    color: #FFD600; }
  .reminder-bonus-wrapper .button_container {
    width: 142px;
    margin: 10px auto 0 auto; }
  .reminder-bonus-wrapper .image {
    width: 135px;
    height: 135px;
    margin: -38px auto 0 auto; }
    .reminder-bonus-wrapper .image > img {
      width: 100%;
      display: block; }
  .reminder-bonus-wrapper .close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    padding: 5px;
    cursor: pointer; }
  .reminder-bonus-wrapper .timer {
    padding: 0;
    margin: -5px 0;
    color: #EC1C24; }
    @media only screen and (max-width: 370px) {
      .reminder-bonus-wrapper .timer {
        margin: 12px 0; } }
    .reminder-bonus-wrapper .timer .timer__note {
      padding: 0;
      margin: 0;
      font-weight: 500;
      font-size: 10px;
      line-height: 12px;
      text-transform: none;
      text-align: center;
      color: #EC1C24; }
    .reminder-bonus-wrapper .timer .timer__countdown {
      text-transform: uppercase;
      font-weight: 300;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      color: #EC1C24;
      letter-spacing: 8px; }

.enter_phone_play_modal {
  position: absolute;
  top: 10px;
  transform: translate(-50%, 0);
  height: auto;
  background: url(./img/afterreg.svg) no-repeat !important;
  background-size: cover;
  width: 653px;
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    .enter_phone_play_modal {
      transform: none;
      top: 0; } }
  .enter_phone_play_modal .popup__title {
    background: #2A1337;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .enter_phone_play_modal .lottery_block > .image {
    width: 100%;
    height: auto;
    display: block; }
    .enter_phone_play_modal .lottery_block > .image > img {
      width: 100%;
      height: auto;
      display: block; }
  .enter_phone_play_modal .lottery_block .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #FFD600;
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0; }
  .enter_phone_play_modal .lottery_block .description {
    font-weight: 300;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    width: 100%;
    padding: 0 30px;
    margin: 10px 0; }
  .enter_phone_play_modal .lottery_block .prizes {
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0; }
    .enter_phone_play_modal .lottery_block .prizes .title {
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      text-transform: uppercase;
      color: #FFD600;
      display: block;
      width: 100%;
      padding: 0;
      margin: 5px 0; }
    .enter_phone_play_modal .lottery_block .prizes .prize_item .image {
      width: 168px;
      height: 168px;
      margin: 0 auto; }
      .enter_phone_play_modal .lottery_block .prizes .prize_item .image > img {
        width: 100%; }
    .enter_phone_play_modal .lottery_block .prizes .prize_item .caption {
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      color: #FFFFFF;
      text-shadow: 0px 0px 4px #FFFFFF; }
    .enter_phone_play_modal .lottery_block .prizes .arrow-prev {
      position: absolute;
      padding: 0;
      margin: 0;
      left: 5px;
      background: none;
      border: none;
      height: 50%;
      top: 25%;
      color: #FFFFFF;
      font-size: 36px;
      z-index: 1;
      cursor: pointer;
      transition: .2s all ease;
      outline: none;
      opacity: .5; }
      .enter_phone_play_modal .lottery_block .prizes .arrow-prev:hover {
        color: #FFD600;
        opacity: 1; }
    .enter_phone_play_modal .lottery_block .prizes .arrow-next {
      position: absolute;
      padding: 0;
      margin: 0;
      right: 5px;
      background: none;
      border: none;
      height: 50%;
      top: 25%;
      color: #FFFFFF;
      font-size: 36px;
      z-index: 1;
      cursor: pointer;
      transition: .2s all ease;
      outline: none;
      opacity: .5; }
      .enter_phone_play_modal .lottery_block .prizes .arrow-next:hover {
        color: #FFD600;
        opacity: 1; }
    .enter_phone_play_modal .lottery_block .prizes .slick-slide {
      outline: none; }
  .enter_phone_play_modal .form_block {
    margin: 10px 0; }
    .enter_phone_play_modal .form_block .title {
      font-weight: 700;
      font-size: 17px;
      line-height: 20px;
      text-align: center;
      color: #FFD600;
      display: block;
      width: 100%;
      padding: 0;
      margin: 5px 0; }
    .enter_phone_play_modal .form_block > .row {
      display: block;
      margin: 5px auto;
      width: 460px;
      max-width: 100%;
      padding: 0 30px; }
      .enter_phone_play_modal .form_block > .row .input {
        margin: 3px 0px; }
      .enter_phone_play_modal .form_block > .row .field-enterphoneform-phonecode {
        width: 89px; }
      .enter_phone_play_modal .form_block > .row .field-profile-form-phone {
        width: 130px; }
      .enter_phone_play_modal .form_block > .row .button_save {
        width: 170px; }
    .enter_phone_play_modal .form_block .selectric .label {
      margin: 0 20px 0 10px; }
    .enter_phone_play_modal .form_block .input > .button {
      padding: 9px 10px;
      width: 100%; }
    .enter_phone_play_modal .form_block .input > .input__inner {
      padding: 9px 10px;
      width: 100%; }
  .enter_phone_play_modal .to_game_block {
    margin: 10px 0;
    padding: 0;
    text-align: center; }
    .enter_phone_play_modal .to_game_block .button_link {
      font-style: normal;
      font-weight: 300;
      font-size: 17px;
      line-height: 20px;
      text-decoration: underline;
      color: #FFFFFF; }
      .enter_phone_play_modal .to_game_block .button_link:hover {
        text-decoration: none; }
  .enter_phone_play_modal .timer_block {
    text-align: center; }
    .enter_phone_play_modal .timer_block .wrap {
      display: inline-block;
      min-width: 148px;
      height: 75px;
      margin: 10px auto;
      background: #FFFFFF;
      border-radius: 5px;
      padding: 5px 10px;
      width: auto; }
    .enter_phone_play_modal .timer_block .caption {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      font-family: 'Roboto Condensed';
      line-height: 18px;
      text-align: center;
      color: #000735; }
    .enter_phone_play_modal .timer_block .countdown {
      font-style: normal;
      font-weight: 500;
      font-size: 47px;
      line-height: 55px;
      text-align: center;
      color: #2A1337; }
  @media screen and (max-width: 459px) {
    .enter_phone_play_modal .form_block > .row .field-enterphoneform-phonecode {
      width: 38%; }
    .enter_phone_play_modal .form_block > .row .field-profile-form-phone {
      width: 59%; }
    .enter_phone_play_modal .form_block > .row .button_save {
      width: 99%; } }

.play_game_modal {
  background: url(./img/afterreg.svg) no-repeat !important;
  background-size: cover;
  width: 652px;
  max-width: 100%; }
  @media screen and (max-height: 600px) {
    .play_game_modal {
      position: absolute;
      top: 10px;
      transform: translate(-50%, 0);
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .play_game_modal {
      transform: none;
      top: 0; } }
  .play_game_modal .popup__title {
    background: #2A1337;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .play_game_modal .popup__content {
    text-align: center; }
  .play_game_modal .column {
    width: 323px;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 10px;
    text-align: center;
    vertical-align: top; }
  .play_game_modal .column:nth-child(2) {
    float: left; }
    @media screen and (max-width: 645px) {
      .play_game_modal .column:nth-child(2) {
        float: none; } }
  .play_game_modal .campaign_info {
    display: block;
    margin: 10px auto;
    text-align: center; }
    .play_game_modal .campaign_info .image {
      display: block;
      width: 233px;
      max-width: 70%;
      margin: 0 auto; }
      @media screen and (max-width: 426px) {
        .play_game_modal .campaign_info .image {
          width: 138px; } }
      .play_game_modal .campaign_info .image > img {
        display: block;
        width: 100%;
        height: auto; }
    .play_game_modal .campaign_info .block_title {
      margin: 10px 0;
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      text-transform: uppercase;
      color: #FFD600; }
    .play_game_modal .campaign_info .title {
      margin: 10px 0;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;
      color: #FFFFFF; }
    .play_game_modal .campaign_info .description {
      margin: 10px 0;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      color: #FFFFFF; }
    .play_game_modal .campaign_info .optin_button_wrap {
      margin: 10px 0; }
    .play_game_modal .campaign_info .bonuses_button_wrap {
      margin: 10px 0; }
  .play_game_modal .game_info {
    display: block;
    margin: 10px auto;
    padding: 5px;
    width: 287px;
    max-width: 100%;
    background: linear-gradient(180deg, #7D5858 0%, #2A1337 100%);
    border-radius: 4px; }
    .play_game_modal .game_info .image {
      display: block;
      max-width: 100%; }
      .play_game_modal .game_info .image > img {
        display: block;
        width: 100%;
        height: auto; }
    .play_game_modal .game_info .play_real_wrap {
      margin: 10px 0; }
      .play_game_modal .game_info .play_real_wrap .button {
        min-width: 160px; }
    @media screen and (max-width: 426px) {
      .play_game_modal .game_info:not(.force_show) {
        background: none;
        padding: 0;
        width: 100%; }
        .play_game_modal .game_info:not(.force_show) .image {
          display: none; } }
  .play_game_modal .your_balance {
    margin: 10px 0; }
    .play_game_modal .your_balance .title {
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      text-transform: uppercase;
      color: #FFFFFF;
      margin: 5px 0; }
    .play_game_modal .your_balance .money {
      margin: 5px 0;
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px;
      color: #FFD600; }
    .play_game_modal .your_balance .deposit_button_wrap {
      margin: 5px 0; }
  .play_game_modal .play_demo_wrap {
    text-align: center;
    margin: 10px 0; }
  .play_game_modal .button_link {
    display: inline;
    padding: 5px 10px;
    margin: 5px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    color: #EC1C24;
    cursor: pointer; }
    .play_game_modal .button_link:hover {
      text-decoration: none; }
  .play_game_modal .button_transparent {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 8px 21px;
    background: none;
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    border: 3px solid #FF1F47;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #C0382A;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    transition: .2s all ease;
    min-width: 206px; }
    .play_game_modal .button_transparent:hover {
      border-color: #EC1C24;
      text-shadow: 0px 1px 0px #e07b70; }
  @media screen and (max-width: 426px) {
    .play_game_modal .button {
      display: block;
      min-width: unset !important;
      width: 100%; }
    .play_game_modal .button_link {
      width: 100%;
      display: block;
      padding-top: 0;
      padding-bottom: 0; } }

.popup__has_active_campaign {
  width: 660px;
  min-height: 380px; }
  .popup__has_active_campaign .popup__content {
    padding: 0;
    margin: 0;
    text-align: center; }
    @media only screen and (max-width: 659px) {
      .popup__has_active_campaign .popup__content {
        padding-bottom: 40px; } }
    .popup__has_active_campaign .popup__content .image {
      margin: 10px auto;
      width: 100%; }
      .popup__has_active_campaign .popup__content .image > img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
    .popup__has_active_campaign .popup__content .title {
      margin: 30px 0;
      padding: 0 20px;
      font-style: normal;
      font-weight: 700;
      font-size: 22px;
      line-height: 26px;
      display: block;
      text-align: center;
      color: #FFD600;
      text-transform: unset; }
      @media only screen and (max-width: 659px) {
        .popup__has_active_campaign .popup__content .title {
          margin-top: 0;
          margin-bottom: 20px; } }
    .popup__has_active_campaign .popup__content .text {
      margin: 30px 0;
      padding: 0 5px;
      font-weight: 500;
      font-size: 20px;
      line-height: 23px;
      display: block;
      text-align: center;
      color: #FFFFFF; }
      @media only screen and (max-width: 659px) {
        .popup__has_active_campaign .popup__content .text {
          margin: 20px 0; } }
    .popup__has_active_campaign .popup__content > .row {
      display: block;
      width: 100%;
      font-size: 0; }
      .popup__has_active_campaign .popup__content > .row .column_image {
        display: inline-block;
        width: 260px;
        max-width: 100%;
        vertical-align: top;
        padding: 0 20px; }
      .popup__has_active_campaign .popup__content > .row .column_body {
        display: inline-block;
        width: 400px;
        max-width: 100%;
        font-size: 16px;
        vertical-align: top; }
    .popup__has_active_campaign .popup__content .button_link {
      color: #ffffff;
      background: none;
      text-shadow: none;
      box-shadow: none;
      border: none;
      text-transform: none;
      text-decoration: underline;
      cursor: pointer;
      font-size: 13px;
      line-height: 15px; }
      .popup__has_active_campaign .popup__content .button_link:hover {
        text-decoration: none; }
    .popup__has_active_campaign .popup__content .button_row {
      margin: 10px 0;
      display: block; }

.loading {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  cursor: wait; }

body > .loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 40px;
  height: 40px; }
  .loader .item {
    width: 16px;
    height: 16px;
    border: 1px solid #fffe5b;
    border-radius: 50%;
    animation: dance .8s infinite alternate;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    position: absolute; }
    .loader .item:nth-child(1) {
      animation-delay: 222ms;
      left: 0;
      top: 0; }
    .loader .item:nth-child(2) {
      animation-delay: 444ms;
      right: 0;
      top: 0; }
    .loader .item:nth-child(3) {
      animation-delay: 666ms;
      left: 0;
      bottom: 0; }
    .loader .item:nth-child(4) {
      animation-delay: 888ms;
      right: 0;
      bottom: 0; }

@keyframes dance {
  to {
    transform: scale(0.65);
    background: rgba(255, 254, 91, 0.65); } }

#main-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex; }
  #main-preloader ~ * {
    display: none; }
  #main-preloader .preloader {
    margin: 0 auto;
    top: 40%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -40%); }
    #main-preloader .preloader .loader-container {
      position: relative; }
  #main-preloader .loader .item {
    border-color: #fffe5b; }
  #main-preloader .logo {
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 15px; }
    #main-preloader .logo > img {
      max-width: 100%;
      margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      #main-preloader .logo {
        max-width: 50%; } }

html {
  height: 100%; }
  html.hidden {
    overflow: hidden; }

body {
  background-color: #09203a;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  position: relative;
  overflow-x: hidden; }
  @media only screen and (max-width: 767px) {
    body {
      overflow-x: hidden; } }
  body.hidden {
    overflow: hidden; }
  body.hidden #ask_info {
    display: none; }

a, a:hover, a:active {
  color: #fff;
  text-decoration: none; }

main a, main a:active {
  color: #3c90f0; }

@media only screen and (max-width: 767px) {
  html.modal_open.Sa {
    overflow: visible;
    height: auto; }
    html.modal_open.Sa body {
      overflow: visible; }
  html.modal_open body {
    overflow: hidden; } }

html.modal_open .overflow {
  display: block; }

.txt-orange {
  color: #ff8920; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0 40px #fff inset !important; }

input:active, input:focus {
  outline: none; }

input::-moz-focus-inner {
  border: 0; }

option:active, option:focus {
  outline: none; }

option::-moz-focus-inner {
  border: 0; }

select:active, select:focus {
  outline: none; }

select::-moz-focus-inner {
  border: 0; }

.input__inner option {
  background: #E5E5E5; }

.input__inner {
  color: #54435E !important;
  background: #D3D1D1 !important;
  text-transform: initial;
  transition: .3s; }

.input__inner:focus {
  box-shadow: 0px 0px 0px 3px #FFF6A2; }

.d-flex {
  display: flex; }

.d-flex-column {
  flex-direction: column; }

.popup_registration_v2 .popup__content, .popup_registration_v3 .popup__content, .popup_registration_v4 .popup__content, .popup_registration_v5 .popup__content, .popup_registration_v6 .popup__content, .popup_registration_v7 .popup__content {
  padding: 24px 0 24px; }

.ps-theme-tabs > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #4B3956; }

.aside__title {
  line-height: 0; }

.control {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 18px; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.radiobox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffff;
  border: 1px solid transparent;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.pay-tooltip__input input {
  position: relative;
  z-index: 1;
  opacity: 1; }

.control--radio .radiobox {
  border-radius: 50%; }

.control input:checked ~ .radiobox {
  background: #ffff;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.control input:disabled ~ .radiobox {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none; }

.radiobox:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .radiobox:after {
  display: block;
  background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%); }

.control--checkbox .radiobox:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control--checkbox input:disabled ~ .radiobox:after {
  border-color: #7b7b7b; }

.control--radio .radiobox:after {
  left: 4px;
  top: 4px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff; }

.control--radio input:disabled ~ .radiobox:after {
  background: #7b7b7b; }

.your_position {
  background: linear-gradient(180deg, #FF1F47 0%, #A70220 100%); }
  .your_position .table__cell {
    color: #fff; }
  .your_position .table__cell:first-child {
    width: 1px;
    text-align: center;
    padding: 0 10px;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .your_position .table__cell:last-child {
    width: 1px;
    text-align: right;
    padding: 0 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }

.tournament_undefined .tournament__table .table__headrow .table__cell {
  text-align: left; }

.tournament_undefined .tournament__table .table__headrow .table__cell:first-child {
  text-align: center; }

.tournament_undefined .tournament__table .table__headrow .table__cell:last-child {
  text-align: right; }

.table__cell {
  color: #AA896A;
  text-align: left; }

.progress {
  height: 12px;
  background: #fff;
  border: 1px solid #153453;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px; }
  .progress .progress-bar {
    height: 100%;
    box-shadow: 0px 0px 3px #FFF6A2;
    background: linear-gradient(180deg, #FFFDC8 0%, #E7C200 100%);
    border-radius: inherit; }

.info {
  position: relative;
  font-size: 16px;
  color: #4B3956;
  text-align: center;
  width: 23px;
  height: 23px;
  line-height: 23px;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer; }

.rating__info {
  background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  width: 23px;
  height: 23px; }

.selectric {
  color: #54435E;
  background: #D3D1D1;
  position: relative;
  overflow: hidden; }

.selectric-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px; }

.selectric-scroll::-webkit-scrollbar-button {
  background-color: #54435E; }

.selectric-scroll::-webkit-scrollbar-track {
  background-color: #FDA31B; }

.selectric-scroll::-webkit-scrollbar-track-piece {
  background-color: #54435E; }

.selectric-scroll::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #FDA31B;
  border-radius: 3px; }

.selectric-scroll::-webkit-scrollbar-corner {
  background-color: #54435E; }

.selectric-scroll::-webkit-resizer {
  background-color: #54435E; }

.bonus-image img {
  width: 106px;
  height: 101px;
  margin: 0 auto;
  display: block; }
  @media screen and (max-width: 1280px) {
    .bonus-image img {
      display: none; } }

.lobby_img {
  background: url(/img/button_images.svg) no-repeat;
  width: 20px;
  height: 30px;
  display: block;
  background-position: 0px 5px;
  /* background: red; */
  position: absolute;
  left: 20px;
  top: 4px;
  transition: .3s; }

em {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  color: #FFD600; }

.popup_afterRegistration .popup__content .postreg_title_bold em {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  color: #FFD600; }

.popup_afterRegistration .popup__content .postreg_title_underlined em {
  font-size: 18px;
  text-decoration: underline; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .popup_afterRegistration .popup__content .postreg_title_underlined em {
      font-size: 14px; } }

.popup_afterRegistration .popup__content .postreg_title_red em {
  font-size: 18px;
  line-height: normal;
  text-align: center;
  color: #FE1E46; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .popup_afterRegistration .popup__content .postreg_title_red em {
      font-size: 14px; } }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.gameplay-user__button:last-child:hover .lobby_img {
  transition: .3s;
  left: 10px; }

.popup.popup_afterRegistration .amount-of-payments small:nth-child(4):after {
  display: none; }

.info-tooltip {
  background: linear-gradient(182.62deg, #47A0DA 5.32%, #2976D3 100.63%);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%; }
  .info-tooltip i {
    color: #ffff;
    font-size: 16px;
    margin-left: 12px;
    margin-top: 5px; }

.info-tooltip__content {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 1;
  display: none;
  min-width: 180px;
  max-width: 180px;
  padding: 6px 10px;
  border: 1px solid #ffe600;
  border-radius: 5px;
  background-color: rgba(60, 0, 0, 0.85);
  text-align: left;
  font-size: 14px;
  color: #fff; }

.info-tooltip:hover .info-tooltip__content {
  display: block; }

.bonus-mobile-width {
  position: relative; }

.bonus-progressbar__title {
  color: #ffff; }

.active_bonus_bar {
  width: 234px; }
  .active_bonus_bar .bonus-progressbar {
    width: 70%;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    margin-left: 5px;
    padding: 5px 5px; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .active_bonus_bar .bonus-progressbar {
        padding: 8px 5px;
        width: 50%; } }
    .active_bonus_bar .bonus-progressbar .game_active_bonus_title {
      text-align: left;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: none; }
    .active_bonus_bar .bonus-progressbar .bonus-mobile-width {
      position: relative;
      width: 80%; }
      @media only screen and (min-width: 768px) and (max-width: 999px) {
        .active_bonus_bar .bonus-progressbar .bonus-mobile-width {
          width: 70%; } }
    .active_bonus_bar .bonus-progressbar .progress {
      height: 12px;
      background: #fff;
      border: 1px solid #153453;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 6px;
      overflow: hidden; }
    .active_bonus_bar .bonus-progressbar .progress .fill {
      height: 100%;
      box-shadow: 0px 0px 3px #FFF6A2;
      background: linear-gradient(180deg, #FFFDC8 0%, #E7C200 100%);
      border-radius: inherit; }
    .active_bonus_bar .bonus-progressbar .rating__info {
      position: absolute;
      font-size: 16px;
      color: #4B3956;
      text-align: center;
      width: 23px;
      height: 23px;
      line-height: 23px;
      margin: 0 auto;
      border-radius: 50%;
      background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      z-index: 100; }

.game_bg .bonus-progressbar {
  text-align: center;
  padding: 0 40px;
  width: 100%; }

.game_bg .rating__info {
  right: -27px;
  bottom: 50%; }

.game_bg .aside__title {
  margin: 0;
  font-size: 18px;
  margin-top: 10px;
  padding: 1px; }
  @media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .game_bg .aside__title {
      font-size: 16px; } }
  @media only screen and (min-width: 1000px) and (max-width: 1239px) {
    .game_bg .aside__title {
      font-size: 12px;
      line-height: 14px;
      margin-top: 0; } }

.table__row:nth-child(odd) {
  height: 31px;
  background-color: #523D5F; }

.tournament__table {
  padding: 0 0px; }

.game_user_title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #FFD600;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  margin: 0; }

.game_user_nick {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #ffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  margin: 0; }

.game_active_bonus {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  color: #FFD600; }
  @media screen and (max-width: 1280px) {
    .game_active_bonus {
      margin: 5px 0; } }

.tournament_playerplace_title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: normal;
  color: #FFE400; }

.input__inner {
  width: 100%;
  height: 42px;
  padding: 11px 17px;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #234264;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 2px; }

.popup__content {
  color: #ffff; }

.desktop_only {
  display: none; }
  @media screen and (min-width: 768px) {
    .desktop_only {
      display: block; } }

.mobile_only {
  display: none; }
  @media screen and (max-width: 767px) {
    .mobile_only {
      display: block; } }

.signup__input .input__inner {
  padding-left: 14px;
  padding-right: 24px; }

.input_withbutton .input__inner {
  width: 123px; }

.bonus-progressbar {
  width: 20%; }

.bonus-mobile-width {
  position: relative;
  width: 90%; }

.rating__info {
  right: -30px; }

.signup__button {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: #ffff; }

.ps-theme-default.ps-active-x > .ps-scrollbar-x-rail, .ps-theme-default.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: #15141e; }

.ps-theme-default > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  background-color: #4d4b63;
  border-radius: 1px;
  transition: background-color .2s linear;
  right: 0;
  width: 8px;
  height: 30px !important; }

.box-container {
  position: relative;
  transition: all 600ms; }
  .box-container:hover .box-main {
    background: #4B3956;
    transition: all 600ms; }
  .box-container__overlay {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; }
  .box-container__overlay::after, .box-container__overlay::before {
    content: "";
    border-color: #FF1F47;
    transition: all 600ms;
    border-style: solid;
    border-width: 0;
    height: 2em;
    position: absolute;
    width: 2em;
    opacity: 0; }
  .box-container__overlay::before {
    border-right-width: .200em;
    border-top-width: .200em;
    right: 0;
    top: 0; }
  .box-container__overlay::after {
    border-bottom-width: .200em;
    border-left-width: .200em;
    bottom: 0;
    left: 0; }
  .box-container:hover .box-container__overlay::before,
  .box-container:hover .box-container__overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1; }

.popup-panel__toggle.open {
  transition: .3s;
  transform: rotate(180deg); }

.popup-panel__toggle {
  transition: .3s;
  transform: rotate(0deg); }

#low-balance-tooltip {
  display: none; }

body.game_bg #low-balance-tooltip {
  display: block; }

.postreg_prizes {
  font-family: Roboto;
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: flex-end;
  text-transform: uppercase;
  color: #FFD600; }

.postreg__img {
  display: flex !important;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .postreg__img {
      flex-direction: row; } }
  @media only screen and (max-width: 767px) {
    .postreg__img {
      flex-direction: row; } }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .postreg__img {
      flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    .postreg__img > div {
      flex-basis: 50%; } }
  .postreg__img .postreg__img__items {
    display: flex !important;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      .postreg__img .postreg__img__items {
        margin-top: 10px;
        flex-direction: row; } }
    @media only screen and (max-width: 767px) {
      .postreg__img .postreg__img__items {
        margin-top: 10px;
        flex-direction: column; } }
    .postreg__img .postreg__img__items .postreg__img__first, .postreg__img .postreg__img__items .postreg__img__second {
      display: flex; }
  .postreg__img .postreg__img__item {
    width: 129px;
    height: 103px; }

body {
  background-color: #2A1337; }

.btn_animated_postreg {
  position: relative;
  overflow: hidden;
  animation: dropShadow 3s 1s ease-in-out infinite; }
  .btn_animated_postreg:hover {
    box-shadow: 0 0 19px #FF1F47 !important;
    animation: none; }
    .btn_animated_postreg:hover:before {
      animation: none; }
  .btn_animated_postreg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transform: translateX(-3em) skewX(-45deg);
    animation: sheen 3s 1s ease-in-out infinite; }

.head-panel__cell .button_color_red {
  overflow: hidden;
  animation: dropShadow 3s 1s ease-in-out infinite; }
  .head-panel__cell .button_color_red:hover {
    box-shadow: 0 0 19px #FF1F47 !important;
    animation: none; }
    .head-panel__cell .button_color_red:hover:before {
      animation: none; }
  .head-panel__cell .button_color_red:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transform: translateX(-3em) skewX(-45deg);
    animation: sheen 3s 1s ease-in-out infinite; }

@keyframes sheen {
  0% {
    transform: skewX(-45deg) translateX(0); }
  5% {
    transform: skewX(-45deg) translateX(100px); }
  10% {
    transform: skewX(-45deg) translateX(200px); }
  15% {
    transform: skewX(-45deg) translateX(300px); }
  20% {
    transform: skewX(-45deg) translateX(400px); }
  25% {
    transform: skewX(-45deg) translateX(500px); }
  to {
    transform: skewX(-45deg) translateX(500px); } }

@keyframes dropShadow {
  0% {
    box-shadow: 0 0 0 #FF1F47; }
  5% {
    box-shadow: 0 0 19px #FF1F47; }
  10% {
    box-shadow: 0 0 19px #FF1F47; }
  15% {
    box-shadow: 0 0 19px #FF1F47; }
  20% {
    box-shadow: 0 0 19px #FF1F47; }
  25% {
    box-shadow: 0 0 0 #A70220; }
  to {
    box-shadow: 0 0 0 #A70220; } }

.shake-hard {
  cursor: pointer;
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-hard:hover,
.shake-trigger:hover .shake-hard {
  animation-play-state: running; }

@keyframes shake-hard {
  0%, 50%, 100% {
    transform: rotate(0deg); }
  10%, 30% {
    transform: rotate(-10deg); }
  20%, 40% {
    transform: rotate(10deg); } }

.shake-hard,
.shake-trigger .shake-hard,
.shake-hard.shake-freeze,
.shake-hard.shake-constant {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: shake-hards;
  animation-timing-function: ease-in-out; }

.pulse::before,
.pulse::after {
  content: '';
  position: absolute;
  border: 1px solid red;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 1.8s linear infinite;
  opacity: 0; }

.pulse::after {
  animation-delay: .5s; }

@keyframes pulse {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.modal__footer .d-flex {
  justify-content: center; }

.modal__footer .modal__caption__first {
  color: #ffff;
  font-size: 13px;
  display: block;
  white-space: nowrap;
  text-align: center;
  top: 0;
  right: 3px;
  transition: color 0.3s ease;
  margin: 10px 5px 10px 0px; }

.popup {
  background: url(./img/bg_form.webp) no-repeat;
  background-size: cover; }

.slider__title {
  color: #ffff; }

.fa.fa-info:before {
  background: url(./img/info.svg) no-repeat;
  display: block;
  width: 8px;
  height: 14px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.header__panel.header__panel_logged.open .fa {
  color: #ffff; }

.header__panel.header__panel_logged.open .rating__tooltip {
  margin-right: 78px; }

.header__panel.header__panel_logged.open .tooltip__arrow:after {
  margin-left: 60px; }

.webim-button-slider img {
  width: 70% !important; }

.webim-button-slider {
  right: -20px !important;
  top: 50% !important;
  transform: translateY(-50%); }

.tournament-details-padding {
  padding: 0px 40px 0px; }
  @media only screen and (min-width: 320px) and (max-width: 567px) {
    .tournament-details-padding {
      padding: 0px 10px 0px; } }

:root {
  --spread: .5em;
  --shift: .01em;
  --base: #4d70c7;
  --c1: #21c2f5;
  --c2: #9c63c7; }

.image h3 {
  font-family: 'Pacifico';
  font-weight: 100;
  margin: 0;
  font-size: 7em;
  letter-spacing: -.01em;
  transform: rotate(-12deg);
  color: transparent;
  text-shadow: 0 0 0.05em var(--c1), 0 0 0.1em var(--base), calc(var(--shift) * 1) calc(var(--shift) * 1) calc(var(--spread) / 50) var(--c1), calc(var(--shift) * -1) calc(var(--shift) * -1) calc(var(--spread) / 50) var(--c1), calc(var(--shift) * 1) calc(var(--shift) * -1) calc(var(--spread) / 50) var(--c1), calc(var(--shift) * -1) calc(var(--shift) * 1) calc(var(--spread) / 50) var(--c1), 0 0 var(--spread) var(--base), 0 0 calc(var(--spread) / 1.5) var(--base); }
  .image h3 span:nth-child(1) {
    animation: flicker0 1s infinite alternate ease-in-out; }
  .image h3 span:nth-child(2) {
    animation: flicker0 .5s infinite alternate ease-in-out; }
  .image h3 span:nth-child(3) {
    animation: blink 5s infinite alternate ease-in-out; }
  .image h3 span:nth-child(4) {
    animation: flicker1 .1s infinite alternate ease-in-out; }

@keyframes blink {
  0% {
    opacity: 1; }
  22% {
    opacity: 0; }
  23% {
    opacity: 1; }
  24% {
    opacity: 0; }
  25% {
    opacity: 1; }
  60% {
    opacity: 1; }
  61% {
    opacity: 0; }
  62% {
    opacity: 1; }
  63% {
    opacity: 0; }
  65% {
    opacity: 1; }
  66% {
    opacity: 0; }
  85% {
    opacity: 0; } }

#app_ask {
  z-index: 200 !important; }

@media (max-device-width: 1440px) {
  .header__toppanel {
    width: 100%; }
  .main_lottery-details {
    width: 1180px; }
  .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum {
    flex-basis: 70%; }
  .tournament-details .summary_text {
    flex-basis: 55%; } }

@media (max-device-width: 1250px) {
  .promo-panel__img {
    width: auto; }
  .user-toppanel__action {
    top: 30px;
    right: 40px; }
  .box-header {
    font-size: 20px; } }

@media (max-device-width: 1240px) {
  .main_lottery-details {
    width: 100%; } }

@media (max-device-width: 1230px) {
  .header .header__toppanel_logged {
    top: 0px; }
  .user-toppanel__action {
    top: 30px;
    right: 40px; } }

@media (max-device-width: 1024px) {
  .game_bg .gameplay__logo {
    z-index: -1; }
  .game_bg .gameplay__aside {
    z-index: -1; }
  .webim-button-slider {
    z-index: -1; }
  .gameplay__left,
  .gameplay__aside,
  .gameplay__wrap_head {
    display: none; }
  .gameplay {
    padding: 0;
    background: #fff; }
  .gameplay__shadow {
    box-shadow: none; } }

@media screen and (max-width: 1000px) {
  .header__panel .desktop_only {
    display: none; }
  .user-panel__countpad.countpad {
    width: 50px; } }

@media screen and (max-width: 1200px) {
  .tournament-details .summary_text {
    flex-basis: 80%; }
  .tournament-details .tournament-details__head__text.desktop_only .tournament-details__sum {
    flex-basis: 80%; } }

@media screen and (max-width: 1000px) {
  .header__panel .desktop_only {
    display: none; }
  .user-panel__countpad.countpad {
    width: 50px; }
  .tournament-details__head__text.desktop_only {
    display: none !important; }
  .tournament-details__head__text.mobile_only {
    display: block; } }

@media screen and (max-width: 996px) {
  .bonus-progressbar {
    width: 40%; }
  .header .game_active_bonus_title {
    font-size: 12px; }
  .header .header__toppanel_logged {
    top: 4px; } }

@media screen and (max-width: 992px) {
  .main_lottery-details .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block; } }

@media screen and (max-width: 768px) {
  .user-toppanel__action {
    top: 33px; }
  .header__panel_logged.open .user-panel__countpad.countpad {
    width: 100%;
    flex-basis: inherit; }
  .popup.popup_afterRegistration .prize-img {
    left: 362px; }
  .tab-cashier__bonus-sidebar {
    display: none; } }

@media screen and (max-width: 767px) {
  .webim-button-slider {
    right: -31px !important;
    top: 50% !important;
    transform: translateY(-50%); }
  .webim-button-slider img {
    width: 50% !important; }
  .modal__signup {
    text-align: center;
    padding: 8px 0 0 0; }
  .header .header__toppanel_logged {
    top: 0px;
    padding: 0; }
  .active_bonus_bar_mobile {
    position: relative;
    padding-bottom: 1rem;
    width: 100%; }
    .active_bonus_bar_mobile .bonus-progressbar {
      width: 100%;
      padding: 5px 0px; } }
    @media only screen and (max-width: 767px) and (min-width: 320px) and (max-width: 567px) {
      .active_bonus_bar_mobile .bonus-progressbar {
        width: 100%;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 2px;
        text-align: center;
        margin-bottom: 10px;
        padding: 10px;
        margin: 0 auto; } }

@media screen and (max-width: 767px) {
      .active_bonus_bar_mobile .bonus-progressbar .game_active_bonus_title {
        text-align: left;
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        -webkit-background-clip: text;
        color: transparent;
        text-shadow: none; }
      .active_bonus_bar_mobile .bonus-progressbar .bonus-mobile-width {
        position: relative;
        width: 90%; } }
      @media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
        .active_bonus_bar_mobile .bonus-progressbar .bonus-mobile-width {
          width: 70%; } }

@media screen and (max-width: 767px) {
      .active_bonus_bar_mobile .bonus-progressbar .progress {
        height: 12px;
        background: #fff;
        border: 1px solid #153453;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        overflow: hidden; }
      .active_bonus_bar_mobile .bonus-progressbar .progress .fill {
        height: 100%;
        box-shadow: 0px 0px 3px #FFF6A2;
        background: linear-gradient(180deg, #FFFDC8 0%, #E7C200 100%);
        border-radius: inherit; }
      .active_bonus_bar_mobile .bonus-progressbar .rating__info {
        position: absolute;
        font-size: 16px;
        color: #4B3956;
        text-align: center;
        width: 23px;
        height: 23px;
        line-height: 23px;
        margin: 0 auto;
        border-radius: 50%;
        background: linear-gradient(180deg, #FFFDC8 0%, #FFD600 100%);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 16px rgba(0, 0, 0, 0.26), 0 8px 10px rgba(0, 0, 0, 0.16);
        cursor: pointer; } }

@media screen and (max-width: 568px) {
  .modal__signup {
    text-align: center;
    padding: 0px 0 0 0; }
  .popup_registration_v2 .popup__content, .popup_registration_v3 .popup__content, .popup_registration_v4 .popup__content, .popup_registration_v5 .popup__content, .popup_registration_v6 .popup__content, .popup_registration_v7 .popup__content {
    padding: 0px 0 24px; }
  .payment__gallery .form.active .form-row .input {
    display: flex;
    flex-basis: 100%;
    margin-bottom: 10px; }
  .payment__gallery.payment__gallery__withdraw .form.active .form-row label {
    margin-right: 0;
    line-height: 42px;
    width: 100%; }
  .submit > button {
    width: 100%; }
  .lottery-details_block .slick-prev:before {
    transform: scale(0.6); }
  .lottery-details_block .slick-next:before {
    transform: scale(0.6); }
  .registration-v2__form {
    width: 100%;
    margin: 0 auto; }
  .registration-v2__inner-right {
    flex: 1 1 100%;
    padding: 20px 15px; }
  .registration-v4__figure-caption {
    font-size: 18px;
    margin: 0;
    margin-top: 10px; }
  .tournaments .hero__slider, .lottery .hero__slider {
    display: none; } }

.static-page .container p {text-align: justify;font-weight: 400; color: #ffffff; font-size: 10pt;}
.static-page .container h1 {text-align: justify;color: #ffcc00; font-size: 14pt;}
.static-page .container h2 {text-align: justify;color: #ffcc00; font-size: 12pt;}
.static-page .container h3 {text-align: justify;color: #ffcc00; font-size: 10pt;}
.static-page .container li {font-weight: 400; font-size: 10pt; color: #ffffff;}


.row article, #current_tournaments article, .game-room article {background-color: #54435e;
  color: white;
  margin: 10px 10px 10px 10px;
  padding: 10px 20px 10px 20px;
  border-radius: 10px 10px 10px 10px;}
.section__main h1 {
  color: honeydew;
  padding: 10px 10px 10px 10px;
}
.sb_casns {
  padding: 0 0 6px 0;
  margin: 10px 0 24px 0;
  background: #F3F3F3;
  border-radius: 32px 32px 5px 5px;
}
.sb_casns_t {
  padding: 15px 32px;
  margin: 0 0 34px 0;
  background: radial-gradient(436.76% 436.76% at 50% 0%, #206CBA 0%, #14125E 100%);
  border-radius: 32px 32px 0px 0px;
  color: #FFFF00;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold
}
.sb_casns_t {
  padding: 15px 22px;
  text-align: center;
}
.sb_cas {
  padding: 0 23px 28px 23px;
}
.sb_cas_img {
  float: left;
  width: 62px;
}
.sb_cas_img a {
  color: #4A90E2;
  text-decoration: none;
  transition: all 0.3s 0.02s ease;
}
.sb_cas_img img {
  vertical-align: bottom;
  border-radius: 50%;
  width: 100%;
}
.sb_cas_c {
  float: left;
  width: 150px;
  padding: 0 0 0 10px;
}
.sb_cas_t {
  padding: 0 0 1px 0;
  color: #070707;
  font-size: 16px;
  line-height: 20px;
}
.sb_cas_t a {
  color: #070707;
}
.sb_cas_d {
  padding: 0 0 10px 0;
  color: #808080;
  font-size: 12px;
  line-height: 15px;
}
.sb_cas_rat {
  line-height: 14px;
}
.sb_cas_go {
  float: right;
  padding: 10px 0 0 0;
}
.sb_cas_go a {
  display: block;
  width: 42px;
  height: 42px;
  background: url('../../sb_cas_go.svg') no-repeat;
}
.clear, .clr {
  clear: both;
}
.sb_cas_rat span {
  display: inline-block;
  width: 15px;
  height: 14px;
  margin: 0 2px 0 1px;
  background: url('../../star4.svg') no-repeat;
  vertical-align: bottom;
}
.sb_cas_rat span.active{
  display: inline-block;
  width: 15px;
  height: 14px;
  margin: 0 2px 0 1px;
  background: url('../../star3.svg') no-repeat;
  vertical-align: bottom;
}
.static-page {
  overflow: auto;
  max-width: 1200px;
  margin: 0 auto;
}
.static-page__info {
  float: left;
}
.sidebar {
  float: right;
  height: 190vh;
}
@media only screen and (max-width: 975px) {
  .sb_casns {
    position: sticky !important;
    width: 100%;
  }
  .sidebar {
    height: auto;
    width: 100%;
  }
  .static-page .container {
    width: 100%;
  }
}