@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
}

a {
    background-color: transparent
}

b {
    font-weight: bolder
}

small {
    font-size: 80%
}

img {
    border-style: none
}

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

button {
    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
}

[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
}

[hidden] {
    display: none
}

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

.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-number {
    display: inline-block;
    position: relative;
    height: 32px
}

.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-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-initialized .slick-slide {
    display: block
}

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

.slick-slide {
    outline: 0
}

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

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

.status_win::after {
    content: '';
    background: url("") 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
}

table {
    font-size: 16px;
    border-collapse: collapse;

    width: 100%;
    max-width: 100%;
    table-layout: auto
}

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

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

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
}

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

.center {
    text-align: center
}

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

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

.hidden {
    display: none !important
}

.left {
    float: left
}

.right {
    float: right
}

.hide {
    display: none !important
}

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

.active-text {
    background: #9e7ac2
}

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%
}

img {
    width: 100%
}

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

@font-face {
    font-family: 'Roboto Slab';
    src: url("") format("truetype");
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: MarvinVision;
    src: url("") 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: 20px 0;
    padding: 0 0 10px 0;
    font-family: "Open Sans, sans-serif";
    letter-spacing: .2px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem
}

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
}

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

.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-icon {
    position: relative;
    background: url("") 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 .active-status-title {
    color: silver
}

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

.active-status-gold .user-status__image {
    background: url("") 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-new .user-status__image {
    background: url("") 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-title {
    color: #fff
}

.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 {
    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-list {
    background: #24323c;
    color: #0afbda
}

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

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

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

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

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

[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-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
}

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

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

@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: 480px) {
    .cookie__description {
        font-size: 12px;
        font-size: 1.2rem
    }

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

.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 .link-login {
    margin: 0 auto;
    background-position: 21px -677px;
    width: 100%;
    background: url("") no-repeat center center
}

.sidebar-min .status-box .link-registration {
    margin: 20px auto 0 auto;
    background-position: 21px -937px;
    width: 100%;
    background: url("") 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__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 .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
}

[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
}

.is-nav-active .logo-game {
    background: url("") no-repeat left center
}

.is-nav-active .logo-news {
    background: url("") no-repeat left center
}

.is-nav-active .logo-promo {
    background: url("") no-repeat left center
}

.is-nav-active .logo-tournament {
    background: url("") no-repeat left center
}

.is-nav-active .logo-lottery {
    background: url("") no-repeat left center
}

.container-logo-jackpot {
    margin-top: -26px
}

.game-logo {
    width: 100%;
    height: 100%
}

.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__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%
}

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

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

.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-sbda06a4293.png);
    background-position: 0 -3374px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1197px;
        height: 23.5px;
        width: 24.5px
    }
}

.payment .payment-box .maestro-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1680px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -840px;
        height: 20px;
        width: 33.5px
    }
}

.payment .payment-box .qiwi-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -2035px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1018px;
        height: 23px;
        width: 22px
    }
}

.payment .payment-box .webmoney-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3443px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1231px;
        height: 22.5px;
        width: 22.5px
    }
}

.payment .payment-box .yandex-wallet-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3490px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1255px;
        height: 21.5px;
        width: 19px
    }
}

.payment .payment-box .skrill-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3259px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1139px;
        height: 13px;
        width: 38px
    }
}

.payment .payment-box .neteller-icon::before {
    opacity: .4;
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1758px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -879px;
        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
    }
}

.mobile-table {
    width: 100%;
    margin: 10px auto
}

.description-text {
    width: 90%;
    margin: 30px auto 0 auto;
    font-size: 15px;
    font-size: 1.5rem
}

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

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

@media (max-width: 1140px) {
    .header__nav-navigation {
        display: none
    }
}

.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__title {
    color: #83a6bd
}

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

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

#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
}

.nav-footer-mob__item {
    text-align: center
}

.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-line {
    position: absolute;
    top: 45%;
    width: 26px;
    height: 4px;
    background: #fff
}

.main-wrapper {
    background: #27323b
}

.main-box {
    overflow-anchor: none;
    padding-top: 100px
}

.static-width {
    padding: 40px 60px
}

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

#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("") 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("") 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("") 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("") 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("") 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
    }
}

@media (min-width: 1400px) {
    .filter-wrapper {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
}

.content {
    padding-top: 40px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 1.4rem
}

.title {
    padding: 0 0 20px 0;
    font-weight: 500;
    color: #fff;
    font-size: 28px;
    font-size: 2.8rem
}

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

#footer-big {
    display: block
}

#footer-mob {
    display: none
}

.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-blueprint, .icon-curacao, .icon-endorphina, .icon-habanero, .icon-microgaming, .icon-pagi, .icon-quickspin, .icon-relax, .icon-spinomenal, .icon-thunderkick {
    display: block
}

.icon-netent {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1779px;
    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-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -890px;
        height: 16px;
        width: 45.5px
    }
}

.icon-quickspin {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -2117px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 121px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-quickspin {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1059px;
        height: 14.5px;
        width: 60.5px
    }
}

.icon-curacao {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1026px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 58px;
    width: 50px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-curacao {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -513px;
        height: 29px;
        width: 25px
    }
}

.icon-pagi {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1881px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 53px;
    width: 53px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-pagi {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -941px;
        height: 26.5px;
        width: 26.5px
    }
}

.icon-comodo {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -977px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 119px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-comodo {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -489px;
        height: 23.5px;
        width: 59.5px
    }
}

.icon-2by2 {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -42px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 122px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-2by2 {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -21px;
        height: 16.5px;
        width: 61px
    }
}

.icon-1x2 {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 98px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-1x2 {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 0;
        height: 20px;
        width: 49px
    }
}

.icon-wazdan {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3423px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 161px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-wazdan {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1221px;
        height: 9px;
        width: 80.5px
    }
}

.icon-rabcat {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -2148px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 110px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-rabcat {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1074px;
        height: 16.5px;
        width: 55px
    }
}

.icon-playson {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1970px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 142px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-playson {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -985px;
        height: 14.5px;
        width: 71px
    }
}

.icon-ainsworth {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -565px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 131px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-ainsworth {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -283px;
        height: 17.5px;
        width: 65.5px
    }
}

.icon-thunderkick {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3340px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 103px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-thunderkick {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1180px;
        height: 16px;
        width: 51.5px
    }
}

.icon-genesis {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1228px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 144px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-genesis {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -614px;
        height: 16.5px;
        width: 72px
    }
}

.icon-amatic {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -602px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 104px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-amatic {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -301px;
        height: 16px;
        width: 52px
    }
}

.icon-betsoft {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -685px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 84px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-betsoft {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -343px;
        height: 16px;
        width: 42px
    }
}

.icon-endorphina {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1120px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 105px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-endorphina {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -560px;
        height: 24px;
        width: 52.5px
    }
}

.icon-relax {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3191px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 103px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-relax {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1105px;
        height: 16px;
        width: 51.5px
    }
}

.icon-blueprint {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -753px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 137px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-blueprint {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -377px;
        height: 16px;
        width: 68.5px
    }
}

.icon-habanero {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1263px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 37px;
    width: 180px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-habanero {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -632px;
        height: 18.5px;
        width: 90px
    }
}

.icon-spinomenal {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -3287px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 161px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-spinomenal {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -1153px;
        height: 14.5px;
        width: 80.5px
    }
}

.icon-microgaming {
    display: inline-block;
    background-image: url(images-list-sbda06a4293.png);
    background-position: 0 -1722px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 138px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .icon-microgaming {
        background-image: url(images-list-2x-s9d515c7e51.png);
        background-size: 170px 1293px;
        background-position: 0 -861px;
        height: 17px;
        width: 69px
    }
}

.footer-information {
    margin-top: 50px;
    color: #c9c9c9;
    font-family: "Open Sans, sans-serif";
    font-size: 15px;
    font-size: 1.5rem
}

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

@media only screen and (max-width: 960px) {
    #footer-big {
        display: none
    }

    #footer-mob {
        display: block
    }

    .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 .site-information {
        display: none
    }

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

@media only screen and (max-width: 960px) {
    .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
    }

    .certificate-list-mob {
        margin: 0;
        padding-left: 0;
        background: #27323b;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 960px) 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: 960px) {
    .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__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
}

@media only screen and (max-width: 1024px) {
    .nav-content__title {
        display: none
    }
}

@media only screen and (max-width: 960px) {
    .navbar-mob {
        display: block
    }
}

@media only screen and (max-width: 768px) {
    .nav-content {
        width: 95%
    }
}

@media only screen and (max-width: 480px) {
    .nav-content__title {
        display: none
    }

    .nav-content .slick-list {
        height: 40px
    }
}

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

@media only screen and (max-width: 480px) {
    .registration-box {
        width: 90%
    }
}

@media only screen and (max-width: 480px) {
    .reset-box {
        width: 80%;
        padding-top: 0
    }
}

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

.promo-banner {
    padding: 90px 0;
    position: relative;
    height: 360px;
    background: url("") top center no-repeat;
    background-size: cover
}

.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: 768px) {
    .promo-banner {
        position: relative;
        height: 100%
    }

    .promo-banner__title-box {
        margin: 0 auto
    }

    .promo-text {
        padding: 0 20px
    }
}

@media only screen and (max-width: 480px) {
    .promo-banner {
        position: relative;
        top: 20px
    }
}

.news-box {
    margin: 0 0 60px
}

.news-banner {
    padding: 90px 0;
    height: 360px;
    background: url("") 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;
    width: 25%;
    height: 320px
}

.news-item {
    display: block;
    position: relative;
    text-align: center
}

.news-item__type {
    position: absolute;
    top: -20px;
    right: 22px;
    width: 66px;
    height: 66px;
    -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: 66px;
    letter-spacing: 1px;
    font-size: 11px;
    font-size: 1.1rem;
    z-index: 10
}

.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-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-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-list__item {
        width: 50%
    }

    .news-item__image {
        min-height: 200px
    }
}

@media only screen and (max-width: 480px) {
    .news-list__item {
        padding: 3% 4%;
        height: 250px
    }

    .news-item__image {
        min-height: 160px;
        min-width: 160px
    }
}

@media only screen and (max-width: 390px) {
    .news-list__item {
        height: 214px
    }

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

.payment-item-box__title {
    line-height: 11px;
    line-height: 1.1rem;
    margin-top: 20px;
    margin-top: 2rem
}

.wrapper {
    padding: 20px 40px;
    background: #27323b;
    font-family: "Open Sans, sans-serif"
}

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

.tab-verification {
    position: relative
}

@media only screen and (max-width: 768px) {
    .wrapper {
        padding-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .document {
        width: 100%
    }

    .wrapper {
        padding: 0 20px 40px 20px
    }

    .active-status {
        width: 100%
    }

    .active-status .active-status-name {
        display: none
    }
}

.verification {
    max-width: 900px;
    margin: 0 auto;
    text-transform: none
}

.verification__text .text {
    line-height: 1.5
}

.document {
    margin: 45px auto 0 auto;
    width: 75%;
    font-size: 28px;
    font-size: 2.8rem
}

.document__title {
    text-transform: uppercase;
    text-align: center
}

.document .document-new {
    color: #fdf151
}

.status_win:after {
    display: none
}

.date-color {
    color: #0afbda
}

.wrapper-tournament {
    width: 80%;
    margin: 25px auto 0;
    font-family: "Open Sans, sans-serif"
}

@media only screen and (max-width: 1600px) {
    .wrapper-tournament {
        width: 95%
    }
}

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

@media only screen and (max-width: 768px) {
    .tournament-item + .tournament-item {
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

.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-slide > div {
    margin: 6px
}

.tournament-carousel .slick-active button[type=button] {
    border: 3px solid #e44f5b;
    border-radius: 50%
}

@media (min-width: 670px) and (max-width: 820px) and (orientation: landscape) {
    img.big-image__icon {
        width: 80px;
        height: 80px
    }
}

@media (min-width: 600px) and (max-width: 669px) and (orientation: landscape) {
    img.big-image__icon {
        width: 72px;
        height: 72px
    }
}

.tournament-table {
    margin: 35px 0
}

.tournament-table table {
    font-family: Roboto Slab
}

@media only screen and (max-width: 620px) {
    .big-image__center {
        padding: 20px 0
    }
}

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

@media only screen and (max-width: 620px) {
    .tournament-description-slider {
        padding: 0
    }

    .tournament-description-slider .game-item {
        width: 170px
    }
}

.tournament-description-slider .game-item {
    display: block;
    width: 100%
}

@media (max-width: 820px) {
    .tournament-description-slider .game-item {
        width: 140px;
        height: 100%
    }
}

.tournament-mobile__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.game-wrapper {
    background: url("") 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
}

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

.game-table {
    margin-top: 25px
}

#container-game {
    height: 100%
}

.status-game-box .verification-icon {
    left: 30px
}

@-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)
    }
}

.news-list:after, .news-list:before {
    content: "";
    display: table
}

.news-list:after {
    clear: both
}

.payment-box {
    margin: 0 auto;
    padding: 0 10px;
    width: 640px;
    height: 100%
}

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

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

.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--h-50 {
    height: 50px;
    height: 5rem
}

.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-block {
    position: relative
}

.j-block.j-block--center {
    text-align: center
}

.j-block.j-block--center {
    text-align: center
}

.j-block.j-block--h-auto {
    height: auto
}

.j-block.j-block--h-76 {
    height: 76px;
    height: 7.6rem
}

.j-block.j-block--left {
    text-align: left
}

.j-block.j-block--w-380 {
    width: 100%;
    max-width: 380px;
    max-width: 38rem
}

.j-text {
    display: inline-block
}

.j-text.j-text--block {
    display: block
}

.j-text.j-text--new {
    color: #e44f5b
}

.j-text.j-text--gold {
    color: #fdf151
}

@media screen and (max-width: 480px) {
    .j-text.j-text--hide-m {
        display: none
    }
}

.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--hidden {
    display: none
}

.j-link.j-link--no-hover:hover {
    opacity: 1
}

a:hover {
    cursor: pointer !important
}

.jcf-reset-appearance {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    appearance: none;
    opacity: 0
}

.jcf-unselectable {
    user-select: none
}

.jcf-rtl .jcf-hidden {
    right: -9999px !important;
    left: auto !important
}

.jcf-hidden {
    position: absolute !important;
    left: -9999px !important;
    height: 1px !important;
    width: 1px !important;
    margin: 0 !important;
    border-width: 0 !important;
    appearance: none
}

.slot--item {
    display: table;
    border-right: 10px solid #1b2c34;
    border-left: 10px solid #1b2c34;
    margin: 0px auto !important;
}

.slot--item img {
    padding-top: 40px;
    background: #000;
    padding-bottom: 40px;
    margin: 0px auto !important;
    webkit-filter: blur(1px); /* Chrome, Safari, Opera */
    filter: blur(1px);
}

.slot--item img:hover {
    cursor: pointer;
    webkit-filter: blur(0px); /* Chrome, Safari, Opera */
    filter: blur(0px);
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 5px 5px;
    border: 1px solid #ddd;
    text-align: left;
}

.responsive-table th {
    background-color: #f4f4f4;
    font-weight: bold;
    color: black;
}

.img-fig {
    display: block;
    margin: 0 auto;
    max-width: 50%;
}

.fig-img img {
    border-radius: 14px;
    margin: 30px auto;
}