body {
    font-family: "Roboto", "PT Sans", sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.select_item {
    color: #fff;
    font-weight: 700
}

.categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.categories li {
    width: 100%
}

.categories .category {
    border-radius: 0;
    height: 40px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    font-weight: 400;
    font-family: "PT Sans";
    width: 100%
}

.categories ul li:first-child .category {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.categories ul li:last-child .category {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.categories ul li:not(:last-child) .category {
    margin-bottom: 1px
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

.check tr > td:nth-child(1)::before {
    content: "";
    vertical-align: middle;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    background: #242424;
}

.faq_section {
    font-family: "PT Sans"
}

.faq_section .faq_section__item {
    position: relative;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #24ba9d
}

.faq_section .faq_section__item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.faq_section .faq_section__item_title .faq_section__item_title_txt {
    color: #24ba9d;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    max-width: 80%
}

.faq_section .faq_section__item_plus {
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
    position: absolute;
    top: 50%;
    right: 0px
}

.faq_section .faq_section__item_plus span {
    display: inline-block;
    height: 2px;
    width: 20px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-color: #24ba9d
}

.faq_section .faq_section__item_plus span:last-child {
    -webkit-transform: translateX(-25px) rotate(90deg);
    -ms-transform: translateX(-25px) rotate(90deg);
    transform: translateX(-25px) rotate(90deg)
}

.faq_section .faq_section__item_content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 0 15px
}

.faq_section .active .faq_section__item_content {
    max-height: 999px;
    padding: 15px
}

.faq_section .active .faq_section__item_plus span:last-child {
    -webkit-transform: translateX(-22px) rotate(0deg);
    -ms-transform: translateX(-22px) rotate(0deg);
    transform: translateX(-22px) rotate(0deg)
}

.faq_section .active .faq_section__item_title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    border-bottom: 1px solid #24ba9d
}

.title_section {
    font-family: "PT Sans";
    font-weight: 700;
    font-size: 24px;
    color: #24ba9d;
    text-align: center;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.title_section::after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .0823529412);
    display: inline-block
}

.title_section::before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .0823529412);
    display: inline-block
}

.scroll_top_btn {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 5;
    background: #191919;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: none
}

.scroll_top_btn span {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
    font-family: "PT Sans";
    font-size: 14px
}

.scroll_top_btn:hover span {
    color: #24ba9d
}

.scroll_top_btn[data-active] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select_lang {
    cursor: pointer;
    position: relative;
    height: 100%;
    max-width: 65px;
    min-width: 65px;
    width: 100%;
    color: #fff;
    max-height: 32px
}

.select_lang li {
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 8px 0px
}

.select_lang li:hover span {
    color: #24ba9d
}

.select_lang li:not(:last-child) {
    border-bottom: 1px solid #0f0f0f
}

.select_lang .select_lang__content {
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    display: none;
    overflow: hidden;
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
    background: #424242;
    padding: 0;
    width: 100%
}

.select_lang .select_lang__content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-left: 3px
}

.select_lang .select_lang__content span {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    width: 22px;
    color: #fff;
    margin-left: 8px
}

.select_lang .select_lang__content img {
    width: 24px
}

.select_lang .select_lang__title {
    background: #424242;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 25%;
    -moz-column-gap: 25%;
    column-gap: 25%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 8px 0px;
    padding-left: 7px;
    color: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select_lang .select_lang__title span {
    text-transform: uppercase;
    font-size: 12px
}

.select_lang .select_lang__title .select_lang__chevron {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #fff;
    height: 0;
    width: 0;
    margin-bottom: -4px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.select_lang .select_lang__title img {
    width: 24px
}

.select_lang[data-active] {
    position: relative;
    z-index: 21
}

.select_lang[data-active] .select_lang__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select_lang[data-active] .select_lang__title .select_lang__chevron {
    margin-bottom: 4px;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    border-top: 5px solid #24ba9d
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 24px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    font-weight: 500;
    border: none;
    cursor: pointer
}

.btn_green {
    background: #24ba9d
}

.btn_green:hover {
    background: #339f8f
}

.btn_red {
    background: #dc1f00
}

.btn_red:hover {
    background: #c30700
}

.btn_border {
    border: 1px solid #24ba9d
}

.btn_border:hover {
    background: #24ba9d;
    color: #fff
}

.btn_gray {
    background: #424242;
    color: #fff;
    text-decoration: none;
    font-family: "PT Sans"
}

.btn_gray:hover {
    background: #242424
}

.logo_link {
    display: inline-block;
    width: 120px
}

.logo_link img {
    width: 100%
}

.search {
    position: relative
}

.search .search_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 5px;
    background: #242424;    border: none;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
    cursor: pointer
}

.search .search_input {
    font-family: "PT Sans";
    padding-left: 30px;
    height: 36px;
    width: 100%;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.search .search_input:focus {
    outline: 2px solid #24ba9d
}

.scale_box {
    display: inline-block;
    max-width: 192px;
    width: 100%;
    max-height: 144px;
    height: 100%;
    overflow: hidden;
    border-radius: 4px
}

.scale_box img {
    width: 100%;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

.scale_box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.thumb_block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    position: relative
}

.thumb_block:hover .scale_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1;
    z-index: 2;
    pointer-events: none
}

.thumb_block:hover .scale_box img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.thumb_block:hover .thumb_block__title {
    color: #24ba9d
}

.thumb_block:hover .scale_box {
    position: relative
}

.thumb_block__title {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.thumb_block[data-new]::before {
    content: "";
    height: 30px;
    width: 100%;
    background: #242424;    background-position: left;
    pointer-events: none;
    position: absolute;
    left: -6px;
    top: 6px;
    z-index: 3
}

.thumb_block[data-cup]::after {
    content: "";
    height: 56px;
    width: 46px;
    background: #242424;    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 0px;
    z-index: 1
}

.dashbord {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 10px
}

.rolled[data-active] .rolled_hidden {
    display: grid
}

.rolled[data-active] .rolled_btn {
    display: none
}

.rolled[data-active] .rolled_back_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rolled_hidden {
    display: none
}

.rolled_btn {
    width: 100%;
    margin: 20px 0;
    height: 40px
}

.rolled_back_btn {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    border: none;
    cursor: pointer;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none
}

.rolled_back_btn span {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #a7a7a7
}

.rolled_back_btn svg {
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.rolled_back_btn path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    stroke: #a7a7a7
}

.rolled_back_btn:hover span {
    color: #24ba9d
}

.rolled_back_btn:hover path {
    stroke: #24ba9d
}

.rating {
    font-family: "PT Sans";
    max-width: 500px
}

.rating .rating__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    border-bottom: 2px solid #dc1f00;
    padding-bottom: 25px
}

.rating .rating__row, .rating .rating__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

.rating .rating__row_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

.rating .rating__total {
    margin-top: 25px
}

.rating .rating__total .rating__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    color: #fff
}

.rating .rating__total .rating__total_count {
    color: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #fff
}

.rating .rating__title {
    width: 100%
}

.rating .rating__stars_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-left: 15px
}

.rating .rating__star {
    width: 17px;
    height: 17px;
    background: #242424;}

.rating .rating__star[data-empty] {
    background: #242424;}

.rating .rating__star[data-half] {
    background: #242424;}

.rating .rating__total_count {
    color: #FFFFFF
}

.rating .rating__total .rating__stars_container {
    margin-left: 0;
    -webkit-transform: translateX(-11px);
    -ms-transform: translateX(-11px);
    transform: translateX(-11px)
}

#header {
    width: 100%;
    background: #424242;
    padding: 10px 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-box-shadow: 0 0 18px 16px rgba(0, 0, 0, .15);
    box-shadow: 0 0 18px 16px rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.live_icon {
    display: none
}

.header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.games .thumb_block {
    display: none
}

.games .thumb_block:nth-child(-n+15) {
    display: block
}

.games[data-active] .thumb_block {
    display: block
}

.header__burger {
    display: none;
    min-width: 30px
}

.providers__burger {
    display: none
}

.providers__compact {
    display: none
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    margin: 0 auto
}

.header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__controlls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.btn_login, .btn_register {
    white-space: nowrap
}

.header__navigation {
    width: 100%;
    max-width: 60%;
    margin-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.header__navigation ul {
    width: 100%;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.header__navigation li {
    display: inline-block
}

.header__navigation li a {
    font-family: "PT Sans";
    color: #a9a9a9;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block;
    width: 100%
}

.header__navigation li a img {
    display: inline-block;
    width: 80px
}

.header__navigation li a:hover {
    color: #fff
}

.header__navigation li[data-active] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.container_main::after {
    content: "";
    display: block;
    width: 15%;
    height: 100%;
    position: fixed;
    top: 70px;
    left: 0;
    background: #242424;    width: calc((100% - 1278px) / 2);
    z-index: 1
}

.container_main::before {
    content: "";
    display: block;
    width: 15%;
    height: 100%;
    position: fixed;
    top: 70px;
    right: 0;
    background: #242424;    width: calc((100% - 1280px) / 2);
    z-index: 1
}

.container_main .content_main {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #262634
}

.container_main .content_wrap {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    background: #262634
}

#footer .container_main .content_main {
    position: static;
    background: #424242
}

#sidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 245px
}

#content {
    width: 100%
}

.header__controlls_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.banner_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding: 10px;
    padding-bottom: 0
}

.bonus_banner_wrap, .bonus_banner_wrap[hidden] {
    display: block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.bonus_banner {
    background: #242424;    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    min-width: 245px;
    text-decoration: none;
    color: #fff
}

.bonus_banner__close_btn {
    display: none
}

.banner_lg {
    position: relative
}

.banner_lg img {
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.banner_lg__content {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-decoration: none
}

.banner_lg__text {
    font-weight: 700;
    font-size: 26px;
    font-style: italic
}

.banner_lg__btn {
    margin-top: 15px;
    height: 40px
}

.bonus_banner__content {
    font-size: 36px;
    font-weight: 900
}

.bonus_banner__title {
    font-weight: 500;
    font-size: 18px
}

.bonus_banner__btn {
    max-height: 45px;
    font-weight: 500
}

.providers_wrap {
    margin-top: 15px
}

.providers ul {
    width: 100%;
    padding: 0;
    list-style: none
}

.providers li {
    width: 100%
}

.providers li:not(:last-child) {
    margin-bottom: 1px
}

.providers li:first-child a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.providers li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.providers a {
    display: inline-block;
    width: 100%;
    height: 36px;
    border-radius: 0;
    font-family: "PT Sans";
    padding-left: 10px
}

.providers li[data-new] {
    position: relative
}

.providers li[data-new]::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-60%) translateX(6px);
    -ms-transform: translateY(-60%) translateX(6px);
    transform: translateY(-60%) translateX(6px);
    right: 0;
    width: 55px;
    height: 29px;
    background: #242424;    pointer-events: none
}

.game__hidden {
    margin-top: 10px
}

.info, .target_page {
    font-family: "PT Sans"
}

.info .title_section:first-child, .target_page .title_section:first-child {
    margin-top: 10px;
    margin-bottom: 25px
}

.info table, .target_page table {
    font-family: "PT Sans";
    border-collapse: collapse;
    margin: 0
}

.info td, .target_page td {
    border: 1px solid #818181;
    padding: 6px 10px
}

.info h2, .target_page h2 {
    font-size: 22px;
    margin: .67em 0;
    font-weight: 700
}

.info h3, .target_page h3 {
    font-weight: 700;
    font-size: 18px
}

.info h4, .target_page h4 {
    font-weight: 700;
    font-size: 16px
}

.info a, .target_page a {
    color: #24ba9d
}

.info p, .target_page p {
    margin: 15px 0
}

.info ul, .target_page ul {
    list-style: none;
    padding-left: 15px
}

.info ol, .target_page ol {
    padding-left: 35px
}

.info ol li::marker, .target_page ol li::marker {
    color: #24ba9d
}

.info ul li, .target_page ul li {
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    position: relative
}

.info ul li::before, .target_page ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #24bb9d;
    border-radius: 50%
}

.info ol li:not(:last-child), .info ul li:not(:last-child), .target_page ol li:not(:last-child), .target_page ul li:not(:last-child) {
    margin-bottom: 5px
}

.info__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    margin-bottom: 25px
}

.info__row table {
    margin-top: 0px;
    width: 50%;
}

#footer {
    padding-bottom: 20px;
    font-family: "PT Sans";
    background: #424242
}

.footer_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
    padding-right: 60px;
    border-bottom: 1px solid #777
}

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

.footer_nav a {
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

.footer_nav a:hover {
    text-decoration: underline
}

.footer_nav .footer_nav__col_title {
    font-family: "PT Sans";
    font-weight: 700;
    margin-bottom: 10px
}

.footer_nav .svg-partners {
    width: 50px;
    height: 50px;
    margin-top: 15px
}

.footer_nav .svg-partners .svg-partners__circle {
    fill: #24ba9d
}

.footer_nav .svg-partners:hover .svg-partners__circle {
    fill: #339f8f;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    padding-bottom: 10px;
    padding-top: 15px;
    border-bottom: 1px solid #777
}

.footer_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer_logo__icon {
    max-width: 160px;
    -ms-flex-item-align: center;
    align-self: center
}

.footer_benefits {
    padding: 0;
    list-style: none
}

.footer_benefits li {
    position: relative;
    padding-left: 16px;
    font-size: 14px
}

.footer_benefits li:not(:last-child) {
    margin-bottom: 5px
}

.footer_benefits li::before {
    position: absolute;
    left: 0px;
    top: 6px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-right: 6px;
    background: #242424;    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.footer_txt__block_title {
    font-size: 16px;
    font-weight: 700
}

.footer_txt__block_content {
    font-size: 12px;
    color: #a9a9a9
}

.footer_txt__block {
    max-width: 440px
}

.footer_socials {
    padding: 0 10px;
    border-bottom: 1px solid #777
}

.footer_socials ul {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.footer_socials a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #24ba9d;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer_socials a:hover {
    background: #339f8f
}

.footer_socials .telegram {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.footer_socials .instagram, .footer_socials .facebook {
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px)
}

.footer_socials .youtube {
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px)
}

.footer_brands {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    padding-bottom: 10px
}

.footer_brands img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer_brands a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #242424;
    padding: 0 25px
}

.footer_icons img {
    max-height: 28px
}

.footer_icons .astropay {
    width: 102px;
    max-height: none
}

.footer_icons .pockerbet {
    max-width: 48px;
    width: 100%;
    max-height: none
}

.footer_icons .eighteen {
    width: 32px;
    height: 32px;
    max-height: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer_icons .eighteen:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer_icons .licenze {
    max-height: none;
    height: 36px
}

.footer_desc {
    margin-top: 15px;
    padding: 0 15px;
    font-size: 10px;
    color: #a9a9a9;
    text-align: center
}

.footer_app {
    text-align: center;
    margin-top: 15px
}

.info + .faq_section {
    padding-bottom: 25px
}

.logo_mob {
    display: none
}

.header__navigation li a .mob_menu_icon {
    display: none
}

.mob_menu_icon {
    display: none
}

.info .rolled_btn {
    font-family: "Roboto"
}

.pnf_image {
    max-width: 500px;
    width: 100%;
    -webkit-filter: drop-shadow(0 0 10px rgba(36, 186, 157, 0.2));
    filter: drop-shadow(0 0 10px rgba(36, 186, 157, 0.2))
}

.pnf_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 40px;
    position: relative;
    z-index: 3
}

.pnf_title {
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    margin-top: 35px
}

.pnf_title span {
    color: #dc1f00
}

.pnf_btn {
    height: 45px;
    width: 220px
}

#page_not_found {
    position: relative
}

.pnf_bg {
    position: absolute;
    opacity: .4;
    z-index: 2
}

.pnf_bg_1 {
    left: 40px;
    top: 50px;
    max-width: 110px;
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.pnf_bg_2 {
    right: 120px;
    top: 100px;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.pnf_bg_3 {
    left: 150px;
    top: 300px;
    -webkit-transform: skew(-10deg, 5deg);
    -ms-transform: skew(-10deg, 5deg);
    transform: skew(-10deg, 5deg);
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

#page_search .content_main {
    padding-top: 15px
}

#page_search .content_wrap {
    display: block
}

#page_search .search_btn_back {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding-left: 15px
}

#page_search .search_btn_back span {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

#page_search .search_result__title {
    font-size: 24px;
    font-weight: 700;
    font-family: "PT Sans";
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page_search .search_result__request {
    color: #dc1f00
}

#page_search .search_result__items {
    padding-bottom: 25px
}

#page_search .target_page {
    background: #1e1e29;
    padding: 15px 10px;
    border-radius: 8px;
    padding-bottom: 25px;
    border: 1px solid #24ba9d
}

#page_search .target_page figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px auto
}

#page_search .target_page figure picture {
    margin-top: 0;
    margin-bottom: 0
}

#page_search .target_page figure figcaption {
    font-style: italic
}

#page_search .target_page picture {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

#page_search .target_page img {
    width: 100%;
    max-width: 800px;
    text-align: center;
    display: inline-block;
    border-radius: 6px
}

#page_search .target_games {
    display: grid;
    gap: 10px;
    grid-template-columns:repeat(5, 1fr);
    max-width: 80%;
    margin-bottom: 25px
}

@media (max-width: 1385px) {
    #header {
        padding: 0;
        padding-top: 10px
    }

    .header__content {
        display: block
    }

    .header__navigation {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: block;
        max-width: none;
        width: 100%;
        margin-left: 0
    }

    .header__navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        padding: 10px 0
    }

    .header__controlls {
        padding-bottom: 10px;
        border-bottom: 1px solid #777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .logo_pc {
        display: none
    }

    .logo_mob {
        display: inline-block;
        width: 100px
    }

    .banner_lg picture img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #content, #sidebar {
        margin-top: 10px
    }

    .scale_box {
        height: auto;
        max-height: none
    }

    .scale_box img {
        aspect-ratio: 16/11;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 4px
    }
}

@media (max-width: 1280px) {
    .container_main::before, .container_main::after {
        display: none
    }

    .faq_section .faq_section__item_plus span:last-child {
        -webkit-transform: translateX(-24px) rotate(90deg);
        -ms-transform: translateX(-24px) rotate(90deg);
        transform: translateX(-24px) rotate(90deg)
    }
}

@media (max-width: 1200px) {
    .header__navigation li a {
        font-size: 16px
    }

    .header__navigation li a img {
        width: 72px
    }
}

@media (max-width: 1240px) {
    .footer_txt__block {
        max-width: 355px
    }

    .footer_column {
        max-width: 280px
    }
}

@media (max-width: 1150px) {
    .info__row {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        row-gap: 25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .info table {
        width: 100%
    }

    .info .rating {
        max-width: 490px;
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 1070px) {
    .footer_txt__block {
        max-width: 320px
    }
}

@media (max-width: 1050px) {
    .footer_brands {
        grid-template-columns:repeat(6, 1fr)
    }

    .thumb_block__title {
        font-size: 12px
    }
}

@media (max-width: 1025px) {
    #page_search .search_btn_back span {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px)
    }

    .footer_nav {
        display: none
    }

    .footer_column {
        max-width: none;
        margin-top: 10px
    }

    .footer_column .footer_txt__block_title, .footer_column .footer_benefits {
        display: none
    }

    .footer_txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer_txt__block {
        max-width: none;
        text-align: center
    }

    .footer_txt__block_title {
        font-size: 18px
    }

    .footer_txt {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .footer_logo__icon {
        max-width: 130px
    }

    .header__controlls {
        border: none
    }

    .header__wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .header__navigation ul {
        position: fixed;
        top: 51px;
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: #2b2b2b;
        padding: 25px 15px;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        z-index: 19;
        max-width: 300px;
        height: calc(100vh - 90px);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-right: 1px solid #575757;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .header__navigation ul li[data-active] {
        display: none
    }

    .header__navigation ul li[data-new], .header__navigation ul li[data-cup] {
        position: relative
    }

    .header__navigation ul li[data-new]::after, .header__navigation ul li[data-cup]::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-60%) translateX(21px);
        -ms-transform: translateY(-60%) translateX(21px);
        transform: translateY(-60%) translateX(21px);
        background: #242424;        width: 60px;
        height: 30px;
        pointer-events: none
    }

    .header__navigation ul li[data-live] {
        position: relative
    }

    .header__navigation ul li[data-live] .live_icon {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid #ff2400;
        border-radius: 4px;
        padding: 4px 4px 4px 10px;
        font-size: 9px;
        line-height: 9px;
        color: #ff2400;
        text-transform: uppercase
    }

    .header__navigation ul li[data-live] .live_icon::after {
        content: "";
        position: absolute;
        left: 4px;
        top: 6px;
        width: 4px;
        height: 4px;
        background-color: #ff2400;
        border-radius: 50%;
        -webkit-animation: liveAnim 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
        animation: liveAnim 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
    }

    @-webkit-keyframes liveAnim {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes liveAnim {
         0% {
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         50% {
             -webkit-transform: scale(0);
             transform: scale(0)
         }
         100% {
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.header__navigation ul li[data-cup]::after {
          width: 65px;
                   background: #242424;      }

    .header__navigation ul li {
        width: 100%;
        padding: 10px 0
    }

    .header__navigation ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        font-size: 18px
    }

    .header__navigation ul li a img {
        width: 65px
    }

    .header__navigation ul li a .mob_menu_icon {
        display: inline-block;
        width: 27px;
        height: 27px
    }

    .header__navigation ul li:not(:last-child) {
        border-bottom: 1px solid #222
    }

    .header__navigation ul[data-active] {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    .logo_mob {
        display: block;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

    .providers__burger, .header__burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        position: relative;
        z-index: 3
    }

    .providers__burger {
        display: none
    }

    .providers__burger span, .header__burger span {
        position: absolute;
        background-color: #fff;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .providers__burger::before, .header__burger::before, .providers__burger::after, .header__burger::after {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .providers__burger:before, .header__burger::before {
        top: 0
    }

    .providers__burger::after, .header__burger::after {
        bottom: 0
    }

    .providers[data-active] .providers__burger span, .header__burger.active span {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .providers[data-active] .providers__burger::before, .header__burger.active::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 9px
    }

    .providers[data-active] .providers__burger::after, .header__burger.active::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 9px
    }

    #page_search .target_games {
        max-width: 90%;
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 990px) {
    .title_section {
        white-space: normal
    }

    .title_section::after, .title_section::before {
        width: 40%
    }

    .bonus_banner_wrap[hidden] {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        transform: translateY(110%)
    }

    .bonus_banner_wrap {
        position: fixed;
        bottom: -1px;
        left: 0;
        z-index: 15
    }

    .bonus_banner {
        background: #3b3b3b;
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        border: 1px solid #24ba9d;
        border-bottom: 0px;
        border-left: 4px solid #24ba9d;
        border-top-right-radius: 60px;
        padding-right: 40px
    }

    .bonus_banner .bonus_banner__btn {
        display: none
    }

    .bonus_banner .bonus_banner__title {
        font-size: 16px
    }

    .bonus_banner .bonus_banner__content {
        color: #24ba9d;
        font-size: 28px
    }

    .bonus_banner__close_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        position: absolute;
        right: -3px;
        top: -15px;
        width: 15px;
        height: 15px;
        background: #242424;        -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5254901961));
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5254901961))
    }

    .thumb_block__title {
        font-size: 14px
    }

    .container_main .content_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .categories {
        display: none
    }

    .providers__burger {
        display: block
    }

    .providers__compact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        background: #424242;
        height: 36px;
        border-radius: 4px;
        padding: 0 10px;
        position: relative;
        z-index: 6;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        width: 100%;
        color: #fff
    }

    .providers {
        position: relative
    }

    .providers ul {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(106%);
        -ms-transform: translateY(106%);
        transform: translateY(106%);
        z-index: 16;
        height: 280px;
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background: #424242
    }

    .providers li:first-child a, .providers li:last-child a {
        border-radius: 0px
    }

    .providers li:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #333
    }

    .providers a {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .providers_wrap {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .providers_wrap .search {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .search .search_input {
        border-bottom: 1px solid rgba(0, 0, 0, 0)
    }

    #sidebar {
        margin-top: 0
    }

    #content {
        margin-top: 15px
    }

    .providers[data-active] .providers__compact {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background: #3a3a3a;
        border-bottom: 1px solid #333
    }

    .providers[data-active] ul {
        display: block;
        max-height: 1000px;
        border-top: 1px solid #24ba9d
    }

    .providers__burger::before, .providers__burger::after, .providers__burger span {
        background: #24ba9d
    }

    .footer_brands {
        display: none
    }
}

@media (max-width: 960px) {
    .pnf_bg_2 {
        right: 55px
    }
}

@media (max-width: 900px) {
    .footer_icons {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer_icons img {
        max-height: 20px
    }

    .footer_icons .astropay {
        width: auto;
        height: 65px
    }
}

@media (max-width: 850px) {
    .footer_socials ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 800px) {
    #page_search .target_games {
        max-width: 80%;
        grid-template-columns:repeat(3, 1fr)
    }

    #page_search .target_games .thumb_block {
        min-width: 180px
    }
}

@media (max-width: 768px) {
    #page_search .title_section::after, #page_search .title_section::before {
        display: none
    }

    .scroll_top_btn[data-active] {
        height: 40px;
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        right: 25px
    }

    .scroll_top_btn[data-active] img {
        display: inline-block;
        width: 18px
    }

    .scroll_top_btn[data-active] span {
        display: none
    }

    .games .dashbord {
        grid-template-columns:repeat(4, 1fr)
    }

    .games .thumb_block:nth-child(-n+16) {
        display: block
    }

    .banner_lg {
        min-height: 160px
    }

    .banner_lg__text {
        font-size: 22px
    }

    .thumb_block__title {
        margin-top: 0
    }

    .providers ul {
        height: 350px;
        -webkit-transform: translateY(105%);
        -ms-transform: translateY(105%);
        transform: translateY(105%)
    }
}

@media (max-width: 705px) {
    .footer_icons {
        padding-bottom: 20px
    }
}

@media (max-width: 650px) {
    .pnf_bg {
        display: none
    }

    .thumb_block__title {
        font-size: 12px
    }

    .logo_mob {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
        width: 80px
    }

    #page_search .target_games {
        grid-template-columns:repeat(3, 1fr)
    }

    #page_search .target_games .thumb_block {
        min-width: 150px
    }
}

@media (max-width: 550px) {
    .games .dashbord {
        grid-template-columns:repeat(3, 1fr)
    }

    .games .thumb_block {
        display: none !important
    }

    .games .thumb_block:nth-child(-n+9) {
        display: block !important
    }

    .games[data-active] .thumb_block {
        display: block !important
    }
}

@media (max-width: 540px) {
    #page_search .target_games {
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }

    #page_search .target_games .thumb_block .scale_box {
        width: 100%
    }

    #page_search .target_games .thumb_block .scale_box img {
        width: 100%;
        aspect-ratio: 16/11
    }
}

@media (max-width: 510px) {
    .select_lang {
        display: none
    }

    .select_lang__mob {
        display: block;
        margin-left: auto;
        margin-right: 25px
    }

    .select_lang__mob[data-active] .select_lang__content {
        height: auto
    }

    .header__navigation ul {
        padding-top: 15px
    }

    .select_lang__mob .select_lang__title {
        width: 65px
    }

    .select_lang__mob .select_lang__content {
        width: 75px;
        border: none
    }

    .select_lang__mob .select_lang__content a {
        margin-left: 7px
    }

    .select_lang__mob .select_lang__content span {
        margin-left: 3px
    }

    .header__wrap {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 460px) {
    .target_page p {
        text-align: justify
    }
}

@media (max-width: 428px) {
    .footer_icons {
        padding-bottom: 0
    }
}

@media (max-width: 420px) {
    .pnf_title {
        font-size: 28px
    }

    .target_page ol {
        padding-left: 25px
    }

    .target_page ul {
        padding-left: 10px
    }

    .faq_section .faq_section__item_title .faq_section__item_title_txt {
        font-size: 16px
    }

    .bonus_banner__title {
        font-size: 14px
    }

    .bonus_banner .bonus_banner__content {
        font-size: 24px
    }

    .bonus_banner {
        padding: 5px;
        padding-right: 20px;
        position: relative;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .bonus_banner__close_btn {
        right: -5px;
        top: -4px
    }

    .banner_lg__text {
        font-size: 20px;
        text-shadow: 0 0 10px #000
    }

    .bonus_banner .bonus_banner__title {
        margin-left: 5px
    }

    .header__navigation ul {
        max-width: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: none;
        height: calc(100vh - 48px)
    }

    .games .dashbord {
        grid-template-columns:repeat(2, 1fr)
    }

    .games > .dashbord > .thumb_block {
        display: none !important
    }

    .games > .dashbord > .thumb_block:nth-child(-n+8) {
        display: block !important
    }

    .games[data-active] > .dashbord > .thumb_block {
        display: block !important
    }

    .select_lang__mob {
        margin-right: 25px
    }

    .info p {
        text-align: justify
    }

    .info h2, .info h3, .info h4 {
        text-align: center
    }

    .scroll_top_btn[data-active] {
        opacity: .8
    }
}

@media (max-width: 395px) {
    .header__buttons {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .btn_login, .btn_register {
        padding: 7px 10px
    }

    .providers_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px
    }

    .providers_wrap .search, .providers {
        width: 100%
    }

    .providers_wrap .search {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .providers ul {
        height: 300px
    }

    .providers {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer_icons {
        padding-bottom: 15px
    }
}

@media (max-width: 390px) {
    .rating .rating__stars_container {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        margin-left: 0;
        margin-top: 0px
    }

    .rating .rating__summary {
        row-gap: 15px
    }

    .rating .rating__row, .rating .rating__total {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .rating .rating__row_wrap {
        margin-top: 10px
    }

    .rating .rating__total {
        margin-top: 20px
    }

    .rating .rating__total .rating__title {
        color: #fff;
        font-size: 22px
    }

    .rating .rating__total .rating__total_count {
        color: #fff
    }

    .rating .rating__total .rating__stars_container {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .rating .rating__total_count {
        font-family: "Roboto";
        font-weight: 500
    }

    .rating .rating__star {
        width: 20px;
        height: 20px
    }

    .rating .rating__title {
        font-size: 18px
    }
}

@media (max-width: 350px) {
    .header__navigation ul li a {
        font-size: 16px
    }

    .bonus_banner .bonus_banner__content {
        font-size: 22px
    }
}

@media (max-width: 370px) {
    .banner_lg__btn {
        display: none
    }

    .scroll_top_btn[data-active] {
        bottom: 60px;
        right: 15px
    }
}

@media (max-width: 335px) {
    .logo_mob {
        width: 70px
    }

    #page_search .target_games {
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }

    #page_search .target_games .thumb_block {
        min-width: 140px
    }

    #page_search .target_games .thumb_block .scale_box {
        width: 100%
    }

    #page_search .target_games .thumb_block .scale_box img {
        width: 100%;
        aspect-ratio: 16/11
    }
}