.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/template/scss/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

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

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    color: inherit;
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: '';
    content: none
}

q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

select,
input,
textarea,
button {
    outline: none;
    font: inherit
}

@media (min-width: 769px) {
    @font-face {
        font-family: 'Roboto';
        src: url('/template/fonts/RobotoRegular.eot');
        src: url('/template/fonts/RobotoRegular.eot') format('embedded-opentype'), url('/template/fonts/RobotoRegular.woff2') format('woff2'), url('/template/fonts/RobotoRegular.woff') format('woff'), url('/template/fonts/RobotoRegular.ttf') format('truetype'), url('/template/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/template/fonts/RobotoMedium.eot');
        src: url('/template/fonts/RobotoMedium.eot') format('embedded-opentype'), url('/template/fonts/RobotoMedium.woff2') format('woff2'), url('/template/fonts/RobotoMedium.woff') format('woff'), url('/template/fonts/RobotoMedium.ttf') format('truetype'), url('/template/fonts/RobotoMedium.svg#RobotoMedium') format('svg');
        font-weight: 500;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/template/fonts/RobotoBold.eot');
        src: url('/template/fonts/RobotoBold.eot') format('embedded-opentype'), url('/template/fonts/RobotoBold.woff2') format('woff2'), url('/template/fonts/RobotoBold.woff') format('woff'), url('/template/fonts/RobotoBold.ttf') format('truetype'), url('/template/fonts/RobotoBold.svg#RobotoBold') format('svg');
        font-weight: 700;
        font-style: normal;
        font-display: swap
    }
}

i.icon-defolt {
    background-image: url(../content/item.svg)
}

i.icon-promo {
    background-image: url(../content/megaphone.png)
}

i.icon-turnir {
    background-image: url(../content/trophy.png)
}

i.icon-10 {
    background-image: url(../content/sloty.png)
}

i.icon-108 {
    background-image: url(../content/privetstvenniy-bonus.png)
}

i.icon-32 {
    background-image: url(../content/bonusy-sporta.png)
}

i.icon-30 {
    background-image: url(../content/turniry.png)
}

i.icon-7 {
    background-image: url(../content/promokody.png)
}

i.icon-27 {
    background-image: url(../content/pincoiny.png)
}

i.icon-28 {
    background-image: url(../content/vyvod-na-kartu-mir.png)
}

i.icon-31 {
    background-image: url(../content/otzyvy.png)
}

i.icon-34 {
    background-image: url(../content/stavki-na-sport.png)
}

i.icon-35 {
    background-image: url(../content/igrovye-avtomaty.png)
}

i.icon-36 {
    background-image: url(../content/vyvod-deneg.png)
}

i.icon-37 {
    background-image: url(../content/zerkalo.png)
}

i.icon-38 {
    background-image: url(../content/vse-igry.png)
}

i.icon-39 {
    background-image: url(../content/novinki.png)
}

i.icon-40 {
    background-image: url(../content/ruletka.png)
}

i.icon-41 {
    background-image: url(../content/kartochnye-igry.png)
}

i.icon-42 {
    background-image: url(../content/crash-igry.png)
}

i.icon-111 {
    background-image: url(../content/download-to-storage-drive.png)
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

iframe {
    max-width: 100%
}

::placeholder {
    color: #666
}

input,
textarea {
    outline: none
}

input:focus:required:invalid,
textarea:focus:required:invalid {
    border-color: red
}

input:required:valid,
textarea:required:valid {
    border-color: green
}

a {
    color: #fff
}

a:hover {
    color: #ef9a00
}

body {
    font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
    background: #0d1016;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.noscrol {
    overflow: hidden
}

.w-100 {
    width: 100%
}

.img-res {
    max-width: 100%;
    height: auto
}

.img-all {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.btn-box {
    display: flex
}

button {
    border: 0px solid transparent;
    outline: none;
    background-color: transparent;
    cursor: pointer
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    background: linear-gradient(0deg, rgba(49, 51, 52, .15), rgba(49, 51, 52, .15)), #ff2400;
    border: 1px solid #ff2400;
    position: relative
}

.btn span {
    position: relative;
    z-index: 10
}

.btn:after {
    content: "";
    animation: button-pulse 1.6s ease-out infinite 0.5s;
    position: absolute;
    border-radius: 0.25rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.7, 0.5);
    background: rgba(255, 36, 0, .5);
    z-index: 1;
    transition: transform 0.5s linear;
    width: 120%;
    height: 180%
}

.btn:hover {
    box-shadow: 0 0 10px #041735;
    color: #fff
}

.btn-a {
    border: 1px solid #ff2400;
    background-color: transparent;
    color: #fff
}

.btn-a:after {
    display: none
}

.btn-a:hover {
    box-shadow: 0 0 10px #041735
}

.btn-b:after {
    display: none
}

.btn-b:hover {
    box-shadow: 0 0 10px #041735
}

i.icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: middle
}

ul,
ol {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px
}

ol {
    list-style-type: decimal
}

@keyframes button-pulse {
    0% {
        transform: translate(-50%, -50%) scale(0.7, 0.5);
        opacity: 0;
        border-radius: 0.25rem
    }

    12% {
        opacity: 1
    }

    34% {
        transform: translate(-50%, -50%) scale(1)
    }

    38% {
        opacity: 0
    }

    40% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-radius: 0.5rem
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-radius: 0.25rem
    }
}

.content p {
    margin: 0 0 20px
}

.table-box {
    overflow: hidden;
    overflow-x: scroll
}

.table-box table {
    width: 100%
}

.table-box::-webkit-scrollbar {
    width: 0px;
    height: 0
}

.content .table-box p {
    margin-bottom: 0
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    padding: 0;
    font-size: 1em;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 10px 20px;
    text-align: center;
    color: #fff;
    line-height: 1.2
}

h1,
.h1 {
    font-size: 1.2em
}

.container {
    margin: 0 auto;
    padding: 0 10px
}

.d-none {
    display: none
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    background-color: #0d1016;
    z-index: 100
}

.header .header-naw {
    display: none
}

.header .iner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .btn-a {
    margin-left: 5px
}

.pre-header {
    padding-top: 41px
}

.slider {
    height: 164px
}

.slider .item {
    height: 164px
}

.slider .title-box {
    position: absolute;
    left: 20px;
    top: 10px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.slider .title {
    font-size: 23px;
    font-weight: 800;
    font-style: italic;
    text-shadow: 0px 0px 2px black
}

.slider .title-sm {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0px 0px 2px black
}

.slider .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.slider .owl-theme .owl-dots .owl-dot span {
    height: 2px;
    width: 15px;
    margin: 4px 3px;
    background-color: #d1d1d1;
    box-shadow: 0px 0px 1px #000;
    border-radius: 0
}

.slider .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    width: 25px
}

.slider-naw {
    margin-bottom: 20px
}

.slider-naw .naw-items {
    overflow: auto;
    display: flex;
    padding-bottom: 3px
}

.slider-naw .item {
    display: flex;
    color: #80858f;
    font-size: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #1b1f27
}

.slider-naw .item.activ:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, #ff2400 50.52%, rgba(255, 36, 0, 0) 100%)
}

.slider-naw .item.activ:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%);
    width: 20px;
    height: 3px;
    background: #ff2400;
    border-radius: 100px
}

.slider-naw .item:hover:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, #ff2400 50.52%, rgba(255, 36, 0, 0) 100%)
}

.slider-naw .item:hover:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%);
    width: 20px;
    height: 3px;
    background: #ff2400;
    border-radius: 100px
}

.slider-naw .icon {
    width: 24px;
    height: 24px;
    margin: 0;
    margin-bottom: 10px
}

.naw-items::-webkit-scrollbar {
    width: 0;
    height: 0
}

.gama-box {
    margin: 0 -2.5px 15px;
    display: flex;
    flex-wrap: wrap
}

.gama-box .item {
    margin: 0 2.5px 5px;
    width: calc(100% / 2 - 5px);
    position: relative;
    border-radius: 5px
}

.gama-box .img-res {
    border-radius: 5px;
    width: 100%
}

.gama-box .title-box {
    opacity: 0;
    display: none;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    justify-content: center;
    text-align: center;
    padding: 8px;
    transition: all 0.3s
}

.gama-box .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.gama-box .btn-box {
    display: flex;
    flex-direction: column
}

.gama-box .btn {
    margin: 4px 0
}

.gama-box .btn-a {
    color: #fff
}

.gama-box .item:hover .title-box {
    display: flex;
    opacity: 1
}

.gama-box .item:hover:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    z-index: -1;
    background: linear-gradient(163deg, #00cfa6 0%, #444852 59.09%)
}

.actii-box {
    margin: 0 -2.5px 15px;
    display: flex;
    flex-wrap: wrap
}

.actii-box .item {
    margin: 20px 2.5px 20px;
    width: calc(100% - 5px);
    position: relative;
    border-radius: 5px;
    background-color: #13171f;
    text-align: center
}

.actii-box .item .top-box img {
    margin-top: -20px
}

.actii-box .title {
    padding: 10px;
    font-size: 20px;
    font-weight: 700
}

.actii-box .text {
    padding: 10px;
    color: #80858f;
    min-height: 80px
}

.actii-box .timer-title {
    padding: 10px;
    color: #80858f;
    text-align: center;
    width: 100%
}

.actii-box .btn-box {
    margin: 15px
}

.actii-box .btn {
    width: 100%
}

.timer-box {
    display: flex;
    justify-content: center
}

.timer-box .item {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 40px;
    color: #80858f;
    margin: 0
}

.timer-box .item span {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.razdelitel {
    color: #80858f;
    font-size: 22px;
    font-weight: 700
}

.mobail-naw {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0d1016;
    z-index: 1000;
    color: #80858f
}

.mobail-naw.activ {
    height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobail-naw .naw-box {
    display: none;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start
}

.mobail-naw .naw-box.activ {
    display: flex
}

.mobail-naw .grupp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #333;
    width: 100%
}

.mobail-naw .item {
    display: flex;
    color: #80858f;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
    text-decoration: none
}

.mobail-naw .item.activ {
    color: #fff
}

.mobail-naw .item:hover {
    color: #fff
}

.mobail-naw .naw-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px
}

.mobail-naw .open-naw {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #80858f
}

.mobail-naw .open-naw.cloze {
    display: none
}

.mobail-naw .open-naw.cloze i {
    margin: 0;
    background: #80858f;
    border-radius: 25px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    line-height: 15px;
    font-size: 25px
}

.mobail-naw .naw-footer.activ .open-naw {
    display: none
}

.mobail-naw .naw-footer.activ .open-naw.cloze {
    display: flex
}

.turnament .turnament-item {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

.turnament .name-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.turnament .name {
    font-size: 20px;
    padding: 10px
}

.turnament .summa {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #80858f;
    font-size: 12px
}

.turnament .summa span {
    font-size: 35px;
    color: #fff;
    font-weight: 700
}

.turnament .timer-box {
    margin-bottom: 10px
}

.turnament .turnament-href {
    color: #80858f;
    font-weight: bold
}

.footer .footer-naw {
    position: relative;
    display: flex;
    padding: 10px 0;
    margin-top: 20px;
    flex-direction: column;
    align-items: center
}

.footer .footer-naw:before {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%)
}

.footer .footer-naw:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%)
}

.footer .naw-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px
}

.footer .naw-box .naw-item {
    color: #80858f;
    display: flex;
    align-items: center;
    text-decoration: none
}

.footer .title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.footer .provider {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0
}

.footer .provider img {
    width: auto;
    height: 40px
}

.footer .provider:before {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%)
}

.footer .copirate {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 95px
}

.footer .copirate img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.footer .copirate-box {
    text-align: center;
    color: #80858f;
    font-size: 12px
}

.download {
    position: relative;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.download.download-page {
    padding-top: 0
}

.download .download-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.download .item-download {
    margin: 10px;
    cursor: pointer
}

.download .item-download img {
    filter: invert(1);
    border: 1px solid #dbdbdb;
    border-radius: 5px
}

.jackpot {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #13171f;
    border-radius: 10px
}

.jackpot .center {
    padding: 0 20px
}

.jackpot .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.jackpot .btn-box {
    margin: 20px 0
}

.pincoins {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #13171f;
    border-radius: 10px
}

.pincoins .left {
    margin-bottom: 20px
}

.pincoins .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.pincoins .contents-box ul {
    list-style-type: none;
    padding: 0
}

.content.content-not-slider-naw {
    margin-top: 20px
}

.content .table-box {
    overflow: hidden;
    overflow-x: scroll
}

.content .table-box table {
    width: 100%
}

.content .table-box::-webkit-scrollbar {
    width: 0px;
    height: 0
}

.content .table-box table {
    margin: 0 0 1rem;
    width: 100%
}

.content .table-box table td {
    padding: 8px;
    text-align: center;
    vertical-align: middle
}

.content .table-box table tbody tr:nth-of-type(even) {
    background-color: #212121
}

.content .table-box table thead tr {
    background-color: #474747;
    color: #fff;
    font-weight: bold;
    position: relative
}

.content .table-box table thead tr th,
.content .table-box table thead tr td {
    padding: 12px 8px;
    text-transform: uppercase;
    vertical-align: middle
}

.content blockquote {
    border-radius: 20px;
    padding: 25px;
    font-style: italic;
    margin-bottom: 20px;
    position: relative;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #4d4e4f 40.59%, rgba(0, 207, 166, 0) 90%)
}

.content blockquote:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
}

.content blockquote:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
}

.content blockquote p {
    margin-bottom: 0;
    padding-bottom: 0
}

.content .faq-header {
    border-radius: 20px;
    padding: 15px 15px 15px 35px;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #4d4e4f 40.59%, rgba(0, 207, 166, 0) 90%);
    cursor: pointer
}

.content .faq-header:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
}

.content .faq-header span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background: #444547;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 16px;
    transition: all 0.3s;
    position: absolute;
    left: 5px;
    top: 15px
}

.content .faq.open .faq-header span {
    transform: rotate(45deg)
}

.content .faq-content {
    padding: 0 20px 20px
}

.content .faq-content p {
    margin-bottom: 0;
    padding-bottom: 0
}

.content p {
    margin-bottom: 20px
}

.content p:empty {
    display: none;
    margin: 0;
    padding: 0
}

.content .content-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.content .content-btn button {
    min-width: 230px;
    margin-bottom: 20px;
    font-size: 18px;
    padding: 10px 25px
}

.content .content-btn.content-btn-tvo {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.content a {
    color: #00cfa6
}

.content a:hover {
    text-decoration: none
}

.quip {
    margin-top: 20px
}

.quip .quip-comment-list {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0
}

.quip .quip-comment-list quip-comment {
    margin-bottom: 10px
}

.quip .quip-comment-body {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    background: #0d1016;
    border-radius: 20px 20px 0 0
}

.quip .coment-heder {
    font-weight: bold;
    align-items: center;
    border: 2px solid #00cfa6;
    padding: 1rem;
    border-radius: 20px;
    line-height: 1.1;
    color: #fff;
    display: flex;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #4d4e4f 40.59%, rgba(0, 207, 166, 0) 90%);
    font-size: 16px;
    cursor: pointer
}

.quip .img-res {
    width: 35px;
    filter: invert(1)
}

.quip .coment-avtor-data {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.quip .avtor {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.quip .data {
    opacity: 0.5;
    font-size: 12px
}

.quip .quip-comment-text {
    padding: 20px;
    position: relative
}

.quip .quip-comment-text:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
}

.quip .quip-comment-text p {
    margin: 0;
    padding: 0
}

.quip-comment {
    margin-bottom: 20px
}

.quip-comment .form-grupp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.quip-comment .quip-fld {
    width: calc(50% - 10px);
    margin: 0 5px 10px
}

.quip-comment input,
.quip-comment textarea {
    padding: 5px;
    border-radius: 5px;
    outline: none;
    border: 0px;
    width: 100%
}

.quip-comment .form-textarea {
    margin-bottom: 10px
}

.quip-comment .btn-box {
    display: flex;
    width: 100%;
    justify-content: center
}

.aside {
    display: none
}

.ratio {
    position: relative;
    width: 100%;
    max-width: 992px;
    margin: 0 auto 20px
}

.ratio:before {
    display: block;
    padding-top: calc(9 / 16 * 100%);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.ratio img {
    opacity: 0.5
}

.ratio .btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.ratio .btn {
    width: 250px;
    margin: 10px
}

@media (min-width: 600px) {
    .actii-box .item {
        width: calc(100% / 2 - 5px);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .actii-box .item .text {
        min-height: 80px
    }

    .actii-box .item .timer-box .item {
        width: 40px
    }

    .gama-box .item {
        width: calc(100% / 3 - 5px)
    }
}

@media (min-width: 768px) {
    .pre-header {
        padding-top: 61px
    }

    .slider,
    .slider .item {
        height: 260px
    }

    .slider .btn-box,
    .slider .item .btn-box {
        display: flex;
        position: absolute;
        bottom: 10px;
        left: 10px
    }

    .slider .title {
        font-size: 50px
    }

    .slider .title-sm {
        font-size: 25px;
        line-height: 20px
    }

    .gama-box .item {
        width: calc(100% / 4 - 5px)
    }

    .btn {
        padding: 10px 20px
    }

    .db-768 {
        display: block
    }

    .header {
        padding: 10px 0
    }

    .header .bonus-header {
        font-weight: bold;
        margin-right: 20px
    }

    .header .btn-box {
        display: flex;
        align-items: center
    }

    .header .logo-box img {
        width: 138px
    }

    .pincoins {
        flex-direction: row-reverse
    }

    .pincoins .left {
        margin-bottom: 0px;
        order: 2;
        width: 50%
    }

    .pincoins .right {
        order: 1;
        text-align: left;
        padding: 20px;
        width: 50%
    }

    .pincoins .title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .pincoins .contents-box ul {
        list-style-type: disc;
        padding-inline-start: 20px
    }

    .jackpot {
        flex-direction: row;
        justify-content: space-between
    }

    .jackpot img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .jackpot .img-box {
        width: 406px;
        height: 220px
    }

    .jackpot .right {
        min-width: 200px;
        display: flex;
        justify-content: center;
        position: relative
    }

    .jackpot .right:before {
        content: '';
        position: absolute;
        width: 1px;
        left: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%)
    }

    .jackpot .btn-box {
        margin: 0;
        min-height: 200px;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .footer .footer-naw {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around
    }

    .footer .naw-box {
        align-items: flex-start
    }

    .turnament .turnament-item {
        flex-direction: row;
        justify-content: space-between
    }

    .turnament .turnament-item .left {
        width: calc(100% - 200px);
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .turnament .turnament-item .right {
        width: 200px;
        border-left: 1px solid #333
    }

    .turnament .turnament-item .right .summa {
        align-items: center
    }

    .turnament .turnament-item .img-box {
        width: 200px;
        height: 200px;
        margin-right: 20px
    }

    .turnament .turnament-item .name-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left
    }

    .turnament .turnament-item .name-box .name {
        padding: 10px 0
    }

    .turnament .turnament-item .summa {
        align-items: flex-start
    }

    .mobail-naw.activ {
        height: calc(100vh - 60px)
    }
}

@media (min-width: 992px) {
    .turnament .turnament-item .img-box {
        width: 375px;
        height: 220px;
        margin-right: 20px
    }

    .turnament .name {
        font-size: 24px
    }

    .turnament .summa span {
        font-size: 50px
    }

    .actii-box .item {
        width: calc(100% / 3 - 20px);
        margin: 20px 10px 20px
    }

    .gama-box .item {
        width: calc(100% / 5 - 5px)
    }

    .slider,
    .slider .item {
        height: 350px
    }
}

@media (min-width: 1200px) {
    .header .logo {
        display: none
    }

    .header .header-naw {
        display: flex;
        align-items: center;
        padding-left: 10px
    }

    .header .header-naw .item {
        color: #80858f;
        text-decoration: none;
        font-weight: 500;
        margin-left: 10px
    }

    .header .header-naw .item.activ {
        color: #fff
    }

    .header .header-naw .item:hover {
        color: #fff
    }

    .container,
    .slider {
        padding-left: 80px;
        max-width: 1800px;
        margin: auto
    }

    .footer .copirate {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;
        justify-content: center
    }

    .footer .copirate img {
        margin-right: 20px
    }

    .footer .copirate-box {
        text-align: left
    }

    .aside {
        display: flex;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: #0d1016;
        z-index: 1000;
        flex-direction: column;
        padding: 8px;
        width: 72px
    }

    .aside:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: linear-gradient(180deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
    }

    .aside .box-open-aside {
        background-color: #0d1016;
        width: 25px;
        height: 46px;
        position: absolute;
        right: -24px;
        top: calc(50% - 23px);
        padding: 7px 0;
        border: 1px solid #00cfa6;
        border-width: 1px 1px 1px 0px;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        display: none
    }

    .aside .box-open-aside img {
        margin-left: -4px;
        margin-top: 6px;
        width: 17px;
        height: 17px;
        transition: all 0.3s
    }

    .aside .logo-box {
        margin-bottom: 10px
    }

    .aside .logo-box img {
        display: flex;
        width: 53px
    }

    .aside .logo-box img.img-big {
        display: none
    }

    .aside .grupp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        position: relative
    }

    .aside .grupp:before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 207, 166, 0) 10%, #00cfa6 40.59%, rgba(0, 207, 166, 0) 90%)
    }

    .aside .item {
        display: flex;
        color: #80858f;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        text-decoration: none;
        width: 100%
    }

    .aside .item .icon {
        width: 25px;
        height: 25px
    }

    .aside .item span {
        display: none
    }

    .aside .item:hover {
        color: #fff
    }

    .aside .item.activ {
        color: #fff
    }

    .aside:hover .box-open-aside {
        display: block
    }

    .aside.open {
        width: 210px;
        padding: 15px
    }

    .aside.open .box-open-aside img {
        transform: rotate(180deg)
    }

    .aside.open .logo-box img {
        display: none;
        width: 180px
    }

    .aside.open .logo-box img.img-big {
        display: flex
    }

    .aside.open .grupp .item {
        justify-content: flex-start
    }

    .aside.open .grupp .item span {
        display: block
    }

    .aside-open .container,
    .aside-open .slider {
        padding-left: 220px
    }

    .turnament .turnament-item .right {
        width: 320px
    }

    .actii-box .item .timer-box .item {
        width: 70px
    }

    .timer-box .item {
        width: 70px
    }

    .timer-box .item span {
        font-size: 40px
    }

    .razdelitel {
        font-size: 32px;
        display: inline-flex;
        align-items: center
    }

    .mobail-naw {
        display: none
    }
}

@media (min-width: 1459px) {
    .gama-box .item {
        width: calc(100% / 5 - 5px)
    }

    .actii-box .item {
        width: calc(100% / 4 - 20px)
    }
}

@media (min-width: 1761px) {
    .gama-box .item {
        width: calc(100% / 6 - 5px)
    }

    .actii-box .item {
        width: calc(100% / 5 - 20px)
    }
}

@media (min-width: 2063px) {
    .gama-box .item {
        width: calc(100% / 7 - 5px)
    }
}

@media (min-width: 2365px) {
    .gama-box .item {
        width: calc(100% / 8 - 5px)
    }

    .actii-box .item {
        width: calc(100% / 6 - 20px)
    }
}

@media (min-width: 2667px) {
    .gama-box .item {
        width: calc(100% / 9 - 5px)
    }
}

@media (min-width: 2969px) {
    .gama-box .item {
        width: calc(100% / 10 - 5px)
    }
}

@media (min-width: 3271px) {
    .gama-box .item {
        width: calc(100% / 11 - 5px)
    }
}

@media (min-width: 3573px) {
    .gama-box .item {
        width: calc(100% / 12 - 5px)
    }
}