.blue-btn, .content a.yellow-btn, .yellow-btn {
    color: #000;
    box-shadow: 1.7px 19.9px 40px rgba(0, 0, 0, .2)
}

.blue-btn, .content a.yellow-btn, .opacity-btn, .yellow-btn {
    padding: 10px 30px;
    border-radius: 6px;
    font-size: 12px;
    transition: .3s;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.cover, body, header {
    width: 100%
}

header .header-wrap, header .header-wrap .header-left, header .header-wrap .header-right {
    display: flex;
    align-items: center
}

.cover, .soc span a, header {
    top: 0;
    left: 0
}

.cover, .soc span a, html {
    height: 100%
}

.blue-btn, .breadcrumbs li a, .content a:hover, .error-page .error-btn:hover, .opacity-btn, .slot-place .slot-item .hover a, .soc, .top_winners .top_winners-item, .top_winners-table .player-stat a:hover {
    text-decoration: none
}

html body header a.ttg-apk {
    display: block !important
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: 'Rhythmic RUS';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Rhythmic_RUS.otf') format('opentype')
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Inter-Regular.ttf') format('truetype')
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype')
}

body, html {
    margin: 0;
    padding: 0
}

body {
    font-family: Arial, sans-serif;
    min-height: 100%
}

.content a.yellow-btn, .yellow-btn {
    background-image: linear-gradient(2deg, #fa709a 0, #fee140 100%)
}

.top_winners .top_winners-item .cash-win, .top_winners .top_winners-item .name-win, .top_winners .top_winners-item .number-win, .top_winners .top_winners-item .slot-win, .top_winners-table .labels span, .top_winners-table .player-stat a, .top_winners-table .player-stat span {
    font-family: Arial, sans-serif;
    text-align: center
}

.blue-btn:hover, .yellow-btn:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    box-shadow: none
}

.aktsii-place .aktsii-item, .slot-place .slot-item {
    box-shadow: 2.6px 29.9px 50px rgba(0, 0, 0, .2);
    overflow: hidden
}

.blue-btn {
    background-image: linear-gradient(to top, #eaa13d 0, #407fce 0, #00f2fe 100%, #4fdde4 100%, #00f2fe 100%)
}

.opacity-btn {
    color: #586488;
    border: 1px solid #586488;
    box-sizing: border-box
}

.opacity-btn:hover {
    border: 1px solid #fff;
    color: #fff
}

.cover {
    position: fixed;
    background: url("cover.svg") right top no-repeat;
    z-index: -1
}

header {
    background: rgba(45, 57, 95, .9);
    height: 85px;
    box-shadow: 0 0 100px 0 #242d46, inset 0 0 1px 0 #2b3554;
    z-index: 100
}

header .header-wrap {
    max-width: 1200px;
    height: 100%;
    margin: auto;
    justify-content: space-between;
    z-index: 10;
    position: relative
}

.wrapper, footer .navigate {
    max-width: 1200px;
    z-index: 1
}

header .header-wrap .header-left .logo {
    width: 95px;
    height: 55px;
    display: block
}

header .header-wrap .header-right .search {
    align-items: center;
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #505280;
    margin: 0 25px
}

header .header-wrap .header-right .search .search-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url("search.svg") no-repeat;
    margin: 0 5px 0 0
}

header .header-wrap .header-right .search form input {
    border: 0;
    background: 0 0;
    outline: 0;
    color: #b0b0c3;
    font-size: 12px
}

header .header-wrap .header-right .search form ::-webkit-input-placeholder {
    color: #b0b0c3
}

header .header-wrap .header-right .search form ::-moz-placeholder {
    color: #b0b0c3
}

header .header-wrap .header-right .search form :-moz-placeholder {
    color: #b0b0c3
}

header .header-wrap .header-right .search form :-ms-input-placeholder {
    color: #b0b0c3
}

.soc {
    width: 175px;
    height: 25px;
    margin: 0 0 0 30px;
    text-align: center
}

.soc span {
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../img/social.svg) -1px -23px/120px no-repeat
}

.soc span a {
    position: absolute;
    width: 100%
}

.hidden, .slot-info .bx-controls .bx-controls-auto, .soc span a .a2a_s__default {
    display: none
}

.soc span:nth-child(2) {
    background-position: -24px -23px
}

.soc span:nth-child(3) {
    background-position: -47px -23px
}

.soc span:nth-child(4) {
    background-position: -70px -23px
}

.soc span:nth-child(5) {
    background-position: -94px -23px
}

.soc span:hover {
    background-position-y: 0
}

.wrapper {
    width: 100%;
    margin: auto;
    position: relative
}

.wrapper .banner-top {
    margin: 10px 0;
    display: flex;
    justify-content: space-between
}

.wrapper .banner-top .banner-info {
    margin: 0 0 0 -1000px;
    animation: 1s forwards banner-info
}

.wrapper .banner-top .banner-info a {
    opacity: 0;
    animation-delay: 2s;
    animation-name: banner-info-bts;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

.wrapper .banner-top .banner-info span {
    display: block;
    margin: 60px 0;
    font-size: 44px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

.wrapper .banner-top .banner-img {
    width: 520px;
    height: 350px;
    opacity: 0;
    animation-delay: 1s;
    animation-name: banner-img;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

.contacts-info, .slot-info, .wrapper .main {
    display: flex
}

.wrapper .main .left-wrap {
    width: 100%;
    max-width: 870px
}

.wrapper .main .sidebar {
    width: 265px
}

.wrapper .main .sidebar .jackpot {
    width: 100%;
    height: 720px;
    background-image: linear-gradient(138deg, #eaa13d 0, #355b9c 0, #00f2fe 100%, #4fdde4 100%, #00f2fe 100%);
    box-shadow: 0 0 80px 5px #355b9c;
    border-radius: 6px;
    overflow: hidden
}

.wrapper .main .sidebar .jackpot .top-animate {
    position: relative;
    height: 400px
}

.wrapper .main .sidebar .jackpot .top-animate .cloud_1 {
    position: absolute;
    top: -20px;
    left: -30px;
    display: block;
    background: url(cloud_1.svg) no-repeat;
    width: 325px;
    height: 165px;
    z-index: 20;
    animation: 2s infinite cloud_1
}

.wrapper .main .sidebar .jackpot .top-animate .cloud_2 {
    position: absolute;
    top: -40px;
    left: -60px;
    display: block;
    background: url(cloud_2.svg) no-repeat;
    width: 395px;
    height: 185px;
    z-index: 21
}

.wrapper .main .sidebar .jackpot .top-animate .cloud_3 {
    position: absolute;
    top: 160px;
    left: -30px;
    display: block;
    background: url(cloud_3.svg) no-repeat;
    width: 50px;
    height: 20px;
    z-index: 22;
    animation: 80s infinite cloud_3
}

.wrapper .main .sidebar .jackpot .top-animate .cloud_4 {
    position: absolute;
    top: 170px;
    left: 130px;
    display: block;
    background: url(.cloud_4.svg) no-repeat;
    width: 170px;
    height: 85px;
    z-index: 21;
    animation: 20s infinite cloud_4
}

.wrapper .main .sidebar .jackpot .top-animate .hand_1 {
    position: absolute;
    top: 200px;
    left: 265px;
    display: block;
    width: 360px;
    height: 170px;
    z-index: 20
}

.wrapper .main .sidebar .jackpot .top-animate .animate-hand {
    animation-name: animate-hand;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

.wrapper .main .sidebar .jackpot .top-animate .label-jackpot {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    z-index: 23
}

.wrapper .main .sidebar .jackpot .top-tabs {
    position: relative;
    text-align: center;
    height: 320px
}

.wrapper .main .sidebar .jackpot .top-tabs .bx-winners {
    position: absolute;
    top: 40px;
    left: 7px
}

.wrapper .main .sidebar .jackpot .top-tabs .btn {
    width: 125px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 30px;
    font-size: 9px;
    position: relative;
    z-index: 21;
    margin: 2px 0 0;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer
}

.wrapper .main .sidebar .jackpot .top-tabs .btn-active {
    background: #fed54a
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content {
    opacity: 0;
    width: 100%;
    overflow: hidden
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item {
    width: 230px;
    padding: 5px;
    position: relative;
    display: block
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item .tab-item-inner {
    background-color: #13aeeb;
    border-radius: 6px;
    height: 60px;
    position: relative;
    display: block
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item .tab-item-inner img {
    display: block;
    width: 70px;
    height: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 6px
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item .tab-item-inner .player {
    position: absolute;
    top: 6px;
    left: 85px;
    color: #000;
    font-size: 12px;
    font-weight: 700
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item .tab-item-inner .cash {
    position: absolute;
    top: 23px;
    left: 85px;
    color: #fed54a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item .tab-item-inner .slot {
    position: absolute;
    top: 42px;
    left: 85px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    width: 140px;
    height: 13px;
    overflow: hidden;
    display: block;
    text-align: left
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-content .tab-item-slider, .wrapper .main .sidebar .jackpot .top-tabs .tab-content tab-content-top {
    height: auto
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-active {
    animation-name: tab-content;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

.wrapper .main .sidebar .jackpot .top-tabs .tab-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 165px;
    font-size: 14px
}

.wrapper .main .sidebar .jackpot .top-tabs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #2292d9;
    z-index: 20
}

.wrapper .main .sidebar .register-sb {
    width: 100%;
    height: 380px;
    background-image: linear-gradient(138deg, #ddd25e 0, #ddbd5e 100%);
    border-radius: 6px;
    box-shadow: 0 0 80px 5px #8e8638;
    overflow: hidden;
    margin: 40px 0;
    position: relative
}

.wrapper .main .sidebar .register-sb .reg_cloud_1 {
    width: 388px;
    height: 189px;
    display: block;
    background: url(reg_cloud_1.svg) no-repeat;
    position: absolute;
    top: -140px;
    left: -40px;
    animation: 2s infinite cloud_1
}

.wrapper .main .sidebar .register-sb .reg_cloud_2 {
    width: 388px;
    height: 189px;
    display: block;
    background: url(reg_cloud_2.svg) no-repeat;
    position: absolute;
    top: 130px;
    left: 130px;
    animation: 20s infinite cloud_4
}

.wrapper .main .sidebar .register-sb .reg_tab {
    width: 240px;
    height: 220px;
    display: block;
    position: absolute;
    top: -270px;
    left: 20px
}

.wrapper .main .sidebar .register-sb .animate-reg_tab {
    animation-name: animate-reg_tab;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

.wrapper .main .sidebar .register-sb .reg_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    position: absolute;
    bottom: 90px;
    left: 50%;
    text-transform: uppercase;
    display: block;
    width: 180px;
    margin: 0 0 0 -90px;
    text-align: left
}

.wrapper .main .sidebar .register-sb .reg-sb-btn {
    position: absolute;
    width: 150px;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -105px
}

.content {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #c4c3d4;
    line-height: 1.4em;
    position: relative;
    z-index: 2
}

.content .h1-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 20px;
    animation: 3s infinite h1-wrap
}

.content .title-error {
    height: 95px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    background: 0 0
}

.content .title-error h1 {
    width: 100%;
    display: block;
    text-align: center
}

.content .static-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

h1, h2, h3 {
    text-align: center;
    color: red;
}

.content h1, .content h2, .content h3, .content h4 {
    line-height: 1.3em;
    font-weight: 400
}

.content h1 {
    font-size: 32px
}

.content h2 {
    font-size: 24px
}

.content h3, .content h4 {
    font-size: 22px
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

.content p {
    margin: 10px 0;
    text-align: justify
}

.content p.text-center, p.text-center {
    text-align: center
}

.content ul {
    display: table
}

.content ul li {
    list-style-type: none;
    position: relative;
    margin: 5px 0
}

.content ul li:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -25px;
    width: 20px;
    height: 20px;
    background: url(li_sprite.png) no-repeat
}

.content a {
    color: #fed54a;
    text-decoration: underline
}

.content a:visited {
    color: #a58733
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

.breadcrumbs {
    margin: 20px 0;
    padding: 0
}

.breadcrumbs li {
    display: inline-block;
    margin: 0 2px;
    color: #fff;
    font-size: 12px
}

.breadcrumbs li a {
    color: #9895e7
}

.breadcrumbs li a:hover {
    text-decoration: underline
}

.content-single {
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #3f457f
}

.slot-place {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
    position: relative;
    z-index: 2
}

.slot-place .slot-item {
    width: 270px;
    border-radius: 10px;
    background-image: linear-gradient(to left, #212647 0, #3d4c7b 100%, #363f70 100%);
    position: relative;
    margin: 0 auto 20px
}

.slot-place .slot-item .slot-img {
    width: 100%
}

.slot-place .slot-item .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 63, 103, .5);
    z-index: 5;
    opacity: 0;
    transition: .3s
}

.slot-place .slot-item .hover .name {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    margin: 20px 0 0;
    padding: 0 10px;
    box-sizing: border-box
}

.slot-place .slot-item .hover a {
    display: block;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -115px;
    width: 230px;
    height: 45px;
    border-radius: 5px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    box-sizing: border-box;
    transition: .3s
}

.slot-place .slot-item .hover a:hover, .top_winners .top_winners-item:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.slot-place .slot-item .hover .demo {
    border: 2px solid #595868;
    top: 70px
}

.slot-place .slot-item .hover .ref {
    background-image: linear-gradient(to top, #eaa13d 0, #407fce 0, #00f2fe 100%, #4fdde4 100%, #00f2fe 100%);
    top: 130px
}

.slot-place .slot-item .hover .sprite {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to left, #212647 0, #3d4c7b 100%, #363f70 100%);
    width: 100%;
    height: 65px
}

.slot-place .slot-item .hover .sprite:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65px;
    background: url("slot-sprite.svg") no-repeat
}

.slot-place .slot-item .label {
    width: 100%;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box
}

.slot-place .slot-item .label .label-name {
    color: #c9c7fa;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.aktsii-place {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 20px 0 0
}

.aktsii-place .aktsii-item {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to top, #363f70 0, #1b1f3e 0, #313866 100%);
    border-radius: 6px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
    position: relative;
    z-index: 20
}

.aktsii-place .aktsii-left, .aktsii-place .aktsii-right {
    width: 100px;
    height: 100%;
    opacity: 0;
    transition: .3s;
    top: 0
}

.aktsii-place .aktsii-item .aktsii-visible {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-img {
    height: 220px
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-img img {
    border-radius: 6px;
    box-shadow: 2.6px 10px 30px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 22;
    width: 100%
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-info {
    padding: 20px 0;
    height: 220px;
    box-sizing: border-box;
    position: relative
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-info .name {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 0 0 40px
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-info .spoiler {
    position: absolute;
    bottom: 20px;
    width: 182px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0d8fde;
    display: block;
    padding: 0 0 2px;
    box-shadow: 0 1px 0 0 #0d8fde;
    cursor: pointer;
    text-align: center
}

.aktsii-place .aktsii-item .aktsii-visible .aktsii-info .spoiler:hover {
    box-shadow: none
}

.aktsii-place .aktsii-item .aktsii-hidden {
    width: 80%;
    color: #989dab;
    margin: 20px auto 30px;
    font-size: 14px;
    text-align: justify;
    line-height: 1.6em;
    display: none;
    position: relative;
    z-index: 23
}

.aktsii-place .aktsii-left {
    position: absolute;
    left: -20px;
    background: url(../img/aktsii-left.svg) -110px -17px no-repeat;
    z-index: 21
}

.aktsii-place .aktsii-right {
    position: absolute;
    right: -20px;
    background: url(../img/aktsii-right.svg) 0 -17px no-repeat;
    z-index: 21
}

.aktsii-item:hover .aktsii-left, .aktsii-item:hover .aktsii-right, .bonus_popup_close:hover {
    opacity: 1
}

.aktsii-item:hover .aktsii-img img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.top_winners {
    margin: 20px 0;
    display: flex
}

.top_winners .top_winners-item {
    width: 100%;
    max-width: 270px;
    height: 425px;
    background-image: linear-gradient(to top, #191937 0, #2a3457 0, #3a4a7f 100%);
    border-radius: 48px;
    box-shadow: 0 0 60px rgba(0, 0, 0, .4);
    position: relative;
    z-index: 20;
    overflow: hidden;
    display: block;
    transition: .3s;
    margin: 40px 10px 0
}

.top_winners .top_winners-item .number-win {
    display: block;
    width: 138px;
    height: 188px;
    background: url(../img/zal-item-top.png?v=2.1) no-repeat;
    margin: -60px auto 0;
    line-height: 160px;
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.top_winners .top_winners-item .name-win {
    display: block;
    font-size: 16px;
    color: #fff;
    margin: 15px 0 0
}

.top_winners .top_winners-item .cash-win {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #fedc44;
    margin: 5px 0 0
}

.top_winners .top_winners-item img {
    display: block;
    width: 220px;
    height: 160px;
    border-radius: 5px;
    margin: 20px auto 0;
    position: relative;
    z-index: 22;
    box-shadow: 1.7px 19.9px 30px rgba(0, 0, 0, .2)
}

.top_winners .top_winners-item .slot-win {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #c9c7fa;
    margin: 10px 0 0;
    text-transform: uppercase
}

.top_winners .top_winners-item-first:before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 100px;
    height: 100%;
    background: url(../img/aktsii-left.svg) -110px -50px no-repeat;
    z-index: 21
}

.top_winners .top_winners-item-first:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 100px;
    height: 100%;
    background: url(../img/aktsii-right.svg) 0 -50px no-repeat;
    z-index: 21
}

.top_winners-table {
    width: 100%;
    height: auto;
    margin: 60px 0;
    overflow: hidden;
    border-radius: 6px
}

.top_winners-table .month {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(to right, #1b1f3e 0, #374071 0, #363f70 65%, #1b1f3d 100%);
    min-height: 75px;
    padding: 0 40px
}

.top_winners-table .month span {
    color: #9f9bf1;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Arial, sans-serif
}

.top_winners-table .month .first {
    color: #fff;
    position: relative
}

.top_winners-table .month .first:before {
    content: "";
    position: absolute;
    top: -43px;
    left: 50%;
    width: 50px;
    height: 5px;
    box-shadow: 0 0 70px 5px #a7a6fd;
    margin: 0 0 0 -25px
}

.top_winners-table .month-curent-date {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px 5px #a7a6fd;
    text-transform: uppercase;
    font-size: 20px
}

.top_winners-table .labels {
    flex-direction: row;
    align-items: center;
    background-color: #1b1f3d;
    min-height: 75px
}

.top_winners-table .labels span {
    color: #fedc44;
    font-size: 14px;
    text-transform: uppercase;
    width: 100px
}

.top_winners-table .player-stat {
    display: flex;
    background: #2b325b;
    min-height: 60px
}

.top_winners-table .player-stat span {
    color: #fff;
    font-size: 14px;
    width: 100px
}

.top_winners-table .player-stat a {
    color: #0d8fde;
    font-size: 14px;
    width: 100px;
    display: block;
    text-decoration: underline;
    padding: 0 10px
}

.top_winners-table .player-stat .medal {
    display: block;
    width: 100px;
    height: 50px;
    background: url("../img/levels-players.png") no-repeat
}

.frame-place .demo-wrap .demo-frame, .frame-place .demo-wrap .demo-play {
    width: 350px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    left: 50%;
    margin: 0 0 0 -175px;
    transition: .3s
}

.top_winners-table .player-stat .m1 {
    background-position: 25px 0
}

.top_winners-table .player-stat .m2 {
    background-position: 25px -47px
}

.top_winners-table .player-stat .m3 {
    background-position: 25px -96px
}

.top_winners-table .player-stat .m4 {
    background-position: 25px -144px
}

.top_winners-table .player-stat .m5 {
    background-position: 25px -192px
}

.top_winners-table .player-stat .m6 {
    background-position: 25px -238px
}

.top_winners-table .player-stat .m7 {
    background-position: 25px -286px
}

.top_winners-table .player-stat .m8 {
    background-position: 25px -336px
}

.top_winners-table .player-stat .m9 {
    background-position: 25px -386px
}

.top_winners-table .player-stat .m10 {
    background-position: 25px -436px
}

.top_winners-table .player-stat:nth-child(odd) {
    background: #313865
}

.error-page {
    color: #fff;
    line-height: 1.6em;
    font-size: 14px;
    text-align: justify
}

.error-page .error-img {
    width: 100%;
    height: auto;
    display: block;
    margin: auto
}

.error-page .error-btn {
    display: block;
    max-width: 180px;
    text-align: center;
    padding: 10px 0;
    margin: 40px auto;
    color: #000
}

.contacts-info .contacts-info-text {
    margin: 0 20px
}

.error ::-webkit-input-placeholder {
    color: red
}

.error ::-moz-placeholder {
    color: red
}

.error :-ms-input-placeholder {
    color: red
}

.error :-moz-placeholder {
    color: red
}

.b-cform {
    max-width: 768px;
    background-image: linear-gradient(138deg, #363f70 0, transparent 100%);
    border-radius: 9px;
    box-shadow: 3.5px 39.8px 60px rgba(0, 0, 0, .2);
    padding: 20px;
    box-sizing: border-box;
    color: #c4c3d4;
    margin: 20px 0 0;
    overflow: hidden
}

.b-cform__fset {
    margin: 0 0 20px;
    padding: 0;
    border: none
}

.b-cform__label {
    display: block;
    margin-bottom: 12px;
    font-size: 12px
}

.error .b-cform__label {
    color: red
}

.b-cform__input, .b-cform__textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #3f497f;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    border: 0
}

.error .b-cform__input, .error .b-cform__textarea {
    color: red;
    border-color: red
}

::-webkit-input-placeholder {
    color: #c4c3d4;
    font-size: 12px
}

::-moz-placeholder {
    color: #c4c3d4;
    font-size: 12px
}

:-moz-placeholder {
    color: #c4c3d4;
    font-size: 12px
}

:-ms-input-placeholder {
    color: #c4c3d4;
    font-size: 12px
}

.b-cform__input {
    padding: 0 10px;
    height: 35px
}

.b-cform__input--short {
    max-width: 190px
}

.b-cform__textarea {
    padding: 10px;
    min-height: 200px;
    resize: vertical
}

.b-cform__msg {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, .95);
    text-align: center;
    display: none
}

.b-cform__btn, .frame-place .demo-wrap .demo-frame, .frame-place .demo-wrap .demo-play {
    text-align: center;
    box-shadow: 1.7px 19.9px 40px rgba(0, 0, 0, .2);
    text-decoration: none;
    text-transform: uppercase
}

.b-cform__msg--wrong {
    border: 2px solid red;
    color: red
}

.b-cform__msg--ok {
    border: 2px solid #adff2f;
    color: #adff2f
}

.b-cform__btn {
    display: block;
    width: 150px;
    padding: 1px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    background-image: linear-gradient(to top, #eaa13d 0, #407fce 0, #00f2fe 100%, #4fdde4 100%, #00f2fe 100%);
    border-radius: 6px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    float: right
}

.frame-place, .frame-place .demo-wrap {
    border-radius: 50px;
    box-sizing: border-box
}

.b-cform__btn:hover, .frame-place .demo-wrap .demo-play:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    box-shadow: none
}

.b-cform__btn__inner {
    display: block;
    height: 36px;
    line-height: 36px
}

.filtering .filter__item, .slot-info .bx-controls .bx-pager .bx-pager-item, .wt-timer, .wt-timer__div, .wt-timer__num {
    display: inline-block
}

footer {
    width: 100%;
    background-image: linear-gradient(to top, #363f70 0, #2a2c53 0, #2a345e 100%);
    position: relative;
    margin: 150px 0 0
}

footer .footer-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 110px;
    position: relative
}

footer .pay-line {
    display: none;
    width: 100%;
    height: 160px;
    background: #353266;
    margin: 20px 0;
    position: relative;
    justify-content: center;
    align-items: center
}

.frame-place .demo-wrap, .frame-place .demo-wrap iframe, footer:before {
    height: 100%;
    width: 100%
}

footer .pay-line img {
    display: block;
    width: 90%;
    max-width: 1170px
}

footer .navigate {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap
}

footer .navigate .nav-left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

footer .navigate .nav-left .logo {
    padding-bottom: 15px;
    width: 95px;
    height: 55px;
    display: block;
    background: url("../img/logo.svg") right top no-repeat
}

.filtering .trans-btn-bg button.active, .filtering .trans-btn-bg button.btn_on, .filtering .trans-btn-bg button:hover, .filtering .trans-btn-bg button[disabled].btn_off:hover, .frame-place .demo-wrap .demo-play {
    background-image: linear-gradient(to top, #eaa13d 0, #407fce 0, #00f2fe 100%, #4fdde4 100%, #00f2fe 100%)
}

footer .navigate .nav-right {
    display: flex;
    flex-direction: column
}

footer .navigate .nav-right .footer-menu {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 0;
    position: relative;
    z-index: 30
}

footer .navigate .nav-right .footer-menu li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #7e80c5;
    transition: .3s
}

footer .navigate .nav-right .footer-menu li span {
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff
}

.slot-info .characters .characters-block .char-item .option, footer .navigate .nav-right .footer-menu li a:hover {
    color: #fff
}

footer .navigate .nav-right .social {
    flex-direction: row;
    justify-content: flex-end
}

footer .navigate .nav-right .social .soc {
    margin: 0
}

footer .navigate .nav-right .social .dop-soc {
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #7e80c5;
    line-height: 25px
}

.copy {
    font-size: 12px;
    color: #7e80c5
}

footer:before {
    content: "";
    position: absolute;
    top: -95px;
    left: 0;
    background: url(footer.png) no-repeat;
    z-index: -1
}

.wt-timer {
    font-size: 0;
    position: absolute;
    top: 55px;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 23
}

.wt-timer:after, .wt-timer__div, .wt-timer__num {
    vertical-align: middle;
    font-size: 22px;
    color: #fed549;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.wt-timer:after {
    content: "P";
    margin: 0 0 0 5px
}

.wt-timer.active {
    animation-timing-function: ease-in-out;
    animation-duration: .5s;
    animation-name: move-right-left
}

.wt-timer__num--5, .wt-timer__num--6, .wt-timer__num--7 {
    animation-timing-function: ease-out;
    animation-duration: .5s
}

.active .wt-timer__num--5 {
    animation-name: float-away-3
}

.active .wt-timer__num--6 {
    animation-name: float-away-2
}

.active .wt-timer__num--7 {
    animation-name: float-away-1
}

.frame-place {
    width: 100%;
    height: 650px;
    background-image: linear-gradient(to top, #453b4485 0, rgba(159, 132, 97, .46) 50%, #757c937d 100%);
    padding: 20px;
    margin: 20px 0
}

.frame-place .demo-wrap {
    overflow: hidden;
    position: relative
}

.frame-place .demo-wrap img {
    width: 100%;
    height: 100%;
    filter: blur(5px)
}

.frame-place .demo-wrap .demo-play {
    color: #000;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: absolute;
    top: 220px
}

.frame-place .demo-wrap .demo-frame {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: absolute;
    top: 330px;
    box-sizing: border-box;
    cursor: pointer
}

.frame-place .demo-wrap .demo-frame:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    box-shadow: none;
    border: 2px solid #000;
    color: #000
}

.slot-info .scrins {
    max-width: 370px
}

.slot-info .characters .label, .slot-info .scrins .label {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0
}

.slot-info .scrins .scrins-carusel .scrins-item img {
    border-radius: 10px;
    width: 100%;
    height: 270px
}

.frame-wrap, .slot-info .bx-controls {
    position: relative
}

.slot-info .bx-controls .bx-controls-direction {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 10px 0 0
}

.slot-info .bx-controls .bx-controls-direction a {
    font-size: 0;
    display: block;
    width: 80px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #626e93;
    transition: .3s
}

.slot-info .bx-controls .bx-controls-direction a:hover {
    opacity: .5
}

.slot-info .bx-controls .bx-controls-direction .bx-prev {
    background: url("../img/strelka2.svg") 20px 7px no-repeat
}

.slot-info .bx-controls .bx-controls-direction .bx-next {
    background: url("../img/strelka.svg") 20px 7px no-repeat
}

.slot-info .bx-controls .bx-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 204px;
    position: absolute;
    bottom: 5px;
    left: 83px
}

.slot-info .bx-controls .bx-pager .bx-pager-item a {
    font-size: 0;
    display: block;
    width: 10px;
    height: 10px;
    background: #3c548f;
    border-radius: 50%;
    margin: 5px
}

.slot-info .bx-controls .bx-pager .bx-pager-item .active {
    background: url("../img/li_sprite.png") no-repeat;
    width: 20px;
    height: 20px;
    margin: 2px 0 0
}

.slot-info .characters {
    width: 100%;
    max-width: 450px
}

.slot-info .characters .characters-block {
    max-width: 450px;
    height: 302px;
    background-image: linear-gradient(138deg, #363f70 0, transparent 100%);
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    box-sizing: border-box
}

.slot-info .characters .characters-block .char-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 15px 0
}

.slot-info .characters .characters-block .char-item .val {
    color: #fff;
    font-weight: 700
}

.slot-info .characters .characters-block:before {
    content: "";
    position: absolute;
    top: -90px;
    right: -50px;
    width: 200px;
    height: 630px;
    background: url(characters.svg) no-repeat;
    animation: 40s infinite characters-block;
    z-index: -1
}

@keyframes h1-wrap {
    from, to {
        background-position: 0 0
    }
    50% {
        background-position: 10px 0
    }
}

@keyframes slot-sprite {
    from, to {
        background-position: -10px 0
    }
    50% {
        background-position: -120px 0
    }
}

@keyframes banner-info {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(1000px, 0)
    }
}

@keyframes banner-info-bts {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes aktsii-item {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes banner-img {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes cloud_1 {
    from, to {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(-10px, 0)
    }
}

@keyframes cloud_3 {
    from, to {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(200px, 0)
    }
}

@keyframes cloud_4 {
    0%, 100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(-50px, 0)
    }
}

@keyframes animate-hand {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(-230px, 0)
    }
}

@keyframes animate-reg_tab {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 220px)
    }
}

@keyframes tab-content {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes characters-block {
    0%, 100% {
        top: -90px
    }
    50% {
        top: -300px
    }
}

@keyframes float-away-1 {
    0%, 100% {
        opacity: 1
    }
    70% {
        opacity: .1;
        transform: translateY(-10px)
    }
    85% {
        opacity: .5;
        transform: translateY(5px)
    }
}

@keyframes float-away-2 {
    0%, 100% {
        opacity: 1
    }
    40% {
        opacity: .1;
        transform: translateY(-5px)
    }
    85% {
        opacity: .5;
        transform: translateY(5px)
    }
}

@keyframes float-away-3 {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: .1;
        transform: translateY(5px)
    }
    85% {
        opacity: .5;
        transform: translateY(-5px)
    }
}

@keyframes move-right-left {
    0%, 100% {
        transform: translateX(0)
    }
    45% {
        transform: translateX(10px)
    }
    65% {
        transform: translateX(-5px)
    }
    80% {
        transform: translateX(5px)
    }
}

@media (min-width: 320px) {
    .banner-img, .contacts-info-img, .cover, .dn_class, .header-left .soc, .header-menu, .month, .search, .slot-place .slot-item .hover, footer .navigate .nav-right .social .dop-soc {
        display: none
    }

    .header-menu li a, .header-menu li span {
        text-transform: uppercase;
        text-decoration: none;
        color: #fff
    }

    .nav-mobile, header {
        position: relative
    }

    .banner-info, .footer-menu, .header-menu {
        text-align: center
    }

    body {
        background: #35476e
    }

    footer .pay-line {
        height: 60px;
        display: none
    }

    .nav-mobile span, .nav-mobile span:after, .nav-mobile span:before {
        height: 8px;
        background: #fff;
        left: 0
    }

    .top_winners a:first-child {
        order: 2
    }

    .top_winners a:nth-child(2) {
        order: 1
    }

    .top_winners a:nth-child(3) {
        order: 3
    }

    .characters, .copy, .scrins {
        margin: 20px 0
    }

    .aktsii-place .aktsii-item .aktsii-visible .aktsii-info .spoiler {
        font-size: 14px
    }

    .top_winners-table .player-stat span:nth-child(2) {
        background-position-x: 50%
    }

    .footer-menu li, .wrapper .banner-top .banner-info a {
        display: block;
        margin: 10px 0
    }

    header .header-wrap {
        padding: 0 20px
    }

    .contacts-info, .navigate {
        flex-direction: column;
        justify-content: center
    }

    .player-stat {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }

    .slot-info, .top_winners, .wrapper .main {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .nav-mobile {
        width: 50px;
        height: 34px;
        margin: 0 10px
    }

    .header-menu, .mobile-link, .nav-mobile span, .nav-mobile span:after, .nav-mobile span:before {
        position: absolute;
        width: 100%
    }

    .nav-mobile span {
        display: block;
        top: 0
    }

    .nav-mobile span:before {
        content: "";
        display: block;
        top: 12px
    }

    .nav-mobile span:after {
        content: "";
        display: block;
        top: 24px
    }

    .header-menu {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 18px;
        padding: 20px 0;
        top: 68px;
        left: 0;
        background: rgba(45, 57, 95, .9)
    }

    .header-menu li {
        display: block;
        margin: 20px 0
    }

    .header-menu li a {
        transition: .3s
    }

    .header-menu li span {
        position: relative
    }

    .banner-info {
        width: 100%
    }

    .nav-left {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .nav-right {
        align-items: center;
        justify-content: center
    }

    .social {
        display: flex
    }

    .content .h1-wrap {
        width: auto
    }

    .mobile-link {
        display: block;
        height: 100%
    }

    .labels {
        display: flex;
        justify-content: center
    }

    .wrapper, footer {
        padding: 0 20px;
        box-sizing: border-box
    }

    .aktsii-info {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center
    }

    .aktsii-visible {
        flex-direction: column
    }
}

@media (min-width: 768px) {
    footer .footer-wrap:before {
        content: "";
        width: 2px;
        height: 1px;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 30%;
        box-shadow: 0 0 400px 150px #8232c9;
        z-index: 1
    }

    body {
        background-image: linear-gradient(to bottom, #425e91 0, #222544 100%);
        background-attachment: fixed
    }

    footer .pay-line {
        height: 160px
    }

    .contacts-info-img, .dn_class, .header-left .soc {
        display: block
    }

    .top_winners a:first-child {
        order: 1
    }

    .top_winners a:nth-child(2) {
        order: 2
    }

    .top_winners a:nth-child(3) {
        order: 3
    }

    .contacts-info .contacts-info-img img, .top_winners .top_winners-item-first {
        margin: 0
    }

    .aktsii-place .aktsii-item .aktsii-visible .aktsii-info {
        margin: 0 0 0 20px
    }

    .aktsii-visible {
        flex-direction: row
    }

    .aktsii-place .aktsii-item .aktsii-visible .aktsii-info .spoiler {
        font-size: 16px
    }

    .top_winners-table .player-stat span:nth-child(2) {
        background-position-x: 50%
    }

    .top_winners-table .labels {
        padding: 0 40px;
        justify-content: space-between
    }

    .contacts-info, .top_winners {
        flex-direction: row;
        justify-content: space-between
    }

    .wrapper .banner-top .banner-info a {
        display: inline-block;
        margin: 0 20px 0 0
    }

    .player-stat {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 40px
    }

    .labels, .month, .search {
        display: flex
    }
}

@media (min-width: 1024px) {
    .copy {
        margin: 20px auto
    }

    .banner-img, .cover, footer .navigate .nav-right .social .dop-soc {
        display: block
    }

    .contacts-info .contacts-info-img img {
        margin: 0 140px 0 0
    }

    .wrapper .main .sidebar {
        margin: 40px 0 0
    }

    .aktsii-info {
        align-items: flex-start
    }

    .characters, .scrins {
        margin: 0
    }

    .banner-info {
        width: auto;
        text-align: left
    }

    .content .h1-wrap {
        background: url(h1_sprite.png) no-repeat;
        width: 100%;
        height: 95px
    }

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

    .nav-left {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .nav-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .footer-menu {
        text-align: center
    }

    .footer-menu li {
        display: inline-block;
        margin: 0 15px
    }
}

.filtering .second-filter .filter__item button:hover, .filtering .trans-btn-bg {
    background-color: #4e63a2
}

@media (min-width: 1133px) {
    .copy, .header-menu {
        margin: 0 0 0 20px
    }

    .header-menu li a, .header-menu li span {
        text-transform: uppercase;
        text-decoration: none
    }

    .slot-place .slot-item .hover {
        display: block
    }

    .slot-item:hover {
        box-shadow: none
    }

    .slot-item:hover .hover {
        opacity: 1
    }

    .slot-item:hover .slot-img {
        filter: blur(5px)
    }

    .slot-item:hover .sprite:before {
        animation: 20s infinite slot-sprite
    }

    .slot-info, .wrapper .main {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .wrapper .main .sidebar {
        margin: 0;
        padding: 115px 0 0
    }

    .mobile-link, .nav-mobile {
        display: none
    }

    .header-menu {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0;
        position: relative;
        top: 0;
        background: 0 0;
        width: auto
    }

    .header-menu li {
        display: inline-block;
        margin: 0 15px
    }

    .header-menu li a {
        color: #9895e7;
        transition: .3s
    }

    .header-menu li span {
        position: relative;
        color: #fff
    }

    .header-menu li span:before {
        content: "";
        position: absolute;
        top: -43px;
        left: 50%;
        width: 50px;
        height: 5px;
        box-shadow: 0 0 70px 5px #a7a6fd;
        margin: 0 0 0 -25px
    }

    .header-menu li a:hover {
        color: #fff
    }

    header {
        position: fixed
    }
}

@media (min-width: 1220px) {
    .wrapper {
        padding: 85px 0 20px
    }

    header .header-wrap {
        padding: 0
    }

    footer {
        padding: 20px 0
    }
}

.top-desc-wrap {
    padding: 1rem
}

.contact_container {
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin: 30px auto 20px
}

@media (max-width: 1000px) {
    .contact_container {
        width: 100%
    }
}

.contact_container .contact_icon {
    position: relative;
    display: flex;
    align-items: center;
    color: #0ed6f3
}

@media (max-width: 768px) {
    .contact_container {
        flex-direction: column;
        align-items: center
    }

    .contact_container .contact_icon {
        margin-bottom: 35px
    }
}

.contact_container .contact_icon img {
    margin-right: 20px
}

.contact_container .contact_icon span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -18px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    color: rgba(14, 214, 243, .51)
}

.g-video {
    margin: 15px auto;
    max-width: 600px
}

.g-video__wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.g-video__wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
    outline: 0
}

.filtering {
    margin: 30px 0;
    padding: 0 20px;
    background: linear-gradient(to right, rgba(77, 96, 159, .7), rgba(52, 69, 120, .7));
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.play-btn, .s-game__btn {
    -webkit-appearance: none;
    padding: 0;
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: opacity .2s
}

.filtering .filter-title {
    color: #c9c7fa;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    min-width: 225px;
    display: inline-block
}

.filtering .top-filter {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #4e63a2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.filtering .trans-btn-bg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0
}

.filtering .trans-btn-bg button {
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #c9c7fa;
    cursor: pointer;
    font-size: 14px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 2px;
    transition: .3s
}

.filtering .trans-btn-bg button.active {
    color: #fff
}

.filtering .trans-btn-bg button:hover {
    cursor: pointer;
    color: #fff
}

.filtering .trans-btn-bg button[disabled].btn_off:hover {
    cursor: default
}

.filtering .trans-btn-bg button.btn_off:hover {
    background-image: none
}

.filtering .trans-btn-bg button.btn_on.filter-check:hover {
    cursor: pointer !important
}

.filtering .trans-btn-bg button[disabled].vol-filter {
    opacity: .3
}

.filtering .trans-btn-bg button[disabled].vol-filter:hover {
    color: #c9c7fa;
    background-image: none;
    cursor: not-allowed
}

.filtering .trans-btn-bg button.btn_on {
    color: #fff;
    cursor: default !important
}

.filtering button.btn_off.active + button.btn_on {
    background: 0 0;
    cursor: pointer
}

.filtering .second-filter {
    padding: 20px 0
}

.filtering .second-filter .filter__item button {
    border: 1px solid #4e63a2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: 0 0;
    color: #c9c7fa;
    outline: 0;
    cursor: pointer;
    padding: 10px 20px;
    transition: .3s
}

.frame-wrap iframe, .play-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0
}

.filtering .second-filter .filter__item button.active {
    background-image: linear-gradient(2deg, #fa709a 0, #fee140 100%);
    box-shadow: 1.7px 19.9px 40px rgba(0, 0, 0, .1);
    cursor: default;
    color: #000
}

@media (max-width: 769px) {
    .filtering .filter__item {
        line-height: 3
    }

    .filtering .top-filter {
        flex-direction: column;
        align-items: center
    }

    .filtering .trans-btn-bg {
        margin: 10px 0
    }

    .filtering .filter-title {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0
    }

    .filtering .second-filter, .filtering .trans-btn-bg {
        text-align: center
    }
}

.main_video {
    max-width: 560px;
    width: 100%;
    margin: 0 auto
}

.main_video img {
    max-width: 100%
}

.frame-wrap.open:after {
    content: '';
    display: block;
    padding-top: 75%
}

.frame-wrap iframe {
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    outline: 0
}

.play-btn {
    border-radius: 0;
    background-color: transparent;
    cursor: pointer
}

.s-game {
    max-width: 800px;
    margin: 0 auto;
    display: none;
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .s-game {
        display: block
    }
}

.s-game__inner {
    position: relative;
    background-color: #000
}

.s-game__btn, .s-game__entry, .s-game__inner iframe {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0
}

.s-game__inner:after {
    content: '';
    display: block;
    padding-top: 75%
}

.s-game__entry, .s-game__inner iframe {
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden
}

.s-game__inner iframe {
    border: 0;
    outline: 0
}

.s-game__img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: blur(10px)
}

.s-game__btn {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer
}

.btn-main-apk, .btn-main-apk a {
    border-radius: 6px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    transition: .3s;
    text-decoration: none
}

.s-game__btn:hover {
    opacity: .8
}

.btn-main-apk {
    background-image: linear-gradient(2deg, #fa709a 0, #fee140 100%);
    display: block;
    margin: 0 auto;
    max-width: 200px
}

.btn-main-apk a {
    color: #000;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 30px
}

.bonus_popup {
    display: flex;
    justify-content: center;
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, .9);
    backdrop-filter: blur(4px);
    letter-spacing: .04em;
    color: #f3f3f3;
    opacity: 0;
    z-index: -1;
    transition: .5s
}

.bonus_popup_window {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 600px;
    height: 480px;
    background: url("../img/popup_img_1920.jpg") center/cover no-repeat;
    border-radius: 12px;
    padding: 60px 80px;
    margin: 0 10px;
    box-sizing: border-box
}

.bonus_popup_title {
    font-family: "Rhythmic RUS", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 55px;
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: .04em
}

.bonus_popup_ref, .bonus_popup_txt {
    font-family: Inter, sans-serif;
    line-height: 120%;
    letter-spacing: .04em
}

.bonus_popup_txt {
    font-weight: 400;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 32px
}

@media (min-width: 577px) {
    .bonus_popup_txt br {
        display: none
    }
}

.bonus_popup_ref {
    background: #ebb324;
    border-radius: 4px;
    padding: 14px 21px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    color: #f3f3f3;
    box-sizing: border-box
}

.bonus_popup_ref:focus, .bonus_popup_ref:hover {
    background: #f8a221;
    padding: 15px 22px;
    text-decoration: none;
    color: #f3f3f3
}

@media (max-width: 576px) {
    .bonus_popup_window {
        background: url("../img/popup_img_320.jpg") center/cover no-repeat;
        padding: 60px 10px 22px;
        width: 300px;
        height: 360px
    }

    .bonus_popup_title {
        font-size: 32px;
        line-height: 37px
    }

    .bonus_popup_txt {
        font-size: 16px
    }

    .bonus_popup_ref {
        display: block;
        width: 100%;
        margin-top: auto;
        font-size: 14px;
        padding: 14px 19px
    }
}

.bonus_popup_close {
    display: flex;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 33px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    opacity: .3
}