@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: default;
    background: #fff;
    border-radius: 9px;
    margin: 0 3px 0 0
}

.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 100%
}

.jcf-radio input[type=radio] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0
}

.jcf-radio.jcf-checked span {
    display: block
}

.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: default;
    background: #fff;
    margin: 0 3px 0 0
}

.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 7px;
    width: 15px;
    top: calc(50% - 1px);
    left: calc(50% - 2px);
    margin: -7px 0 0 -6px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px
}

.jcf-checkbox input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0
}

.jcf-checkbox.jcf-checked span {
    display: block
}

.jcf-button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border: 1px solid #777;
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 5px 10px
}

.jcf-button .jcf-real-element {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    outline: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    border: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.jcf-file {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    background: #fff
}

.jcf-file .jcf-real-element {
    position: absolute;
    font-size: 200px;
    height: 200px;
    margin: 0;
    right: 0;
    top: 0
}

.jcf-file .jcf-fake-input {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #777;
    padding: 0 8px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    width: 125px
}

.jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #777;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    line-height: 28px;
    height: 28px
}

.jcf-scrollable-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: #e3e3e3;
    width: 14px;
    bottom: 0;
    right: 0;
    top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: #bbb;
    height: 14px;
    width: 14px;
    left: 0;
    top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: #888;
    height: 1px;
    width: 14px
}

.jcf-scrollbar-horizontal {
    position: absolute;
    background: #e3e3e3;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #bbb;
    height: 14px;
    width: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    background: #888;
    height: 14px
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    margin: 0 35px 0 8px
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    -webkit-box-shadow: 0 2px 5px #13100e;
    box-shadow: 0 2px 5px #13100e
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 4px;
    width: 8px;
    margin: -7px 5px 0 -3px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.jcf-list ul li {
    overflow: hidden;
    display: block
}

.jcf-list .jcf-overflow {
    overflow: auto
}

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #656565;
    min-height: 14px;
    height: 1%
}

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    color: #000
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: 700;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-textarea {
    border: 1px solid #b8c3c9;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    position: relative
}

.jcf-textarea .jcf-scrollbar-horizontal {
    display: none;
    height: 0
}

.jcf-textarea textarea {
    padding: 8px 10px;
    border: none;
    margin: 0
}

.jcf-textarea .jcf-resize {
    position: absolute;
    text-align: center;
    cursor: se-resize;
    background: #e3e3e3;
    font-weight: 700;
    line-height: 15px;
    text-indent: 1px;
    font-size: 12px;
    height: 15px;
    width: 14px;
    bottom: 0;
    right: 0
}

.jcf-textarea .jcf-resize:before {
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    display: block;
    margin: 4px 0 0 3px;
    width: 6px;
    height: 6px;
    content: ''
}

.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px
}

.jcf-number input {
    -moz-appearance: textfield
}

.jcf-number input::-webkit-inner-spin-button, .jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.jcf-number input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 3px 27px 3px 7px;
    margin: 0;
    height: 100%
}

.jcf-number .jcf-btn-dec, .jcf-number .jcf-btn-inc {
    position: absolute;
    background: #aaa;
    width: 20px;
    height: 15px;
    right: 1px;
    top: 1px
}

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px
}

.jcf-number .jcf-btn-dec:hover, .jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover, .jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa
}

.jcf-number .jcf-btn-dec:before, .jcf-number .jcf-btn-inc:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -4px;
    border: 4px solid #aaa;
    border-color: transparent transparent #000 transparent
}

.jcf-number .jcf-btn-dec:before {
    margin: -1px 0 0 -4px;
    border-color: #000 transparent transparent transparent
}

.jcf-number .jcf-btn-dec.jcf-disabled:before, .jcf-number .jcf-btn-inc.jcf-disabled:before, .jcf-number.jcf-disabled .jcf-btn-dec:before, .jcf-number.jcf-disabled .jcf-btn-inc:before {
    opacity: .3
}

.jcf-number.jcf-disabled input {
    background: #ddd
}

.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px
}

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
    height: 10px
}

.jcf-range .jcf-range-wrapper {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0
}

.jcf-range.jcf-vertical {
    min-width: 0;
    width: auto
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0
}

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px
}

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto
}

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    min-height: 10px;
    min-width: 10px;
    left: 10px;
    right: 10px
}

.jcf-range .jcf-range-display {
    border-radius: 5px;
    position: absolute;
    background: #888;
    width: 10px;
    height: 10px
}

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px
}

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    left: auto;
    right: auto;
    top: 10px;
    bottom: 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0
}

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px
}

.jcf-range .jcf-active-handle {
    z-index: 2
}

.jcf-range.jcf-focus .jcf-active-handle {
    border: 1px solid red;
    margin: -5px 0 0 -1px
}

.jcf-range.jcf-disabled {
    background: 0 0 !important;
    opacity: .3
}

.jcf-select.jcf-drop-active {
    border-radius: 5px 5px 0 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-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;
    outline: 0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    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
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0
}

.slick-prev {
    left: -35px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -35px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-slide {
    outline: 0
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

@media (min-width: 1200px) {
    .slick-dots {
        bottom: 25px
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    background: rgba(255, 255, 255, .54);
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

@media (min-width: 1200px) {
    .slick-dots li button {
        border-radius: 50%
    }
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover: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: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 1200px) {
    .slick-dots li button:before {
        content: ''
    }
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-dots li.slick-active button {
    background: #f8f8ff;
    -webkit-box-shadow: -.3px -.3px 6px #fff;
    box-shadow: -.3px -.3px 6px #fff
}

@media only screen and (max-width: 900px) {
    .slick-dots {
        display: none !important;
        position: relative
    }
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    clip: rect(0, 0, 0, 0)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../arrow-down.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../arrow-down.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;

    widt..

/ h: 100 %;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.bday-caption {
    font-size: 16px
}

.day-select, .month-select {
    float: left
}

.day-select select {
    width: 50px !important;
    margin-right: 5px !important
}

.month-select select {
    width: 103px !important;
    margin-right: 5px !important
}

.year-select select {
    width: 75px !important
}

.status-complete {
    color: #39b54a
}

.status-decline {
    color: #39b54a
}

.slider-box {
    background: #5c518b none repeat scroll 0 0 !important
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000
}

.status_ok {
    color: #39b54a !important
}

.status_inprogress {
    color: #fdf151 !important
}

.status_error {
    color: #e44f5b !important
}

.status_decline {
    color: #e44f5b !important
}

.status_pending {
    color: #fdf151 !important
}

.status_win {
    position: relative;
    color: #39b54a !important
}

.status_win::after {
    content: '';
    background: url(/dist/images/icon-logo-hand.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 768px) {
    .status_win::after {
        width: 15px
    }
}

@media (max-width: 480px) {
    .status_win::after {
        width: 7px;
        top: 0;
        right: 7%;
        -webkit-transform: none;
        transform: none
    }
}

.status_active {
    color: #fdf151 !important
}

.status-not_active {
    color: #83a6bd !important
}

.status_active-decline {
    display: block;
    width: 75px;
    margin: 0 auto;
    padding-top: 12px;
    text-transform: lowercase;
    border-bottom: 1px dotted #0afbda;
    color: #0afbda
}

.status-decline {
    display: block;
    color: #0afbda !important;
    text-decoration: underline;
    font-size: 10px;
    font-size: 1rem
}

.scrollable {
    position: relative
}

.scrollable:focus {
    outline: 0
}

.scrollable .viewport {
    position: relative;
    overflow: hidden
}

.scrollable .viewport .overview {
    position: absolute
}

.scrollable .scroll-bar {
    display: none
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%
}

.scrollable .scroll-bar .thumb {
    position: absolute
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px
}

.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 5px;
    background-color: #393939
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: #737373;
    opacity: 1;
    border-radius: 3px
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: 1
}

.scrollable.gray-skin {
    padding-right: 17px;
    width: 325px
}

.scrollable.gray-skin .scroll-bar {
    background-color: #393939
}

.scrollable.gray-skin .scroll-bar .thumb {
    background-color: #737373;
    border-radius: 5px
}

.scrollable.gray-skin .scroll-bar.vertical {
    margin-right: 7px;
    width: 8px;
    border-radius: 5px;
    height: 25px
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

.scrollable.modern-skin {
    padding-right: 17px
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inset 0 0 5px #888
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -webkit-gradient(linear, left top, right top, from(#95aabf), to(#547092));
    background: linear-gradient(to right, #95aabf 0, #547092 100%)
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
    background-image: linear-gradient(#95aabf, #547092);
    background-image: -ms-linear-gradient(#95aabf, #547092)
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

.vgt-right-align {
    text-align: right
}

.vgt-left-align {
    text-align: left
}

@media (max-width: 760px) {
    .vgt-left-align {
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .vgt-left-align {
        font-size: 9px
    }
}

.vgt-center-align {
    text-align: center
}

.vgt-pull-left {
    float: left !important;
    display: none
}

.vgt-pull-right {
    float: right !important
}

.vgt-clearfix::after {
    display: block;
    content: "";
    clear: both
}

.vgt-responsive {
    width: 100%;
    overflow-x: auto;
    position: relative
}

.vgt-text-disabled {
    color: #909399
}

.vgt-wrap {
    position: relative
}

.vgt-fixed-header {
    position: absolute;
    z-index: 10;
    width: 100%;
    overflow-x: auto
}

table {
    font-size: 16px;
    border-collapse: collapse;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    table-layout: auto
}

table td {
    padding: .75em .75em .75em .75em;
    vertical-align: top;
    color: #fff
}

table tr.clickable {
    cursor: pointer
}

table tr.clickable:hover {
    background-color: #f1f5fd
}

table th {
    padding: .75em 1.5em .75em .75em;
    vertical-align: middle;
    position: relative
}

table th.sortable {
    cursor: pointer
}

table th.sortable:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #cfd3e0
}

table th.sortable:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 6px;
    top: 50%;
    margin-bottom: -7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cfd3e0
}

table th.line-numbers, table th.vgt-checkbox-col {
    padding: 0 .75em 0 .75em;
    color: #fff;
    border-right: 1px solid #dcdfe6;
    word-wrap: break-word;
    width: 25px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f5f8), to(#f1f3f6));
    background: linear-gradient(#f4f5f8, #f1f3f6)
}

table th.filter-th {
    padding: .75em .75em .75em .75em
}

table th.vgt-row-header {
    border-bottom: 2px solid #dcdfe6;
    border-top: 2px solid #dcdfe6;
    background-color: #fafafb
}

table thead th {
    color: #83a6bd;
    vertical-align: bottom;
    padding: 10px 1em 10px;
    background: #36434d
}

@media (max-width: 600px) {
    table thead th {
        font-size: 10px
    }
}

@media (max-width: 450px) {
    table thead th {
        font-size: 7px;
        word-wrap: break-word
    }
}

table thead th.vgt-checkbox-col {
    vertical-align: middle
}

table thead th.sorting-asc:after {
    border-bottom: 5px solid #409eff
}

table thead th.sorting-desc:before {
    border-top: 5px solid #409eff
}

.vgt-input, .vgt-select {
    width: 100%;
    height: 32px;
    line-height: 1;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    color: #606266;
    border-radius: 4px;
    background-image: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.vgt-input::-webkit-input-placeholder, .vgt-select::-webkit-input-placeholder {
    color: #606266;
    opacity: .3
}

.vgt-input::-moz-placeholder, .vgt-select::-moz-placeholder {
    color: #606266;
    opacity: .3
}

.vgt-input:-ms-input-placeholder, .vgt-select:-ms-input-placeholder {
    color: #606266;
    opacity: .3
}

.vgt-input::-ms-input-placeholder, .vgt-select::-ms-input-placeholder {
    color: #606266;
    opacity: .3
}

.vgt-input::placeholder, .vgt-select::placeholder {
    color: #606266;
    opacity: .3
}

.vgt-input:focus, .vgt-select:focus {
    outline: 0;
    border-color: #409eff
}

.vgt-loading {
    position: absolute;
    width: 100%;
    z-index: 10;
    margin-top: 117px
}

.vgt-loading__content {
    background-color: #c0dfff;
    color: #409eff;
    padding: 7px 30px;
    border-radius: 3px
}

.vgt-inner-wrap.is-loading {
    opacity: .5;
    pointer-events: none
}

table.bordered th.vgt-row-header {
    border-bottom: 3px solid #dcdfe6
}

table.striped tbody tr:nth-of-type(odd) {
    background-color: rgba(51, 68, 109, .03)
}

.vgt-wrap.rtl {
    direction: rtl
}

.vgt-wrap.rtl .vgt-table td, .vgt-wrap.rtl .vgt-table th:not(.line-numbers) {
    padding: .75em .75em .75em 1.5em
}

.vgt-wrap.rtl .vgt-table thead th, .vgt-wrap.rtl .vgt-table.condensed thead th {
    padding-left: 1.5em;
    padding-right: .75em
}

.vgt-wrap.rtl .vgt-table th.sorting-asc:after, .vgt-wrap.rtl .vgt-table th.sorting:after {
    margin-right: 5px;
    margin-left: 0
}

.vgt-table.condensed td, .vgt-table.condensed th.vgt-row-header {
    padding: .4em .4em .4em .4em
}

.vgt-global-search {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #dcdfe6;
    border-bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f5f8), to(#f1f3f6));
    background: linear-gradient(#f4f5f8, #f1f3f6)
}

.vgt-global-search__input {
    position: relative;
    padding-left: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vgt-global-search__input .input__icon {
    position: absolute;
    left: 0;
    max-width: 32px
}

.vgt-global-search__input .input__icon .magnifying-glass {
    margin-top: 3px;
    margin-left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #d6dae2;
    position: relative;
    border-radius: 50%
}

.vgt-global-search__input .input__icon .magnifying-glass:before {
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    bottom: -5px;
    background: #d6dae2;
    width: 8px;
    height: 4px;
    border-radius: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.vgt-global-search__actions {
    margin-left: 10px
}

.vgt-selection-info-row {
    background: #fdf9e8;
    padding: 5px 16px;
    font-size: 13px;
    border-top: 1px solid #dcdfe6;
    border-left: 1px solid #dcdfe6;
    border-right: 1px solid #dcdfe6;
    color: #d3aa3b;
    font-weight: 700
}

.vgt-selection-info-row a {
    font-weight: 700;
    display: inline-block;
    margin-left: 10px
}

.vgt-wrap__actions-footer {
    border: 1px solid #dcdfe6
}

.vgt-wrap__footer {
    color: #606266;
    padding: 1em 0;
    background: #27323b
}

@media (max-width: 760px) {
    .vgt-wrap__footer {
        font-size: 12px
    }
}

.vgt-wrap__footer .footer__row-count__label, .vgt-wrap__footer .footer__row-count__select {
    display: inline-block;
    vertical-align: middle
}

.vgt-wrap__footer .footer__row-count__label {
    font-size: 14px;
    color: #fff
}

.vgt-wrap__footer .footer__row-count__select {
    background-color: transparent;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: auto;
    font-size: 14px;
    margin-left: 8px;
    color: #fff;
    font-weight: 700
}

.vgt-wrap__footer .footer__row-count__select:focus {
    outline: 0;
    border-color: #409eff
}

.vgt-wrap__footer .footer__navigation {
    font-size: 14px
}

.vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-btn, .vgt-wrap__footer .footer__navigation__page-info {
    display: inline-block;
    vertical-align: middle
}

.vgt-wrap__footer .footer__navigation__page-btn {
    padding-top: 6px;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    white-space: nowrap
}

.vgt-wrap__footer .footer__navigation__page-btn:focus {
    outline: 0;
    border: 0
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover {
    opacity: .5;
    cursor: not-allowed
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
    border-right-color: #fff
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
    border-left-color: #fff
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron {
    width: 24px;
    height: 24px;
    border-radius: 15%;
    position: relative;
    margin: 0 8px
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
    border-right: 6px solid #409eff;
    margin-left: -3px
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
    border-left: 6px solid #409eff;
    margin-left: -3px
}

.vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-info {
    display: inline-block;
    color: #fff;
    margin: 0 16px
}

.vgt-wrap__footer .footer__navigation__page-info__current-entry {
    width: 30px;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    font-weight: 700
}

@media only screen and (max-width: 760px) {
    .vgt-wrap__footer .footer__navigation__info {
        display: none
    }
}

.vgt-table.nocturnal {
    border: 1px solid #435169;
    background-color: #324057
}

.vgt-table.nocturnal tr.clickable:hover {
    background-color: #445168
}

.vgt-table.nocturnal td {
    color: #fff
}

.vgt-table.nocturnal th.line-numbers, .vgt-table.nocturnal th.vgt-checkbox-col {
    color: #c7ced8;
    border-right: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c394f), to(#2c394f));
    background: linear-gradient(#2c394f, #2c394f)
}

.vgt-table.nocturnal thead th {
    color: #c7ced8;
    border-bottom: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c394f), to(#2c394f));
    background: linear-gradient(#2c394f, #2c394f)
}

.vgt-table.nocturnal thead th.sortable:before {
    border-top-color: #3e5170
}

.vgt-table.nocturnal thead th.sortable:after {
    border-bottom-color: #3e5170
}

.vgt-table.nocturnal thead th.sortable.sorting-asc {
    color: #fff
}

.vgt-table.nocturnal thead th.sortable.sorting-asc:after {
    border-bottom-color: #409eff
}

.vgt-table.nocturnal thead th.sortable.sorting-desc {
    color: #fff
}

.vgt-table.nocturnal thead th.sortable.sorting-desc:before {
    border-top-color: #409eff
}

.vgt-table.nocturnal.bordered td, .vgt-table.nocturnal.bordered th {
    border: 1px solid #435169
}

.vgt-table.nocturnal .vgt-input, .vgt-table.nocturnal .vgt-select {
    color: #c7ced8;
    background-color: #232d3f;
    border: 1px solid #435169
}

.vgt-table.nocturnal .vgt-input::-webkit-input-placeholder, .vgt-table.nocturnal .vgt-select::-webkit-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-table.nocturnal .vgt-input::-moz-placeholder, .vgt-table.nocturnal .vgt-select::-moz-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-table.nocturnal .vgt-input:-ms-input-placeholder, .vgt-table.nocturnal .vgt-select:-ms-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-table.nocturnal .vgt-input::-ms-input-placeholder, .vgt-table.nocturnal .vgt-select::-ms-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-table.nocturnal .vgt-input::placeholder, .vgt-table.nocturnal .vgt-select::placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-wrap.nocturnal .vgt-wrap__footer {
    color: #c7ced8;
    border: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c394f), to(#2c394f));
    background: linear-gradient(#2c394f, #2c394f)
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label {
    color: #8290a7
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select {
    color: #c7ced8
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus {
    border-color: #409eff
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn {
    color: #c7ced8
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
    border-right-color: #c7ced8
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
    border-left-color: #c7ced8
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info {
    color: #8290a7
}

.vgt-wrap.nocturnal .vgt-global-search {
    border: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c394f), to(#2c394f));
    background: linear-gradient(#2c394f, #2c394f)
}

.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass {
    border: 2px solid #3f4c63
}

.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before {
    background: #3f4c63
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select {
    color: #c7ced8;
    background-color: #232d3f;
    border: 1px solid #435169
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-webkit-input-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-webkit-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select:-ms-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-ms-input-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-ms-input-placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder {
    color: #c7ced8;
    opacity: .3
}

.vgt-table.black-rhino {
    border: 1px solid #435169;
    background-color: #dfe5ee
}

.vgt-table.black-rhino tr.clickable:hover {
    background-color: #fff
}

.vgt-table.black-rhino td {
    border-bottom: 1px solid #bbc5d6;
    color: #49515e
}

.vgt-table.black-rhino th.line-numbers, .vgt-table.black-rhino th.vgt-checkbox-col {
    color: #dae2f0;
    border-right: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c5c79), to(#4e5d7c));
    background: linear-gradient(#4c5c79, #4e5d7c)
}

.vgt-table.black-rhino thead th {
    color: #dae2f0;
    text-shadow: 1px 1px #3e5170;
    border-bottom: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c5c79), to(#4e5d7c));
    background: linear-gradient(#4c5c79, #4e5d7c)
}

.vgt-table.black-rhino thead th.sortable:before {
    border-top-color: #607498
}

.vgt-table.black-rhino thead th.sortable:after {
    border-bottom-color: #607498
}

.vgt-table.black-rhino thead th.sortable.sorting-asc {
    color: #fff
}

.vgt-table.black-rhino thead th.sortable.sorting-asc:after {
    border-bottom-color: #409eff
}

.vgt-table.black-rhino thead th.sortable.sorting-desc:before {
    border-top-color: #409eff
}

.vgt-table.black-rhino.bordered td {
    border: 1px solid #bbc5d6
}

.vgt-table.black-rhino.bordered th {
    border: 1px solid #435169
}

.vgt-table.black-rhino .vgt-input, .vgt-table.black-rhino .vgt-select {
    color: #dae2f0;
    background-color: #34445f;
    border: 1px solid transparent
}

.vgt-table.black-rhino .vgt-input::-webkit-input-placeholder, .vgt-table.black-rhino .vgt-select::-webkit-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-table.black-rhino .vgt-input::-moz-placeholder, .vgt-table.black-rhino .vgt-select::-moz-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-table.black-rhino .vgt-input:-ms-input-placeholder, .vgt-table.black-rhino .vgt-select:-ms-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-table.black-rhino .vgt-input::-ms-input-placeholder, .vgt-table.black-rhino .vgt-select::-ms-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-table.black-rhino .vgt-input::placeholder, .vgt-table.black-rhino .vgt-select::placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-wrap.black-rhino .vgt-wrap__footer {
    color: #dae2f0;
    border: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c5c79), to(#4e5d7c));
    background: linear-gradient(#4c5c79, #4e5d7c)
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count {
    position: relative;
    padding-right: 3px
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label {
    color: #98a5b9
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select {
    color: #49515e;
    background: #dfe5ee;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 15px;
    padding-left: 5px;
    border-radius: 3px
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand {
    display: none
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus {
    border-color: #409eff
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    right: 6px;
    top: 50%;
    margin-top: -1px;
    border-top: 6px solid #49515e;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none;
    pointer-events: none
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn {
    color: #dae2f0
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
    border-right-color: #dae2f0
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
    border-left-color: #dae2f0
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info {
    color: #dae2f0
}

.vgt-wrap.black-rhino .vgt-global-search {
    border: 1px solid #435169;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c5c79), to(#4e5d7c));
    background: linear-gradient(#4c5c79, #4e5d7c)
}

.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass {
    border: 2px solid #3f4c63
}

.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before {
    background: #3f4c63
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select {
    color: #dae2f0;
    background-color: #44516c;
    border: 1px solid transparent
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-webkit-input-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-webkit-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select:-ms-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-ms-input-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-ms-input-placeholder {
    color: #dae2f0;
    opacity: .3
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder {
    color: #dae2f0;
    opacity: .3
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%;
    width: 100%;
    font-size: 10px
}

html[xmlns] .clearfix, html[xmlns] .row {
    display: block
}

* html .clearfix {
    height: 1%
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #27323b;
    font-family: Open Sans, sans-serif;
    color: #fff
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
    padding-bottom: .1rem;
    font-weight: 400;
    color: #fff
}

h1 {
    font-size: 40px;
    font-size: 4rem
}

h2 {
    font-size: 24px;
    font-size: 2.4rem
}

h3 {
    font-size: 20px;
    font-size: 2rem
}

h4 {
    font-size: 18px;
    font-size: 1.8rem
}

h5 {
    font-size: 15px;
    font-size: 1.5rem
}

h6 {
    font-size: 12px;
    font-size: 1.2rem
}

a:hover {
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: 0
}

video:focus {
    outline: 0
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

.center {
    text-align: center
}

.clearfix:after, .row:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.row:before {
    display: table;
    content: ""
}

.clearfix, .row {
    display: inline-block
}

.width {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    min-width: 320px
}

table {
    margin: 0;
    width: 100%;
    border: none;
    border-spacing: 0
}

table tbody tr:nth-child(2n+1) td {
    background: #27323b
}

table tr {
    border: none
}

table th {
    display: table-cell;
    padding: 2%;
    width: 1%;
    background: #36434d;
    border: none;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    color: #83a6bd;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem
}

table td {
    display: table-cell;
    padding: 1%;
    width: 1%;
    border: none;
    border-spacing: 0;
    background: #435562;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-align: center;
    letter-spacing: .2px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.wrapp-scroll {
    position: relative
}

.hidden {
    display: none !important
}

.left {
    float: left
}

.right {
    float: right
}

.table-box__body tr:nth-child(2n+1) td {
    background: #27323b
}

.hide {
    display: none !important
}

.transition {
    -webkit-transition: 1s !important;
    transition: 1s !important;
    opacity: 1 !important
}

.fz_20 {
    font-family: Open Sans, sans-serif;
    font-size: 20px;
    font-size: 2rem
}

.fz_18 {
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

.fz_16 {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-size: 1.6rem
}

.fz_14 {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem
}

.fz_12 {
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-size: 1.2rem
}

.fz_10 {
    font-family: Open Sans, sans-serif;
    font-size: 10px;
    font-size: 1rem
}

p.bold-weight {
    font-family: Open Sans, sans-serif
}

p.light-weight {
    font-family: Open Sans, sans-serif
}

p.normal-weight {
    font-family: Open Sans, sans-serif
}

.active-text {
    background: #9e7ac2
}

.color-violet {
    color: #9e7ac2
}

.color-neon {
    color: #0afbda
}

.color-red {
    color: #e44f5b
}

a.link {
    color: #0afbda;
    border-bottom: 1px solid #0afbda
}

table.w-50 {
    width: 50%
}

table.w-33 {
    width: 33%
}

table.w-25 {
    width: 25%
}

table.w-20 {
    width: 20%
}

@font-face {
    font-family: 'Roboto Slab Light';
    src: url(../fonts/Roboto_Slab/RobotoSlab-Light.woff) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto Slab';
    src: url(../fonts/Roboto_Slab/RobotoSlab-Regular.woff) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto Slab Bold';
    src: url(../fonts/Roboto_Slab/RobotoSlab-Bold.woff) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: MarvinVision;
    src: url(../fonts/MarvinVision/MarvinVisions-Bold.woff) format("truetype");
    font-weight: 300;
    font-style: normal
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
    padding: 14px 0;
    text-align: center;
    color: #fff
}

h2, h3 {
    font-weight: 400
}

h1 {
    padding: 30px 0;
    font-size: 30px;
    font-size: 3rem
}

h2 {
    font-size: 25px;
    font-size: 2.5rem
}

h3 {
    padding: 25px 0 0 0;
    font-size: 23px;
    font-size: 2.3rem
}

h4 {
    font-size: 18px;
    font-size: 1.8rem
}

h5 {
    font-size: 18px;
    font-size: 1.8rem
}

h6 {
    font-size: 15px;
    font-size: 1.5rem
}

p {
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    font-family: Open Sans, sans-serif;
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #fff;
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: 0
}

ul {
    margin: 0 0 0 15px;
    padding: 0 0 0 20px
}

ul li {
    margin: 0;
    padding: 0;
    line-height: 25px;
    list-style-type: disc
}

li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem
}

ol {
    margin: 0 0 0 10px;
    padding: 0 0 0 20px
}

ol li {
    margin: 0;
    padding: 0 0 0 5px;
    line-height: 25px
}

strong {
    font-weight: 400
}

textarea {
    resize: none
}

input:focus, textarea:focus {
    outline: 0
}

.content-box {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    width: 80%
}

.content-box h1 {
    padding: 0 0 30px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-size: 3rem
}

.content-box h2 {
    text-align: center
}

.dataTables_filter {
    display: none
}

.rf-pp-shade {
    background: #24323c !important;
    opacity: .9 !important;
    z-index: 1000 !important
}

.rf-pp-shdw {
    display: none !important
}

.rf-pp-cntr {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1001 !important;
    border: 2px solid #27323b !important
}

.rf-pp-cnt {
    font-family: "Roboto Slab" !important;
    text-align: justify !important;
    line-height: 30px
}

.rf-pp-cnt-scrlr {
    overflow: hidden !important
}

.rf-pp-hdr {
    background: #27323b !important
}

.rf-pp-hdr-cnt {
    color: #fff !important;
    font-size: 18px !important;
    text-align: center;
    padding: 10px !important
}

.rf-pp-hdr-cntrls a {
    padding: 5px !important;
    font-weight: 700;
    color: #e44f5b !important;
    text-decoration: none;
    font-size: 18px;
    font-size: 1.8rem
}

.rf-pp-cnt-scrlr {
    background: 0 0
}

.rf-pp-cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 15px !important;
    background: #27323b;
    color: #fff !important;
    text-align: center;
    font-size: 16px !important;
    font-family: Open Sans, sans-serif;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.rf-pp-cnt input[type=text] {
    margin: 15px;
    padding: 10px 0;
    background: #fff;
    color: #000;
    border: none;
    text-transform: lowercase;
    font-size: 16px;
    -webkit-transition: .35s;
    transition: .35s;
    cursor: pointer
}

.rf-pp-cnt input {
    margin-top: 15px;
    padding: 0;
    background: #e44f5b;
    color: #fff;
    border: none;
    text-transform: lowercase;
    font-size: 16px;
    -webkit-transition: .35s;
    transition: .35s;
    cursor: pointer
}

.rf-pp-hdr-cnt {
    padding-top: 10px !important
}

.confirmPhonePopupForm {
    text-align: center;
    float: right
}

.confirmPhonePopupForm .phone {
    display: inline-block
}

.confirmPhonePopupForm .get-sms-lbl {
    color: #fdf151
}

.confirmPhonePopupForm:first-child {
    width: 85%
}

#secondForm .phone {
    display: inline-block !important;
    color: #0afbda !important
}

#secondForm table td {
    vertical-align: baseline
}

.popup-image-jozer {
    position: absolute;
    top: 10%;
    left: 0
}

.animate-flicker-neon {
    -webkit-animation: flicker 2s ease 1;
    animation: flicker 2s ease 1
}

.animate-flicker-error {
    -webkit-animation: flicker-error 2s ease 1;
    animation: flicker-error 2s ease 1
}

.animate-flicker-green {
    -webkit-animation: flicker-green 2s ease 1;
    animation: flicker-green 2s ease 1
}

.animate-tournament-header {
    -webkit-animation: flash-header 3s linear 1;
    animation: flash-header 3s linear 1
}

.animate-left-ray {
    -webkit-animation: left-ray 2.2s ease .2s;
    animation: left-ray 2.2s ease .2s;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.animate-right-ray {
    -webkit-animation: right-ray 2.2s ease .2s;
    animation: right-ray 2.2s ease .2s;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.animation-present {
    -webkit-animation: rubberBand 1.3s ease-in-out infinite alternate;
    animation: rubberBand 1.3s ease-in-out infinite alternate
}

.animation-message {
    -webkit-animation: tada 1.3s ease-in-out infinite alternate;
    animation: tada 1.3s ease-in-out infinite alternate
}

.animate-cash-icon {
    -webkit-animation: heartBeat 1.3s ease-in-out infinite alternate;
    animation: heartBeat 1.3s ease-in-out infinite alternate
}

.btn-loader {
    margin: 0 auto;
    border: 3px solid #fff;
    border-top: 3px solid #a8a8a8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

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

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

@-webkit-keyframes left-ray {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    60% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes left-ray {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    60% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes right-ray {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    60% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes right-ray {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    15% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    60% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes flicker {
    10% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    15% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    20% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    25% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    70% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    75% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    90% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    95% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
}

@keyframes flicker {
    10% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    15% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    20% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    25% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    70% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    75% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    90% {
        text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda
    }
    95% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
}

@-webkit-keyframes flicker-error {
    10% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    15% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    20% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    25% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    70% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    75% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    90% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    95% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
}

@keyframes flicker-error {
    10% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    15% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    20% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    25% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    70% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    75% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
    90% {
        text-shadow: 0 -1px 4px red, 0 -1px 4px red, 0 1px 4px red, 0 1px 4px red
    }
    95% {
        text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
    }
}

@-webkit-keyframes flicker-green {
    10% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    15% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    20% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    25% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    70% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    75% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    90% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    95% {
        text-shadow: -1px -1px 0 #39b54a, 1px -1px 0 #39b54a, -1px 1px 0 #39b54a, 1px 1px 0 #39b54a
    }
}

@keyframes flicker-green {
    10% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    15% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    20% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    25% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    70% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    75% {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
    }
    90% {
        text-shadow: 0 -1px 4px #39b54a, 0 -1px 4px #39b54a, 0 1px 4px #39b54a, 0 1px 4px #39b54a
    }
    95% {
        text-shadow: -1px -1px 0 #39b54a, 1px -1px 0 #39b54a, -1px 1px 0 #39b54a, 1px 1px 0 #39b54a
    }
}

@-webkit-keyframes flash-header {
    0% {
        text-shadow: none
    }
    40% {
        text-shadow: 0 0 40px #0afbda
    }
    50% {
        text-shadow: none
    }
    60% {
        text-shadow: 0 0 40px #0afbda
    }
    75% {
        text-shadow: none
    }
    80% {
        text-shadow: 0 0 40px #0afbda
    }
}

@keyframes flash-header {
    0% {
        text-shadow: none
    }
    40% {
        text-shadow: 0 0 40px #0afbda
    }
    50% {
        text-shadow: none
    }
    60% {
        text-shadow: 0 0 40px #0afbda
    }
    75% {
        text-shadow: none
    }
    80% {
        text-shadow: 0 0 40px #0afbda
    }
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.4, .75, 1);
        transform: scale3d(1.4, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.4, .85, 1);
        transform: scale3d(1.4, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.2, .95, 1);
        transform: scale3d(1.2, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.4, .75, 1);
        transform: scale3d(1.4, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.4, .85, 1);
        transform: scale3d(1.4, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.2, .95, 1);
        transform: scale3d(1.2, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.active-status {
    width: 100%
}

.active-status .active-status-progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 35px 0 35px 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem
}

.active-status .active-status-progressbar .progressbar {
    width: calc(100% - 10.5rem - 4rem - 7.5rem - 4rem);
    height: 22px
}

.active-status .active-status-progressbar__title {
    text-transform: none;
    margin-right: 40px;
    margin-right: 4rem;
    width: 105px;
    width: 10.5rem
}

.active-status .active-status-progressbar__status-name {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-size: 2.2rem
}

.active-status-icon {
    position: relative;
    background: url(/dist/images/players/icon-white_player.svg) no-repeat center center;
    background-size: cover;
    width: 75px;
    height: 75px;
    margin-left: 40px;
    -webkit-transition: .35s;
    transition: .35s
}

.active-status-icon:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.active-status-title {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 2px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-size: 1.6rem
}

.active-status-new .progressbar {
    border: 1px solid #e44f5b
}

.active-status-new .progressbar .progressbar__value {
    background-image: -webkit-gradient(linear, left top, right top, from(#e44f5b), to(#fff));
    background-image: linear-gradient(to right, #e44f5b 0, #fff 100%)
}

.active-status-new .active-status-title {
    color: silver
}

.active-status-new .ui-progressbar-value {
    position: relative
}

.active-status-player .progressbar {
    border: 1px solid #fff
}

.active-status-player .progressbar .progressbar__value {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#b6bdc0));
    background-image: linear-gradient(to right, #fff 0, #b6bdc0 100%)
}

.active-status-player .active-status-title {
    color: silver
}

.active-status-player .ui-progressbar-value {
    position: relative
}

.active-status-silver .progressbar {
    border: 1px solid #b6bdc0
}

.active-status-silver .progressbar .progressbar__value {
    background-image: -webkit-gradient(linear, left top, right top, from(silver), to(#fdf151));
    background-image: linear-gradient(to right, silver 0, #fdf151 100%)
}

.active-status-silver .active-status-title {
    color: #fdf151
}

.active-status-silver .ui-progressbar-value {
    position: relative
}

.active-status-gold .progressbar {
    border: 1px solid #fdf151
}

.active-status-gold .progressbar .progressbar__value {
    background-image: -webkit-gradient(linear, left top, right top, from(#fdf151), to(#169067));
    background-image: linear-gradient(to right, #fdf151 0, #169067 100%)
}

.active-status-gold .active-status-title {
    color: #39b54a
}

.active-status-gold .ui-progressbar-value {
    position: relative
}

.active-status-vip .progressbar {
    border: 1px solid #67d0c6
}

.active-status-vip .progressbar .progressbar__value {
    background-image: -webkit-gradient(linear, left top, right top, from(#169067), to(#169067));
    background-image: linear-gradient(to right, #169067 0, #169067 100%)
}

.active-status-vip .active-status-title {
    color: #feecc9
}

.active-status-vip .ui-progressbar-value {
    position: relative
}

.active-status-gold .user-status__image {
    background: url(/dist/images/players/icon-yellow_gold.svg) no-repeat center center
}

.active-status-gold .user-status__name {
    background: -webkit-gradient(linear, left top, right top, from(silver), to(#fdf151));
    background: linear-gradient(to right, silver 0, #fdf151 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #fdf151
}

.active-status-gold .user-status__gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(silver), to(#fdf151));
    background-image: linear-gradient(to right, silver 0, #fdf151 100%)
}

.active-status-new .user-status__image {
    background: url(/dist/images/players/icon-white_player.svg) no-repeat center center
}

.active-status-new .user-status__name {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #fff
}

.active-status-new .user-status__gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(silver));
    background-image: linear-gradient(to right, #fff 0, silver 100%)
}

.active-status-silver .user-status__image {
    background: url(/dist/images/players/icon-grey_silver.svg) no-repeat center center
}

.active-status-silver .user-status__name {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(silver));
    background: linear-gradient(to right, #fff 0, silver 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid silver
}

.active-status-silver .user-status__gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(silver));
    background-image: linear-gradient(to right, #fff 0, silver 100%)
}

.active-status-vip .user-status__image {
    background: url(/dist/images/players/icon-green_vip.svg) no-repeat center center
}

.active-status-vip .user-status__name {
    background: -webkit-gradient(linear, left top, right top, from(#fdf151), to(#169067));
    background: linear-gradient(to right, #fdf151 0, #169067 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #fdf151
}

.active-status-vip .user-status__gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#fdf151), to(#169067));
    background-image: linear-gradient(to right, #fdf151 0, #169067 100%)
}

.active-status-title {
    color: #fff
}

.progressbar__value {
    position: relative;
    height: 100%
}

.progressbar__value-label {
    position: absolute;
    right: -11px;
    top: -30px;
    font-size: 14px
}

.balance-box__info {
    font-size: 30px !important
}

@media screen and (max-width: 767px) {
    .active-status .active-status-progressbar .progressbar {
        width: calc(100% - 7.4rem - 1rem - 7.5rem - 1rem)
    }

    .active-status .active-status-progressbar__title {
        text-transform: none;
        margin-right: 10px;
        margin-right: 1rem;
        width: 74px;
        width: 7.4rem
    }
}

.edit-form__item.phone__item.phone__item--fake-plus {
    position: relative
}

.edit-form__item.phone__item.phone__item--fake-plus:before {
    content: '+';
    position: absolute;
    left: 5px;
    top: 4px
}

@media screen and (max-width: 480px) {
    .edit-form__item.phone__item {
        width: 203px;
        width: 20.3rem
    }
}

.js-input-phone.js-input-phone--pl-20 {
    padding-left: 20px;
    padding-left: 2rem
}

.form__row {
    position: relative;
    padding: 10px 0
}

.form__row_drop {
    padding: 30px 0 15px;
    width: 50%
}

.form__row_drop .jcf-select {
    min-width: 115px;
    height: 42px
}

.form__row_drop .jcf-select .jcf-select-text {
    text-transform: uppercase;
    line-height: 42px;
    line-height: 4.2rem
}

.form__row_checkbox {
    padding: 20px 0 10px
}

.form__row_drop-reg {
    width: 100%
}

.form__row_drop-reg option {
    background: #24323c;
    border: none;
    color: #0afbda;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem
}

.form__row_drop-soc-reg {
    padding: 20px 0 10px;
    width: 100%
}

.form__row_drop-soc-reg .jcf-select {
    height: 42px
}

.form__row_drop-soc-reg option {
    background: #24323c;
    border: none;
    color: #0afbda;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem
}

.form__row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-transition: 5000s ease-in-out 0s;
    transition: 5000s ease-in-out 0s
}

.confirm_inpt {
    font-size: 18px !important;
    font-family: Open Sans, sans-serif
}

.inpt {
    position: relative;
    padding: 0 10px;
    margin-bottom: 8px;
    width: 100%;
    height: 30px;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #fff;
    line-height: 1;
    letter-spacing: 1.2px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 5
}

.inpt:focus {
    border-bottom: 2px solid #0afbda
}

.inpt:disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inpt-captcha {
    float: left;
    margin: 0 18px 0 0;
    width: 94px
}

.inpt.is-active {
    -webkit-box-shadow: 0 1.5px 2px 0 #fff;
    box-shadow: 0 1.5px 2px 0 #fff
}

.inpt.error-data {
    -webkit-box-shadow: 0 1.5px 0 0 red;
    box-shadow: 0 1.5px 0 0 red
}

.error-input {
    width: 100%;
    -webkit-box-shadow: 0 1.5px 0 0 red;
    box-shadow: 0 1.5px 0 0 red
}

.edit-personal-form .error-msg {
    margin: 10px auto 0;
    padding: 0 5px 0;
    width: 190px;
    background-color: red;
    font-family: Open Sans, sans-serif;
    border-radius: 10px;
    font-size: 11px;
    font-size: 1.1rem
}

label.error-data {
    display: none;
    padding: 2px;
    background-color: red;
    font-family: Open Sans, sans-serif;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px 1px red;
    box-shadow: 0 0 3px 1px red;
    font-size: 11px;
    font-size: 1.1rem
}

label.error-birthday {
    width: 180px;
    margin: 10px auto 0
}

label.error-country {
    margin: 14px auto 0
}

.label {
    padding-top: 5px;
    font-family: Open Sans, sans-serif;
    color: #909090;
    font-size: 11px;
    font-size: 1.1rem
}

.label__link {
    color: #0afbda
}

.label-text {
    margin-top: -12px;
    padding-left: 12px;
    display: inline-block
}

.jcf-select {
    width: 100%;
    height: 55px;
    margin: 0;
    background: #24323c;
    border-top: 1px solid #0afbda;
    border-bottom: 1px solid #0afbda;
    font-family: Open Sans, sans-serif;
    color: #0afbda;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-size: 1.4rem
}

.jcf-select:focus, .jcf-select:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 20px -3px #000;
    box-shadow: 0 8px 20px -3px #000
}

.jcf-select:focus::after, .jcf-select:focus::before, .jcf-select:hover::after, .jcf-select:hover::before {
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.jcf-select select:hover {
    cursor: pointer
}

.jcf-select .jcf-list-content::after, .jcf-select .jcf-scrollable-wrapper::after {
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.jcf-select .jcf-select-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0 0 0 40px;
    text-align: left
}

.jcf-select .jcf-select-text:hover {
    cursor: pointer
}

.jcf-select .jcf-select-opener {
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    margin: -2px 0 0 0;
    background: url(arrow/arrow-left.svg) no-repeat center center;
    background-size: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 10px;
    height: 20px;
    -webkit-transition: .35s;
    transition: .35s
}

.jcf-select .jcf-select-drop {
    top: 95%;
    left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.jcf-select .jcf-select-drop .jcf-select-drop-content {
    text-align: left;
    border-bottom: 1px solid #0afbda
}

.jcf-select .jcf-list-box .jcf-selected, .jcf-select .jcf-select-drop .jcf-hover {
    background: 0 0;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 0 4px #fff
}

.jcf-select.jcf-drop-active {
    opacity: .9;
    z-index: 10
}

.jcf-select.jcf-drop-active:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.jcf-select.jcf-drop-active:hover::after {
    -webkit-box-shadow: none;
    box-shadow: none
}

.jcf-select.jcf-drop-active::before {
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.jcf-select.jcf-drop-active .jcf-select-opener {
    background: url(arrow/arrow-left__active.svg) no-repeat center center;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.jcf-select.jcf-drop-active .jcf-select-drop .jcf-select-drop-content {
    -webkit-box-shadow: 0 8px 20px -3px #000;
    box-shadow: 0 8px 20px -3px #000
}

.jcf-select.jcf-drop-active .jcf-select-drop {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.jcf-select.jcf-disabled {
    border-color: #a8a8a8;
    color: #a8a8a8;
    pointer-events: none
}

.jcf-select.jcf-disabled .jcf-select-opener {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.jcf-list {
    background: #24323c;
    color: #0afbda
}

.jcf-list .jcf-option {
    padding: 0;
    font-family: Open Sans, sans-serif;
    color: #0afbda;
    letter-spacing: 1.2px;
    text-transform: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem
}

.jcf-list ul {
    text-align: left
}

.jcf-list ul li:hover {
    background-color: rgba(10, 251, 218, .3)
}

.jcf-scrollbar-vertical {
    top: -12px;
    width: 1px;
    right: 10px;
    background: #0afbda
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 11px;
    height: 30px !important;
    right: -5px;
    border-radius: 40%;
    background-color: #fff
}

.jcf-scrollbar-vertical .jcf-inactive, .jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    display: none
}

.jcf-checkbox {
    margin-top: -4px;
    height: 24px;
    width: 24px;
    min-width: 24px;
    background: #24323c;
    border: 1px solid #0afbda
}

.jcf-checkbox span {
    border-color: #0afbda
}

.pass-eye-form {
    position: relative
}

.pass-eye-form .eye {
    position: absolute;
    top: 17px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(/dist/images/passEye-icon.png) no-repeat 0 -12px;
    cursor: pointer;
    z-index: 10
}

.pass-eye-form .pass-eye {
    top: 19px;
    height: 12px;
    background: url(/dist/images/passEye-icon.png) no-repeat 0 0
}

.password-err .msg {
    background: #e44f5b;
    padding: 0 5px;
    color: #fff;
    border-radius: 5px;
    text-transform: lowercase;
    font-size: 10px;
    font-size: 1rem
}

.select-country {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 524px;
    font-size: 16px;
    font-size: 1.6rem
}

.select-country option {
    background: #24393c
}

.select-country optgroup {
    font-weight: lighter;
    color: #0afbda;
    background: #1b262f
}

.select-country .dropdown .jcf-select {
    min-width: 150px
}

.select-country::after, .select-country::before {
    content: '';
    display: block;
    position: absolute;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -1376px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 26px;
    width: 39px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .select-country::after, .select-country::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -688px;
        height: 13px;
        width: 19.5px
    }
}

.select-country::before {
    bottom: -17px;
    left: -16px
}

.select-country::after {
    top: -18px;
    right: -17px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jcf-select {
    border: 2px solid #0afbda;
    border-radius: 5px
}

.jcf-select .jcf-select-drop .jcf-select-drop-content {
    border: 2px solid #0afbda;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: none;
    position: relative;
    left: -2px;
    top: -4px
}

.jcf-select .jcf-select-opener {
    left: auto;
    right: 10px
}

.jcf-select .jcf-select-text {
    margin: 0 0 0 16px
}

.jcf-select .jcf-scrollbar-vertical {
    background: 0 0
}

.jcf-select .jcf-scrollbar-vertical {
    top: 10px
}

.jcf-select .jcf-scrollbar-handle {
    width: 6px;
    border-radius: 10px;
    background-color: #0afbda
}

.jcf-select .jcf-list ul li {
    padding-left: 16px
}

.jcf-select.jcf-drop-active .jcf-select-drop .jcf-select-drop-content {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cash-form-elem-wrapp_float {
    padding-right: 15px
}

.cash-form-elem-wrapp_float:last-child {
    padding-right: 0
}

@media screen and (max-width: 480px) {
    div.cash-form-elem-wrapp_float {
        padding: 0 15px 0 0
    }
}

.date-picker input {
    height: 55px;
    color: #0afbda;
    padding: 0 15px;
    margin: 0 10px;
    background: #24323c;
    letter-spacing: 1.2px;
    border: 2px solid #0afbda;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem
}

.date-picker input th {
    text-transform: none
}

.vdp-datepicker__calendar {
    background: #36434d !important;
    border: 1px solid #0afbda !important
}

@media (max-width: 600px) {
    .vdp-datepicker__calendar {
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }
}

.vdp-datepicker__calendar .cell.selected {
    background: #0afbda !important;
    color: #36434d !important;
    border: 1px solid #fff !important
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border: 1px solid #0afbda !important
}

.vdp-datepicker__calendar header .next:not(.disabled):hover, .vdp-datepicker__calendar header .prev:not(.disabled):hover, .vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: #1b262f !important
}

.vdp-datepicker__calendar header .prev:after {
    border-right: 10px solid #0afbda !important
}

.vdp-datepicker__calendar header .next:after {
    border-left: 10px solid #0afbda !important
}

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer
}

[type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}

[type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + label:after {
    content: '\2713\0020';
    position: absolute;
    top: 0;
    left: 0;
    line-height: .8;
    color: #e44f5b;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 25px;
    font-weight: 700
}

[type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.btn {
    display: inline-block;
    background-color: #d45a5f;
    padding: 12px 30px;
    margin: 15px auto;
    border: none;
    -webkit-transition: .35s;
    transition: .35s;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.btn:hover {
    -webkit-box-shadow: -.3px -.3px 10px #d45a5f;
    box-shadow: -.3px -.3px 10px #d45a5f
}

.btn:active {
    background-color: #d3363d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-cashbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    text-transform: uppercase;
    border: 2px solid #e44f5b;
    -webkit-transition: .35s;
    transition: .35s;
    letter-spacing: -.4px;
    line-height: 5.6rem;
    color: #e44f5b;
    font-size: 28px;
    font-size: 2.8rem
}

.btn-cashbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-disabled {
    display: inline-block;
    margin: 15px auto;
    padding: 12px 30px;
    background: #a8a8a8 !important;
    color: #5b5b5a;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-size: 1.4rem
}

.btn-disabled:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-green {
    background-color: #39b54a
}

.btn-secondary {
    display: inline-block;
    margin: 15px auto;
    padding: 12px 30px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .35s;
    transition: .35s;
    font-size: 14px;
    font-size: 1.4rem
}

.btn-secondary:hover {
    -webkit-box-shadow: -.3px -.3px 10px #fff;
    box-shadow: -.3px -.3px 10px #fff
}

.btn-secondary:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    color: #000
}

.btn-back, .btn-cancel {
    display: inline-block;
    margin: 15px auto;
    padding: 12px 30px;
    border: 2px solid #d45a5f;
    color: #d45a5f;
    background-color: transparent;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    cursor: pointer;
    -webkit-transition: .35s;
    transition: .35s;
    font-size: 14px;
    font-size: 1.4rem
}

.btn-back-neon, .btn-cancel-neon {
    color: #0afbda;
    cursor: pointer
}

.btn-back-neon img, .btn-cancel-neon img {
    width: 7px;
    height: 10px;
    margin-right: 5px
}

.btn-back-neon:hover, .btn-cancel-neon:hover {
    text-decoration: underline
}

.btn-back:hover, .btn-cancel:hover {
    -webkit-box-shadow: -.3px -.3px 10px #d45a5f;
    box-shadow: -.3px -.3px 10px #d45a5f
}

.btn-back:active, .btn-cancel:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d45a5f
}

.btn-neon, .cash-btn-form {
    display: inline-block;
    margin: 15px auto;
    padding: 12px 30px;
    color: #fff;
    background-color: #67d0c6;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    cursor: pointer;
    -webkit-transition: .35s;
    transition: .35s;
    font-size: 14px;
    font-size: 1.4rem
}

.btn-neon:hover, .cash-btn-form:hover {
    -webkit-box-shadow: -.3px -.3px 10px #67d0c6;
    box-shadow: -.3px -.3px 10px #67d0c6
}

.btn-neon:active, .cash-btn-form:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #52b9af
}

.error-msg {
    position: relative;
    bottom: 18px;
    padding: 0 10px;
    background: red;
    -webkit-box-shadow: 0 0 3px 1px #e44f5b;
    box-shadow: 0 0 3px 1px #e44f5b;
    border-radius: 10px;
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem
}

.error-msg__captcha {
    bottom: -10px
}

.error-msg__phone_check {
    background: red;
    -webkit-box-shadow: 0 0 3px 1px #e44f5b;
    box-shadow: 0 0 3px 1px #e44f5b;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    left: 0;
    bottom: -10px;
    font-family: Open Sans, sans-serif;
    padding: 0 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem
}

.login-error {
    padding: unset;
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    font-family: unset;
    color: unset
}

.login-error__msg {
    display: block;
    padding: 0 10px;
    background: red;
    -webkit-box-shadow: 0 0 3px 1px #e44f5b;
    box-shadow: 0 0 3px 1px #e44f5b;
    border-radius: 10px;
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem
}

.login-error__msg-captcha {
    display: inline;
    position: absolute;
    bottom: -10px
}

.preloader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(preloader.gif);
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center;
    opacity: 1;
    z-index: 999999
}

.loader-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    position: relative
}

.lds-dual-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 60px;
    height: 60px
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 45px;
    height: 45px;
    margin: 8px;
    border-radius: 50%;
    border: 5px solid #0afbda;
    border-color: #0afbda transparent #0afbda transparent;
    -webkit-animation: lds-dual-ring .6s linear infinite;
    animation: lds-dual-ring .6s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.social-box__title {
    float: left;
    font-family: Open Sans, sans-serif;
    color: #fff;
    line-height: 30px;
    line-height: 3rem;
    font-size: 14px;
    font-size: 1.4rem
}

.authorization-wrap__social-box, .registration-wrap__social-box {
    margin: 0 auto;
    width: 280px
}

.social-list {
    float: left;
    padding: 0 0 0 15px;
    width: 172px
}

.social-list__item {
    float: left;
    margin: 0 14px 0 0
}

.social-list__item:last-child {
    margin: 0
}

.social-list__link:hover {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.close .close_menu {
    position: absolute;
    right: 20px;
    top: 30px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    cursor: pointer
}

.close .close_menu:hover::after, .close .close_menu:hover::before {
    background: #0afbda
}

.close .close_menu::after, .close .close_menu::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff
}

.close .close_menu::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close .close_menu::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close .close_menu.close--thick::after, .close .close_menu.close--thick::before {
    height: 2px;
    margin-top: -2px
}

.close .close_menu.close--rounded::after, .close .close_menu.close--rounded::before {
    border-radius: 5px
}

.close_menu {
    top: 0;
    right: 10px
}

.cookie {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    padding: 0 5%;
    height: 80px;
    background: #1b262f;
    width: 100%;
    z-index: 9000;
    font-size: 15px;
    font-size: 1.5rem
}

.cookie .btn-cookie {
    margin-left: 2rem;
    margin-right: 0
}

.cookie__link {
    color: #fdf151;
    text-decoration: underline
}

.cookie__description {
    max-width: 50vw;
    display: block;
    line-height: 25px;
    line-height: 2.5rem
}

.toast-message-box {
    display: none;
    position: fixed;
    left: -500px;
    bottom: 15%;
    z-index: 110
}

.toast-description .bonus-template .bonuses-template-inner h1 {
    font-size: 20px;
    padding: 0
}

.toast-description .bonus-template .bonuses-template-inner p {
    font-size: 14px
}

@media (min-width: 560px) and (max-width: 570px) and (orientation: landscape) {
    .toast-description .bonus-template .bonuses-template-inner p {
        margin: 0
    }
}

.toast-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 420px;
    min-height: 200px;
    padding: 20px;
    background: #1b262f;
    text-align: center
}

@media (min-width: 639px) and (max-width: 641px) and (orientation: landscape) {
    .toast-message {
        width: 100%
    }
}

@media (min-width: 560px) and (max-width: 570px) and (orientation: landscape) {
    .toast-message {
        width: 90%
    }
}

@media (min-width: 660px) and (max-width: 670px) and (orientation: landscape) {
    .toast-message {
        width: 80%
    }
}

@media (min-width: 730px) and (max-width: 740px) and (orientation: landscape) {
    .toast-message {
        width: 68%
    }
}

@media (min-width: 760px) and (max-width: 760px) and (orientation: landscape) {
    .toast-message {
        width: 452px
    }
}

@media (min-width: 800px) and (max-width: 824px) and (orientation: landscape) {
    .toast-message {
        width: 68%
    }
}

.toast-message__image {
    background: url(/dist/images/tournaments/logo-tournament__red.svg) no-repeat center center;
    background-size: contain;
    width: 130px;
    height: 130px
}

.toast-message__title {
    margin: 16px 0;
    color: #0afbda;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-size: 25px;
    font-size: 2.5rem
}

.toast-message__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 70%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6;
    color: #d45a5f;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-size: 1.3rem
}

.toast-message__description {
    width: 80%;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem
}

.toast-message__close {
    position: relative;
    top: -70px
}

.toast-message__close span {
    font-size: 20px;
    cursor: pointer
}

.toast-message .toast-message-btn__title {
    margin-left: 10px;
    text-transform: none
}

.toast-message-email {
    width: 600px
}

.toast-message-email .toast-description {
    padding: 12px 0 22px
}

.toast-message-email .toast-message__info {
    max-width: 77%
}

.toast-message-email .toast-message__info .toast-message__description {
    width: 100%
}

.toast-message-success .toast-message__image {
    background: url(/dist/images/tournaments/logo-tournament__red.svg) no-repeat center center;
    background-size: contain;
    padding: 15px
}

.toast-message-success .title-success {
    color: #39b54a
}

.toast-message-success .title-registration {
    color: #0afbda
}

.toast-message-success .title-email-success {
    font-size: 20px;
    margin: 0
}

.toast-registration .toast-message-success {
    width: 600px
}

.toast-registration .toast-message-success .toast-message__info {
    max-width: 100%
}

.toast-registration .toast-message-success .toast-message__info .toast-message__description {
    width: 90%
}

.notification-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9000
}

.notification-box .notification-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 32px
}

.notification-box .notification-btn .btn {
    margin: 0 25px;
    background-color: #24bcae;
    padding: 12px 30px;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.notification-box .notification-btn .notification-no-link {
    display: block;
    background-color: #d45a5f;
    padding: 12px 30px;
    text-decoration: none;
    margin-right: 32px;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 400;
    font-family: "Open Sans";
    font-size: 14px;
    font-size: 1.4rem
}

.notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 700px;
    height: 550px;
    margin-top: -125px
}

.notification__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notification__link {
    display: block;
    color: #24bcae;
    text-align: left;
    text-decoration: underline
}

.notification__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    font-size: 16px;
    font-size: 1.6rem
}

.notification__label a {
    padding-left: 12px
}

.notification__title {
    font-weight: 700;
    font-family: "Open Sans"
}

.notification__image {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: url(/dist/images/logo-jozer-big.png) no-repeat center center;
    width: 72px;
    height: 75px;
    margin-right: -12px
}

.notification__description {
    border: 1px solid #24bcae;
    width: 500px;
    height: 360px;
    background-color: #24323c;
    border-radius: 12px;
    font-family: "Open Sans"
}

.notification__text {
    text-align: center;
    font-family: Open Sans, sans-serif
}

.notification__text h4 {
    text-transform: none
}

.popup-cashbox {
    position: absolute;
    width: 85%;
    height: 85%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 999;
    background: #3a4954
}

.popup-cashbox .sqwonchat-container {
    display: none
}

.popup-cashbox .popup-close {
    position: absolute;
    right: 35px;
    top: 10px;
    cursor: pointer
}

.popup-cashbox .popup-close .popup-close-icon {
    font-size: 40px
}

.popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9
}

@media only screen and (max-width: 825px) and (orientation: landscape) {
    .notification-box .notification {
        height: 382px
    }

    .notification-box .notification__description {
        background-position: center bottom;
        width: 600px
    }

    .notification-box .notification__text {
        margin-top: 0
    }

    .notification-box .notification__check {
        margin-top: 5px
    }

    .notification-box .notification .notification-btn {
        font-family: "Open Sans"
    }

    .notification-box .notification .notification-btn .btn {
        margin-top: 0
    }

    .notification-box .notification .notification-btn .notification-no-link {
        margin-top: 0
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .notification-box .notification {
        height: 360px
    }

    .notification-box .notification__description {
        background-position: center bottom;
        width: 560px;
        height: 340px
    }

    .notification-box .notification__text {
        margin-top: 0
    }

    .notification-box .notification__check {
        margin-top: 5px
    }

    .notification-box .notification .notification-btn {
        font-family: "Open Sans"
    }

    .notification-box .notification .notification-btn .btn {
        margin-top: 0
    }

    .notification-box .notification .notification-btn .notification-no-link {
        margin-top: 0
    }
}

@media only screen and (max-width: 600px) and (orientation: landscape) {
    .notification-box .notification {
        height: 300px
    }

    .notification-box .notification h3.notification__title {
        font-size: 20px;
        font-size: 2rem
    }

    .notification-box .notification h4.notification__title p {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-size: 1.4rem
    }

    .notification-box .notification__description {
        background-position: center bottom;
        width: 500px;
        height: 280px
    }

    .notification-box .notification__text {
        margin-top: 0
    }

    .notification-box .notification__check {
        margin-top: 5px
    }

    .notification-box .notification__label {
        font-size: 15px;
        font-size: 1.5rem
    }

    .notification-box .notification .notification-btn {
        font-family: "Open Sans"
    }

    .notification-box .notification .notification-btn .btn {
        margin-top: 0
    }

    .notification-box .notification .notification-btn .notification-no-link {
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .cookie__description {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem
    }
}

@media only screen and (max-width: 620px) {
    .toast-message__description {
        font-size: 13px
    }

    .popup-image-jozer {
        width: 50px;
        top: 25%
    }

    #headerPanel {
        font-size: 12px;
        font-size: 1.2rem
    }

    .confirmPhonePopupForm:first-child {
        width: 85%;
        line-height: 1.5;
        font-size: 12px;
        font-size: 1.2rem
    }

    .rf-pp-cnt input {
        width: 75%;
        font-size: 13px;
        font-size: 1.3rem
    }

    #secondForm .phone-info-2 {
        font-size: 12px;
        font-size: 1.2rem
    }

    #secondForm .phone {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 480px) {
    .toast-message {
        max-width: 350px;
        min-height: 220px
    }

    .notification-box .notification {
        max-width: 100%;
        height: 485px
    }

    .notification-box .notification__image {
        background-position: -27px center;
        width: 58px
    }

    .notification-box .notification__title {
        margin: 0 8px;
        font-size: 22px;
        font-size: 2.2rem
    }

    .notification-box .notification__description {
        width: auto
    }

    .notification-box .notification-btn .btn {
        margin-right: 0
    }

    .notification-box .notification-btn .notification-no-link {
        margin-right: 0
    }

    .notification-msg_title_green {
        font-size: 24px;
        font-size: 2.4rem
    }

    .notification-text {
        font-size: 22px;
        font-size: 2.2rem
    }

    .cookie__description {
        font-size: 12px;
        font-size: 1.2rem
    }

    .btn-cookie {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 400px) {
    .toast-message {
        max-width: 368px
    }

    .notification-box .notification__text p {
        margin-top: 8px;
        padding: 8px
    }

    .notification-box .notification__title {
        font-size: 20px;
        font-size: 2rem
    }

    .notification-box .notification__title p {
        margin: 0 !important
    }

    .notification-box .notification-btn .btn {
        margin-right: 2px;
        padding: 12px 16px
    }

    .notification-box .notification-btn .notification-no-link {
        margin-right: 0;
        padding: 12px 16px
    }
}

@media only screen and (max-width: 330px) {
    .notification-box .notification__text p {
        margin-top: 8px;
        padding: 8px
    }

    .notification-box .notification__title {
        font-size: 18px;
        font-size: 1.8rem
    }

    .notification-box .notification__title p {
        margin: 0 !important;
        font-size: 14px;
        font-size: 1.4rem
    }

    .notification-box .notification__label {
        font-size: 13px;
        font-size: 1.3rem
    }

    .notification-box .notification-btn .btn {
        margin-right: 0;
        padding: 12px 16px
    }

    .notification-box .notification-btn .notification-no-link {
        margin-right: 0;
        padding: 12px 16px
    }
}

.status-box {
    width: 100%;
    margin-top: 25px
}

.status-box .btn {
    width: 200px;
    margin: 0 20px
}

.sidebar-min .status-box {
    width: 55px
}

.sidebar-min .status-box .btn-auth {
    width: 90%
}

.sidebar-min .status-box .link-login {
    margin: 0 auto;
    background-position: 21px -677px;
    width: 100%;
    background: url(/dist/images/icon-login-user.png) no-repeat center center
}

.sidebar-min .status-box .link-registration {
    margin: 20px auto 0 auto;
    background-position: 21px -937px;
    width: 100%;
    background: url(/dist/images/icon-registration-user.png) no-repeat center center
}

.user-status {
    position: relative
}

.user-status__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .35s;
    transition: .35s
}

.user-status__link:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.user-status__image {
    width: 20px;
    height: 37px
}

.user-status__info {
    padding: 5px 0 0 8px;
    line-height: 1.1;
    font-family: Open Sans, sans-serif
}

.user-status__name {
    font-size: 17px;
    font-size: 1.7rem
}

.user-status__name:after {
    content: "";
    display: block;
    height: 18px;
    position: relative;
    top: -15px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(99%, #24323c));
    background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0), #24323c 99%)
}

.user-status__gradient {
    padding: 2px;
    width: 60px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-family: Open Sans, sans-serif;
    text-align: center;
    font-size: 8px;
    font-size: .8rem
}

.user-status .verification-icon {
    position: absolute;
    top: -11px;
    left: 12px;
    content: '!';
    font-size: 12px;
    background-color: #e44f5b;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    text-align: center;
    font-weight: 700
}

.balance {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 1rem
}

.balance__value {
    display: block;
    color: #83a6bd;
    font-size: 21px;
    font-size: 2.1rem
}

.balance__all {
    width: 100%;
    margin: 0 auto
}

.balance__bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.balance__bonus__points {
    padding-left: 25px
}

.balance__title {
    font-family: Open Sans, sans-serif;
    letter-spacing: 1.1px
}

[data-tooltip] {
    position: relative;
    cursor: pointer
}

[data-tooltip]:after, [data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 9
}

[data-tooltip]:before {
    position: absolute;
    bottom: calc(50% - 11px);
    left: 85%;
    margin-left: 21px;
    padding: 0 8px;
    background-color: #9e7ac2;
    color: #fff;
    min-width: 80px;
    content: attr(data-tooltip);
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem
}

[data-tooltip]:after {
    position: absolute;
    bottom: calc(50% - 11px);
    right: -13px;
    margin-left: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-right: 14px solid #9e7ac2;
    border-bottom: 10px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 20px
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1
}

.info-tabs [data-tooltip]:before {
    left: 0;
    right: 0;
    bottom: 50px;
    width: 80%;
    margin: auto
}

.info-tabs [data-tooltip]:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9e7ac2;
    bottom: 30px;
    right: 45%
}

.notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.notification .bell, .notification .present {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notification .bell .message-circle, .notification .present .message-circle {
    text-align: center;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    border-radius: 50px;
    background: #e44f5b;
    color: #fdf151;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1.2rem
}

.notification .present__image {
    background: url(sidebar/icon-present.png) no-repeat center center;
    width: 20px;
    height: 20px
}

.notification .bell {
    padding-left: 30px
}

.notification .bell__image {
    background: url(sidebar/icon-bell.png) no-repeat center center;
    width: 20px;
    height: 21px
}

.navigator {
    line-height: 2.5
}

.navigator .navigator-image {
    width: 26px;
    height: 25px
}

.navigator__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .35s;
    transition: .35s
}

.navigator__link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.navigator .logo_page {
    width: 25px
}

.navigator .logo-game {
    background: url(/dist/images/sidebar/icon-game.png) no-repeat left center
}

.navigator .logo-news {
    background: url(/dist/images/sidebar/icon-news.png) no-repeat left center
}

.navigator .logo-promo {
    background: url(/dist/images/sidebar/icon-promo.png) no-repeat left center
}

.navigator .logo-tournament {
    background: url(/dist/images/sidebar/icon-tournament.png) no-repeat left center
}

.navigator .logo-lottery {
    background: url(/dist/images/sidebar/icon-lottery.png) no-repeat left center
}

.navigator .navigator-title {
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-size: 1.7rem
}

.is-nav-active .logo-game {
    background: url(/dist/images/sidebar/icon-game__active.png) no-repeat left center
}

.is-nav-active .logo-news {
    background: url(/dist/images/sidebar/icon-news__active.png) no-repeat left center
}

.is-nav-active .logo-promo {
    background: url(/dist/images/sidebar/icon-promo__active.png) no-repeat left center
}

.is-nav-active .logo-tournament {
    background: url(/dist/images/sidebar/icon-tournament__active.png) no-repeat left center
}

.is-nav-active .logo-lottery {
    background: url(/dist/images/sidebar/icon-lottery__active.png) no-repeat left center
}

.clear-after {
    border: none
}

.dropdown .jcf-select {
    height: 45px;
    min-width: 170px;
    width: 100%
}

@media (min-width: 768px) {
    .dropdown .jcf-select {
        width: 200px;
        height: 60px
    }
}

@media (min-width: 1199px) {
    .dropdown .jcf-select {
        width: 246px
    }
}

.dropdown .jcf-select .jcf-select-text {
    font-size: 12px;
    margin-left: 12px !important
}

@media (min-width: 768px) {
    .dropdown .jcf-select .jcf-select-text {
        margin-left: 28px;
        font-size: 16px
    }
}

.dropdown .jcf-select .jcf-select-opener {
    right: 6px;
    left: auto
}

@media (min-width: 768px) {
    .dropdown .jcf-select .jcf-select-opener {
        right: 15px
    }
}

.dropdown .jcf-select .jcf-drop-active .jcf-select-opener {
    width: 10px;
    height: 20px
}

@media (min-width: 768px) {
    .dropdown .jcf-select.jcf-drop-active .jcf-select-drop {
        width: 200px
    }
}

@media (min-width: 1199px) {
    .dropdown .jcf-select.jcf-drop-active .jcf-select-drop {
        width: 246px !important
    }
}

.dropdown .jcf-select.jcf-drop-active .jcf-select-drop .jcf-select-drop-content {
    -webkit-box-shadow: none;
    box-shadow: none
}

.container-logo-jackpot {
    margin-top: -26px
}

.game-logo {
    width: 100%;
    height: 100%
}

.game__labels {
    width: 100%
}

@media (min-width: 576px) {
    .game__labels {
        position: relative;
        z-index: 9
    }
}

.game-item__blocked {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    font-size: 10px;
    text-transform: uppercase;
    opacity: .8;
    line-height: 16px;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.game-item__blocked::after, .game-item__blocked::before {
    content: '';
    border: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.game-item__blocked:hover {
    -webkit-transform: none !important;
    transform: none !important
}

.game-item__blocked:hover picture {
    -webkit-filter: none !important;
    filter: none !important
}

.tiles-block .game-item {
    min-height: 132px
}

.game-list {
    display: grid;
    margin: 5px 0;
    grid-gap: 10px;
    grid-auto-rows: 1fr;
    grid-auto-flow: dense;
    -webkit-transition: .5s;
    transition: .5s;
    grid-template-columns:repeat(2, 1fr)
}

@media (min-width: 576px) {
    .game-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 992px) {
    .game-list {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min-width: 1200px) {
    .game-list {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (min-width: 1600px) {
    .game-list {
        grid-template-columns:repeat(7, 1fr)
    }
}

.game-list--wrapper {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    max-width: 95%;
    margin: 25px auto 25px auto
}

@media (min-width: 768px) {
    .game-list--wrapper {
        margin: 35px auto 25px auto;
        grid-gap: 6px
    }
}

.game-list__item {
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    grid-row: span 1;
    position: relative
}

.game-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s
}

.game-item::after, .game-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 15
}

.game-item::before {
    border-bottom: 2px solid #24bcae;
    border-left: 2px solid #24bcae;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.game-item::after {
    border-top: 2px solid #24bcae;
    border-right: 2px solid #24bcae;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.game-item:hover::after, .game-item:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.game-item:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.game-item:hover picture {
    -webkit-filter: brightness(30%);
    filter: brightness(30%)
}

.game-item:hover .action-status {
    opacity: 0
}

.game-item__name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 10;
    font-weight: 100;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 14px 20px 0 20px
}

.game-item__status {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    padding: 0 10px;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%)
}

.game-item__status--tournament {
    background-color: #4ab16d
}

.game-item__status--new {
    background-color: #fdf151;
    color: #e44f5b
}

.game-item__status--hot {
    background-color: #e44f5b
}

.game-item__demo-title {
    display: block;
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-decoration: underline;
    z-index: 20;
    font-size: 16px;
    font-size: 1.6rem
}

.game-item__demo-title:hover {
    color: #0afbda
}

.game-item:hover .game-item__hover {
    opacity: 1;
    visibility: visible
}

.game-item__play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(icon-play-game.svg) no-repeat center center;
    background-size: contain;
    width: 50px;
    height: 50px;
    -webkit-transition: .35s;
    transition: .35s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 20
}

.game-item__play:hover {
    -webkit-transform: scale(1.15) translate(-44%, -44%);
    transform: scale(1.15) translate(-44%, -44%)
}

.game-item__hover {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity .4s linear;
    transition: visibility 0s, opacity .4s linear
}

.game-item .v-lazy-image {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s
}

.game-item .v-lazy-image-loaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.game-item picture {
    display: block;
    background-image: url(logo-v4.gif);
    background-size: cover;
    width: 100%;
    height: 100%;
    max-height: 148px
}

@media (min-width: 2000px) {
    .game-item picture {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content
    }
}

.game-item picture img {
    width: 100%;
    height: 100%
}

.grid-item-super {
    grid-column: span 2;
    grid-row: span 2
}

.grid-item-super .play-icon {
    width: 90px;
    height: 62px
}

.btn-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto 0 auto
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.promo-tile__element {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center
}

.promo-tile__inner {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 100%;
    position: absolute
}

@media (min-width: 567px) {
    .promo-tile__inner {
        pointer-events: none
    }
}

@media (min-width: 768px) {
    .promo-tile__inner {
        background-size: cover
    }
}

.game-list__promo-tile {
    position: relative
}

.promo-tile__inner .v-lazy-image {
    height: 100%
}

@media (min-width: 567px) {
    .promo-tile__inner .v-lazy-image {
        width: 100%;
        height: inherit
    }
}

.promo-tile__inner .v-lazy-image {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: -webkit-filter 1.5s;
    transition: -webkit-filter 1.5s;
    transition: filter 1.5s;
    transition: filter 1.5s, -webkit-filter 1.5s
}

.promo-tile__inner .v-lazy-image-loaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.promo-tile__element--non-clickable {
    pointer-events: none
}

.promo-item__link-wrapper {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%
}

.promo-tile__icon-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10
}

.promo-tile__icon-wrapper--top {
    width: 50px;
    top: 30px
}

.promo-tile__icon-wrapper--bottom {
    width: 55px;
    bottom: 30px
}

.game-item__play--lg {
    width: 70px;
    height: 56px
}

.promo-tile__hover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.game-list__promo-tile:hover .promo-tile__hover {
    display: block;
    opacity: 1;
    background: rgba(0, 0, 0, .44)
}

.game-list__promo-tile .game__label {
    position: absolute;
    right: 0;
    left: 0;
    top: 70px;
    font-size: 18px;
    font-family: 'Roboto Slab';
    color: #fff;
    z-index: 10
}

.promo-tile__icon-wrapper img {
    width: 100%
}

.game-list__promo-tile--1 {
    border: 5px solid #d45a5f;
    grid-row: 2/4;
    grid-column: 1/3
}

@media (min-width: 576px) {
    .game-list__promo-tile--1 {
        grid-row: 3/1;
        grid-column: 2/-1
    }
}

@media (min-width: 992px) {
    .game-list__promo-tile--1 {
        grid-row: 3/1;
        grid-column: 4/6
    }
}

@media (min-width: 1200px) {
    .game-list__promo-tile--1 {
        grid-row: 3/1;
        grid-column: 5/7
    }
}

.game-list__promo-tile--2 {
    border: 5px solid #fdf151;
    grid-row: 6/8;
    grid-column: 1/3
}

@media (min-width: 567px) {
    .game-list__promo-tile--2 {
        grid-row: 4/6;
        grid-column: 3/-4
    }
}

@media (min-width: 992px) {
    .game-list__promo-tile--2 {
        grid-row: 5/3;
        grid-column: 4/2
    }
}

@media (min-width: 1700px) {
    .game-list__promo-tile--2 {
        grid-row: 5/3;
        grid-column: 4/2
    }
}

.game-list__promo-tile--3 {
    border: 5px solid #0afbda;
    grid-row: 10/12;
    grid-column: 1/3
}

@media (min-width: 576px) {
    .game-list__promo-tile--3 {
        grid-row: 7/7;
        grid-column: 2/-1
    }
}

@media (min-width: 992px) {
    .game-list__promo-tile--3 {
        grid-row: 5/7;
        grid-column: 4/6
    }
}

@media (min-width: 1200px) {
    .game-list__promo-tile--3 {
        grid-row: 7/5;
        grid-column: 5/7
    }
}

.game-list__promo-tile--4 {
    border: 5px solid #d45a5f;
    grid-row: 12;
    grid-column: 1/3
}

@media (min-width: 576px) {
    .game-list__promo-tile--4 {
        grid-row: 10/10;
        grid-column: 3/1
    }
}

@media (min-width: 992px) {
    .game-list__promo-tile--4 {
        grid-row: 9/7;
        grid-column: 4/2
    }
}

@media (min-width: 1200px) {
    .game-list__promo-tile--4 {
        grid-row: 9/7;
        grid-column: 2/4
    }
}

.game-list__promo-tile--5 {
    border: 5px solid #0afbda;
    grid-row: 15;
    grid-column: 1/3
}

@media (min-width: 576px) {
    .game-list__promo-tile--5 {
        grid-row: 14/13;
        grid-column: 2/-1
    }
}

@media (min-width: 992px) {
    .game-list__promo-tile--5 {
        grid-row: 11/9;
        grid-column: 4/6
    }
}

@media (min-width: 1200px) {
    .game-list__promo-tile--5 {
        grid-row: 11/9;
        grid-column: 7/5
    }
}

.payment {
    margin-top: 80px
}

.payment .payment-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 92%;
    height: 100%
}

.payment .payment-box .visa-icon::before {
    margin: -10px 0 0 -17px !important
}

.payment .payment-box .maestro-icon::before {
    margin: -10px 0 0 -18px !important
}

.payment .payment-box .qiwi-icon::before {
    margin: -10px 0 0 -13px !important
}

.payment .payment-box .webmoney-icon::before {
    margin: -10px 0 0 -13px !important
}

.payment .payment-box .yandex-wallet-icon::before {
    margin: -10px 0 0 -11px !important
}

.payment .payment-box .skrill-icon::before {
    margin: 0 0 0 -19px !important
}

.payment .payment-box .neteller-icon::before {
    margin: 0 0 0 -30px !important
}

.payment .payment-box__item {
    -ms-flex-preferred-size: 95px;
    flex-basis: 95px;
    height: 90px;
    list-style: none
}

.payment .payment-box__link {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 9px;
    font-size: .9rem
}

.payment .payment-box__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%
}

@media (min-width: 200px) and (max-width: 440px) {
    .payment .payment-box__link::before {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

.payment .payment-box__text {
    display: block;
    padding: 30px 0 0 0;
    width: 90px;
    color: #fff;
    opacity: .4;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-size: 14px;
    font-size: 1.4rem
}

.payment .payment-box .visa-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -3509px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 49px;
    margin: -23.5px 0 0 -24.5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .visa-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1256px;
        height: 23.5px;
        width: 24.5px
    }
}

.payment .payment-box .maestro-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -1715px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 67px;
    margin: -20px 0 0 -33.5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .maestro-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -858px;
        height: 20px;
        width: 33.5px
    }
}

.payment .payment-box .qiwi-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -2070px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 46px;
    width: 44px;
    margin: -23px 0 0 -22px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .qiwi-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1027px;
        height: 23px;
        width: 22px
    }
}

.payment .payment-box .webmoney-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -3578px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 45px;
    width: 45px;
    margin: -22.5px 0 0 -22.5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .webmoney-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1290px;
        height: 22.5px;
        width: 22.5px
    }
}

.payment .payment-box .yandex-wallet-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -3625px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 38px;
    margin: -21.5px 0 0 -19px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .yandex-wallet-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1314px;
        height: 21.5px;
        width: 19px
    }
}

.payment .payment-box .skrill-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -3294px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 26px;
    width: 76px;
    margin: -13px 0 0 -38px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .skrill-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1148px;
        height: 13px;
        width: 38px
    }
}

.payment .payment-box .neteller-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -1793px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 107px;
    margin: -9.5px 0 0 -53.5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .payment .payment-box .neteller-icon::before {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -897px;
        height: 9.5px;
        width: 53.5px
    }
}

.payment-item-box {
    margin: 0 auto;
    -webkit-transition: .35s;
    transition: .35s
}

.payment-item-box:active {
    -webkit-transform: none;
    transform: none;
    text-shadow: 0 0 1px #0afbda
}

.payment-item-box__title {
    display: block;
    margin: 7px 0 0;
    padding: 0;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 9px;
    font-size: .9rem
}

.payment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 8.07vw;
    background: #3d4953;
    border-radius: 5px
}

.payment-item:active {
    background: #0afbda;
    -webkit-box-shadow: 0 0 7px 0 #0afbda;
    box-shadow: 0 0 7px 0 #0afbda
}

.payment-item:hover {
    -webkit-box-shadow: 0 0 12px 3px #0afbda;
    box-shadow: 0 0 12px 3px #0afbda
}

.payment-item__image {
    display: block;
    margin: 0 auto;
    width: auto
}

.payment-item__image {
    width: auto;
    height: 50%
}

@media only screen and (max-width: 960px) {
    .payment-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px) {
    .payment-item {
        height: 20.2vw
    }
}

@media only screen and (max-width: 480px) {
    .payment-item {
        width: 100%;
        height: 48.44vw;
        margin: 0 auto
    }

    .cash-box-container .cabinet-action {
        margin: 0
    }
}

.history-game-table {
    margin-top: 50px;
    text-transform: none
}

.mobile-tables {
    margin: 0 auto
}

.mobile-tables .mobile-table {
    margin: 15px auto
}

.mobile-table {
    width: 100%;
    margin: 10px auto
}

.mobile-table .mobile-table-key {
    background-color: #435562;
    color: #8cb2ca;
    padding: 5px 10px;
    min-width: 75px;
    text-align: right;
    text-transform: uppercase
}

.mobile-table .mobile-table-value {
    padding: 5px 0;
    width: 100%;
    text-align: left
}

.description-text {
    width: 90%;
    margin: 30px auto 0 auto;
    font-size: 15px;
}

.description-text .btn-more-link {
    color: #fdf151
}

.description-title {
    padding: 15px 0;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 700;
    margin-top: 60px
}

.description-list {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 80px
}

.hide-text {
    display: none
}

.hide-text h4 {
    margin-left: 60px;
    margin-top: 20px
}

.btn-more-link {
    position: relative;
    border: none;
    background-color: transparent;
    color: #0afbda;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem
}

html body .sqwonchat-container.closed {
    width: 70px !important;
    height: 122px !important;
    overflow: hidden;
    bottom: 8vh !important
}

html body .sqwonchat-container.closed:before {
    content: '' !important;
    background-image: url(message.svg) !important;
    position: absolute;
    display: block;
    width: 26px !important;
    height: 26px !important;
    border-radius: initial !important;
    bottom: 20px;
    right: 6px;
    background-size: 100% 100%;
    pointer-events: none
}

.header, .header__mobile-second-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 2px 20px;
    background: #27323b;
    z-index: 120
}

.header {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 480px) {
    .header {
        padding: 2px 5px
    }
}

.header .logo__image {
    display: block;
    width: 116px;
    margin-top: 10px
}

@media (min-width: 1800px) and (max-width: 1930px) {
    .header .logo__image {
        margin-left: 40px
    }
}

@media (max-width: 768px) {
    .header .logo__image {
        width: 100px
    }
}

@media (max-width: 480px) {
    .header .logo__image {
        width: 75px
    }
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: 2s;
    transition: 2s
}

.header__nav-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__nav-link {
    padding: 14px 30px;
    display: block;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: capitalize;
    border-radius: 10px;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    font-size: 18px;
    font-size: 1.8rem
}

@media (max-width: 1440px) {
    .header__nav-link {
        padding: 10px 15px;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.header__nav-link:hover {
    background-color: #1b2c34
}

.header__nav-lottery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__nav-lottery a.header__nav-link {
    padding-right: 4px !important
}

.header__nav-lottery .lottery-bonus-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #e44f5b;
    top: -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: 1.2rem;
    border: 2px solid #e44f5b
}

.header__bonuses {
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 300px) and (max-width: 600px) {
    .header__bonuses {
        margin-right: 6px;
        margin-top: 10px
    }
}

.header__bonuses img {
    cursor: pointer
}

.header__bonuses .bonus-notification {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    top: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: 1.2rem;
    border: 2px solid #fff
}

.header__balance {
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

@media (min-width: 1100px) and (max-width: 1370px) {
    .header__balance {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.header__title {
    color: #83a6bd
}

.header__value {
    cursor: pointer
}

.header__currency {
    margin-left: 4px
}

.header__btn-login {
    background: #1b262f;
    border: 2px solid #fff;
    margin-left: 10px
}

@media (min-width: 768px) {
    .header__btn-login {
        margin-left: 20px
    }
}

@media (min-width: 1024px) {
    .header__btn-login {
        margin-left: 30px
    }
}

.navbar_active {
    background: #1b2c34;
    color: #fdf151
}

.navbar_active .navigator__link {
    color: #fdf151
}

.header__btn {
    text-transform: uppercase
}

.header__hidden-item {
    visibility: hidden
}

.header__nav-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-login .btn-secondary {
    margin: 5px
}

.header__nav-login .btn {
    margin: 0 20px
}

@media (min-width: 1100px) and (max-width: 1370px) {
    .header__nav-login .btn {
        margin: 0 10px;
        overflow: visible;
        padding: 12px 18px
    }
}

@media (min-width: 280px) and (max-width: 330px) {
    .header__nav-login .btn {
        margin: 0 8px
    }

    .header__nav-login .btn-registration, .header__nav-login .btn-secondary {
        padding: 12px 10px
    }
}

@media (min-width: 331px) and (max-width: 399px) {
    .header__nav-login .btn {
        margin: 0 12px
    }

    .header__nav-login .btn-registration, .header__nav-login .btn-secondary {
        padding: 12px 16px
    }
}

.header__logout {
    margin-left: 15px;
    min-width: 20px
}

.header__player {
    position: relative;
    color: #fff;
    height: 46px;
    font-family: Open Sans, sans-serif;
    margin: 0 30px;
    cursor: pointer;
    padding-top: 12px;
    font-size: 18px;
    font-size: 1.8rem
}

@media (min-width: 1100px) and (max-width: 1370px) {
    .header__player {
        margin: 0 10px
    }
}

@media (min-width: 300px) and (max-width: 330px) {
    .header__player {
        margin: 0 23px
    }
}

.header__player:hover .header__player-menu {
    display: block
}

.header__player .verify-notification {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 0;
    color: #d45a5f;
    padding-left: 6px;
    font-size: 14px;
    font-size: 1.4rem;
    border: 2px solid #d45a5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: -.3px -.3px 2px rgba(212, 90, 95, .25);
    box-shadow: -.3px -.3px 2px rgba(212, 90, 95, .25)
}

.header__player-login {
    color: #0afbda
}

.header__player-menu {
    display: none;
    position: absolute;
    top: 42px;
    left: 50%;
    width: 190px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
    border: 2px solid #0afbda;
    border-radius: 10px;
    background-color: #27323b;
    -webkit-transition: .35s;
    transition: .35s;
    z-index: 999999
}

@media (max-width: 600px) {
    .header__player-menu {
        left: 10%
    }
}

.player-menu__item {
    display: block;
    margin: 5px 0;
    padding: 10px 15px;
    font-size: 14px;
    font-size: 1.4rem
}

.player-menu__item:hover {
    background-color: rgba(15, 233, 204, .42);
    color: #9af6ea
}

.header__social-box {
    display: block;
    visibility: hidden
}

.header__social-box.min-width-120 {
    min-width: 120px
}

@media (min-width: 1800px) and (max-width: 2000px) {
    .header__social-box.min-width-120 {
        min-width: 0
    }
}

.header__social-box.min-width-240 {
    min-width: 240px
}

@media (min-width: 1800px) and (max-width: 2000px) {
    .header__social-box.min-width-240 {
        min-width: 0
    }
}

@media (min-width: 1100px) and (max-width: 1370px) {
    .header__social-box {
        min-width: 146px
    }
}

@media (max-width: 1024px) {
    .header__social-box {
        display: none
    }
}

.header__social-box .header__social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .header__social-box .header__social-icon {
        height: 30px
    }
}

.header__social-box .header__social-icon__twitter {
    background: url(/dist/images/social/icon-twitter.png) no-repeat center center
}

.header__social-box .header__social-icon__google {
    background: url(/dist/images/social/icon-google.png) no-repeat center center
}

.header__social-box .header__social-icon__facebook {
    background: url(/dist/images/social/icon-facebook.png) no-repeat center center
}

.header__social-box .header__social-icon__tumbler {
    background: url(/dist/images/social/icon-tumbler.png) no-repeat center center
}

.header__social-box .header__social-icon__item {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 100%;
    -webkit-transition: .35s;
    transition: .35s
}

.header__social-box .header__social-icon__item:first-child {
    margin-left: 0
}

.header__social-box .header__social-icon__item:hover {
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header__element--desktop {
    display: block
}

@media (max-width: 600px) {
    .header__element--desktop {
        display: none
    }
}

div.header__bonuses.header__element--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 300px) {
    div.header__bonuses.header__element--desktop {
        display: none
    }
}

.header__mobile-second-header {
    display: none;
    height: 60px
}

.header__mobile-second-header.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__mobile-second-header .header__btn {
    margin: 0 20px
}

@media (max-width: 600px) {
    .header__mobile-second-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#sidebar-mob {
    display: none
}

#sidebar-mob-login {
    height: 99px
}

#sidebar-mob-no-login {
    height: 50px
}

.sidebar-mob {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    font-size: 16px;
    font-size: 1.6rem
}

.middle-sidebar__wrap {
    margin: 32% auto 0;
    width: 240px
}

@media (max-width: 360px) {
    .middle-sidebar__wrap {
        margin: 37% auto 0
    }
}

@media (max-width: 820px) and (orientation: landscape) {
    .middle-sidebar__wrap {
        margin: 10% auto 0;
        height: calc(100% + 70px)
    }
}

@media (max-width: 580px) and (orientation: landscape) {
    .middle-sidebar__wrap {
        margin: 22% auto 0
    }
}

.middle-position {
    display: none;
    position: fixed;
    background: rgba(36, 56, 60, .98);
    width: 100vw;
    height: 100vh;
    z-index: 120
}

.middle-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: scroll
}

.middle-sidebar .navigator {
    padding-top: 30px;
    line-height: 2.8
}

.middle-sidebar .navigator__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.middle-sidebar .navigator-title {
    padding: 0
}

.middle-sidebar .btn, .middle-sidebar .btn-secondary {
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.middle-sidebar .btn-secondary {
    margin-top: 25px
}

.middle-sidebar .navigator-title {
    font-size: 22px;
    font-size: 2.2rem
}

.navigator__item {
    text-transform: capitalize;
    font-size: 22px
}

.navigator__item .lottery-bonus-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    border-radius: 50%;
    color: #e44f5b;
    top: -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: 1.2rem;
    border: 2px solid #e44f5b
}

.bottom-position {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bottom-position .sidebar-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #24323c;
    width: 100%;
    z-index: 9999
}

.bottom-position .sidebar-bottom .nav-page-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem
}

.bottom-position .sidebar-bottom .is-nav-active {
    font-size: 18px;
    font-size: 1.8rem
}

.bottom-position .according {
    cursor: pointer;
    margin-right: 10px;
    padding: 5px 0
}

.bottom-position .according__row {
    background: #e44f5b;
    width: 30px;
    height: 4px;
    margin: 4px 0
}

.bottom-position .according-close .according__row:nth-child(2) {
    display: none
}

.bottom-position .according-close .according__row:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

.bottom-position .according-close .according__row:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

.nav-footer-mob__item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-footer-mob__item .lottery-bonus-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    top: -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: 1.2rem;
    border: 2px solid #fff
}

.nav-footer-mob__item:nth-child .nav-footer-mob__link {
    font-size: 15px;
    font-size: 1.5rem
}

.nav-footer-mob__item:last-child {
    position: relative;
    margin: 0;
    padding: 0
}

.nav-footer-mob__item--button {
    width: 16%
}

.nav-footer-mob__link {
    display: block;
    font-family: Open Sans, sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 22px;
    letter-spacing: .1em;
    font-size: 16px;
    padding: 10px 8px;
    border-radius: 5px
}

@media (min-width: 768px) {
    .nav-footer-mob__link {
        padding: 12px 10px;
        font-size: 18px
    }
}

.nav-mob-icon {
    position: absolute;
    width: 100%;
    height: 50px;
    background: 0 0
}

.nav-mob-icon::after, .nav-mob-icon::before {
    content: "";
    position: absolute;
    height: 4px;
    background: #fff
}

.nav-mob-icon::before {
    top: 15px;
    width: 32px
}

.nav-mob-icon::after {
    bottom: 15px;
    width: 18px
}

.nav-mob-icon.close .nav-mob-icon-line {
    display: none
}

.nav-mob-icon.close::after, .nav-mob-icon.close::before {
    content: ""
}

.nav-mob-icon.close::before {
    top: 19px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

.nav-mob-icon.close::after {
    bottom: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

.nav-mob-icon-line {
    position: absolute;
    top: 45%;
    width: 26px;
    height: 4px;
    background: #fff
}

.according-close::after {
    width: 32px !important
}

.main-wrapper {
    background: #27323b
}

.main-box {
    overflow-anchor: none;
    padding-top: 100px
}

.static-centered-item {
    margin: 0 auto
}

.promo-page-wrapper p {
    margin: 4px;
    font-family: Open Sans, sans-serif
}

.static-centered-item {
    margin: 0 auto
}

.static-width {
    padding: 40px 60px
}

.static-width .terms-links a {
    color: #fdf151;
    cursor: pointer;
    display: block;
    margin-bottom: 14px;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: .05em
}

.static-width .text-right {
    text-align: right;
    line-height: 36px
}

.static-text h1 {
    text-align: left;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .05em
}

.static-text h4 {
    text-align: left;
    color: #fdf151;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .05em;
    padding: 0
}

.static-text p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px
}

.static-text .address-block p {
    margin: 0;
    padding: 0
}

.static-text .address-block a.link {
    border: none
}

.static-text .address-block img {
    width: auto;
    position: relative;
    top: 4px
}

.static-text p.heading-paragraph {
    font-family: Open Sans, sans-serif;
    font-size: 28px
}

.static-text .bold-text {
    font-weight: 600;
    font-size: 16px
}

.static-text .highlight-text {
    color: #fdf151
}

.static-text .italics-text {
    font-style: italic
}

.static-text .terms-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.static-text .bold-text {
    font-weight: 600;
    font-size: 16px
}

.static-text .highlight-text {
    color: #fdf151
}

.static-text .nav-links-header {
    text-transform: uppercase;
    color: #fdf151;
    cursor: pointer;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .05em
}

.static-text a {
    color: #fdf151
}

.static-text a.link {
    border-bottom: 1px solid #fdf151
}

.static-text a.link img {
    width: auto
}

.static-text a.image-link {
    border: none
}

.static-text a.image-link img {
    width: auto;
    position: relative;
    top: 4px
}

.static-text ul.two-columns {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}

.static-text ul.three-columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3
}

.static-text ul.static-list {
    padding: 0 0 20px 20px
}

.static-text ul.static-list li {
    list-style: none;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px
}

.static-text ul.static-list li::before {
    content: "\2022";
    color: #0afbda;
    font-weight: 700;
    left: -16px;
    height: 8px;
    width: 1.2em;
    position: relative;
    font-size: 16px
}

.filters {
    margin: 30px;
    width: 225px
}

#play-mob {
    display: none
}

.filter {
    max-width: 95%;
    margin: auto
}

.filter__title-box {
    text-align: center
}

@media (min-width: 1024px) {
    .filter {
        margin: 30px auto 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.filter .upper {
    margin: 16px auto 22px auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filter .upper .slick-list {
    padding-bottom: 4px
}

@media (min-width: 260px) and (max-width: 870px) {
    .filter .upper {
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    .filter .upper .game-type__item {
        margin-right: 0
    }

    .filter .upper .game-type__title {
        font-size: 12px
    }
}

@media (min-width: 1024px) {
    .filter .upper {
        margin: 16px 4px 16px 6px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1400px) {
    .filter .upper {
        margin: 16px 84px 16px 6px
    }
}

.game-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filter__title-box {
    display: none
}

@media (min-width: 768px) {
    .filter__title-box {
        display: block
    }
}

.game-type__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    -webkit-transition: .35s;
    transition: .35s;
    margin-right: 32px
}

.game-type__item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.game-type__item:after {
    content: '';
    display: block;
    margin-top: 8px;
    border-bottom: 4px solid #c2c2c2
}

.game-type__item--active .game-type__title {
    color: #fdf151;
    position: relative
}

.game-type__item--active .game-type__title:after {
    content: '';
    display: block;
    background: #fdf151;
    -webkit-box-shadow: -.3px -.3px 3px #fdf151;
    box-shadow: -.3px -.3px 3px #fdf151;
    height: 6px;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    bottom: -13px;
    left: 0
}

@media (min-width: 992px) {
    .game-type__item--active .game-type__title:after {
        display: none
    }
}

.game-type__item--active:hover {
    -webkit-transform: none;
    transform: none
}

.game-type__item--active .game-type__image--all {
    background: url(icon-all_game-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--all {
        background-size: 32px
    }
}

.game-type__item--active .game-type__image--poker {
    background: url(icon-poker-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--poker {
        background-size: 30px
    }
}

.game-type__item--active .game-type__image--slots {
    background: url(icon-slots-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--slots {
        background-size: 32px
    }
}

.game-type__item--active .game-type__image--jackpot {
    background: url(icon-jackpot-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--jackpot {
        background-size: 32px
    }
}

.game-type__item--active .game-type__image--table {
    background: url(icon-table-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--table {
        background-size: 32px
    }
}

.game-type__item--active .game-type__image--lottery {
    background: url(icon-lottery-active.svg) no-repeat center center;
    background-size: 48px
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__item--active .game-type__image--lottery {
        background-size: 32px
    }
}

.game-type__image--all {
    background: url(icon-all_game.svg) no-repeat center center
}

.game-type__image--poker {
    background: url(icon-poker.svg) no-repeat center center
}

.game-type__image--slots {
    background: url(icon-slots.svg) no-repeat center center
}

.game-type__image--jackpot {
    background: url(icon-jackpot.svg) no-repeat center center
}

.game-type__image--table {
    background: url(icon-table.svg) no-repeat center center
}

.game-type__image--lottery {
    background: url(icon-lottery.svg) no-repeat center center
}

.game-type__image {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    background-size: 32px;
    display: none;
    position: relative
}

@media (min-width: 576px) {
    .game-type__image {
        display: block
    }
}

@media (min-width: 1400px) {
    .game-type__image {
        background-size: 44px
    }
}

@media (min-width: 700px) and (max-width: 1370px) {
    .game-type__image {
        background-size: 28px;
        margin-right: 4px
    }
}

.game-type__title {
    text-transform: uppercase;
    margin-top: 14px;
    display: inline;
    white-space: nowrap;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem
}

.filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 100;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .filter-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 4px auto
    }
}

@media (min-width: 1024px) and (max-width: 1400px) {
    .filter-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .filter-wrapper .dropdown span.jcf-select {
        height: 48px
    }

    .filter-wrapper .search input {
        height: 48px
    }
}

@media (min-width: 1400px) {
    .filter-wrapper {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
}

.search {
    width: 100%;
    position: relative;
    background: #4c5e6b;
    -webkit-transition: .35s;
    transition: .35s;
    border-radius: 5px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .search {
        margin-left: 70px;
        margin-bottom: 0
    }
}

.search:hover {
    -webkit-box-shadow: 0 3px 12px -3px #000;
    box-shadow: 0 3px 12px -3px #000
}

.search:hover::after, .search:hover::before {
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.search__input {
    width: 100%;
    height: 40px;
    border: none;
    color: #c2c2c2;
    padding: 0 20px 0 60px;
    background: 0 0;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-size: 1.4rem
}

@media (min-width: 768px) {
    .search__input {
        width: 220px;
        height: 65px;
        padding: 0 20px 0 60px
    }
}

.search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #c2c2c2;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.2px
}

.search__input::-moz-placeholder {
    opacity: 1;
    color: #c2c2c2;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.2px
}

.search__input:-ms-input-placeholder {
    opacity: 1;
    color: #c2c2c2;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.2px
}

.search__input::-ms-input-placeholder {
    opacity: 1;
    color: #c2c2c2;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.2px
}

.search__input::placeholder {
    opacity: 1;
    color: #c2c2c2;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1.2px
}

@media (max-width: 768px) {
    .search__input::-webkit-input-placeholder {
        font-size: 15px;
        font-size: 1.5rem
    }

    .search__input::-moz-placeholder {
        font-size: 15px;
        font-size: 1.5rem
    }

    .search__input:-ms-input-placeholder {
        font-size: 15px;
        font-size: 1.5rem
    }

    .search__input::-ms-input-placeholder {
        font-size: 15px;
        font-size: 1.5rem
    }

    .search__input::placeholder {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.search__icon {
    position: absolute;
    background: url(search.svg);
    width: 22px;
    height: 22px;
    top: calc(50% - 11px);
    left: 20px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    background-size: cover
}

.content {
    padding-top: 40px;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem
}

.result-empty__text {
    font-family: Open Sans, sans-serif
}

.result-empty__link {
    text-decoration: underline;
    color: #24bcae
}

.title {
    padding: 0 0 20px 0;
    font-weight: 500;
    color: #fff;
    font-size: 28px;
    font-size: 2.8rem
}

.sub-title {
    font-size: 32px;
    font-size: 3.2rem
}

.title-decor {
    display: inline-block
}

.title-decor_red {
    padding: 5px 30px;
    border: 2px solid #e44f5b;
    border-radius: 6px;
    letter-spacing: 6px;
    color: #27323b;
    font-family: MarvinVision;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #e44f5b, 1px -1px 0 #e44f5b, -1px 1px 0 #e44f5b, 1px 1px 0 #e44f5b;
    font-size: 55px;
    font-size: 5.5rem
}

.title-decor_red::after, .title-decor_red::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.title-decor_red::before {
    top: -2px;
    width: 50px;
    height: 3px;
    background-color: #27323b
}

.title-decor_red::after {
    content: url(/dist/images/navbar/navbar-icon__active.svg);
    top: -50px
}

.title-decor_white {
    padding: 28px 0;
    text-shadow: 0 0 7px #000;
    font-size: 40px;
    font-size: 4rem
}

.title-decor_white::after, .title-decor_white::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.title-decor_white::before {
    content: '';
    background: url(/dist/images/icon-logo-white.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 35px;
    top: -34px
}

.title-decor_white::after {
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-box-shadow: 0 0 7px 0 #000;
    box-shadow: 0 0 7px 0 #000
}

.text-header {
    margin-top: 20px;
    font-family: Open Sans, sans-serif !important;
    font-size: 40px;
    font-size: 4rem
}

.text-description {
    font-family: Open Sans, sans-serif !important;
    font-size: 22px;
    font-size: 2.2rem
}

#content-iframe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 90%;
    margin: 0 auto
}

.content-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75vh;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.content-bg .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-bg .btn {
    display: block;
    margin: 25px 20px;
    width: 200px;
    text-transform: lowercase;
    background-color: transparent;
    border: 2px solid #0afbda
}

.content-bg .btn:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

@media only screen and (max-width: 1280px) {
    .title-decor_red {
        font-size: 30px;
        font-size: 3rem
    }
}

#footer-big {
    display: block
}

#footer-mob {
    display: none
}

.provider-list {
    margin: 0;
    padding: 16px 0 0 0;
    text-align: center
}

.provider-list__last {
    padding: 0
}

.provider-list .desktop-btg {
    padding: 0 0 30px
}

.provider-list .desktop-btg span.icon-btg {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

@media (min-width: 1800px) and (max-width: 1950px) {
    .provider-list .desktop-btg {
        padding: 0 20px 0
    }

    .provider-list .desktop-btg span.icon-btg {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        position: relative;
        top: -22px
    }
}

.provider-list .desktop-endorphina {
    padding: 0 20px 33px 20px
}

.provider-list__item {
    display: inline-block;
    padding: 0 20px 40px 20px;
    vertical-align: middle;
    -webkit-transition: .35s;
    transition: .35s
}

.provider-list__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.certificate-list {
    text-align: center
}

.certificate-list__item {
    display: inline-block;
    padding: 0 28px;
    vertical-align: middle;
    -webkit-transition: .35s;
    transition: .35s
}

@media only screen and (min-width: 1200px) {
    .certificate-list__item #ceg-73fc8be7-55d3-4e0b-914d-4eaa5559c462 div {
        max-width: 54px !important
    }
}

.certificate-list__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.certificate-list__link {
    display: block
}

.icon-betsoft, .icon-bigtimegaming, .icon-blueprint, .icon-booongo, .icon-curacao, .icon-elk, .icon-endorphina, .icon-evolutiongaming, .icon-habanero, .icon-igrosoft_white, .icon-microgaming, .icon-nextgen, .icon-nolimitcity, .icon-pagi, .icon-quickfire, .icon-quickspin, .icon-redtiger, .icon-relax, .icon-security, .icon-spinomenal, .icon-telegram, .icon-thunder, .icon-thunderkick {
    display: block
}

.icon-quickfire {
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -2118px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 92px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-quickfire {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -1051px;
        height: 16px;
        width: 46px
    }
}

.icon-netent {
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -1814px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 91px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-netent {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -907px;
        height: 16px;
        width: 46px
    }
}


.askgamblers-link {
    font-size: 8px;
    font-size: .8rem
}

.footer-information {
    margin-top: 50px;
    color: #c9c9c9;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
}

.important-know {
    background: #39434c;
    margin: 40px 0
}

.important-know__links {
    width: 80%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 0
}

.important-know__links.centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.important-know__links.centered a {
    margin-right: 46px
}

.important-know__links a {
    color: #c9c9c9;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase
}

@media (min-width: 1000px) and (max-width: 1040px) {
    .important-know__links a {
        font-size: 11px
    }
}

@media (min-width: 1240px) and (max-width: 1370px) {
    .important-know__links a {
        font-size: 14px
    }
}

.site-information {
    -ms-flex-preferred-size: 650px;
    flex-basis: 650px;
    text-align: center;
    line-height: 1.8
}

@media (min-width: 1024px) {
    .site-information {
        max-width: 1200px;
        margin: auto
    }

    .site-information p {
        margin-top: 5px
    }
}

@media only screen and (max-width: 1280px) {
    .footer-information {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 1025px) {

    .footer-information {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-information-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #39434c;
        padding: 20px;
        text-align: center
    }

    .provider-list-mob {
        background: #27323b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .provider-list-mob .provider-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 48%;
        flex: 0 48%
    }
}

@media only screen and (max-width: 1025px) and (min-width: 700px) and (max-width: 900px) {
    .provider-list-mob .provider-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 24%;
        flex: 0 24%
    }
}

@media only screen and (max-width: 1025px) and (min-width: 360px) and (max-width: 500px) {
    .provider-list-mob .provider-list__item span {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    .provider-list-mob .provider-list__item span.icon-btg {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 300px) and (max-width: 321px) {
    .provider-list-mob .provider-list__item span {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }

    .provider-list-mob .provider-list__item span.icon-btg {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 1020px) and (max-width: 1025px) {
    .provider-list-mob .btg-padding-mob {
        padding-bottom: 4px
    }

    .provider-list-mob .btg-padding-mob span.icon-btg {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 560px) and (max-width: 649px) and (orientation: landscape) {
    .provider-list-mob .btg-padding-mob span {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .provider-list-mob .btg-padding-mob span.icon-btg {
        -webkit-transform: scale(.65);
        transform: scale(.65);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 650px) and (max-width: 699px) and (orientation: landscape) {
    .provider-list-mob .btg-padding-mob span {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    .provider-list-mob .btg-padding-mob span.icon-btg {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 700px) and (max-width: 820px) and (orientation: landscape) {
    .provider-list-mob .btg-padding-mob span.icon-btg {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 750px) and (max-width: 770px) {
    .provider-list-mob .btg-padding-mob {
        padding-bottom: 4px
    }

    .provider-list-mob .btg-padding-mob span.icon-btg {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        position: relative;
        top: -22px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 380px) and (max-width: 500px) {
    .provider-list-mob .btg-padding-mob {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 359px) and (max-width: 379px) {
    .provider-list-mob .btg-padding-mob {
        padding: 0
    }
}

@media only screen and (max-width: 1025px) and (min-width: 300px) and (max-width: 321px) {
    .provider-list-mob .btg-padding-mob {
        padding: 0;
        max-width: 160px
    }
}

@media only screen and (max-width: 1025px) {
    .important-know-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .important-know-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .important-know-mob__link {
        display: block;
        padding: 8px 0;
        text-decoration: none;
        font-size: 16px;
        line-height: 30px;
        text-transform: uppercase;
        color: #c9c9c9;
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        font-size: 1.6rem
    }

    .social-box-mob .social-title {
        color: #666;
        font-size: 16px;
        font-size: 1.6rem
    }

    .certificate-list-mob {
        margin: 0;
        padding-left: 0;
        background: #27323b;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 1025px) and (min-width: 300px) and (max-width: 950px) {
    .certificate-list-mob li {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@media only screen and (max-width: 1025px) {
    .site-information-mob {
        text-align: center;
        padding: 20px;
        line-height: 1.8;
        background: #27323b;
        margin-bottom: 100px;
        font-size: 11px;
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 480px) {
    .important-know-box {
        display: block
    }
}

.nav-footer-mob {
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    min-width: 300px;
    background: #39434c;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    z-index: 120
}

.nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 55px 0 20px;
    margin: 0 auto
}

.nav-content .jcf-scrollbar-horizontal {
    bottom: -10px;
    height: 3px;
    background: #435c70;
    border: none
}

.nav-content .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .nav-content .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    width: 3px;
    height: 3px;
    background: #435c70
}

.nav-content .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    top: -7px;
    background: #0afbda;
    border-radius: 10px
}

.nav-content__title {
    margin: 0 0 0 30px;
    padding: 0;
    color: #27323b;
    letter-spacing: 6px;
    font-family: MarvinVision;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #e44f5b, 1px -1px 0 #e44f5b, -1px 1px 0 #e44f5b, 1px 1px 0 #e44f5b;
    font-size: 40px;
    font-size: 4rem
}

.navbar-mob {
    display: none
}

.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    width: 80%;
    margin: 0 auto;
    border: 2px solid #e44f5b;
    border-radius: 10px
}

.nav-tabs__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.nav-tabs__link {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 52px;
    line-height: 5.2rem
}

.nav-tabs__link_active {
    position: relative;
    color: #e44f5b;
    text-shadow: 0 0 40px #e44f5b
}

.nav-tabs__link_active::after, .nav-tabs__link_active::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.nav-tabs__link_active::before {
    top: -2px;
    width: 50px;
    height: 3px;
    background-color: #27323b
}

.nav-tabs__link_active::after {
    content: url(/dist/images/navbar/navbar-icon__active.svg);
    top: -37px;
    width: 30px
}

.nav-tabs-cabinet-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1366px) {
    .nav-tabs__link {
        font-size: 11px;
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 1024px) {
    .nav-tabs__link {
        line-height: 40px
    }

    .nav-content__title {
        display: none
    }

    .nav-tabs__link {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 960px) {
    .navbar-desktop {
        display: none
    }

    .navbar-mob {
        display: block
    }

    .navbar-mob .nav-tabs {
        border: none;
        border-radius: 0;
        margin: 10px auto;
        width: 100%;
        border-top: 2px solid #e44f5b;
        border-bottom: 2px solid #e44f5b
    }
}

@media only screen and (max-width: 768px) {
    .nav-content {
        width: 95%
    }

    .nav-tabs__link {
        font-size: 11px;
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 480px) {
    .nav-content__title {
        display: none
    }

    .nav-content .slick-list {
        height: 40px
    }
}

.page-registration {
    min-height: 85vh;
    background: url(/dist/images/bg/bg-game.svg) center center no-repeat;
    background-size: cover
}

.registration-wrap {
    display: block;
    position: relative;
    margin: 90px auto 0 auto;
    width: 100%;
    max-width: 972px;
    min-height: 100px;
    bottom: 60px;
    background: rgba(36, 50, 60, .8);
    border: .5px solid #0afbda
}

@media (min-width: 1010px) and (max-width: 1025px) {
    .registration-wrap {
        width: 90%
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    .registration-wrap {
        width: 90%
    }
}

.registration-wrap .text-w-100 {
    width: 100%
}

@media (min-width: 1010px) and (max-width: 1025px) {
    .registration-wrap .registration-warning-text {
        margin-top: 8px
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    .registration-wrap .registration-warning-text {
        margin-top: 8px
    }
}

@media (min-width: 359px) and (max-width: 376px) {
    .registration-wrap .registration-warning-text {
        font-size: 2.8rem;
        margin-top: 40px
    }
}

.registration-wrap .dropdown .jcf-select {
    min-width: 230px
}

.sn {
    padding: 80px 0
}

.registration-box {
    margin: 0 auto;
    padding: 40px 0 25px;
    width: 302px
}

.registration-box__text {
    text-align: center;
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem
}

.registration-box__link {
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

.registration-box .form__row_drop .jcf-select {
    margin-bottom: 8px
}

.input-password {
    padding: 0 30px 0 10px
}

.page-registration-complete {
    padding: 90px 0;
    color: #fff;
    min-height: 600px;
    background: #27323b;
    background-size: cover
}

.page-registration-complete__description {
    font-size: 20px;
    font-size: 2rem
}

.registration-complete-wrap {
    display: block;
    margin: 0 auto;
    padding: 50px 0 0 0;
    background: #27323b
}

@media only screen and (max-width: 1124px) {
    .registration-complete-wrap {
        width: 80%
    }

    .registration-complete-wrap .notification-msg__title_success {
        font-size: 30px;
        font-size: 3rem
    }

    .registration-complete-wrap .notification-msg__text {
        font-size: 26px;
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 768px) {
    .registration-complete-wrap {
        width: 90%
    }
}

@media only screen and (max-width: 620px) {
    .registration-complete-wrap .notification-msg__title_success {
        font-size: 40px;
        font-size: 4rem
    }

    .registration-complete-wrap .notification-msg__text {
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 480px) {
    .registration-wrap {
        margin: unset;
        width: 100%;
        border: none;
        background: 0 0
    }

    .registration-wrap .registration-box {
        width: 80%
    }

    .registration-wrap .form__row_drop {
        margin: 0 auto
    }

    .registration-wrap .inpt-captcha {
        width: 150px
    }

    .registration-box {
        width: 90%
    }
}

.confirm-contract {
    cursor: pointer
}

.soc-registration-box {
    margin: 0 auto;
    padding: 20px 0 60px;
    width: 302px
}

.soc-registration-box__link {
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

.page-soc-reg-confirm {
    padding: 45px 0 90px;
    min-height: 600px;
    background: #27323b;
    background-size: cover
}

.soc-reg-confirm-wrap {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 920px;
    background: #27323b
}

.soc-reg-confirm-box {
    margin: 0 auto;
    padding: 0 0 50px;
    width: 302px
}

.soc-reg-confirm-box__link {
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

.soc-reg-confirm-msg {
    padding: 20px 0 25px
}

.soc-reg-confirm-msg__title {
    padding: 0;
    font-family: MarvinVision;
    color: #27323b;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda;
    font-size: 90px;
    font-size: 9rem
}

.soc-reg-confirm-msg__sub-title {
    padding: 0;
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: inherit;
    font-size: 26px;
    font-size: 2.6rem
}

.page-authorization {
    padding: 90px 0;
    min-height: 600px;
    background: #27323b;
    background-size: cover
}

.authorization-wrap {
    display: block;
    margin: 0 auto;
    padding: 50px 0 0 0;
    background: #27323b
}

.authorization-box {
    margin: 0 auto;
    padding: 20px 0 25px;
    width: 302px
}

.authorization-box .btn {
    margin-top: 30px
}

.authorization-box__link {
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

@media only screen and (max-width: 480px) {
    .page-authorization {
        padding: 0;
        min-height: 550px
    }

    .page-authorization .authorization-wrap {
        padding-top: 25px
    }
}

.page-restore {
    padding: 90px 0;
    min-height: 600px;
    background: #27323b;
    background-size: cover
}

.restore-wrap {
    display: block;
    margin: 0 auto;
    padding: 50px 0 0 0;
    width: 600px;
    background: #27323b
}

.restore-box {
    margin: 0 auto;
    padding: 20px 0 25px;
    width: 302px
}

.restore-box__text {
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem
}

.restore-box__link {
    display: inline-block;
    margin: 0 auto;
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

.restore-msg {
    padding: 20px 0 25px
}

.restore-msg__title {
    padding: 0;
    font-family: MarvinVision;
    color: #27323b;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0 -1px 4px #0afbda, 0 -1px 4px #0afbda, 0 1px 4px #0afbda, 0 1px 4px #0afbda;
    font-size: 90px;
    font-size: 9rem
}

.restore-msg__sub-title {
    padding: 0;
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: inherit;
    font-size: 26px;
    font-size: 2.6rem
}

@media only screen and (max-width: 480px) {
    .page-restore {
        padding: 30px 0 0 0
    }

    .reset-wrap {
        width: 100%;
        padding: 0
    }

    .reset-wrap .title {
        padding-bottom: 0
    }

    .reset-box {
        width: 80%;
        padding-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .restore-wrap {
        width: 100%;
        padding-top: 0
    }

    .restore-msg {
        padding: 10px 0 10px
    }

    .restore-msg__title {
        font-size: 75px;
        font-size: 7.5rem
    }
}

.page-reset {
    padding: 90px 0;
    min-height: 600px;
    background: #27323b;
    background-size: cover
}

.reset-wrap {
    display: block;
    margin: 0 auto;
    padding: 50px 0 0 0;
    width: 600px;
    background: #27323b
}

.reset-box {
    margin: 0 auto;
    padding: 20px 0 25px;
    width: 302px
}

.reset-box__title {
    font-size: 24px;
    font-size: 2.4rem
}

.reset-box__text {
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem
}

.reset-box__link {
    display: inline-block;
    margin: 0 auto;
    color: #0afbda;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    font-size: 1.1rem
}

.reset-msg {
    padding: 20px 0 25px
}

.reset-msg__title {
    padding: 0;
    font-family: MarvinVision;
    color: #27323b;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090;
    font-size: 90px;
    font-size: 9rem
}

.reset-msg__sub-title {
    padding: 0;
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-transform: inherit;
    font-size: 26px;
    font-size: 2.6rem
}

.page-promo__title-box {
    margin: 15px auto;
    text-align: center;
    width: 100%
}

.page-promo-item {
    padding: 0
}

.page-promo-item .promo-back-button {
    padding: 24px 22px;
    text-transform: uppercase;
    display: inline-block
}

.promo-wrap {
    margin: 0 auto;
    padding: 0 0 60px;
    max-width: 1024px;
    min-width: 320px
}

.promo-banner {
    padding: 90px 0;
    position: relative;
    height: 360px;
    background: url(bg/bg-promo-item.jpg) left no-repeat;
    background-color: #000
}

.promo-banner__title-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    max-width: 1024px
}

.promo-text {
    padding: 20px 20px 60px 20px
}

.promo-list {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.promo-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    padding: 3%
}

@media (min-width: 567px) {
    .promo-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 284px;
        flex: 0 0 284px
    }
}

.promo-item__link {
    display: block
}

.promo-item__image {
    display: block;
    margin: 0 auto;
    padding: 10px;
    max-width: 100%;
    height: auto;
    width: 100%;
    border: 1px solid #0afbda;
    -webkit-box-shadow: inset 0 0 7px 0 #0afbda, 0 0 7px 0 #0afbda;
    box-shadow: inset 0 0 7px 0 #0afbda, 0 0 7px 0 #0afbda
}

@media (min-width: 567px) {
    .promo-item__image {
        height: 222px
    }
}

.promo-item__image:hover {
    opacity: .5
}

.promo-item__title {
    display: block;
    margin: 7px 0 0;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (max-width: 960px) {
    .promo-wrap {
        width: 98%
    }
}

@media only screen and (max-width: 768px) {
    .page-promo {
        padding-top: 0
    }

    .promo-wrap .title-decor_red {
        border: none;
        padding: 5px 0;
        font-size: 30px
    }

    .promo-wrap .title-decor_red::after {
        content: none
    }

    .promo-wrap .page-promo {
        padding-top: 0
    }

    .promo-wrap .page-promo__title-box {
        width: 100%
    }

    .promo-banner {
        position: relative;
        height: 100%
    }

    .promo-banner__title-box {
        margin: 0 auto
    }

    .promo-banner .title-decor_white {
        font-size: 30px;
        font-size: 3rem
    }

    .promo-text {
        padding: 0 20px
    }
}

@media only screen and (max-width: 660px) {
    .promo-wrap {
        padding: 10px 0 0 0
    }
}

@media only screen and (max-width: 480px) {
    .promo-wrap {
        width: 100%
    }

    .promo-banner {
        position: relative;
        top: 20px
    }

    .promo-banner .title-decor_white {
        font-size: 27px;
        font-size: 2.7rem
    }
}

.page-news__title-box {
    margin: 15px auto;
    text-align: center;
    width: 610px
}

.page-news-item {
    padding: 0
}

.news-wrap {
    margin: 0 auto;
    padding: 0 0 120px;
    max-width: 1224px;
    min-width: 320px
}

.news-box {
    margin: 0 0 60px
}

.news-banner {
    padding: 90px 0;
    height: 360px;
    background: url(bg/bg-promo-item.jpg) top center no-repeat;
    background-size: cover
}

.news-banner__title-box {
    position: relative;
    margin: 110px auto;
    max-width: 1024px
}

.news-banner__title-box::after, .news-banner__title-box::before {
    content: '';
    position: absolute;
    top: 0;
    width: 46%;
    height: 1px;
    background: #fff;
    -webkit-box-shadow: 0 0 7px 0 #000;
    box-shadow: 0 0 7px 0 #000
}

.news-banner__title-box::before {
    left: 0
}

.news-banner__title-box::after {
    right: 0
}

.news-text {
    padding: 20px 20px 60px 20px
}

.news-list {
    margin: 40px 0
}

.news-list__item {
    display: inline-block;
    float: left;
    margin: 0 32px;
    width: 19%;
    height: 320px
}

.news-item {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    min-width: 220px
}

.news-item__type {
    position: absolute;
    top: -20px;
    right: -50px;
    width: 164px;
    height: 28px;
    -webkit-box-shadow: 0 0 14px 0 #000;
    box-shadow: 0 0 14px 0 #000;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 32px;
    letter-spacing: 1px;
    font-size: 11px;
    font-size: 1.1rem;
    z-index: 10
}

.news-item__type_violet {
    background: #9e7ac2;
    color: #fff;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden
}

.news-item__type_yellow {
    background: #fdf151;
    color: #9e7ac2;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden
}

.news-item__link {
    display: block
}

.news-item__image {
    display: block;
    margin: 0 auto;
    padding: 10px;
    max-width: 222px;
    width: 100%;
    max-height: 222px;
    min-height: 222px;
    height: auto;
    border: 1px solid #0afbda;
    -webkit-box-shadow: inset 0 0 7px 0 #0afbda, 0 0 7px 0 #0afbda;
    box-shadow: inset 0 0 7px 0 #0afbda, 0 0 7px 0 #0afbda
}

.news-item__image:hover {
    opacity: .5
}

.news-item__title {
    display: block;
    margin: 7px 0 0;
    padding: 0 30px;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (max-width: 1080px) {
    .news-item__image {
        min-height: 200px
    }
}

@media only screen and (max-width: 960px) {
    .news-wrap {
        width: 98%
    }

    .news-item__image {
        min-height: 222px
    }
}

@media only screen and (max-width: 860px) {
    .news-item__image {
        min-height: 140px
    }
}

@media only screen and (max-width: 768px) {
    .news-wrap .title-decor_red {
        border: none;
        padding: 5px 0;
        font-size: 30px
    }

    .news-wrap .title-decor_red::after {
        content: none
    }

    .page-news {
        padding-top: 0
    }

    .page-news__title-box {
        width: 100%
    }

    .news-list {
        margin: 20px 0
    }

    .news-list__item {
        padding: 2% 3%;
        height: 280px
    }

    .news-item__title {
        padding: 0
    }

    .news-item__image {
        min-height: 120px
    }
}

@media only screen and (max-width: 630px) {
    .news-item__image {
        min-height: 170px
    }
}

@media only screen and (max-width: 620px) {
    .news-wrap {
        width: 94%
    }

    .news-list__item {
        width: 50%
    }

    .news-item__image {
        min-height: 200px
    }
}

@media only screen and (max-width: 480px) {
    .news-list__item {
        padding: 3% 4%
    }

    .news-item__image {
        min-height: 160px;
        min-width: 160px
    }
}

@media only screen and (max-width: 390px) {
    .news-item__type_violet, .news-item__type_yellow {
        font-size: 10px;
        font-size: 1rem
    }

    .news-item__image {
        min-height: 135px;
        min-width: 135px
    }
}

@media (max-width: 600px) and (orientation: landscape) {
    .news-list__item {
        width: 33%;
        min-height: 135px;
        min-width: 135px
    }
}

.cash-wrap {
    width: 90vw;
    margin: 0 auto;
    min-height: auto;
    padding-top: 30px
}

.cash-wrap-iframe {
    width: 98vw;
    margin: 0 auto;
    padding: 0
}

.cash-box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cash-box-container .cabinet-action {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 768px) {
    .cash-box-container .cabinet-action {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.cash-box-container .action-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cash-box-container .action-name {
    margin: 5px 0;
    text-shadow: none !important
}

.cash-box-container .actions {
    display: block;
    margin: 0 0 0 50px;
    padding: 20px;
    width: 325px;
    height: 650px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #3d4953;
    border-radius: 3px;
    overflow-y: auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.cash-box-container .actions .action-box {
    padding: 0 20px
}

.cash-box-container .actions .action-description {
    height: auto
}

@media (max-width: 768px) {
    .cash-box-container .actions {
        display: none;
        margin: 0 auto;
        height: 100%
    }
}

.cash-box-container .cabinet-action-name {
    display: none
}

.actions-mobile {
    display: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 15px 0;
    font-size: 20px;
    font-size: 2rem
}

@media (max-width: 768px) {
    .actions-mobile {
        display: block
    }
}

.actions-mobile .choose-action-text {
    text-align: center;
    color: #0afbda;
    text-decoration: underline;
    padding: 15px 0;
    cursor: pointer
}

.cash-payment-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background-color: #3d4953;
    padding: 20px;
    width: 400px
}

.cash-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0 30px;
    width: 40%
}

@media (min-width: 1080px) and (max-width: 1228px) {
    .cash-list {
        width: 50%
    }
}

@media (max-width: 1080px) {
    .cash-list {
        width: 43%
    }
}

@media (max-width: 768px) {
    .cash-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 400px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.cash-list__item {
    width: 100%;
    height: auto;
    cursor: pointer;
    list-style: none
}

@media (max-width: 480px) {
    .cash-list__item {
        width: 90%;
        margin: 0 auto
    }
}

.cash-deposit-box .lds-dual-ring {
    top: 10%;
    left: 25%
}

@media (min-width: 320px) and (max-width: 800px) {
    .cash-deposit-box .lds-dual-ring {
        left: 50%
    }
}

.cash-deposit-box-withdrawal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cash-payment-box__withdrawal {
    margin: 0 auto
}

.payment-item-box__title {
    margin-top: 10px;
    margin-top: 1rem;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: Open Sans !important;
    letter-spacing: 2px !important;
    font-weight: 700;
    line-heigh: normal !important
}

#pay-systems {
    overflow-y: scroll;
    padding-right: 8px
}

#pay-systems::-webkit-scrollbar {
    width: 8px
}

#pay-systems::-webkit-scrollbar-track {
    background: #333
}

#pay-systems::-webkit-scrollbar-thumb {
    background: #777
}

@media only screen and (max-width: 620px) {
    .cash-notification-box {
        width: 100%
    }
}

@media (min-width: 639px) and (max-width: 641px) and (orientation: landscape) {
    .cash-notification-box {
        width: 100%
    }
}

.page-unsubscribe {
    text-align: center
}

.page-unsubscribe .description-title {
    letter-spacing: normal
}

@media (max-width: 768px) {
    #bonus-history {
        padding: 0 !important;
        width: 95vw
    }
}

.history-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history-box {
    margin: 40px auto 80px;
    width: 95%
}

.history-box h3 {
    margin-bottom: 12px
}

@media (max-width: 768px) {
    .history-box {
        width: 100%;
        margin: 0 auto 20px
    }
}

.wrapper {
    padding: 20px 40px;
    background: #27323b;
    font-family: Open Sans, sans-serif
}

.cabinet-content {
    margin-bottom: 50px
}

.cabinet-balance {
    text-align: center
}

.cabinet-balance-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 600px;
    margin: 0 auto
}

.cabinet-balance-user .active-status-name {
    font-weight: 700;
    font-size: 46px;
    font-size: 4.6rem
}

.cabinet-balance-user .progressbar .ui-progressbar {
    height: 22px;
    background: #27323b;
    border-radius: 0
}

.balance-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    width: 90%
}

.balance-wrapper .balance-bonus, .balance-wrapper .balance-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    height: 155px;
    border-radius: 2px;
    font-family: Open Sans, sans-serif
}

.balance-wrapper .balance-bonus__title, .balance-wrapper .balance-box__title {
    font-size: 18px;
    text-transform: none
}

.balance-wrapper .balance-bonus__info, .balance-wrapper .balance-box__info {
    font-size: 32px;
    font-size: 3.2rem
}

.balance-wrapper .balance-box {
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, from(#6dd4c5), color-stop(#5dc8c2), color-stop(#4ebdbf), color-stop(#42b1bb), to(#38a5b6));
    background-image: linear-gradient(to right, #6dd4c5, #5dc8c2, #4ebdbf, #42b1bb, #38a5b6);
    border: 1px solid #4dabaf;
    -webkit-filter: drop-shadow(0 0 6px #4dabaf);
    filter: drop-shadow(0 0 6px #4dabaf)
}

.balance-wrapper .balance-box__logo {
    position: absolute;
    bottom: 0;
    background: url(cabinet/icon-cash.png) no-repeat center center;
    width: 100px;
    height: 125px
}

.balance-wrapper .balance-bonus {
    background: #9e7ac2;
    -webkit-filter: drop-shadow(0 0 6px #9e7ac2);
    filter: drop-shadow(0 0 6px #9e7ac2)
}

.cabinet-balance-actions .cabinet-action .actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.active-all-bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-family: Open Sans, sans-serif
}

.active-all-points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-family: Open Sans, sans-serif
}

.active-status-bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    font-size: 2.1rem
}

.active-status-bonuses div {
    padding-top: 8px
}

.active-status-bonuses .active-bonus__title, .active-status-bonuses .active-bonus__value {
    color: #fdf151;
    -webkit-filter: drop-shadow(0 0 6px #fdf151);
    filter: drop-shadow(0 0 6px #fdf151)
}

.active-status-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.active-status-value {
    margin-left: 86px;
    text-align: left
}

.active-status-points {
    margin-right: 10px;
    margin-left: 48px;
    text-align: left
}

.played-wager {
    font-size: 20px;
    font-size: 2rem
}

.other-title, .other-value {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

.played {
    margin-top: 45px;
    color: #fff
}

.played__title {
    text-align: left;
    padding-left: 82px;
    text-transform: capitalize;
    font-size: 18px;
    font-size: 1.8rem
}

.played__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.played__value .progressbar {
    margin-top: 8px;
    width: 280px;
    border: 1px solid #9e7ac2
}

.played__value .ui-progressbar {
    height: 2rem
}

.played__value .ui-widget-header {
    background: #fdf151
}

.played__value .ui-progressbar-value {
    border-radius: 0;
    border: 1px solid #9e7ac2
}

.played__value .ui-widget-content {
    background: #27323b;
    border-radius: 0
}

.played__image {
    position: relative;
    background: url(cabinet/status-like.png) no-repeat center center;
    width: 50px;
    height: 30px;
    margin-left: 5px;
    margin-top: -2px
}

.bottom-title, .up-title {
    position: absolute;
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    font-size: 2rem
}

.up-title {
    top: -31px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bottom-title {
    margin-top: 25px;
    margin-left: 5px
}

.ui-progressbar {
    height: 2.8rem;
    overflow: unset
}

.ui-widget-header {
    color: #000
}

.ui-progressbar-value {
    color: #27323b;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid silver;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem
}

.ui-progressbar-value .current-progress-value {
    position: absolute;
    top: -30px;
    color: #fff;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%)
}

.ui-progressbar-value .current-progress-title {
    padding-left: 10px;
    float: left
}

.tab-verification {
    position: relative
}

.tab-verification .operator-request {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -65%;
    left: 105%;
    border-radius: 50%;
    background-color: #e44f5b;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (max-width: 768px) {
    .wrapper {
        padding-top: 0
    }

    .tab-verification .operator-request {
        width: 15px;
        height: 15px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .successfully__title {
        font-size: 46px;
        font-size: 4.6rem
    }

    .successfully__description {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 480px) {
    .cabinet-content {
        margin-bottom: 10px
    }

    .document {
        width: 100%
    }

    .wrapper {
        padding: 0 20px 40px 20px
    }

    .wrapper .edit-personal-form .location .jcf-select {
        min-width: 175px
    }

    .wrapper .edit-personal-form .jcf-select {
        min-width: 90px
    }

    .wrapper .document-upload {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wrapper .document-upload__btn {
        margin-top: 30px
    }

    .wrapper .upload-result .progressbar {
        width: 280px;
        margin: 30px 0 0 0
    }

    .wrapper .document-progressbar {
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .document__confirm__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .document__confirm__card__description {
        width: 100%
    }

    .active-status {
        width: 100%
    }

    .active-status .active-status-name {
        display: none
    }

    .active-status .active-status-progressbar {
        margin: 20px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .active-status .active-status-progressbar .progressbar .ui-progressbar {
        height: 15px
    }

    .active-status .active-status-progressbar .progressbar .ui-progressbar-value {
        line-height: 16px
    }

    .active-status .active-status-progressbar .active-status-icon {
        padding: 24px 19px;
        background-color: #455662;
        margin-right: 10px
    }

    .played__value .progressbar {
        width: 250px
    }

    .balance-wrapper .balance-bonus {
        margin-top: 20px
    }

    .active-status-bonuses {
        margin-left: 0
    }

    .change-password__form {
        width: 85%;
        margin: 0 auto
    }
}

.cabinet-personal {
    max-width: 420px;
    margin: 0 auto;
    text-transform: none;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

.personal-user {
    text-align: center
}

.personal-user__title {
    text-transform: uppercase;
    font-family: Open Sans, sans-serif
}

.personal-user__item {
    margin: 20px 0;
    text-align: left
}

.personal-user__field {
    text-transform: none
}

.personal-user__field__phone_confirm {
    position: relative;
    bottom: 10px
}

.personal-user__field__phone_confirm table td {
    background: unset
}

.personal-user__description {
    padding-top: 3px;
    color: #909090;
    text-transform: none;
    font-size: 10px;
    font-size: 1rem
}

.personal-user__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.personal-user .phone-confirm-label {
    color: #fdf151;
    font-size: 14px;
    font-size: 1.4rem
}

.personal-user__email .personal-user__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.change-password {
    max-width: 300px;
    margin: 50px auto;
    text-align: center;
    color: #fff
}

.change-password__title {
    text-transform: uppercase
}

.change-password .label {
    display: inline-block;
    text-transform: lowercase
}

.change-password .form__row {
    margin: 0
}

.change-password .confirm_inpt {
    font-size: 18px;
    font-family: Open Sans, sans-serif
}

.change-password .btn-form {
    width: 200px
}

.send-email {
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem
}

.send-email__title {
    text-align: center;
    text-transform: uppercase
}

.send-email__checkbox-box {
    width: 140px;
    margin: 0 auto
}

.send-email__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

.send-email .input {
    display: block;
    cursor: pointer;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.send-email .send-label {
    display: block;
    margin-left: 15px;
    text-transform: none;
    text-align: left
}

.edit-personal-form {
    font-family: Open Sans, sans-serif;
    margin-top: 40px
}

.edit-personal-form .edit-form__item {
    margin: 8px 0
}

.edit-personal-form .edit-form .inpt {
    font-size: 18px;
    font-size: 1.8rem
}

.edit-personal-form .edit-form__nickname {
    width: 45%
}

.edit-personal-form .edit-form .location, .edit-personal-form .edit-form .name-surname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.edit-personal-form .edit-form__surname {
    margin-left: 15px
}

.edit-personal-form .edit-form__city {
    width: 100%;
    margin-left: 15px;
    margin-top: 25px
}

.edit-personal-form .edit-form__email {
    width: 70%
}

.edit-personal-form .edit-form .date-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-personal-form .edit-form__country .jcf-select {
    min-width: 200px
}

.edit-personal-form .jcf-select {
    min-width: 120px;
    height: 40px
}

.edit-personal-form .jcf-select-drop {
    top: 40px
}

.edit-personal-form .select-country {
    color: #0afbda
}

.email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.email__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.email__confirm, .email__no-confirm {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem
}

.email__no-confirm {
    height: 20px;
    display: block;
    color: #0afbda;
    border-bottom: 1px dashed #0afbda;
    -webkit-transition: .35s;
    transition: .35s
}

.email__no-confirm:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.email__confirm {
    color: #fdf151
}

.email .email-value {
    display: block;
    text-align: left
}

.phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.phone__item {
    width: 55%
}

.phone__confirm, .phone__no-confirm {
    cursor: pointer;
    text-transform: uppercase;
    border: unset;
    background: unset;
    margin-left: 10px;
    font-size: 12px;
    font-size: 1.2rem
}

.phone__no-confirm {
    display: block;
    color: #0afbda;
    border-bottom: 1px dashed #0afbda;
    -webkit-transition: .35s;
    transition: .35s;
    padding: 5px 0
}

.phone__no-confirm:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.phone__confirm {
    display: none;
    color: #fdf151
}

.phone .captcha-img {
    display: block
}

.phone__confirm-code .confirm-code {
    width: 60px
}

.points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: block;
    background: unset;
    border: unset;
    color: #0afbda;
    border-bottom: 1px dashed #0afbda;
    -webkit-transition: .35s;
    transition: .35s;
    height: 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem
}

.points:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

#phoneConfirmForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#phoneConfirmForm table {
    border-spacing: unset !important
}

#phoneConfirmForm .input-phone {
    width: 60px;
    margin-right: 20px
}

#phoneConfirmForm .confirm-code-label {
    color: #fdf151;
    margin-top: -5px;
    margin-right: 20px;
    font-size: 10px;
    font-size: 1rem
}

.successfully-change-password {
    display: none
}

.password-err {
    display: block
}

#countryError, #dateError, #phoneError {
    display: block;
    width: 95%;
    background-color: red;
    margin-top: 20px;
    height: 18px;
    text-transform: lowercase
}

.verification {
    max-width: 900px;
    margin: 0 auto;
    text-transform: none
}

.verification__text .text {
    line-height: 1.5
}

.verification .accordion {
    cursor: pointer;
    background: unset;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    -webkit-transition: .4s;
    transition: .4s
}

.verification .accordion .jcf-select-text {
    white-space: normal;
    line-height: 1.5 !important;
    font-size: 14px;
    font-size: 1.4rem
}

.verification .panel {
    padding: 0 18px;
    display: none;
    overflow: hidden
}

.document {
    margin: 45px auto 0 auto;
    width: 75%;
    font-size: 28px;
    font-size: 2.8rem
}

.document__title {
    text-transform: uppercase;
    text-align: center
}

.document .value-payment-card {
    width: 65%
}

.document .title-payment-method {
    width: 65%
}

.document__confirm {
    cursor: default;
    font-size: 16px;
    font-size: 1.6rem
}

.document__confirm__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.document__confirm .payment-card {
    padding-top: 20px
}

.document__confirm .card-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.document .document-success {
    color: #39b54a
}

.document .document-not-confirm {
    color: #e91e63
}

.document .document-in-progress {
    color: #fdf151
}

.document .document-new {
    color: #fdf151
}

.document-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 50px;
    font-size: 16px;
    font-size: 1.6rem
}

.document-upload__title {
    font-family: Open Sans, sans-serif;
    width: 60%
}

.document-upload__btn .upload-file {
    display: none
}

.document-upload__btn .upload-label {
    display: block;
    padding: 10px;
    background: 0 0;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    border: 1px solid #0afbda;
    text-align: center
}

.document-upload__btn .upload-label:hover {
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.document-upload__btn .upload-label:active {
    background: #24bcae;
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.upload-result {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem
}

.upload-result .document-progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 35px;
    font-family: Open Sans, sans-serif
}

.upload-result .document-progressbar .progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: 0 0;
    width: 250px;
    height: 40px;
    margin: 15px 15px 55px;
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.upload-result .document-progressbar .progressbar .ui-progressbar-value {
    height: 100%;
    border: 1px solid transparent;
    background: #24bcae !important
}

.upload-result .document-progressbar .upload-info {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    width: 210px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.upload-result .document-progressbar .progress-title {
    color: #fff
}

.upload-result .document-progressbar .progress-upload {
    margin-left: 10px;
    line-height: 3;
    color: #fdf151
}

.successfully {
    display: none;
    max-width: 900px;
    margin: 50px auto;
    text-transform: none;
    text-align: center;
    z-index: 9999;
    font-size: 16px;
    font-size: 1.6rem
}

.successfully__title {
    padding: 0;
    font-family: MarvinVision;
    color: #24bcae;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 80px;
    font-size: 8rem
}

.successfully__text {
    margin-top: 15px;
    font-family: Open Sans, sans-serif
}

.successfully__description {
    margin-top: 15px;
    text-align: left
}

.successfully__link {
    color: #24bcae;
    text-decoration: underline
}

.verification_apply {
    text-align: center
}

.btn-apply-verification {
    display: none
}

.error-result-upload {
    background: red !important
}

.success-result-upload {
    background: #27323b !important
}

.success-progressbar {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #0afbda !important
}

.error-progressbar {
    border: 1px solid red !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.error-verification {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 100%;
    color: red;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-size: 1.4rem
}

@media only screen and (max-width: 500px) {
    .document__confirm__card__description {
        margin-right: 15px
    }
}

.search-box {
    width: 330px;
    max-width: 90%;
    margin: 0 auto;
    background: 0 0
}

.search-box .search-filter {
    padding-left: 50px
}

.search-box::after, .search-box::before {
    border: none
}

.search-box .jcf-select {
    height: 45px
}

.search-box .jcf-select-text {
    height: 100%
}

.search-box .jcf-list .jcf-option {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 30px;
    line-height: 3rem
}

.status_win:after {
    display: none
}

.action-name {
    margin: 25px 0 0;
    font-family: Open Sans, sans-serif;
    line-height: 29px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -3px 0 15px rgba(112, 247, 219, .76);
    font-size: 22px;
    font-size: 2.2rem
}

.action-name.no-actions-available {
    text-align: center;
    font-size: 20px
}

.wrapper .deposit-action-name {
    display: none
}

.wrapper .actions-mobile {
    display: none
}

.not-active-label {
    -webkit-filter: contrast(30%);
    filter: contrast(30%)
}

.date-color {
    color: #0afbda
}

.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

@media (max-width: 1080px) {
    .actions {
        margin-left: 0
    }
}

.actions::-webkit-scrollbar {
    width: 8px
}

.actions::-webkit-scrollbar-track {
    background: #333
}

.actions::-webkit-scrollbar-thumb {
    background: #777
}

.actions .scrollable .overview {
    width: 200px
}

.actions .game-link {
    display: block;
    color: #0afbda
}

.actions .game-link:hover {
    color: #fdf151
}

.actions .action-time .date {
    color: #e44f5b
}

.actions .text {
    margin: 0;
    padding-bottom: 5px;
    text-align: left;
    color: #ccc;
    font-size: 13px;
    font-size: 1.3rem
}

.actions .text-deposit {
    color: #fff
}

.actions .confirm-text {
    display: block;
    color: #0afbda;
    -webkit-transition: .35s;
    transition: .35s;
    cursor: pointer
}

.actions .confirm-text:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.actions .rules-text {
    margin: 10px 0 0 0;
    text-transform: uppercase
}

.actions .rules-text.rules-text--mt-0 {
    margin-top: 0
}

.actions .action-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.actions .action-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 270px;
    padding: 20px 25px
}

.actions .action-box .btn {
    background-color: #67d0c6;
    padding: 16px 42px
}

.actions .action-box .btn-disabled {
    padding: 16px 42px
}

.actions .no-actions-description {
    margin-top: 20px;
    font-size: 15px;
    font-size: 1.5rem
}

.action-box__description {
    margin: 15px 0 25px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem
}

.action-box__description .action-text {
    width: 200px;
    margin-top: 5px
}

.action-box__description .action-text .scroll-bar {
    opacity: 0;
    -webkit-transition: .35s;
    transition: .35s
}

.action-box__description .action-text .overwiew {
    width: 100%
}

.action-box__description .action-text:hover .scroll-bar {
    opacity: 1
}

.action-box__details {
    margin-bottom: 12px;
    text-align: left
}

.action-box__details .action-box__details--heading {
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 4px;
    font-size: 13px;
    font-size: 1.3rem
}

.action-box__details ul.action-box__details--list {
    margin: 0;
    color: #fdf151
}

.action-box__details ul.action-box__details--list li {
    line-height: 20px
}

.action-box__logo {
    position: relative;
    width: 100%;
    height: 100px
}

.action-box__logo .action-time {
    padding-top: 10px
}

.action-sum__active .action-box__logo {
    background: url(/dist/images/action/action-icon-bonus.svg) no-repeat center 0;
    background-size: contain
}

.action-sum__disabled .action-box__logo {
    background: url(/dist/images/action/action-icon-bonus_disabled.svg) no-repeat center 0;
    background-size: contain
}

.action-sum .date {
    color: #24bcae
}

.action-fs__active .action-box__logo {
    background: url(/dist/images/action/action-icon-freespins.svg) no-repeat center 0;
    background-size: contain
}

.action-fs__disabled .action-box__logo {
    background: url(/dist/images/action/action-icon-freespins_disabled.svg) no-repeat center 0;
    background-size: contain
}

.status-wrap {
    width: 60%;
    margin: 0 auto 50px auto
}

.status-wrap h1 {
    font-family: Open Sans, sans-serif;
    color: #fdf151
}

.statuses .status {
    margin-bottom: 60px
}

.statuses .table-first tr td {
    background: #435562
}

.statuses .statuses-title {
    margin: 40px 0 20px -20px
}

.statuses .active-status-icon {
    margin: 25px auto 0 auto;
    width: 5px
}

.statuses .active-status-icon:hover {
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 1600px) {
    .status-wrap {
        width: 80%
    }
}

.wrapper-tournament {
    width: 80%;
    margin: 25px auto 0;
    font-family: Open Sans, sans-serif
}

.wrapper-tournament .go-back {
    margin: 12px 0 12px
}

@media only screen and (max-width: 1600px) {
    .wrapper-tournament {
        width: 95%
    }
}

.tournament-hight-block {
    min-height: 80vw
}

.tournament {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #1b2c34;
    padding: 45px 30px 30px;
    margin-bottom: 35px;
    font-size: 15px;
    font-size: 1.5rem
}

@media only screen and (max-width: 768px) {
    .tournament {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 620px) {
    .tournament {
        padding: 20px
    }
}

@media only screen and (max-width: 440px) {
    .tournament {
        padding: 4px
    }
}

.tournament-item {
    width: 300px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px
}

.tournament-item.tournament-carousel {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: calc(100% / 3)
}

@media only screen and (max-width: 768px) {
    .tournament-item.tournament-carousel {
        width: calc(100% - 70px)
    }
}

@media only screen and (max-width: 480px) {
    .tournament-item.tournament-carousel {
        width: calc(100% - 140px)
    }
}

@media only screen and (max-width: 400px) {
    .tournament-item.tournament-carousel {
        width: calc(100% - 100px)
    }
}

@media only screen and (max-width: 768px) {
    .tournament-item {
        width: 100%
    }
}

.tournament-timer-info h3 {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.tournament-info__participate-text {
    display: inline-block;
    margin: 15px auto;
    padding: 12px 30px;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Roboto Slab Bold";
    text-align: center
}

@media only screen and (max-width: 768px) {
    .tournament-item + .tournament-item {
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

.tournament-info {
    text-align: center;
    padding: 0 35px
}

@media only screen and (max-width: 768px) {
    .tournament-info {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-bottom: 0
    }
}

.tournament-info__title-type {
    text-transform: uppercase
}

.tournament-info__title-name {
    display: block;
    margin-top: 15px;
    color: #fdf151;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Tahoma;
    margin-bottom: 16px;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 35px;
    line-height: 3.5rem
}

@media only screen and (max-width: 620px) {
    .tournament-info__title-name {
        font-size: 32px;
        font-size: 3.2rem
    }
}

.tournament-info__title-name:hover {
    text-decoration: underline
}

.tournament-info__non-link {
    text-decoration: none
}

.tournament-info__icon {
    width: 30px;
    margin: 20px 0 10px
}

.tournament-info__date {
    line-height: 25px;
    line-height: 2.5rem
}

.tournament-info__title-table {
    display: block;
    margin: 35px 0 25px;
    color: #0afbda;
    text-decoration: underline
}

.tournament-carousel {
    padding: 0 20px
}

.tournament-carousel .game-item:hover {
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 620px) {
    .tournament-carousel {
        padding: 0
    }

    .tournament-carousel .game-item {
        width: 100%;
        height: auto
    }

    .tournament-carousel .game_item--picture {
        max-height: none
    }

    .tournament-carousel .slick-prev {
        left: -25px
    }

    .tournament-carousel .slick-next {
        right: -25px
    }
}

.tournament-carousel .slick-next, .tournament-carousel .slick-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 30px;
    cursor: pointer;
    border: none;
    outline: 0
}

.tournament-carousel .slick-prev {
    background: url(/dist/images/arrow/arrow-left.svg) no-repeat center center
}

.tournament-carousel .slick-prev:hover {
    background: url(/dist/images/arrow/arrow-left__active.svg) no-repeat center center
}

.tournament-carousel .slick-next {
    background: url(/dist/images/arrow/arrow-left.svg) no-repeat center center;
    -webkit-transform: rotate(180deg) translate(0, 50%);
    transform: rotate(180deg) translate(0, 50%)
}

.tournament-carousel .slick-next:hover {
    background: url(/dist/images/arrow/arrow-left__active.svg) no-repeat center center
}

.tournament-carousel .slick-slide > div {
    margin: 6px
}

.tournament-carousel .slick-dots li button[type=button] {
    background: 0 0;
    display: block;
    height: 10px;
    width: 10px;
    cursor: pointer;
    background: #0afbda;
    border-radius: 50%
}

.tournament-carousel .slick-dots li button[type=button]:before {
    content: ''
}

.tournament-carousel .slick-active button[type=button] {
    border: 3px solid #e44f5b;
    border-radius: 50%
}

.tournament-prize {
    text-align: center;
    width: 300px
}

@media (min-width: 700px) and (max-width: 800px) {
    .tournament-prize {
        width: 360px
    }
}

.tournament-prize__logo {
    width: 130px;
    height: 130px;
    margin: 0 auto
}

.tournament-prize__title {
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem
}

.tournament-prize__sum {
    color: #fdf151;
    margin: 10px 0;
    font-size: 46px;
    font-size: 4.6rem
}

.tournament-prize__prize-place {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem
}

.tournament-prize__prize-place .prize-place {
    font-family: Open Sans, sans-serif
}

.timer-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 340px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 25px;
    padding: 12px 40px
}

@media screen and (max-width: 800px) {
    .timer-block {
        width: 320px;
        margin-top: 20px;
        padding: 12px 20px 20px 20px
    }
}

@media screen and (max-width: 420px) {
    .timer-block {
        width: 280px;
        margin-top: 20px;
        padding: 12px 20px
    }
}

@media screen and (max-width: 400px) {
    .timer-block {
        width: 270px;
        margin-top: 20px;
        padding: 0 20px
    }
}

@media screen and (max-width: 330px) {
    .timer-block {
        width: 240px;
        margin-top: 20px;
        padding: 0 20px
    }
}

.timer-block__title {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 18px;
    font-size: 10px;
    font-size: 1rem
}

.timer-block__top-title {
    top: -10px;
    width: 150px
}

.timer-block__date-title {
    bottom: -24px;
    font-size: 8px;
    font-size: .8rem;
    line-height: 10px
}

.timer-block__item {
    position: relative;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: rgba(192, 192, 192, .3);
    text-transform: uppercase;
    padding-top: 12px
}

.timer-block__item .timer-block__value {
    display: block;
    line-height: 12px
}

@media (min-width: 670px) and (max-width: 820px) and (orientation: landscape) {
    .tournament-info__title-name {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 25px;
        line-height: 2.5rem
    }

    .tournament-info__title {
        font-size: 16px;
        font-size: 1.6rem
    }

    img.big-image__icon {
        width: 80px;
        height: 80px
    }

    .timer-block {
        width: 300px;
        padding: 12px 20px 20px 20px
    }

    div.tournament-detail__value, h2.tournament-detail__value {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 25px;
        line-height: 2.5rem
    }
}

@media (min-width: 600px) and (max-width: 669px) and (orientation: landscape) {
    .tournament-info__title-name {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem
    }

    .tournament-info__title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .tournament-detail__title {
        font-size: 15px !important
    }

    img.big-image__icon {
        width: 72px;
        height: 72px
    }

    .timer-block {
        width: 288px;
        padding: 12px 20px 20px 20px
    }

    div.tournament-detail__value, h2.tournament-detail__value {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    div.tournament-detail__value, h2.tournament-detail__value {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 25px;
        line-height: 2.5rem
    }
}

.tournament-table {
    margin: 35px 0
}

.tournament-table table {
    font-family: Roboto Slab
}

.tournament-table table thead span {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem
}

.tournament-table table tbody tr td span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.tournament-table table tbody tr td:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.tournament-detail {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem
}

@media only screen and (max-width: 620px) {
    .big-image__center {
        padding: 20px 0
    }
}

.tournament-detail__big-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/dist/images/tournaments/bg-tournaments.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 515px;
    margin-bottom: 30px;
    overflow: hidden
}

@media only screen and (max-width: 620px) {
    .tournament-detail__big-image {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 550px
    }
}

.tournament-detail__big-image .rays-left-box, .tournament-detail__big-image .rays-right-box {
    position: absolute;
    bottom: 0
}

.tournament-detail__big-image .rays-right-box {
    right: 360px
}

@media (min-width: 1720px) and (max-width: 1940px) {
    .tournament-detail__big-image .rays-right-box {
        right: 415px
    }
}

@media (min-width: 1200px) and (max-width: 1540px) {
    .tournament-detail__big-image .rays-right-box {
        right: 296px
    }
}

.tournament-detail__big-image .big-left-ray, .tournament-detail__big-image .big-right-ray {
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 600px
}

@media only screen and (max-width: 1200px) {
    .tournament-detail__big-image .big-left-ray, .tournament-detail__big-image .big-right-ray {
        display: none
    }
}

.tournament-detail__big-image .big-left-ray {
    background: url(/dist/images/tournaments/ray-big-left.png) no-repeat center center;
    background-size: contain
}

.tournament-detail__big-image .big-right-ray {
    background: url(/dist/images/tournaments/ray-big-right.png) no-repeat center center;
    background-size: contain
}

.tournament-detail__big-image .tournament-info__title-name:hover {
    text-decoration: none;
    cursor: unset
}

.big-image__left, .big-image__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem
}

@media (max-width: 620px) {
    .big-image__left, .big-image__right {
        display: none
    }
}

@media (min-width: 660px) and (max-width: 740px) and (orientation: landscape) {
    .big-image__left, .big-image__right {
        margin-right: 12px;
        margin-left: 12px
    }
}

.big-image__icon {
    width: 120px;
    height: 120px
}

@media (min-width: 760px) and (max-width: 770px) {
    .big-image__icon {
        width: 100px;
        height: 100px
    }
}

@media (min-width: 1010px) and (max-width: 1030px) and (orientation: landscape) {
    .big-image__icon {
        width: 100px;
        height: 100px
    }
}

.tournament-detail__value {
    margin-top: 24px;
    color: #0afbda;
    letter-spacing: 1px;
    font-size: 46px;
    font-size: 4.6rem
}

.tournament-detail__rate {
    position: relative;
    text-align: center;
    padding-left: 54px;
    z-index: 10
}

@media (min-width: 760px) and (max-width: 770px) {
    .tournament-detail__rate {
        padding-left: 0
    }
}

@media (max-width: 820px) and (orientation: landscape) {
    .tournament-detail__rate {
        padding-left: 4px
    }
}

@media (min-width: 1010px) and (max-width: 1030px) and (orientation: landscape) {
    .tournament-detail__rate {
        padding-left: 0
    }
}

.tournament-detail__fond {
    text-align: center;
    z-index: 10
}

.tournament-found__neon {
    color: #0afbda
}

.tournament-detail__title {
    font-style: normal;
    margin-top: 48px;
    padding-top: 20px;
    position: relative;
    line-height: 24px;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem
}

@media only screen and (max-width: 1280px) {
    .tournament-detail__title {
        font-size: 22px;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 960px) {
    .tournament-detail__title {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media (min-width: 760px) and (max-width: 770px) {
    .tournament-detail__title {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media (min-width: 1010px) and (max-width: 1030px) and (orientation: landscape) {
    .tournament-detail__title {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.tournament-description-slider .slick-slider {
    height: 50px
}

.tournament-description-slider .slick-slide {
    width: 150px;
    margin-right: 5px
}

.tournament-description-slider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#3a4954), color-stop(65%, rgba(58, 73, 84, .81556)), to(rgba(58, 73, 84, 0)));
    background-image: linear-gradient(90deg, #3a4954 0, rgba(58, 73, 84, .81556) 65%, rgba(58, 73, 84, 0) 100%);
    z-index: 10
}

.tournament-description-slider::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(58, 73, 84, 0)), color-stop(65%, rgba(58, 73, 84, .81556)), to(#3a4954));
    background-image: linear-gradient(90deg, rgba(58, 73, 84, 0) 0, rgba(58, 73, 84, .81556) 65%, #3a4954 100%);
    z-index: 10
}

.tournament-description-slider .slick-next, .tournament-description-slider .slick-prev {
    position: absolute;
    z-index: 11;
    top: 50%;
    width: 25px;
    height: 30px;
    cursor: pointer;
    border: none;
    outline: 0
}

.tournament-description-slider .slick-prev {
    left: 2rem;
    background: url(/dist/images/arrow/arrow-left.svg) no-repeat center center
}

.tournament-description-slider .slick-prev:hover {
    background: url(/dist/images/arrow/arrow-left__active.svg) no-repeat center center
}

.tournament-description-slider .slick-next {
    right: 2rem;
    background: url(/dist/images/arrow/arrow-left.svg) no-repeat center center;
    -webkit-transform: rotate(180deg) translate(0, 50%);
    transform: rotate(180deg) translate(0, 50%)
}

.tournament-description-slider .slick-next:hover {
    background: url(/dist/images/arrow/arrow-left__active.svg) no-repeat center center
}

@media only screen and (max-width: 620px) {
    .tournament-description-slider {
        padding: 0
    }

    .tournament-description-slider .game-item {
        width: 170px
    }

    .tournament-description-slider .slick-prev {
        left: .5rem
    }

    .tournament-description-slider .slick-next {
        right: .5rem
    }
}

.separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 20px 0 30px
}

.separator__square {
    width: 8px;
    height: 8px;
    background: #909090
}

.separator__square:nth-child(2) {
    margin: 0 25px
}

.is-current-user td {
    background: #9e7ac2 !important
}

.place-color {
    display: inline-block;
    background: #9e7ac2;
    width: 28px;
    height: 28px;
    margin-left: 10px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    content: "";
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.tournament-description-slider .game-item {
    display: block;
    width: 100%
}

@media (max-width: 820px) {
    .tournament-description-slider .game-item {
        width: 140px;
        height: 100%
    }
}

ul.tournament-rules li {
    list-style-type: none
}

ul.tournament-rules li p {
    margin: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

ul.tournament-rules li::before {
    content: "\2022";
    color: #0afbda;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    position: relative;
    top: 30px;
    font-size: 30px
}

.tournament-mobile__info {
    display: none
}

@media (max-width: 620px) {
    .tournament-mobile__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.tournament-mobile__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px;
    margin: 12px 0
}

.tournament-mobile__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.tournament-mobile__value {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    -webkit-transform: scaleY(1.9);
    transform: scaleY(1.9);
    padding-left: 15px;
    font-size: 38px;
    font-size: 3.8rem
}

.game-wrapper {
    background: url(/dist/images/bg/bg-game.svg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.game-wrapper .header {
    background: #27323b
}

.game-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-game-value {
    position: absolute;
    color: #0afbda;
    margin-top: 6px;
    font-size: 14px;
    font-size: 1.4rem
}

.game-iframe {
    margin-top: 24px;
    position: absolute;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-size: 1.8rem
}

.game-iframe .iframe-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.iframe-info {
    position: relative;
    background: #1b2c34;
    width: 300px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    font-family: Open Sans, sans-serif;
    letter-spacing: .08em;
    line-height: 20px;
    line-height: 2rem
}

.game-iframe__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.game-iframe__main .iframe-window {
    border: none
}

.game-iframe__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1b2c34;
    height: 50px
}

.game-iframe__header .logo__image {
    margin-left: 20px;
    width: auto;
    height: 40px
}

.game-iframe__buttons {
    position: absolute;
    bottom: -55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.btn-game {
    margin: 0 20px 0 0
}

.game-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px
}

.game-tab__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 5px;
    cursor: pointer;
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090
}

.game-tab-tooltip {
    position: absolute
}

.game-tab-tooltip.game-tab-tooltip--relative {
    position: relative
}

.game-tab-tooltip.game-tab-tooltip--ib {
    display: inline-block
}

.game-tab-tooltip .game-tab-tooltip-content {
    display: none;
    background-color: #1b2c35;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 12px 8px;
    position: absolute;
    border: 2px solid #fdf151;
    z-index: 9999;
    bottom: 18px;
    left: 101px;
    margin-left: -60px
}

.game-tab-tooltip .game-tab-tooltip-content.game-tab-tooltip-content--w-188 {
    width: 188px;
    width: 18.8rem
}

.game-tab-tooltip .game-tab-tooltip-content.game-tab-tooltip-content--w-188.game-tab-tooltip-content--la {
    left: -83px
}

.game-tab-tooltip .game-tab-tooltip-content.game-tab-tooltip-content--w-188.game-tab-tooltip-content--la:after {
    left: auto;
    right: 30px
}

.game-tab-tooltip .game-tab-tooltip-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 5px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fdf151 transparent transparent transparent
}

.game-tab-tooltip:hover .game-tab-tooltip-content {
    display: block
}

.game-tab__icon {
    display: block;
    width: auto;
    height: 35px
}

.game-tab__icon-active {
    display: none
}

.game-tab__item-active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 96%;
    height: 3px;
    background-color: #fdf151;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px 1px #fdf151;
    box-shadow: 0 0 4px 1px #fdf151
}

.game-tab__item-active .game-tab__icon {
    display: none
}

.game-tab__item-active .game-tab__icon-active {
    display: block;
    height: 45px
}

.roll-up {
    position: absolute;
    top: 50%;
    right: -30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #223741;
    width: 30px;
    height: 45px;
    cursor: pointer;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.roll-up__icon {
    width: 10px
}

.roll-up__icon-rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iframe-info__wrapper {
    height: 95%
}

.iframe-info__list-wrapper {
    overflow: hidden;
    height: calc(100% - 78px)
}

.game-list-info, .tournament-list-info, .winner-list-info {
    display: none
}

.iframe-info_active {
    width: 45px
}

.iframe-info_active .game-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iframe-info_active .game-tab__item {
    border-left: none
}

.iframe-info_active .game-tab {
    height: 120px
}

.roll-up-image-rotate {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    -webkit-transform-origin: 20% 25%;
    transform-origin: 20% 25%
}

.tournament-panel {
    padding-top: 30px;
    font-family: Open Sans, sans-serif
}

.tournament-panel__title {
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 20px;
    font-size: 2rem
}

.tournament-panel__name {
    text-decoration: underline;
    padding: 12px 0;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

.tournament-panel__type {
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem
}

.tournament-panel__found {
    margin-top: 20px
}

.prize-found__description {
    padding-top: 20px;
    font-size: 18px;
    font-size: 1.8rem
}

.prize-found__value {
    font-size: 30px;
    font-size: 3rem
}

.prize-found__text {
    display: block;
    margin: 9px 0
}

.prize-found {
    background: url(/dist/images/icon-game-wreath.svg) no-repeat center center;
    background-size: contain;
    width: auto;
    height: 185px
}

.tournament-panel__yellow {
    color: #fdf151
}

.tournament-panel__btn {
    margin-top: 10px
}

.tournament-panel__table {
    display: none;
    margin-top: 20px
}

.game-table {
    margin-top: 25px
}

.game-table .user-row td {
    color: #fdf151
}

.game-table .game-table__firstrow {
    padding-left: .5em;
    padding-right: .5em
}

.game-table td, .game-table th {
    text-align: left;
    padding: 5px 15px;
    color: #fff
}

.game-table th {
    text-transform: capitalize;
    font-family: Open Sans, sans-serif
}

.game-list-info .slick-slider {
    position: static
}

.games-list-slider {
    margin: 10px 0;
    padding: 25px 0
}

.games-list-slider .game-item {
    position: relative;
    cursor: pointer;
    width: 200px !important;
    height: 140px;
    margin: 2px auto !important
}

.games-list-slider .game-item:hover .game-item {
    -webkit-filter: brightness(30%);
    filter: brightness(30%)
}

.games-list-slider .slick-next, .games-list-slider .slick-prev {
    position: absolute;
    left: 46%;
    background: url(/dist/images/arrow/arrow-left.svg) no-repeat center center;
    background-size: contain;
    height: 25px;
    z-index: 20
}

.games-list-slider .slick-next:hover, .games-list-slider .slick-prev:hover {
    background: url(/dist/images/arrow/arrow-left__active.svg) no-repeat center center;
    background-size: contain
}

.games-list-slider .slick-prev {
    top: 83px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.games-list-slider .slick-next {
    bottom: 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#container-game {
    height: 100%
}

.nomoney__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    height: 100%;
    margin: 0 auto
}

.nomoney__description {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    font-size: 2.4rem
}

.status-game-box .verification-icon {
    left: 30px
}

.technical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background: url(/dist/images/bg/bg-technical.jpg) no-repeat center center;
    background-size: cover
}

.technical__center {
    position: relative;
    width: 605px;
    height: auto
}

.technical__title {
    color: #000;
    -webkit-transform: skewX(0);
    transform: skewX(0);
    -webkit-animation: shift 4s ease-in-out infinite alternate;
    animation: shift 4s ease-in-out infinite alternate;
    letter-spacing: 6px;
    font-family: MarvinVision;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #e44f5b, 1px -1px 0 #e44f5b, -1px 1px 0 #e44f5b, 1px 1px 0 #e44f5b;
    font-size: 180px;
    font-size: 18rem
}

.technical__text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #39b54a
}

.technical-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 90%;
    margin: 0 auto;
    height: 75vh;
    padding: 20px
}

.technical-page__title {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 40px;
    font-size: 4rem
}

.technical-page__text {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 2;
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    font-size: 2.4rem
}

@-webkit-keyframes shift {
    0%, 100%, 40%, 44%, 58%, 61%, 65%, 69%, 73% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
    41% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg)
    }
    42% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg)
    }
    59% {
        -webkit-transform: skewX(-10deg) skewY(10deg);
        transform: skewX(-10deg) skewY(10deg)
    }
    60% {
        -webkit-transform: skewX(-40deg) skewY(-10deg);
        transform: skewX(-40deg) skewY(-10deg)
    }
    63% {
        -webkit-transform: skewX(10deg) skewY(-5deg);
        transform: skewX(10deg) skewY(-5deg)
    }
    70% {
        -webkit-transform: skewX(-50deg) skewY(-20deg);
        transform: skewX(-50deg) skewY(-20deg)
    }
    71% {
        -webkit-transform: skewX(10deg) skewY(-10deg);
        transform: skewX(10deg) skewY(-10deg)
    }
}

@keyframes shift {
    0%, 100%, 40%, 44%, 58%, 61%, 65%, 69%, 73% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
    41% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg)
    }
    42% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg)
    }
    59% {
        -webkit-transform: skewX(-10deg) skewY(10deg);
        transform: skewX(-10deg) skewY(10deg)
    }
    60% {
        -webkit-transform: skewX(-40deg) skewY(-10deg);
        transform: skewX(-40deg) skewY(-10deg)
    }
    63% {
        -webkit-transform: skewX(10deg) skewY(-5deg);
        transform: skewX(10deg) skewY(-5deg)
    }
    70% {
        -webkit-transform: skewX(-50deg) skewY(-20deg);
        transform: skewX(-50deg) skewY(-20deg)
    }
    71% {
        -webkit-transform: skewX(10deg) skewY(-10deg);
        transform: skewX(10deg) skewY(-10deg)
    }
}

@media only screen and (max-width: 480px) {
    .technical__title {
        font-size: 130px;
        font-size: 13rem
    }

    .technical__text {
        font-size: 30px;
        font-size: 3rem
    }
}

.error-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    height: 65vh
}

.error-404__images {
    background: url(/dist/images/logos/logo-404.png) no-repeat center center;
    background-size: contain;
    width: 300px;
    height: 325px
}

@media (min-width: 200px) and (max-width: 700px) {
    .error-404__images {
        width: 100px;
        height: 125px
    }
}

@media (min-width: 700px) and (max-width: 820px) {
    .error-404__images {
        width: 180px;
        height: 200px
    }
}

.error-404__link {
    color: #fdf151;
    text-decoration: underline
}

.error-404__text {
    margin: 0 0 0 5rem;
    font-family: Open Sans, sans-serif
}

.error-text__item {
    text-align: left;
    text-transform: none;
    font-size: 30px;
    font-size: 3rem
}

@media only screen and (max-width: 768px) {
    .error-text__item {
        font-size: 20px;
        font-size: 2rem
    }
}

@media only screen and (max-width: 660px) {
    .error-text__item {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.sn-reg-form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: inherit;
    right: 10%;
    width: 340px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sn-select {
    margin-right: 10px
}

.sn-personal-form {
    margin-top: 0
}

.unavailable {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unavailable__description {
    width: 90%;
    font-size: 24px;
    font-family: Open Sans, sans-serif
}

.rewards-history {
    width: 80vw;
    margin: 40px auto 0
}

@media (max-width: 768px) {
    .rewards-history {
        width: 90vw
    }
}

.rewards-history .table__game-link {
    color: #0afbda
}

.cash-form-elem-wrapp:after, .cash-form-elem-wrapp:before, .cash-form__row:after, .cash-form__row:before, .form__row:after, .form__row:before, .news-list:after, .news-list:before, .social-box:after, .social-box:before, .social-list:after, .social-list:before {
    content: "";
    display: table
}

.cash-form-elem-wrapp:after, .cash-form__row:after, .form__row:after, .news-list:after, .social-box:after, .social-list:after {
    clear: both
}

.error {
    display: block;
    padding: 0 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: red;
    -webkit-box-shadow: 0 0 3px 1px #e44f5b;
    box-shadow: 0 0 3px 1px #e44f5b;
    border-radius: 10px;
    font-family: Open Sans, sans-serif;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem
}

.cash-notification-width {
    padding-top: 10vh;
    height: 50vh;
    text-align: center
}

@media (min-width: 540px) and (max-width: 820px) and (orientation: landscape) {
    .cash-notification-width {
        height: auto
    }
}

.cash-notification-width .bad-request-icon {
    width: 150px;
    margin-bottom: 25px
}

.cash-notification-width svg.success-icon {
    display: block;
    margin: 0 auto;
    width: 65px;
    height: 96px
}

.tooltip {
    display: inline-block;
    position: absolute;
    top: -23px;
    left: 37px
}

.tooltip__content {
    position: relative;
    padding: 10px;
    background: #4e5c65;
    -webkit-box-shadow: 0 0 20px 0 #24323c;
    box-shadow: 0 0 20px 0 #24323c;
    font-family: Open Sans, sans-serif;
    text-transform: initial;
    font-weight: 400;
    color: #a8a8a8;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    font-size: 12px;
    font-size: 1.2rem
}

.tooltip__content.is-active {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.tooltip__content::before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: -17px;
    width: 20px;
    height: 1px;
    background: #4e5c65;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.payment-box {
    margin: 0 auto;
    padding: 0 10px;
    width: 640px;
    height: 100%
}

.payment-box__link-back {
    color: #0afbda
}

.payment-header__title {
    display: block;
    padding: 10px 0 20px;
    font-family: Open Sans, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem
}

.payment-header__image {
    display: block;
    margin: 0 auto
}

.payment-info {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-size: 1.4rem
}

.payment-info__currency {
    display: block;
    color: #fff;
    text-align: center
}

.payment-info__currency_yellow {
    font-family: Open Sans, sans-serif;
    color: #fdf151
}

.payment-info__note {
    display: block;
    padding: 40px 0 20px;
    color: #fdf151;
    text-align: center;
    font-family: Open Sans, sans-serif
}

.cash-form-elem-wrap {
    border: none !important
}

.cash-form__row.cash-form-elem-wrapp {
    position: relative
}

.cash-form__row.cash-form-elem-wrapp__cvv_float {
    padding-top: 0
}

.cash-form__row.cash-form-elem-wrapp__cvv_float.error-border + .cash-form-elem-wrapp__cvv_float {
    position: absolute;
    left: 56px;
    top: 0
}

.cash-form__row.cash-currency-with-amount-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cash-form__row.cash-currency-with-amount-container .cash-amount-box {
    margin-left: 10px;
    margin-left: 1rem
}

.cash-form__row.cash-currency-with-amount-container .cash-amount-box .cash-inpt {
    height: 40px;
    height: 4rem
}

.cash-form__row.cash-currency-with-amount-container .cash-currency-box .jcf-select {
    height: 42px;
    height: 4.2rem
}

.cash-card-list {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-row-gap: 12px;
    grid-column-gap: 12px
}

.cash-card-list__item {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 63px;
    height: 6.3rem;
    padding-left: 5px;
    padding-left: .5rem;
    padding-right: 5px;
    padding-right: .5rem;
    background-color: #1b2c34;
    border-radius: 3px;
    -webkit-transition: .3s;
    transition: .3s
}

.cash-card-list__item:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    pointer-events: none;
    border-radius: 5px;
    border: 1px solid #0afbda;
    left: -3px;
    top: -3px
}

.cash-card-list__item.cash-new-card {
    text-align: center
}

.cash-card-list__item.cash-new-card.is-active .cash-card__item-info.cash-new-card {
    color: #000
}

.cash-card-list__item.cash-new-card.is-active .cash-card__item-info.cash-new-card:before {
    color: #000
}

.cash-card-list__item.is-active {
    background-color: #0afbda;
    cursor: auto
}

.cash-card-list__item.is-active .cash-card-item-number {
    color: #000
}

.cash-card-list__item.is-active .cash-card-item-expire {
    color: #000
}

.cash-card-list__item.is-active:hover:before {
    display: none
}

.cash-card-list__item.disabled {
    cursor: auto;
    background: 0 0
}

.cash-card-list__item.disabled:hover:before {
    display: none
}

.cash-card-list__item.disabled:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 44, 52, .5);
    border-radius: 3px
}

.cash-card-item-number {
    width: 100%;
    pointer-events: none;
    font-size: 8px;
    font-size: .8rem;
    margin-top: 4px;
    margin-top: .4rem;
    margin-bottom: 11px;
    margin-bottom: 1.1rem;
    color: #0afbda
}

.cash-card-item-expire {
    font-size: 11px;
    font-size: 1.1rem;
    color: #0afbda;
    pointer-events: none
}

.cash-card-item-logo {
    pointer-events: none
}

.cash-card-item-logo img {
    height: 17px;
    height: 1.7rem;
    width: auto
}

.icon-cash-item-card-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    z-index: 1;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid #0afbda;
    right: -7px;
    top: -7px;
    overflow: hidden;
    background-color: #3d4953
}

.icon-cash-item-card-close:before {
    content: "\00d7";
    width: 7px;
    color: #0afbda;
    font-size: 14px;
    font-size: 1.4rem
}

.cash-card__item-info.cash-new-card {
    color: #fdf151;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    width: 100%
}

.cash-card__item-info.cash-new-card:before {
    content: "+";
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    margin-bottom: .6rem;
    color: #fdf151;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    width: 29px;
    width: 2.9rem;
    height: 29px;
    height: 2.9rem
}

.notification-title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700
}

.notification-text {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 22px;
    margin-top: 2.2rem
}

.cash-button__wrapper {
    margin-top: 35px;
    margin-top: 3.5rem
}

.delete-card__item {
    width: 95%;
    border: none;
    max-width: 181px;
    max-width: 18.1rem;
    height: 57px;
    height: 5.7rem;
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 7px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.delete-card__item.cash-button__ok {
    background-color: #0afbda;
    color: #fff;
    margin-left: 21px;
    margin-left: 2.1rem
}

.delete-card__item.cash-button__ok:hover {
    -webkit-box-shadow: -.3px -.3px 10px #d3363d;
    box-shadow: -.3px -.3px 10px #d3363d
}

.delete-card__item.cash-button__cancel {
    background-color: #d3363d;
    color: #fff
}

.delete-card__item.cash-button__cancel:hover {
    -webkit-box-shadow: -.3px -.3px 10px #0afbda;
    box-shadow: -.3px -.3px 10px #0afbda
}

.cash-card-item-expire-text {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    background-color: #d45a5f;
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    color: #000
}

.upsell-checkbox-container .cash-label {
    display: inline-block;
    margin-left: 5px;
    margin-left: .5rem
}

@media screen and (max-width: 480px) {
    .delete-card__item.cash-button__ok {
        margin-left: 0;
        margin-top: 10px;
        margin-top: 1rem
    }

    .cash-card-list {
        padding-top: 10px;
        padding-top: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        height: 80px;
        height: 8rem
    }

    .cash-card-list__item {
        width: 90px
    }
}

.cash-form {
    margin: 0 auto;
    width: 95%;
    max-width: 300px;
    max-width: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cash-form__row {
    padding: 10px 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cash-form__row select#cash-currency + span {
    height: 42px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.cash-form__row label[for=cash-currency] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cash-form__row input.cash-inpt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.cash-form__row .jcf-select-text {
    font-family: Open Sans, sans-serif;
    letter-spacing: normal
}

.cash-form__row_float {
    float: left
}

.cash-form__row_float label.cash-lh-label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cash-form__row_float .jcf-option-hidden {
    font-family: Open Sans, sans-serif;
    letter-spacing: normal
}

.cash-form__row_float .cash-form-elem-wrapp {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cash-form__row_float .cash-form-elem-wrapp .cash-form-elem-wrapp_float {
    margin-right: 18px
}

.cash-form__row_float-right {
    float: right
}

.cash-form__row_width {
    width: 50%
}

.cash-form__row_width .jcf-select {
    min-width: 100px;
    height: 35px
}

.cash-form__row_withdraw-width {
    width: 45%
}

.cash-form__row_withdraw-width .jcf-select {
    min-width: 115px;
    height: 42px
}

.cash-form__row .jcf-select-text {
    line-height: 42px;
    line-height: 4.2rem
}

.cash-form-elem-wrapp {
    padding: 20px 0 10px
}

.cash-form-elem-wrapp__withdraw {
    padding: 33px 0 0
}

.cash-form-elem-wrapp__cvv_float {
    position: relative;
    padding: 8px 2px 0;
    float: left;
    display: block
}

.cash-form-elem-wrapp_float {
    float: left;
    display: block;
    padding: 0 30px 0 0
}

.cash-form-elem-wrapp_float .jcf-select {
    min-width: 115px;
    height: 42px
}

.cash-form-elem-wrapp_float .jcf-select .jcf-select-text {
    line-height: 42px;
    line-height: 4.2rem
}

.cash-inpt {
    position: relative;
    margin: 0 0 10px;
    padding: 0 10px;
    width: 100%;
    height: 35px;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    border-bottom: 1px solid #fff;
    line-height: 1;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 5
}

.cash-inpt:focus {
    border: 2px solid #0afbda
}

.cash-inpt.is-active {
    border-bottom: 1px solid #fff
}

.cash-inpt__cvv {
    display: block;
    margin: 0 0 8px;
    width: 52px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #27323b
}

.cash-inpt__cvv:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cash-inpt__cvv.is-active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cash-inpt:disabled {
    background-color: #a8a8a8;
    border-bottom: none
}

.icon-cvv {
    margin: 4px 0 0;
    cursor: pointer;
    display: inline-block;
    background-image: url(images-list-s23ab94d557.png);
    background-position: 0 -1295px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-cvv {
        background-image: url(images-list-2x-s54d6bab8d5.png);
        background-size: 170px 1352px;
        background-position: 0 -648px;
        height: 10px;
        width: 10px
    }
}

.cash-label {
    display: block;
    font-family: Open Sans, sans-serif;
    color: #fff;
    margin-bottom: 12px;
    font-size: 14px;
    font-size: 1.4rem
}

.cash-label__cvv {
    display: block;
    text-align: center
}

.btn-box-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coin-payment .cash-form-line label[for="#coin-amount"], .coin-payment .cash-form-line label[for="#desTag-field"] {
    display: block
}

.coin-payment .cash-form-line span.cash-width-30 {
    width: 80px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px
}

.coin-payment .cash-form-line .equal-value-box {
    display: inline-block
}

.coin-payment .cash-form-line .js-amount-rate-changer {
    color: #fdf151;
    margin-right: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    font-family: Open Sans;
    font-style: normal
}

.coin-payment .cash-form-line label[for="#address-field"] {
    margin-bottom: 8px;
    display: block
}

.coin-payment .cash-form-line .cash-width-100 button {
    margin-left: 12px
}

.coin-payment .cash-form-line input:disabled {
    background-color: #797979;
    border: none;
    width: 290px;
    display: inline-block
}

.coin-payment .cash-text-qrcode-box span.cash-note-accent.final-amount {
    color: #fdf151
}

.coin-payment .cash-text-qrcode-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.coin-payment .cash-text-qrcode-box a img {
    width: 163px
}

.coin-payment .cash-text-qrcode-box span.final-amount {
    display: inline-block
}

.j-btn {
    width: 95%;
    max-width: 18.125rem;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.j-btn:hover {
    opacity: .8
}

.j-btn:disabled {
    opacity: .7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    pointer-events: none
}

.j-btn.j-btn--icon {
    width: auto;
    height: auto;
    padding: 0;
    background: 0 0;
    border: none
}

.j-btn.j-btn--regular {
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px;
    padding: 1.5rem;
    padding-left: 30px;
    padding-left: 3rem;
    padding-right: 30px;
    padding-right: 3rem;
    background-color: #0afbda;
    color: #fff
}

.j-btn.j-btn--regular:hover {
    opacity: 1;
    -webkit-box-shadow: -.3px -.3px 10px #0afbda;
    box-shadow: -.3px -.3px 10px #0afbda
}

.j-btn.j-btn--danger {
    background-color: #d3363d
}

.j-btn.j-btn--stripped {
    width: auto;
    height: auto;
    padding: 0;
    background: 0 0;
    border: none;
    color: #0afbda
}

.j-btn.j-btn--mt-5 {
    margin-top: 5px;
    margin-top: .5rem
}

.j-btn.j-btn--ml-20 {
    margin-left: 20px;
    margin-left: 2rem
}

.j-btn.j-btn--fs-24 {
    font-size: 24px;
    font-size: 2.4rem
}

.j-btn.j-btn--fs-12 {
    font-size: 12px;
    font-size: 1.2rem
}

.j-btn.j-btn--fw-700 {
    font-weight: 700
}

.j-btn.j-btn--close {
    width: 30px;
    width: 3rem;
    height: auto;
    position: absolute;
    z-index: 1;
    right: 10px;
    right: 1rem;
    top: 10px;
    top: 1rem
}

.j-btn.j-btn--ml-auto {
    margin-left: auto
}

.j-btn.j-btn--mr-0 {
    margin-right: 0
}

.j-btn.j-btn--mw-180 {
    max-width: 180px;
    max-width: 18rem
}

.j-btn.j-btn--h-50 {
    height: 50px;
    height: 5rem
}

.j-btn.j-btn--white {
    color: #fff
}

.j-btn.j-btn--white.j-btn--underline {
    border-bottom: 1px solid #fff
}

@media screen and (max-width: 480px) {
    .j-btn.j-btn--ml-0-m {
        margin-left: 0
    }

    .j-btn.j-btn--mt-10-m {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.j-img {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 0
}

.j-img.j-img--w-23 {
    width: 23px;
    width: 2.3rem;
    height: auto
}

.j-img.j-img--w-105 {
    width: 105px;
    width: 10.5rem;
    height: auto
}

.j-img.j-img--w-7 {
    width: 7px;
    width: .7rem;
    height: auto
}

.j-img.j-img--w-75 {
    width: 75px;
    width: 7.5rem;
    height: auto
}

.j-img.j-img--left-17 {
    position: relative;
    left: 17px;
    left: 1.7rem
}

.j-img.j-img--t-3 {
    position: relative;
    top: 3px;
    top: .3rem
}

.j-img.j-img--w-15 {
    width: 15px;
    width: 1.5rem;
    height: auto
}

.j-img.j-img--fw {
    width: 100%;
    height: auto
}

.j-img.j-img--w-95-pc {
    width: 95%;
    height: auto
}

.j-block {
    position: relative
}

.j-block iframe#lotteryFrame {
    width: 100%
}

.j-block.j-block--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.j-block.j-block--flex.j-block--va-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.j-block.j-block--flex.j-block--col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.j-block.j-block--flex.j-block--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.j-block.j-block--flex.j-block--ai-normal {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.j-block.j-block--flex.j-block--j-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.j-block.j-block--flex.j-block--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.j-block.j-block--center {
    text-align: center
}

.j-block.j-block--centered {
    margin-left: auto;
    margin-right: auto
}

.j-block.j-block--mt-25 {
    margin-top: 25px;
    margin-top: 2.5rem
}

.j-block.j-block--mt-73 {
    margin-top: 73px;
    margin-top: 7.3rem
}

.j-block.j-block--mt-0 {
    margin-top: 0
}

.j-block.j-block--mt-35 {
    margin-top: 35px;
    margin-top: 3.5rem
}

.j-block.j-block--center {
    text-align: center
}

.j-block.j-block--ib {
    display: inline-block
}

.j-block.j-block--cash-side {
    width: calc(100% - 325px - 7rem) !important
}

.j-block.j-block--fw {
    width: 100%
}

.j-block.j-block--cashbox .btn.btn-green {
    display: inline-block;
    background-color: #67d0c6;
    padding: 16px 42px;
    margin: 15px auto;
    border: none;
    -webkit-transition: .35s;
    transition: .35s;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.15
}

.j-block.j-block--cashbox .btn.btn-green:hover {
    -webkit-box-shadow: -.3px -.3px 12px #67d0c6;
    box-shadow: -.3px -.3px 12px #67d0c6;
    background: #67d0c6;
    color: #fff;
    border: none
}

.j-block.j-block--game-frame .j-actions {
    margin-left: 40px;
    margin-left: 4rem;
    min-height: 100%
}

.j-block.j-block--game-frame .j-actions::-webkit-scrollbar {
    width: 8px
}

.j-block.j-block--game-frame .j-actions::-webkit-scrollbar-track {
    background: #333
}

.j-block.j-block--game-frame .j-actions::-webkit-scrollbar-thumb {
    background: #777
}

.j-block.j-block--game-frame .j-actions.j-actions--empty {
    min-height: auto
}

.j-block.j-block--pv-11 {
    padding-top: 11px;
    padding-top: 1.1rem;
    padding-bottom: 11px;
    padding-bottom: 1.1rem
}

.j-block.j-block--ph-50 {
    padding-left: 50px;
    padding-left: 5rem;
    padding-right: 50px;
    padding-right: 5rem
}

.j-block.j-block--h-auto {
    height: auto
}

.j-block.j-block--h-76 {
    height: 76px;
    height: 7.6rem
}

.j-block.j-block--cashbox-wrap {
    margin-left: calc(10% + 154px / 2);
    width: 80%;
    padding-top: 0
}

.j-block.j-block--ml-72 {
    margin-left: 72px;
    margin-left: 7.2rem
}

.j-block.j-block--mw-1344 {
    max-width: 1344px;
    max-width: 134.4rem
}

.j-block.j-block--mw-720 {
    max-width: 720px;
    max-width: 72rem
}

.j-block.j-block--mw-1270 {
    max-width: 1270px;
    max-width: 127rem
}

.j-block.j-block--mw-754 {
    max-width: 754px;
    max-width: 75.4rem
}

.j-block.j-block--pt-40 {
    padding-top: 40px;
    padding-top: 4rem
}

.j-block.j-block--pb-30 {
    padding-bottom: 39px;
    padding-bottom: 3.9rem
}

.j-block.j-block--pb-65 {
    padding-bottom: 65px;
    padding-bottom: 6.5rem
}

.j-block.j-block--flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.j-block.j-block--fh {
    height: 100%
}

.j-block.j-block--mh-fh {
    min-height: 100%
}

.j-block.j-block--mh-961 {
    min-height: 961px;
    min-height: 96.1rem
}

.j-block.j-block--left {
    text-align: left
}

.j-block.j-block--balance-actions .j-actions {
    margin-left: 0;
    min-height: auto
}

.j-block.j-block--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.j-block.j-block--mh-inherit {
    min-height: inherit
}

.j-block.j-block--pa-20 {
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem
}

.j-block.j-block--oy-scroll {
    overflow-y: scroll
}

.j-block.j-block--cash-frame {
    width: 100%;
    padding-left: 15px
}

.j-block.j-block--cash-frame .overview {
    width: 100%
}

.j-block.j-block--cash-frame .payment-info:last-child .payment-info__note {
    padding: 0;
    padding-bottom: 100px;
    padding-bottom: 10rem
}

.j-block.j-block--cash-frame .payment-item-box__title {
    font-size: 8px;
    font-size: .8rem;
    line-height: 12px;
    line-height: 1.2rem
}

@media (max-width: 768px) {
    .j-block.j-block--cash-frame .actions-mobile {
        display: none
    }
}

@media (max-width: 768px) {
    .j-block.j-block--cash-frame .cash-box-container .actions {
        display: block
    }
}

.j-block.j-block--bl-neon {
    border-left: 1px solid #0afbda
}

.j-block.j-block--br-10 {
    border-radius: 10px
}

.j-block.j-block--w-380 {
    width: 100%;
    max-width: 380px;
    max-width: 38rem
}

.j-block.j-block--w-80pc {
    width: 80%
}

.j-block.j-block--mt-16 {
    margin-top: 16px;
    margin-top: 1.6rem
}

.j-block.j-block--mt-5 {
    margin-top: 5px;
    margin-top: .5rem
}

.j-block.j-block--mt-13 {
    margin-top: 13px;
    margin-top: 1.3rem
}

.j-block.j-block--h-222 {
    height: 222px;
    height: 22.2rem
}

.j-block.j-block--h-350 {
    height: 350px;
    height: 35rem
}

.j-block.j-block--action-desc-front {
    height: calc(100% - 100px - 15px)
}

.j-block.j-block--action-desc-back {
    height: calc(100% - 15px)
}

.j-block.j-block--mb-0 {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .j-block.j-block--cashbox-wrap {
        margin-left: auto;
        margin-right: auto
    }

    .j-block.j-block--centered-t {
        margin-left: auto;
        margin-right: auto
    }

    .j-block.j-block--flex.j-block--ai-normal-t {
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal
    }

    .j-block.j-block--cash-side {
        width: calc(100% - 325px - 3rem) !important
    }

    .j-block.j-block--game-frame .j-block--cash-side {
        width: calc(100% - 325px - 4rem) !important
    }

    .j-block.j-block--cashbox-wrap {
        width: calc(100% - 30px)
    }

    .j-block.j-block--pa-20-t {
        padding-top: 20px;
        padding-top: 2rem;
        padding-right: 20px;
        padding-right: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem;
        padding-left: 20px;
        padding-left: 2rem
    }
}

@media screen and (max-width: 768px) {
    .j-block.j-block--cash-side {
        width: 100% !important;
        max-width: none
    }

    .j-block.j-block--pt-0-tm {
        padding-top: 0
    }

    .j-block.j-block--mt-18-tm {
        margin-top: 18px;
        margin-top: 1.8rem
    }

    .j-block.j-block--cashbox-wrap {
        width: 95%
    }

    .j-block.j-block--mh-auto-tm {
        min-height: auto
    }

    .j-block.j-block--flex.j-block--rcol-tm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .j-block.j-block--flex.j-block--col-tm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .j-block.j-block--flex.j-block--ac-center-tm {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .j-block.j-block--centered-tm {
        margin-left: auto;
        margin-right: auto
    }

    .j-block.j-block--no-border-tm {
        border: none
    }

    .j-block.j-block--actions-app-cshbx .cash-box-container .j-actions.j-actions--mh-fh, .j-block.j-block--actions-app-cshbx .j-actions.j-actions--mh-fh {
        min-height: 961px;
        min-height: 96.1rem
    }
}

@media screen and (max-width: 480px) {
    .j-block.j-block--flex.j-block--col-m {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.j-vgtable table {
    background-color: transparent
}

.j-vgtable__row.j-vgtable__row--va-middle td {
    vertical-align: middle
}

.j-text {
    display: inline-block
}

.j-text.j-text--block {
    display: block
}

.j-text.j-text--neon-circle {
    color: #4c5e6b;
    font-weight: 700;
    background-color: #0afbda;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 15px;
    width: 1.5rem;
    height: 15px;
    height: 1.5rem;
    border-radius: 50%
}

.j-text.j-text--uppercase {
    text-transform: uppercase
}

.j-text.j-text--bb-neon {
    border-bottom: 1px solid #0afbda
}

.j-text.j-text--fs-16 {
    font-size: 16px;
    font-size: 1.6rem
}

.j-text.j-text--fs-11 {
    font-size: 11px;
    font-size: 1.1rem
}

.j-text.j-text--fs-36 {
    font-size: 36px;
    font-size: 3.6rem
}

.j-text.j-text--fs-22 {
    font-size: 22px;
    font-size: 2.2rem
}

.j-text.j-text--fs-24 {
    font-size: 24px;
    font-size: 2.4rem
}

.j-text.j-text--fs-46 {
    font-size: 46px;
    font-size: 4.6rem
}

.j-text.j-text--lh-54 {
    line-height: 54px;
    line-height: 5.4rem
}

.j-text.j-text--fw-600 {
    font-weight: 600
}

.j-text.j-text--fw-700 {
    font-weight: 700
}

.j-text.j-text--nxtlvl {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 2px
}

.j-text.j-text--new {
    color: #e44f5b
}

.j-text.j-text--new.j-text--shadow {
    text-shadow: 0 0 40px #e44f5b
}

.j-text.j-text--player {
    color: #fff
}

.j-text.j-text--player.j-text--shadow {
    text-shadow: 0 0 40px #fff
}

.j-text.j-text--silver {
    color: #b6bdc0
}

.j-text.j-text--silver.j-text--shadow {
    text-shadow: 0 0 40px #b6bdc0
}

.j-text.j-text--gold {
    color: #fdf151
}

.j-text.j-text--gold.j-text--shadow {
    text-shadow: 0 0 40px #fdf151
}

.j-text.j-text--vip {
    color: #169067
}

.j-text.j-text--vip.j-text--shadow {
    text-shadow: 0 0 40px #169067
}

.j-text.j-text--neon {
    color: #0afbda
}

@media screen and (max-width: 768px) {
    .j-text.j-text--pt-0-tm {
        padding-top: 0
    }

    .j-text.j-text--mt-0-tm {
        margin-top: 0
    }
}

@media screen and (max-width: 480px) {
    .j-text.j-text--hide-m {
        display: none
    }
}

.j-modal {
    position: fixed;
    z-index: -1;
    left: -99999px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    pointer-events: none
}

.j-modal.j-modal--show {
    left: 0;
    z-index: 9998;
    opacity: 1;
    pointer-events: auto
}

.j-modal__outer {
    width: calc(100% - 20px);
    max-width: 500px;
    border: 1px solid #0afbda;
    border-radius: 8px;
    background-color: #27323b;
    position: relative;
    padding: 30px;
    padding: 3rem;
    padding-bottom: 50px;
    padding-bottom: 5rem
}

.j-link {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}

.j-link:hover {
    text-decoration: none;
    opacity: .7
}

.j-link.j-link--chip {
    position: relative;
    width: 75px;
    width: 7.5rem;
    height: 75px;
    height: 7.5rem;
    margin-left: 40px;
    margin-left: 4rem
}

.j-link.j-link--chip.j-link--player {
    background: url(/dist/images/players/icon-white_player.svg) center center/cover no-repeat
}

.j-link.j-link--chip.j-link--silver {
    background: url(/dist/images/players/icon_silver_player.svg) center center/cover no-repeat
}

.j-link.j-link--chip.j-link--gold {
    background: url(/dist/images/players/icon_gold_player.svg) center center/cover no-repeat
}

.j-link.j-link--chip.j-link--vip {
    background: url(/dist/images/players/icon_vip_player.svg) center center/cover no-repeat
}

.j-link.j-link--ml-auto {
    margin-left: auto
}

.j-link.j-link--mv-10 {
    margin-top: 10px;
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

.j-link.j-link--mt-10 {
    margin-top: 10px;
    margin-top: 1rem
}

.j-link.j-link--back-game-frame {
    padding: 0;
    text-transform: none;
    border: none;
    color: #0afbda
}

.j-link.j-link--back-game-frame:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.j-link.j-link--back-btn-cashbox {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 10px));
    transform: translateY(calc(-100% - 10px));
    z-index: 2
}

.j-link.j-link--mb-5 {
    margin-bottom: 5px;
    margin-bottom: .5rem
}

.j-link.j-link--ml-30 {
    margin-left: 30px;
    margin-left: 3rem
}

.j-link.j-link--show-tm {
    display: none;
    opacity: 0;
    pointer-events: none
}

.j-link.j-link--hidden {
    display: none
}

.j-link.j-link--no-hover:hover {
    opacity: 1
}

.j-link.j-link--fw-700 {
    font-weight: 700
}

.j-link.j-link--open-sans {
    font-family: Open Sans
}

.j-link.j-link--fs-16 {
    font-size: 16px;
    font-size: 1.6rem
}

.j-link.j-link--ls-2 {
    letter-spacing: 2px
}

.j-link.j-link--lh-norm {
    line-height: normal
}

@media screen and (max-width: 767px) {
    .j-link.j-link--chip {
        margin-left: 10px;
        margin-left: 1rem
    }

    .j-link.j-link--ml-0-tm {
        margin-left: 0
    }

    .j-link.j-link--hide-tm {
        display: none !important
    }

    .j-link.j-link--show-tm {
        display: inline-block;
        opacity: 1;
        pointer-events: auto
    }
}

.cash-box-container .j-actions, .j-actions {
    padding-top: 18px;
    padding-top: 1.8rem;
    margin-left: 70px;
    margin-left: 7rem;
    min-height: 100%
}

.cash-box-container .j-actions.j-actions--fh, .j-actions.j-actions--fh {
    height: 100% !important
}

.cash-box-container .j-actions.j-actions--mh-inherit, .j-actions.j-actions--mh-inherit {
    min-height: inherit
}

.cash-box-container .j-actions.j-actions--mh-fh, .j-actions.j-actions--mh-fh {
    min-height: 100%
}

@media screen and (max-width: 1024px) {
    .cash-box-container .j-actions, .j-actions {
        margin-left: 30px;
        margin-left: 3rem
    }

    .cash-box-container .j-actions.j-actions--empty, .j-actions.j-actions--empty {
        min-height: auto
    }
}

@media screen and (max-width: 768px) {
    .cash-box-container .j-actions, .j-actions {
        min-height: 961px;
        min-height: 96.1rem
    }

    .cash-box-container .j-actions.j-actions--centered-tm, .j-actions.j-actions--centered-tm {
        margin-left: auto;
        margin-right: auto
    }

    .cash-box-container .j-actions.j-actions--mb-30-tm, .j-actions.j-actions--mb-30-tm {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }

    .cash-box-container .j-actions.j-actions--w-95pc-tm, .j-actions.j-actions--w-95pc-tm {
        width: 95%
    }
}

.j-list.j-list--no-dots {
    list-style-type: none
}

.j-list.j-list--no-dots li {
    list-style-type: none
}

.j-list.j-list--flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.j-list.j-list--ml-0 {
    margin-left: 0
}

.j-list.j-list--mt-54 {
    margin-top: 54px;
    margin-top: 5.4rem
}

.j-list.j-list--j-sapce-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.j-list.j-list--pv-0 {
    padding-top: 0;
    padding-bottom: 0
}

.j-list.j-list--pl-pay-list {
    padding-left: calc(40px - 1vw)
}

.j-list.j-list-ml-0 {
    margin-left: 0
}

.j-list.j-list--game-frame .payment-item {
    height: 10.96vw
}

.j-list.j-list--grid {
    display: grid
}

.j-list.j-list--grid.j-list--grid-3-af {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.j-list.j-list--grid.j-list--grid-4-af {
    grid-template-columns:repeat(4, minmax(0, 1fr))
}

.j-list.j-list--pay-sys {
    grid-template-rows:repeat(auto-fill, 10.4vw);
    grid-row-gap: 3.9vw;
    grid-column-gap: 3.75vw
}

.j-list.j-list--pay-sys-game {
    grid-template-rows:repeat(auto-fill, 14.42vw);
    grid-row-gap: 5.23vw;
    grid-column-gap: 5.09vw
}

.j-list.j-list--fw {
    width: 100%
}

.j-list.j-list--pb-20 {
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.j-list.j-list--pay-sys-withdraw {
    grid-template-rows:repeat(auto-fill, 11.09vw);
    margin-left: calc(10% + 154px / 2);
    margin-right: auto;
    width: 80%
}

.j-list.j-list--pay-sys-withdraw .payment-item {
    height: 9.5vw
}

@media only screen and (max-width: 1024px) {
    .j-list.j-list--pay-sys-withdraw {
        margin-left: auto
    }
}

@media only screen and (max-width: 768px) {
    .j-list.j-list--pay-sys {
        grid-template-rows:none;
        grid-row-gap: 21px;
        grid-column-gap: 20px
    }

    .j-list.j-list--pay-sys-cashbox .payment-item {
        height: 15vw
    }

    .j-list.j-list--fw-tm {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .j-list.j-list--grid.j-list--grid-1-af-m {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .j-list.j-list--pay-sys {
        grid-template-rows:repeat(auto-fill, 55.05vw);
        grid-row-gap: 35px;
        grid-column-gap: 0
    }

    .j-list.j-list--pay-sys-withdraw {
        grid-template-rows:repeat(auto-fill, 54.97vw);
        width: 100%
    }

    .j-list.j-list--pay-sys-withdraw .payment-item {
        height: 48.44vw
    }

    .j-list.j-list--pay-sys-cashbox .payment-item {
        height: 48.44vw
    }
}

.j-flip {
    background-color: transparent;
    width: 100%;
    height: 200px;
    height: 20rem;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (max-width: 724px) {
    .j-flip.j-flip--flipped .j-flip_inner {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important
    }
}

@media screen and (max-width: 724px) {
    .j-flip.j-flip--flipped .j-flip__front {
        opacity: 0 !important
    }
}

.j-flip:hover .j-flip_inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media screen and (max-width: 724px) {
    .j-flip:hover .j-flip_inner {
        -webkit-transform: none;
        transform: none
    }
}

.j-flip:hover .j-flip__front {
    opacity: 0
}

@media screen and (max-width: 724px) {
    .j-flip:hover .j-flip__front {
        opacity: 1
    }
}

.j-flip.j-flip--h-235 {
    height: 235px;
    height: 23.5rem
}

.j-flip_inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.j-flip__back, .j-flip__front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.j-flip__front {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.j-flip__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.j-flip__back.j-flip__back--action {
    height: 235px;
    height: 23.5rem
}

@media (max-width: 850px) {
    .js-navbar-top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .description-text {
        margin: 75px auto 0 auto;
    }
}

article img {
    display: block;
    max-width: 100%;
    border-radius: 14px;
    margin: 30px auto;
}