*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    font-family: "Segoe UI", sans-serif;
    font-weight: 400;
    background: #f5f6f6;
    color: #222222;
}

input,
textarea,
button {
    font-family: "Segoe UI", sans-serif;
    outline: none;
    border: none;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    font-weight: 400;
}

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

a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: inherit;
    outline: none;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a:hover,
button:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    border-radius: 3px;
}

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

.container {
    margin: 0 auto;
    padding: 0 15px;
    width: 1440px;
}

.clear {
    clear: both;
}

.h1 {
    font-size: 36px;
    font-weight: 700;
}

.h2 {
    font-size: 28px;
    font-weight: 700;
}

.btn-main {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 12px 15px;
    background-color: #258473;
    border: none;
}

.header {
    position: relative;
    z-index: 10;
    background: #282928;
    width: 100%;
}

.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;
    padding: 7px 0;
}

.header__left,
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    display: block;
}

.header__logo-line {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(#f9b006), to(#f1f906));
    background-image: linear-gradient(270deg, #f9b006, #f1f906);
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
}

.header__li {
    padding: 8px 15px;
}

.header__li:hover .header__link,
.header__li.current-menu-item .header__link,
.header__li.current-casino-ancestor .header__link,
.header__li.current-casino-category-ancestor .header__link,
.header__li.current-game-ancestor .header__link,
.header__li.current-game-category-ancestor .header__link,
.header__li.current-bookmaker-ancestor .header__link,
.header__li.current-bookmaker-category-ancestor .header__link {
    color: #25ba89;
}

.header__link {
    color: #e2e2e2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.header__search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 36px;
    border-radius: 3px;
    background: #e8e8e8;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header__search-input {
    position: relative;
    z-index: 1;
    padding-left: 12px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    border-radius: 3px;
    border: none;
}

.header__search-input::-webkit-input-placeholder {
    color: #555;
    font-size: 14px;
}

.header__search-input:-ms-input-placeholder {
    color: #555;
    font-size: 14px;
}

.header__search-input::-ms-input-placeholder {
    color: #555;
    font-size: 14px;
}

.header__search-input::placeholder {
    color: #555;
    font-size: 14px;
}

.header__search-icon {
    position: absolute;
    right: 11px;
    z-index: 2;
    display: block;
    width: 18px;
    height: 18px;
    color: #666;
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
}

.header__buttons-btn {
    padding: 9px 10px;
    min-width: 130px;
    background-color: transparent;
    border: 1px solid #258473;
}

.header__buttons-btn:not(:first-child) {
    margin-left: 8px;
}

.header__buttons-btn:hover {
    background: #258473;
}

.header__buttons-btn.front-dn {
    display: none;
}

.header__buttons-btn.btn-green-bg {
    background: #258473;
}

.header__buttons-btn.btn-green-bg:hover {
    background: transparent;
}

.category_menu {
    border-bottom: 1px solid #ebebeb;
    background: #fff;
}

.category_menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category_menu-li {
    padding: 17px 11px;
}

.category_menu-li:first-child {
    padding-left: 0;
}

.category_menu-li:hover .category_menu-link,
.category_menu-li.active .category_menu-link {
    color: #258473;
}

.category_menu-li.active .category_menu-link:after {
    opacity: 1;
}

.category_menu-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    color: #222222;
}

.category_menu-link:after {
    content: "";
    position: absolute;
    opacity: 0;
    bottom: -17px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px 2px 0 0;
    background: #258473;
}

.main_wrapper {
    display: block;
    grid-template-columns: auto 325px;
    grid-gap: 15px;
    margin: 16px 0 0 0;
}

.main_wrapper.column_right {
    display: grid;
    grid-template-columns: auto 325px;
}

.main_wrapper.column_left {
    display: grid;
    grid-template-columns: 325px auto;
}

.main_wrapper.column_left.column_right {
    display: grid;
    grid-template-columns: 235px auto 235px;
}

.main_wrapper .content_page {
    padding: 20px 20px 0 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.main_wrapper .content_page.single-page {
    padding: 20px;
}

.main_wrapper .content_page-h1 {
    display: block;
    margin: 20px 0 12px 0;
    font-weight: 700;
    font-size: 28px;
}

.main_wrapper .content_page-text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

.main_wrapper .content_page_header {
    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%;
    margin-bottom: 10px;
    padding: 21px 0;
}

.main_wrapper .content_page_header .title {
    font-weight: 700;
    font-size: 30px;
    text-transform: capitalize;
}

.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.stars .star {
    position: relative;
    overflow: hidden;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 2px;
    width: 16px;
    height: 16px;
    border-radius: 1px;
    background: #dadadd;
}

.stars .star svg {
    position: relative;
    z-index: 1;
    color: #fff;
}

.stars .star-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stars .star-bg.rate-1 {
    background-color: #ef4f39;
}

.stars .star-bg.rate-2 {
    background-color: #ff8a1f;
}

.stars .star-bg.rate-3 {
    background-color: #ffc227;
}

.stars .star-bg.rate-4 {
    background-color: #9ad459;
}

.stars .star-bg.rate-5 {
    background-color: #258473;
}

.cms-description-text {
    color: #222222;
}

.cms-description-text.bottom {
    margin-bottom: 50px;
}

.cms-description-text.information_description {
    margin: 50px 0;
}

.cms-description-text.information_description ul {
    margin: 20px 0 0;
}

.cms-description-text.information_description ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-description-text.information_description ul li:before {
    content: "";
    border: 3px solid #258473;
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 11px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 10px;
    display: block;
}

.cms-description-text.information_description img.alignright {
    float: right;
    position: relative;
    z-index: 2;
    margin: 47px 36px -17px 47px;
}

.cms-description-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}

.cms-description-text p:not(:last-child) {
    margin-bottom: 16px;
}

.cms-description-text ul {
    margin: 15px 0 20px 15px;
}

.cms-description-text ul ul li:before {
    margin-right: 8px;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    content: "\2014";
}

.cms-description-text ul li {
    position: relative;
    font-size: 15px;
    line-height: 26px;
}

.cms-description-text ul li:not(:first-child) {
    margin-top: 15px;
}

.cms-description-text ul li:before {
    position: relative;
    top: -1px;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #258473;
    content: "";
}

.cms-description-text a {
    color: inherit;
    text-decoration: underline;
}

.cms-description-text a:hover {
    color: #258473;
}

.cms-description-text h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.cms-description-text h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 15px;
}

.cms-description-text h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

.cms-description-text .block-wrapper {
    float: right;
    width: 468px;
    margin-left: 35px;
    margin-bottom: 35px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

.cms-description-text .block-wrapper .total-block {
    border-radius: 3px;
    position: relative;
    padding: 20px;
    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;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background: #4793e7;
    background: linear-gradient(135deg, #4793e7 0%, #2d80e9 50%, #1d69db 100%);
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}

.cms-description-text .block-wrapper .total-block span {
    font-weight: 700;
    font-size: 74px;
    line-height: 91px;
    text-align: center;
    letter-spacing: .03em;
    color: #fff500;
    text-shadow: 3px 3px 0 #fc5258;
    margin-bottom: 8px;
    margin-top: -2px;
}

.cms-description-text .block-wrapper .total-block p {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    max-width: 327px;
}

.cms-description-text .block-wrapper .games-block {
    background: #e9f2ff;
    border-radius: 3px;
    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;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 124px;
}

.cms-description-text .block-wrapper .games-block span {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #1e83e2;
}

.cms-description-text .block-wrapper .games-block p {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #222;
}

.cms-description-text img.alignleft {
    float: left;
}

.cms-description-text img.alignright {
    float: right;
    margin-bottom: -5px;
}

.cms-description-text--image {
    width: 50%;
}

.cms-description-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-description-wrap img {
    width: 50%;
    margin-left: 20px;
}

.not-found-page {
    padding: 42px 0 10px;
    text-align: center;
    max-width: 515px;
    margin: 0 auto;
}

.not-found-page .not-found-page-title {
    font-weight: 700;
    font-size: 70px;
    color: #258473;
}

.not-found-page .not-found-page-subtitle {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    text-transform: uppercase;
}

.not-found-page .not-found-page-text {
    font-size: 15px;
    margin-top: 16px;
    line-height: 1.7;
}

.not-found-page a {
    display: inline-block;
    margin: 20px auto 0;
    min-width: 206px;
    height: 50px;
    outline: none;
    border: none;
    border-radius: 3px;
    background: #258473;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 52px;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.exclusive-banner {
    background: -webkit-gradient(linear, left top, right top, from(#00c595), to(#236cc1));
    background: linear-gradient(90deg, #00c595, #236cc1);
    padding: 26px 32px;
    border-radius: 3px;
    margin: 15px 0;
}

.exclusive-banner_style-2 {
    background: -webkit-gradient(linear, left top, right top, from(#00afe6), to(#0372c2));
    background: linear-gradient(90deg, #00afe6, #0372c2);
}

.exclusive-banner_style-3 {
    background-color: #fee15c;
}

.exclusive-banner_single-page {
    background: #2b80e5;
    padding: 15px;
    margin: 0;
}

.exclusive-banner_single-page .exclusive-banner__bonuses {
    grid-template-columns: repeat(2, 1fr);
}

.exclusive-banner__title {
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    margin-bottom: 16px;
}

.exclusive-banner__bonuses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
}

.exclusive-banner__bonuses .bonus {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 16px 13px;
    border: 3px solid transparent;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #222222;
}

.exclusive-banner__bonuses .bonus:hover {
    border: 3px solid #258473;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.43);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.43);
}

.exclusive-banner__bonuses .bonus:hover .bonus__btn {
    background-color: #23796a;
}

.exclusive-banner__bonuses .bonus__exclusive-icon {
    position: absolute;
    top: -6px;
    left: -6px;
}

.exclusive-banner__bonuses .bonus__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.exclusive-banner__bonuses .bonus__logo {
    margin-right: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px;
}

.exclusive-banner__bonuses .bonus__logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.exclusive-banner__bonuses .bonus__spins {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.exclusive-banner__bonuses .bonus__spins b {
    color: #ef4f39;
    font-style: italic;
}

.exclusive-banner__bonuses .bonus__text {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}

.exclusive-banner__bonuses .bonus__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
}

.exclusive-banner__bonuses .bonus__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    white-space: nowrap;
}

.exclusive-banner__bonuses .bonus__item:not(:first-child) {
    margin-left: 24px;
}

.exclusive-banner__bonuses .bonus__item-title {
    margin-top: 2px;
    margin-bottom: 4px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

.exclusive-banner__bonuses .bonus__item-titleSub {
    font-size: 15px;
    font-weight: 700;
}

.exclusive-bonuses_block {
    display: grid;
    margin: 28px 0;
    padding: 20px 0;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
}

.exclusive-bonuses_block_item {
    position: relative;
    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;
    padding: 16px;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
}

.exclusive-bonuses_block_item::after {
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    content: url(https://de-fsn1-1.stkcdn.com/stakers/build/stylesSrc/img/exclusive_label_2_en.svg);
}

.exclusive-bonuses_block_item:hover .title {
    text-decoration: underline;
}

.exclusive-bonuses_block_item .logo {
    max-width: 104px;
    width: 100%;
}

.exclusive-bonuses_block_item .title {
    font-size: 16px;
    margin-left: 5px;
    padding-top: 4px;
    text-align: center;
    line-height: 1.4;
    font-weight: 700;
}

.section-info {
    padding: 24px 20px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background-color: #fff;
    margin: 15px 0;
}

.section-info__header {
    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;
    margin-bottom: 20px;
}

.section-info__header-link {
    color: #258473;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}

.section-info__header-link:hover {
    text-decoration: underline;
}

.faq {
    padding: 20px 20px 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.faq_no-border {
    border: 0;
    padding: 20px 0 0;
    margin-top: 20px;
}

.faq-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
}

.faq-text {
    font-size: 15px;
    line-height: 26px;
    color: #222222;
}

.faq_columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 70px;
}

.faq_columns .card {
    display: block;
    text-align: left;
    border: 0;
    padding: 30px 0;
}

.faq_columns .card:not(:first-child) {
    border-top: 1px solid #ebebeb;
}

.faq_columns .card_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
}

.faq_columns .card_header:hover {
    color: #258473;
}

.faq_columns .card_header.active .card_header-arrow {
    color: #258473;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.faq_columns .card_header-icon {
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}

.faq_columns .card_header-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
}

.faq_columns .card_header-arrow {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.faq_columns .card_info {
    font-size: 14px;
    line-height: 26px;
    color: #222222;
}

.faq_one_column {
    display: block;
}

.casino-games {
    margin: 15px 0;
}

.casino-games.other_page {
    margin: 0;
}

.casino-games__top {
    color: #ffffff;
}

.casino-games__top-wrapper {
    max-width: 50%;
}

.casino-games__top-section {
    padding: 50px 35px;
    border-radius: 3px 3px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    position: relative;
}

.casino-games__top-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
}

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

.casino-games__top__column-content {
    clear: both;
    padding: 0 20px 24px;
    border-radius: 8px;
    background: -webkit-gradient(linear, left bottom, left top, from(#39233a), to(#39233a));
    background: linear-gradient(0deg, #39233a, #39233a);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
}

.casino-games__top__column-img {
    display: block;
    margin: 25px auto 16px auto;
    width: 50%!important;
}

.casino-games__top__image-tiger {
    position: absolute;
    right: 0;
    bottom: 50px;
    height: 96%;
}

.casino-games__top__image-monster {
    position: absolute;
    top: -19%;
    right: 0;
    height: 144%;
}

.casino-games__top__image-monster1 {
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 30px;
    margin-bottom: -12px;
    width: 113px;
    height: 160px;
}

.casino-games__top__image-center {
    height: 96%;
    margin-top: -5px;
    margin-bottom: -24px;
    margin-left: 9px;
    width: 95%;
}

.casino-games__top__image-bottom {
    display: block;
    margin-top: auto;
}

.casino-games__top__image-totems {
    position: absolute;
    right: 0;
    bottom: 0;
}

.casino-games__top__image-finn {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 450px;
    width: 409px;
}

.casino-games__banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px;
    border-radius: 3px 3px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.casino-games__banner-content {
    position: relative;
    z-index: 1;
    padding-right: 50px;
    color: #ffffff;
}

.casino-games__banner-content p {
    color: #ffffff;
}

.casino-games__banner-title {
    display: block;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 0 18px;
}

.casino-games__banner-image {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: -34px 0 -34px 0;
}

.casino-games__section {
    padding: 16px 10px 25px 10px;
    border-top: none;
    background-color: #fff;
}

.casino-games__cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px 35px;
}

.casino-games__cards.column-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px 80px;
}

.casino-games__cards.column-2 .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.casino-games__cards.column-2 .card__left {
    margin: 0 25px 10px 0;
}

.casino-games__cards.column-2 .card__logo {
    width: 200px;
}

.casino-games__cards .card {
    padding: 12px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.casino-games__cards .card:hover {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}

.casino-games__cards .card:hover .card__left-title {
    opacity: 1;
}

.casino-games__cards .card:hover .card__title {
    color: #258473;
}

.casino-games__cards .card__left {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    display: block;
    margin: 0 0 10px 0;
}

.casino-games__cards .card__left-title {
    position: absolute;
    top: 0;
    left: 0;
    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;
    padding: 10px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.casino-games__cards .card__logo {
    width: 100%;
}

.casino-games__cards .card__logo-img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.casino-games__cards .card__title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #222222;
    margin-bottom: 12px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.casino-games__cards .card__title b {
    color: #258473;
}

.casino-games__cards .card__text {
    font-size: 13px;
    line-height: 21px;
    color: #222222;
}

.casino-games__provider {
    padding: 5px 20px 60px;
    background: #fff;
}

.casino-games__provider-title {
    margin-bottom: 18px;
}

.casino-games__provider__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.casino-games__provider__cards .card-img {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    width: 176px;
}

.casino-games__provider__cards .card-title {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
}

.casino-games__provider__cards .card-text {
    font-size: 13px;
    line-height: 21px;
}

.banner-cat {
    background-repeat: no-repeat;
    background-position: center center;
    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;
    padding: 24px 32px;
    min-height: 277px;
    border-radius: 6px;
    background-size: cover;
    margin: 15px 0;
}

.banner-cat__title {
    color: #fff;
    margin-bottom: 24px;
}

.banner-cat__title_black {
    color: #222222;
}

.banner-cat_left {
    color: #FFFFFF;
    max-width: 650px;
}

.banner-cat_left-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 12px;
}

.banner-cat_left-text {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 28px;
}

.banner-cat_left_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.banner-cat_left_buttons .item {
    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;
    padding: 14px 22px;
    height: 100%;
    min-height: 60px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    opacity: .9;
    border: none;
}

.banner-cat_left_buttons .item-icon {
    display: block;
    margin-right: 15px;
}

.banner-cat_left_buttons .item:hover {
    background: rgba(255, 255, 255, 0.3);
}

.banner-cat__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner-cat__cards_slots {
    margin-right: 31px;
    margin-top: -45px;
    margin-left: -31px;
}

.banner-cat__cards .card {
    padding: 24px 20px 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0;
    width: 257px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #ebebeb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #ebebeb;
    color: #222222;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.banner-cat__cards .card:not(:first-child) {
    margin-left: 25px;
}

.banner-cat__cards .card:hover {
    border-color: #23796a;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 3px #23796a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 3px #23796a;
}

.banner-cat__cards .card__icon-top {
    position: absolute;
    top: -5px;
    right: -8px;
}

.banner-cat__cards .card__logo {
    position: relative;
    margin-bottom: 15px;
    border-radius: 3px;
}

.banner-cat__cards .card__logo-img {
    width: 89px;
    height: auto;
}

.banner-cat__cards .card__content-title {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.banner-cat__cards .card__content-title b {
    color: #ef4f39;
}

.banner-cat__cards .card__content-text {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
}

.banner-cat__cards .card__content-btn {
    padding: 15px 41px;
    margin: 0 auto;
}

.banner-cat__cards .card__content-btn:hover {
    background-color: #23796a;
}

.casino-cat {
    margin: 0 0 20px 0;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.casino-cat.best-casino {
    padding: 20px;
}

.casino-cat__header {
    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;
    margin-bottom: 20px;
}

.casino-cat__header-link {
    color: #258473;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}

.casino-cat__header-link:hover {
    text-decoration: underline;
}

.casino-cat__updated {
    padding: 7px 10px;
    border: 1px solid rgba(43, 128, 229, 0.1);
    border-radius: 3px;
    background: #f7fafc;
    font-size: 14px;
}

.casino-cat__updated span {
    color: #d6351f;
    font-weight: 700;
}

.casino-cat__description {
    margin-bottom: 20px;
}

.casino-cat.style1 {
    --main-color: #258473;
    --header-border-color: rgba(37, 186, 137, 0.16);
    --header-bg-color: #e2f4ee;
    --bonus-bg-color: #303836;
    --bonus-button-color: #258473;
    --bonus-button-hover-color: #2c9f8a;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #2c9f8a;
}

.casino-cat.style2 {
    --main-color: #258473;
    --header-border-color: #c6e7ff;
    --header-bg-color: #e3f3ff;
    --bonus-bg-color: #15386b;
    --bonus-button-color: #258473;
    --bonus-button-hover-color: #2c9f8a;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #2c9f8a;
}

.casino-cat.style3 {
    --main-color: #d6410d;
    --header-border-color: #efcc87;
    --header-bg-color: #ffedc9;
    --bonus-bg-color: #2a2145;
    --bonus-button-color: #d6410d;
    --bonus-button-hover-color: #f0490f;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #f0490f;
}

.casino-cat.style4 {
    --main-color: #e02b37;
    --header-border-color: #ffb8bc;
    --header-bg-color: #ffe5e6;
    --bonus-bg-color: #233b6a;
    --bonus-button-color: #e02b37;
    --bonus-button-hover-color: #e3404b;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #e3404b;
}

.casino-cat.style5 {
    --main-color: #795eed;
    --header-border-color: #c4b6ff;
    --header-bg-color: #eeeaff;
    --bonus-bg-color: #173348;
    --bonus-button-color: #795eed;
    --bonus-button-hover-color: #866eef;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #866eef;
}

.casino-cat.style6 {
    --main-color: #0a8099;
    --header-border-color: #92d8dc;
    --header-bg-color: #e0f8fa;
    --bonus-bg-color: #16323c;
    --bonus-button-color: #0a8099;
    --bonus-button-hover-color: #0c9bba;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #0c9bba;
}

.casino-cat.style7 {
    --main-color: #4769e2;
    --header-border-color: #9cc4ff;
    --header-bg-color: #d9e8ff;
    --bonus-bg-color: #1d2a44;
    --bonus-button-color: #4769e2;
    --bonus-button-hover-color: #5978e5;
    --bonus-button-text-color: #fff;
    --bonus-button-text-hover-color: #fff;
    --bonus-logo-border-hover-color: #5978e5;
}

.casino-cat__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    margin-bottom: 60px;
}

.casino-cat__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 22px;
    width: 250px;
    border-left: 6px solid var(--main-color, #258473);
    background-color: #fff;
}

.casino-cat__left:hover .casino-cat__left-title {
    color: var(--main-color, #258473);
}

.casino-cat__left-icon {
    margin-bottom: 25px;
    width: 33px;
    height: 33px;
}

.casino-cat__left-icon path {
    fill: var(--main-color, #258473);
}

.casino-cat__left-title {
    font-size: 22px;
    font-weight: 700;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #222222;
    margin-bottom: 12px;
}

.casino-cat__left-title span {
    position: relative;
}

.casino-cat__left-title span:after {
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    display: block;
    height: 1px;
    background-color: currentColor;
    content: "";
}

.casino-cat__left-description {
    font-size: 16px;
    line-height: 19px;
    color: #222222;
}

.casino-cat__left-description span {
    position: relative;
    color: var(--main-color, #258473);
    font-weight: 700;
}

.casino-cat__left-description span:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 2px;
    background-color: currentColor;
    content: "";
}

.casino-cat__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: var(--bonus-bg-color, #283c60);
}

.casino-cat__right .bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 24px 0;
    padding: 0 12px;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.casino-cat__right .bonus:hover .bonus_logo:after {
    opacity: 1;
}

.casino-cat__right .bonus:hover .bonus-btn {
    background-color: var(--bonus-button-hover-color, #2c9f8a);
}

.casino-cat__right .bonus:nth-child(n+1) {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.casino-cat__right .bonus__logo {
    position: relative;
    margin-bottom: 16px;
    padding: 6px;
    border-radius: 3px;
}

.casino-cat__right .bonus__logo:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: 3px solid var(--bonus-logo-border-hover-color, #258473);
    border-radius: 3px;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0.2;
}

.casino-cat__right .bonus__logo-img {
    display: block;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
}

.casino-cat__right .bonus__title {
    font-size: 21px;
    font-weight: 700;
    color: #ffeb42;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.casino-cat__right .bonus__description {
    margin-bottom: 12px;
    max-width: 150px;
    line-height: 18px;
}

.casino-cat__right .bonus__btn {
    margin-top: auto;
    padding: 15px 41px;
    background-color: var(--bonus-button-color, #258473);
}

.casino-cat__right .bonus__btn:hover {
    background-color: var(--bonus-button-hover-color, #23796a);
}

.casino-cat__right .bonus__text {
    display: block;
    max-width: 240px;
    padding: 20px 0 0;
    color: #f0f0f0;
    opacity: .8;
    font-size: 11px;
    line-height: 15px;
}

.casino-cat__right--light {
    background: var(--bonus-bg-color, #f0f7ff);
}

.casino-cat__right--light>.bonus+.bonus {
    border-left: 1px solid rgba(35, 121, 106, 0.25);
}

.casino-cat__right--light .bonus {
    color: #000;
}

.casino-cat__right--light .bonus__title {
    color: #000;
}

.casino-cat__right--light .bonus__title b {
    color: #ef4f39;
}

.casino-cat__wrapper {
    margin: -20px -20px 0 -20px;
    padding: 20px 20px 0 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--header-bg-color)), color-stop(60%, #ffffff));
    background: linear-gradient(180deg, var(--header-bg-color), #ffffff 60%);
    -webkit-box-shadow: inset 0 1px var(--header-border-color);
    box-shadow: inset 0 1px var(--header-border-color);
}

.casino-cat__bonuses {
    margin-bottom: 25px;
}

.casino-cat__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-bottom: 22px;
}

.casino-cat__row .row-cat__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 100px;
}

.casino-cat__row .row-cat__left:hover .row-cat__info-title {
    color: var(--main-color, #258473);
}

.casino-cat__row .row-cat__img {
    overflow: hidden;
    margin-right: 20px;
    border-radius: 8px;
    min-width: 110px;
}

.casino-cat__row .row-cat__img img {
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.casino-cat__row .row-cat__info-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #222222;
}

.casino-cat__row .row-cat__info-text {
    font-size: 15px;
    line-height: 26px;
    color: #222222;
}

.casino-cat__footer {
    margin-top: 40px;
}

.casino-cat__footer-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

.casino-cat__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.casino-cat__buttons-link {
    border: 1px solid #258473;
    background-color: transparent;
    color: #258473;
    padding: 14px 18px;
}

.casino-cat__buttons-link:not(:last-child) {
    margin-right: 16px;
}

.casino-cat__buttons-link:hover {
    background-color: #258473;
    color: #ffffff;
}

.casino-cat__cards {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    margin-bottom: 25px;
}

.casino-cat__cards_spin {
    grid-template-columns: repeat(4, 1fr);
}

.casino-cat__cards .bonus {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 16px 13px;
    border: 3px solid transparent;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #222222;
}

.casino-cat__cards .bonus:hover {
    border: 3px solid #258473;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.43);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.43);
}

.casino-cat__cards .bonus:hover .bonus__btn {
    background-color: #23796a;
}

.casino-cat__cards .bonus div:last-child {
    margin-bottom: 0;
}

.casino-cat__cards .bonus__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.casino-cat__cards .bonus__logo {
    height: 44px;
    margin-right: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.casino-cat__cards .bonus__logo-img {
    height: 100%;
    width: 100%;
    max-width: none;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.casino-cat__cards .bonus__spins {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.casino-cat__cards .bonus__spins b {
    color: #ef4f39;
    font-style: italic;
}

.casino-cat__cards .bonus__value {
    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;
    gap: 5px;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
    color: #fff;
    background: #2b80e5;
    padding: 5px 7px;
    min-width: 94px;
    border-radius: 3px;
    white-space: nowrap;
}

.casino-cat__cards .bonus__text {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}

.casino-cat__cards .bonus__description {
    margin: 20px 0;
}

.casino-cat__cards .bonus__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 20px;
}

.casino-cat__cards .bonus__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    white-space: nowrap;
}

.casino-cat__cards .bonus__item:not(:first-child) {
    margin-left: 24px;
}

.casino-cat__cards .bonus__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2px;
    margin-bottom: 4px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

.casino-cat__cards .bonus__item-icon {
    color: #c6c6c6;
    margin-right: 8px;
}

.casino-cat__cards .bonus__item-titleSub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
}

.casino-cat__cards .bonus__btn {
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.casino-cat__table {
    margin-bottom: 25px;
}

.casino-cat__table_search .casino-cat__table-item,
.casino-cat__table_search .casino-cat__table-title {
    /*min-width: 165px;*/
    min-width: 138px;
}

.casino-cat__table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.casino-cat__table-title {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: 16px;
    padding-bottom: 6px;
    background: #fff;
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
    min-width: 175px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.casino-cat__table-title:hover {
    color: #258473;
}

.casino-cat__table-title:first-child {
    text-align: right;
    padding-right: 30px;
    min-width: 70px;
}

.casino-cat__table-title:last-child {
    min-width: 80px;
}

.casino-cat__table-row {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.casino-cat__table-row:hover {
    background: #f7fafc;
}

.casino-cat__table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 15px;
    min-width: 175px;
}

.casino-cat__table-item:first-child {
    text-align: right;
    padding-right: 30px;
    min-width: 70px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.casino-cat__table-item:last-child {
    min-width: 80px;
}

.casino-cat__table-item .logo-img {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 3px;
}

.casino-cat__table-item .user-icon {
    width: 14px;
    height: 16px;
    color: #c6c6c6;
    margin-right: 8px;
}

.casino-cat__table-item.social_rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.casino-cat__table-link {
    border: 1px solid #258473;
    background-color: transparent;
    color: #258473;
    padding: 6px 13px;
}

.casino-cat__table-link:hover {
    background: #258473;
    color: #ffffff;
}

.casino-cat__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 1px solid #258473;
    border-radius: 3px;
    color: #258473;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.casino-cat__link:hover {
    background: #258473;
    color: #ffffff;
}

.casino-cat__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 17px;
    padding: 15px 50px;
}

.casino-cat__btn:hover {
    background-color: #23796a;
}

.bonuses-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.bonuses-list .bonus {
    padding: 16px 20px 16px 0;
    border: 2px solid #fff;
    border-left: 4px solid var(--main-color, #258473);
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.bonuses-list .bonus:hover {
    border: 2px solid var(--main-color, #258473);
    border-left: 4px solid var(--main-color, #258473);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.14);
}

.bonuses-list .bonus__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.bonuses-list .bonus__number {
    display: block;
    width: 60px;
    color: #757575;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.bonuses-list .bonus__logo {
    display: block;
    margin-right: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.bonuses-list .bonus__logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.bonuses-list .bonus__text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    max-width: 300px;
    padding-right: 40px;
    color: #222222;
}

.bonuses-list .bonus__text b {
    color: #db3721;
    font-style: italic;
}

.bonuses-list .bonus__text.long-text {
    max-width: 100%;
}

.bonuses-list .bonus__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 50px;
    margin-left: auto;
}

.bonuses-list .bonus__info:not(:first-child) {
    margin-left: 50px;
}

.bonuses-list .bonus__info-icon {
    color: #757575;
    margin-right: 8px;
}

.bonuses-list .bonus__info-title {
    font-size: 10px;
    font-weight: 700;
    color: #757575;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bonuses-list .bonus__info-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #222222;
}

.bonuses-list .bonus__btn:hover {
    background-color: #23796a;
}

.bonuses-list .bonus__footer {
    display: block;
    padding: 12px 0 0 60px;
    color: #666;
    font-size: 11px;
    line-height: 15px;
}

.bonuses-list .bonus_hide {
    display: none;
}

.slots {
    padding: 24px 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    margin: 15px 0;
}

.slots__title {
    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;
    margin-bottom: 20px;
}

.slots__title-link {
    color: #258473;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}

.slots__title-link:hover {
    text-decoration: underline;
}

.slots__cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    margin-bottom: 25px;
}

.slots__cards .item {
    display: grid;
    grid-template-columns: auto 270px;
    grid-template-rows: auto auto;
    grid-column-gap: 44px;
    padding: 24px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
}

.slots__cards .item__header {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-template-rows: auto -webkit-max-content;
    grid-template-rows: auto max-content;
    grid-gap: 0 20px;
    margin-bottom: 15px;
}

.slots__cards .item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.slots__cards .item__top-title {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #222222;
}

.slots__cards .item__top-title:hover {
    color: #258473;
}
.slots__cards .item__top-title:hover .item__top-icon{
    stroke: #258473;
}

.slots__cards .item__top-title:hover .item__top-icon {
    -webkit-transform: translateX(2px) rotate(-90deg);
    transform: translateX(2px) rotate(-90deg);
}

.slots__cards .item__top-icon {
    margin-left: 6px;
    width: 14px;
    height: auto;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    stroke: #222222;
}

.slots__cards .item__top-img {
    margin-left: 15px;
    width: 90px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.slots__cards .item__logo {
    width: 140px;
    height: 93px;
    grid-row: 1/3;
    grid-column: 1/2;
}

.slots__cards .item__logo-img {
    border-radius: 3px;
}

.slots__cards .item__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 12px;
}

.slots__cards .item__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 11px 10px 8px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.slots__cards .item__stats:nth-child(1) {
    background-color: #e2f0ff;
    color: #0f4792;
}

.slots__cards .item__stats:nth-child(2) {
    background-color: #e2f4ee;
    color: #23796a;
}

.slots__cards .item__stats:nth-child(3) {
    background-color: #ffe9df;
    color: #bc3506;
}

.slots__cards .item__stats:nth-child(4) {
    background-color: #e3fdff;
    color: #0b7c94;
}

.slots__cards .item__stats-title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.slots__cards .item__stats-value {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 5px;
}

.slots__cards .item__description {
    font-size: 15px;
    line-height: 24px;
}

.slots__cards .bonus {
    grid-column: 2/3;
    grid-row: 1/3;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 16px 13px;
    border: 3px solid #258473;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.slots__cards .bonus:after {
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    content: url(../img/play_with_label_en.svg);
}

.slots__cards .bonus__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.slots__cards .bonus__logo {
    width: 80px;
    height: 35px;
    margin-right: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.slots__cards .bonus__logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.slots__cards .bonus__text {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #222222;
}

.slots__cards .bonus__text b {
    color: #dd2309;
    font-style: italic;
}

.slots__cards .bonus__title {
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 16px;
    font-weight: 300!important;
}

.slots__cards .bonus__btn {
    margin-top: auto;
}

.slots__cards .bonus__btn:hover {
    background-color: #23796a;
}

.slots__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 1px solid #258473;
    border-radius: 3px;
    color: #258473;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.slots__link:hover {
    background: #258473;
    color: #ffffff;
}

.online-slots {
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.online-slots-versus {
    margin: 50px 0;
}

.online-slots-versus__title {
    margin-bottom: 12px;
}

.online-slots-versus__description {
    margin-bottom: 20px;
}

.online-slots-versus__columns {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}

.online-slots-versus__columns_two {
    grid-template-columns: 1fr 1fr;
}

.online-slots-versus__columns.hot-or-cold {
    --column-left-row-bg: #FFF1E4;
    --column-right-row-bg: #EEF6FD;
}

.online-slots-versus__columns .column:first-child .column__row:nth-child(even) {
    background-color: var(--column-left-row-bg, #e2f4ee);
}

.online-slots-versus__columns .column:last-child .column__row:nth-child(even) {
    background-color: var(--column-right-row-bg, #fff0c9);
}

.online-slots-versus__columns .column__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.online-slots-versus__columns .column__head-icon {
    margin-right: 12px;
}

.online-slots-versus__columns .column__head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #757575;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700;
    font-size: 11px;
    min-height: 40px;
    min-width: 85px;
}

.online-slots-versus__columns .column__head-title:first-child {
    padding: 5px 8px;
    background: #fff;
    color: #222;
    font-size: 22px;
    text-transform: capitalize;
    min-width: 345px;
}

.online-slots-versus__columns .column__head-title:not(:first-child) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.online-slots-versus__columns .column__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 8px;
    min-height: 40px;
    min-width: 345px;
}

.online-slots-versus__columns .column__logo-img {
    margin-right: 12px;
}

.online-slots-versus__columns .column__logo-name {
    font-size: 12px;
    line-height: 14px;
}

.online-slots-versus__columns .column__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.online-slots-versus__columns .column__row-text {
    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;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 8px;
    min-height: 40px;
    min-width: 85px;
}

.online-slots-versus__columns .column__row-text_bold {
    font-weight: 700;
}

.online-slots-versus__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.online-slots-versus__info .info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.online-slots-versus__info .info__title {
    font-size: 18px;
    font-weight: 700;
}

.online-slots-versus__info .info__title b {
    color: #dd2309;
    font-style: italic;
}

.online-slots-versus__info .info__icon {
    margin-right: 15px;
    width: 28px;
    height: 28px;
}

.bookmakers {
    border-radius: 3px;
    margin: 15px 0;
}

.bookmakers__bonuses {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-bottom: 25px;
}

.bookmakers__bonuses .bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.0013);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.0013);
}

.bookmakers__bonuses .bonus__left {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    padding: 5px 32px 0 10px;
    border-right: 1px solid #ebebeb;
    text-align: center;
}

.bookmakers__bonuses .bonus__left__icon {
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
}

.bookmakers__bonuses .bonus__logo {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.bookmakers__bonuses .bonus__logo-img {
    display: block;
    width: 136px;
    height: 64px;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.bookmakers__bonuses .bonus__logo-icon {
    position: absolute;
    top: -18px;
    right: -8px;
}

.bookmakers__bonuses .bonus__text {
    font-size: 12px;
    text-transform: capitalize;
    color: #888;
    margin-bottom: 10px;
}

.bookmakers__bonuses .bonus__stars {
    margin-bottom: 20px;
}

.bookmakers__bonuses .bonus__stars .stars {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bookmakers__bonuses .bonus__review {
    color: #258473;
    border: 1px solid #258473;
    padding: 7px 15px;
    background-color: transparent;
}

.bookmakers__bonuses .bonus__review:hover {
    background-color: #258473;
    color: #ffffff;
}

.bookmakers__bonuses .bonus__rate {
    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;
    margin-bottom: 2px;
}

.bookmakers__bonuses .bonus__rate-current {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-right: 2px;
}

.bookmakers__bonuses .bonus__rate-all {
    font-size: 14px;
    opacity: .7;
}

.bookmakers__bonuses .bonus__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 8px;
}

.bookmakers__bonuses .bonus__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

.bookmakers__bonuses .bonus__title {
    font-weight: 700;
    font-size: 24px;
}

.bookmakers__bonuses .bonus__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.bookmakers__bonuses .bonus__cards .card__title {
    font-weight: 700;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.bookmakers__bonuses .bonus__cards .card__value {
    font-weight: 700;
    font-size: 20px;
}

.bookmakers__bonuses .bonus__cards .card__value.text {
    background: #dff6d6;
    color: #2c790e;
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 14px;
}

.bookmakers__bonuses .bonus__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bookmakers__bonuses .bonus__info {
    margin-right: 20px;
    width: 100%;
}

.bookmakers__bonuses .bonus__info-description {
    font-size: 13px;
    line-height: 22px;
}

.bookmakers__bonuses .bonus__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
    margin-bottom: 20px;
}

.bookmakers__bonuses .bonus__columns .item {
    font-size: 13px;
    line-height: 22px;
}

.bookmakers__bonuses .bonus__columns .item-label {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bookmakers__bonuses .bonus__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    width: 160px;
}

.bookmakers__bonuses .bonus__btn-link {
    padding: 20px 15px;
}

.bookmakers__bonuses .bonus__btn-link:hover {
    background-color: #23796a;
}

.bookmakers__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 1px solid #258473;
    border-radius: 3px;
    color: #258473;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.bookmakers__link:hover {
    background: #258473;
    color: #ffffff;
}

.single-page__header {
    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%;
    margin-bottom: 20px;
}

.single-page__h1 {
    text-transform: capitalize;
}

.single-page__btn {
    padding: 13px 20px;
}

.single-page__btn:hover {
    background-color: #23796a;
}

.single-page__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;
    position: relative;
}

.single-page__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-page__title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-page__link {
    color: #23796a;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 14px;
}

.single-page__link:hover {
    text-decoration: none;
}

.single-page-games__row {
    margin-bottom: 20px;
}

.single-page-games__row .swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    margin-left: 10px;
}

.single-page-games__row .swiper-buttons>* {
    cursor: pointer;
    padding: 0 3px;
}

.single-page-games__row .swiper-buttons .button-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.single-page-games__row .swiper-buttons .button-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.single-page-games__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.single-page-games__cards .card {
    height: 135px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

.single-page-games__cards .card:hover .card__info {
    visibility: visible;
    opacity: 1;
}

.single-page-games__cards .card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-page-games__cards .card__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    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;
    padding: 0 8px;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ddd;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.single-page-games__cards .card__footer-name {
    font-size: 13px;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    padding-right: 10px;
}

.single-page-games__cards .card__footer-number {
    font-size: 11px;
}

.single-page-games__cards .card__info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.single-page-games__cards .card__title {
    font-weight: 700;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.single-page-games__cards .card__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 7px;
}

.single-page-games__cards .card__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;
    font-size: 12px;
}

.single-page-games__cards .card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #222;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 9px 18px;
}

.other-casino {
    margin-top: 34px;
}

.other-casino__title {
    text-transform: capitalize;
}

.other-casino__row {
    margin-bottom: 20px;
}

.other-casino__row .swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    margin-left: 10px;
}

.other-casino__row .swiper-buttons>* {
    cursor: pointer;
    padding: 0 3px;
}

.other-casino__row .swiper-buttons .button-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.other-casino__row .swiper-buttons .button-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.other-casino__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px;
}

.other-casino__cards .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    text-align: center;
}

.other-casino__cards .card__logo {
    margin: 10px 12px;
}

.other-casino__cards .card__logo-img {
    width: 100%;
    max-height: 80px;
    height: 50px;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.other-casino__cards .card__title {
    margin: 0 0 13px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
}

.other-casino__cards .card__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
}

.other-casino__cards .card__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
}

.other-casino__cards .card__rate-current {
    font-weight: 700;
    font-size: 18px;
}

.other-casino__cards .card__rate-all {
    font-size: 16px;
    opacity: .7;
}

.other-casino__cards .card__text {
    color: #757575;
    font-size: 12px;
}

.other-casino__cards .card__btn {
    width: calc(100% - 20px);
    margin: 12px 10px 10px;
}

.other-casino__cards .card__btn:hover {
    background-color: #23796a;
}

.pros-or-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.pros-or-cons__column {
    padding: 20px 20px 5px;
    border-radius: 3px;
}

.pros-or-cons__column_pros {
    background: #e2f4ee;
}

.pros-or-cons__column_pros .pros-or-cons__li:before {
    content: "+";
    color: #258473;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
}

.pros-or-cons__column_pros .pros-or-cons__title {
    color: #258473;
}

.pros-or-cons__column_cons {
    background: #ffe4e0;
}

.pros-or-cons__column_cons .pros-or-cons__li:before {
    content: "-";
    color: #dd2309;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
}

.pros-or-cons__column_cons .pros-or-cons__title {
    color: #dd2309;
}

.pros-or-cons__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 27px;
}

.pros-or-cons__li {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    margin-bottom: 13px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pros-or-cons__li:before {
    content: "";
    display: block;
    margin-right: 16px;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-top: -8px;
}

.modal-btn-open {
    width: 39px;
    height: 39px;
    border: 1px solid var(--main-color, #258473);
    border-radius: 6px;
    font-weight: 700;
    font-size: 22px;
    color: #222222;
    background-color: transparent;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-btn-open:hover {
    background-color: var(--main-color, #258473);
    color: #ffffff;
}

.modal-btn-close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    margin-right: 12px;
    padding-top: 4px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: border-color 0.2s, background-color 0.2s;
    transition: border-color 0.2s, background-color 0.2s;
}

.modal-btn-close svg {
    width: 16px;
    height: auto;
}

.modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 95%;
    width: 880px;
    border-radius: 8px 8px 3px 3px;
}

.modal__container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

.modal__container.active {
    visibility: visible;
}

.modal__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}

.modal__header-img {
    position: absolute;
    top: 0;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -14px;
    margin-left: 11px;
    width: 154px;
}

.modal__title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 3px;
}

.modal__text {
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
}

.modal__content {
    margin-right: 20px;
    padding: 19px 0 16px;
}

.modal__description {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px;
    border-radius: 0 0 3px 3px;
    background: #fff;
}

.rate-emoji {
    position: absolute;
    top: -20px;
    right: -9px;
    padding: 6px;
    border-radius: 50%;
}

.rate-emoji_icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
}

.rate-emoji-1 {
    background-color: rgba(239, 79, 57, 0.3) !important;
    color: rgba(239, 79, 57, 0.3) !important;
}

.rate-emoji-1 i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 16c0 8.84-7.17 16-16 16-8.84 0-16-7.16-16-16C0 7.17 7.16 0 16 0c8.83 0 16 7.17 16 16z' fill='%23E24B4B'/%3E%3Cpath d='M32.002 16c0 8.84-7.17 16-16 16-5.04 0-9.54-2.33-12.46-5.97 2.74 2.2 6.21 3.51 10 3.51 8.83 0 16-7.16 16-16 0-3.79-1.31-7.26-3.52-10A15.93 15.93 0 0132.002 16z' fill='%23D03F3F'/%3E%3Cpath d='M23.019 17.394a2.587 2.587 0 00.307-3.65 2.442 2.442 0 00-1.311-.819c.711-.4 1.518-.53 2.322-.473a.744.744 0 00.797-.698.744.744 0 00-.698-.797c-2.953-.22-5.348 1.74-5.715 3.712-.389 2.454 2.383 4.347 4.298 2.725zM8.985 17.394a2.587 2.587 0 01-.307-3.65 2.442 2.442 0 011.31-.819c-.71-.4-1.517-.531-2.321-.473a.744.744 0 01-.797-.698.744.744 0 01.698-.797c2.953-.22 5.348 1.74 5.715 3.712.389 2.454-2.383 4.347-4.298 2.725zM21.049 25.49c-3.36-1.17-6.73-1.17-10.1 0-.87.31-1.65-.68-1.08-1.41 1.22-1.59 3.51-2.66 6.13-2.66 2.63 0 4.91 1.07 6.14 2.66.56.73-.22 1.72-1.09 1.41z' fill='%233E4347'/%3E%3Cpath d='M22.816 15.106c-.197.125-.501-.006-.686-.291-.177-.287-.168-.618.029-.742.205-.127.509.003.686.29.185.285.168.618-.03.743zM12.226 15.034c-.216.087-.491-.094-.621-.406-.121-.313-.053-.635.163-.722.224-.088.5.093.62.406.13.311.054.635-.162.722z' fill='%235A5F63'/%3E%3C/svg%3E");
}

.rate-emoji-2 {
    background-color: rgba(255, 217, 59, 0.3) !important;
    color: rgba(239, 79, 57, 0.3) !important;
}

.rate-emoji-2 i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16z' fill='%23FFD93B'/%3E%3Cpath d='M32 16c0 8.84-7.165 16-16 16-5.03 0-9.52-2.32-12.455-5.955A15.916 15.916 0 0013.59 29.59c8.835 0 16-7.16 16-16 0-3.805-1.325-7.3-3.545-10.045C29.675 6.48 32 10.97 32 16z' fill='%23F4C534'/%3E%3Cpath d='M22.163 25.449c-.796.48-2.938-1.656-5.89-1.682-2.91-.026-5.094 2.163-5.89 1.682-.953-.388.677-5.038 5.89-5.066 5.213.028 6.843 4.679 5.89 5.066zM24.397 13.845a2.57 2.57 0 01-2.568 2.562 2.57 2.57 0 01-2.568-2.562 2.568 2.568 0 115.136 0z' fill='%233E4347'/%3E%3Cpath d='M23.005 12.396c-.316-.274-.713-.333-.888-.132-.174.201-.06.586.256.86s.713.333.888.133c.174-.201.06-.587-.256-.86z' fill='%235A5F63'/%3E%3Cpath d='M12.74 13.845a2.57 2.57 0 01-2.568 2.562 2.57 2.57 0 01-2.568-2.562 2.568 2.568 0 115.136 0z' fill='%233E4347'/%3E%3Cpath d='M11.345 12.397c-.316-.274-.713-.333-.887-.132-.175.2-.06.586.255.86.316.274.713.334.888.133.174-.201.06-.587-.256-.86z' fill='%235A5F63'/%3E%3C/svg%3E");
}

.rate-emoji-3 {
    background-color: rgba(255, 217, 59, 0.3) !important;
    color: #23796a hover !important;
}

.rate-emoji-3 i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16z' fill='%23FFD93B'/%3E%3Cpath d='M32 16c0 8.84-7.164 16-16 16-5.03 0-9.52-2.32-12.454-5.955A15.916 15.916 0 0013.59 29.59c8.835 0 16-7.16 16-16 0-3.805-1.325-7.3-3.545-10.045C29.676 6.48 32 10.97 32 16z' fill='%23F4C534'/%3E%3Cpath d='M23.162 21.525a.87.87 0 01-.87.87H9.712a.873.873 0 01-.87-.87c0-.481.393-.87.87-.87h12.58a.87.87 0 01.87.87zM10.908 15.327a2.384 2.384 0 100-4.768 2.384 2.384 0 000 4.768z' fill='%233E4347'/%3E%3Cpath d='M12.242 11.727c-.206-.277-.52-.394-.699-.26-.18.133-.157.466.05.744.206.277.518.394.698.26.18-.133.157-.466-.049-.744z' fill='%235A5F63'/%3E%3Cpath d='M21.089 15.327a2.384 2.384 0 100-4.768 2.384 2.384 0 000 4.768z' fill='%233E4347'/%3E%3Cpath d='M22.425 11.73c-.206-.277-.519-.394-.698-.26-.18.133-.158.466.049.743.206.278.519.394.698.26.18-.133.158-.466-.049-.743z' fill='%235A5F63'/%3E%3C/svg%3E");
}

.rate-emoji-4 {
    background-color: #e2f4ee!important;
    color: #23796a hover !important;
}

.rate-emoji-4 i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16z' fill='%23FFD93B'/%3E%3Cpath d='M32 16c0 8.84-7.165 16-16 16-5.03 0-9.52-2.32-12.455-5.955A15.916 15.916 0 0013.59 29.59c8.835 0 16-7.16 16-16 0-3.805-1.325-7.3-3.545-10.045C29.675 6.48 32 10.97 32 16z' fill='%23F4C534'/%3E%3Cpath d='M21.886 16.611a2.511 2.511 0 100-5.022 2.511 2.511 0 000 5.022z' fill='%233E4347'/%3E%3Cpath d='M22.799 12.538c-.384-.17-.784-.107-.894.141-.11.249.111.588.495.758.384.17.784.107.894-.141.11-.249-.111-.588-.495-.758z' fill='%235A5F63'/%3E%3Cpath d='M10.112 16.611a2.511 2.511 0 100-5.022 2.511 2.511 0 000 5.022z' fill='%233E4347'/%3E%3Cpath d='M11.024 12.537c-.384-.17-.784-.107-.894.142-.11.248.111.588.495.758.383.17.784.107.894-.142.11-.248-.111-.588-.495-.758z' fill='%235A5F63'/%3E%3Cpath d='M9.444 22.316a.75.75 0 111.028-1.092 8.073 8.073 0 0011.053 0 .75.75 0 011.027 1.092c-3.674 3.46-9.432 3.46-13.108 0z' fill='%233E4347'/%3E%3C/svg%3E");
}

.rate-emoji-5 {
    background-color: #e2f4ee!important;
    color: #23796a hover !important;
}

.rate-emoji-5 i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16z' fill='%23FFD93B'/%3E%3Cpath d='M32 16c0 8.84-7.165 16-16 16-5.03 0-9.52-2.32-12.455-5.955A15.916 15.916 0 0013.59 29.59c8.835 0 16-7.16 16-16 0-3.805-1.325-7.3-3.545-10.045C29.675 6.48 32 10.97 32 16z' fill='%23F4C534'/%3E%3Cpath d='M24.839 20.392a9.492 9.492 0 01-8.841 6.034 9.492 9.492 0 01-8.841-6.034c-.186-.471.181-.982.692-.982h16.298c.51 0 .878.51.692.982z' fill='%233E4347'/%3E%3Cpath d='M22.929 20.6c-.048.38-.294.748-.675.856-3.876 1.107-8.127 1.116-12.003 0-.38-.109-.627-.476-.675-.856H22.93z' fill='%23fff'/%3E%3Cpath d='M19.415 25.79a9.526 9.526 0 01-6.35.173c.056-.32.16-.623.303-.9.415-.813 1.32-1.206 2.227-1.128a2.892 2.892 0 00.982-.078c.93-.256 1.942.168 2.448.99.178.29.312.606.39.943z' fill='%23E24B4B'/%3E%3Cpath d='M20.77 14.821a2.35 2.35 0 100-4.7 2.35 2.35 0 000 4.7z' fill='%233E4347'/%3E%3Cpath d='M21.903 11.29c-.234-.234-.55-.298-.705-.142-.156.155-.092.471.142.705.235.235.55.299.706.143.156-.155.092-.471-.143-.706z' fill='%235A5F63'/%3E%3Cpath d='M11.229 14.821a2.35 2.35 0 100-4.7 2.35 2.35 0 000 4.7z' fill='%233E4347'/%3E%3Cpath d='M10.802 11.148c-.155-.155-.471-.091-.705.143-.235.234-.299.55-.143.706.155.155.471.091.705-.143.235-.234.299-.55.143-.706z' fill='%235A5F63'/%3E%3C/svg%3E");
}

.footer {
    background-color: #282928;
    color: #e2e2e2;
    margin-top: 40px;
}

.footer_container {
    margin: 0 auto;
    padding: 56px 0 32px;
    max-width: 1040px;
}

.footer_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45px;
}

.footer_top_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_top_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.footer_top_logo {
    display: block;
    margin-bottom: 20px;
}

.footer_top_logo-line {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(#f9b006), to(#f1f906));
    background-image: linear-gradient(270deg, #f9b006, #f1f906);
}

.footer_top_language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 36px;
    border: 1px solid #555;
    border-radius: 3px;
    color: #e2e2e2;
    font-size: 12px;
}

.footer_top_language .item {
    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;
    padding: 0 14px;
}

.footer_top_language .item.active {
    background-color: #4a4a4a;
}

.footer_top_language .item-flag {
    -webkit-transform: scale(0.57142857);
    transform: scale(0.57142857);
    display: block;
    margin-right: 6px;
    min-width: 28px;
    min-height: 28px;
    background: no-repeat 28px 0;
    background-position-x: 0;
    background-size: auto 28px;
}

.footer_top_language .item-flag[data-country-id=DE] {
    background-position: -56px 0;
}

.footer_top_language .item-flag[data-country-id=GB] {
    background-position: -28px 0;
}

.footer_top_language .item-flag[data-country-id=CA] {
    background-position: -84px 0;
}

.footer_top_language .item-name {
    font-size: 12px;
    line-height: 14px;
    color: #e2e2e2;
}

.footer_top_menu-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

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

.footer_top_menu-li {
    padding: 10px 0;
}

.footer_top_menu-link {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    color: #e2e2e2;
}

.footer_top_menu-li:hover .footer_top_menu-link,
.footer_top_menu-li.current-menu-item .footer_top_menu-link {
    color: #25ba89;
}

.footer_top_buttons-link {
    background-color: transparent;
    border: 1px solid #258473;
}

.footer_top_buttons-link:hover {
    background-color: #258473;
    color: #ffffff;
}

.footer_top_buttons-link:last-child {
    margin-top: 12px;
    background-color: #258473;
    color: #ffffff;
}

.footer_top_buttons-link:last-child:hover {
    background-color: #23796a;
}

.footer_cooperation {
    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;
    margin-bottom: 30px;
}

.footer_cooperation .item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer_cooperation .item-img {
    opacity: .4;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.footer_cooperation .item-img:hover {
    opacity: 1;
}

.footer_disclaimer {
    color: #fff;
    font-size: 13px;
    opacity: .5;
    margin-top: 30px;
}

.footer_disclaimer-title {
    margin: 0 0 10px;
    font-weight: 700;
}

.footer-copyright {
    margin-top: 40px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.footer-copyright a {
    color: #fff;
    opacity: .5;
}

.footer-copyright a:hover {
    opacity: 1;
}

.aside-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 16px;
}

.aside_rating {
    padding: 10px 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 12px;
}

.aside_rating_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 16px 18px;
}

.aside_rating-title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
}

.aside_rating-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #258473;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 12px;
}

.aside_rating_header {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 10px 69px 101px 117px;
    padding: 3px 12px 11px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

.aside_rating_header .item {
    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;
    text-align: right;
    position: relative;
}

.aside_rating_header .item:nth-child(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    margin-left: 10px;
}

.aside_rating_header .item-icon {
    margin-left: 8px;
    width: 13px;
    height: auto;
    cursor: help;
}

.aside_rating_header .item-icon:hover~.item_pop-up {
    visibility: visible;
    opacity: 1;
}

.aside_rating_header .item_pop-up {
    top: 100%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 6px;
    padding: 12px 11px;
    width: 111px;
    height: auto;
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
    visibility: hidden;
    border-radius: 1px;
    font-weight: 600;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.aside_rating_header .item_pop-up:before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(50%) rotate(45deg);
    transform: translateX(50%) rotate(45deg);
    background-color: rgba(0, 0, 0, 0.8);
    top: -4px;
    right: 14px;
    z-index: 1;
    display: block;
    width: 8px;
    height: 8px;
    border-top-left-radius: 2px;
    -webkit-clip-path: polygon(0 1%, 0 100%, 100% 0);
    clip-path: polygon(0 1%, 0 100%, 100% 0);
}

.aside_rating_header .item_pop-up-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

.aside_rating_header .item_pop-up-text {
    text-transform: none;
    font-weight: 400;
}

.aside_rating-scroll {
    height: 254px;
    overflow: hidden;
}

.aside_rating_cards {
    height: 100%;
    overflow-y: auto;
    margin-right: -20px;
}

.aside_rating_cards .card {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 10px 69px 101px 117px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 12px;
    font-size: 12px;
}

.aside_rating_cards .card:hover,
.aside_rating_cards .card.active {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
}

.aside_rating_cards .card * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aside_rating_cards .card-number {
    color: #757575;
    font-weight: 700;
    font-size: 11px;
}

.aside_rating_cards .card_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 58px;
    height: 28px;
    margin-left: 10px;
}

.aside_rating_cards .card_logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.aside_rating_cards .card_data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.aside_rating_cards .card_data-title {
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #222222;
}

.aside_rating_cards .card_data-price {
    color: #495057;
    font-size: 10px;
}

.aside_rating_cards .card .stars .star {
    width: 13px;
    height: 13px;
}

.aside_promo-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
}

.aside_promo-list .item {
    position: relative;
}

.aside_promo-list .item:nth-child(1):after {
    background: linear-gradient(103.48deg, #2e9ceb 2.74%, #46b1ff);
}

.aside_promo-list .item:nth-child(2):after {
    background: linear-gradient(104.15deg, #ea4e7d, #ff6996 100.53%);
}

.aside_promo-list .item:nth-child(3):after {
    background: linear-gradient(104.15deg, #39c798, #23e2a3 100.53%);
}

.aside_promo-list .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.aside_promo-list .item:hover:after {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.aside_promo-list .promo {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 16px;
    min-height: 58px;
    border-radius: 5px;
    color: #fff;
}

.aside_promo-list .promo-value {
    margin-right: 22px;
    font-weight: 700;
    font-size: 22px;
}

.aside_promo-list .promo-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 2px;
}

.aside_promo-list .promo-text {
    font-weight: 600;
    font-size: 11px;
}

.aside_promo-list .promo-icon {
    margin-left: auto;
    width: 16px;
    stroke: #FFFFFF;
}

.aside_img {
    margin-top: 18px;
}

.aside_img img {
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.aside .rating_table {
    padding: 10px 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
}

.aside .rating_table_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 16px 14px;
}

.aside .rating_table_top .rating_top-title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
}

.aside .rating_table_top .rating_top-btn {
    color: #258473;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
}

.aside .rating_table_header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 16px 11px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    display: grid;
    grid-template-columns: 69px auto 50px 50px;
}

.aside .rating_table_row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 16px;
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    display: grid;
    grid-template-columns: 69px auto 50px 50px;
}

.aside .rating_table_row:hover {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
}

.aside .rating_table_row .item_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 58px;
    height: 28px;
}

.aside .rating_table_row .item_logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.aside .rating_table_row .item-bonus {
    font-size: 11px;
    line-height: 15px;
    color: #222222;
}

.aside .rating_table_row .item-bonus b {
    color: #dd2309;
    font-style: italic;
}

.aside .rating_table_row .item-text {
    font-weight: 700;
    color: #222222;
}

.aside_left_logo {
    margin-bottom: 12px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.aside_left_logo:hover .aside_left_logo-link {
    opacity: 1;
    visibility: visible;
}

.aside_left_logo-link {
    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;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
}

.aside_left_logo-link span {
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #fff;
    color: #222;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 30px;
}

.aside_left_logo-img {
    display: block;
    height: 100%;
}

.aside_left_rating {
    padding: 11px 15px 15px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 12px;
}

.aside_left_rating-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.aside_left_rating_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aside_left_rating_row .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 11px;
}

.aside_left_rating_row .position_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px;
}

.aside_left_rating_row .position_row .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.aside_left_rating_row .position_row .item-current {
    font-weight: 700;
    font-size: 22px;
}

.aside_left_rating_row .position_row .item-all {
    font-size: 16px;
    opacity: .7;
}

.aside_left_rating_row .position_row .item-icon {
    display: block;
    width: 17px;
    height: auto;
    margin-left: 12px;
}

.aside_left_rating_row .position-footer {
    font-size: 12px;
    opacity: .7;
}

.aside_left_cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
}

.aside_left_cards .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 13px;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 1px solid #eaeaea;
}

.aside_left_cards .item:nth-child(3n+1) .item_top_right {
    background-color: #0E70E4;
}

.aside_left_cards .item:nth-child(3n+2) .item_top_right {
    background-color: #BE313A;
}

.aside_left_cards .item:nth-child(3n+3) .item_top_right {
    background-color: #d6410d;
}

.aside_left_cards .item:hover {
    border-color: #258473;
}

.aside_left_cards .item:hover .bookmaker_bottom-link {
    background-color: #23796a;
}

.aside_left_cards .item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.aside_left_cards .item_top-text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 17px;
}

.aside_left_cards .item_top_logo {
    width: 104px;
    height: 48px;
    margin-bottom: 5px;
}

.aside_left_cards .item_top_logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.aside_left_cards .item_top_logo-title {
    background: #dff6d6;
    color: #2c790e;
    display: block;
    padding: 3px 9px;
    width: 104px;
    border-radius: 3px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}

.aside_left_cards .item_top_logo-title.welcome_bonus {
    background: #fff1c0;
    color: #876900;
}

.aside_left_cards .item_top_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 8px;
    width: 100px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
}

.aside_left_cards .item_top_right-title {
    text-transform: uppercase;
    font-size: 15px;
}

.aside_left_cards .item_bottom-title {
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.aside_left_cards .item_bottom_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}

.aside_left_cards .item_bottom-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: #60cffe;
    background: linear-gradient(130deg, #60cffe 0%, #21aae6 100%);
    border-radius: 50%;
}

.aside_left_cards .item_bottom_columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
}

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

.aside_left_cards .item_bottom_columns .column-title {
    white-space: nowrap;
    font-weight: 700;
    font-size: 22px;
}

.aside_left_cards .item_bottom_columns .column-customer {
    font-size: 12px;
}

.aside_right_available {
    margin-bottom: 12px;
    padding: 18px 12px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.aside_right_available-title {
    margin-bottom: 23px;
    font-weight: 700;
    font-size: 18px;
}

.aside_right_available .select {
    margin-bottom: 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0 8px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.aside_right_available .select:hover {
    border-color: #258473;
    -webkit-box-shadow: 0 0 0 1px #258473;
    box-shadow: 0 0 0 1px #258473;
}

.aside_right_available .select-placeholder {
    position: absolute;
    top: -7px;
    left: 10px;
    color: #757575;
    font-size: 10px;
    background: #fff;
}

.aside_right_available .select_current {
    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%;
    padding: 0 10px;
}

.aside_right_available .select_current-name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.aside_right_available .select_current-icon {
    background: #258473;
    position: absolute;
    top: -6px;
    left: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    color: #fff;
}

.aside_right_available .select_current_flag {
    position: relative;
    width: 28px;
    height: 28px;
}

.aside_right_available .select_current_flag .flag {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    width: 28px;
    height: 28px;
    background: no-repeat 28px 0;
    background-position-x: 0;
    background-size: auto 28px;
    -webkit-transform-origin: left;
    transform-origin: left;
    vertical-align: top;
}

.aside_right_available-text {
    font-size: 13px;
    line-height: 21px;
}

.aside_right .block {
    margin-bottom: 12px;
    padding: 11px 15px 15px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.aside_right .block_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9px;
}

.aside_right .block_header-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.aside_right .block_header_hint {
    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;
    position: relative;
    cursor: help;
    width: 13px;
    height: 13px;
    margin-left: 8px;
}

.aside_right .block_header_hint:hover .block_header-pop-up {
    visibility: visible;
    opacity: 1;
}

.aside_right .block_header_hint-icon {
    width: 100%;
    height: 100%;
}

.aside_right .block_header-pop-up {
    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;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    white-space: normal;
    position: absolute;
    top: 25px;
    right: -9px;
    width: 120px;
    padding: 10px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
    visibility: hidden;
    border-radius: 1px;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.aside_right .block_header-pop-up:before {
    position: absolute;
    content: "";
    -webkit-transform: translateX(50%) rotate(45deg);
    transform: translateX(50%) rotate(45deg);
    background-color: rgba(0, 0, 0, 0.8);
    top: -4px;
    right: 14px;
    z-index: 1;
    display: block;
    width: 8px;
    height: 8px;
    border-top-left-radius: 2px;
    -webkit-clip-path: polygon(0 1%, 0 100%, 100% 0);
    clip-path: polygon(0 1%, 0 100%, 100% 0);
}

.aside_right .block_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aside_right .block_row_cards {
    display: grid;
    grid-template-columns: -webkit-max-content max-content;
    grid-template-columns: max-content max-content;
}

.aside_right .block_row_cards .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.aside_right .block_row_cards .item:not(:first-child) {
    margin-left: 10px;
}

.aside_right .block_row_cards .item-title {
    font-weight: 700;
    font-size: 22px;
}

.aside_right .block_row_cards .item-period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
}

.aside_right .block_row_cards .item-period span:first-child {
    text-transform: capitalize;
    opacity: .7;
}

.aside_right .block_row_cards .item-period .arrow-icon {
    width: 8px;
    height: auto;
}

.aside_right .block-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 11px;
}

.aside_right .block-icon.money_icon {
    background: #258473;
    background: linear-gradient(125deg, #258473 0%, #2dd69e 100%);
    border-radius: 50%;
}

.aside_right .block-icon.customer_base {
    background: #60cffe;
    background: linear-gradient(130deg, #60cffe 0%, #21aae6 100%);
    border-radius: 50%;
}

.aside_right .block-icon.time_to_make {
    background: #b1ea6a;
    background: linear-gradient(125deg, #b1ea6a 0%, #89c43e 100%);
    border-radius: 50%;
}

.aside_right .block-icon-bg {
    background: linear-gradient(135deg, #34dca5 1.56%, #0ca472);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    margin-right: 11px;
}

.aside_right .block-icon-bg .block-icon {
    margin: 0;
}

.aside_right_rating {
    position: -webkit-sticky;
    position: sticky;
    top: 5px;
    margin-top: 12px;
    padding: 10px 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
}

.aside_right_rating-title {
    margin: 9px 12px 5px 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}

.aside_right_rating-title span {
    text-transform: capitalize;
    font-weight: 400;
    font-style: italic;
}

.aside_right_rating .aside_rating_header,
.aside_right_rating .card {
    grid-template-columns: 23px 69px 101px;
}

.aside_right_rating .card-number,
.aside_right_rating .item:first-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aside-filters {
    margin-bottom: 50px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

.aside-filters__title {
    font-size: 20px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(270.29deg, #4175b9 -39.51%, #0f4792 97.87%), #e0e9f2;
}

.aside-filters__wrapper {
    padding: 25px 20px 20px;
}

.aside-filters__btn {
    margin-top: 20px;
    font-size: 15px;
    width: 100%;
    padding: 14px 25px;
}

.aside-filters__btn:hover {
    background-color: #23796a;
}

.aside .online-casino-style .aside_rating {
    margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

.aside .online-casino-style .aside_rating_row {
    padding: 8px 16px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(270.29deg, #4175b9 -39.51%, #0f4792 97.87%), #e0e9f2;
}

.aside .online-casino-style .aside_rating-title {
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
}

.aside .online-casino-style .aside_rating_header {
    padding: 15px 12px;
}

.aside .online-casino-style .aside_rating_header .item {
    color: #0f4792;
}

.aside__slots {
    padding: 20px 0 12px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.aside__slots-title {
    font-size: 18px;
    margin-bottom: 4px;
    padding: 0 16px;
    text-transform: capitalize;
    font-weight: 700;
}

.aside__slots .bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.aside__slots .bonus:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 5px 0 0 0 #258473;
}

.aside__slots .bonus:hover .bonus__title {
    color: #258473;
}

.aside__slots .bonus__logo {
    width: 70px;
    height: 46px;
    margin-right: 12px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.aside__slots .bonus__logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.aside__slots .bonus__title {
    font-size: 14px;
    font-weight: 700;
}

.aside__slots .bonus__type {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    padding: 2px 8px;
    border-radius: 3px;
    background: #dff6d6;
    color: #2c790e;
    text-transform: capitalize;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.aside__slots .bonus__type.welcome-bonus {
    background: #fff1c0;
    color: #876900;
}

.aside__slots .bonus__type-value {
    font-size: 14px;
    font-weight: 700;
}

.aside__slots .bonus__type-unit {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.main_banner {
    background-repeat: no-repeat;
    background-position: center center;
    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;
    padding: 24px 32px;
    min-height: 277px;
    border-radius: 6px;
    background-size: cover;
    margin: 15px 0;
}

.main_banner-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
}

.main_banner_left {
    color: #FFFFFF;
    max-width: 650px;
}

.main_banner_left-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 12px;
}

.main_banner_left-text {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 28px;
}

.main_banner_left_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.main_banner_left_buttons .item {
    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;
    padding: 14px 22px;
    height: 100%;
    min-height: 60px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    opacity: .9;
    border: none;
}

.main_banner_left_buttons .item-icon {
    display: block;
    margin-right: 15px;
}

.main_banner_left_buttons .item:hover {
    background: rgba(255, 255, 255, 0.3);
}

.main_banner_bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main_banner_bonuses .card {
    padding: 24px 20px 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0;
    width: 257px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #ebebeb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #ebebeb;
    color: #222222;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.main_banner_bonuses .card:not(:first-child) {
    margin-left: 25px;
}

.main_banner_bonuses .card:hover {
    border-color: #23796a;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 3px #23796a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 3px #23796a;
}

.main_banner_bonuses .card-icon-top {
    position: absolute;
    top: -5px;
    right: -8px;
}

.main_banner_bonuses .card_logo {
    position: relative;
    margin-bottom: 15px;
    border-radius: 3px;
}

.main_banner_bonuses .card_logo-img {
    width: 89px;
    height: auto;
}

.main_banner_bonuses .card_content-title {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.main_banner_bonuses .card_content-title b {
    color: #ef4f39;
}

.main_banner_bonuses .card_content-text {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
}

.main_banner_bonuses .card_content-btn {
    padding: 15px 41px;
    margin: 0 auto;
}

.main_banner_bonuses .card_content-btn:hover {
    background-color: #23796a;
}

.predictions {
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    margin: 0 15px 0 0;
}

.predictions-h2 {
    font-weight: 700;
    font-size: 26px;
}

.predictions_title {
    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;
    margin-bottom: 12px;
}

.predictions_title-link {
    color: #258473;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}

.predictions-text {
    font-size: 13px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 13px;
}

.predictions_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 14px;
    border: 1px solid #dadada;
    border-radius: 3px 0 0 3px;
    min-height: 50px;
    margin-bottom: 20px;
}

.predictions_search-icon {
    margin-right: 11px;
    width: 20px;
    height: auto;
    color: #777;
}

.predictions_search-input {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding: 0;
    width: 100%;
    border: none;
}

.predictions_search-input::-webkit-input-placeholder {
    font-weight: 400;
}

.predictions_search-input:-ms-input-placeholder {
    font-weight: 400;
}

.predictions_search-input::-ms-input-placeholder {
    font-weight: 400;
}

.predictions_search-input::placeholder {
    font-weight: 400;
}

.predictions_table {
    display: block;
    margin-bottom: 20px;
}

.predictions_table_head {
    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;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #888;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.predictions_table_head .item-title:nth-child(1) {
    min-width: 48px;
}

.predictions_table_head .item-title:nth-child(2) {
    min-width: 280px;
    padding-left: 50px;
}

.predictions_table_head .item-title:nth-child(3) {
    min-width: 300px;
}

.predictions_table_head .item-title:nth-child(4) {
    min-width: 300px;
}

.predictions_table_head .item-title:nth-child(5) {
    min-width: 80px;
}

.predictions_table_content .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;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #222;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.predictions_table_content .row:hover {
    background: #f7fafc;
}

.predictions_table_content .row:nth-child(n+1) {
    border-bottom: 1px solid #ebebeb;
}

.predictions_table_content .row-item:nth-child(1) {
    min-width: 48px;
}

.predictions_table_content .row-item:nth-child(2) {
    min-width: 280px;
}

.predictions_table_content .row-item:nth-child(3) {
    min-width: 300px;
}

.predictions_table_content .row-item:nth-child(4) {
    min-width: 300px;
}

.predictions_table_content .row-item:nth-child(5) {
    min-width: 80px;
}

.predictions_table_content .row_data-first {
    display: block;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #222;
    margin-bottom: 5px;
}

.predictions_table_content .row_data-second {
    display: block;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #222;
}

.predictions_table_content .row_event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.predictions_table_content .row_event_logos {
    margin-right: 15px;
}

.predictions_table_content .row_event_logos-img {
    max-width: 36px;
    max-height: 36px;
    margin-left: -18px;
}

.predictions_table_content .row_event_logos-img:first-child {
    position: relative;
    z-index: 1;
    margin: 0;
}

.predictions_table_content .row_event_name-first {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.predictions_table_content .row_event_name-second {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    margin-top: 5px;
}

.predictions_table_content .row_comment .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 15px;
    color: #222;
}

.predictions_table_content .row_comment .user-name {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.predictions_table_content .row_comment .user-percent {
    font-size: 11px;
    line-height: 16px;
    background-color: #b4ddf3;
    color: #0d57ae;
    padding: 0 3px;
    font-weight: 700;
    border-radius: 3px;
    margin-left: 5px;
}

.predictions_table_content .row_comment .prediction_bet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.predictions_table_content .row_comment .prediction_bet .market-title {
    display: block;
    line-height: 14px;
    font-size: 13px;
}

.predictions_table_content .row_comment .prediction_bet .pretext-title {
    display: block;
    background-color: #258473;
    border-radius: 3px;
    padding: 0 3px 1px;
    color: #fff;
    font-weight: 600;
    line-height: 14px;
    font-size: 13px;
    margin-left: 6px;
}

.predictions_table_content .row_stars .users_total {
    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;
    margin-top: 6px;
    font-size: 12px;
    line-height: 15px;
    color: #222;
}

.predictions_table_content .row_stars .users_total b {
    font-weight: 600;
}

.predictions-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 1px solid #258473;
    border-radius: 3px;
    color: #258473;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.predictions-link:hover {
    background: #258473;
    color: #ffffff;
}

.battle {
    margin: 15px 0;
    padding: 32px 0 38px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.battle_left {
    position: absolute;
    bottom: 19px;
    left: 0;
}

.battle_right {
    position: absolute;
    right: 14px;
    bottom: 10px;
}

.battle-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #ffffff;
    text-align: center;
}

.battle-text {
    display: block;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
    max-width: 790px;
    margin: 0 auto 30px auto;
}

.battle_group {
    margin: 0 auto;
    padding: 32px 32px 28px;
    width: 900px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 6px 23px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 23px rgba(0, 0, 0, 0.25);
}

.battle_group_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.battle_group_row .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.battle_group_row .item_info-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #222222;
}

.battle_group_row .item_info_bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 2px 12px 0;
    height: 36px;
    border-radius: 3px;
    background: #258473;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.battle_group_row .item_info_bonus:hover {
    background-color: #23796a;
}

.battle_group-image {
    width: 192px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.battle_compare_row {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr 160px 1fr;
}

.battle_compare_row:not(:last-child) {
    margin-bottom: 24px;
}

.battle_compare_row .stars {
    margin: 0 16px;
}

.battle_compare_row .stars:first-child {
    justify-self: end;
}

.battle_compare_row-info {
    position: relative;
    z-index: 1;
    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;
    padding: 5px 10px;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 12px;
}

.battle_compare_row-info:before {
    content: "";
    position: absolute;
    top: 50%;
    display: none;
    width: 5px;
    height: 9px;
    background-color: #258473;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.battle_compare_row-info.left:before {
    left: 9px;
    display: block;
    -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.battle_compare_row-info.right:before {
    right: 9px;
    display: block;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.battle_compare_row-item {
    padding: 0 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 21px;
    text-align: right;
}

.battle_compare_row-item.left {
    background-color: #0e70e4;
    border-radius: 43px 0 0 43px;
    margin-right: -4px;
    justify-self: end;
}

.battle_compare_row-item.right {
    background-color: #db3721;
    border-radius: 0 43px 43px 0;
    margin-left: -4px;
}

.page_bonuses {
    margin: 16px auto 40px auto;
    max-width: 970px;
    padding: 20px 40px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.page_bonuses .preloader {
    margin: 14px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    color: #258473;
}

.page_bonuses .preloader svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 230%;
    height: 230%;
    -webkit-animation: preloader-circle-spin_4c749 2s linear infinite;
    animation: preloader-circle-spin_4c749 2s linear infinite;
}

.page_bonuses .preloader circle {
    -webkit-animation: preloader-circle-arc_bfbd3 1.5s ease-in-out infinite;
    animation: preloader-circle-arc_bfbd3 1.5s ease-in-out infinite;
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
    stroke-linecap: square;
    stroke-width: 2.5px;
}

@-webkit-keyframes preloader-circle-spin_4c749 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes preloader-circle-spin_4c749 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes preloader-circle-arc_bfbd3 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@keyframes preloader-circle-arc_bfbd3 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

.page_bonuses_logo {
    margin: 20px auto;
    width: 248px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page_bonuses_logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_bonuses_info {
    text-align: center;
}

.page_bonuses_info-title {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 15px;
}

.page_bonuses_info-subtitle {
    margin-bottom: 22px;
    color: #767b87;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.page_bonuses_info-text {
    margin: 0 auto 30px auto;
    max-width: 300px;
    font-size: 15px;
    line-height: 1.5;
}

.page_bonuses_cards {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    max-width: 770px;
    margin: 0 auto;
}

.page_bonuses_cards .bonus {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #eaeaea;
    box-shadow: inset 0 0 0 1px #eaeaea;
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    color: #222222;
}

.page_bonuses_cards .bonus_logo {
    margin: 0 auto 12px auto;
    display: block;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 104px;
    height: 48px;
}

.page_bonuses_cards .bonus_logo-img {
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_bonuses_cards .bonus_info-price {
    color: #258473;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
}

.page_bonuses_cards .bonus_info-text {
    font-size: 14px;
    margin-bottom: 20px;
}

.page_bonuses_cards .bonus_info-type {
    background: #fff1c0;
    color: #876900;
    display: inline-block;
    padding: 4px 8px;
    max-width: 75%;
    border-radius: 3px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 10px;
}

.page_bonuses_cards .bonus-text {
    margin-bottom: 16px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.6;
}

.page_bonuses_cards .bonus-btn {
    margin-top: auto;
    padding: 17px 15px;
}

.page_bonuses_cards .bonus-btn:hover {
    background-color: #23796a;
}

.comment-block {
    display: grid;
    grid-template-columns: 50% 50%;
}

.comment-block>div {
    margin-top: 32px;
}

.comment-block>*+* {
    margin-left: 16px;
}

.comment-block_positive>div {
    border: 3px solid #258473;
}

.comment-block_negative>div {
    border: 3px solid #ef4f39;
}

.comment-block_item {
    padding: 15px;
    border-radius: 3px;
    margin-top: 16px;
}

.comment-block_item:first-child {
    margin-top: 0;
}

.comment-block_item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.comment-block_item_header .icon {
    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;
    background-color: #4094e0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-right: 12px;
    border-radius: 50px;
}

.comment-block_item_header .author {
    margin-top: 4px;
    font-weight: 700;
    font-size: 16px;
}

.comment-block_item_header .rate-emoji {
    position: relative;
    top: initial;
    left: initial;
}

.comment-block_item_content {
    font-size: 14px;
    line-height: 1.7;
}

.filters-container {
    margin: 20px auto 0;
    padding: 25px 20px 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

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

.filters-container .filters> :first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.filters-container .filters>* {
    width: 16.5%;
}

.filter-group {
    margin-bottom: 15px;
}

.filter-group .checkbox-list--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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.filter-group .checkbox-list--row .filter-checkbox {
    width: 25%;
}

.filter-group .clear-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
    padding: 9px 0 14px;
    width: 100%;
    text-align: left;
    font-size: 13px;
    background: transparent;
}

.filter-group .clear-button svg {
    margin-right: 13px;
    width: 12px;
    height: auto;
    color: #888;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.filter-group .clear-button::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    background-color: #eaeaea;
    content: "";
}

.filter-group .clear-button:hover svg {
    color: #dd2309;
}

.filter-group-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}

.filter-group-title .clear-list {
    font-size: 11px;
    text-decoration: underline;
    margin-left: auto;
    font-weight: 400;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}

.filter-group-title .clear-list_active {
    visibility: visible;
    opacity: 1;
}

.filter-group-title .clear-list:hover {
    color: #ef4f39;
    text-decoration: none;
}

.filter-group .filter-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    cursor: pointer;
}

.filter-group .filter-checkbox-input {
    position: absolute;
    visibility: hidden;
}

.filter-group .filter-checkbox-input:checked~.filter-checkbox-control {
    border-color: #258473;
    background-color: #258473;
}

.filter-group .filter-checkbox-input:checked~.filter-checkbox-control svg {
    opacity: 1;
    stroke: #FFFFFF;
}

.filter-group .filter-checkbox-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #b9bebd;
    border-radius: 2px;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.filter-group .filter-checkbox-control svg {
    opacity: 0;
}

.filter-group .filter-checkbox-label {
    padding-right: 10px;
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 12px;
}

.filter-group .filter-checkbox_hide {
    display: none;
}

.filter-group .scroll-container {
    position: relative;
    overflow-y: auto;
    height: 180px;
    scrollbar-color: #b7b8b8 transparent;
    scrollbar-width: thin;
}

.filter-group .scroll-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}

.filter-group .scroll-container::-webkit-scrollbar-thumb {
    background-color: #b7b8b8;
    border-radius: 20px;
}

.filter-group .scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #858585;
}

.filter-group .scroll-container::-webkit-scrollbar-button:vertical:start:decrement {
    background: transparent;
}

.filter-group .scroll-container::-webkit-scrollbar-button:vertical:end:increment {
    background: transparent;
}

.filter-group .column_right_available {
    margin: 20px auto 16px;
    padding: 0;
    background: none;
    border: 0;
}

.filter-group .column_right_available .select-placeholder {
    background: transparent;
}

.filter-group .column_right_available .select-placeholder::before {
    position: absolute;
    top: 50%;
    left: -5px;
    display: block;
    margin-top: -2px;
    width: calc(100% + 10px);
    height: 3px;
    background: #ffffff;
    content: "";
}

.filter-group .column_right_available .select-placeholder span {
    position: relative;
    z-index: 1;
}

.filter-rating {
    padding-top: 18px;
    border-top: 1px solid #e7e6e6;
}

.filter_modal {
    display: none;
    position: absolute;
    top: 100%;
    right: -1px;
    left: -1px;
    z-index: 99;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 1px;
    padding: 7px 13px;
    max-height: 270px;
    border-radius: 0 0 2px 2px;
    background: #fff;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.filter_modal-active {
    display: block;
}

.bonuses-filters-block {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}

.bonuses-filters-block--content-page .filters-container {
    border: none;
    padding: 25px 0 20px;
}

.bonuses-filters-block_calculator {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bonuses-filters-block_calculator .bonuses-calculator {
    width: 310px;
    padding: 0 32px 32px;
    border: 2px solid #7adac9;
    border-radius: 7px;
}

.bonuses-filters-block_calculator .bonuses-calculator_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -16px auto 0;
    padding: 0 10px 0 16px;
    width: 178px;
    height: 28px;
    border-radius: 60px;
    background: #258473;
    color: #fff;
    --gift-icon-color: #fff;
}

.bonuses-filters-block_calculator .bonuses-calculator_header svg {
    margin-top: -1px;
    margin-right: 10px;
    fill: #FFFFFF;
}

.bonuses-filters-block_calculator .bonuses-calculator_header .header-title {
    margin-top: -2px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
}

.bonuses-filters-block_calculator .bonuses-calculator_description {
    margin: 17px 0 24px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
}

.bonuses-filters-block_calculator .bonuses-calculator_input_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 52px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.bonuses-filters-block_calculator .bonuses-calculator_label {
    position: absolute;
    top: -7px;
    left: 7px;
    padding: 0 5px;
    background: #fff;
    color: #757575;
    text-transform: capitalize;
    font-size: 12px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.bonuses-filters-block_calculator .bonuses-calculator_currency {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 2px;
    margin-left: 12px;
    color: #888;
    font-size: 18px;
    opacity: .8;
}

.bonuses-filters-block_calculator .bonuses-calculator_input {
    padding-top: 6px;
    padding-left: 8px;
    width: 100%;
    color: rgba(34, 34, 34, 0.8);
    font-weight: 700;
    font-size: 20px;
}

.bonuses-filters-block_calculator .bonuses-calculator_clear {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #eaeaea;
    color: #777;
    -webkit-transition: all .2s;
    transition: all .2s;
    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;
}

.bonuses-filters-block_calculator--item {
    margin-top: 40px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item {
    width: 100px;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item .bonuses-calculator_result,
.bonuses-filters-block_calculator--item .bonus-item-calculator_item .bonuses-calculator_bonus,
.bonuses-filters-block_calculator--item .bonus-item-calculator_item .bonuses-calculator_currency {
    padding-left: 0;
    font-weight: 700;
    font-size: 22px;
    color: #222222;
    opacity: 1;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--value .bonuses-calculator_currency {
    font-size: 16px;
    opacity: .8;
    color: #888;
    font-weight: 400;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--deposit {
    width: 70px;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--deposit .bonuses-calculator_input_container {
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--result {
    border-radius: 5px;
    background-color: #258473;
    color: #fff;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--result .bonuses-calculator_input_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--result .bonuses-calculator_result,
.bonuses-filters-block_calculator--item .bonus-item-calculator_item--result .bonuses-calculator_currency {
    color: #fff;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item--result .bonuses-calculator_label {
    background-color: #258473;
    top: 0;
    color: #fff;
    font-weight: bold;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item .bonuses-calculator_currency {
    margin-top: 0;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_item .bonuses-calculator_input {
    padding-top: 0;
    font-weight: 400;
    font-size: 16px;
}

.bonuses-filters-block_calculator--item .bonus-item-calculator_symbol {
    text-align: center;
    margin: 0 20px;
}

.bonuses-filters-block_calculator--item .bonuses-calculator_currency {
    margin-top: 0;
}

.bonuses-filters-block_calculator--item--no-border {
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.bonuses-filters-block_calculator--item--no-border span+span {
    color: #000;
    font-size: 22px;
    margin: 0;
}

.bonuses-filters-block .bonuses-filters {
    width: calc(100% - 350px);
}

.bonuses-filters-block .bonuses-filters_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bonuses-filters-block .bonuses-filters_title {
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 16px;
}

.bonuses-filters-block .bonuses-buttons {
    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;
    width: 100%;
    margin-top: 20px;
}

.bonuses-filters-block .bonuses-buttons>* {
    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;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    height: 46px;
    padding-left: 20px;
    padding-right: 20px;
}

.bonuses-filters-block .bonuses-buttons>*:first-child {
    margin-right: 20px;
}

.bonuses-filters-block .bonuses-buttons_apply {
    color: #fff;
    background-color: #258473;
}

.bonuses-filters-block .bonuses-buttons_apply:hover {
    background-color: #23796a;
}

.bonuses-filters-block .bonuses-buttons_reset {
    color: #000;
    background-color: #ffdc22;
}

.bonuses-filters-block .bonuses-buttons_reset:hover {
    background-color: #eac400;
}

.bonuses-filters-block .filters {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bonuses-filters-block .filters>* {
    width: 50%;
}

.select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 1px 14px 0 12px;
    height: 52px;
    border: 1px solid #dadada;
}

.select:not(:last-child) {
    border-right: none;
}

.select .select-title {
    position: absolute;
    top: 0;
    left: 7px;
    padding: 0 5px;
    background: #fff;
    color: #757575;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.select .select-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
}

.select .select-content.select-input {
    position: relative;
    z-index: 1;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.select .select-content .select-placeholder {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    max-width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
}

.select .select-content .select-placeholder .text {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select .select-content .select-placeholder .text_disabled {
    visibility: hidden;
}

.select .select-content .select-placeholder .text_opacity {
    opacity: 0.5;
}

.select .select-content .select-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    width: 12px;
    height: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.select:hover {
    border-bottom-color: #258473;
}

.slider-input-modal {
    position: absolute;
    top: 100%;
    right: -1px;
    left: -1px;
    z-index: 99;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 1px;
    padding: 14px 12px 21px;
    max-height: 270px;
    border-radius: 0 0 2px 2px;
    background: #fff;
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.slider-input-modal .filter-group-slider-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px;
}

.slider-input-modal .filter-group-slider-inputs label {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.slider-input-modal .filter-group-slider-inputs label span {
    position: absolute;
    padding-left: 8px;
    color: #888;
    font-weight: 600;
    font-size: 14px;
}

.slider-input-modal .filter-group-slider-inputs label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 6px 0 26px;
    width: 66px;
    height: 34px;
    color: #333;
    font-size: 14px;
}

.slider-input-modal .filter-group-slider-inputs label input::-webkit-outer-spin-button,
.slider-input-modal .filter-group-slider-inputs label input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider-input-modal .filter-group-slider-inputs label input[type=number] {
    -moz-appearance: textfield;
}

.input-range_slider {
    position: relative;
    margin-top: 20px;
}

.input-range_slider .slider-round {
    margin-top: 12px;
}

.input-range_slider .slider-round .noUi-connect {
    background: #258473;
}

.input-range_slider .slider-round .noUi-handle {
    border: 1px solid #258473;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    top: -11px;
    background-color: #fff;
    cursor: -webkit-grab;
    cursor: grab;
}

.input-range_slider .slider-round .noUi-handle::before {
    height: 11px;
    left: 9px;
    top: 6px;
}

.input-range_slider .slider-round .noUi-handle::after {
    height: 11px;
    left: 13px;
    top: 6px;
}

.input-range_slider .noUi-target {
    height: 5px;
}


/*.search-block {
  display: flex;
  padding-right: 14px;
  padding-left: 12px;
  height: 52px;
  border: 1px solid #dadada!important;
  border-radius: 3px 0 0 3px;
  flex-grow: 1;
  .search-icon {
    flex-shrink: 0;
    margin-right: 11px;
    width: 20px;
    height: auto;
    color: #777;
  }
  .search-input {
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
  }
}*/


/*.content-wrap{
  margin-top: 11px;
  font-size: 14px;
  line-height: 1.6;
}*/

.search-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    border: 1px solid #dadada;
    border-radius: 3px;
    background: #fff;
    margin: 20px 0;
}

.search-form_filter {
    margin: 0;
}

.search-form_icon {
    position: absolute;
    left: 14px;
    width: 18px;
    height: auto;
    color: #888;
}

.search-form_input {
    position: relative;
    z-index: 1;
    padding-left: 44px;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 14px;
}

.sidebar-left-container,
.sidebar-right-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    margin-top: 20px;
}

.sidebar-left-container .content_page {
    padding: 20px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    margin-bottom: 42px;
}

.sidebar-left-container .content_page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidebar-left-container .content_page-header .title {
    font-weight: 700;
    font-size: 30px;
}

.sidebar-left-container .content_page-header p {
    margin-left: 16px;
    color: #888;
    font-size: 24px;
}

.sidebar-left-container .casino-left-filters {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    width: 216px;
}

.sidebar-left-container .casino-left-filters .range-inputs {
    min-width: 100%;
}

.sidebar-left-container .casino-left-filters .filter-buttons {
    width: 100%;
    margin-bottom: 15px;
}

.sidebar-left-container .casino-left-filters .filter-buttons>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 46px;
    width: 100%;
    border: 1px solid #eaeaea;
    outline: none;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.sidebar-left-container .casino-left-filters .filter-buttons>*:hover {
    border-color: #258473;
}

.sidebar-left-container .casino-left-filters .filter-buttons>*:last-child {
    margin-top: 5px;
}

.sidebar-right-container .content_page {
    padding: 20px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    margin-bottom: 42px;
    min-height: 165px;
}

.sidebar-right-container .content_page-image {
    float: left;
    margin-right: 26px;
    width: 190px;
    height: auto;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.sidebar-right-container .content_page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 10px;
}

.sidebar-right-container .content_page-header h1 {
    font-weight: 700;
    font-size: 30px;
}

.sidebar-right-container .content_page-logo {
    margin-left: auto;
}

.sidebar-right-container .content_page-logo picture {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 134px;
    height: 46px;
    border-radius: 4px;
}

.sidebar-right-container .additional-info-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    width: 322px;
}

.sidebar-right-container .additional-info-container .additional-info {
    padding: 12px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats {
    padding: 12px 12px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 8px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 11px 10px 8px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats>*:first-child {
    background-color: #e2f0ff;
    color: #0f4792;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats>*:nth-child(2) {
    background-color: #e2f4ee;
    color: #23796a;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats>*:nth-child(3) {
    background-color: #ffe9df;
    color: #bc3506;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats>*:nth-child(4) {
    background-color: #e3fdff;
    color: #0b7c94;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats-title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 13px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-stats-value {
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-list {
    margin-top: 4px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 20px 14px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-list-item-title {
    margin-top: 1px;
    padding-right: 20px;
    font-size: 12px;
}

.sidebar-right-container .additional-info-container .additional-info .additional-list-item-value {
    font-weight: 700;
    font-size: 14px;
}

.sidebar-right-container .additional-info-container .additional-tags {
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    margin-top: 16px;
}

.sidebar-right-container .additional-info-container .additional-tags-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px;
}

.sidebar-right-container .additional-info-container .additional-tags-list {
    margin: -6px;
}

.sidebar-right-container .additional-info-container .additional-tags-list-item {
    display: inline-block;
    margin: 6px;
    padding: 10px 14px;
    border-radius: 40px;
    background: #e2f4ee;
    color: #23796a;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px;
}

.range-inputs {
    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;
    min-width: 300px;
}

.range-inputs input {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    padding: 0 6px 0 6px;
    width: 66px;
    height: 34px;
    color: #333;
    font-size: 14px;
    opacity: .8;
}

.range-inputs input:hover,
.range-inputs input:focus,
.range-inputs input:active {
    border: 1px solid #258473;
}

.providers-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    height: 46px;
}

.providers-slider .back-button {
    margin-right: 12px;
    padding: 4px 20px 0;
    border: 1px solid #23796a;
    border-radius: 3px;
    color: #23796a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 36px;
}

.providers-slider .providers-select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.providers-slider .providers-select .scroll-container {
    overflow: hidden;
    height: 46px;
}

.providers-slider .providers-select .scroll-container .scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
}

.providers-slider .providers-select .scroll-container .scroll>* {
    margin-left: 8px;
}

.providers-slider .providers-select .scroll-container .scroll>*:first-child {
    margin-left: 0;
}

.providers-slider .providers-select .scroll-container .provider-item {
    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;
    height: 46px;
    width: 134px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.providers-slider .providers-select .scroll-container .provider-item.base {
    padding: 0 24px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #222222;
}

.tops-table {
    position: relative;
    margin-top: 31px;
}

.tops-table table {
    width: calc(100% + 40px);
    margin: 0 -20px;
    border-spacing: 0;
    border-collapse: collapse;
}

.tops-table table th:nth-last-child(2) {
    border-radius: 0 3px 3px 0;
}

.tops-table table th:nth-child(2) {
    border-radius: 3px 0 0 3px;
    padding-right: 0;
}

.tops-table table th {
    background-color: #258473;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 9px 14px;
    vertical-align: middle;
    text-align: left;
}

.tops-table table th:nth-child(n+3) {
    width: 11%;
    text-align: center!important;
    white-space: nowrap;
}

.tops-table table th:first-child,
.tops-table table th:last-child,
.tops-table table td:first-child,
.tops-table table td:last-child {
    padding: 0;
    width: 20px;
    border: none!important;
    background-color: transparent;
}

.tops-table table td {
    height: 71px;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 9px 14px;
    text-align: center;
}

.tops-table table td .bookmaker-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
}

.tops-table table td .bookmaker-link img {
    display: block;
    margin-right: 29px;
    width: 104px;
    height: 48px;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.tops-table table td .true,
.tops-table table td .false {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50px;
}

.tops-table table td .true {
    background-color: #e2f4ee;
}

.tops-table table td .true svg {
    stroke: #258473;
}

.tops-table table td .false {
    background-color: #fbd8d3;
}

.tops-table table td .false svg {
    stroke: #EF4F39;
}

.tops-table table td:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
}

.tops-table table tr:not(:last-child) td {
    border-bottom: 1px solid #ebebeb;
}

.tops-table table tbody tr {
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    z-index: 2;
}

.tops-table table tbody tr:hover {
    background-color: #f7fafc;
}

.top_things {
    margin-bottom: 40px;
}

.top_things-list {
    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;
    margin-top: -6px;
}

.top_things-item {
    width: calc(50% - 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    counter-increment: inst;
    position: relative;
    margin-top: 40px;
}

.top_things-item--w100 {
    width: calc(100% - 20px);
}

.top_things-item .head {
    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;
    margin-bottom: 12px;
}

.top_things-item .head span {
    background: #258473;
    color: #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
}

.top_things-item .head h3 {
    font-size: 22px;
    font-weight: 700;
}

.top_things-item .body p {
    line-height: 1.6;
    font-size: 16px;
}

.slot-info {
    max-width: 824px;
}

.pagination {
    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;
    margin-top: 31px;
    margin-bottom: 35px;
}

.pagination>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border: 1px solid #dadada;
    border-radius: 3px;
    background-color: #fff;
    color: #222;
    margin-left: 8px;
}

.pagination:first-child {
    margin-left: 0;
}

.pagination span.current {
    border-color: #258473;
    background: #e2f4ee;
}

.pagination .next svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pagination .prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.green-block {
    padding: 27px 24px 34px;
    background: no-repeat 50% / cover;
    background-image: url(../img/png/what_bg.png);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 59px;
    color: #fff!important;
}

.green-block__webp {
    background-image: url(../img/webp/what_bg.webp);
}

.orange-block {
    position: relative;
    border-radius: 8px;
    padding: 23px 24px 31px;
    margin: 56px 0 0;
    background: no-repeat 50% / cover;
    color: #fff;
    background-image: url(../img/png/bg1.png);
}

.orange-block__webp {
    background-image: url(../img/webp/bg1.webp);
}

.blue-block {
    padding: 24px 24px 33px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    margin-top: 57px;
    margin-bottom: 56px;
    background: no-repeat 50% / cover;
    color: #fff!important;
    background-image: url(../img/jpg/aspects_bg.jpg);
}

.blue-block__webp {
    background-image: url(../img/webp/bg.webp);
}

.blue-block_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;
    margin-top: 30px;
}

.blue-block_row>div:first-child {
    margin-right: 30px;
}

.blue-block .cms-description-text {
    color: #fff;
}

.betting__icon {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #3c91ff;
    margin-right: 20px;
}

.betting__icon--green {
    background-color: #258473;
}

.betting__icon--red {
    background-color: #ff4e4e;
}

.betting__icon--orange {
    background-color: #fe8d23;
}

.betting__icon--azure {
    background-color: #3ebbf1;
}

@media (max-width: 1440px) {
    .container {
        width: 100%;
    }
}