/*
Theme Name: casinohra
Theme URI: https://c9agency.online
Author: C9 Agency
Author URI: https://c9agency.online
Description: 
Version: 2025
Text Domain: casinohra
*/

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url(assets/css/icons/fonts/bootstrap-icons.woff2) format("woff2"), url(assets/css/icons/fonts/bootstrap-icons.woff) format("woff");
    font-display: swap
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background: var(--header-bg);
    margin: 0;
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-display: swap;
    overflow-y: scroll;
    overflow-x: hidden
}

.position-relative {
    position: relative
}

:root {
    --header-bg: #021024;
    --bg-1: #ffffff;
    --bg-2: #f0f4fe;
    --bg-2-border: #e3e7f3;
    --bg-3: #e40127;
    --bg-4: #021024;
    --bg-4-border: #0c1c33;
    --bg-5: #061b38;
    --color-1: #021024;
    --color-2: #e40127;
    --color-3: #607e9d;
    --color-4: #ffffff;
    --menu-triangle: #0f3053;
    --menu-size: 14px;
    --submenu-size: 13px;
    --star-fill: #ffb400;
    --star-empty: #163f6b
}

.bg-1 {
    background-color: var(--bg-1)
}

.bg-2 {
    background-color: var(--bg-2)
}

.bg-3 {
    background-color: var(--bg-3)
}

.bg-4 {
    background-color: var(--bg-4)
}

.z-1 {
    z-index: 1
}

h2.title a {
    text-decoration: none;
    color: var(--color-1)
}

h2.title {
    border-left: 3px solid var(--color-2);
    padding-left: 10px;
    color: var(--color-1)
}

p.widget-title {
    font-weight: 600;
    border-left: 3px solid var(--color-2);
    padding-left: 8px;
    color: var(--color-1)
}

.load-more-button:hover, .cas-load-more:hover {
    cursor: pointer
}

.load-more-button, .cas-load-more {
    background: #fff0;
    border: 1px solid var(--color-3);
    padding: 8px 12px;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    color: var(--color-3);
    margin-bottom: 30px
}

.p-nbsp {
    display: none
}

.aligncenter {
    text-align: center
}

blockquote {
    padding: 0;
    margin: 0
}

.cas-tooltip {
    z-index: 20;
}

.cas-tooltip .cas-tooltip-inner {
    max-width: 300px;
    background: var(--bg-3);
    color: var(--color-4);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
}

.cas-tooltip .cas-tooltip-inner:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-top: 8px solid var(--bg-3)
}

.cas-tooltip[data-popper-placement^="top"] .cas-tooltip-arrow {
    bottom: -5px
}

.cas-tooltip[data-popper-placement^="top"] .cas-tooltip-arrow::before {
    top: 0
}

.cas-tooltip[data-popper-placement^="bottom"] .cas-tooltip-arrow {
    top: -5px
}

.cas-tooltip[data-popper-placement^="bottom"] .cas-tooltip-arrow::before {
    top: 0
}

.cas-tooltip[data-popper-placement^="left"] .cas-tooltip-arrow {
    right: -5px
}

.cas-tooltip[data-popper-placement^="right"] .cas-tooltip-arrow {
    left: -5px
}

@media (max-width:768px) {
    input, select, textarea {
        font-size: 16px !important;
        line-height: 1.2
    }

    .hp-search-input, .newsletter-form input[type="email"], .brave_form_field--input input[type="email"] {
        font-size: 16px !important
    }
}

@media (max-width:991px) {
    .header .container-md, .header .container-sm, .header .container {
        max-width: unset
    }

    .header .header-menu .dropdown-menu .sub-menu {
        padding: 10px 0;
        margin: 0;
        list-style: none
    }

    .header .header-icons .hp-search-panel {
        position: absolute;
        right: -37%;
        top: 42px;
        height: 51px;
        width: min(999px, 100vw);
        z-index: 9999;
        background: var(--header-bg)
    }

    .hp-search-results {
        position: absolute;
        left: 0;
        top: 50px;
        background: var(--header-bg);
        width: 100%;
        border-radius: 0 0 12px 12px
    }

    .hp-search-results .hp-search-list .hp-search-item {
        display: inline-block;
        margin-bottom: 10px;
        padding: 0 10px
    }

    .header .header-row {
        padding: 10px 0
    }

    .header-burger {
        text-align: end;
        padding: 0
    }

    .header .header-icons i {
        color: var(--color-4);
        font-size: 21px;
        margin-left: 10px
    }

    .header-burger .hp-burger i {
        font-size: 29px;
        color: var(--color-4)
    }

    .header-burger .hp-burger {
        background-color: #fff0;
        border: 0;
        padding: 0;
        margin-top: 2px;
        margin-right: 4px
    }

    .header .hp-mobile-drawer {
        margin-top: 5px;
        border-top: 1px solid var(--menu-triangle)
    }

    .header .header-menu .navbar-nav .nav-item {
        border-bottom: 1px solid var(--menu-triangle)
    }

    .header .header-menu .navbar-nav .nav-item .nav-link {
        color: var(--color-4);
        padding: 12px 0;
        font-size: var(--menu-size);
        text-decoration: none;
        width: calc(100% - 44px);
        max-width: none;
        min-width: 0;
        display: inline-flex;
        align-items: center
    }

    .header .header-menu .navbar-nav .nav-item .cas-dd-arrow {
        display: inline-flex;
        align-items: center;
        background: #fff0;
        border: 0;
        color: var(--color-3);
        min-width: 10%
    }

    .header .header-menu .navbar-nav .nav-item .cas-dd-arrow i {
        font-size: 21px
    }

    .header .header-menu .navbar-nav .nav-item.show .cas-dd-arrow {
        transform: rotate(180deg)
    }

    .header .header-menu .navbar-nav .nav-item:last-child .nav-link {
        padding-bottom: 0
    }

    .header .header-menu .navbar-nav .nav-item:last-child {
        border-bottom: 0
    }

    .header .header-menu .navbar-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        height: calc(100vh - 160px);
        max-height: calc(100vh - 160px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }

    .header .header-menu .navbar-nav .nav-item .dropdown-menu {
        width: 100%;
        z-index: 2;
        position: static !important;
        float: none !important;
        transform: none !important;
        width: 100%;
        margin: 0;
        padding: 6px 0 0;
        border: 0;
        background: #fff0;
        box-shadow: none;
        display: none
    }

    .header .header-icons {
        margin-right: 14px
    }

    .header .header-menu .navbar-nav .bonus-box {
        margin-top: 10px;
        margin-bottom: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .header .header-icons .hp-search-panel {
        position: absolute;
        right: 108px;
        top: -19px;
        height: 69px;
        width: min(650px, 92vw);
        z-index: 9999;
        background: var(--header-bg)
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .header .header-icons .hp-search-panel {
        position: absolute;
        right: 108px;
        top: -19px;
        height: 69px;
        width: min(695px, 92vw);
        z-index: 9999;
        background: var(--header-bg)
    }
}

@media (min-width:1401px) {
    .header .header-icons .hp-search-panel {
        position: absolute;
        right: 108px;
        top: -19px;
        height: 69px;
        width: min(999px, 92vw);
        z-index: 9999;
        background: var(--header-bg)
    }
}

@media (min-width:992px) {
    .header .header-menu .navbar-nav .nav-item:first-child a.nav-link.dropdown-toggle:before {
        content: " DNES ";
        font-size: 9px;
        color: var(--color-2);
        position: absolute;
        top: 15px;
        left: 8px;
        letter-spacing: .11em;
        word-spacing: .05em;
        font-weight: 600
    }

    .header .header-menu .cas-dd-arrow {
        display: none
    }

    .header .header-menu .navbar-nav .nav-item .dropdown-menu.simple-menu {
        min-width: 260px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }

    .header .header-menu .navbar-nav .nav-item {
        display: inline-block
    }

    .hp-search-results .hp-search-list .hp-search-item {
        display: inline-block;
        min-width: 33%;
        max-width: 33%;
        margin-bottom: 10px;
        padding: 0 10px
    }

    .header .header-menu .navbar-nav .nav-item .nav-link {
        color: var(--color-4);
        padding: 24px 8px;
        display: block;
        font-size: var(--menu-size);
        text-decoration: none
    }

    .header .header-menu .navbar-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center
    }

    .header .header-menu .navbar-nav .nav-item:hover .dropdown-toggle:after {
        border-bottom-color: var(--bg-3)
    }

    .header .header-icons i {
        color: var(--color-4);
        font-size: 21px;
        margin-left: 8px
    }

    .hp-search-results {
        position: absolute;
        left: 0;
        top: 69px;
        background: var(--header-bg);
        width: 100%;
        border-radius: 0 0 12px 12px
    }

    .header .header-menu .navbar-nav .nav-item .dropdown-toggle:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-bottom: 9px solid var(--menu-triangle);
        border-left: 7px solid #fff0;
        border-right: 7px solid #fff0
    }

    .header .header-menu .navbar-nav .nav-item .dropdown-menu {
        position: absolute;
        left: 0;
        top: 68px;
        width: 100%;
        background: var(--header-bg);
        z-index: 2;
        border-radius: 12px;
        border-top: 2px solid var(--bg-3);
        border-left: 1px solid var(--bg-4-border);
        border-bottom: 1px solid var(--bg-4-border);
        border-right: 1px solid var(--bg-4-border);
        display: none;
        text-align: left;
        box-shadow: 0 40px 99px hsla(0, 0%, 100%, .23);
    }

    .header .header-menu .dropdown-menu .sub-menu {
        padding: 12px;
        margin: 0;
        list-style: none
    }

    .header .header-menu .navbar-nav .bonus-box {
        padding-right: 20px;
        padding-left: 0;
        margin-top: 4px;
        margin-bottom: 20px;
    }
}

.header {
    background-color: var(--header-bg);
    border-bottom: 1px solid var(--menu-triangle);
    position: sticky;
    top: -1px;
    backdrop-filter: blur(10px);
    z-index: 90
}

.header .header-logo {
    max-width: 200px;
    max-height: 35px
}

.header-menu {
    position: relative
}

.hp-mobile-drawer[hidden] {
    display: none
}

.header .header-menu .navbar-nav .nav-item .dropdown-toggle {
    position: relative
}

.header .header-menu .navbar-nav .nav-item.show .dropdown-menu {
    display: block
}

.header .header-menu .dropdown-menu .sub-menu .sub-menu-item {
    font-size: 14px;
    color: var(--color-4);
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    letter-spacing: .01em;
    word-spacing: .05em;
    position: relative;
    padding-right: 20px;
}

.header .header-menu .dropdown-menu .sub-menu .sub-menu-item:hover {
    color: var(--color-2)
}

.header .header-menu .dropdown-menu .sub-menu-title {
    font-size: var(--submenu-size);
    color: var(--color-3);
    margin-bottom: 8px;
    letter-spacing: .01em;
    word-spacing: .05em
}


.header .header-menu .dropdown-menu .sub-menu-vendors {
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 4px;
    height: unset
}

.header .header-menu .dropdown-menu .sub-menu-vendors .sub-menu-vendor {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 55px;
    border: 1px solid var(--bg-4-border);
    border-radius: 12px;
    margin-right: 3px;
    margin-bottom: 8px
}

.header .header-menu .dropdown-menu .sub-menu-vendors .sub-menu-vendor:hover {
    background-color: var(--bg-5)
}

.header .header-menu .dropdown-menu .sub-menu-vendors .sub-menu-vendor-logo {
    max-width: 90px;
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block
}

.header .header-menu .dropdown-menu .sub-menu-slot-types {
    gap: 8px;
    list-style: none;
    height: unset
}

.header .header-menu .casino-menu-dragable {
    max-width: 98%
}

.header .header-menu .casino-menu-dragable::-webkit-scrollbar, .header .header-menu .casino-menu-dragable::-webkit-scrollbar-track {
    height: 6px;
    background-color: var(--bg-4-border);
    border-radius: 12px
}

.header .header-menu .casino-menu-dragable::-webkit-scrollbar-thumb {
    background-color: var(--bg-3);
    border-radius: 12px
}

.header .header-menu .dropdown-menu .sub-menu-slot-types .sub-menu-slot-type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 80px;
    border: 1px solid var(--bg-4-border);
    border-radius: 12px;
    flex: none
}

.header .header-menu .dropdown-menu .sub-menu-slot-types .sub-menu-slot-type:hover {
    background-color: var(--bg-5)
}

.header .header-menu .dropdown-menu .sub-menu-slot-types .sub-menu-slot-type .sub-menu-slot-type-link {
    font-size: 13px;
    color: #fff;
    text-decoration: none
}

.header .header-menu .dropdown-menu .sub-menu-slot-types .sub-menu-slot-type .sub-menu-slot-type-icon {
    display: block;
    max-width: 33px;
    height: auto;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto
}

.header .header-menu .dropdown-menu .sub-menu-slot-types .sub-menu-slot-type .sub-menu-slot-type-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 110px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 12px
}

.header .header-menu .dropdown-menu .sub-menu-casinos {
    padding: 0;
    margin: 0;
    list-style: none
}

.header .header-menu .dropdown-menu .sub-menu-casino {
    padding: 6px 0;
    display: inline-block;
    min-width: 50%
}

.header .header-menu .dropdown-menu .sub-menu-casino-row {
    display: flex;
    gap: 6px;
    align-items: center
}

.header .header-menu .dropdown-menu .sub-menu-casino-col--logo {
    flex: 0 0 58px;
    display: flex;
    justify-content: center;
    align-items: center
}

.header .header-menu .dropdown-menu .casino-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    display: block;
    border-radius: 12px
}

.header .header-menu .dropdown-menu .sub-menu-casino-col--logo .sub-menu-casino-logo-link {
    margin-right: 4px;
}

.header .header-menu .dropdown-menu .sub-menu-casino-col--content {
    flex: 1 1 auto;
    min-width: 0
}

.header .header-menu .dropdown-menu .sub-menu-casino-title-link {
    display: block;
    text-decoration: none
}

.header .header-menu .dropdown-menu .sub-menu-casino-title {
    color: var(--color-4);
    font-weight: 500;
    display: block;
    font-size: 13px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.header .header-menu .dropdown-menu .sub-menu-casino-rating {
    display: flex;
    align-items: center;
    max-height: 16px;
}

.header .header-menu .dropdown-menu .casino-stars i {
    font-size: 11px;
    margin-right: 4px
}

.header .header-menu .dropdown-menu i.bi.bi-star-fill {
    color: var(--star-fill)
}

.header .header-menu .dropdown-menu i.bi.bi-star-half, .header .header-menu .dropdown-menu i.bi.bi-star {
    color: var(--star-empty)
}

.header .header-menu .dropdown-menu .sub-menu-bonuses {
    padding: 0;
    list-style: none
}

.header .header-menu .dropdown-menu .sub-menu-bonuses .sub-menu-bonus img {
    max-width: 58px;
    max-height: 58px;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}

.header .header-menu .dropdown-menu .sub-menu-bonuses .sub-menu-bonus {
    display: inline-block;
    margin: 2px 10px 2px 0
}

.header .header-menu .dropdown-menu .sub-menu-news, .header .header-menu .dropdown-menu .sub-menu-bonuses-list, .header .header-menu .dropdown-menu .sub-menu-kalendar {
    padding: 0;
    list-style: none
}

.header .header-menu .dropdown-menu .sub-menu-news .news-row, .header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item .bonus-row, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-row {
    display: flex;
    gap: 10px;
    align-items: center
}

.header .header-menu .dropdown-menu .sub-menu-news .news-col--img, .header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item .bonus-row .bonus-col--img, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-row .kalendar-col--img {
    max-height: 60px;
    max-width: 60px
}

.header .header-menu .dropdown-menu .sub-menu-news .news-col--img img, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-row .kalendar-col--img img, .header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item .bonus-row .bonus-col--img img {
    max-width: 60px;
    max-height: 60px;
    border-radius: 6px;
    object-fit: contain
}

.header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item, .header .header-menu .dropdown-menu .sub-menu-news .sub-menu-news-item {
    margin-bottom: 10px
}

.header .header-menu .dropdown-menu .sub-menu-bonuses-list .bonus-item-link, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-item-link {
    text-decoration: none
}

.header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item .bonus-row .bonus-subtitle, .header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-row .kalendar-tax {
    font-size: 11px;
    color: var(--color-3);
    letter-spacing: .01em;
    word-spacing: .05em
}

.header .header-menu .dropdown-menu .sub-menu-kalendar .sub-menu-kalendar-item .kalendar-row .kalendar-title, .header .header-menu .dropdown-menu .sub-menu-bonuses-list .sub-menu-bonus-item .bonus-row .bonus-casino-name, .header .header-menu .dropdown-menu .sub-menu-news .sub-menu-news-link {
    color: var(--color-4);
    font-size: 12px;
    line-height: 18px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .01em;
    word-spacing: .05em
}

.header .header-icons {
    max-width: 70px;
    padding: 0
}

.header .header-icons i:hover {
    cursor: pointer
}

.header .header-icons .hp-search-box {
    display: flex;
    align-items: center !important;
    height: 100%;
    justify-content: center !important
}

.header .header-icons .hp-search-panel .hp-search-input {
    padding: 9px;
    border-radius: 8px;
    border: 0;
    width: 96%
}

.header .header-icons .hp-search-panel .hp-search-input::placeholder {
    color: var(--color-3)
}

.hp-search-panel .hp-search-input:focus-visible {
    outline: none
}

.hp-search-results .hp-search-list {
    padding: 0;
    list-style: none
}

.hp-search-results .hp-search-list .hp-search-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px
}

.hp-search-results .hp-search-list .hp-search-link .hp-search-thumb {
    max-width: 60px;
    max-height: 60px
}

.hp-search-results .hp-search-list .hp-search-link .hp-search-thumb img {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
    border-radius: 8px
}

.hp-search-results .hp-search-list .hp-search-text .hp-search-type {
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    color: var(--color-3)
}

.hp-search-results .hp-search-list .hp-search-text .hp-search-title {
    font-size: 12px;
    color: var(--color-4);
    font-weight: 600;
    display: block;
    line-height: 17px
}

.header .header-menu .navbar-nav .bonus-box .related-bonus-box {
    min-height: unset !important
}

.header .header-menu .navbar-nav .bonus-box .bonus-bg-dark {
    border: 1px solid #0a2853
}

@media (max-width:991px) {
    .bg-novinky .page-image {
        opacity: .15
    }

    .page-header h1 {
        font-size: 27px;
        font-weight: 600;
        line-height: 31px;
        color: var(--color-4);
        text-shadow: 0 0 10px #021024;
        letter-spacing: .01em;
        word-spacing: .05em
    }

    .content h1 {
        font-size: 27px;
        font-weight: 600;
        line-height: 31px;
        letter-spacing: .01em;
        word-spacing: .05em
    }

    .page-header {
        padding-bottom: 20px
    }

    .bg-shadow {
        background: linear-gradient(360deg, #041937 0%, #021024 50%);
        overflow: hidden
    }

    .page-header-height {
        min-height: 200px
    }
}

@media (min-width:992px) {
    .page-header h1 {
        font-size: 45px;
        font-weight: 600;
        line-height: 44px;
        color: var(--color-4);
        text-shadow: 0 0 10px #021024;
        margin-bottom: 10px
    }

    .content h1 {
        font-weight: 600;
        margin-bottom: 10px
    }

    .bg-shadow {
        background-image: url(assets/img/background-shadow.webp);
        background-position: 700px 100%;
        background-repeat: no-repeat
    }

    .page-header-height {
        min-height: 300px
    }

    .category-news .page-header-height {
        min-height: 200px
    }

    .category-news .page-image {
        height: 200px !important;
        width: 363px !important
    }
}

.page-header-white .breadcrumbs a {
    color: var(--color-1) !important;
    font-weight: 600
}

.page-header .breadcrumbs a {
    color: var(--color-4);
    text-decoration: none
}

.page-header .breadcrumbs {
    font-size: 13px;
    color: var(--color-3);
    margin-top: 20px
}

.page-header h1 strong {
    font-weight: 600;
    color: var(--color-2)
}

.page-header .page-excerpt p em {
    color: #527dab
}

.page-header .page-excerpt p a {
    color: var(--color-2);
    font-weight: 600
}

.page-header .page-excerpt p {
    color: var(--color-4);
    text-shadow: 0 0 10px #021024;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .01em;
    word-spacing: .05em;
    padding-bottom: 1.45em
}

.bg-novinky .page-image {
    position: absolute;
    right: 0;
    width: 363px;
    height: 310px;
    bottom: 0;
    z-index: 0;
    padding: 0;
    top: unset
}

.bg-novinky .page-image img {
    max-height: unset;
    max-width: unset;
    width: 100%;
    height: 100%;
    aspect-ratio: 363 / 310;
    display: block
}

.page-header .page-excerpt.is-collapsed .page-excerpt__content {
    max-height: 3.6em;
    overflow: hidden
}

.page-header .page-excerpt__toggle:hover {
    cursor: pointer
}

.page-header .page-excerpt__toggle {
    background: #fff0;
    border: 1px solid var(--color-3);
    color: var(--color-3);
    padding: 6px 12px;
    display: block;
    margin-top: 14px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 13px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease
}

.page-header .page-excerpt__toggle:hover {
    color: var(--color-4);
    border-color: var(--color-4)
}

.page-header .page-excerpt ul li {
    font-size: 14px;
    color: var(--color-4);
    text-shadow: 0 0 10px #021024
}

.page-header .page-excerpt ul {
    margin: 0
}

.page-header .page-excerpt h2 {
    font-size: 14px;
    color: var(--color-4);
    text-shadow: 0 0 10px #021024
}

.category-back a strong {
    color: var(--color-4);
    font-weight: 500
}

.category-back {
    display: block;
    margin-top: 25px
}

.category-back a {
    background: #fff0;
    border: 1px solid var(--color-3);
    color: var(--color-3);
    padding: 6px 12px;
    display: inline;
    margin-top: 14px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 13px;
    text-shadow: 0 0 10px #021024;
    text-decoration: none
}

@media (max-width:991px) {
    .main-author .author-description p {
        margin: 0;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100px;
    }

    .news-section-subcats .news-subcats {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .news-card-big .news-card-big-bg {
        border-radius: 12px;
        overflow: hidden;
        max-height: 200px !important;
        min-height: 200px !important;
        position: relative;
        background: var(--bg-4)
    }

    .news-card-big {
        margin-bottom: 0.5rem;
    }
}

@media (min-width:992px) {

    .news-section-subcats .news-subcats {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: end
    }

    .news-card-big .news-card-big-bg {
        border-radius: 12px;
        overflow: hidden;
        max-height: 270px;
        min-height: 270px;
        position: relative;
        background: var(--bg-4)
    }

    .news-card-big.news-card-aside, .news-card-aside .news-card-big-bg {
        max-height: 175px !important;
        min-height: 175px !important
    }

    .news-card-big.news-card-aside .news-card-image img {
        max-height: 175px !important;
        min-height: 175px !important
    }

    .news-card-big {
        margin-bottom: 20px
    }
}

.news-section-subcats .news-subcats {
    height: unset;
}

.news-section-subcats .news-subcats li {
    flex: none;
}

.news-section-header {
    margin-bottom: 10px
}

.news-section {
    padding-top: 20px;
    padding-bottom: 20px
}

.news-section-subcats .news-subcats li a {
    font-size: 13px;
    padding: 6px 8px;
    display: block;
    border: 1px solid var(--color-3);
    border-radius: 12px;
    margin: 3px;
    color: var(--color-3);
    text-decoration: none;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease
}

.news-section-subcats .news-subcats li a:hover, .news-section-subcats .news-subcats li a:focus-visible {
    background-color: var(--bg-4);
    color: var(--bg-1);
    border-color: var(--bg-4)
}

.news-section-subcats .news-subcats li {
    display: inline-block
}

.news-card-small {
    margin-bottom: 10px
}

.news-card-small-image img {
    width: 100px;
    height: 100px;
    border-radius: 8px
}

.news-card-small-image {
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px
}

.news-card-small .news-card-link {
    color: var(--color-1);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: block;
    line-height: 18px;
    padding-right: 10px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.news-card-tags .news-card-tag {
    font-size: 11px;
    color: var(--color-3);
    padding: 2px 6px;
    border: 1px solid var(--color-3);
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 2px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease
}

.news-card-big .news-card-tags .news-card-tag:hover {
    border-color: var(--color-4);
    color: var(--color-4)
}

.news-card-tags {
    margin-top: 8px
}

.news-card-big .news-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 270px;
    opacity: .3;
    margin: 0;
    transition: opacity .25s ease
}

.news-card-big:hover .news-card-image img {
    opacity: .6
}

.news-card-big .news-card-image {
    width: 100%;
    display: block;
    height: 100%
}

.news-card-big .news-big-info .news-card-link {
    color: var(--color-4);
    font-weight: 600;
    text-decoration: none;
    display: block;
    line-height: 20px
}

.news-card-big .news-big-info {
    position: absolute;
    bottom: 0;
    padding: 0 28px 12px 12px;
    z-index: 1;
    width: 100%;
}

.news-card-big .news-card-big-bg:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    background: linear-gradient(0deg, #021024 0%, #fff0 100%)
}



.casino-sidebar .row {
    gap: 10px
}

.casino-sidebar .casino-logo img {
    max-width: 70px;
    max-height: 70px;
    object-fit: contain;
    border-radius: 8px
}

.casino-sidebar .casino-logo {
    max-width: 70px;
    max-height: 70px;
    position: relative;
    margin-left: 10px;
    padding: 0;
    margin-right: -10px
}

.casino-sidebar .casino-description {
    margin: 0;
    font-size: 12px;
    color: var(--color-3);
    letter-spacing: .01em;
    word-spacing: .05em
}

.casino-sidebar .casino-title a {
    font-weight: 600;
    color: var(--color-1);
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.casino-sidebar .casino-title {
    margin-top: 0;
    margin-bottom: 0
}

.casino-sidebar {
    margin-bottom: 10px
}

.main-author .row, .main-editor .row {
    gap: 10px;
    align-items: center
}

.main-author .author-description p a {
    font-size: 13px;
    margin: 0;
    display: block;
    color: var(--color-4);
    font-weight: 600;
    text-decoration: none
}

.main-author .author-description p {
    margin: 0
}

.main-author .author-description .author-title {
    margin-bottom: -3px
}

.main-author .author-title {
    font-size: 13px !important;
    color: var(--color-3);
    margin: 0
}

.main-author .author-image img {
    max-width: 40px;
    max-height: 40px;
    object-fit: cover;
    border-radius: 50%
}

.main-author .author-image {
    max-width: 40px;
    max-height: 40px
}

.main-author .author-description {
    margin-top: 2px;
    margin-bottom: -2px
}

.main-editor .date-box .date-box-date {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-2);
    top: 9px;
    left: 6px
}

.main-editor .date-box {
    max-width: 27px;
    max-height: 30px;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 30px;
    background-image: url(assets/img/calendar-icon.webp);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

.main-editor .author-title a {
    font-size: 13px !important;
    margin: 0;
    color: var(--color-4);
    font-weight: 600;
    text-decoration: none
}

.main-editor .author-title {
    font-size: 13px !important;
    color: var(--color-3);
    margin-top: 0;
    margin-bottom: -3px
}

.main-editor .author-description {
    font-size: 13px;
    color: var(--color-4);
    margin: 0;
    padding: 0
}

.author-box-shortcode .main-author .author-image img {
    margin-top: 0
}

.author-box-shortcode .author-name a, .author-box-shortcode .main-editor .author-title a, .author-box-shortcode .main-editor .author-description {
    color: var(--color-1) !important
}

.author-box-shortcode .author-name, .author-box-shortcode .author-title {
    padding-bottom: 0
}

.author-box-shortcode {
    justify-content: center
}

.author-profile-image img {
    border-radius: 50%;
    max-width: 200px;
    height: auto
}

.author-socials a i {
    font-size: 27px;
    color: var(--color-4)
}

.author-socials .author-social {
    margin-right: 10px
}

.author-profile-image {
    text-align: center;
    margin-top: 20px
}

.more-about-author .more-author-bg {
    background-color: var(--bg-2);
    border-radius: 12px;
    padding: 0 12px
}

.more-about-author h2 {
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 23px;
    line-height: 25px
}

.more-about-author .author-education .author-edu-years, .more-about-author .author-experience .author-exp-dates {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-3)
}

.more-about-author .author-education .author-edu-type, .more-about-author .author-experience .author-exp-role {
    font-size: 13px;
    color: var(--color-1);
    margin-bottom: 2px
}

.more-about-author .author-education .author-edu-school, .more-about-author .author-experience .author-exp-company {
    font-size: 16px;
    color: var(--color-1);
    font-weight: 600;
    margin-bottom: 2px
}

.more-about-author .author-languages-grid, .more-about-author .author-expertise-grid {
    padding: 0;
    margin: 0;
    list-style: none
}

.author-experience-list .author-experience-item {
    margin-bottom: 10px;
    position: relative
}

.author-job-title {
    color: var(--color-2);
    font-size: 14px;
    font-weight: 600
}

.more-about-author .author-experience-list li:last-child:after {
    display: none
}

.more-about-author .author-experience-list li:after {
    content: " ";
    width: 2px;
    height: 120%;
    position: absolute;
    left: -16px;
    top: 8px;
    background-color: var(--bg-2-border)
}

.more-about-author .author-experience-list {
    padding-left: 16px
}

.more-about-author .author-experience-list li:before {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -20px;
    top: 8px;
    background-color: var(--bg-2-border);
    border-radius: 22px
}

.author-languages-grid .author-language .author-language-label, .more-about-author .author-expertise-grid .author-expertise-item .author-expertise-label {
    text-align: center;
    font-size: 12px;
    display: block;
    margin-top: 4px;
    color: var(--color-3);
    font-weight: 500
}

.author-languages-grid .author-language img {
    width: 53px;
    height: 53px;
    display: block;
    margin: 0 auto;
    border: 1px solid var(--bg-2-border);
    border-radius: 50%
}

.author-languages-grid .author-language {
    display: inline-block;
    min-width: 70px
}

.more-about-author .author-expertise-grid .author-expertise-item {
    display: inline-block;
    background-color: #fff;
    border-radius: 12px;
    padding: 4px 12px;
    margin-bottom: 10px;
    border: 1px solid var(--bg-2-border)
}

.more-about-author .author-expertise-grid .author-expertise-item img {
    width: 43px;
    height: 45px;
    display: block;
    margin: 0 auto;
    object-fit: contain
}

@media (max-width:991px) {
    .page-image {
        padding-bottom: 20px
    }

    .main-author {
        min-width: 55%
    }

    .main-editor {
        min-width: 45%;
        padding: 0;
        margin: 0
    }

    .main-editor .author-title a {
        display: block;
    }

    .main-editor .author-title {
        margin-bottom: 0px;
    }

    .page-image img {
        max-width: 340px;
        max-height: 200px;
        border-radius: 12px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 1
    }

    .image-effect-after {
        width: 92px;
        height: 75px;
        position: absolute;
        right: -20px;
        top: -30px;
        background-image: url(assets/img/novinka-after.webp);
        background-repeat: no-repeat;
        z-index: 2
    }
}

@media (min-width:992px) {
    .main-author {
        min-width: 170px
    }

    .author-box-shortcode .main-author {
        min-width: 200px
    }

    .main-editor {
        min-width: 280px
    }

    .page-image {
        position: absolute;
        right: 0;
        top: 25%;
        width: 360px;
        height: 200px
    }

    .image-effect-before {
        width: 150px;
        height: 172px;
        position: absolute;
        left: -100px;
        top: 20px;
        background-image: url(assets/img/novinka-before.webp);
        z-index: 0;
        background-repeat: no-repeat
    }

    .page-image img {
        max-width: 360px;
        max-height: 200px;
        border-radius: 12px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 1
    }

    .image-effect-after {
        width: 92px;
        height: 75px;
        position: absolute;
        right: -30px;
        top: -30px;
        background-image: url(assets/img/novinka-after.webp);
        background-repeat: no-repeat;
        z-index: 2
    }
}

.page-image .position-relative {
    width: 360px;
    height: 200px;
    display: block;
    margin: 0 auto
}

.single-bonus-box .single-bonus {
    margin-bottom: 10px
}

.single-news-casino-list .single-news-main-title h2 {
    border-left: 3px solid var(--color-2);
    padding-left: 10px;
    color: var(--color-1)
}

.single-news-casino-list {
    margin-top: 30px;
    margin-bottom: 30px
}

.single-bonus-box .space-block-title a {
    font-size: 13px;
    color: var(--color-3);
    text-decoration: none;
    border: 1px solid var(--color-3);
    border-radius: 6px;
    padding: 2px 8px;
    margin-left: auto;
}

.single-bonus-box .space-block-title h3 {
    font-weight: 600;
    color: var(--color-1);
    font-size: 13px;
    line-height: 25px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.single-bonus-box .space-block-title {
    display: flex;
    border-bottom: 1px solid var(--bg-2-border);
    align-items: center;
    margin-bottom: 10px
}

.single-bonus-box .single-bonus .space-news-thumb img {
    border-radius: 8px;
    width: 50px;
    height: 50px
}

.single-bonus-box .single-bonus-sort .space-news-logo-link {
    width: 50px;
    height: 50px;
    margin-right: 8px
}

.single-bonus-box .single-bonus .space-news-thumb {
    width: 50px;
    height: 50px
}

.single-bonus-box .single-bonus-info .space-news-casino {
    font-size: 12px;
    color: var(--color-3);
    letter-spacing: .01em;
    word-spacing: .05em
}

.single-bonus-box .single-bonus-info a {
    text-decoration: none
}

.single-bonus-box .single-bonus .space-news-title {
    font-size: 13px;
    color: var(--color-1);
    font-weight: 600;
    line-height: 16px;
    display: block;
    letter-spacing: .01em;
    word-spacing: .05em
}

.single-bonus-box .single-bonus-sort {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative
}

@media (max-width:991px) {
    .fast-links .fast-links__current .fast-links__current-label {
        display: none
    }

    .fast-links .fast-links__current {
        min-width: 0;
        max-width: 310px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .fast-links-bg {
        background-color: var(--bg-2);
        border-bottom: 1px solid var(--bg-2-border);
        position: sticky;
        top: 55px;
        z-index: 20
    }

    .fast-links #fast-links-panel ol#fast-links-list li a {
        line-height: 17px
    }

    .fast-links #fast-links-panel ol#fast-links-list li a .fast-links__text {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-1)
    }
}

@media (min-width:992px) {
    .fast-links-bg {
        background-color: var(--bg-2);
        border-bottom: 1px solid var(--bg-2-border);
        position: sticky;
        top: 69px;
        z-index: 20
    }

    .fast-links #fast-links-panel ol#fast-links-list li a .fast-links__text {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-1)
    }

    .fast-links__list .toc-h2 {
        margin-bottom: 2px
    }

    .fast-links__list .toc-h2 .fast-links__h2-toggle {
        flex-basis: 36px;
        width: 36px
    }

    .fast-links__list .toc-h2 a {
        align-items: center
    }
}

.fast-links #fast-links-panel {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.fast-links {
    display: flex;
    flex-wrap: wrap
}

.fast-links .fast-links__toggle {
    margin-left: auto
}

.fast-links .fast-links__toggle, .fast-links .fast-links__current {
    flex: 0 0 auto
}

.fast-links #fast-links-panel {
    flex: 0 0 100%;
    border-top: 1px solid var(--bg-2-border)
}

.fast-links.is-collapsed .fast-links__panel {
    display: none
}

.fast-links .fast-links__current {
    padding: 12px
}

.fast-links .fast-links__current .fast-links__current-title {
    color: var(--color-1);
    font-size: 14px;
    font-weight: 600
}

.fast-links .fast-links__current .fast-links__current-label {
    font-size: 14px;
    color: var(--color-3);
    font-weight: 500;
    position: relative;
    padding-left: 22px
}

.fast-links .fast-links__current .fast-links__current-label i {
    position: absolute;
    left: -10px;
    top: -6px;
    font-size: 24px
}

.fast-links .fast-links__toggle {
    padding: 0;
    background: #fff0;
    border: 0
}

.fast-links .fast-links__toggle i {
    font-size: 24px;
    color: var(--color-3)
}

.fast-links.is-collapsed .fast-links__toggle-icon {
    transform: rotate(0deg)
}

.fast-links__toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    transform: rotate(180deg)
}

.fast-links #fast-links-panel ol#fast-links-list {
    padding: 0;
    list-style: none;
    margin: 10px 0
}

.fast-links #fast-links-panel ol#fast-links-list li a {
    text-decoration: none
}

.fast-links #fast-links-panel ol#fast-links-list li a .fast-links__num {
    font-size: 12px;
    color: var(--color-3);
    margin-right: 5px
}

.fast-links #fast-links-panel ol#fast-links-list li a.is-active .fast-links__text {
    color: var(--color-2)
}

.fast-links__list .toc-h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 10px
}

.fast-links__list .toc-h2 a {
    order: 1;
    flex: 1 1 0%;
    min-width: 0;
    display: inline-flex;
    box-sizing: border-box
}

.fast-links__list .toc-h2 .fast-links__h2-toggle {
    order: 2;
    flex: 0 0 32px;
    width: 32px;
    height: 22px;
    padding: 0;
    border: 0;
    background: #fff0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.fast-links__list .toc-h2 .fast-links__h2-toggle i {
    font-size: 17px;
    color: var(--color-3)
}

.fast-links__list .toc-h2 .fast-links__h2-toggle .fast-links__h2-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    transform: rotate(180deg)
}

.fast-links__list .toc-h2.is-sub-open .fast-links__h2-toggle-icon {
    transform: rotate(0deg)
}

.fast-links__list .toc-h2 .fast-links__sublist {
    order: 3;
    flex: 0 0 100%;
    list-style: none;
    margin: 0;
    box-sizing: border-box;
    padding-left: 12px
}

.fast-links__list .toc-h2 .fast-links__sublist li:first-child {
    padding-top: 3px
}

.fast-links__list .toc-h2 .fast-links__sublist li:last-child {
    padding-bottom: 3px
}

.fast-links-simple {
    position: relative
}

.fast-links-simple ul li {
    display: inline-block;
    padding-right: 6px;
    flex: none
}

.fast-links-simple ul li:nth-child(2) {
    margin-left: 30px
}

.fast-links-simple ul li:first-child {
    position: absolute;
    top: 15px
}

.fast-links-simple ul li:first-child i {
    font-size: 20px;
    color: var(--color-3)
}

.fast-links-simple ul li a {
    font-size: 14px;
    color: var(--color-3);
    font-weight: 500;
    position: relative;
    padding-right: 20px
}

.fast-links-simple ul {
    padding: 0;
    list-style: none;
    height: unset
}

.fast-links-simple ul li:last-child a::before, .fast-links-simple ul li:last-child a::after {
    display: none
}

.fast-links-simple ul li a::before {
    content: "";
    position: absolute;
    right: 6px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 4px solid #fff0;
    border-bottom: 4px solid #fff0;
    border-left: 8px solid #f0f4fe;
    z-index: 1
}

.fast-links-simple ul li a::after {
    content: "";
    position: absolute;
    right: 3px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 4px solid #fff0;
    border-bottom: 4px solid #fff0;
    border-left: 8px solid #607e9d
}

@media (max-width:991px) {
    .shortcode-news .shortcode-title {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: var(--color-4);
        font-weight: 500;
        font-size: 15px
    }

    .shortcode-news .bg-featured img {
        width: 100%;
        margin: 0;
        height: 100%;
        object-fit: cover
    }

    .shortcode-news .bg-featured:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        left: 0;
        background: linear-gradient(180deg, #fff0 0%, #e40127 100%)
    }

    .shortcode-news {
        min-height: 200px
    }

    .content table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        border-collapse: separate;
        border-spacing: 0
    }

    .content table td {
        padding-right: 20px !important
    }
}

@media (min-width:992px) {
    .shortcode-news .bg-featured:before {
        content: " ";
        width: 200px;
        height: 100%;
        position: absolute;
        display: block;
        left: 100px;
        background: linear-gradient(90deg, #fff0 0%, #e40127 100%)
    }

    .shortcode-news .shortcode-title {
        text-align: end;
        color: var(--color-4);
        font-weight: 500;
        font-size: 15px
    }
}

.hp-h1 h1 {
    font-weight: 600;
    color: var(--color-1);
    font-size: 2.2em;
    margin-top: 40px;
    line-height: 38px
}

.hp-h1 b {
    font-weight: 700;
    color: var(--color-2)
}

.content h2 {
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 25px;
    margin-top: 40px;
    line-height: 28px
}

.content h2[style*="text-align: center"], .content h2.text-center, .content h2.aligncenter, .content h2.has-text-align-center {
    border: 0;
    padding: 0
}

.content h3, .content h4, .content h5, .content h6 {
    color: var(--color-1);
    font-weight: 700;
    margin-top: 40px
}

.content h1 strong, .content h1 b, .content h1 bold, .content h2 strong, .content h3 strong, .content h2 b, .content h3 b, .content h4 b, .content h4 strong, .content h5 b, .content h5 strong, .content h6 b, .content h6 strong {
    font-weight: 700;
    color: var(--color-2)
}

.content p {
    font-size: 14px !important;
    line-height: 23px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em;
    padding-bottom: 1.45em
}

.content p strong, .content p b, .content p bold {
    font-weight: 600
}

.content ul {
    padding: 0 0 10px 20px
}

.content ul li strong {
    font-weight: 600
}

.content ul li ul {
    padding: 10px 0 10px 20px
}

.content ul li p, .content ol li p {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.content ul li {
    font-size: 14px;
    line-height: 23px;
    color: var(--color-1);
    margin-bottom: 4px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.content ol li strong {
    font-weight: 600
}

.content ol li {
    background-color: var(--bg-1);
    margin-bottom: 7px;
    border-radius: 6px;
    padding: 8px 14px 8px 14px;
    margin-right: 11px;
    color: var(--color-1);
    counter-increment: item;
    font-size: 14px;
    line-height: 23px;
    position: relative;
    letter-spacing: .01em;
    word-spacing: .05em
}

.content ol {
    background-color: var(--bg-2);
    border-radius: 6px;
    padding: 10px 0 4px 25px;
    list-style: none
}

.content ol li::before {
    content: counter(item) ".";
    position: absolute;
    left: -16px;
    top: 8px;
    background: var(--bg-2);
    font-size: 11px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    color: var(--color-2);
    font-weight: 500;
    display: flex;
    justify-content: center !important;
    align-items: center !important
}

.content ol li ul li {
    padding: 0
}

.content ol li ul li::before {
    display: none
}

.content ol li ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none
}

.content .wp-caption, .content img, .content p img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    -webkit-backface-visibility: hidden;
    margin-top: 20px;
    display: block;
    margin: 20px auto
}

.content .wp-caption-text {
    font-size: 13px;
    margin: 0;
    font-style: italic;
    color: var(--color-3);
    text-align: end
}

.content a, .content ul li a, .content ol li a {
    color: var(--color-2);
    font-weight: 600
}

.content a b, .content a strong {
    font-weight: 600
}

.post-audio p {
    font-size: 11px;
    margin: 0;
    color: var(--color-3);
    padding: 0
}

.post-audio audio {
    width: 100%
}

.post-audio audio::-webkit-media-controls-enclosure {
    border-radius: 10px;
    background-color: #f1f3f4
}

.content table td, .content table th {
    font-size: 14px;
    text-align: left;
    padding: 6px 0;
    border-bottom: 1px solid #f0f4fe
}

.content table {
    width: 100%
}

.shortcode-news .shortcode-text {
    z-index: 1
}

.shortcode-news .bg-featured {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: .5;
    z-index: 0
}

.shortcode-news {
    position: relative;
    padding: 40px 0 40px 0;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0
}

.shortcode-news .shortcode-text .btn-irp {
    color: var(--color-4);
    text-decoration: none;
    border: 2px solid var(--color-4);
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px
}

.cas-alert p {
    color: unset;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.cas-alert {
    padding: 12px 20px;
    border-radius: 12px;
    border-left: 4px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-bottom: 20px;
    margin-top: 20px
}

.cas-alert p:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .tabulka-wrapper {
        background-color: var(--bg-2);
        padding: 10px;
        border-radius: 8px;
        margin-top: 30px;
        overflow-y: hidden;
        overflow-x: scroll
    }
}

@media (min-width:992px) {
    .tabulka-wrapper {
        background-color: var(--bg-2);
        padding: 20px;
        border-radius: 8px;
        margin-top: 30px
    }
}

.tabulka-wrapper h2 {
    margin-top: 0
}

.tabulka-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.tabulka-wrapper table tr td:last-child {
    max-width: 120px !important;
    text-align: end
}

.tabulka-wrapper td {
    padding: 0 !important;
    border-bottom: 4px solid var(--bg-2) !important
}

.tabulka-wrapper .casino-logo img {
    margin: 0;
    max-width: 50px;
    max-height: 50px;
    width: 50px;
    height: 50px
}

.tabulka-wrapper .casino-logo {
    max-width: 50px;
    max-height: 50px;
    width: 50px;
    height: 50px
}

.tabulka-wrapper .casino-logo a {
    display: grid
}

.tabulka-wrapper td:nth-child(2) {
    padding-left: 13px !important
}

.tabulka-wrapper th:nth-child(2) {
    padding-left: 13px
}

.tabulka-wrapper th {
    font-weight: 600;
    color: var(--color-3)
}

.tabulka-wrapper table td:first-child {
    border-radius: 20px 0 0 20px
}

.tabulka-wrapper table td {
    background-color: var(--color-4);
    white-space: nowrap
}

.tabulka-wrapper .space-block-title {
    margin-bottom: 8px;
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 16px;
    line-height: 25px
}

.tabulka-wrapper table td:last-child {
    border-radius: 0 12px 12px 0;
    text-align: center;
    padding: 0 !important
}

.tabulka-wrapper td .ds_float_banner_item_link {
    color: var(--color-4);
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid var(--color-2);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-right: 10px;
    min-width: unset
}

.tabulka-wrapper td .ds_float_banner_item_link:hover {
    background-color: var(--bg-3);
    color: var(--color-4)
}

@media (max-width:991px) {
    .comments-bg ol .comment .cas-comment__meta .cas-comment__authorline {
        display: block
    }

    .comments-bg ol .comment .cas-comment__meta .cas-comment__authorline .cas-comment__reply {
        display: none
    }

    .comments-bg ol .comment .cas-comment__meta .cas-comment__time {
        display: block;
        margin-left: 0;
        margin-top: -2px;
        font-size: 12px;
        color: var(--color-3)
    }
}

@media (min-width:992px) {
    .comments-bg ol .comment .cas-comment__meta .cas-comment__authorline {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1 1 auto;
        min-width: 0
    }

    .comments-bg ol .comment .cas-comment__meta .cas-comment__time {
        margin-left: 4px;
        font-size: 12px;
        color: var(--color-3)
    }

    .comments-bg .form-submit #submit {
        max-width: 150px
    }
}

.comments-bg .comments-title {
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 23px;
    line-height: 25px
}

.comments-bg {
    background-color: var(--bg-2);
    padding: 10px 20px;
}

.comments-bg ol .comment {
    background-color: var(--color-4);
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 12px 20px 4px 20px
}

.comments-bg ol.children {
    border-left: 2px solid var(--bg-2-border);
    margin-top: 20px;
    margin-bottom: 20px;
}

.comments-bg ol.children li {
    padding-right: 0
}

.comments-bg ol {
    padding: 0;
    margin: 0;
    list-style: none
}

.comments-bg ol .comment .cas-comment__meta .cas-comment__avatar img {
    max-width: 30px;
    max-height: 30px;
    border-radius: 50%
}

.comments-bg ol .comment .cas-comment__meta .cas-comment__avatar {
    margin-right: 8px;
    max-width: 30px;
    max-height: 30px
}

.comments-bg ol .comment .cas-comment__meta {
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0
}

.comments-bg ol .comment .cas-comment__meta .cas-comment__author, .comments-bg ol .comment .cas-comment__meta .cas-comment__author a {
    font-size: 14px;
    color: var(--color-1);
    font-weight: 500;
    text-decoration: none
}

.comments-bg ol .comment .cas-comment__meta .cas-comment__authorline .cas-comment__reply {
    margin-left: auto
}

.comments-bg ol .comment .cas-comment__meta .cas-comment__authorline .cas-comment__reply a, .comments-bg ol .comment .cas-comment__meta .cas-comment__authorline .cas-comment__edit a {
    font-size: 11px;
    text-decoration: none;
    color: var(--color-3);
    border: 1px solid var(--color-3);
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 500
}

.comments-bg ol .comment .cas-comment__content {
    border-top: 1px solid var(--bg-2-border);
    margin-top: 12px
}

.comments-bg ol .comment .cas-comment__content p {
    font-size: 13px;
    line-height: 18px;
    color: var(--color-1);
    margin: 8px 0;
    letter-spacing: .01em;
    word-spacing: .05em
}

.comments-bg ol .comment .cas-comment__content p a {
    color: var(--color-2);
    font-weight: 600
}

.comments-bg #reply-title {
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 23px;
    line-height: 25px;
    display: flex;
    justify-content: space-between;
}

.comments-bg .cancel-reply a {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-2);
}

.comments-bg .comment-notes, .comments-bg .comment-form-url {
    display: none
}

.comments-bg #commentform input, .comments-bg #commentform textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--bg-2-border);
    padding: 12px;
    color: var(--color-3) border: 1px solid var(--bg-2-border);
}

.comments-bg #commentform label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-3);
    font-weight: 500;
    margin-bottom: 8px
}

.comments-bg #commentform input:focus, .comments-bg #commentform textarea:focus {
    outline: none
}

.comments-bg #commentform .logged-in-as {
    display: none
}

.comments-bg .form-submit #submit:hover {
    cursor: pointer
}

.comments-bg .form-submit {
    text-align: center
}

.comments-bg .form-submit #submit {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    line-height: 1.2;
    border: 0;
    border-radius: 10px;
    background: var(--bg-3);
    color: var(--color-4);
    width: 100%;
    margin: 10px auto;
    font-weight: 600;
    box-sizing: border-box
}

@media (max-width:991px) {
    .fast-way-box {
        max-width: 290px;
        flex: none
    }

    .fast-way-vybery .fast-way-bg:before {
        background-image: url(assets/img/rychle-vybery.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 92px;
        height: 118px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-vip .fast-way-bg:before {
        background-image: url(assets/img/vip-program.webp);
        content: "";
        position: absolute;
        left: -42px;
        bottom: -10px;
        width: 174px;
        height: 103px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-live .fast-way-bg:before {
        background-image: url(assets/img/live-casino.webp);
        content: "";
        position: absolute;
        left: -40px;
        bottom: -10px;
        width: 141px;
        height: 97px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-loterie .fast-way-bg:before {
        background-image: url(assets/img/loterie.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 117px;
        height: 123px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-box .fast-way-bg {
        padding: 0 0 0 55%;
        border-radius: 12px;
        background: #08316C;
        background: linear-gradient(270deg, rgb(8 49 108) 0%, rgb(2 16 36) 100%);
        min-height: 115px;
        display: flex;
        align-items: center !important;
        position: relative;
        overflow: hidden
    }

    .page-image-casinos {
        position: absolute;
        right: 0;
        bottom: -150px;
        width: 542px;
        height: 420px;
        opacity: .2
    }

    .casino-box .casino-withdrawal {
        display: none
    }

    .casino-box .casino-cta {
        max-width: 80%;
        min-width: 80%;
        margin-top: 20px
    }

    .casino-box .casino-more {
        max-width: 60px;
        padding: 0;
        margin-top: 20px
    }

    .casino-more-icon {
        display: block;
        background-color: var(--bg-1);
        border: 1px solid var(--bg-2-border);
        padding: 26px 0;
        width: 100%;
        border-radius: 12px
    }

    .cas-filters__open {
        background: #fff0;
        border: 1px solid var(--color-3);
        padding: 10px 0;
        width: 100%;
        border-radius: 12px;
        font-size: 12px;
        color: var(--color-3);
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .cas-filters-modal {
        display: none
    }

    .cas-filters-modal[aria-hidden="false"] {
        display: block
    }

    .cas-filters-modal__backdrop {
        position: fixed;
        inset: 0;
        background: rgb(0 0 0 / .55);
        z-index: 9998
    }

    .cas-filters-modal__panel {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 85vh;
        background: var(--bg-2);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        box-shadow: 0 -10px 30px rgb(0 0 0 / .4)
    }

    .cas-filters-modal__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px;
        border-bottom: 1px solid var(--bg-2-border);
        font-size: 15px;
        font-weight: 600;
        color: var(--color-1)
    }

    .cas-filters-modal__head button {
        background: #fff0;
        border: 0;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        color: var(--color-3);
        padding: 0
    }

    .cas-filters-modal__body {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 14px 20px;
        background-color: var(--bg-1)
    }

    html.cas-filters-modal-open, body.cas-filters-modal-open {
        overflow: hidden
    }


    .casino-box .casino-submenu-content .casino-tax__term img {
        max-height: 22px;
        height: 22px;
        width: auto;
        object-fit: contain;
        margin: 0
    }

    .fast-way-box .fast-way-bg p b {
        color: var(--color-2);
        font-weight: 600
    }

    .cas-filters__top button {
        background: #fff0;
        border: 1px solid var(--color-3);
        padding: 10px 0;
        width: 100%;
        max-width: 100%;
        border-radius: 12px;
        font-size: 12px;
        color: var(--color-3);
        font-weight: 700;
        text-transform: uppercase
    }
}

@media (min-width:992px) {
    .fast-way-box {
        max-width: 330px;
        flex: none
    }

    .cas-filters-modal, .cas-filters__open {
        display: none !important
    }


    .main-listing-slots .cas-results.col-12 {
        margin-top: -56px;
    }

    .cas-filters__top button {
        background: #fff0;
        border: 1px solid var(--color-3);
        padding: 10px 0;
        width: 100%;
        max-width: 300px;
        border-radius: 12px;
        font-size: 12px;
        color: var(--color-3);
        font-weight: 700;
        text-transform: uppercase
    }

    .casino-box .casino-more {
        max-width: 60px;
        padding: 0;
        margin-right: 10px
    }

    .fast-way-vybery .fast-way-bg:before {
        background-image: url(assets/img/rychle-vybery.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 92px;
        height: 118px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-vip .fast-way-bg:before {
        background-image: url(assets/img/vip-program.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 174px;
        height: 103px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-live .fast-way-bg:before {
        background-image: url(assets/img/live-casino.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 141px;
        height: 97px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-loterie .fast-way-bg:before {
        background-image: url(assets/img/loterie.webp);
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 117px;
        height: 123px;
        background-repeat: no-repeat;
        transition: transform .45s ease, opacity .45s ease
    }

    .fast-way-box:hover .fast-way-bg::before {
        transform: translateY(-6px) scale(1.05)
    }

    .fast-way-box .fast-way-bg {
        padding: 0 0 0 50%;
        border-radius: 12px;
        background: #08316C;
        background: linear-gradient(270deg, rgb(8 49 108) 0%, rgb(2 16 36) 100%);
        min-height: 115px;
        display: flex;
        align-items: center !important;
        position: relative;
        overflow: hidden
    }

    .page-image-casinos {
        position: absolute;
        right: 0;
        width: 542px;
        height: 420px
    }

    .casino-box .casino-cta {
        max-width: 200px;
        margin-left: 10px
    }

    .casino-more-icon {
        display: block;
        background-color: var(--bg-1);
        border: 1px solid var(--bg-2-border);
        padding: 30px 0;
        width: 100%;
        border-radius: 12px
    }

    .casino-box .casino-submenu-content .casino-tax__term img {
        max-height: 24px;
        height: auto;
        width: 100%;
        margin: 0;
        object-fit: contain
    }

    .fast-way-box .fast-way-bg p b {
        display: block;
        color: var(--color-2);
        font-weight: 600
    }
}

.dragable {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 10px
}

.multiple-items {
    cursor: grab;
    display: inline-flex;
    align-items: center;
    padding: 0;
    height: 120px;
    flex-wrap: unset
}

.fast-way-box .fast-way-bg p {
    color: var(--color-4);
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 19px;
    letter-spacing: .01em;
    word-spacing: .05em;
    font-size: 16px
}

.fast-way-box a {
    text-decoration: none
}



.cas-filters__top {
    margin-bottom: 20px
}

.cas-filter .cas-filter__head {
    background-color: var(--bg-2);
    width: 100%;
    padding: 11px;
    margin: 0;
    border: 0;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid var(--bg-2-border);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cas-filter {
    border: 1px solid var(--bg-2-border);
    margin-bottom: 20px;
    border-radius: 12px
}

.cas-filter .cas-filter__head .cas-filter__name {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em
}

.cas-filter .cas-filter__head .cas-filter__count {
    background-color: var(--bg-1);
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 12px;
    color: var(--color-3);
    border: 1px solid var(--bg-2-border)
}

.cas-filter__list .cas-filter__item.is-hidden {
    display: none;
    width: 0;
    height: 0
}

.cas-filter__list .cas-filter__item {
    display: inline-block;
    margin: 3px 1px
}

.cas-filter__list .cas-filter__item a {
    border: 1px solid var(--color-2);
    text-decoration: none;
    padding: 4px 6px;
    display: block;
    border-radius: 12px;
    font-size: 12px;
    color: var(--color-2);
    letter-spacing: .01em;
    word-spacing: .05em;
    min-width: 30px;
    text-align: center
}

.cas-filter__list {
    padding: 10px 10px;
    list-style: none;
    margin: 0
}

.cas-filter__list .cas-filter__more {
    border: 1px solid var(--color-3);
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 12px;
    font-size: 12px;
    color: var(--color-3);
    display: inline-block;
    margin: 3px 1px
}

.cas-filter__list .cas-filter__more:hover {
    cursor: pointer
}

.casino-box .casino-logo .casino-rating span i {
    color: var(--star-fill);
    margin-right: 2px
}

.casino-box .casino-logo .casino-rating span {
    font-size: 11px;
    padding: 3px 10px;
    display: block;
    border-radius: 12px;
    background: var(--bg-4);
    color: var(--color-4);
    letter-spacing: .01em;
    word-spacing: .05em;
}

.casino-box .casino-logo .casino-rating {
    position: absolute;
    bottom: -8px;
    left: 29%;
    transform: translateX(-20%)
}

.casino-box .casino-logo img {
    border-radius: 12px;
    width: 80px;
    max-width: 80px;
    max-height: 80px;
    height: 80px;
    margin: 0
}

.casino-box .casino-logo {
    width: 80px;
    max-width: 80px;
    max-height: 80px;
    height: 80px;
    position: relative;
    margin-left: 10px;
    padding: 0
}

.casino-box {
    margin-bottom: 20px
}

.casino-box .casino-row {
    border-top: 1px solid var(--bg-2-border);
    border-left: 1px solid var(--bg-2-border);
    border-bottom: 1px solid var(--bg-2-border);
    border-right: 1px solid var(--bg-2-border);
    border-radius: 12px;
    align-items: center !important;
    padding: 8px 0;
    background-color: var(--bg-2);
}

.casino-box.is-open .casino-row {
    border-radius: 12px 12px 0 0
}

.casino-box .casino-offer strong, .casino-box .casino-offer span {
    font-size: 19px;
    line-height: 21px;
    display: block;
    font-weight: 700;
    color: var(--color-1);
    margin-top: 2px;
    margin-bottom: 2px
}

.casino-box .casino-offer {
    font-size: 11px;
    color: var(--color-3)
}

.casino-box .casino-offer p {
    font-size: 11px;
    color: var(--color-3);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0
}

.casino-box .casino-offer .casino-terms-desc p {
    font-size: 11px !important;
    line-height: 15px
}

.casino-box .casino-withdrawal .withdrawal-icon {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    margin-left: 10px
}

.casino-box .casino-withdrawal .withdrawal-icon img {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    margin-top: 0
}

.casino-box .casino-withdrawal {
    max-width: 160px;
    padding: 6px 0;
    margin: 0;
    border: 1px solid var(--bg-2-border);
    border-radius: 12px;
    background: var(--bg-1)
}

.casino-box .casino-withdrawal .row {
    align-items: center
}

.casino-box .casino-withdrawal .withdrawal-info span {
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: var(--color-1);
    margin-top: -2px
}

.casino-box .casino-withdrawal .withdrawal-info p {
    font-size: 11px !important;
    color: var(--color-3);
    margin: 0;
    padding: 0
}

.casino-box .casino-withdrawal .withdrawal-info {
    margin-left: 10px
}

.casino-box .casino-cta .casino-cta-go {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 0;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em
}

.casino-box .casino-cta .casino-cta-more {
    display: block;
    padding: 10px 0;
    border-radius: 12px;
    text-align: center;
    color: var(--color-3);
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 4px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.casino-more-icon i {
    font-size: 24px;
    padding: 0;
    margin: 0;
    color: var(--color-3)
}

.casino-box.is-open .casino-more-icon {
    transform: rotate(180deg);
}

.casino-box .casino-offer .casino-tag.duveryhodne {
    background-color: #52ad69;
    color: var(--color-4);
    padding: 4px 10px 4px 24px;
    margin-left: 4px
}

.casino-box .casino-offer .casino-tag.duveryhodne:before {
    background-image: url(assets/img/tag-duveryhodne.webp);
    content: "";
    width: 23px;
    height: 24px;
    position: absolute;
    left: -4px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.casino-box .casino-offer .casino-tag.nove_casino {
    background-color: #607e9d;
    color: var(--color-4);
    padding: 4px 10px 4px 24px;
    margin-left: 4px
}

.casino-box .casino-offer .casino-tag.nove_casino:before {
    background-image: url(assets/img/tag-nove_casino.webp);
    content: "";
    width: 24px;
    height: 27px;
    position: absolute;
    left: -4px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -1px
}

.casino-box .casino-offer .casino-tag.top_casino {
    background-color: #dc9b00;
    color: var(--color-4);
    padding: 4px 10px 4px 26px;
    margin-left: 4px
}

.casino-box .casino-offer .casino-tag.top_casino:before {
    background-image: url(assets/img/tag-top_casino.webp);
    content: "";
    width: 26px;
    height: 37px;
    position: absolute;
    left: -4px;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.casino-box .casino-offer .casino-tag.exclusivni {
    background-color: #7365dd;
    color: var(--color-4);
    padding: 4px 10px 4px 28px;
    margin-left: 7px
}

.casino-box .casino-offer .casino-tag.exclusivni:before {
    background-image: url(assets/img/tag-exclusivni.webp);
    content: "";
    width: 30px;
    height: 29px;
    position: absolute;
    left: -6px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -3px
}

.casino-box .casino-offer .casino-tag {
    display: inline-block;
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 4px;
    position: relative
}

.casino-box .casino-submenu-wrap {
    background: var(--bg-2);
    border-radius: 0 0 12px 12px;
    border-top: 1px solid var(--bg-2-border);
    border-left: 1px solid var(--bg-2-border);
    border-bottom: 1px solid var(--bg-2-border);
    border-right: 1px solid var(--bg-2-border);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: -1px;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

.casino-box .casino-submenu-wrap .casino-submenu-nav li.active {
    background-color: var(--bg-4);
    border: 1px solid var(--bg-4);
    color: var(--color-4)
}

.casino-box .casino-submenu-wrap .casino-submenu-nav li:hover {
    cursor: pointer
}

.casino-box .casino-submenu-wrap .casino-submenu-nav li {
    display: inline-block;
    border: 1px solid var(--color-3);
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 6px;
    margin-right: 2px;
    color: var(--color-3);
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em;
    text-transform: uppercase
}

.casino-box .casino-submenu-wrap .casino-submenu-nav {
    list-style: none;
    padding: 0;
    margin: 10px 10px
}

.casino-box .casino-submenu-content .casino-tax-title {
    font-size: 13px;
    color: var(--color-3);
    font-weight: 600;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-bottom: 6px;
    margin-top: 6px
}

.casino-box .casino-submenu-content .casino-tax__term {
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    background-color: var(--bg-1);
    padding: 4px 10px;
    border-radius: 6px;
    border-left: 3px solid var(--color-3);
    border-top: 1px solid var(--bg-2-border);
    border-bottom: 1px solid var(--bg-2-border);
    border-right: 1px solid var(--bg-2-border);
    color: var(--color-1);
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em;
    align-items: center !important
}

.casino-box .casino-tax-casino-category .casino-tax__term:hover, .casino-box .casino-tax-currency .casino-tax__term:hover {
    color: var(--color-2);
    border-left-color: var(--color-2)
}

.casino-box .casino-tax-withdrawal-limit .casino-tax__term:hover {
    color: var(--color-2)
}

.casino-box .casino-submenu-content .casino-tax-software .casino-tax__term {
    border-left: 1px solid var(--bg-2-border);
    padding: 4px 10px
}

.casino-box .casino-submenu-content .casino-tax-withdrawal-limit .casino-tax__term {
    border-left: 1px solid var(--bg-2-border);
    padding: 6px 6px;
    min-height: 44px
}

.casino-box .casino-submenu-content .casino-tax-withdrawal-limit .casino-tax__term img {
    margin-right: 6px
}

.casino-box .casino-submenu-content .casino-tax-deposit-method .casino-tax__term, .casino-box .casino-submenu-content .casino-tax-withdrawal-method .casino-tax__term {
    border-left: 1px solid var(--bg-2-border);
    padding: 6px 6px;
    min-height: 44px
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-bg {
    background-color: var(--bg-1);
    border-radius: 12px;
    border: 1px solid var(--bg-2-border);
    margin-bottom: 10px;
    display: flex;
    align-items: center !important;
    padding: 6px
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-casino-logo img {
    width: 50px;
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    border-radius: 12px;
    margin: 0
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-casino-logo {
    width: 50px;
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    margin-right: 8px
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-meta .bonus-title {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: var(--color-1);
    line-height: 17px;
    display: block;
    letter-spacing: .01em;
    word-spacing: .05em
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-meta .bonus-cat {
    display: flex;
    font-size: 12px;
    text-decoration: none;
    color: var(--color-3);
    font-weight: 500;
    text-transform: uppercase
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-terms i {
    color: var(--color-3);
    font-size: 18px
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-meta {
    margin-right: auto
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-terms {
    margin-left: 10px;
    margin-right: 10px
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-cta .bonus-cta, .tabulka-in-casino .ds_float_banner_item_link {
    color: var(--color-2);
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid var(--color-2);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    display: block;
    text-align: center;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .2s ease, box-shadow .2s ease;
    min-width: unset
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-cta .bonus-cta:hover, .tabulka-in-casino .ds_float_banner_item_link:hover {
    color: var(--color-4);
    background-color: var(--color-2);
    border-color: var(--color-2)
}

.casino-box .casino-submenu-content .casino-bonus-col .casino-bonus-cta {
    margin-right: 4px
}

.casino-submenu-loading {
    font-size: 13px;
    color: var(--color-1);
    text-align: center
}

.tabulka-in-casino .info {
    font-size: 11px !important;
    color: var(--color-3);
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 0;
    margin-bottom: -2px;
    padding: 0
}

.tabulka-in-casino .info-2 {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em;
    margin: 0;
    padding: 0
}

.tabulka-in-casino .tabulka-in-casino-col {
    position: relative;
    counter-increment: item;
    overflow: hidden
}

.tabulka-in-casino .tabulka-in-casino-col::before {
    content: counter(item) ".";
    position: absolute;
    left: -8px;
    top: 13px;
    background: var(--bg-2);
    font-size: 11px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    color: var(--color-2);
    font-weight: 500;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid var(--bg-2-border)
}

.tabulka-in-casino .tabulka-in-casino-bg {
    background-color: var(--bg-1);
    margin-bottom: 4px;
    border-radius: 12px;
    padding: 6px 0 6px 14px;
    border: 1px solid var(--bg-2-border);
    overflow: hidden
}

.casino-shortcode-big .casino-row {
    background: var(--bg-2)
}

.casino-shortcode-small .casino-shortcode-desc {
    font-size: 12px;
    text-align: left;
    color: var(--color-3);
    margin-bottom: 10px;
    letter-spacing: .01em;
    word-spacing: .05em;
    font-weight: 400
}

.casino-shortcode-small .casino-shortcode-desc p {
    font-size: 12px !important;
    text-align: left;
    color: var(--color-3);
    margin: 0;
    letter-spacing: .01em;
    word-spacing: .05em;
    font-weight: 400;
    padding: 0;
    line-height: 17px
}

@media (max-width:991px) {
    .bg-slots .page-image-slots {
        opacity: .2
    }
}

.bg-slots .page-image-slots .slot-bg-cover::before {
    content: "";
    width: 96px;
    height: 84px;
    position: absolute;
    background-image: url(assets/img/slots-background-before.webp);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 22%;
    animation: float-left 10s ease-in-out infinite;
    will-change: transform
}

.bg-slots .page-image-slots .slot-bg-cover::after {
    content: "";
    width: 119px;
    height: 123px;
    position: absolute;
    background-image: url(assets/img/slots-background-after.webp);
    background-size: contain;
    background-repeat: no-repeat;
    right: -10px;
    top: 22%;
    animation: float-right 10s ease-in-out infinite;
    will-change: transform
}

@keyframes float-left {
    0% {
        transform: translateY(0) translateX(0)
    }

    50% {
        transform: translateY(-12px) translateX(6px)
    }

    100% {
        transform: translateY(0) translateX(0)
    }
}

@keyframes float-right {
    0% {
        transform: translateY(0) translateX(0)
    }

    50% {
        transform: translateY(14px) translateX(-6px)
    }

    100% {
        transform: translateY(0) translateX(0)
    }
}

.bg-slots .page-image-slots {
    position: absolute;
    right: 0;
    bottom: -50px;
    width: 401px;
    height: 527px
}

.fast-way-box-slots a {
    text-decoration: none
}

.fast-way-box-slots .fast-way-bg p {
    margin-bottom: 0;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-top: -15px;
    z-index: 1
}

.fast-way-box-slots .fast-way-bg img {
    z-index: 1;
    transition: transform .45s ease, opacity .45s ease
}

.fast-way-box-slots .fast-way-bg:hover img {
    transform: translateY(-4px) scale(1)
}

.fast-way-box-slots .fast-way-bg {
    padding: 0;
    border-radius: 12px;
    min-height: 115px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--bg-4)
}

.fast-way-box-slots {
    min-width: 165px
}

.box-slots-ovocne .fast-way-bg {
    background-image: url(assets/img/slots-icon-ovocne-bg.webp);
    background-repeat: no-repeat
}

.box-slots-vanocni .fast-way-bg {
    background-image: url(assets/img/slots-icon-vanocni-bg.webp);
    background-repeat: no-repeat
}

.box-slots-automaty .fast-way-bg {
    background-image: url(assets/img/slots-icon-automaty-bg.webp);
    background-repeat: no-repeat
}

.box-slots-poker .fast-way-bg {
    background-image: url(assets/img/slots-icon-poker-bg.webp);
    background-repeat: no-repeat
}

.box-slots-baccarat .fast-way-bg {
    background-image: url(assets/img/slots-icon-baccarat-bg.webp);
    background-repeat: no-repeat
}

.box-slots-bingo .fast-way-bg {
    background-image: url(assets/img/slots-icon-bingo-bg.webp);
    background-repeat: no-repeat
}

.box-slots-blackjack .fast-way-bg {
    background-image: url(assets/img/slots-icon-blackjack-bg.webp);
    background-repeat: no-repeat
}

.box-slots-crash .fast-way-bg {
    background-image: url(assets/img/slots-icon-crash-bg.webp);
    background-repeat: no-repeat
}

.fast-way-box-slots .fast-way-bg:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: linear-gradient(360deg, #021024 0%, #fff0 100%);
    z-index: 0
}

@media (max-width:991px) {
    .slot-small {
        padding: 4px 4px;
    }

    .slot-small .slot-small__hover .slot-small__hover-title {
        color: var(--color-2);
        font-size: 15px;
        line-height: 21px;
        letter-spacing: .01em;
        margin-bottom: 4px;
        word-spacing: .05em;
        font-weight: 700
    }

    .slot-small__hover-cta a {
        background: var(--bg-3);
        display: block;
        margin-top: 20px;
        border-radius: 12px;
        padding: 8px 0;
        text-align: center;
        color: var(--color-4);
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: .01em;
        word-spacing: .05em
    }

    .slot-small .slot-small__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0;
        min-height: 200px
    }

    .slot-small .slot-small__image {
        width: 100%;
        height: 100%;
        max-height: 200px;
        opacity: .5;
        min-height: 200px
    }

    .slot-small .slot-small__vendor {
        position: absolute;
        right: 10px;
        top: 4px;
        z-index: 1
    }

}

@media (min-width:992px) {
    .slot-small .slot-small__hover .slot-small__hover-title {
        color: #fff;
        font-size: 19px;
        font-weight: 600;
        letter-spacing: .01em;
        word-spacing: .05em
    }

    .slot-small .slot-small__vendor {
        position: absolute;
        right: 10px;
        top: 4px;
        z-index: 3
    }

    .slot-small__hover-cta a {
        background: var(--bg-3);
        display: block;
        margin-top: 20px;
        border-radius: 12px;
        padding: 12px;
        text-align: center;
        color: var(--color-4);
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: .01em;
        word-spacing: .05em
    }

    button.cas-filters__open, .cas-filters-modal__head {
        display: none
    }

    .slot-small .slot-small__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0;
        min-height: 300px
    }

    .slot-small .slot-small__image {
        width: 100%;
        height: 100%;
        max-height: 300px;
        opacity: .5;
        min-height: 300px
    }
}

.slot-small .slot-small__image:before {
    content: " ";
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgb(4 15 39 / 86%) 30%, #fff0 80%)
}

.slot-small .slot-small__inner {
    background-color: var(--bg-4);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    height: 100%
}

.slot-small .slot-small__vendor img {
    max-width: 80px;
    height: auto;
    margin: 0
}


.slot-small .slot-small__meta {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.slot-small .slot-small__meta .slot-small__title {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 16px
}

.slot-small .slot-small__hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #021024cc;
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px) scale(.98);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    z-index: 2;
    border-radius: 13px
}

.slot-small:hover .slot-small__hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s
}

.slot-small:focus-within .slot-small__hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s
}

.slot-small .slot-small__hover .slot-small__hover-inner {
    min-width: 80%;
    max-width: 80%;
    text-align: center
}

.slot-small__hover-row .slot-small__hover-value {
    font-weight: 600
}

.slot-small__hover-row {
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: .01em;
    word-spacing: .05em
}

@media (max-width:991px) {
    .main-vendor {
        min-width: 100%;
        margin-top: 10px
    }

    .detail-game .page-header h1 br {
        display: none
    }

    .page-header .page-excerpt p {
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .tabulka-game .tabulka-in-casino-col {
        max-width: 49%;
        margin: .1% .5%
    }

    .detail-game .main-editor {
        min-width: 170px
    }

    .detail-game .page-image .position-relative {
        width: 270px;
        height: 250px
    }

    .detail-game .page-image img {
        max-width: 270px;
        max-height: 250px
    }

    .detail-game .page-image {
        position: absolute;
        right: 0;
        top: 15%;
        width: 270px;
        height: 250px
    }

    .detail-game .image-effect-before {
        top: unset;
        bottom: 0
    }

    .slot-side {
        margin-top: 80px
    }
}

.tabulka-game p.info {
    margin: 0;
    padding: 0
}

.tabulka-game .ds_float_banner_item_link {
    display: block;
    text-align: center;
    padding: 8px 0;
    min-width: auto
}

.tabulka-game .tabulka-in-casino {
    background-color: var(--bg-2);
    border-radius: 12px
}

.tabulka-game .tabulka-in-casino {
    background-color: var(--bg-2);
    border-radius: 12px;
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important
}

.game-box .game-box-buttons {
    z-index: 1;
    position: relative;
    text-align: center
}

.game-box .game-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
    opacity: .1
}

.game-box .game-box-image {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 400px;
    height: 100%;
    width: 100%;
    z-index: 0
}

.game-box .game-box-title h2 {
    text-align: center;
    color: #fff;
    border: 0;
    z-index: 1;
    position: relative;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px
}

.game-box .game-box-buttons .space-game-cta__btn.space-game-cta__btn--free {
    font-size: 15px;
    padding: 10px 20px;
    border: 1px solid var(--color-3);
    background-color: var(--bg-4);
    border-radius: 12px;
    color: var(--color-3);
    font-weight: 600;
    margin-right: 6px;
    cursor: pointer;
}

.space-game-embed, .space-game-embed .space-game-iframe, .space-game-embed .space-game-iframe iframe {
    min-height: 400px;
    border-radius: 12px
}

.space-game-embed {
    position: relative
}

.space-game-embed .space-game-embed__toolbar {
    position: absolute;
    right: 8px;
    top: 8px
}

.space-game-embed .space-game-embed__toolbar button i {
    font-size: 11px
}

.space-game-embed .space-game-embed__toolbar button {
    background-color: var(--bg-2);
    border: 0;
    border-radius: 12px;
    width: 30px;
    height: 26px
}

.game-box .game-box-buttons .space-game-cta__btn.space-game-cta__btn--money {
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid var(--color-2);
    background-color: var(--bg-3);
    border-radius: 12px;
    color: var(--color-4);
    font-weight: 600;
    margin-right: 6px;
    text-decoration: none
}

.game-box {
    background-color: var(--bg-4);
    border-radius: 12px;
    min-height: 400px;
    position: relative;
    display: grid;
    align-content: center
}

.vendor-related-casinos {
    margin-top: 20px
}

.vendor-related-casinos p {
    margin-bottom: 10px;
    padding: 0;
    font-size: 13px;
    color: var(--color-3)
}

.vendor-related-casino {
    text-decoration: none;
    display: inline-block
}

.vendor-related-casino img {
    width: 53px;
    height: 53px;
    object-fit: cover;
    margin: 0
}

.space-game-taxonomies h2:before {
    content: "";
    width: 18px;
    height: 20px;
    background-image: url(assets/img/icon-informace-o-automatu.webp);
    position: absolute;
    left: 0;
    top: 0
}

.space-game-taxonomy-row--vendor .space-game-taxonomy-icon img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.space-game-taxonomies h2 {
    font-size: 15px;
    padding-left: 26px;
    color: var(--color-1);
    position: relative
}

.space-game-taxonomy-row {
    display: flex;
    margin-top: 6px
}

.space-game-taxonomy-row .space-game-taxonomy-icon {
    margin-right: 10px;
    height: 30px;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    background: var(--bg-2);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bg-2-border);
    border-radius: 8px
}

.space-game-taxonomies .space-game-taxonomy-links {
    display: block;
    line-height: 18px
}

.space-game-taxonomies .space-game-taxonomy-label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-3);
    margin-top: 2px
}

.space-game-taxonomies .space-game-taxonomy-links a {
    color: var(--color-1);
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    display: inline-block
}

.space-game-taxonomy-row--rtp .space-game-taxonomy-icon img, .space-game-taxonomy-row--typ .space-game-taxonomy-icon img, .space-game-taxonomy-row--vyherni_linie .space-game-taxonomy-icon img, .space-game-taxonomy-row--game-category .space-game-taxonomy-icon img {
    width: 20px;
    height: 20px
}

.space-game-taxonomy-row--valce .space-game-taxonomy-icon img {
    width: 16px;
    height: 20px
}

.main-vendor .author-image img {
    background: #fff
}

.rtp-scale {
    position: relative
}

.rtp-rating h2 {
    margin-top: 0;
    padding: 0;
    border: 0;
    font-size: 17px;
    margin-bottom: 30px
}

.rtp-rating-end p {
    font-size: 11px !important;
    margin-bottom: 12px;
    padding: 0;
    color: var(--color-3);
    margin-top: 12px;
    line-height: 17px
}

.rtp-scale-track {
    height: 8px;
    background: linear-gradient(90deg, #eee, #ddd);
    border-radius: 999px;
    position: relative
}

.rtp-scale-marker {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    height: 8px
}

.rtp-scale-marker::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-bottom: 6px solid #111
}

.rtp-scale-ticks {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 8px;
    color: #666
}

.rtp-rating-header p:last-child {
    line-height: 18px;
    font-size: 14px
}

.rtp-rating-header p:first-child {
    min-width: 30%;
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    line-height: 23px
}

.rtp-rating-header {
    display: flex;
    align-items: center !important;
    margin-bottom: 20px
}

.rtp-rating {
    margin-top: 20px;
    border: 1px solid var(--bg-2-border);
    padding: 22px 22px 0 22px;
    margin-bottom: 30px;
    background-color: var(--bg-2);
    border-radius: 12px
}

.rtp-scale--quarters {
    --c1: #e60027;
    --c2: #ff9800;
    --c3: #ffc107;
    --c4: #2ecc71
}

.rtp-scale--quarters .rtp-scale-track {
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--c1) 0% 25%, var(--c2) 25% 50%, var(--c3) 50% 75%, var(--c4) 75% 100%)
}

.rtp-scale-marker {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    height: 8px
}

.rtp-scale-marker::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-bottom: 6px solid currentColor
}

.rtp-scale-badge {
    position: absolute;
    top: -28px;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 4px;
    white-space: nowrap;
    left: 6px
}

.rtp-scale-marker.q1 {
    color: var(--c1)
}

.rtp-scale-marker.q2 {
    color: var(--c2)
}

.rtp-scale-marker.q3 {
    color: var(--c3)
}

.rtp-scale-marker.q4 {
    color: var(--c4)
}

.rtp-scale-marker.q1 .rtp-scale-badge {
    background: var(--c1)
}

.rtp-scale-marker.q2 .rtp-scale-badge {
    background: var(--c2)
}

.rtp-scale-marker.q3 .rtp-scale-badge {
    background: var(--c3);
    color: #111
}

.rtp-scale-marker.q4 .rtp-scale-badge {
    background: var(--c4)
}

.rtp-scale-ticks {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 8px;
    color: #666
}

a.mch-btn {
    padding: 6px 20px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 22px;
    text-decoration: none
}

@media (max-width:991px) {
    .bonus-box .related-bonus-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch
    }

    .page-image-bonuses {
        opacity: .1;
        bottom: -160px
    }

    .bonus-box {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .bonus-grid {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
    }

    .bonus-box .related-bonus-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 290px;
        height: 100%
    }

    .single-bonus .bonus-box {
        max-width: 320px
    }
}

.single-bonus .bonus-box .related-casino-logos-full img {
    max-width: 100px;
    height: 100%;
    display: block;
    margin-bottom: -1px
}

.single-bonus .bonus-box .related-casino-logos-full {
    height: 100%;
    max-height: 200px;
    text-align: center;
    display: block;
    margin: 0 auto
}

.single-bonus .bonus-box .related-bonus-box-inner {
    margin-bottom: 8px
}

.single-bonus .bonus-bg.bonus-without-logo {
    border-radius: 12px
}

.single-bonus .bonus-box .related-casino-bonus-title {
    font-size: 17px;
    color: var(--color-1);
    font-weight: 700;
    text-decoration: none;
    line-height: 22px;
    display: block;
    text-align: center;
    margin-bottom: 4px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.page-image-bonuses img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.page-image-bonuses {
    position: absolute;
    right: 0;
    width: 356px;
    height: 358px;
    top: 20px
}

.bonus-grid>.casino-insert {
    grid-column: 1 / -1
}

.bonus-box .bonus-bg-dark {
    background-color: var(--bg-4);
    border-radius: 12px 12px 0 0;
    border: 1px solid var(--bg-4)
}

.bonus-box .bonus-bg {
    background-color: var(--bg-1);
    border-radius: 0 0 12px 12px;
    border: 1px solid var(--bg-2-border);
}

.bonus-box .bonus-box-info {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 20px
}

.casino-shortcode-small .bonus-box-info {
    margin-bottom: 10px
}

.bonus-box .bonus-box-info .related-bonus-terms i {
    color: var(--color-3)
}

.bonus-box .bonus-box-info .related-bonus-terms {
    position: absolute;
    right: 6px;
    top: -6px
}

.bonus-box .bonus-box-info .related-casino-logos {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    margin-right: 10px;
    margin-left: 10px
}

.bonus-box .bonus-box-info .casino-logo {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    position: relative
}

.bonus-box .bonus-box-info .related-casino-logos img {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    border-radius: 12px;
    margin: 0
}

.bonus-box .related-casino-info .related-casino-link a {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-3);
    text-decoration: none;
    display: block;
    overflow: hidden;
    max-height: 18px;
}

.bonus-box .related-casino-terms a {
    font-size: 11px;
    text-decoration: none;
    color: var(--color-3);
    text-align: center;
    display: block;
    margin-top: 10px;
    letter-spacing: .01em;
    word-spacing: .05em;
    display: block;
    font-weight: 500
}

.bonus-box .related-casino-info .related-casino-title a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    display: block
}

.bonus-box .related-casino-rating .rating-value, .related-casino-rating .rating-max {
    font-size: 11px;
    color: var(--color-4)
}

.bonus-box .related-casino-bonus-title a {
    font-size: 17px;
    color: var(--color-1);
    font-weight: 700;
    text-decoration: none;
    line-height: 22px;
    display: block;
    text-align: center;
    margin-bottom: 4px;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 4px;
}

.bonus-box .related-casino-bonus-desc strong, .bonus-box .related-casino-bonus-desc b, .bonus-box .related-casino-bonus-desc bold Specificity:(0, 2, 1) {
    font-weight: 400
}

.bonus-box .related-casino-bonus-desc {
    font-size: 12px;
    text-align: center;
    color: var(--color-3);
    margin-bottom: 10px;
    letter-spacing: .01em;
    word-spacing: .05em;
    font-weight: 400;
    margin-top: 6px;
}

.bonus-box .related-casino-bonus-desc p {
    font-size: 12px !important;
    color: var(--color-3);
    letter-spacing: .01em;
    word-spacing: .05em;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 18px
}

.bonus-box .related-casino-bonus-cta a {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 0;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em
}

.bonus-box .related-casino-bonus-detail-cta a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--color-3);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px
}

.bonus-box .related-casino-rating .rating-stars i {
    color: var(--star-fill);
    font-size: 11px;
    margin-right: 4px
}

.bonus-box .related-casino-rating .rating-stars {
    display: flex
}

.bonus-box .related-casino-rating .rating-stars {
    height: 16px
}

.bonus-box .related-casino-rating {
    display: flex;
    align-items: center !important
}

.top-bonus-box .bonus-bg {
    border-left: 1px solid var(--star-fill);
    border-right: 1px solid var(--star-fill);
    border-bottom: 1px solid var(--star-fill)
}

.bonus-box.top-bonus-box .related-casino-bonus-cta a {
    background-color: var(--star-fill)
}

.bonus-box .related-casino-bonus-code-value {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .01em;
    word-spacing: .05em
}

.bonus-box .related-casino-bonus-code-title span i {
    margin-right: 4px;
    margin-top: 0
}

.bonus-box .related-casino-bonus-code-title span {
    align-items: center !important;
    display: flex;
    height: 18px;
}

.bonus-box .related-casino-bonus-code-title i {
    font-size: 16px
}

.bonus-box .related-casino-bonus-code-title {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: var(--color-3);
    background: var(--bg-1);
    padding: 2px 8px;
    white-space: nowrap;
}

.bonus-box .related-casino-bonus-code {
    border: 2px dotted var(--bg-2-border);
    border-radius: 12px;
    text-align: center;
    position: relative;
    padding: 10px 0 6px 0;
    margin-top: 18px;
    margin-bottom: 6px
}

.bonus-box .related-casino-bonus-code-date .bonus-bold {
    color: var(--color-1);
    font-weight: 600
}

.bonus-box .has-tags .related-casino-terms a {
    margin-top: 20px
}

.bonus-box .bonus-tags {
    position: absolute;
    bottom: -35px;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 2px;
    right: -1px
}

.bonus-box .bonus-tags .bonus-tag {
    display: inline-block;
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 4px;
    position: relative;
    flex: none;
    font-size: 11px;
    margin-left: 14px
}

.bonus-box .bonus-tags .multiple-items {
    height: unset
}

.bonus-box .bonus-tags::-webkit-scrollbar, .bonus-box .bonus-tags::-webkit-scrollbar-track, .bonus-box .bonus-tags::-webkit-scrollbar-thumb {
    width: 0;
    height: 0
}

.bonus-box .bonus-tag.nejvetsi_bonus {
    background-color: #922cdf;
    color: #fff;
    padding: 4px 10px 4px 28px
}

.bonus-box .bonus-tag.nejvetsi_bonus:before {
    background-image: url(assets/img/tag-nejvetsi-bonus.webp);
    content: "";
    width: 34px;
    height: 26px;
    position: absolute;
    left: -10px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.bonus-box .bonus-tag.exclusivni {
    background-color: #607e9d;
    color: #fff;
    padding: 4px 12px 4px 28px
}

.bonus-box .bonus-tag.exclusivni:before {
    background-image: url(assets/img/tag-exclusivni.webp);
    content: "";
    width: 30px;
    height: 29px;
    position: absolute;
    left: -7px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -3px
}

.bonus-box .bonus-tag.ferovy_bonus {
    background-color: #52ad69;
    color: #fff;
    padding: 4px 10px 4px 30px
}

.bonus-box .bonus-tag.ferovy_bonus:before {
    background-image: url(assets/img/tag-ferovy-bonus.webp);
    content: "";
    width: 30px;
    height: 25px;
    position: absolute;
    left: -4px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.bonus-box .bonus-tag.rychly_bonus {
    background-color: #ff3c00;
    color: #fff;
    padding: 4px 10px 4px 22px
}

.bonus-box .bonus-tag.rychly_bonus:before {
    background-image: url(assets/img/tag-rychly-bonus.webp);
    content: "";
    width: 21px;
    height: 29px;
    position: absolute;
    left: -5px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -3px
}

.bonus-box .bonus-tag.bez_podminek {
    background-color: #7365dd;
    color: #fff;
    padding: 4px 10px 4px 18px
}

.bonus-box .bonus-tag.bez_podminek:before {
    background-image: url(assets/img/tag-bez-podminek.webp);
    content: "";
    width: 20px;
    height: 24px;
    position: absolute;
    left: -8px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.bonus-box .bonus-tag.mega_bonus {
    background-color: #924bd2;
    color: #fff;
    padding: 4px 10px 4px 22px;
    margin-left: 20px
}

.bonus-box .bonus-tag.mega_bonus:before {
    background-image: url(assets/img/tag-mega-bonus.webp);
    content: "";
    width: 36px;
    height: 24px;
    position: absolute;
    left: -16px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.bonus-box .bonus-tag.bonus-tag.top {
    background-color: #ffb400;
    color: #fff;
    padding: 4px 10px 4px 20px
}

.bonus-box .bonus-tag.bonus-tag.top:before {
    background-image: url(assets/img/tag-top-bonus.webp);
    content: "";
    width: 26px;
    height: 24px;
    position: absolute;
    left: -10px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.bonus-box .bonus-code-con::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(assets/img/icon-platnost.webp);
    background-repeat: no-repeat;
    right: initial;
    left: -30px;
    top: -4px;
}

.bonus-box .bonus-code-con {
    position: relative;
}

.bonus-box .related-casino-bonus-code-date {
    font-size: 11px;
    text-align: center;
    margin-top: 12px;
    color: var(--color-3);
    position: relative;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-bottom: 12px;
}

.bonus-box .related-bonus-box-inner {
    display: block
}

@media (max-width:991px) {
    .bonus-shortcode-small .related-casino-bonus-desc {
        text-align: left;
        margin-bottom: 0;
        padding-right: 25px
    }

    .swiper-wrapper .bonus-box .bonus-bg {
        min-height: 275px;
        max-height: 275px;
    }

    .swiper-wrapper .bonus-box {
        margin-bottom: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bonus-shortcode-small .related-casino-bonus-desc {
        text-align: left;
        margin-bottom: 0;
        padding-right: 10px
    }

    .casino-shortcode-2 .casino-shortcode-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .casino-shortcode-2 .casino-shortcode-grid>.bonus-shortcode-small {
        width: 100%;
        max-width: 100%;
        flex: unset
    }

    .swiper-wrapper .bonus-box .bonus-bg {
        min-height: 295px;
        max-height: 295px;
    }
}

@media (min-width:1200px) {
    .swiper-wrapper .bonus-box .bonus-bg {
        min-height: 290px;
        max-height: 290px;
    }

    .bonus-shortcode-small .related-casino-bonus-desc {
        text-align: left;
        margin-bottom: 0;
        padding-right: 10px
    }

    .casino-shortcode-2 .casino-shortcode-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .casino-shortcode-2 .casino-shortcode-grid>.bonus-shortcode-small {
        width: 100%;
        max-width: 100%;
        flex: unset
    }
}

.bonus-shortcode-small {
    max-height: 230px;
    margin-bottom: 10px
}

.bonus-shortcode-small .related-casino-bonus-title a {
    color: var(--color-4);
    font-size: 14px;
    text-align: left;
    padding-right: 25px;
    line-height: 17px
}

.bonus-shortcode-small .related-casino-bonus-code-title {
    background: var(--bg-4)
}

.bonus-shortcode-small .related-casino-bonus-code {
    border-color: var(--color-3);
    color: var(--color-4);
    margin-top: 4px
}

.bonus-shortcode-small .related-casino-bonus-code-date span {
    color: var(--color-4)
}

.bonus-shortcode-small .bonus-bg-dark {
    border-radius: 12px;
    min-height: 100%;
    align-content: space-between
}

.bonus-shortcode-small .related-casino-bonus-cta a {
    width: 100%
}

.bonus-shortcode-small .related-casino-bonus-cta, .bonus-shortcode-small .related-casino-bonus-detail-cta {
    display: inline-flex;
    max-width: 49%;
    width: 100%;
    justify-content: center !important;
    margin-bottom: 10px
}

.bonus-shortcode-small .related-bonus-box {
    min-height: unset
}

.page-image-bonuses .bonuses-bg-cover::after {
    content: "";
    width: 82px;
    height: 94px;
    position: absolute;
    background-image: url(assets/img/bonuses-background-after.webp);
    background-repeat: no-repeat;
    right: -10px;
    top: 0;
    animation: float-right 10s ease-in-out infinite;
    will-change: transform
}

.fast-way-za-registraci .fast-way-bg:before {
    background-image: url(assets/img/bonus-za-registraci.webp);
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 121px;
    height: 150px;
    background-repeat: no-repeat;
    transition: transform .45s ease, opacity .45s ease
}

.fast-way-free-spiny .fast-way-bg:before {
    background-image: url(assets/img/free-spiny.webp);
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 142px;
    height: 146px;
    background-repeat: no-repeat;
    transition: transform .45s ease, opacity .45s ease
}

.fast-way-za-vklad .fast-way-bg:before {
    background-image: url(assets/img/bonus-za-vklad.webp);
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 128px;
    height: 133px;
    background-repeat: no-repeat;
    transition: transform .45s ease, opacity .45s ease
}

.fast-way-free-spiny-dnes .fast-way-bg:before {
    background-image: url(assets/img/free-spiny-dnes.webp);
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 138px;
    height: 119px;
    background-repeat: no-repeat;
    transition: transform .45s ease, opacity .45s ease
}

@media (min-width:992px) {
    .bg-free-spiny .page-image-free-spiny {
        position: absolute;
        right: 0;
        width: 357px;
        height: 401px
    }

    .zobraz-vice-mobile {
        display: none
    }

    .kalendar-nabidka.hidden-item-pc {
        display: none
    }

    .kalendar-nabidka .kalendar-top {
        min-height: 135px
    }
}

@media (max-width:991px) {
    .bg-free-spiny .page-image-free-spiny {
        position: absolute;
        right: 0;
        width: 357px;
        height: 401px;
        opacity: .2
    }

    .kalendar-nabidka.hidden-item-mobile {
        display: none
    }

    .kalendar-tab {
        grid-template-columns: 1fr
    }

    .zobraz-vice-pc {
        display: none
    }

    .kalendar {
        overflow: hidden
    }
}

.title-free-spins h2 {
    border-color: #980da8
}

.kalendar-free-spiny .kalendar-nabidka-inner {
    border-top: 4px solid #980da8
}

.kalendar-free-spiny .kalendar-nabidka-inner .kalendar-tags .dragable::-webkit-scrollbar, .kalendar-free-spiny .kalendar-nabidka-inner .kalendar-tags .dragable::-webkit-scrollbar-track, .kalendar-free-spiny .kalendar-nabidka-inner .kalendar-tags .dragable::-webkit-scrollbar-thumb, .kalendar-nabidka .kalendar-tags .nabidka-tagy::-webkit-scrollbar, .kalendar-nabidka .kalendar-tags .nabidka-tagy::-webkit-scrollbar-track, .kalendar-nabidka .kalendar-tags .nabidka-tagy::-webkit-scrollbar-thumb {
    width: 0;
    height: 0
}

.title-souteze h2 {
    border-color: #1f7e31
}

.kalendar-souteze .kalendar-nabidka-inner {
    border-top: 4px solid #1f7e31
}

.title-bonusy h2 {
    border-color: orange
}

.kalendar-bonusy .kalendar-nabidka-inner {
    border-top: 4px solid orange
}

.title-opakujici h2 {
    border-color: #048fa5
}

.kalendar-opakujici .kalendar-nabidka-inner, .kalendar-opakujici-se-akce .kalendar-nabidka-inner {
    border-top: 4px solid #048fa5
}

.kalendar-nabidka .kalendar-nabidka-inner {
    background-color: #fff;
    border-radius: 12px;
    border-left: 1px solid var(--bg-2-border);
    border-right: 1px solid var(--bg-2-border);
    border-bottom: 1px solid var(--bg-2-border);
    padding: 12px;
    height: 100%;
}

.kalendar-nabidka .kalendar-nabidka-inner .top-nabidka {
    display: none
}

.kalendar-nabidka .kalendar-top {
    display: flex;
    gap: 10px
}

.kalendar-nabidka .nabidka-logo img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    max-height: 60px;
    max-width: 60px;
    margin: 0;
    border-radius: 12px
}

.kalendar-nabidka .nabidka-date {
    max-width: 44px;
    max-height: 48px;
    height: 100%;
    width: 100%;
    padding: 0;
    min-height: 47px;
    background-image: url(assets/img/calendar-big-icon.webp);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: -8px
}

.kalendar-nabidka .nabidka-date .kaledarni-mesic {
    padding: 0;
    margin-bottom: 0;
    font-size: 10px !important;
    margin-top: -10px;
    text-transform: uppercase;
    font-weight: 500
}

.kalendar-nabidka .nabidka-date .kalendarni-den b {
    font-weight: 700
}

.kalendar-nabidka .nabidka-date .kalendarni-den {
    margin-bottom: 0;
    padding-top: 13px;
    padding-bottom: 0;
    color: var(--color-2)
}

.kalendar-nabidka .kalendar-promo-info .hlavni-nabidka {
    margin-bottom: 0;
    padding: 0;
    line-height: 19px;
    margin-top: 2px;
    font-size: 16px !important;
}

.kalendar-nabidka .kalendar-promo-info .hlavni-nabidka-popis {
    margin-top: 4px;
    font-size: 13px !important;
    line-height: 19px;
    padding-bottom: 0;
    margin-bottom: 0
}

.kalendar-nabidka .kalendar-tags .nabidka-tagy .multiple-items {
    height: unset;
    padding-top: 5px;
    padding-bottom: 5px
}

.kalendar-nabidka .kalendar-tags .nabidka-tagy {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px
}

.kalendar-nabidka .kalendar-tags .bonus-tag {
    display: inline-block;
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 4px;
    position: relative;
    flex: none;
    font-size: 11px;
    margin-left: 4px;
    background-color: #577491;
    padding: 4px 6px;
    color: var(--color-4)
}

.kalendar-nabidka .kalendar-tags .bonus-tag:first-child {
    margin-left: 10px
}

.kalendar-nabidka .kalendar-tags .bonus-tag.tag-bez-vkladu {
    background: #f9504d;
    padding: 4px 10px 4px 22px;
    color: var(--color-4);
    margin-left: 14px
}

.kalendar-nabidka .kalendar-tags .bonus-tag.tag-bez-vkladu:before {
    background-image: url(assets/img/tag-bez-vkladu.webp);
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: -8px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.kalendar-nabidka .kalendar-tags .bonus-tag.tag-protoceni {
    padding: 4px 10px 4px 24px;
    background: #980da8;
    color: var(--color-4);
    margin-left: 12px
}

.kalendar-nabidka .kalendar-tags .bonus-tag.tag-protoceni:before {
    background-image: url(assets/img/tag-za-protoceni.webp);
    content: "";
    width: 27px;
    height: 25px;
    position: absolute;
    left: -8px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.kalendar-nabidka .bonus-tag.tag-za-vklad {
    background: #50b780 !important;
    padding: 4px 10px 4px 34px !important;
    color: var(--color-4);
    margin-left: 14px !important
}

.kalendar-nabidka .bonus-tag.tag-za-vklad:before {
    background-image: url(assets/img/tag-za-vklad.webp);
    content: "";
    width: 40px;
    height: 29px;
    position: absolute;
    left: -10px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -2px
}

.kalendar-nabidka .nabidka-row.nabidka-main-cta .nabidka-cta a {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 0;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em
}

.kalendar-nabidka .nabidka-row.nabidka-main-cta .nabidka-cta {
    min-width: 70%;
    max-width: 100%;
    width: 100%
}

.kalendar-nabidka .nabidka-row.nabidka-main-cta {
    display: flex;
    align-items: center !important
}

.kalendar-nabidka .nabidka-row.nabidka-main-cta .nabidka-tooltip, .turnaj-data .nabidka-tooltip {
    border: 1px solid var(--bg-2-border);
    border-radius: 12px;
    width: 100%;
    text-align: center;
    margin-left: 10px;
    background-color: var(--bg-1);
    padding: 4px 0
}

.turnaj-data .nabidka-tooltip {
    max-width: 50px;
    margin-right: 10px;
    padding: 8px 0px;
}

.kalendar-nabidka .nabidka-row.nabidka-main-cta .nabidka-tooltip i, .turnaj-data .nabidka-tooltip i {
    font-size: 21px;
    color: var(--color-3)
}

.kalendar-nabidka .tooltip-container {
    position: relative;
    cursor: pointer
}


.kalendar-nabidka .tooltip-text {
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg-3);
    color: var(--color-4);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
    z-index: 1;
    max-width: 230px
}

.kalendar-nabidka .tooltip-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-top: 8px solid var(--bg-3)
}

.kalendar-nabidka .tooltip-container:hover .tooltip-text {
    opacity: 1;
    visibility: visible
}

.kalendar-nabidka .promocode.tooltip-container {
    background-color: #ffe8a4;
    display: inline-block;
    padding: 0 6px;
    border-radius: 6px;
    border: 1px solid #e7cf88
}

.kalendar-nabidka .promocode.tooltip-container i {
    font-size: 13px;
    margin-right: 4px
}

.kalendar-nabidka .promocode.tooltip-container .code-text {
    font-size: 12px;
    letter-spacing: .01em;
    word-spacing: .05em;
    font-weight: 500;
    text-transform: uppercase
}

.kalendar-tab .kalendar-insert--newsletter, .kalendar-tab .kalendar-insert--banner {
    grid-column: 1 / -1
}

.kalendar-tab .zobraz-vice-button {
    grid-column: 1 / -1;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid var(--color-3);
    background-color: #fff0;
    color: var(--color-3);
    font-size: 13px;
    font-weight: 600
}

/*
.kalendar-nabidka.top-kalendar .kalendar-nabidka-inner {
    border-left: 1px solid var(--star-fill);
    border-bottom: 1px solid var(--star-fill);
    border-right: 1px solid var(--star-fill);
    border-top: 3px solid var(--star-fill)
}
*/

.kalendar-nabidka .bonus-tag.tag-top {
    background-color: var(--star-fill) !important;
    padding: 4px 10px 4px 20px
}

.kalendar-nabidka .bonus-tag.tag-top:before {
    background-image: url(assets/img/tag-top-bonus.webp);
    content: "";
    width: 26px;
    height: 24px;
    position: absolute;
    left: -10px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0
}

.kalendar-nabidka.top-kalendar .nabidka-row.nabidka-main-cta .nabidka-cta a {
    background-color: var(--star-fill)
}

.kalendar .tlacitko-section {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 10px
}

.kalendar .tlacitko-section a {
    text-decoration: none
}

@media (max-width:991px) {
    .ks-banner img {
        border-radius: 12px;
        max-width: 100%;
        height: auto
    }
}

@media (min-width:992px) {
    .ks-banner img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 12px
    }


    .kalendar-nabidka .nabidka-tooltip .tooltip-text {
        min-width: 200px
    }
}

.ks-banner {
    margin-bottom: 10px;
    text-align: center
}

.free-spiny-dnes {
    width: 100%;
    margin: 20px 0
}

.free-spiny-dnes-wrapper {
    display: flex;
    gap: 0;
    background: var(--bg-2);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--bg-2-border)
}

.free-spiny-dnes-table {
    flex: 1 1 auto;
    padding: 6px 20px 6px
}

.free-spiny-dnes-table .ds_float_banner_nav {
    display: grid !important;
    grid-template-columns: 84px 1fr 1fr 160px;
    align-items: center;
    margin: 6px 0 10px;
    background: #fff0
}

.free-spiny-dnes-table .ds_float_banner_nav_img, .free-spiny-dnes-table .ds_float_banner_nav_header, .free-spiny-dnes-table .ds_float_banner_nav_cat {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-3)
}

.free-spiny-dnes-table .ds_float_banner_item {
    display: grid !important;
    grid-template-columns: 84px 1fr 1fr 160px;
    align-items: center;
    gap: 12px;
    background: var(--bg-1);
    border-radius: 12px;
    padding: 0 6px 0 0;
    margin: 0 0 4px;
    border: 1px solid var(--bg-2-border)
}

.free-spiny-dnes-table .ds_float_banner_item_img {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.free-spiny-dnes-table .ds_float_banner_item_img_img {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    object-fit: cover;
    display: block;
    margin: 0
}

.free-spiny-dnes-table .ds_float_banner_item_title {
    font-size: 14px;
    color: var(--color-1)
}

.free-spiny-dnes-table .ds_float_banner_item_header .ds_float_banner_item_title {
    font-weight: 700
}

.free-spiny-dnes-table .ds_float_banner_item_btn {
    display: flex;
    justify-content: flex-end
}

.free-spiny-dnes-table .ds_link_wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.free-spiny-dnes-table a.ds_float_banner_item_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    white-space: nowrap;
    background-color: var(--bg-3);
    padding: 10px 12px;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .01em;
    word-spacing: .05em
}

.free-spiny-dnes-table a.ds_float_banner_item_link:hover {
    filter: brightness(.95)
}

.free-spiny-dnes-table a.ds_float_banner_item_link span {
    margin-left: 6px;
    font-weight: 700
}

.free-spiny-dnes-img img {
    margin: 0
}

@media (min-width:0) and (max-width:1200px) {
    .free-spiny-dnes-img {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0
    }

    .free-spiny-dnes-wrapper {
        flex-direction: column;
        border-radius: 10px
    }
}

@media (max-width:991px) {
    .free-spiny-dnes-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover
    }

    .free-spiny-dnes-table {
        padding: 12px
    }

    .free-spiny-dnes-table .ds_float_banner_nav {
        display: none !important
    }

    .free-spiny-dnes-table .ds_float_banner_item {
        grid-template-columns: 68px 1fr;
        grid-template-areas: "logo spins cond""btn  btn   btn";
        gap: 10px 0;
        padding: 12px;
        border-radius: 10px
    }

    .free-spiny-dnes-table .ds_float_banner_item_img {
        grid-area: logo
    }

    .free-spiny-dnes-table .ds_float_banner_item_header {
        grid-area: spins
    }

    .free-spiny-dnes-table .ds_float_banner_item_cat {
        grid-area: cond
    }

    .free-spiny-dnes-table .ds_float_banner_item_btn {
        grid-area: btn;
        justify-content: flex-start
    }

    .free-spiny-dnes-table .ds_float_banner_item_img_img {
        width: 54px;
        height: 54px
    }

    .free-spiny-dnes-table .ds_float_banner_item_header .ds_float_banner_item_title {
        font-size: 16px;
        font-weight: 800
    }

    .free-spiny-dnes-table .ds_link_wrapper {
        width: 100%;
        justify-content: flex-start
    }

    .free-spiny-dnes-table a.ds_float_banner_item_link {
        width: 100%
    }
}

@media (min-width:1201px) {
    .free-spiny-dnes-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .free-spiny-dnes-img {
        flex: 0 0 36%;
        min-width: 550px;
        max-width: 550px;
        position: relative
    }
}

.display-software-shortcode {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    width: 100%
}

.display-software-shortcode a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    padding: 0 6px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--color-1);
    flex: none;
    margin-right: 10px
}

.display-software-shortcode .dragable {
    width: 100%
}

.display-software-shortcode .multiple-items {
    height: unset;
    width: 100%;
    justify-content: space-evenly !important
}

.display-software-shortcode a img {
    max-height: 34px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0
}

.display-software-shortcode .ds-soft-more-btn {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 14px;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em;
    border: 0
}

@media (max-width:991px) {
    .kalendar-newsletter .kalendar-newsletter-title {
        border: 0;
        padding-left: 22px;
        text-align: center;
        padding-right: 22px
    }

    .kalendar-newsletter .newsletter-wrapper {
        background-color: var(--bg-4);
        border-radius: 12px;
        background-image: url(assets/img/newsletter-bg.webp);
        align-items: center;
        justify-content: center;
        padding: 20px 0 20px 0;
        margin: 0
    }

    .kalendar-newsletter .kalendar-newsletter-desc {
        text-align: center
    }

    .kalendar-newsletter:before {
        content: "";
        width: 74px;
        height: 90px;
        position: absolute;
        left: 0;
        top: -50px;
        background-image: url(assets/img/newsletter-bell.webp);
        background-repeat: no-repeat;
        background-size: cover
    }

    .kalendar-newsletter .newsletter-formular .newsletter-form {
        position: relative;
        z-index: 1
    }

    .kalendar-newsletter .newsletter-formular input[type="email"] {
        width: 100%;
        padding: 12px 20px;
        border-radius: 12px;
        border: 0
    }

    .kalendar-newsletter .newsletter-formular .newsletter-warning {
        padding: 0;
        margin-bottom: 0;
        text-align: center;
        font-size: 11px !important;
        color: var(--color-4) !important;
        margin-top: 8px;
        z-index: 1;
        position: relative
    }

    .kalendar-nabidka .kalendar-tags .nabidka-tagy {
        max-width: 310px;
    }
}

@media (min-width:992px) {
    .kalendar-nabidka .kalendar-tags .nabidka-tagy {
        max-width: 283px;
    }

    .kalendar-newsletter .newsletter-formular:after {
        content: "";
        width: 151px;
        height: 214px;
        position: absolute;
        left: 0;
        top: -85px;
        background-image: url(assets/img/newsletter-hearts.webp);
        z-index: 0
    }

    .kalendar-newsletter:before {
        content: "";
        width: 104px;
        height: 126px;
        position: absolute;
        left: -20px;
        top: -20px;
        background-image: url(assets/img/newsletter-bell.webp)
    }

    .kalendar-newsletter .kalendar-newsletter-desc {
        padding-left: 30px
    }

    .kalendar-newsletter .kalendar-newsletter-title {
        padding-left: 30px;
        border: 0
    }

    .kalendar-newsletter .newsletter-formular .newsletter-form {
        position: relative;
        text-align: end;
        z-index: 1
    }

    .kalendar-newsletter .newsletter-formular input[type="email"] {
        width: 80%;
        padding: 12px 20px;
        border-radius: 12px;
        border: 0
    }

    .kalendar-newsletter .newsletter-formular .newsletter-warning {
        padding: 0;
        margin-bottom: 0;
        text-align: end;
        font-size: 12px !important;
        color: var(--color-4) !important;
        margin-top: 8px;
        z-index: 1;
        position: relative;
    }

    .kalendar-newsletter .newsletter-wrapper {
        background-color: var(--bg-4);
        border-radius: 12px;
        background-image: url(assets/img/newsletter-bg.webp);
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        margin: 0
    }
}

.kalendar-newsletter .newsletter-formular .newsletter-warning a {
    color: var(--color-2)
}

.kalendar-newsletter .kalendar-newsletter-title h2 b, .kalendar-newsletter .kalendar-newsletter-title h2 bold, .kalendar-newsletter .kalendar-newsletter-title h2 strong {
    color: var(--color-2)
}

.kalendar-newsletter .kalendar-newsletter-title h2 {
    padding: 0;
    border: 0;
    color: var(--color-4);
    font-weight: 400;
    font-size: 27px;
    line-height: 30px;
    margin-top: 20px
}

.kalendar-newsletter .kalendar-newsletter-desc p {
    color: var(--color-4);
    font-weight: 400;
    font-size: 13px !important;
    line-height: 18px
}

.kalendar-newsletter {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px
}

.kalendar-newsletter .newsletter-formular {
    position: relative
}

.kalendar-newsletter .newsletter-formular .newsletter-sign-up input {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-image: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 12px;
    background-color: var(--bg-3);
    color: var(--color-4);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.kalendar-newsletter .newsletter-formular input,
.kalendar-newsletter .newsletter-formular button,
.kalendar-newsletter .newsletter-formular select,
.kalendar-newsletter .newsletter-formular textarea {
    -webkit-text-size-adjust: 100%;
}

.kalendar-newsletter .newsletter-formular .newsletter-sign-up {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 2;
}

.kalendar-newsletter .newsletter-formular input[type="email"]:focus {
    outline: none
}

@media only screen and (min-width:992px) {
    .best-offer-row .offer-image {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        min-width: 200px;
        max-width: 300px;
        z-index: 0;
        opacity: .4;
        border-radius: 12px;
        overflow: hidden
    }
}

@media only screen and (max-width:991px) {
    .best-offer-row .offer-image {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        min-width: 200px;
        max-width: 200px;
        z-index: 0;
        opacity: .4;
        border-radius: 12px;
        overflow: hidden
    }
}

.best-offers .best-offers-icon .gift-count {
    background-color: var(--bg-3);
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: var(--color-4);
    font-weight: 400;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px;
    position: absolute;
    right: -1px;
    top: 11px
}

.best-offers-listing[hidden] {
    display: none !important
}

.best-offers-listing {
    display: none
}

.best-offers-listing.is-open {
    display: block !important
}

.best-offers-listing {
    position: fixed !important;
    top: 40% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10001;
    overflow: hidden;
    border-radius: 12px;
    width: min(92vw, 550px);
    max-height: 450px;
    min-height: 450px;
    background: var(--bg-2)
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .8);
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease
}

body:has(.best-offers-listing.is-open)::before {
    opacity: 1;
    pointer-events: auto
}

body:has(.best-offers-listing.is-open) {
    overflow: hidden
}

.best-offer {
    padding: 8px 8px 8px 0;
    border-bottom: 1px solid var(--bg-2-border)
}

.best-offers-empty {
    color: var(--color-3);
    font-size: 12px;
    line-height: 18px;
    padding: 12px
}

.best-offer:last-child {
    border: 0
}

.best-offer a {
    text-decoration: none
}

i.bi.bi-x.close {
    position: absolute;
    right: 14px;
    top: 10px;
    color: var(--color-4);
    font-size: 24px;
    font-weight: 600;
    cursor: pointer
}

.best-offers-close {
    position: absolute;
    right: 14px;
    top: 10px;
    color: var(--color-3);
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    border: 0;
    background: transparent;
}

.best-offers-tabs {
    display: flex;
    gap: 8px;
    padding: 10px 10px 0;
    border-bottom: 1px solid var(--bg-2-border);
    justify-content: center
}

.best-offers-tab {
    appearance: none;
    border: 0;
    background: #fff0;
    cursor: pointer;
    padding: 8px 10px;
    font-weight: 600;
    color: var(--color-3)
}

.best-offers-tab.is-active {
    border-bottom: 2px solid currentColor;
    color: var(--color-2)
}

.best-offers-tab .tab-count {
    font-weight: 500
}

.best-offers-panes {
    padding: 10px
}

.best-offers-pane {
    display: none
}

.best-offers-pane.is-active {
    display: block
}

.best-offers-pane {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 380px;
    min-height: 380px
}

.best-offers-pane::-webkit-scrollbar, .best-offers-pane::-webkit-scrollbar-track {
    width: 4px;
    background-color: var(--bg-2)
}

.best-offers-pane::-webkit-scrollbar-thumb {
    background-color: var(--bg-3)
}

.best-offer-row {
    display: flex;
    gap: 8px;
    border-radius: 12px;
    position: relative;
    min-height: 150px;
    align-items: center;
    background: radial-gradient(104.84% 129.17% at 93.34% 4.35%, rgb(112 93 242 / .2) 0%, rgb(28 17 52 / .2) 100%), #1c1134
}

.best-offer-row .offer-image:before {
    content: " ";
    width: 150px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    background: linear-gradient(90deg, #231844 0%, #fff0 100%)
}

.best-offer-row .offer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.offer-text {
    width: 80%;
    padding: 22px;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 10px #0e0e22
}

.offer-text .tag {
    color: var(--star-fill);
    font-size: 11px;
    line-height: 18px;
    display: block;
    text-decoration: none;
    margin: 0;
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em
}

.offer-text .related-casino-bonus-code {
    border: 2px dotted var(--color-3);
    border-radius: 12px;
    text-align: center;
    position: relative;
    padding: 8px 0 8px 0;
    margin-top: 14px;
    max-width: 210px
}

.offer-text .related-casino-bonus-code-value {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em;
    color: var(--color-4)
}

.offer-text .related-casino-bonus-code-title {
    position: absolute;
    top: -9px;
    font-size: 11px;
    left: 28%;
    color: var(--color-3);
    background: #1d1338;
    padding: 0 8px
}

.offer-text .text {
    color: var(--color-4);
    font-size: 21px;
    line-height: 23px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 6px;
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-top: 2px
}

.offer-text .excerpt {
    color: var(--color-3);
    font-size: 13px;
    line-height: 18px;
    display: block;
    text-decoration: none;
    margin: 0;
    letter-spacing: .01em;
    word-spacing: .05em
}

.faq-lead p {
    font-size: 14px !important;
    line-height: 23px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em;
    padding-bottom: 1.45em
}

.schema-faq-section {
    cursor: pointer;
    margin-bottom: 10px;
    background-color: var(--bg-2);
    border: 1px solid var(--bg-2-border);
    border-radius: 12px;
    padding: 12px 12px 0 12px
}

.schema-faq-section-open {
    cursor: text
}

.schema-faq-question strong {
    font-weight: 600
}

.schema-faq-question {
    border-bottom: 1px solid #f0f1f5;
    display: block;
    padding-bottom: 10px;
    position: relative;
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 16px
}

.schema-faq-question h3 {
    margin: 0;
    padding: 0;
    font-size: 16px
}

.schema-faq-section-open .schema-faq-question::before {
    background-image: url(assets/img/faq-open.webp)
}

.schema-faq-question::before {
    content: "";
    background-image: url(assets/img/faq.webp);
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    background-size: contain
}

.faq_icon {
    position: absolute;
    right: 0;
    top: 0
}

.faq_iconplus, .faq_iconminus {
    position: absolute;
    top: 0;
    z-index: 0
}

.faq_iconminus {
    z-index: 1
}

.schema-faq-section-open .schema-faq-question {
    color: var(--color-2)
}

.schema-faq-answer {
    display: none;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 23px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em
}

@media (max-width:991px) {
    .single-with-sidebar .kalendar-tab {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px
    }

    .kalendar-tab {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px
    }

    .aces-bonuses-grid, .casino-shortcode-grid, #cas-author-bonuses-grid {
        grid-template-columns: repeat(1, 1fr);
        display: grid
    }

    .single-with-sidebar .aces-bonuses-grid, .single-with-sidebar .casino-shortcode-grid {
        grid-template-columns: repeat(1, 1fr);
        display: grid
    }

    .ds_float_banner_content .ds_float_banner_item_header {
        padding-left: 4px;
        min-width: 90px
    }

    .ds_float_banner_content .ds_float_banner_item_btn {
        margin-left: auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .single-with-sidebar .kalendar-tab {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

    .kalendar-tab {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }

    .aces-bonuses-grid, .casino-shortcode-grid, #cas-author-bonuses-grid {
        grid-template-columns: repeat(3, 1fr);
        display: grid
    }

    .single-with-sidebar .aces-bonuses-grid, .single-with-sidebar .casino-shortcode-grid {
        grid-template-columns: repeat(2, 1fr);
        display: grid
    }

    .single-with-sidebar .news-card-big {
        flex: 0 0 auto;
        width: 33%
    }

    .ds_float_banner_content .ds_float_banner_item_header {
        padding-left: 16px;
        min-width: 170px
    }

    .ds_float_banner_content .ds_float_banner_item_btn {
        margin-left: auto
    }
}

@media (min-width:1200px) {
    .ds_float_banner_content .ds_float_banner_item_header {
        padding-left: 16px;
        min-width: 170px
    }

    .ds_float_banner_content .ds_float_banner_item_btn {
        margin-left: auto
    }

    .single-with-sidebar .kalendar-tab {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }

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

    .aces-bonuses-grid, .casino-shortcode-grid, #cas-author-bonuses-grid {
        grid-template-columns: repeat(4, 1fr);
        display: grid
    }

    .single-with-sidebar .aces-bonuses-grid, .single-with-sidebar .casino-shortcode-grid {
        grid-template-columns: repeat(3, 1fr);
        display: grid
    }

    .single-with-sidebar .news-card-big {
        flex: 0 0 auto;
        width: 33%
    }

    .single-casino-main .aces-games-grid .slot-small {
        flex: 0 0 auto;
        width: 33%
    }

    .single-casino-main .kalendar-tab, .single-casino-main .aces-bonuses-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}


#scrolltop.show {
    bottom: 65px !important
}

.ds_title_wrapper {
    justify-content: space-between
}

.ds_title_col_left {
    width: 68%;
    padding-top: 45px
}

.ds_title_col_left_title {
    font-size: 31px;
    padding-bottom: 10px
}

.ds_title_col_left_text {
    font-size: 20px
}

.ds_title_col_right {
    padding-right: 5%
}

.ds_title_col_right_img {
    max-width: 250px
}

@media only screen and (min-width:992px) {
    .footer .footer-logo {
        max-width: 200px
    }
}

@media only screen and (max-width:991px) {
    .footer .footer-logo {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 10px
    }
}

.footer {
    background-color: var(--bg-4)
}

.footer .footer-menu ul li a, .footer-last-menu ul li a {
    font-size: 13px;
    color: var(--color-4);
    text-decoration: none;
    position: relative;
    padding-left: 8px
}

.footer .footer-menu ul li a:hover {
    color: var(--color-2)
}

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

.footer .footer-title {
    font-size: 14px;
    color: var(--color-4);
    font-weight: 500;
    border-left: 2px solid var(--color-2);
    padding-left: 8px
}

.footer .footer-menu ul li a:before {
    content: " ";
    width: 3px;
    height: 3px;
    display: inline-block;
    background: var(--color-3);
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: 8px;
    left: 0
}

.footer .row:last-child {
    border: 0
}

.footer .row {
    border-bottom: 1px solid var(--bg-5)
}

.footer .footer-logo-text p, .footer .hrajte-zodpovedne p {
    font-size: 13px;
    line-height: 20px;
    color: var(--color-4);
    letter-spacing: .01em;
    word-spacing: .05em;
    margin: 0
}

.footer .hrajte-zodpovedne h3 b, .footer .footer-newsletter .newsletter-text h2 strong {
    color: var(--color-2)
}

.footer .hrajte-zodpovedne h3, .footer .footer-newsletter .newsletter-text h2 {
    margin-bottom: 8px;
    padding: 0;
    font-size: 18px;
    color: var(--color-4);
    font-weight: 500;
    margin-top: 0;
    letter-spacing: .01em;
    word-spacing: .05em
}

.footer .hrajte-zodpovedne .zodpovedne-loga img {
    margin-right: 6px
}

.footer .hrajte-zodpovedne .zodpovedne-loga {
    margin-top: 16px
}

.footer .hrajte-zodpovedne .zodpovedne-loga a {
    text-decoration: none
}

.footer .newsletter-formular {
    position: relative
}

.footer .newsletter-sign-up input {
    min-width: 160px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-image: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    padding: 9px 20px;
    border-radius: 12px;
    background-color: var(--bg-3);
    color: var(--color-4);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.footer .newsletter-formular input[type="email"] {
    width: 100%;
    padding: 12px 20px;
    border-radius: 12px;
    border: 0
}

.footer .newsletter-formular input:focus {
    outline: none
}

.footer .newsletter-sign-up {
    position: absolute;
    right: 16px;
    top: 4px
}

.footer .newsletter-formular .newsletter-warning a {
    color: var(--color-2);
    font-weight: 500
}

.footer .newsletter-formular .newsletter-warning {
    font-size: 12px;
    color: var(--color-3);
    margin-bottom: 0;
    padding: 0;
    margin-top: 6px
}

.footer-newsletter, .hrajte-zodpovedne {
    text-align: center
}

.footer-last-menu ul li {
    display: inline-block;
    margin-right: 16px;
    margin-top: 16px
}

.footer-last-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.cas-popup-overlay[hidden] {
    display: none
}

.cas-popup-stack--news {
    position: fixed;
    left: 0;
    top: 40%;
    z-index: 80;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
    transform: translateY(-60%);
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cas-popup-host--news {
    pointer-events: auto
}

.cas-popup-stack--news .cas-popup-overlay {
    position: static;
    background: #fff0;
    display: block
}

.cas-popup-stack--news .cas-popup-modal--newsletter {
    position: relative;
    max-width: 300px;
    padding: 16px;
    background-color: var(--bg-4);
    border-radius: 0 12px 12px 0;
    background: radial-gradient(104.84% 129.17% at 93.34% 4.35%, rgb(112 93 242 / .2) 0%, rgb(28 17 52 / .2) 100%), #1c1134
}

.cas-popup-stack--news .cas-popup-modal--newsletter .cas-popup-email-text p:last-child {
    font-size: 13px;
    margin-bottom: 0;
    color: var(--color-3);
    font-weight: 500;
    margin-top: -2px
}

.cas-popup-stack--news .cas-popup-modal--newsletter .cas-popup-email-text p:nth-child(2) {
    font-size: 21px;
    margin-bottom: 0;
    color: var(--color-4);
    font-weight: 600;
    margin-top: -6px
}

.cas-popup-stack--news .cas-popup-modal--newsletter .cas-popup-email-text p:first-child {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: var(--star-fill);
    text-transform: uppercase
}

.cas-popup-stack--news .cas-popup-modal--newsletter input[type=text]:focus {
    outline: none
}

.cas-popup-stack--news .cas-popup-modal--newsletter input[type=text] {
    width: 100%;
    border-radius: 12px;
    padding: 10px 10px;
    border: 0
}

.cas-popup-stack--news .cas-popup-modal--newsletter input[type=submit] {
    width: 100%;
    border-radius: 12px;
    border: 0;
    padding: 10px 12px;
    background-color: var(--bg-3);
    margin-top: 10px;
    color: var(--color-4);
    font-weight: 600;
    cursor: pointer
}

.cas-popup-stack--news .cas-popup-close {
    position: absolute;
    right: 2%;
    top: 4px;
    background: #fff0;
    border: 0;
    font-size: 26px;
    color: var(--color-4);
    cursor: pointer
}

.cas-popup-email-box .cas-popup-email-icon {
    width: 81px
}

.cas-popup-email-box .cas-popup-email-icon img {
    position: absolute;
    top: -20px;
    left: -4px
}

.cas-popup-email-box {
    display: flex;
    margin-bottom: 20px
}

.cas-popup-stack--news:not(.is-ready) {
    opacity: 0;
    transform: translateY(-60%) translate3d(-110%, 0, 0)
}

.cas-popup-stack--news.is-ready {
    opacity: 1;
    transform: translateY(-60%) translate3d(0, 0, 0)
}

.cas-popup-stack--news.is-hidden-on-scroll {
    opacity: 0;
    transform: translateY(-60%) translate3d(-110%, 0, 0)
}

@media (min-width:1400px) {
    .slider-preset-box .slider-preset-head {
        margin-bottom: -57px;
        position: relative;
        z-index: 11;
        max-width: 84%;
        text-align: end;
        padding-left: 20px
    }
}

@media (min-width:992px) and (max-width:1399px) {
    .slider-preset-box .slider-preset-head {
        margin-bottom: -60px;
        position: relative;
        z-index: 11;
        max-width: 81%;
        text-align: end;
        padding-left: 20px
    }
}

@media (min-width:992px) {
    .news-shortcode-full .news-card-small-image, .news-shortcode-full .news-card-small-image img {
        max-width: 150px;
        max-height: 150px;
        width: 150px;
        height: 150px;
        margin-top: 0
    }

    .news-shortcode-half .news-card-big .news-card-big-bg, .news-shortcode-half .news-card-big .news-card-big-bg img {
        max-height: 360px
    }

    span.mobile-title .not-game-tab-mobile {
        display: none
    }
}

@media (max-width:991px) {
    .slider-preset-box .slider-preset-head .dragable {
        padding-top: 2px
    }

    .news-shortcode-full .news-card-small-image img {
        width: 100%;
        max-width: 100%;
        max-height: 180px;
        height: 100%;
        margin: 0;
        object-fit: cover
    }

    .news-shortcode-full .news-card-small-image {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        margin: 0;
        max-height: 200px
    }

    .slider-preset-head .slider-preset-not-tab {
        display: none
    }

    .slider-preset-box .slider-preset-head {
        margin-bottom: -55px;
        position: relative;
        z-index: 11;
        max-width: 95%;
        text-align: end;
        padding-left: 20px
    }

    .slider-preset-box .slider-preset-body .swiper-button-next, .slider-preset-box .slider-preset-body .swiper-button-prev {
        display: none;
    }

    span.mobile-title {
        display: flex;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 30px
    }

    span.mobile-title .not-game-tab-mobile {
        border: 1px solid var(--color-3);
        border-radius: 12px;
        padding: 8px 10px;
        margin-right: 6px;
        background-color: var(--bg-1);
        font-size: 13px;
        font-weight: 600;
        color: var(--color-3);
        cursor: pointer;
        flex: none;
        margin-left: auto
    }

    span.mobile-title .not-game-tab-mobile a {
        text-decoration: none;
        color: var(--color-3)
    }
}

.news-shortcode-full .news-card-link {
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-bottom: 8px
}

.news-shortcode-full .news-card-excerpt {
    font-size: 13px;
    line-height: 19px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em;
    margin-bottom: 10px
}

.news-shortcode-half .news-card-small .news-card-image img {
    min-width: 80px;
    margin: 0;
    width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    max-width: 80px
}

.news-shortcode-half .news-card-small .news-card-small-image {
    margin: 0
}

.slider-preset-box h2 {
    margin: 0
}

.slider-preset-box .slider-preset-head .multiple-items {
    height: 33px;
    width: 100%
}

.slider-preset-box .slider-preset-head .slider-preset-tab.is-active {
    background-color: var(--bg-4);
    border-color: var(--bg-4);
    color: var(--color-4)
}

.slider-preset-box .slider-preset-head .slider-preset-tab, .slider-preset-head .slider-preset-not-tab {
    border: 1px solid var(--color-3);
    border-radius: 12px;
    padding: 8px 10px;
    margin-right: 6px;
    background-color: var(--bg-1);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-3);
    cursor: pointer;
    flex: none
}

.slider-preset-box .slider-preset-head .slider-preset-not-tab a {
    text-decoration: none;
    color: var(--color-3)
}

.slider-preset-box .slider-preset-body .swiper-button-next {
    right: 10px;
    left: unset;
    top: 32px
}


.slider-preset-box .slider-preset-body .swiper-button-prev, .slider-preset-box .slider-preset-body .swiper-button-pre {
    right: 50px;
    left: unset;
    top: 32px
}

.slider-preset-head .slider-preset-not-tab {
    position: absolute;
    right: -11%
}

.slider-preset-box .slider-preset-body .swiper-button-prev::after, .slider-preset-box .slider-preset-body .swiper-button-next::after, .slider-preset-box .slider-preset-body .swiper-button-pre::after {
    color: var(--color-3);
    font-size: 17px;
    border: 1px solid var(--color-3);
    padding: 7px 11px;
    border-radius: 10px;
    background-color: var(--bg-1)
}

.slider-preset-box .slider-preset-body .swiper-button-prev:hover::after, .slider-preset-box .slider-preset-body .swiper-button-next:hover::after {
    background-color: var(--bg-4);
    border-color: var(--bg-4);
    color: var(--color-4);
}

.slider-preset-box .slider-preset-body .swiper-container {
    padding-top: 70px;
    background-color: var(--bg-2);
    border: 1px solid var(--bg-2-border);
    border-radius: 12px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.slider-preset-box .swiper-pagination {
    display: none
}

.slider-preset-box .slider-preset-head .dragable::-webkit-scrollbar, .slider-preset-box .slider-preset-head .dragable::-webkit-scrollbar-track {
    height: 3px;
    background-color: var(--bg-4-border);
    border-radius: 12px
}

.slider-preset-box .slider-preset-head .dragable::-webkit-scrollbar-thumb {
    background-color: var(--bg-3);
    border-radius: 12px
}

.slider-preset-box .slider-preset-head .dragable {
    height: 43px
}

.kalendar-panel {
    display: none
}

.kalendar-panel.is-active {
    display: block
}

.kalendar-panel[hidden] {
    display: none !important
}

.game-panel {
    display: none
}

.game-panel.is-active {
    display: block
}

.game-panel[hidden] {
    display: none !important
}

.bonus-panel {
    display: none
}

.bonus-panel.is-active {
    display: block
}

.bonus-panel[hidden] {
    display: none !important
}


.game-tabs__body.slider-preset-body .swiper-wrapper .slot-small {
    margin-bottom: 0 !important
}

.vendor-slider-block .slider-preset-body .swiper-container {
    background-color: #fff0;
    border-color: #fff0
}

.vendor-slider-block .slider-preset-body .vendor-slide__link .vendor-slide__logo-wrap {
    background: var(--bg-2);
    position: relative;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid var(--bg-2-border);
    width: 100%;
    padding: 10px 0px;
}

.vendor-slider-block .slider-preset-body .vendor-slide__link {
    position: relative;
}

.vendor-slider-block .slider-preset-body .vendor-slide__meta {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 25%);
    z-index: 5;
    background-color: var(--color-3);
    padding: 4px 10px;
    border-radius: 12px;
    color: var(--color-4);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.vendor-slider-block .slider-preset-body .vendor-slide__link .vendor-slide__logo-wrap img {
    padding: 0;
    margin: 0 auto;
    max-height: 80px;
    min-height: 80px;
    width: auto;
    object-fit: scale-down
}

@media only screen and (max-width:991px) {
    .shortcode-news .shortcode-text {
        text-align: center
    }

    .casino-rating-full .casino-rating {
        grid-template-columns: 1fr
    }

    .page-single-casino .casino-detail-logo {
        order: 1;
        margin-top: 30px
    }

    .page-single-casino .page-header {
        order: 2
    }

    .shortcode-news .bg-featured {
        top: 0;
        height: 100%
    }
}

@media only screen and (min-width:992px) {
    .single-casino-content p:has(>a:only-child>img:only-child) {
        margin: 0 !important;
        padding: 0 !important
    }

    .single-casino-content p:has(>img:only-child) {
        padding: 0 !important;
        margin: 0 !important
    }

    .single-casino-content p:has(>img:only-child) img, .single-casino-content p:has(>a:only-child>img:only-child) img, .single-casino-content p img {
        float: left;
        margin: 0 16px 8px 0 !important;
        border-radius: 12px !important;
        max-width: 300px;
        height: auto;
        object-fit: contain
    }

    .single-casino-content p:has(>img:only-child)+h2, .single-casino-content p:has(>a:only-child>img:only-child)+h2 {
        margin-left: 320px;
        margin-top: 10px
    }

    .single-casino-content p:has(>img:only-child) img, .single-casino-content p img {
        float: left;
        margin: 0 16px 8px 0 !important;
        border-radius: 12px !important;
        max-width: 300px;
        height: auto;
        object-fit: contain
    }

    .single-casino-content p:has(>img:only-child)+h2 {
        margin-left: 320px;
        margin-top: 10px
    }

    .shortcode-news .bg-featured img {
        min-width: 300px;
        margin: unset;
        width: 100%;
        max-width: 300px;
        object-fit: cover;
        max-height: 120px
    }
}

.casino-tabulka-krok-za-krokem {
    background-color: var(--bg-2);
    padding: 20px 10px 10px 10px;
    border-radius: 12px;
    position: relative
}

.casino-tabulka-krok-za-krokem .casino-tax-title {
    position: absolute;
    left: 12px;
    top: -10px;
    font-size: 13px;
    color: var(--color-3);
    background-color: var(--bg-1);
    border-radius: 12px;
    padding: 0 10px;
    font-weight: 600
}

.single-casino-tax .single-casino-tax-list {
    padding: 0;
    margin: 0
}

.single-casino-tax .single-casino-tax-list li {
    display: inline-block
}

.single-casino-tax h3 {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-3);
    margin-bottom: 10px
}

.single-casino-tax .single-casino-tax-list li a {
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    background-color: var(--bg-1);
    padding: 4px 10px;
    border-radius: 6px;
    border-left: 3px solid var(--color-3);
    border-top: 1px solid var(--bg-2-border);
    border-bottom: 1px solid var(--bg-2-border);
    border-right: 1px solid var(--bg-2-border);
    color: var(--color-1);
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em;
    align-items: center !important
}

.single-casino-headline {
    font-weight: 700;
    border-left: 3px solid var(--bg-3);
    padding-left: 10px;
    color: var(--color-1);
    font-size: 23px;
    margin-top: 40px;
    line-height: 25px
}

.single-casino-pros ul, .single-casino-cons ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.single-casino-pros ul li, .single-casino-cons ul li {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 23px;
    color: var(--color-1);
    margin-bottom: 4px;
    letter-spacing: .01em;
    word-spacing: .05em
}

.single-casino-pros ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .35em;
    width: 15px;
    height: 13px;
    background-image: url(assets/img/check.webp);
    background-size: contain;
    background-repeat: no-repeat
}

.single-casino-cons ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 15px;
    height: 15px;
    background-image: url(assets/img/uncheck.webp);
    background-size: contain;
    background-repeat: no-repeat
}

.single-casino-pros h3, .single-casino-cons h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.single-casino-payments h3 {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-3);
    margin-bottom: 10px
}

.single-casino-payments .casino-tax {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: stretch
}

.single-casino-payments .casino-tax__term {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 6px 10px;
    border: 1px solid var(--bg-2-border);
    border-radius: 10px;
    line-height: 1;
    text-decoration: none;
    background-color: var(--bg-1)
}

.single-casino-payments .casino-tax__term img {
    display: block;
    max-height: 30px;
    max-width: 110px;
    height: auto;
    width: auto;
    object-fit: contain;
    flex: 0 0 auto
}

.single-casino-payments .casino-tax__term .casino-tax__name {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    font-size: 14px;
    color: var(--color-1);
    font-weight: 500
}

.single-casino-payments .casino-tax__term:not(:has(img)) {
    padding-left: 14px;
    padding-right: 14px
}

.casino-detail-logo .casino-transparent-logo {
    text-align: center;
    margin-bottom: 20px
}

.casino-transparent-logo .casino-logo__img--fallback {
    border-radius: 12px
}

.casino-detail-fast-stats .casino-rating-box .casino-rating-summary, .casino-detail-fast-stats .casino-doba-vyplaty {
    display: flex;
    align-items: center !important;
    background-color: #00000057;
    padding: 6px 14px;
    border-radius: 12px;
    border: 1px solid var(--bg-4-border)
}

.casino-detail-fast-stats {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 10px
}

.casino-detail-fast-stats .casino-doba-vyplaty .casino-meta-text .casino-meta-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-4);
    margin: 0;
    padding: 0
}

.casino-detail-fast-stats .casino-doba-vyplaty .casino-meta-text .casino-meta-label {
    font-size: 13px;
    color: var(--color-3);
    margin: 0;
    padding: 0
}

.casino-detail-fast-stats .casino-doba-vyplaty .casino-meta-icon, .casino-detail-fast-stats .casino-doba-vyplaty .casino-meta-icon img {
    width: 32px;
    height: 32px
}

.casino-detail-fast-stats .casino-doba-vyplaty .casino-meta-text {
    display: grid;
    margin-left: 10px
}

.casino-detail-fast-stats .casino-rating-box .casino-rating-image {
    height: 32px;
    width: 29px
}

.casino-detail-fast-stats .casino-rating-box .casino-rating-result {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-4);
    margin: 0;
    padding: 0
}

.casino-detail-fast-stats .casino-rating-box .casino-rating-text {
    font-size: 13px;
    color: var(--color-3);
    margin: 0;
    padding: 0
}

.casino-detail-fast-stats .casino-rating-box .casino-rating-value {
    margin-left: 6px
}

.casino-rating-full .casino-rating {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px
}

.casino-rating-full .casino-rating .casino-rating-details {
    width: 100%;
    background-color: var(--bg-1);
    border: 1px solid var(--bg-2-border);
    padding: 4px 8px;
    border-radius: 12px
}

.casino-rating-full .casino-rating .casino-rating-details .casino-rating-row {
    display: flex;
    align-items: center;
    gap: 6px
}

.casino-rating-full .casino-rating .casino-rating-details .casino-rating-image {
    height: 32px;
    width: 29px
}

.casino-rating-full .casino-rating .casino-rating-details .casino-rating-text {
    font-size: 12px;
    margin: 0;
    color: var(--color-3)
}

.casino-rating-full .casino-rating .casino-rating-details .casino-rating-result {
    font-weight: 600;
    margin: 0;
    font-size: 15px;
    color: var(--color-1)
}

.sticky-single-bonus-title {
    font-size: 13px;
    color: var(--color-3);
    background-color: var(--bg-1);
    border-radius: 12px;
    padding: 0 10px;
    font-weight: 600;
    text-align: end;
}

#o-kasinu .single-bonus-sticky .bonus-box {
    max-width: 290px;
    margin-left: auto;
}

.casino-rating-full .casino-rating-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    flex: 0 0 100%;
    grid-column: 1 / -1;
    background: var(--bg-4);
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 6px 0
}

.casino-rating-full .casino-rating-summary .casino-rating-image {
    margin-left: 10px;
    height: 32px;
    width: 29px
}

.casino-rating-full .casino-rating-summary .casino-rating-text {
    font-size: 13px;
    margin: 0;
    color: var(--color-3)
}

.casino-rating-full .casino-rating-summary .casino-rating-result {
    color: var(--color-4);
    font-weight: 600;
    margin: 0;
    font-size: 15px
}

@media only screen and (max-width:991px) {
    .floating-single-casino-bonus {
        position: fixed;
        bottom: 10px;
        z-index: 21;
        width: 96%;
        left: 2%;
        right: 2%;
        transform: translateY(120%);
        opacity: 0;
        pointer-events: none;
        transition: transform .35s ease, opacity .35s ease;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d
    }

    .floating-single-casino-bonus .floating-bonus-cta {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .floating-single-casino-bonus .floating-bonus-title {
        min-width: 80%
    }

    .floating-single-casino-bonus .floating-bonus-valid {
        text-align: center
    }

    .floating-single-casino-bonus .related-casino-bonus-code-title {
        position: absolute;
        top: -9px;
        font-size: 11px;
        left: 23%;
        color: var(--color-3);
        background: #14224e;
        padding: 0 8px
    }
}

@media only screen and (min-width:992px) {
    .fast-links-sticky {
        position: sticky;
        top: 69px;
        z-index: 50;
        border-bottom: 1px solid var(--bg-2)
    }

    .floating-single-casino-bonus {
        position: fixed;
        bottom: 10px;
        z-index: 21;
        width: 100%;
        left: 0;
        transform: translateY(120%);
        opacity: 0;
        pointer-events: none;
        transition: transform .35s ease, opacity .35s ease;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d
    }

    .floating-single-casino-bonus .floating-bonus-cta {
        max-width: 190px;
        margin-left: auto;
        margin-right: 10px
    }

    .floating-single-casino-bonus .floating-bonus-title {
        max-width: max-content;
        margin-right: auto
    }

    .floating-single-casino-bonus .floating-bonus-promo {
        max-width: 200px
    }

    .floating-single-casino-bonus .floating-bonus-valid {
        max-width: 180px
    }

    .floating-single-casino-bonus .related-casino-bonus-code-date::before {
        content: "";
        width: 24px;
        height: 24px;
        position: absolute;
        background-image: url(assets/img/icon-platnost.webp);
        background-repeat: no-repeat;
        right: initial;
        top: -5px;
        left: -30px
    }

    .floating-single-casino-bonus .related-casino-bonus-code-title {
        position: absolute;
        top: -9px;
        font-size: 11px;
        left: 23%;
        color: var(--color-3);
        background: #172554;
        padding: 0 8px
    }
}

.floating-single-casino-bonus.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

@media (prefers-reduced-motion:reduce) {
    .floating-single-casino-bonus {
        transition: none
    }
}

.floating-single-casino-bonus .floating-bonus-close {
    padding: 0;
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: -10px;
    border-radius: 50%;
    border: 0;
    background-color: var(--bg-3);
    color: var(--color-4);
    font-size: 22px;
    cursor: pointer
}

.floating-single-casino-bonus .floating-bonus-bg {
    background: var(--bg-5);
    border-radius: 12px;
    padding: 10px 0;
    justify-content: space-between;
    background: radial-gradient(201.84% 129.17% at 13.34% 4.35%, rgb(112 93 242 / .2) 0%, rgb(28 17 52 / .2) 100%), var(--bg-5);
    position: relative
}

.floating-single-casino-bonus .floating-bonus-logo img {
    max-width: 60px;
    max-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 12px
}

.floating-single-casino-bonus .floating-bonus-logo {
    position: relative;
    margin-left: 12px;
    padding: 0;
    height: 60px;
    max-width: 60px
}

.floating-single-casino-bonus .floating-bonus-title .related-casino-terms a {
    font-size: 13px;
    color: var(--color-3);
    text-decoration: none;
    font-weight: 500
}

.floating-single-casino-bonus .floating-bonus-title .related-casino-bonus-title a {
    color: var(--color-4);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px
}

.floating-single-casino-bonus .floating-bonus-cta a {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 0;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em
}

.floating-single-casino-bonus .related-casino-bonus-code-date span {
    color: var(--color-4);
    font-weight: 500
}

.floating-single-casino-bonus .related-casino-bonus-code-date {
    position: relative;
    font-size: 13px;
    color: var(--color-3)
}

.floating-single-casino-bonus .related-casino-bonus-code {
    border: 2px dotted var(--color-3);
    border-radius: 12px;
    text-align: center;
    position: relative;
    padding: 10px 0 6px 0;
    margin-top: 14px;
    margin-bottom: 12px
}

.floating-single-casino-bonus .related-casino-bonus-code-value {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .01em;
    word-spacing: .05em;
    color: var(--color-4)
}

.floating-single-casino-bonus .related-casino-bonus-code-title span {
    align-items: center !important;
    display: flex
}

.floating-single-casino-bonus .related-casino-bonus-code-title span i {
    margin-right: 4px;
    margin-top: 0
}

.ch-slider {
    position: relative;
    overflow: hidden
}

.ch-slider__track {
    display: flex;
    transition: transform .45s ease;
    will-change: transform
}

.ch-slide {
    min-width: 100%;
    position: relative
}

.ch-slide__bg {
    position: absolute;
    inset: 0;
    z-index: 0
}

.ch-slide__bg .ch-slide__bgpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: .5;
    margin: 0;
    padding: 0
}

.ch-slide__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px
}

.ch-slide__text {
    max-width: 45%
}

.ch-slide__title {
    font-size: 45px;
    font-weight: 600;
    line-height: 44px;
    color: var(--color-4);
    margin-bottom: 10px
}

.ch-slide__subtitle {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.ch-slide__cta {
    margin-top: 14px
}

.ch-slide__cta-btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 12px;
    background: var(--bg-3);
    font-weight: 700;
    text-decoration: none;
    color: var(--color-4);
    font-size: 14px;
    text-transform: uppercase
}

.ch-slide__cta-btn {
    display: inline-block
}

.ch-slide__cta-btn.is-shaking {
    animation: chShakeOnce 650ms ease-in-out 1 both
}

@keyframes chShakeOnce {
    0% {
        transform: translateX(0) rotate(0)
    }

    12% {
        transform: translateX(-2px) rotate(-1deg)
    }

    24% {
        transform: translateX(3px) rotate(1deg)
    }

    36% {
        transform: translateX(-3px) rotate(-1deg)
    }

    48% {
        transform: translateX(3px) rotate(1deg)
    }

    60% {
        transform: translateX(-2px) rotate(-1deg)
    }

    72% {
        transform: translateX(2px) rotate(.5deg)
    }

    100% {
        transform: translateX(0) rotate(0)
    }
}

.ch-slide__media {
    max-width: 40%;
    display: flex;
    justify-content: flex-end
}

.ch-slide__img {
    max-width: 420px;
    max-height: 260px;
    object-fit: contain;
    filter: drop-shadow(0 20px 28px rgb(0 0 0 / .45))
}

.ch-slider__nav {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 2;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 51px;
    background-color: #fff0
}

.ch-slider__nav--prev {
    left: 12px
}

.ch-slider__nav--next {
    right: 12px
}

.ch-slider__dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    display: flex;
    gap: 8px;
    z-index: 2;
    background-color: var(--bg-1);
    padding: 6px 12px;
    border-radius: 12px
}

.ch-slider__dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--bg-5);
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 3px solid var(--bg-4)
}

.ch-slider__dot.is-active {
    background: var(--bg-1)
}

.ch-slider.is-fullbleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
}

body.home .ch-slide, body.front-page .ch-slide {
    --wave-h: 68px;
    padding-bottom: var(--wave-h);
    -webkit-mask-image: linear-gradient(#fff 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='white' transform='scale(1,-1) translate(0,-320)' d='M0,80 C160,80 220,10 360,10 C520,10 560,150 720,150 C880,150 920,10 1080,10 C1220,10 1280,80 1440,80 L1440,320 L0,320 Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% calc(101% - var(--wave-h)), 100% var(--wave-h);
    -webkit-mask-position: top, bottom;
    -webkit-mask-repeat: no-repeat;
    mask-image: linear-gradient(#fff 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='white' transform='scale(1,-1) translate(0,-320)' d='M0,80 C160,80 220,10 360,10 C520,10 560,150 720,150 C880,150 920,10 1080,10 C1220,10 1280,80 1440,80 L1440,320 L0,320 Z'/%3E%3C/svg%3E");
    mask-size: 100% calc(101% - var(--wave-h)), 100% var(--wave-h);
    mask-position: top, bottom;
    mask-repeat: no-repeat;
    mask-composite: add
}

@media (max-width:991px) {
    .ch-slider .ch-slide__inner {
        max-width: 960px;
        margin: 0 auto;
        height: 100%;
        align-items: center
    }

    .fast-links-sticky {
        position: sticky;
        top: 55px;
        z-index: 50;
        border-bottom: 1px solid var(--bg-2)
    }

    body.home .ch-slide, body.front-page .ch-slide {
        max-height: unset
    }

    .ch-slide__title, .ch-slide__subtitle, .ch-slide__cta {
        text-align: center
    }

    .ch-slide__media {
        max-width: 100%;
        width: 100%
    }

    .ch-slide__text {
        max-width: 100%
    }

    .top-4-box .top-4-image {
        position: absolute;
        top: -21px;
        left: 10px;
        border-radius: 50%;
        background-color: var(--bg-2);
        padding: 8px;
    }

    .top-4-box h2 span {
        display: block;
        font-size: 11px;
        font-weight: 500;
        color: var(--color-2);
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }

    .top-4-box h2 {
        line-height: 18px;
        font-size: 16px;
        padding-left: 11px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .top-4-box {
        display: flex;
        background-color: var(--bg-2);
        margin-bottom: 6px;
        margin-top: 6px;
        border: 1px solid var(--bg-2-border);
        border-radius: 12px;
        position: relative;
        align-items: center !important;
        gap: 10px;
        padding: 14px 0;
        margin-bottom: 22px;
    }
}

@media (min-width:992px) and (max-width:1399px) {
    .ch-slider .ch-slide__inner {
        max-width: 1140px;
        margin: 0 auto
    }

    body.home .ch-slide, body.front-page .ch-slide {
        max-height: 350px
    }
}

@media (min-width:1400px) {
    .ch-slider .ch-slide__inner {
        max-width: 1320px;
        margin: 0 auto
    }

    body.home .ch-slide, body.front-page .ch-slide {
        max-height: 350px
    }

}

@media (min-width:992px) {
    .top-4-box .top-4-image {
        margin-left: 16px;
        margin-right: 8px;
        margin-bottom: -2px;
    }

    .top-4-box h2 {
        line-height: 21px;
        font-size: 22px;
        margin: 0
    }

    .top-4-box h2 span {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-2)
    }

    .top-4-box {
        display: flex;
        background-color: var(--bg-2);
        margin-bottom: 6px;
        margin-top: 6px;
        border: 1px solid var(--bg-2-border);
        border-radius: 12px;
        position: relative;
        align-items: center !important;
        gap: 10px;
        padding: 14px 0
    }
}



.top-4-link {
    text-decoration: none;
    color: var(--color-1)
}

.top-4-box:hover .top-4-image img {
    transform: translateY(-4px) scale(1)
}

.top-4-box .top-4-image img {
    transition: transform .45s ease, opacity .45s ease
}


.top-4-box .top-4-count {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--bg-3);
    color: var(--color-4);
    font-size: 12px;
    border-radius: 10px;
    padding: 2px 8px;
}



.bonus-bg-dark.casino-forbes-casono, .bonus-bg-dark.casino-gapa-herna, .bonus-bg-dark.casino-magic-planet {
    background-color: #000000 !important;
    border-color: #000000 !important
}

.bonus-bg-dark.casino-betano-casino {
    background-color: #ee3123;
    border-color: #ee3123;
    background: #ee3123;
    background: linear-gradient(180deg, #ed1a3f 0%, #ed3425 100%)
}

.bonus-bg-dark.casino-betx {
    border-color: #ee3123;
    background: #e51a4a;
    background: linear-gradient(180deg, #e41a4c 0%, #e8184a 100%)
}

.bonus-bg-dark.casino-chance-vegas-casino {
    background: #007541;
    border-color: #007541
}

.bonus-bg-dark.casino-ecasino {
    background: #2a2d41;
    border-color: #2a2d41;
}

.bonus-bg-dark.casino-tokyo-casino {
    background: #0c0812;
    border-color: #0c0812
}

.bonus-bg-dark.casino-forbet {
    background: #007791;
    border-color: #007791
}

.bonus-bg-dark.casino-fortuna-vegas-casino {
    background: #ffde00;
    border-color: #ffde00
}

.bonus-bg-dark.casino-grandwin-casino {
    background: #140b36;
    border-color: #140b36
}

.bonus-bg-dark.casino-kingsbet-casino {
    background: #34004d;
    border-color: #34004d
}

.bonus-bg-dark.casino-luckybet-casino {
    background: #840028;
    border-color: #840028
}

.bonus-bg-dark.casino-korunka {
    border-color: #6700c5;
    background: #6700c5
}

.bonus-bg-dark.casino-merkurxtip {
    background-color: #022752;
    border-color: #022752
}

.bonus-bg-dark.casino-sazka-hry {
    background: #ffe100;
    border-color: #ffe100
}

.bonus-bg-dark.casino-star-casino-recenze {
    background: #1a1a1a;
    border-color: #1a1a1a
}

.bonus-bg-dark.casino-synottip {
    background: #8a003c;
    border-color: #8a003c
}

.bonus-bg-dark.casino-tipsport-vegas-casino {
    background: #0097fc;
    border-color: #0097fc
}

.bonus-bg-dark.casino-apollo-games {
    background: #0e1127;
    border-color: #0e1127;
}

.bonus-bg-dark[class*="casino-"] .bonus-bg {
    border: 0
}

.bonus-bg-dark[class*="casino-"] .bonus-box-info {
    margin: 0;
    padding: 0
}

.single-bonus-sticky {
    position: sticky;
    top: 139px;
    z-index: 8;
    margin-bottom: 20px
}

.single-bonus-sticky .aces-bonuses-grid {
    grid-template-columns: repeat(1, 1fr)
}

.fast-links-sticky.is-following:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50.5%);
    top: 0;
    width: 100vw;
    height: 100%;
    background: var(--bg-2);
    z-index: -1
}

.fast-links-sticky.is-following {
    background-color: var(--bg-2)
}

.fast-links-sticky ol {
    background-color: #fff0
}

.fast-links-sticky.is-following ol {
    background-color: var(--bg-2)
}

.fast-links-sticky li {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 10px !important
}

.fast-links-sticky li::before {
    display: none !important
}

.fast-links-sticky .fast-links__sublist li {
    margin-bottom: 4px !important
}

.fast-links-sticky .fast-links__sublist {
    padding: 4px 0 0 12px !important
}

#cas-bonuses-grid>.bonus-box:nth-child(1):nth-last-child(1) {
    max-width: 311px
}


.casino-position {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 18px;
    height: 23px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    font-weight: 600;
    z-index: 1
}

.casino-position.casino-position--1 {
    background-image: url(assets/img/top-1.webp)
}

.casino-box.casino-tall.casino-1 .casino-row, .casino-box.casino-tall.casino-1 .casino-submenu-wrap {
    border-left: 3px solid #ffca08
}

.casino-position.casino-position--2 {
    background-image: url(assets/img/top-2.webp)
}

.casino-box.casino-tall.casino-2 .casino-row, .casino-box.casino-tall.casino-2 .casino-submenu-wrap {
    border-left: 3px solid silver
}

.casino-position.casino-position--3 {
    background-image: url(assets/img/top-3.webp)
}

.casino-box.casino-tall.casino-3 .casino-row, .casino-box.casino-tall.casino-3 .casino-submenu-wrap {
    border-left: 3px solid #ce8946
}

@media (max-width:991px) {
    .authors-box-shortcode .authors-box__content .authors-box__desc {
        display: none
    }

    .top-4-box .top-4-image img {
        max-width: 26px;
        max-height: 26px;
    }
}

.authors-box-shortcode .authors-box__item {
    border: 1px solid var(--bg-2-border);
    border-radius: 12px;
    margin-bottom: 10px;
    display: flex;
    padding: 12px;
    align-items: center !important
}

.authors-box-shortcode .authors-box__avatar {
    width: 80px;
    height: 80px
}

.authors-box-shortcode .authors-box__avatar img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    min-width: 80px;
    min-height: 80px;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 0
}

.authors-box-shortcode .authors-box__name a {
    font-size: 15px;
    color: var(--color-1);
    text-decoration: none
}

.authors-box-shortcode .authors-box__content .authors-box__desc {
    font-size: 13px !important;
    line-height: 20px;
    color: var(--color-1);
    letter-spacing: .01em;
    word-spacing: .05em
}

.authors-box-shortcode .authors-box__content {
    margin-left: 10px
}

.authors-box-shortcode .authors-box__position {
    font-size: 12px;
    color: var(--color-3);
    margin-bottom: 2px;
    font-weight: 500;
    letter-spacing: .01em;
    word-spacing: .05em
}

.news-card-big__img, .news-card-small__img {
    display: block;
    height: auto
}

.news-card-image {
    display: block
}

.news-card-big__img {
    aspect-ratio: 1 / 1;
    width: 100%
}

.news-card-small__img {
    aspect-ratio: 1 / 1;
    width: 100px;
    height: 100px;
    object-fit: cover
}

.kalendar-panel .kalendar-nabidka {
    max-width: 292px
}

.single-bonus-page .bonus-box .bonus-bg, .single-bonus-page .bonus-box .related-bonus-box, .single-bonus-sticky .bonus-box .related-bonus-box, .single-bonus-sticky .bonus-box .bonus-bg {
    min-height: unset;
    max-height: unset
}





.kalendar-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kalendar-filter {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: var(--bg-2);
    border-radius: 12px;
    margin-top: 20px;
    border: 1px solid var(--color-3);
}

.kalendar-filter i {
    color: var(--color-3);
}

.kalendar-filter-select {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}

.kalendar-filter-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-size: 16px;
}

.kalendar-filter-trigger {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
}

.kalendar-filter-trigger:hover {
    background: rgba(255, 255, 255, .04);
}

.kalendar-filter-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 130px;
    background: var(--bg-1);
    border: 1px solid var(--color-3);
    border-radius: 12px;
    display: none;
    z-index: 80;
    box-shadow: 0 40px 99px hsla(0, 0%, 100%, .23);
}

.kalendar-filter-item:last-child {
    border: 0;
}

.kalendar-filter.is-open .kalendar-filter-menu {
    display: block;
}

.kalendar-filter-item {
    font-size: 13px;
    color: var(--color-1);
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid var(--bg-2-border);
}

.kalendar-filter-item:hover {
    background: var(--bg-2-border);
}

.kalendar-filter-item:hover:first-child, .kalendar-filter-item.is-active:first-child {
    border-radius: 11px 11px 0px 0px;
}

.kalendar-filter-item:hover:last-child, .kalendar-filter-item.is-active:last-child {
    border-radius: 0px 0px 11px 11px;
}

.kalendar-filter-item.is-active {
    background: var(--star-fill);
}

@media (hover: hover) and (pointer: fine) {

    .bonus-tags.dragable,
    .bonus-tags.dragable * {
        user-select: none !important;
        -webkit-user-select: none !important;
        -ms-user-select: none !important;
    }

    .bonus-tags.dragable img,
    .bonus-tags.dragable a {
        -webkit-user-drag: none !important;
        user-drag: none !important;
    }
}



.dragable-scroll-btn {
    position: absolute;
    bottom: -46px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
}

.dragable-scroll-btn svg {
    width: 14px;
    height: 14px;
}

.dragable-scroll-btn.left {
    left: -1px;
    border-radius: 0px 20px 20px 0px;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(6px);
    pointer-events: all;
}

.dragable-scroll-btn.right {
    right: -1px;
    border-radius: 20px 0px 0px 20px;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(6px);
    pointer-events: all;
}

.dragable-scroll-btn[disabled] {
    opacity: 0;
    cursor: default;
}

.bonus-tags.dragable {
    overflow-x: auto;
    overflow-y: hidden;
}

.bonus-tags.dragable .multiple-items {
    width: max-content;
    display: inline-flex;
    flex-wrap: nowrap;
}

.kalendar-tags .dragable-arrows-row {
    position: relative;
}

.kalendar-tags .dragable-arrows-row .dragable-scroll-btn {
    bottom: -47px;
}

.turnaje-slider-box .swiper-container {
    border: unset !important;
    background-color: unset !important;
}

.turnaj-item {
    border-radius: 12px;
    background-color: var(--bg-4);
    overflow: hidden;
    position: relative;
}

.turnaj-item .turnaj-bg {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.turnaj-item .turnaj-data .turnaj-header {
    margin-left: 20px;
    margin-right: 20px;
}



.turnaj-item .turnaj-data .turnaj-footer .turnaj-title {
    color: var(--color-4);
    font-weight: 600;
    font-size: 21px;
}

.turnaj-item .turnaj-data .turnaj-footer .turnaj-tag {
    font-size: 13px;
    color: var(--color-3);
    font-weight: 600;
}


.turnaj-item .turnaj-data .turnaj-timer .tsep {
    color: var(--color-3);
    position: absolute;
    top: 14px;
    margin-left: -2px;
}

.turnaj-item .turnaj-data .turnaj-timer .tpart {
    display: inline-block;
    text-align: center;
    min-width: 32%;
}

.turnaj-data .kalendar-tags .bonus-tag:first-child {
    margin-left: 0px;
}

.turnaj-item .turnaj-data .turnaj-timer .tlabel {
    display: block;
    font-size: 11px;
    color: var(--color-3);
    margin-top: -4px;
    text-transform: uppercase;
}

.turnaj-item .turnaj-data .turnaj-timer .tnum {
    font-size: 26px;
    position: relative;
    color: var(--color-4);
    font-weight: 600;
}

@media (max-width:991px) {
    .turnaje-slider-box .swiper-container {
        padding-top: 10px !important;
    }

    .turnaj-item .turnaj-data {
        z-index: 2;
        position: relative;
        align-content: center;
        text-align: center;
    }

    .turnaj-item .turnaj-dates .cta {
        width: 100%;
    }

    .turnaj-dates {
        display: grid;
        grid-template-columns: 80% 20%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .turnaj-item .turnaj-data .turnaj-timer {
        background: var(--bg-4);
        border-radius: 12px;
        position: relative;
        max-width: 100%;
        margin: 15px auto;
        padding: 4px 0px;
        grid-column: span 2;
        width: 100%;
    }

    .turnaj-item .kalendar-tags {
        margin-bottom: 10px;
    }

    .turnaj-item .turnaj-data .turnaj-header img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        max-height: 100px;
        border-radius: 12px;
    }

    .turnaj-item .turnaj-dates .turnaj-cta {
        color: var(--color-4);
        text-decoration: none;
        width: 100%;
        background-color: var(--bg-3);
        padding: 14px 20px;
        font-size: 14px;
        border-radius: 12px;
        display: block;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
    }

    .main-listing-slots .slot-small {
        margin-bottom: 10px !important;
    }
}

@media (min-width:992px) {
    .turnaj-item .turnaj-data .turnaj-header img {
        margin: 0;
    }

    .main-listing-slots .slot-small {
        margin-bottom: 20px !important;
    }

    .turnaj-item .turnaj-data {
        display: flex;
        z-index: 2;
        position: relative;
        align-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .news-shortcode-half .news-card-aside:last-child {
        margin-bottom: 0 !important;
    }

    .turnaj-item .turnaj-dates {
        display: flex;
        align-content: center;
        align-items: center;
    }

    .turnaj-item .turnaj-footer {
        width: 100%;
    }

    .turnaj-item .turnaj-data .turnaj-header img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        max-height: 100px;
        border-radius: 12px;
    }

    .turnaj-item .turnaj-data .turnaj-timer {
        background: var(--bg-4);
        border-radius: 12px;
        position: relative;
        min-width: 180px;
        max-width: 260px;
        width: 100%;
        margin-left: auto;
        margin-right: 10px;
    }

    .turnaj-item .turnaj-dates .turnaj-cta {
        color: var(--color-4);
        text-decoration: none;
        width: 100%;
        background-color: var(--bg-3);
        padding: 14px 20px;
        font-size: 14px;
        border-radius: 12px;
        display: block;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
    }

    .single-casino-main .casino-bonusy .bonus-tabs__body::after {
        content: " ";
        position: absolute;
        left: -50%;
        width: 200%;
        height: 89%;
        background: #f0f4fe;
        bottom: 0;
    }

    .single-casino-main .casino-bonusy .bonus-slider-box {
        position: relative;
        min-height: 530px;
    }

    .single-casino-main .casino-bonusy .swiper-container {
        border: 0
    }

    .single-game-slider .kalendar-tabs__body::after {
        content: " ";
        position: absolute;
        left: -50%;
        width: 200%;
        height: 100%;
        background: #f0f4fe;
        bottom: 0;
    }

    .single-game-slider .kalendar-tabs__body {
        position: relative;
    }

    .single-game-slider .swiper-container {
        border: 0 !important;
    }

}

@media (min-width:992px) and (max-width: 1199px) {
    .turnaj-item .turnaj-data .turnaj-timer {
        background: var(--bg-4);
        border-radius: 12px;
        position: relative;
        min-width: 160px;
        max-width: 160px;
    }

    .turnaj-item .turnaj-data .turnaj-header img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        max-width: 60px;
        max-height: 100px;
        border-radius: 12px;
    }

    .turnaj-item .turnaj-dates .turnaj-cta {
        color: var(--color-4);
        text-decoration: none;
        width: 100%;
        background-color: var(--bg-3);
        padding: 14px 10px;
        font-size: 14px;
        border-radius: 12px;
        display: block;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
        font-size: 13px;
    }

    .turnaj-item .turnaj-data .nabidka-tagy.dragable {
        max-width: 340px;
        margin-bottom: 12px;
    }

}

@media (min-width:1200px) and (max-width: 1399px) {
    .turnaj-item .turnaj-data .turnaj-timer {
        background: var(--bg-4);
        border-radius: 12px;
        position: relative;
        min-width: 180px;
        max-width: 180px;
    }

    .turnaj-item .turnaj-data .turnaj-header img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        max-height: 100px;
        border-radius: 12px;
    }

    .turnaj-item .turnaj-dates .turnaj-cta {
        color: var(--color-4);
        text-decoration: none;
        width: 100%;
        background-color: var(--bg-3);
        padding: 14px 20px;
        font-size: 14px;
        border-radius: 12px;
        display: block;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
    }

    .turnaj-item .turnaj-data .nabidka-tagy.dragable {
        max-width: 380px;
        margin-bottom: 12px;
    }
}

@media (min-width:1400px) {

    .turnaj-item .turnaj-data .turnaj-header img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        max-height: 100px;
        border-radius: 12px;
    }

    .turnaj-item .turnaj-dates .turnaj-cta {
        color: var(--color-4);
        text-decoration: none;
        width: 100%;
        background-color: var(--bg-3);
        padding: 14px 20px;
        font-size: 14px;
        border-radius: 12px;
        display: block;
        text-align: center;
        letter-spacing: .01em;
        word-spacing: .05em;
    }

    .turnaj-item .turnaj-data .nabidka-tagy.dragable {
        max-width: 470px;
        margin-bottom: 12px;
    }
}

body.home .ch-slider:after {
    content: " ";
    background: var(--bg-1);
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 440px;
    z-index: -1;
}

.page-template-page-free-spiny-php .swiper-container {
    border: unset !important;
}

.news-shortcode-half .news-big-author {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 12px;
}

.news-shortcode-half .news-big-author .news-card-tags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    text-decoration: none;
}

.news-shortcode-half .news-big-author .news-author {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    text-decoration: none;
}

.news-shortcode-half .news-big-author .news-author__avatar {
    width: 30px;
    height: 30px;
    margin-top: 0;
    border-radius: 50%;
    margin-right: 4px;
    margin-bottom: 0;
}

.news-shortcode-half .news-author__title {
    display: block;
    font-size: 12px;
    color: var(--color-3);
    font-weight: 400;
}

.news-shortcode-half .news-author__name {
    font-size: 13px;
    display: block;
    margin-top: -2px;
    font-weight: 600;
    color: var(--color-4);
}

button.zobrazit-vse a {
    text-decoration: none;
    color: var(--color-3);
}

button.zobrazit-vse {
    border: 1px solid var(--color-3);
    border-radius: 12px;
    padding: 8px 10px;
    background-color: var(--bg-1);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-3);
    cursor: pointer;
    flex: none;
    display: block;
    max-width: 190px;
    margin: 0 auto;
}

.vendor-sort.kalendar-filter.content {
    position: absolute;
    right: 0;
    background-color: var(--bg-1);
    margin: 0;
}

.vendor-sort.kalendar-filter.content .kalendar-filter-trigger {
    padding: 7px 10px 6px 10px;
}

.minus-top {
    margin-top: -1px;
    margin-bottom: -1px;
}

.slider-description p {
    padding-bottom: 0 !important;
}

.slider-preset-head .dragable {
    padding-top: 1px;
}

.single-casino-main .casino-nabidka-automatu .swiper-container {
    border: 0;
}

button.cta.cta-special-action {
    display: block;
    background-color: var(--bg-3);
    padding: 10px 52px;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .01em;
    word-spacing: .05em;
    border: 0;
    margin-top: 20px;
}

.casino-box .casino-typy-her .typy-her-title {
    font-size: 11px !important;
    color: var(--color-3);
    margin-top: -10px;
    padding: 0;
    margin-bottom: 0;
}

.casino-box .casino-typy-her .casino-withdrawal-limit {
    background-color: white;
    max-width: 50px;
    padding: 10px;
    margin: 0px 2px;
    border-radius: 12px;
    border: 1px solid var(--bg-2-border);
}

.casino-box .casino-typy-her .casino-withdrawal-limit img {
    margin: 0 auto;
}

.casino-box .casino-typy-her {
    max-width: 230px;
}

.single-game-slider-2 .swiper-container {
    background-color: transparent !important;
    border: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-game-slider-2 .slider-preset-box .slider-preset-head {
    padding-left: 0;
}

.news-title {
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 30px;
}

.news-title-link {
    border: 1px solid var(--color-3);
    border-radius: 12px;
    padding: 8px 10px;
    margin-right: 6px;
    background-color: var(--bg-1);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-3);
    cursor: pointer;
    flex: none;
    margin-left: auto;
}

.news-title-link a {
    text-decoration: none;
    color: var(--color-3);
}

.bonus-single .related-casino-terms {
    margin-bottom: 10px;
    margin-top: 10px;
    color: var(--color-3);
    font-size: 11px;
    text-align: center;
}

.bonus-single .related-casino-terms a {
    display: inline-block;
    margin-top: 0;
    line-height: 17px;
}












.ds_float_banner_btn_wrapperHP {
    position: absolute;
    top: 0;
    left: -60px;
    height: 100%;
    display: flex;
    background: linear-gradient(273.07deg, #FF2453 3.92%, #A70F30 105.71%);
    border-radius: 12px 0px 0px 12px;
    width: 60px;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.ds_float_banner_btnHP {
    padding: 0px 0px;
    border: 0px;
    position: absolute;
    left: -60px;
    height: 60px;
    text-align: center;
    min-width: 180px;
    transform: rotateZ(-90deg);
    background-color: transparent;
    color: white;
    z-index: 100;
    cursor: pointer;
}


.ds_img_2 {
    top: 75%;
    left: 6px;
    transform: rotateX(0deg);
}


.ds_float_img {
    position: absolute;
    z-index: 1;
}

.ds_float_banner_btnHP p {
    line-height: 1.3;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.ds_float_banner_btnHP p strong {
    display: block;
}

html.ds_modal_open body {
    overflow: hidden;
}

.ds_modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

.ds_modal.is-open {
    display: block;
}

.ds_modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .65);
}

.ds_modal__dialog {
    position: absolute;
    top: 40% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: min(92vw, 720px);
    max-height: 60vh;
    background: var(--bg-2);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ds_modal__dialog .ds_modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px;
    background-image: url(https://dev.casino-hra.cz/wp-content/uploads/2022/11/Frame-14.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 130px;
    background-position: 0% 45%;
}

.ds_modal__dialog .ds_modal__close {
    appearance: none;
    border: 0;
    background: var(--bg-4);
    color: var(--color-4);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.ds_modal__dialog .ds_modal__body {
    padding: 12px 14px 16px;
    overflow: auto;
}

.ds_modal__dialog .ds_float_banner_item_img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: 10px;
}

.ds_modal__dialog .ds_float_banner_item_img img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}


.ds_modal__dialog .ds_float_banner_item_link span {
    margin-left: 6px;
}

.ds_modal__dialog .ds_float_banner_item_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    white-space: nowrap;
    background-color: var(--bg-3);
    padding: 10px 12px;
    border-radius: 12px;
    text-align: center;
    color: var(--color-4);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .01em;
    word-spacing: .05em;
    width: 100%;
    font-weight: 600;
}

.ds_modal__dialog .ds_float_banner_item_btn {
    grid-column: span 2;
    width: 95%;
    margin: 0px auto 8px auto;
}

.ds_modal__dialog .ds_float_banner_item_title_podminky {
    font-size: 13px;
    color: var(--color-3);
    font-weight: 500;
}

.ds_modal__dialog .ds_float_banner_item_title_fs {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-1);
}

@media (min-width:992px) {
    .ds_modal__dialog .ds_float_banner_item {
        border-radius: 12px;
        align-content: space-around;
        justify-content: center;
        align-items: center;
        background: var(--bg-1);
        border: 1px solid var(--bg-2-border);
        display: grid;
        grid-template-columns: 25% 75%;
        max-width: 47.5%;
        margin: 0.5% 1%;
        float: left;
        min-width: 47.5%;
    }

    .ds_img_1 {
        top: 3%;
        left: 0px;
        transform: rotateX(0deg);
    }

    .ds_float_banner_wrapper {
        position: fixed;
        top: calc(50% - 225px);
        right: 0;
        z-index: 30;
        transition: .5s all;
        padding: 0;
        border-radius: 5px;
        background: linear-gradient(273.07deg, #FF2453 3.92%, #A70F30 105.71%);
        height: 220px;
        cursor: pointer;
    }
}

@media (max-width:991px) {
    .ds_modal__dialog .ds_float_banner_item {
        border-radius: 12px;
        align-content: space-around;
        justify-content: center;
        align-items: center;
        background: var(--bg-1);
        border: 1px solid var(--bg-2-border);
        display: grid;
        grid-template-columns: 25% 75%;
        margin-bottom: 4px;
    }

    .ds_img_1 {
        display: none;
    }

    .ds_float_banner_wrapper {
        position: fixed;
        top: calc(50% - 75px);
        right: 0;
        z-index: 30;
        transition: .5s all;
        padding: 0;
        border-radius: 5px;
        background: linear-gradient(273.07deg, #FF2453 3.92%, #A70F30 105.71%);
        height: 130px;
        cursor: pointer;
    }
}

.search-filter {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: var(--bg-2);
    border-radius: 12px;
    border: 1px solid var(--color-3);
}

.search-filter i {
    color: var(--color-3);
}

.slots-filtration {
    text-align: end;
}

.search-filter .kalendar-filter-menu {
    display: none;
}

.search-filter.is-open .kalendar-filter-menu {
    display: block;
}

.search-filter .kalendar-filter-menu {
    position: absolute;
    right: 0;
    top: -1px;
    margin-right: 50px;
    z-index: 50;
    min-width: 240px;
    background: #fff0;
    border: 1px solid var(--color-3);
    padding: 8px 6px;
    width: 100%;
    max-width: 300px;
    border-radius: 12px;
    font-size: 12px;
    color: var(--color-3);
    font-weight: 700;
    text-transform: uppercase;
}

.kalendar-search-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.kalendar-search-input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 12px;
    color: var(--color-3);
}

.kalendar-search-clear {
    border: 0;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: var(--color-3);
}

.kalendar-search-input::placeholder {
    font-size: 12px;
    color: var(--color-3);
}

.kalendar-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.kalendar-search-input[type="search"] {
    -moz-appearance: textfield;
}

.slots-filtration .kalendar-filter {
    margin-top: 0;
}

.dragable.news-section-subcats::-webkit-scrollbar, .dragable.news-section-subcats::-webkit-scrollbar-track {
    height: 6px;
    background-color: var(--bg-2);
    border-radius: 12px
}

.dragable.news-section-subcats::-webkit-scrollbar-thumb {
    background-color: var(--bg-3);
    border-radius: 12px
}

.dragable.news-section-subcats {
    text-align: end;
}

.main-listing-slots .slot-small {
    max-width: 330px;
}

.main-listing-slots .cas-filters.col-12 {
    z-index: 2;
}

.category-subcats .category-subcats__item {
    font-size: 13px;
    padding: 6px 8px;
    display: block;
    border: 1px solid var(--color-3);
    border-radius: 12px;
    margin: 3px;
    color: var(--color-3);
    text-decoration: none;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    flex: none;
}

.category-subcats .category-subcats__item:hover {
    color: var(--color-4);
    border-color: var(--color-4);
}

.category-subcats .category-subcats__list {
    height: unset;
}

.dragable.category-subcats::-webkit-scrollbar, .dragable.category-subcats::-webkit-scrollbar-track {
    height: 6px;
    background-color: var(--bg-2);
    border-radius: 12px
}

.dragable.category-subcats::-webkit-scrollbar-thumb {
    background-color: var(--bg-3);
    border-radius: 12px
}