.casino-bonuses {
    margin-top: 30px;
}

.casino-bonuses-title {
    border-bottom: solid 1px #121212;
}

.casino-bonuses-title span {
    background-color: #121212;
    display: inline-block;
    color: #fff;
    padding: 8px 15px 7px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}


.bonus__item {
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #e0e0e0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bonus__header {
    min-height: 50px;
    border-bottom: solid 1px #e0e0e0;
    background-color: #fafafa;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: bold;
    color: #242526;
    width: 100%;
    line-height: 1.5;
}

.bonus__type {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 15px;
    line-height: 25px;
    height: 25px;
    border-radius: 3px;
    background-color: #1e88e5;
    margin-right: 15px;
}

.bonus__type.vip_bonus {
    background-color: #2f8f41;
}

.bonus__details-title {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 100%;
    font-size: 16px;
    color: #242526;
    cursor: pointer;
}

.bonus__details-title > span {
    margin-left: 2px;
    line-height: 1;
    border-bottom: 1px dashed #818181;
}

@media (max-width: 359px) {

    .bonus__details-title > span {
        font-size: 15px;
    }
}

.bonus__details-title:hover > span {
    border-color: transparent;
}

.bonus__details-title:before {
    content: "+";
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    color: #818181;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
}

.unvisible:checked + div .bonus__details-title:before {
    content: "-";
}

.bonus__details {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    min-height: 45px;
    padding: 12px 7px;
    background-color: #fafafa;
}

@media (min-width: 360px) {

    .bonus__details {
        padding: 12px;
    }
}

@media (min-width: 561px) {

    .bonus__details {
        margin: 0;
    }
}

@media (max-width: 560px) {

    .bonus__details {
        flex-grow: 1;
        width: initial;
        margin: 0 -7px;
    }
}

.bonus__details-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bonus__details-promo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 15px -7px -12px;
    padding: 10px 15px;
    background-color: #F0F0F0;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.05);
    border: 0 !important;
}

.bonus__details-promo:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-top: 5px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzEuNTM5IDI0LjMyIDE4LjkwOSA0LjA3N2EzLjQxNyAzLjQxNyAwIDAgMC01LjgxLS4wMUwuNDUgMjQuMzQ0YTMuNDE4IDMuNDE4IDAgMCAwIDIuOTE1IDUuMTFoMjUuMjczYTMuNDE5IDMuNDE5IDAgMCAwIDIuOTAyLTUuMTMzWm0tMTUuNTI5LjcxNmExLjQgMS40IDAgMSAxIC4wMTItMi44IDEuNCAxLjQgMCAwIDEtLjAxMiAyLjhaTTE3LjM1IDE0LjI3bC0uNDAyIDQuNjJhMy42MzcgMy42MzcgMCAwIDEtLjI4IDEuMjY1Ljc5OS43OTkgMCAwIDEtMS40MTcuMDE0IDQuMjQ5IDQuMjQ5IDAgMCAxLS4yOC0xLjI5OGwtLjMtNC40ODljLS4wNTktLjkwMS0uMzY2LTIuMzYyLjMyNC0zLjA5Ni41MjQtLjU2MyAxLjc2OC0uNjYyIDIuMTUuMTIxLjMyLjkyLjM5MSAxLjkwNy4yMDUgMi44NjNaIiBmaWxsPSIjRkY5RjAwIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgzMnYzMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}

.bonus__details-promo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus__details-promo-aside {
    flex-shrink: 0;
}

.bonus__details-promo-label {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 14px;
    text-transform: lowercase;
    color: rgba(0, 0, 0, 0.7);
}

.bonus__details-promo-code {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
    color: #2F8F41;
}

.bonus__details-promo-code:after {
    content: "";
    display: block;
    width: 15px;
    height: 18px;
    margin: 0 0 0 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMGgtOUMuNjc1IDAgMCAuNjc1IDAgMS41VjEyaDEuNVYxLjVoOVYwWm0tLjc1IDMgNC41IDQuNVYxNWMwIC44MjUtLjY3NSAxLjUtMS41IDEuNUg0LjQ5MkExLjQ5OCAxLjQ5OCAwIDAgMSAzIDE1bC4wMDctMTAuNWMwLS44MjUuNjY4LTEuNSAxLjQ5My0xLjVoNS4yNVpNOSA4LjI1aDQuMTI1TDkgNC4xMjVWOC4yNVoiIGZpbGw9IiMyRjhGNDEiLz48L3N2Zz4=");
}

.bonus__details-promo-code:before {
    content: "";
    display: block;
    position: absolute;
    right: -24px;
    bottom: -28px;
    width: 41px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMzYzMSAyNC4yOTk1QzE1LjcyMjMgMjYuODY2NiAyMC41Nzk4IDI5LjM5NTIgMjQuMDg1NCAyOC42NzI4QzI1Ljg5NTQgMjguMjk5OSAyOS40MTczIDI2LjU0NzggMzAuMTI0IDI1LjA0MjNDMzEuMzM0MSAyMi40NjQ1IDMxLjI2NzEgMjAuMDM3OSAzMC4zNjAxIDE3LjQ5MjFDMzAuMDM4NyAxNi41ODk2IDI5LjU5NTIgMTUuNTkwNSAyOS4wMTU5IDE0LjkxMjVDMjYuNTUxMyAxMi4wMjc3IDI0LjU2MjUgMTMuMTI3MiAyMy43MjIgMTMuNDM5OEMyMi40MjM0IDEyLjMxMDQgMjAuMTI5NyAxMi4yMzgyIDE4LjEyMTcgMTMuOTA1OEMxNy4wNzM0IDEyLjIxMSAxNi40OTQxIDExLjEzMDYgMTUuNjY4NSA5LjQzNDc0QzE0LjI4NzQgNi41OTgxMyA4LjkzMjYzIDguNzM4ODEgMTEuMTg0MSAxMS45MDM2QzEyLjcxNzQgMTQuMDU4NiAxMy42NTE3IDE1Ljk3MzIgMTQuNTAyNSAxOC4zMjIyQzE0LjAxODMgMTguODA4NiAxMi45NDM3IDIxLjYxOTIgMTQuMzYyOCAyNC4yOTk0TDE0LjM2MzEgMjQuMjk5NVoiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy43MTk1IDEzLjk5OTNDMTguNzA4MiAxNS42MjI2IDE5LjY3MzQgMTYuNzc2NSAyMS40NDY2IDE3LjQ2NTdDMjAuMzkxMiAxNi42NTY5IDE4Ljk4OTkgMTQuNjYwOSAxOC4yMjg4IDEzLjMzMDhMMTcuNzE5NSAxMy45OTkzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjgwNzcgMTMuMDEwNUwyMy4zMDU3IDEzLjYwMTRDMjQuMTY3MSAxNC4zMDYgMjUuMTI3MiAxNS4xMDE3IDI1Ljk2NiAxNS4zNDZDMjUuNTMzMyAxNS4wMzM2IDI0LjQ2NTUgMTMuNjQgMjMuODA3OCAxMy4wMTA1SDIzLjgwNzdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjcuODA1NSAyNC43NzkyQzI3LjU2MDEgMjIuODY3NiAyNy4yODI1IDIyLjQzMTQgMjcuMDE0OSAyMS41MzQxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNi4yODQ4IDI1Ljc2NTJDMjUuNDcwMyAyMy43ODc1IDI0Ljg4MDQgMjIuOTEyMSAyNC4yMTAzIDIxLjY0MzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0LjQzNDQgMjYuODkwNkMyMy42ODUzIDI1LjYxNTggMjMuMjA1NCAyNS4wODIzIDIyLjY0MjIgMjQuMzE5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNC4wNzM5IDE4LjI2NDhDMTQuOTQ1NyAyMC4zNDE0IDE2LjA2NDQgMjMuODY3NSAxNi45MjU1IDI0Ljc3NDFDMTYuNzQzMyAyNC4wMzA4IDE1LjExMjkgMTguNjYgMTQuNjYyNCAxNy42MjUzTDE0LjA3MzkgMTguMjY0OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05Ljc3MSA5LjUzMTU2QzkuNjA0MjIgNy44Nzk0OSAxMi4zMzkzIDUuOTY0NjMgMTQuMjQzOSA2LjkxNTI5QzEyLjMzNSA0LjYwNjc5IDguNDA2ODggNy42NjUyOSA5Ljc3MSA5LjUzMTU2WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTguNjk3MTcgOC44MzQwMkM4LjU0MTM3IDYuMDQyMDIgMTIuMTIxNCA0LjUyMTg5IDE0LjEwNDcgNS42NzEyMUMxMS42MjIzIDIuNzk2MjIgNi43NzI5IDYuMjYxOSA4LjY5NzE3IDguODM0MDJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=");
}

.bonus__details-promo-code:hover {
    text-decoration: none;
}

.bonus__details-promo-text {
    margin-left: auto;
    font-size: 14px;
    line-height: 120%;
    text-transform: lowercase;
    text-align: right;
}

.bonus__promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px;
    background: linear-gradient(180deg, #F00 0, #FFC530 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    flex: 0 1 150px;
    margin-top: -1px;
    text-transform: initial;
    font-size: initial;
    line-height: initial;
    border-bottom: 0;
    margin-right: 0;
}

.bonus__item--under .bonus__promo {
    display: none;
}

.bonus__promo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus__item--under .bonus__promo:after {
    display: none;
}

.bonus__aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    color: #fff;
    position: relative;
    overflow: hidden;
    flex: 0 1 170px;
    border-left: solid 1px #e0e0e0;
}

.bonus__aside .btn {
    width: 100%;
    height: 30px;
    line-height: 27px;
    font-size: 16px;
}

.bonus__aside__code {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 5px;
    border: 1px dashed #FFC530 !important;
    border-radius: 3px;
}

.bonus__aside__code:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus__aside__code-inside {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 30px;
    color: #000000;
    background-color: #FFC530;
    border-radius: 3px;
}

.bonus__aside__code-inside:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: -6px;
    width: 41px;
    height: 40px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMzYzMSAyNC4yOTk1QzE1LjcyMjMgMjYuODY2NiAyMC41Nzk4IDI5LjM5NTIgMjQuMDg1NCAyOC42NzI4QzI1Ljg5NTQgMjguMjk5OSAyOS40MTczIDI2LjU0NzggMzAuMTI0IDI1LjA0MjNDMzEuMzM0MSAyMi40NjQ1IDMxLjI2NzEgMjAuMDM3OSAzMC4zNjAxIDE3LjQ5MjFDMzAuMDM4NyAxNi41ODk2IDI5LjU5NTIgMTUuNTkwNSAyOS4wMTU5IDE0LjkxMjVDMjYuNTUxMyAxMi4wMjc3IDI0LjU2MjUgMTMuMTI3MiAyMy43MjIgMTMuNDM5OEMyMi40MjM0IDEyLjMxMDQgMjAuMTI5NyAxMi4yMzgyIDE4LjEyMTcgMTMuOTA1OEMxNy4wNzM0IDEyLjIxMSAxNi40OTQxIDExLjEzMDYgMTUuNjY4NSA5LjQzNDc0QzE0LjI4NzQgNi41OTgxMyA4LjkzMjYzIDguNzM4ODEgMTEuMTg0MSAxMS45MDM2QzEyLjcxNzQgMTQuMDU4NiAxMy42NTE3IDE1Ljk3MzIgMTQuNTAyNSAxOC4zMjIyQzE0LjAxODMgMTguODA4NiAxMi45NDM3IDIxLjYxOTIgMTQuMzYyOCAyNC4yOTk0TDE0LjM2MzEgMjQuMjk5NVoiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy43MTk1IDEzLjk5OTNDMTguNzA4MiAxNS42MjI2IDE5LjY3MzQgMTYuNzc2NSAyMS40NDY2IDE3LjQ2NTdDMjAuMzkxMiAxNi42NTY5IDE4Ljk4OTkgMTQuNjYwOSAxOC4yMjg4IDEzLjMzMDhMMTcuNzE5NSAxMy45OTkzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjgwNzcgMTMuMDEwNUwyMy4zMDU3IDEzLjYwMTRDMjQuMTY3MSAxNC4zMDYgMjUuMTI3MiAxNS4xMDE3IDI1Ljk2NiAxNS4zNDZDMjUuNTMzMyAxNS4wMzM2IDI0LjQ2NTUgMTMuNjQgMjMuODA3OCAxMy4wMTA1SDIzLjgwNzdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjcuODA1NSAyNC43NzkyQzI3LjU2MDEgMjIuODY3NiAyNy4yODI1IDIyLjQzMTQgMjcuMDE0OSAyMS41MzQxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNi4yODQ4IDI1Ljc2NTJDMjUuNDcwMyAyMy43ODc1IDI0Ljg4MDQgMjIuOTEyMSAyNC4yMTAzIDIxLjY0MzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0LjQzNDQgMjYuODkwNkMyMy42ODUzIDI1LjYxNTggMjMuMjA1NCAyNS4wODIzIDIyLjY0MjIgMjQuMzE5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNC4wNzM5IDE4LjI2NDhDMTQuOTQ1NyAyMC4zNDE0IDE2LjA2NDQgMjMuODY3NSAxNi45MjU1IDI0Ljc3NDFDMTYuNzQzMyAyNC4wMzA4IDE1LjExMjkgMTguNjYgMTQuNjYyNCAxNy42MjUzTDE0LjA3MzkgMTguMjY0OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05Ljc3MSA5LjUzMTU2QzkuNjA0MjIgNy44Nzk0OSAxMi4zMzkzIDUuOTY0NjMgMTQuMjQzOSA2LjkxNTI5QzEyLjMzNSA0LjYwNjc5IDguNDA2ODggNy42NjUyOSA5Ljc3MSA5LjUzMTU2WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTguNjk3MTcgOC44MzQwMkM4LjU0MTM3IDYuMDQyMDIgMTIuMTIxNCA0LjUyMTg5IDE0LjEwNDcgNS42NzEyMUMxMS42MjIzIDIuNzk2MjIgNi43NzI5IDYuMjYxOSA4LjY5NzE3IDguODM0MDJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=") no-repeat;
}

.bonus__aside__code-inside:after {
    content: "";
    width: 15px;
    height: 18px;
    margin-left: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' fill='none'%3E%3Cpath fill='%23000' d='M10.875.75h-9c-.825 0-1.5.675-1.5 1.5v10.5h1.5V2.25h9V.75Zm-.75 3 4.5 4.5v7.5c0 .825-.675 1.5-1.5 1.5H4.867a1.498 1.498 0 0 1-1.492-1.5l.007-10.5c0-.825.668-1.5 1.493-1.5h5.25ZM9.375 9H13.5L9.375 4.875V9Z'/%3E%3C/svg%3E") no-repeat;
}

.bonus__promo:before {
    content: '';
    width: 100%;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    background: radial-gradient(ellipse at center, #fafafa 0, #fafafa 45%, transparent 55%);
    background-size: 15px 14px;
    background-repeat: repeat-x;
    background-position: 2px center;
    height: 10px;
}

.bonus__promo-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #FFF;
    max-width: 120px;
}

.bonus__promo-arrow {
    width: 21px;
    height: 21px;
    transform: rotate(90deg);
    margin: 15px 0;
}

.bonus__content {
    flex: 1 1 calc(100% - 170px);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bonus__data {
    padding: 12px 15px;
    color: #242526;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.bonus-text {
    font-size: 14px;
    line-height: 16px;
    color: #242526;
    display: block;
    font-weight: normal;
    margin-bottom: 6px;
}

.bonus__details-text {
    display: none;
    width: 100%;
    margin-top: 10px;
    clear: both;
}

.unvisible {
    display: none;
}

.unvisible:checked ~ .bonus__details-text {
    display: block;
}

.bonus__content .btn {
    width: 100%;
    white-space: nowrap;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.bonus__item.extended {
    margin-bottom: 30px;
}

.bonus__item.extended .bonus__item--logo {
    position: relative;
    max-width: 230px;
    width: 100%;
    background: #060809;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding-bottom: 15px;
}

.bonus__item.extended .label-awards:nth-last-child(2) {
    margin-top: auto;
}

.bonus__item.extended .label-awards:nth-last-child(1) {
    margin-bottom: auto;
}

.bonus__item.extended .bonus__content {
    flex: 1 1 calc(100% - 380px);
}

.bonus__item.extended .bonus__data {
    width: 50%;
}

.bonus_container .label-awards {
    border-radius: 3px;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #FFF;
    margin: 0 auto 10px;
    display: block;
    color: #fff;
    width: 200px;
}

.bonus-thumb {
    position: relative;
    height: 160px;
    width: 230px;
}

.bonus-thumb img {
    display: block;
}

.bonus-thumb:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(6, 8, 9, 0) 75%, #000 99.92%, #060809 99.93%, rgba(204, 204, 204, .686417) 99.94%, rgba(177, 177, 177, .729419) 99.95%, #060809 99.96%, rgba(0, 0, 0, .533801) 99.97%, #060809 99.98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(6, 8, 9, 0)), color-stop(99.92%, #000), color-stop(99.93%, #060809), color-stop(99.94%, rgba(204, 204, 204, .686417)), color-stop(99.95%, rgba(177, 177, 177, .729419)), color-stop(99.96%, #060809), color-stop(99.97%, rgba(0, 0, 0, .533801)), color-stop(99.98%, #060809));
    background: linear-gradient(180deg, rgba(6, 8, 9, 0) 75%, #000 99.92%, #060809 99.93%, rgba(204, 204, 204, .686417) 99.94%, rgba(177, 177, 177, .729419) 99.95%, #060809 99.96%, rgba(0, 0, 0, .533801) 99.97%, #060809 99.98%);
}

.bonus__item--info {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 calc(100% - 230px);
}

.bonus__item.extended .bonus__header {
    flex-direction: column;
    align-items: baseline;
    padding: 10px 15px;
    height: inherit;
    font-weight: normal;
    align-self: stretch;
    word-break: break-word;
}

.bonus__item.extended .bonus__promo-arrow {
    margin: 25px 0;
}

.bonus__item.extended .bonus__type {
    margin-bottom: 5px;
}

.bonus__item.extended .bonus__data.w33 {
    width: 33.333%;
    white-space: nowrap;
}

.bonus__item.extended .bonus__data a {
    font-size: 16px;
}

.bonus-item-2 .bonus__data.single,
.bonus-item-2 .bonus__data.validity {
    min-width: 50%;
}

.page__intro a {
    color: #fff;
}

.vote {
    display: flex;
    flex-direction: row;
    float: right;
    white-space: nowrap;
    margin-left: auto;
}

@media (max-width: 359px) {

    .vote {
        font-size: 15px;
    }
}

.vote button {
    background: transparent;
    border: 1px solid #C9C9C9;
    border-radius: 3px;
    margin: 0 0 0 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: ease-out all .3s;
}

.vote button:before {
    content: "";
    display: block;
    width: 16px;
    height: 17px;
    margin: 0 5px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 17px;
    pointer-events: none;
}

.vote__plus:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 17\'%3E%3Cpath d='M13 16.991H1a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1H4.55C5.981 5.386 6 3.805 6 1.991a1 1 0 0 1 1-1c4.213 0 4.876 2.137 4.98 4H13a3.003 3.003 0 0 1 3 3v6a3.003 3.003 0 0 1-3 3Zm-11-2h2v-6H2v6Zm12-7a1.001 1.001 0 0 0-1-1h-2a1 1 0 0 1-1-1c0-1.748 0-2.734-2.01-2.953A7.645 7.645 0 0 1 6 8.391v6.6h7a1.002 1.002 0 0 0 1-1v-6Z' fill='%232F8F41'/%3E%3C/svg%3E");
}

.vote__minus:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 17\'%3E%3Cpath d='M3 .991h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3.552c-1.43 1.606-1.448 3.187-1.448 5a1 1 0 0 1-1 1c-4.213 0-4.876-2.136-4.98-4H3a3.004 3.004 0 0 1-3-3v-6a3.003 3.003 0 0 1 3-3Zm11 2h-2v6h2v-6Zm-12 7a1.001 1.001 0 0 0 1 1h2a1 1 0 0 1 1 1c0 1.748 0 2.735 2.01 2.954A7.645 7.645 0 0 1 10 9.59v-6.6H3a1.001 1.001 0 0 0-1 1v6Z' fill='%23FD0202'/%3E%3C/svg%3E");
}

.vote__plus:hover {
    background-color: rgb(47 143 65 / 30%);
    border: 1px solid rgb(47 143 65 / 30%);
}

.vote__minus:hover {
    background-color: rgb(253 2 2 / 30%);
    border: 1px solid rgb(253 2 2 / 30%);
}

.bonus__form .popup__heading svg {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto 20px;
}

.vote__plus__count {
    pointer-events: none;
}

/*** List View ***/

.bonus_container.list .bonus__item {
    position: relative;
    margin-bottom: 30px;
    background-color: #242526;
    border: 0;
    border-radius: 0px 10px 10px 10px;
}

.bonus_container.list .bonus__item.no-label {
    margin-bottom: 10px;
    border-radius: 10px;
}

.bonus_container.list .bonus__item--logo {
    width: initial;
    padding: 5px;
    background-color: transparent;
}

.bonus_container.list .bonus-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 86px;
}

.bonus_container.list .bonus-thumb:after {
    display: none;
}

.bonus_container.list .bonus-thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bonus_container.list .label-awards {
    display: none;
}

.bonus_container.list .bonus__item--info {
    flex: initial;
    flex-wrap: nowrap;
    width: calc(100% - 140px);
}

.bonus_container.list .bonus__header {
    padding: 10px;
    background-color: transparent;
    border: 0;
}

.bonus_container.list .bonus__type {
    position: absolute;
    left: 0;
    top: -25px;
    width: 165px;
    margin: 0 !important;
    text-align: center;
    border-radius: 0px 12px 0px 0px;
}

.bonus_container.list .bonus__title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #ffffff;
}

.bonus_container.list .bonus__content {
    flex: initial;
    order: -1;
    position: relative;
}

.bonus_container.list .bonus__data {
    display: none;
}

.bonus_container.list .bonus__data--all {
    display: block;
    width: initial;
    padding: 0;
}

.bonus_container.list .bonus__data--all .btn {
    display: none;
}

.bonus_container.list .break {
    display: none;
}

.bonus_container.list .bonus__promo {
    flex: 0 0 auto;
    justify-content: center;
    position: relative;
    width: 160px;
    margin: 5px 0;
    padding: 0 10px;
    background: transparent;
    border-left: 1px solid rgba(99, 99, 99, 0.6);
    overflow: initial;
}

.bonus_container.list .bonus__promo:before {
    display: none;
}

.bonus_container.list .bonus__promo-title {
    max-width: initial;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: initial;
    white-space: nowrap;
    color: #ffffff;
}

.bonus_container.list .bonus__promo-arrow {
    display: none;
}

.bonus_container.list .btn__promo {
    width: 100%;
    margin: 0;
    font-weight: normal;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
    text-decoration-thickness: 1px;
    box-shadow: -2px -2px 10px rgba(255, 188, 17, 0.8), 4px 4px 10px rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

.bonus_container.list .bonus__promo:hover .btn__promo {
    box-shadow: -2px -2px 20px rgba(255, 188, 17, 0.8), 4px 4px 10px rgba(0, 0, 0, 0.35);
}

.bonus_container.list .btn__promo:before {
    display: none;
}

.bonus_container.list .btn__promo .copy {
    display: none;
}

.bonus_container.list .vote {
    display: none;
}

.bonus_container.list .bonus__details {
    position: relative;
    min-height: initial;
    padding: 0;
}

.bonus_container.list .bonus__details-title {
    position: absolute;
    top: -28px;
    left: 150px;
    height: initial;
    color: #FFC530;
}

.bonus_container.list .bonus__details-title:before {
    color: #FFC530;
    border-color: #FFC530;
    box-sizing: border-box;
}

.bonus_container.list .bonus__details-title > span {
    border-color: #FFC530;
}

.bonus_container.list .bonus__details-title:hover > span {
    border-color: transparent;
}

.bonus_container.list .bonus__details-title > span > .hide__xs {
    display: none;
}

.bonus_container.list .bonus__details-text {
    margin-top: 0;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    background-color: #242526;
    border-top: 1px solid rgba(99, 99, 99, 0.6);
    border-radius: 0 0 10px 10px;
}

.bonus_container.list .bonus__details-promo {
    display: none;
}

.bonus_container.list .bonus__item--under .bonus__promo {
    display: flex;
}

.bonus_container.list .bonus__item--under .btn-red,
.bonus_container.list .bonus__item--under .btn-white {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-size: 16px;
    width: 100%;
    padding: 0;
    color: #000000;
}

.bonus__item--rooms .bonus__content {
    padding: 0;
}

.bonus__item--rooms .bonus__data {
    width: 50%;
    padding: 12px 10px;
}

.widget-casino-bonuses {
    padding: 0;
    background-color: transparent;
}

.widget-casino-bonuses .widget-title {
    margin: 0 0 20px;
}

.widget-casino-bonuses .bonus__promo {
    width: 100%;
}

.widget-casino-bonuses .bonus__details {
    display: none;
}

.last-user-reviews--hidden .bonus__item {
    display: none;
}

.last-user-reviews--hidden .bonus__item:nth-child(1),
.last-user-reviews--hidden .bonus__item:nth-child(2),
.last-user-reviews--hidden .bonus__item:nth-child(3) {
    display: flex;
}

.last-user-reviews__button {
    margin: 15px auto;
    cursor: pointer;
}

.last-user-reviews__title {
    margin: 20px 0 10px;
    font-size: 1.5em;
    font-weight: bold;
}

.last-user-reviews__title + .bonus_container .bonus__item {
    margin-bottom: 10px;
}

.bonus_container.list .bonus__item.extended .bonus__title {
    margin-bottom: 10px;
}

.bonus_container.list .bonus__item.extended .bonus__promo {
    margin-bottom: 10px;
}

.bonus_container.list .bonus__item.extended .bonus__extended-promo {
    position: relative;
    order: initial;
    padding: 0;
    width: 100%;
    height: initial;
    min-height: initial;
    margin-bottom: 10px;
}

.bonus_container.list .bonus__item.extended .bonus__extended-promo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus_container.list .bonus__item.extended .bonus__extended-promo .btn__promo {
    height: 30px;
}

.bonus_container.list .bonus__item.extended .bonus__extended-promo .btn__promo .copy {
    display: block !important;
    width: 16px;
    height: 16px;
}

.bonus_container.list .bonus__item.extended .btn-white {
    position: relative;
}

.bonus_container.list .bonus__item.extended .btn-white:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwLjE5NzcgMjUuMDY3OEMzMS40MTYxIDI1LjY5MTkgMzEuMDc5OCAyNi43MDY4IDMwLjM5NzIgMjcuNjk1OEMyOS40MzE0IDI5LjA5NDggMjUuODc3NiAzMC42MzExIDI0LjMzMTcgMzAuNjEyN0MyMi45MTI5IDMwLjU5NTkgMjEuOTA5NSAyOS45NzA0IDIxLjk0ODggMjguOTI2NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMzYzMSAyNC4yOTk1QzE1LjcyMjMgMjYuODY2NiAyMC41Nzk4IDI5LjM5NTIgMjQuMDg1NCAyOC42NzI4QzI1Ljg5NTQgMjguMjk5OSAyOS40MTczIDI2LjU0NzggMzAuMTI0IDI1LjA0MjNDMzEuMzM0MSAyMi40NjQ1IDMxLjI2NzEgMjAuMDM3OSAzMC4zNjAxIDE3LjQ5MjFDMzAuMDM4NyAxNi41ODk2IDI5LjU5NTIgMTUuNTkwNSAyOS4wMTU5IDE0LjkxMjVDMjYuNTUxMyAxMi4wMjc3IDI0LjU2MjUgMTMuMTI3MiAyMy43MjIgMTMuNDM5OEMyMi40MjM0IDEyLjMxMDQgMjAuMTI5NyAxMi4yMzgyIDE4LjEyMTcgMTMuOTA1OEMxNy4wNzM0IDEyLjIxMSAxNi40OTQxIDExLjEzMDYgMTUuNjY4NSA5LjQzNDc0QzE0LjI4NzQgNi41OTgxMyA4LjkzMjYzIDguNzM4ODEgMTEuMTg0MSAxMS45MDM2QzEyLjcxNzQgMTQuMDU4NiAxMy42NTE3IDE1Ljk3MzIgMTQuNTAyNSAxOC4zMjIyQzE0LjAxODMgMTguODA4NiAxMi45NDM3IDIxLjYxOTIgMTQuMzYyOCAyNC4yOTk0TDE0LjM2MzEgMjQuMjk5NVoiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy43MTk1IDEzLjk5OTNDMTguNzA4MiAxNS42MjI2IDE5LjY3MzQgMTYuNzc2NSAyMS40NDY2IDE3LjQ2NTdDMjAuMzkxMiAxNi42NTY5IDE4Ljk4OTkgMTQuNjYwOSAxOC4yMjg4IDEzLjMzMDhMMTcuNzE5NSAxMy45OTkzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjgwNzcgMTMuMDEwNUwyMy4zMDU3IDEzLjYwMTRDMjQuMTY3MSAxNC4zMDYgMjUuMTI3MiAxNS4xMDE3IDI1Ljk2NiAxNS4zNDZDMjUuNTMzMyAxNS4wMzM2IDI0LjQ2NTUgMTMuNjQgMjMuODA3OCAxMy4wMTA1SDIzLjgwNzdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjcuODA1NSAyNC43NzkyQzI3LjU2MDEgMjIuODY3NiAyNy4yODI1IDIyLjQzMTQgMjcuMDE0OSAyMS41MzQxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNi4yODQ4IDI1Ljc2NTJDMjUuNDcwMyAyMy43ODc1IDI0Ljg4MDQgMjIuOTEyMSAyNC4yMTAzIDIxLjY0MzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0LjQzNDQgMjYuODkwNkMyMy42ODUzIDI1LjYxNTggMjMuMjA1NCAyNS4wODIzIDIyLjY0MjIgMjQuMzE5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNC4wNzM5IDE4LjI2NDhDMTQuOTQ1NyAyMC4zNDE0IDE2LjA2NDQgMjMuODY3NSAxNi45MjU1IDI0Ljc3NDFDMTYuNzQzMyAyNC4wMzA4IDE1LjExMjkgMTguNjYgMTQuNjYyNCAxNy42MjUzTDE0LjA3MzkgMTguMjY0OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05Ljc3MSA5LjUzMTU2QzkuNjA0MjIgNy44Nzk0OSAxMi4zMzkzIDUuOTY0NjMgMTQuMjQzOSA2LjkxNTI5QzEyLjMzNSA0LjYwNjc5IDguNDA2ODggNy42NjUyOSA5Ljc3MSA5LjUzMTU2WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTguNjk3MTcgOC44MzQwMkM4LjU0MTM3IDYuMDQyMDIgMTIuMTIxNCA0LjUyMTg5IDE0LjEwNDcgNS42NzEyMUMxMS42MjIzIDIuNzk2MjIgNi43NzI5IDYuMjYxOSA4LjY5NzE3IDguODM0MDJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=');
    width: 41px;
    height: 40px;
    top: 10px;
    left: 50%;
    margin-left: 20px;
}

.main-content .wprv-box--slice_bonuses {
    margin: 0;
}

.main-content .wprv-box--slice_bonuses a {
    margin-bottom: 50px;
}

/*** Responsive ***/

@media (min-width: 360px) {

    .bonus__details-promo {
        margin: 15px -12px -12px;
    }
}

@media (min-width: 576px) {

    .bonus__item--rooms .bonus__content:after {
        content: "";
        flex: auto;
    }

    .bonus__item--rooms .bonus__data {
        width: 33.3%;
        padding: 12px 15px;
    }

    .bonus__item--rooms .bonus__details {
        order: 1;
    }
}

@media (min-width: 768px) {

    .bonus__details-promo-code {
        font-size: 18px;
    }

    .bonus__details-promo-text {
        font-size: 16px;
    }
}

@media (min-width: 769px) {

    .bonus_container.list .bonus__item.extended .bonus__title {
        margin-bottom: 24px;
    }

    .bonus__item--rooms.bonus__item--no-code .bonus__data {
        width: 25%;
    }

    .bonus_container.list .bonus__item.extended .bonus__promo {
        margin-bottom: 0;
    }

    .bonus_container.list .bonus__item.extended .bonus__extended-promo {
        margin: 0 0 10px;
    }
}

@media (min-width: 1025px) {

    .widget-casino-bonuses .bonus__item {
        flex-direction: column;
        position: relative;
    }

    .widget-casino-bonuses .bonus__header {
        flex-wrap: wrap;
        padding: 15px;
    }

    .widget-casino-bonuses .bonus__type {
        margin-bottom: 5px;
    }

    .widget-casino-bonuses .bonus__promo {
        order: 2;
        flex-direction: row;
        flex: 1;
    }

    .widget-casino-bonuses .bonus__content {
        order: 3;
    }

    .widget-casino-bonuses .bonus__promo-arrow {
        transform: none;
    }

    .widget-casino-bonuses .btn__promo {
        margin: 0 0 0 15px;
    }

    .widget-casino-bonuses .bonus__header {
        line-height: 20px;
    }

    .widget-casino-bonuses .bonus__promo-title {
        max-width: inherit;
    }

    .widget-casino-bonuses .bonus__promo__link {
        flex: 0;
        order: 4;
        border: 0;
    }

    .widget-casino-bonuses .bonus__promo__link a {
        width: 250px;
    }

    .widget-casino-bonuses .bonus__content.bonus-item-2 {
        flex-wrap: nowrap;
        align-items: center;
    }
}

/*** Responsive (NOT MOBILE FIRST) ***/

@media (max-width: 768px) {

    .bonus__item.extended.extended__no-padding {
        padding-top: 0;
    }

    .bonus__item {
        flex-direction: column;
        position: relative;
    }

    .bonus__type {
        margin-bottom: 5px;
    }

    .bonus__item.extended .bonus__header {
        order: 1;
        height: inherit;
        width: 100%;
        padding-left: 145px;
        min-height: 105px;
        line-height: 18px;
    }

    .bonus__promo {
        order: 2;
        flex-direction: row;
        flex: 1;
    }

    .bonus__content {
        order: 3;
    }

    .bonus__promo-arrow {
        transform: none;
    }

    .bonus__item--info {
        flex-direction: column;
    }

    .bonus__item.extended .bonus__item--logo {
        width: 122px;
        height: 85px;
        overflow: hidden;
        z-index: 1;
        position: absolute;
        left: 10px;
        margin-top: 10px;
    }

    .bonus_container .label-awards {
        float: left;
        width: 45%;
        margin: 0 2% 15px;
    }

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

    .bonus_container .label-awards,
    .label-awards {
        display: none;
    }

    .bonus-thumb {
        width: 122px;
        height: 85px;
    }

    .bonus__item.extended .bonus__promo-arrow {
        margin: 0 10px;
    }

    .bonus-thumb:after {
        display: none;
    }

    .bonus__item.extended {
        padding-top: 65px;
    }

    .bonus__item.extended .bonus__promo {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 65px;
    }

    .btn__promo {
        margin: 0 0 0 15px;
    }

    .bonus__item.extended.no-bonus {
        padding-top: 0;
    }

    .bonus__header {
        line-height: 20px;
    }

    .bonus__promo-title {
        max-width: inherit;
    }

    .bonus__item.extended .bonus__data {
        width: 33.333%;
        white-space: nowrap;
    }

    .bonus__item.extended .bonus__data.w50 {
        width: 50%;
    }

    .bonus__item.extended .elem-4.validity {
        display: none;
    }

    .bonus__item.extended .elem-5.validity {
        display: none;
    }

    .bonus__item.extended .elem-5.bonus__data {
        width: 25%;
        white-space: nowrap;
    }

    .bonus__aside {
        flex: 0;
        flex-direction: row;
        gap: 5px;
        order: 4;
        border: 0;
    }

    .bonus__aside__link .btn {
        width: 250px;
    }

    .bonus_container.list .bonus__item {
        flex-direction: row;
        padding: 0;
    }

    .bonus_container.list .bonus__item .bonus__item--logo {
        position: initial;
        max-width: initial;
        margin: 0;
        width: 127px;
        height: 82px;
    }

    .bonus_container.list .bonus-thumb {
        width: 117px;
        height: 72px;
    }

    .bonus_container.list .bonus__item--info {
        width: calc(100% - 127px);
    }

    .bonus_container.list .bonus__header {
        position: initial;
        min-height: initial;
        padding: 5px;
    }

    .bonus_container.list .bonus__title {
        width: 100%;
        min-height: 40px;
        font-size: 16px;
        line-height: 20px;
    }

    .bonus_container.list .bonus__type {
        left: 0;
    }

    .bonus_container.list .bonus__promo {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        min-height: 70px;
        width: 100%;
        height: auto;
        margin: 0 -5px;
        border-left: 0;
    }

    .bonus_container.list .bonus__details-title {
        position: initial;
        margin: -45px 0 0 20px;
    }
}

@media (max-width: 560px) {

    .bonus__item.extended .elem-5.bonus__data {
        width: 50%;
    }

    .bonus-item-4 .bonus__data.single {
        min-width: 50%;
    }

    .bonus-item-1 .bonus__data.validity,
    .bonus-item-3 .bonus__data.validity {
        display: none;
    }

    .bonus__promo-title {
        text-align: left;
    }

    .bonus__header {
        flex-wrap: wrap;
        padding: 15px;
    }

    .no-mobile {
        display: none
    }

    .bonus__content {
        padding: 0 7px;
    }

    .bonus__data {
        padding: 12px 5px;
    }
}

@media (max-width: 360px) {

    .bonus__data--button .btn {
        font-size: 14px !important;
    }
}