@font-face {
    font-family: icon-;
    src: url(icon-.ttf) format('truetype'), url(https://nodepositslots.org/theme/moose/css/icons/icon/fonts/icon-.woff?hl46hy) format('woff'), url(https://nodepositslots.org/theme/moose/css/icons/icon/fonts/icon-.svg?hl46hy#icon-) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-], [class*=" icon-"] {
    font-family: icon- !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-pyramid:before {
    content: "\e900"
}

.icon-jackpot:before {
    content: "\e901"
}

.icon-android:before {
    content: "\e902"
}

.icon-apple:before {
    content: "\e903"
}

.icon-block:before {
    content: "\e904"
}

.icon-circle:before {
    content: "\e905"
}

.icon-euro:before {
    content: "\e906"
}

.icon-bullet:before {
    content: "\e907"
}

.icon-dices:before {
    content: "\e908"
}

.icon-badge:before {
    content: "\e909"
}

.icon-design:before {
    content: "\e90a"
}

.icon-affiliate:before {
    content: "\e90b"
}

.icon-rating:before {
    content: "\e90c"
}

.icon-check:before {
    content: "\e90d"
}

.icon-checkbox:before {
    content: "\e90e"
}

.icon-cards:before {
    content: "\e90f"
}

.icon-casino-7:before {
    content: "\e910"
}

.icon-chat:before {
    content: "\e911"
}

.icon-coupon:before {
    content: "\e912"
}

.icon-download:before {
    content: "\e913"
}

.icon-minus:before {
    content: "\e914"
}

.icon-odds:before {
    content: "\e915"
}

.icon-payments:before {
    content: "\e916"
}

.icon-plus:before {
    content: "\e917"
}

.icon-arrow-up:before {
    content: "\e918"
}

.icon-arrow-down:before {
    content: "\e919"
}

.icon-arrow-left:before {
    content: "\e91a"
}

.icon-arrow-right:before {
    content: "\e91b"
}

.icon-crown:before {
    content: "\e91c"
}

.icon-wallet:before {
    content: "\e91d"
}

.icon-bonus:before {
    content: "\e91e"
}

.icon-bingo:before {
    content: "\e91f"
}

.icon-cashout:before {
    content: "\e920"
}

.icon-casino:before {
    content: "\e921"
}

.icon-chip:before {
    content: "\e922"
}

.icon-compare:before {
    content: "\e923"
}

.icon-edit:before {
    content: "\e924"
}

.icon-heart:before {
    content: "\e925"
}

.icon-home:before {
    content: "\e926"
}

.icon-horse:before {
    content: "\e927"
}

.icon-list:before {
    content: "\e928"
}

.icon-live:before {
    content: "\e929"
}

.icon-lotto:before {
    content: "\e92a"
}

.icon-mail:before {
    content: "\e92b"
}

.icon-markets:before {
    content: "\e92c"
}

.icon-mobile:before {
    content: "\e92d"
}

.icon-poker:before {
    content: "\e92e"
}

.icon-register:before {
    content: "\e92f"
}

.icon-results:before {
    content: "\e930"
}

.icon-alert:before {
    content: "\e931"
}

.icon-facebook:before {
    content: "\e932"
}

.icon-instagram:before {
    content: "\15e62"
}

.icon-treasure:before {
    content: "\e933"
}

.icon-google:before {
    content: "\e934"
}

.icon-link:before {
    content: "\e939"
}

.icon-location:before {
    content: "\e93d"
}

.icon-pause:before {
    content: "\e946"
}

.icon-percent:before {
    content: "\e948"
}

.icon-pinterest:before {
    content: "\e949"
}

.icon-play:before {
    content: "\e94a"
}

.icon-pointer:before {
    content: "\e94d"
}

.icon-watermelon:before {
    content: "\e953"
}

.icon-question:before {
    content: "\e954"
}

.icon-search:before {
    content: "\e95a"
}

.icon-security:before {
    content: "\e95b"
}

.icon-settings:before {
    content: "\e95c"
}

.icon-slots:before {
    content: "\e95d"
}

.icon-slot:before {
    content: "\e95e"
}

.icon-soccer:before {
    content: "\e95f"
}

.icon-star:before {
    content: "\e961"
}

.icon-star-half:before {
    content: "\e962"
}

.icon-star-o:before {
    content: "\e963"
}

.icon-support:before {
    content: "\e964"
}

.icon-thumb-down:before {
    content: "\e966"
}

.icon-thumb-up:before {
    content: "\e967"
}

.icon-twitter:before {
    content: "\e968"
}

.icon-windows:before {
    content: "\e96b"
}

.icon-x:before {
    content: "\e96d"
}

.icon-youtube:before {
    content: "\e96e"
}

.icon-live-odds:before {
    content: "\e935"
}

.icon-viber:before {
    content: "\e93c"
}

.icon-whatsapp:before {
    content: "\e93e"
}

.icon-linkedin:before {
    content: "\e93f"
}

.icon-new:before {
    content: "\e940"
}

.icon-bell:before {
    content: "\4267"
}

.icon-copy:before {
    content: "\4268"
}

.icon-roulette:before {
    content: "\4269"
}

.icon-wheel:before {
    content: "\426a"
}

.icon-poker-play:before {
    content: "\426b"
}

.icon-guide:before {
    content: "\426c"
}

.icon-callendar:before {
    content: "\426d"
}

.icon-cherry:before {
    content: "\426e"
}

.icon-lemon:before {
    content: "\426f"
}

.underline {
    text-decoration: underline
}

.casino-header {
    text-align: left;
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    z-index: 4;
    float: left;
    width: 100%;
    border: 1px solid var(--border-color);
    background-color: #fff;
    margin-bottom: 20px
}

.casino-header .row {
    padding: 0 15px;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #fbfdff
}

.casino-header .row ul {
    columns: 2;
    margin: 0;
    padding: 0;
    list-style: none
}

.casino-header .starRate {
    float: right;
    line-height: 11px;
    padding: 6px 5px;
    max-width: 170px;
    background: #fff;
    min-width: 152px !important;
    border: 1px solid #d2d6e7;
    width: auto
}

.casino-header .starRate .stars div {
    width: 15px;
    color: #ff5e00
}

.casino-header .starRate .rot {
    background: #1dbb7c;
    color: #fff;
    font-size: 15px;
    padding: 0 5px;
    border-radius: 5px;
    vertical-align: middle
}

.casino-header .entry-title {
    margin: 0 auto;
    text-align: left;
    padding: 11px 15px;
    background: #e9f0f9;
    color: #1b1e26;
    text-transform: inherit;
    display: flex;
    align-items: center;
    font-weight: 500
}

.casino-header .entry-title .t {
    flex-grow: 1;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-size: 24px
}

.casino-header img {
    max-width: 200px !important;
    margin-bottom: 0 !important;
    margin: 0 auto
}

.casino-header .lefts {
    text-align: center;
    display: flex;
    flex-direction: column
}

.casino-header .rights {
    text-align: center;
    min-width: 300px
}

.casino-header .rights h4 {
    font-size: 20px;
    margin: 0
}

.casino-header .monthlyBonus {
    background: #1cba7b26;
    padding: 10px;
    border-radius: var(--border-radius);
    display: inline-block;
    text-align: center;
    min-width: 270px
}

.casino-header .rights .offer {
    font-weight: 700;
    font-size: 24px;
    color: #1cba7b;
    line-height: 30px
}

.casino-header .rights .offer strong {
    font-size: 14px;
    display: block
}

.casino-header .rights .bcbox {
    border: 1px dashed #ffd51e;
    margin: 10px auto;
    max-width: 190px;
    background: linear-gradient(45deg, #ff5e00, #ffa500);
    border-radius: 29px;
    font-size: 12px;
    line-height: 23px;
    padding: 4px 14px;
    box-shadow: 0 0 0 4px #d54f00, 0 5px 13px #1b1e2657;
    position: relative
}

.casino-header .bcbox .icon-coupon {
    font-size: 34px;
    color: #592400;
    position: absolute;
    top: -12px;
    left: -10px;
    transform: rotate(-25deg);
    font-weight: 700
}

.casino-header .rights .bcbox span {
    margin-top: -3px;
    display: block;
    font-weight: 500
}

.casino-header .rights .bcbox strong {
    display: block;
    font-weight: 700;
    font-size: 19px;
    margin-top: -6px;
    color: #fff;
    text-shadow: 0 1px 2px #b73200;
    font-weight: 900
}

.casino-header .opts {
    margin-top: 10px
}

.casino-header .button {
    background: #1cba7b;
    min-width: 160px;
    margin: 0 auto !important;
    font-size: 17px !important;
    padding: 6px 12px
}

.casino-header .casino-logo-box {
    background-color: #fff;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 155px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 0
}

.casino-header-h1 {
    text-transform: none;
    font-weight: 700;
    font-size: 28px
}

.casino-header-dark {
    background: linear-gradient(164deg, #1b1e26 50%, #287254 100%);
    color: #fff;
    border-radius: var(--border-radius);
    padding: 15px;
    position: relative;
    clear: both
}

.casino-header-dark .operator-logo {
    background: #fff;
    padding: 10px;
    border-radius: var(--border-radius);
    text-align: center;
    width: 100%
}

.casino-header-dark .operator-logo img {
    max-width: 260px !important;
    margin: 0 auto !important
}

.casino-header-dark .operator-logo .starRate {
    margin-top: -10px
}

.casino-header-dark .operator-logo .stars {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 2px
}

.casino-header-dark .operator-logo .starRate .rot {
    background: #18b979;
    font-weight: 500;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 21px;
    margin-left: 5px
}

.casino-header-dark .operator-logo .sep {
    width: 80%;
    height: 1px;
    background: #000;
    opacity: .1;
    display: block;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 20px
}

.casino-header-dark .row.casino-details {
    margin-top: 25px
}

.casino-header-dark .row.casino-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #b9c3c2;
    columns: 2
}

.casino-header-dark .row.casino-details ul li {
    margin-bottom: 3px
}

.casino-header-dark .topsec {
    gap: 15px;
    align-items: center;
    flex-direction: column;
    align-items: stretch
}

.casino-header-dark .bonuses {
    width: 100%
}

.casino-header-dark .bonuses .bonus .button {
    min-width: 150px
}

.casino-header-dark .bonuses .bonus {
    border-radius: var(--border-radius);
    padding: 15px;
    color: #000;
    background: #e8f0f9c9;
    position: relative;
    padding-top: 35px;
    display: flex;
    align-items: stretch;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.casino-header-dark .bonuses .badge-top {
    position: absolute;
    top: 0;
    width: 190px;
    background: #1b1e26;
    color: #fff;
    text-transform: uppercase;
    left: calc(50% - 90px);
    text-align: center;
    font-size: 12px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    line-height: 21px;
    padding-bottom: 3px
}

.casino-header-dark .bonuses .bonus .offer {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px solid #ffffff69;
    padding-bottom: 14px;
    margin-bottom: 14px;
    line-height: 22px
}

.casino-header-dark .bonuses .bonus .offer strong {
    display: block;
    font-size: 16px
}

.casino-header-dark .bonuses .bonus .bcbox {
    text-align: center;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    font-size: 16px;
    min-width: 180px
}

.casino-header-dark .bonuses .bonus .bcbox span {
    line-height: 10px;
    margin-bottom: 8px
}

.casino-header-dark .bonuses .bonus .bcbox .code {
    background: #1b1e26;
    color: #fffa3c;
    border-radius: 45px;
    min-height: 45px;
    line-height: 38px;
    font-size: 19px;
    border: 1px dashed #dfdfdf
}

.casino-header-dark .bonuses .bonus .hasbonuscodeleft {
    margin-top: 23px
}

.casino-header-dark .bonuses .bonus .opts {
    justify-content: center
}

.subnav {
    padding: 0 !important
}

.subnav li {
    position: relative
}

.subnav li::before {
    position: absolute;
    left: 0 !important;
    margin: 0 !important
}

.subnav li a {
    border: 1px solid #d2d6e7;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 10px;
    padding-left: 30px;
    background: #fbfdff;
    transition: .3s all
}

.subnav li a:hover {
    background: #e9f0f9
}

.swiper-slide {
    text-align: center;
    justify-content: center
}

.swiper-slide img {
    align-items: center;
    margin: 0 auto
}

.template-casino-bonus .casino-header {
    background: #fff
}

.template-casino-bonus .casino-header .casino-logo-box, .template-casino-app .casino-header .casino-logo-box, .template-casino-article .casino-header .casino-logo-box {
    border-bottom: none;
    margin-bottom: 0
}

.template-casino-bonus .casino-header .casino-logo-box, .template-casino .casino-header .casino-logo-box {
    flex-direction: column
}

.template-casino #article-contents {
    z-index: 3;
    width: 100%;
    border: none;
    background: #fbfdff;
    margin-top: 0;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius)
}

.casino-header .casino-details strong {
    font-weight: 500
}

.casino-header .casino-details li {
    margin-bottom: 5px
}

.casino-header .showmore {
    font-size: 12px;
    background: #d9e1e9;
    color: #587d9f;
    line-height: 15px
}

.casino-header .showmore:hover {
    background: var(--sitemenu);
    color: #fff
}

.casino-header .mobile-view-buttons {
}

.casino-header .mobile-view-buttons .buttons-area {
    width: 100%;
    flex-grow: 1;
    justify-content: center;
    display: flex;
    text-align: center
}

.casino-header .mobile-view-buttons .buttons-area .app-version {
    font-size: 12px;
    color: #c1c1c1
}

.casino-header .mobile-view-buttons .buttons-area .button {
    transform: scale(1.2)
}

#steps {
    position: relative;
    width: 100%;
    clear: both;
    padding: 20px;
    border-radius: var(--border-radius);
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgb(179 204 221/20%);
    background: var(--basesections);
    padding-bottom: 10px
}

#steps .stepside {
    width: 100%
}

#steps.twocell .image {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center
}

#steps.twocell .stepside {
    display: table-cell;
    vertical-align: middle
}

#steps .stepside ol {
    list-style: none;
    counter-reset: itemli;
    width: 100%;
    margin: 0;
    padding-left: 20px
}

#steps .stepside ol li {
    counter-increment: itemli;
    position: relative;
    padding: 5px 9px;
    line-height: 22px;
    font-size: 17px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: #f0f4f7;
    padding: 10px;
    border-radius: 6px;
    font-weight: 500
}

#steps .stepside ol li:last-child {
    border-bottom: 0
}

#steps .stepside ol li::before {
    content: counter(itemli) !important;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
    width: 21px;
    border-radius: 50px;
    text-align: center;
    padding: 2px;
    display: inline-block;
    margin-top: -3px;
    font-family: arial;
    margin-left: -36px;
    margin-right: 11px;
    line-height: 16px;
    background: #18b979;
    box-shadow: inset 0 7px 7px -12px rgb(255 255 255/25%), inset 0 -6px 7px -6px rgb(55 124 117/25%), 0 4px 6px rgb(7 80 51/20%);
    color: #fff;
    position: absolute;
    left: 7px;
    top: calc(50% - 10px);
    border: 1px solid #0e915c
}

#steps .headline h3, #steps .headline h4 {
    text-align: center;
    font-weight: 700
}

.stepsli li {
    width: 100% !important
}

@keyframes rotate {
    0% {
        transform: perspective(1200px) rotateZ(0deg)
    }
    100% {
        transform: perspective(1200px) rotateZ(360deg)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes scale50 {
    0% {
        transform: scale(.5);
        opacity: .5
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.left-sidebar-position .box.fullwidth {
    padding: 15px
}

nav#site-menu {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    float: right
}

.header-right-icons {
    align-items: center;
    display: flex;
    margin-left: 10px;
    flex-direction: revert;
    flex-grow: 1;
    justify-content: flex-end;
    position: relative
}

.header-right-icons [class^=icon-] {
    font-size: 30px;
    cursor: pointer;
    margin-left: 10px;
    color: #fff;
    vertical-align: middle
}

.mobile_navigation_button {
    display: block;
    float: right;
    width: 36px;
    height: 30px;
    padding: 4px 0;
    margin-right: 6px
}

.mobile_navigation_button i, .mobile_navigation_button::before, .mobile_navigation_button::after {
    content: "";
    background: #fff;
    width: 100%;
    height: 4px;
    display: block;
    border-radius: 1px;
    transition: .3s all
}

.mobile_navigation_button i {
    margin: 6px auto
}

body.is_mobile #headerSite > .container {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0 10px
}

body.overlay #content::after {
    content: "";
    background: #00000059;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    animation: .5s fadeIn;
    backdrop-filter: blur(1px)
}

nav#site-menu li {
    position: relative
}

nav#site-menu > ul {
    padding: 0;
    margin: 0;
    list-style: noene
}

nav#site-menu > ul a {
    padding: 10px;
    display: block;
    color: #fff;
    font-family: var(--font-k24);
    font-synthesis: none;
    font-weight: 400;
    font-size: 18px
}

nav#site-menu > ul a [class^=icon-] {
    color: #3db987;
    margin-right: 12px;
    font-size: 24px;
    vertical-align: middle;
    line-height: 26px;
    margin-top: -3px;
    display: inline-block
}

nav#site-menu .sub a {
    font-size: 16px
}

nav#site-menu {
    display: block;
    position: absolute;
    padding: 0;
    height: 0;
    opacity: 0;
    left: -100%;
    transition: .3s all;
    min-height: calc(100vh - 51px);
    padding-top: 20px;
    top: 51px
}

body.menuEnabled {
    overflow-y: hidden
}

body.menuEnabled nav#site-menu {
    width: 80%;
    z-index: 999;
    top: 40px;
    left: 0;
    opacity: 1;
    background: #1b1e26;
    height: auto;
    overflow-y: scroll !important;
    overflow-x: hidden;
    max-width: 300px;
    text-align: left;
    max-height: 95vh
}

body.menuEnabled nav#site-menu > ul {
    position: relative;
    float: left;
    width: 100%
}

body.menuEnabled #headerSite .mobile_navigation_button::before {
    transform: translate(0px, 8px) rotate(45deg);
    transform-origin: 51% 50%;
    background: #484848
}

body.menuEnabled #headerSite .mobile_navigation_button::after {
    transform: translate(1px, 14px) rotate(135deg);
    transform-origin: 64% -282%;
    background: #484848
}

body.menuEnabled #headerSite .mobile_navigation_button i {
    opacity: 0
}

body.menuEnabled nav#site-menu > ul > li {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

nav#site-menu .sub {
    list-style: none;
    font-size: 16px;
    height: 0;
    transition: .4s all;
    padding: 0 0 0 20px;
    opacity: 0
}

nav#site-menu .shown > .sub {
    display: block;
    height: auto;
    padding: 10px 0 10px 20px;
    background: rgba(0, 0, 0, .1);
    opacity: 1
}

nav#site-menu .shown > .icon-arrow-right {
    transform: rotate(90deg);
    padding-left: 10px !important;
    background: 0 0 !important;
    border: none !important
}

body.menuEnabled nav#site-menu ul > li > i.icon-arrow-right {
    float: right;
    font-size: 13px;
    padding: 10px 11px;
    position: absolute;
    top: 0;
    color: #fff;
    z-index: 6;
    right: 0;
    line-height: 26px;
    padding-left: 13px;
    background: rgba(255, 255, 255, .05);
    margin: 6px;
    height: 36px;
    line-height: 15px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    right: -6px
}

header#site-menu > ul > li i.icon-arrow-left {
    float: left !important;
    right: auto !important;
    padding: 12px 19px;
    font-size: 20px;
    left: 0;
    font-weight: 400;
    color: #fff
}

.actsidedraw {
    position: fixed;
    top: 0;
    background: linear-gradient(90deg, rgba(19, 49, 48, 0.05) 0%, #ebf1f5 40%, transparent 100%);
    height: 100vh;
    width: 110px;
    opacity: .5;
    display: none;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

#article-contents {
    border: 1px solid #d2d6e7;
    border-radius: var(--border-radius);
    font-size: 14px
}

#article-contents .title {
    font-weight: 500;
    margin-top: -5px;
    display: block;
    margin-bottom: 4px
}

#article-contents ol, #article-contents ul {
    margin: 0;
    padding-left: 18px;
    columns: 2
}

#article-contents ol a:hover, #article-contents ul a:hover {
    text-decoration: underline
}

#article-contents ul {
    list-style: none;
    padding: 0
}

#article-contents ul li {
    display: flex
}

#article-contents ul li:before {
    content: "\e91b";
    font-family: icon- !important;
    font-size: 11px;
    line-height: 27px;
    margin-right: 4px
}

#article-contents.minified {
    margin: 0;
    overflow: hidden;
    overflow-x: scroll;
    height: 2em;
    padding: 0;
    z-index: 10;
    position: relative
}

#article-contents.minified br.clear {
    display: none
}

#article-contents.minified.fixed {
    position: fixed;
    bottom: 0;
    top: inherit;
    background: 0 0;
    width: 100%;
    height: 0;
    right: 0;
    box-shadow: none;
    left: inherit;
    opacity: 1;
    z-index: 99;
    max-width: 100%;
    overflow: inherit
}

#article-contents.minified.fixed .progressline {
    opacity: 1;
    display: block;
    background: rgb(56 64 68/35%);
    top: -55px;
    position: absolute;
    width: 45px;
    height: 45px;
    right: 3%;
    left: inherit;
    border-radius: 50px;
    cursor: pointer;
    backdrop-filter: blur(2px);
    z-index: 6;
    box-shadow: inset 0 7px 10px rgb(255 255 255/50%)
}

#article-contents.minified.fixed .progressline .iconlist {
    width: 30px;
    height: 30px;
    margin: 8px;
    display: block;
    margin-top: 13px
}

#article-contents.minified.fixed .progressline .substance-toggle-progress {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    transform: rotate(-90deg)
}

#article-contents.minified.fixed .progressline .substance-toggle-indicator {
    --size: 40px;
    fill: transparent;
    stroke: #2d3f4a;
    stroke-width: 4px;
    stroke-linecap: round;
    width: var(--size);
    min-width: var(--size);
    max-width: var(--size);
    height: var(--size);
    opacity: 0
}

#article-contents.minified.fixed .content {
    min-height: 0;
    position: absolute;
    bottom: 0;
    background: #fff;
    max-height: 0;
    overflow-y: scroll;
    box-shadow: 0 -2px 5px rgb(0 0 0/10%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 0;
    min-height: 0;
    padding: 0;
    transition: .5s all
}

#article-contents.minified.fixed .content.opened {
    max-height: 360px;
    min-height: 270px;
    height: 60vh;
    padding: 10px;
    padding-bottom: 30px
}

#article-contents.minified.fixed li {
    width: 100%
}

#article-contents.minified.fixed .progressline .iconlist::before, #article-contents.minified.fixed .progressline .iconlist:after, #article-contents.minified.fixed .progressline .iconlist b {
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    margin-bottom: 5px;
    display: block
}

#article-contents.minified.fixed .progressline span {
    display: block;
    width: 0%;
    height: 3px;
    background: #414447;
    position: absolute
}

#article-contents.minified .act {
    text-decoration: none;
    font-weight: 700
}

#article-contents.minified li {
    width: auto;
    list-style-position: inside;
    padding-right: 0;
    display: inline-block;
    padding-left: 0
}

#article-contents.minified li a:hover {
    text-decoration: none !important
}

#article-contents.minified .title {
    display: none
}

.clearall {
    clear: both
}

#breadcrumbs {
    font-size: 13px;
    clear: both;
    line-height: 28px;
    z-index: 6;
    color: #637985;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px
}

#breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding-left: 0
}

#breadcrumbs .sitehome {
    font-size: 11px;
    display: inline;
    float: left
}

#breadcrumbs li {
    float: left
}

#breadcrumbs li:last-child a {
    opacity: .9
}

#breadcrumbs a {
    padding: 0;
    display: inline-block;
    line-height: 18px;
    color: #637985
}

#breadcrumbs a:hover {
    text-decoration: underline
}

#breadcrumbs .sitehome:after, #breadcrumbs li:after {
    content: ">";
    display: inline-block;
    margin: 0 3px
}

#breadcrumbs li:last-child:after {
    display: none
}

.button, a.button {
    border-radius: 50px;
    padding: 6px 15px;
    display: inline-block;
    background: #f7ec13;
    background: #18b979;
    color: #fff !important;
    box-shadow: inset 0 15px 11px -12px rgb(255 255 255/25%), inset 0 -6px 7px -6px rgb(55 124 117/25%), 0 4px 6px rgb(7 80 51/20%);
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    border: none;
    overflow: hidden;
    font-family: var(--font-k24);
    text-shadow: 0 1px 3px rgb(19 120 80/50%);
    transition: .2s all;
    cursor: pointer;
    border: 1px solid #0e915c
}

.button [class*=icon-], .button [class*=" icon-"] {
    top: 0;
    right: 0;
    margin: 0 0 0 10px;
    padding: 0;
    z-index: 6;
    text-shadow: none;
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 22px
}

.butcontainer {
    text-align: center !important
}

.button.small, a.button.small {
    padding: 5px;
    font-size: 15px
}

.button:hover {
    filter: brightness(1.1)
}

.head .smallbuttons-container {
    flex-grow: 1;
    text-align: right
}

h1.head [class^=icon-], h2.head [class^=icon-], h3.head [class^=icon-], h4.head [class^=icon-] {
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    background-size: 80%;
    padding: 0;
    position: relative;
    width: 35px;
    height: 35px;
    font-size: 34px;
    line-height: 33px;
    color: #3db987
}

h3.head [class^=icon-], h4.head [class^=icon-] {
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 30px
}

h4.head [class^=icon-] {
    width: 26px;
    height: 26px;
    font-size: 18px;
    line-height: 19px
}

.head [class^=icon-]::before {
    top: 0;
    position: relative
}

.head [class^=icon-]::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    border-radius: 70px;
    opacity: .4;
    display: none
}

h2.head, h3.head, h4.head, h5.head {
    color: #000;
    padding-left: 0;
    border-radius: 3px;
    margin-top: 40px;
    padding-top: 0;
    clear: both;
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-synthesis: none;
    position: relative
}

h2.head {
    margin-top: 50px;
    font-size: 25px !important;
    position: relative;
    margin-bottom: 10px;
    font-weight: 500;
    padding-left: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: .7em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.game-details {
    width: 100%;
    position: relative;
    justify-content: center;
    flex-flow: wrap;
    font-size: 14px;
    margin: 10px 0;
    margin-bottom: 20px
}

.game-details .icon-youtube {
    font-size: 24px;
    line-height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
    color: #4c5364
}

.game-details .icon-youtube:hover {
    color: red
}

.game-details h2 {
    width: 100%;
    font-size: 20px !important;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px
}

.game-details table {
    margin-bottom: 0;
    flex: 1 1 0;
    border-left: 3px solid #3db987;
    padding: 10px;
    background: #eaeef3;
    padding-left: 20px
}

.game-details i {
    font-size: 10px
}

.game-details i.icon-check {
    color: var(--green);
    border: 1px solid var(--green);
    border-radius: 15px;
    padding: 2px;
    font-size: 9px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px
}

.game-details i.icon-x {
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 2px;
    font-size: 7px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px
}

.game-details td {
    line-height: 24px
}

.game-details tr:last-of-type td {
    border-bottom: 0
}

.game-details strong {
    font-weight: 500
}

.game-details .info {
    position: relative
}

.game-details .info::before {
    font-size: 13px;
    cursor: pointer;
    padding: 4px
}

.game-details .info .tipBox {
    display: none;
    position: absolute;
    z-index: 66;
    background: #fff;
    max-width: 200px;
    left: 0;
    font-style: normal;
    font-family: var(--font);
    min-width: 150px;
    left: calc(50% - 70px);
    padding: 5px;
    box-shadow: 0 1px 3px rgb(0 0 0/50%);
    font-size: 12px;
    top: 14px;
    line-height: 15px;
    text-align: center
}

.template-casino h2.head, .template-template-sidebar h2.head, .template-template-country h2.head {
    display: flex !important;
    align-items: center
}

.template-template-game #secondary {
    margin-top: 30px
}

.the_content h2.head:first-of-type {
    margin-top: 30px
}

.section h2.head {
    margin-bottom: 10px
}

h2.head:not(.hasicon), h3.head:not(.hasicon), h4.head:not(.hasicon), h5.head:not(.hasicon) {
    display: flex;
    align-items: center
}

h2.head.text-aligned-center, h3.head.text-aligned-center, h4.head.text-aligned-center {
    display: block
}

h3.head [class^=icon-] {
    padding: 0
}

.hasicon > .head-icon, .head.hasicon > [class*=icon-] {
    vertical-align: top;
    width: 45px;
    text-align: center
}

.head.hasicon > [class*=icon-] {
    vertical-align: middle
}

.head.hasicon .head-text, .head.hasicon .head-text {
    vertical-align: middle
}

#mopopup {
    display: none
}

.list-style-0 li, ol.lists li {
    counter-increment: item
}

ol.lists li ol li, ul.lists li ol li {
    counter-increment: item2
}

.box .lists li ul li {
    counter-increment: none
}

.lists {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    padding-left: 30px
}

.lists li {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 3px;
    position: relative
}

ol.lists li::before {
    margin-right: 10px;
    content: counter(item);
    border-radius: 100%;
    color: #414447 !important;
    width: 25px;
    text-align: center;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font);
    box-shadow: 0 0 0 1px rgb(61 185 135);
    background: #fff !important;
    font-family: Arial !important
}

ol.lists li ol li::before {
    width: 20px;
    height: 20px;
    line-height: 19px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    font-size: 12px
}

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

ol.lists li ol {
    list-style: none
}

ol.lists li ol li::before {
    content: counter(item2)
}

.lists li::before {
    content: "\e90d";
    font-family: icon- !important;
    color: #3db987;
    min-width: 30px;
    min-height: 30px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    width: 10px;
    height: 10px;
    margin-left: -30px
}

.lists.stars li::before {
    content: "\e960";
    margin-right: 5px
}

ul.lists.checks li::before {
    content: "\e919";
    margin-right: 5px;
    font-weight: 700
}

ul.lists.checks li::before {
    color: #27c858
}

ul.lists.minus li::before {
    content: "\e914";
    margin-right: 5px
}

ul.lists.circles li::before {
    content: "\e91f";
    margin-right: 5px
}

ul.lists.bullets li::before {
    content: "○";
    margin-right: 5px;
    font-size: 13px
}

.purplebg, .box.purplebg, .section.purplebg {
    background: linear-gradient(164deg, #1b1e26 50%, #287254 100%);
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.purplebg #slots .game-thumb, .box.purplebg #slots .game-thumb, .section.purplebg #slots .game-thumb {
    background: #f0f4f726;
    border: none
}

.purplebg h2, .purplebg h3, .purplebg h4 {
    color: #fff
}

.purplebg .game-thumb .game-title {
    color: #fff !important
}

.purplebg #slots {
    padding-bottom: 0 !important
}

.lists li {
    width: 100%;
    margin-right: 0
}

.lists[class*=" col"], .lists[class^=col] {
    columns: 1
}

.lists.st0 li {
    width: 100%;
    margin-right: 0%
}

.lists.col1 {
    columns: 1
}

.lists.col3 li, .lists.col3 li, .lists.col4 li {
    float: none !important
}

.grid {
    display: grid;
    grid-gap: 15px;
    margin: 15px 0;
    width: 100%
}

.grid.flex {
    display: flex
}

.grid.grid_1 {
    grid-template-columns:100%
}

.grid[class^=grid_] {
    grid-template-columns:50% 50%
}

.grid .box {
    float: none;
    margin: 0
}

.grid.icons {
    background: #fff;
    box-shadow: var(--section-box-shadow);
    padding: var(--section-padding);
    width: 100%;
    border-width: 1px 1px .2em;
    border-radius: var(--border-radius)
}

.grid.icons > a {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgb(179 204 221/30%);
    border: 1px solid #d2d6e7;
    transition: .25s all
}

.grid.icons > a img {
    max-width: 120px !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 0 !important;
    width: 100%
}

.grid.icons > a:hover {
    background: rgb(240 244 247);
    border-color: #3db987;
)
}

.box hr.divider {
    margin: 1em auto
}

.grid.positives-negatives {
    grid-template-columns:repeat(2, 1fr);
    padding: 10px;
    border-radius: var(--border-radius);
    margin-bottom: 30px !important;
    border: 1px solid var(--border-color)
}

.grid.positives-negatives .title {
    font-weight: 500;
    font-family: var(--font-k24);
    font-size: 18px;
    margin-bottom: 6px
}

.grid.positives-negatives .box {
    padding: 0;
    box-shadow: none;
    border: none;
    background: 0 0
}

.grid.positives-negatives .box ul {
    padding-left: 0
}

.grid.positives-negatives .box.positives ul li, .grid.positives-negatives .box.negatives ul li {
    width: 100%;
    position: relative;
    padding: 4px 0 4px 33px;
    list-style: none;
    line-height: 22px;
    margin-bottom: 9px;
    font-size: .9em
}

.grid.positives-negatives .box ul li::before {
    font-family: icon- !important;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    height: 25px;
    width: 25px;
    border-radius: 150px;
    padding: 3px;
    box-shadow: 0 0 5px -4px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12.5px;
    min-width: 10px !important;
    min-height: 10px !important;
    box-shadow: var(--section-box-shadow)
}

.grid.positives-negatives .box.positives ul li::before {
    color: var(--green);
    background-color: var(--basesections);
    content: "\e90d"
}

.grid.positives-negatives .box.negatives ul li::before {
    content: "\e914";
    color: #ef374e;
    background-color: var(--basesections)
}

.box {
    background: rgba(255, 255, 255, .4);
    margin: 5px 0 15px;
    padding: var(--section-padding);
    width: 100%;
    border-width: 1px 1px .2em;
    border-radius: var(--border-radius);
    box-sizing: border-box;
    display: inline-block
}

.box p:last-of-type {
    margin-bottom: 0
}

.box h3.head:first-of-type, .box h2.head:first-of-type, .box h3:first-of-type {
    margin-top: 0;
    margin-bottom: 19px
}

.box ol, .box ul {
    margin: 0%;
    padding-right: 0
}

.box .head {
    position: relative;
    margin-bottom: 6px;
    font-family: var(--font-bco);
    font-weight: 500
}

.box .head strong {
    font-weight: 500 !important
}

.grid .box {
    border: 1px solid #ccc;
    border: 1px solid #d2d6e7;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 15px rgb(179 204 221/20%)
}

.box .clearall {
    width: 100%;
    clear: both;
    margin-bottom: 5px
}

.box.fullwidth {
    padding: 1% 0%;
    border-radius: 0;
    border: none
}

.box.fullwidth .inside {
    position: relative;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100% !important;
    margin-left: 0% !important;
    max-width: 1240px;
    margin: 0 auto !important;
    float: none;
    padding-left: 10px;
    padding-right: 10px
}

.box.operator-logos .head {
    background: rgba(0, 0, 0, .05)
}

.box .head .op-logo {
    width: 67px;
    height: 33px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px
}

.box .head h2, .box .head h3, .box .head h4, .box .head h5, .box .head strong {
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400
}

.box .head h2 {
    font-size: 22px
}

.box .head h3.head {
    font-size: 20px
}

.box .head.hasicon h3.head {
    max-width: calc(100% - 160px);
    float: none;
    display: inline-block
}

.box .head.hasicon {
    min-height: 36px;
    width: 100%
}

.box .head [class*=" icon-"], .box .head [class^=icon-] {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    font-size: 21px;
    line-height: 30px;
    width: 30px;
    background: #3db987;
    color: #fff;
    border-radius: 70px
}

.box .head .head [class*=" icon-"], .box .head .head [class^=icon-] {
    margin: 5px;
    font-weight: 500;
    border-radius: 3px;
    font-size: 25px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    position: relative
}

.box.headh4 .head.hasicon [class*=" icon-"], .box.headh4 .head.hasicon [class^=icon-] {
    left: 4px;
    top: 3px;
    font-size: 20px
}

.box .head [class*=" icon-"]::before, .box .head [class^=icon-]::before {
    height: 30px;
    width: 30px
}

.box.operator-logos .lists {
    padding-left: 70px;
    list-style-position: outside
}

.box.operator-logos .lists li {
    position: relative
}

.box.operator-logos .lists li:before {
    position: absolute;
    left: -50px;
    font-size: 20px
}

.box.fullwidth .inside .head {
    font-size: 30px
}

.box.fullwidth .inside h3.head {
    font-size: 22px
}

.style-warning.box {
    background: #e7accd40;
    font-weight: 500;
    color: #914568;
    font-size: .9em;
    border-left: 3px solid #914568
}

.style-warning.box p {
    font-size: .9em !important
}

.style-example.box {
    background: rgba(172, 231, 220, .25);
    font-weight: 500;
    color: #19704d;
    font-size: .9em;
    border-left: 3px solid #19704d
}

.style-example.box p {
    font-size: 1em !important
}

.style-info.box {
    background: rgba(172, 208, 231, .25);
    color: #185f88;
    font-size: .9em;
    border-left: 3px solid #1f6291
}

.style-info.box .head h3 {
    color: #185f88;
    font-weight: 500
}

.style-info.box p {
    font-size: 1em !important
}

.style-info.box p a {
    text-decoration: underline;
    color: #138bce
}

.style-info.box h4 {
    font-size: 1em;
    color: #185f88
}

.style-light-gradient .box {
    background: rgba(255, 255, 255, .7)
}

.style-light-gradient .pageaccordeons .acc-box .achead {
    background: rgba(255, 255, 255, .4)
}

.box.headh4 .head {
    line-height: 30px;
    min-height: 36px;
    margin-bottom: 0
}

.box.headh4 .head h4 {
    padding: 0;
    font-weight: 500
}

.context-pages-thumbs {
}

.context-pages-thumbs a {
    box-shadow: 0 0 13px rgb(0 0 0/8%);
    border-radius: 10px;
    transition: .5s all
}

.context-pages-thumbs a:hover {
    background: #fff
}

.context-pages-thumbs a img {
    min-width: 60px
}

.context-pages-thumbs a span {
    display: flex;
    flex-direction: column;
    max-width: 60px;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    font-size: 15px;
    text-align: center;
    margin: 10px auto
}

.box.info .head [class*=" icon-"], .box.info .head [class^=icon-] {
    color: #4fa0ca
}

.box.alert {
    background: #f3eae8;
    border-color: #d8a3a3;
    color: #672525
}

.box.alert .head [class*=" icon-"], .box.alert .head [class^=icon-] {
    color: #ca4f4f
}

.box.green .head [class^=icon-], .box.green .head[class*=" icon-"] {
    color: #4fa05f
}

.pagetitle {
    text-align: left;
    position: relative;
    display: block;
    clear: both
}

header.header-hasicon {
    flex-direction: column
}

header.header-hasicon .header-icon img {
    max-width: 120px !important;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 0 !important
}

header.header-hasicon .pagetitle {
    margin: 0 !important;
    text-align: center;
    font-size: 26px !important
}

.template-template-sidebar .pagetitle {
    margin-top: 0
}

.btablebonuscode {
    background: #1b1e26;
    color: #fffa3c;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 500px;
    line-height: 25px;
    border: 1px dashed #dfdfdf;
    display: inline-block
}

.btablebutton {
    background: #1b1e26;
    color: #fff;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 500px;
    line-height: 25px;
    display: inline-block;
    background: #18b979;
    box-shadow: inset 0 15px 11px -12px rgb(255 255 255/25%), inset 0 -6px 7px -6px rgb(55 124 117/25%), 0 4px 6px rgb(7 80 51/20%);
    border: 1px solid #0e915c
}

#howto {
    background: #d5e1e7;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding: 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--section-box-shadow);
    margin: 20px auto;
    border: 3px solid #bbcfd9
}

#howto > .head {
    margin-top: 5px;
    text-align: center
}

#howto .box .head {
    margin-bottom: 0;
    padding: 0
}

#howto .box .cont p {
    margin-top: 0
}

#howto > .box {
    margin-left: 30px;
    width: calc(100% - 30px);
    counter-increment: howtonum;
    position: relative
}

#howto > .box:before {
    content: counter(howtonum);
    position: absolute;
    left: 0;
    background: #232b36;
    color: #fff;
    top: calc(50% - 12px);
    left: -34px;
    width: 26px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-bco)
}

.searchForm {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    top: 0;
    left: 0;
    float: right;
    position: relative;
    z-index: 69;
    background: #3db987;
    transition: all .14s;
    display: none;
    color: #fff;
    position: absolute;
    z-index: 666
}

.searchForm .container {
    display: flex;
    align-items: center
}

.searchForm .field {
    font-size: 18px;
    color: #fff !important;
    border: none;
    line-height: 20px;
    margin: 10px;
    background: rgba(255, 255, 255, .08);
    border-radius: 10px;
    padding: 15px;
    max-width: 80%
}

.searchForm .close {
    cursor: pointer
}

.searchForm .field::placeholder {
    color: #fff
}

.searchForm .field:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px #49a267
}

.searchForm .submit {
    display: none
}

.searchForm .submit::before {
    content: "\e95a";
    color: #fff;
    font-family: icon- !important;
    font-size: 28px
}

.tabular, .tabular .nav, .tabular .conts {
    clear: both
}

.tabular .nav {
    padding: 0;
    margin: 0
}

.tabular .nav li {
    color: #6d6d6d;
    padding: 5px 15px;
    display: inline-block;
    box-shadow: 0 0 15px -10px;
    margin-right: 1px;
    font-size: 15px;
    background: 0 0;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0
}

.tabular .nav li.active {
    background: var(--basesections);
    color: #000;
    font-weight: 700;
    box-shadow: none
}

.section .tabular .nav li.active {
    background: #fff
}

.tabular .conts {
    padding: 0;
    margin-bottom: 10px
}

.tabular .conts .tabls {
    height: 0;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 3px
}

.tabular .conts .tabls.active {
    display: block;
    overflow: inherit;
    height: inherit
}

.tabular .conts .tabls {
    background: #fff
}

.tabular table.motable {
    border-radius: 0 0 10px 10px !important
}

table.motable {
    margin-bottom: 0;
    background: #fff;
    overflow: hidden;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 15px rgb(179 204 221/30%);
    border: 1px solid #d2d6e7;
    padding: 5px
}

table.motable thead tr td, table.motable thead tr th {
    background: var(--basesections)
}

.section table.motable {
    background: #fff
}

.slot-payouts-table {
    text-align: center
}

.slot-payouts-table td {
    vertical-align: top
}

.slot-payouts-table tr {
    background: 0 0 !important
}

.slot-payouts-table img {
    max-width: 160px !important
}

.slot-payouts-table .payoutvalue {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 20px
}

.slot-payouts-table .payoutvalue .payout {
    margin-left: 10px !important
}

.mobtablessc-right {
    top: 20px;
    z-index: 5;
    height: 0;
    clear: both
}

.mobtablessc {
    clear: both;
    overflow-x: auto
}

.mobtablessc-right i {
    line-height: 30px;
    min-height: 30px;
    display: block;
    width: 40px;
    text-align: center;
    float: right;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    padding-left: 16px
}

.mobtablessc table {
    border: none !important;
    box-shadow: none !important
}

#primary img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 10px
}

#primary img.fullwidth {
    width: 100%
}

.flag {
    width: 14px;
    height: 15px;
    vertical-align: middle
}

.flag svg {
    width: 100%
}

span.posted-on {
    text-align: center;
    margin: 10px auto
}

span.posted-on.header {
    line-height: 30px;
    color: #a8a8a8;
    width: auto;
    margin: 0;
    width: 50%;
    text-align: left;
    font-size: 14px
}

.pageviews {
    color: #a8a8a8;
    width: auto;
    margin: 0;
    display: inline-block;
    margin-left: 0;
    width: 50%;
    float: left;
    text-align: right;
    font-size: 14px
}

.pageviews .icon-eye-open {
    display: inline-block;
    color: #a9a9a9;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 0
}

hr.divider {
    display: block;
    overflow: initial;
    height: 2px;
    background: linear-gradient(to right, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
    opacity: .05;
    float: none;
    margin: 1.3em auto
}

.page-numbers {
    cursor: pointer
}

.page-numbers.current {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #373c43;
    font-weight: 700;
    clear: both
}

.page-numbers {
    line-height: 28px;
    padding: 0 10px;
    color: #a8a8a8;
    margin-right: 6px;
    font-size: 15px
}

#primary p {
    font-size: 17px
}

#primary p strong a {
    text-decoration: underline
}

.rating .stars {
    width: 110px;
    position: relative;
    margin: 0 auto
}

.starRate .stars {
    text-align: center
}

.starRate .stars div {
    height: 16px;
    width: 18px;
    display: inline-block;
    color: #ff5e00;
    font-size: 18px;
    line-height: 13px
}

.bcoicons, .bcoicons .icon, .bcoicons.center, .bcoicons.left, .bcoicons.right {
    display: inline-block
}

.bcoicons.center {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

.bcoicons.center .icon {
    margin: 0 auto
}

.bcoicons.left {
    float: left;
    text-align: center;
    margin: 10px 10px 10px 0
}

.bcoicons.right {
    float: right;
    text-align: center;
    margin: 10px 2% 10px 1%
}

.bcoicons .icon {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 0;
    border-color: transparent;
    text-align: center;
    padding: 7px;
    border-radius: 15px
}

h2.head .bcoicons, h3.head .bcoicons, h4.head .bcoicons, h5.head .bcoicons {
    vertical-align: middle;
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-bottom: 0
}

.starRate .stars div.empty::before {
    opacity: .5
}

.starRate .legend .stars-title {
    display: none
}

.starRate {
    text-align: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    padding: 5px 0;
    border-radius: 8px;
    max-width: 130px;
    margin: 0 auto;
    text-shadow: none;
    position: relative
}

.starRate i {
    display: inline-block;
    font-size: 21px;
    color: #ff5e00;
    margin-right: 2px
}

.starRate i:hover {
    color: #363a3e;
    cursor: pointer
}

.starRate .legend {
    font-size: 11px
}

.verified-info {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}

.verified-info i {
    color: var(--green);
    font-size: 16px;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    font-weight: 700
}

.verified-info img {
    max-width: 24px !important;
    border-radius: 45px;
    margin-bottom: 0 !important;
    margin-left: 5px
}

.post-updated {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    text-align: left;
    display: inline-block;
    background: #f5f7f9;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
    width: auto;
    padding-right: 10px
}

.post-updated::before {
    content: "\e90e";
    font-family: icon- !important;
    margin-right: 8px;
    border-radius: 5px;
    font-size: 21px;
    vertical-align: middle;
    background: #3db987;
    padding: 5px;
    box-shadow: var(--section-box-shadow);
    color: #fff;
    line-height: 29px
}

blockquote {
    padding: 10px 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    margin: 0 1.5em
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

legend, pre {
    display: block;
    color: #333
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0'
}

.toolTip {
    position: absolute;
    padding: 5px;
    background: #fff;
    font-size: 13px;
    color: #000;
    line-height: 14px;
    max-width: 290px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    animation: dropdown_view .4s;
    z-index: 999999;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2)
}

.toolTip .in {
    display: block
}

.toolTip::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -6px
}

.toolTip.alignleft::before {
    right: 2px
}

.toolTip .in .icon-check {
    color: #87ea8b;
    margin-right: 8px
}

span.tnc_rshow {
    display: none
}

span.tnc_rshow.active {
    display: inline
}

span.tnc_rmore {
    font-weight: 700;
    cursor: pointer
}

.cta_field {
    display: table;
    width: 100%;
    background: #f0f0f0;
    padding: 20px 10px
}

.cta_field .content, .cta_field .cta, .cta_field .logo {
    vertical-align: middle;
    display: table-cell
}

.cta_field .logo {
    max-width: 130px;
    width: 130px;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 100px;
    text-align: center
}

.cta_field .logo i {
    font-size: 50px
}

.cta_field .content {
    width: auto;
    min-width: 50%;
    padding-left: 15px;
    font-size: 16px;
    max-width: 390px
}

.template-country #primary {
    width: 100%
}

.template-compare #primary {
    width: 100%;
    max-width: 850px;
    float: none;
    margin: 0 auto
}

.inline-flag {
    display: inline-block
}

.inline-flag img {
    min-width: 25px;
    margin-bottom: 0 !important
}

[data-molink^="https:"] {
    cursor: pointer
}

.motable-headline {
    text-align: left;
    font-weight: 700;
    font-size: 22px;
    position: relative;
    padding-bottom: 5px
}

.motable {
    width: 100%;
    position: relative;
    border-radius: 2px
}

.motable thead, .motable thead strong, .motable thead th, .motable thead tr {
    font-weight: 600;
    font-size: 11px;
    text-align: left;
    padding: 6px 0;
    padding-left: 5px;
    padding-bottom: 15px
}

.motable td, .motable th {
    padding: .5em;
    font-size: 14px;
    line-height: 13px
}

.motable tr:nth-child(odd) {
    background: rgb(163 165 221/10%)
}

.motable thead tr:nth-child(odd) {
    background: 0 0
}

.motable .button {
    background: #18b979;
    padding: 5px 6px;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    min-width: 75px;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.tables-reponsive {
    overflow-x: auto;
    max-width: 100vw;
    width: 100%
}

.payments-table-view {
    width: 100%;
    box-shadow: 0 5px 15px rgb(179 204 221/20%)
}

.payments-table-view .method {
    font-size: 13px;
    font-weight: 700;
    line-height: 19px
}

.payments-table-view .method div {
    display: flex;
    align-items: center
}

.motable tr {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

#payment-thumbs {
}

#payment-thumbs div {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 1px;
    background: #e1e4f4;
    border-radius: var(--border-radius);
    cursor: pointer
}

#payment-thumbs div.active {
    background: #e2e5f4
}

#payment-thumbs div img {
    margin-bottom: 0 !important;
    border-radius: 6px;
    max-width: 40px;
    margin-bottom: 0 !important;
    border-radius: 7px
}

#payment-thumbs div:hover {
    background: #e2e5f4
}

.payments-table-view .method img {
    vertical-align: middle;
    border-radius: 4px;
    max-width: 28px !important;
    margin-right: 5px;
    margin-bottom: 0 !important
}

.payments-tabs {
    width: 100%;
    margin: 20px 0
}

.payments-tabs .payments-table-view {
    margin: 0
}

.payments-table-view .sepPtbs td {
    background: #f1f1f1
}

#payment-thumbs {
}

#payment-thumbs div {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    background: var(--bright);
    border-radius: var(--border-radius);
    cursor: pointer
}

.payments-table-view .method img {
    vertical-align: middle;
    border-radius: 4px;
    max-width: 28px !important;
    margin-right: 5px;
    margin-bottom: 0 !important
}

.payments-tabs {
    width: 100%;
    margin: 20px 0
}

.payments-tabs .payments-table-view {
    margin: 0
}

.payments-table-view .sepPtbs td {
    background: #f1f1f1
}

.motable th {
    background: rgba(255, 255, 255, .8)
}

.motable tr {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.motable tr:hover {
    background: rgba(196, 204, 215, .22)
}

.motable .highlight {
    background: rgb(255 214 184/43%)
}

.encjs {
    position: relative;
    clear: both;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.encjs.loaded {
    display: block;
    height: auto;
    overflow: auto;
    opacity: 1;
    overflow-y: hidden
}

.encjs.loaded iframe {
    border: none;
    width: 100%;
    min-height: 440px
}

.totop {
    bottom: 16%;
    display: none;
    position: fixed;
    right: 3%;
    z-index: 99999;
    background: #fff;
    border-radius: 500px;
    padding: 8px;
    cursor: pointer;
    color: #000;
    cursor: pointer;
    border: 1px solid var(--border-color)
}

figure .wp-caption-text {
    width: 100% !important
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

[data-molink^="https:"] {
    cursor: pointer
}

.operator-tnc {
    font-size: 10px;
    line-height: 11px;
    margin-top: 10px;
    cursor: default;
    display: table;
    margin: 0 auto;
    position: relative;
    line-height: 20px
}

.operator-tnc a {
    text-decoration: underline !important
}

#secondary a {
    color: #000
}

#secondary .button {
    min-width: 120px;
    padding: 4px 10px;
    font-size: 17px
}

#secondary.sticky {
    position: sticky;
    top: 0;
    overscroll-behavior: none;
    overflow-y: hidden;
    overflow-x: hidden;
    will-change: height, scroll-position;
    height: calc(100vh - 25px)
}

#gallery {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0
}

#gallery .gallins {
    position: relative
}

#gallery .gallins .box {
    text-align: center;
    padding: 1%;
    display: none;
    animation: dropdown_view4 .4s;
    padding-top: 0;
    margin: 0
}

#gallery .gallins .box .head {
    font-weight: 700;
    font-size: 18px;
    line-height: 40px;
    padding: 0;
    margin: 0
}

#gallery .gallins .box.active {
    display: block
}

#gallery .gallins .box img {
    width: 102%;
    margin: 0;
    margin-left: -1%;
    max-width: 102%
}

#gallery .navi {
    position: absolute;
    left: 0;
    z-index: 66;
    font-size: 20px;
    top: calc(50% - 30px);
    width: 100%
}

#gallery .navi .icon-arrow-left, #gallery .navi .icon-arrow-right {
    background: rgba(0, 0, 0, .9);
    font-size: 37px;
    position: relative;
    height: 60px;
    width: 35px;
    cursor: pointer;
    color: #fff;
    padding-top: 10px;
    text-align: center
}

#gallery .navi .disabled {
    cursor: none;
    opacity: .3
}

#gallery .navi .icon-arrow-left {
    border-left: none
}

#gallery .navi .icon-arrow-right {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0
}

#gallery .navi .icon-arrow-left:hover, #gallery .navi .icon-arrow-right:hover {
    background: #0000
}

#gallery .navi .icon-arrow-left::before, #gallery .navi .icon-arrow-right::before {
    margin-right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

#gallery .navi .icon-arrow-left {
    float: left
}

#gallery .navi .icon-arrow-right {
    float: right
}

.section {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px auto;
    background: #fff;
    padding: var(--section-padding);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.section.is_fullwidth {
    border-radius: 0;
    max-width: 100vw;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0
}

.section .subsection {
    position: relative;
    width: 100%;
    display: table-caption;
    clear: both;
    line-height: 40px;
    font-size: 20px
}

.section .cntainer {
    margin: 0 auto;
    max-width: 1150px;
    width: 100%;
    position: relative
}

.section .cntainer .section-footer {
    margin: -15px;
    width: calc(100% + 30px) !important;
    padding: var(--section-padding);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    font-size: 14px;
    display: table
}

.section .cntainer > .head:first-of-type, .section .cntainer div > .head:first-of-type {
    margin-top: 0
}

.section .cntainer > p:first-of-type {
    margin-top: 0
}

.section .cntainer .cell {
    display: block;
    display: table-cell;
    vertical-align: middle;
    padding: 1%
}

.section .cntainer .cell hr {
    margin: 15px 0
}

.section.tree .cntainer .cell {
    width: 33%
}

.box.casino-softwares li:hover {
    color: #3db987
}

.box.casino-softwares li:hover .logo-software {
    box-shadow: 0 0 0 3px #3db987;
    background-color: #1c2c25
}

.box.casino-softwares.smwall {
    overflow: hidden;
    max-height: 310px;
    position: relative
}

.box.casino-softwares.smwall .clicksmwall {
    position: absolute;
    bottom: 7px;
    right: calc(50% - 17px);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    z-index: 6;
    background: #6b829f;
    padding: 6px
}

.box.casino-softwares.smwall::after {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    display: block;
    background: linear-gradient(0deg, white, transparent)
}

.box.casino-softwares ul {
    list-style: none;
    margin: 10px 0;
    cursor: default;
    padding: 0
}

.box.casino-softwares ul {
    text-align: center
}

.box.casino-softwares ul .logo-software {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    border-radius: 50px;
    background: #1b1e26;
    background-position: center;
    background-size: 98%;
    background-repeat: no-repeat;
    transition: .5s all
}

.box.casino-softwares ul span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500
}

.box.restricted-countries {
    border: 1px solid #dfc8c8;
    background: #fbebeb
}

.box.restricted-countries p, .box.restricted-countries {
    font-size: 16px !important
}

.box.restricted-countries p {
    margin-bottom: 20px
}

.box.restricted-countries .lists {
    columns: 3
}

.box.restricted-countries .lists li::before {
    content: "\e96d";
    color: #d99797
}

.box.restricted-countries .lists li {
    margin-bottom: 0;
    font-size: 11px
}

.section-is-legit {
    background: #d9ede57a;
    border: 1px solid #3db987;
    margin: 60px auto
}

.section-is-legit .head {
    margin-top: 0
}

.section-is-legit .icon-badge {
    color: #22a36f;
    margin-right: 10px;
    font-size: 40px
}

.section-is-legit .conclusion {
    text-align: right;
    font-size: 14px;
    display: block
}

.section-is-legit .conclusion strong {
    color: #149561;
    font-size: 17px;
    text-decoration: underline
}

.rm-cont {
    display: none
}

.rm-container, .rm-cont.shown {
    display: inline !important
}

.rm-button {
    color: #97abb2;
    margin-left: 5px;
    cursor: pointer;
    font-size: .8em
}

.widgets {
    margin-bottom: 30px
}

.widgets .title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--bright-bg);
    border: none;
    color: #000;
    border-radius: 8px;
    word-spacing: 0;
    font-size: 18px;
    border: none;
    font-family: var(--font-bco)
}

#secondary .container {
    width: 100%
}

.widgets .title [class^=icon-] {
    position: relative;
    float: left;
    height: 39px;
    width: 45px;
    padding-left: 13px;
    padding-top: 7px;
    font-size: 24px;
    line-height: 29px
}

.widgets .title span {
    padding: 10px 10px 10px 7px;
    display: block
}

#rating-box {
    border: 1px solid #f0f0f0;
    padding: 8px
}

#sidebar-operator-links {
    list-style: none;
    width: 100%;
    padding: 0;
    margin-bottom: 0
}

#sidebar-operator-links li .linksd {
    border-bottom: 1px solid #f0f0f0;
    display: block
}

#sidebar-operator-links li .icon {
    width: 68px;
    height: 57px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 10px
}

.single header.post-title {
    margin-bottom: 30px
}

.single #primary > article {
    clear: both
}

figure {
    max-width: 100%
}

.share-menu {
    float: left;
    width: 100%;
    text-align: center
}

.share-menu .moreshare {
    display: inline
}

.share-menu .moreshare .icon-plus {
    display: none
}

.tocomments {
    font-size: 30px;
    float: right;
    color: #a8a8a8;
    display: none;
    cursor: pointer
}

.single #primary .post-featured-image {
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
    border-radius: 10px
}

.single #primary .post-featured-image img {
    display: block;
    margin: 0 auto
}

.share-menu i {
    color: #fff;
    font-size: 18px;
    border-radius: 45px;
    padding: 6px;
    cursor: pointer
}

.share-menu .icon-facebook {
    background: #3b5998
}

.share-menu .icon-twitter {
    background: #4aa9df
}

.share-menu .icon-pinterest {
    background: #e60023
}

.share-menu .icon-viber {
    background: #7b519d
}

.share-menu .icon-linkedin {
    background: #0077b7
}

.share-menu .icon-whatsapp {
    background: #55b560
}

.post-footer {
}

.post-footer .post-categories .category {
    display: inline-block;
    background: var(--link);
    color: #fff;
    padding: 5px 10px;
    border-radius: var(--border-radius);
    font-weight: 500;
    font-size: 13px
}

.post-footer .post-categories {
    display: block;
    margin: 20px auto;
    clear: both
}

#site-footer {
    background-color: var(--sitemenu);
    background: linear-gradient(164deg, #1b1e26 50%, #287254 100%);
    color: #fff;
    font-size: 12px;
    padding: 20px 10px;
    padding-top: 40px
}

#site-footer .before-copy {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px
}

#site-footer .before-copy a {
    font-weight: 700
}

#site-footer .before-copy a:hover {
    text-decoration: underline
}

#footer-sidebar {
    font-size: 16px;
    margin-bottom: 30px
}

#site-footer .sitelogofooter {
    max-width: 300px;
    margin-bottom: 20px
}

#site-footer .trustpilot-widget {
    width: 100%;
    max-width: 310px;
    text-align: center;
    margin: 0 auto;
    justify-content: center
}

#site-footer .footlogo {
    justify-content: center
}

#site-footer a {
    color: #fff
}

.plus18 {
    text-align: center;
    border-radius: 100px;
    padding: 4px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    font-weight: 700;
    margin-right: 10px;
    border: 2px solid #fff;
    position: relative;
    min-width: 27px
}

.plus18 i {
    position: absolute;
    right: -7px;
    top: -2px;
    background: #1b1e26;
    font-size: 20px;
    border-radius: 50px;
    line-height: 6px;
    padding: 4px 0;
    padding-top: 0;
    padding-bottom: 7px
}

#footer-sidebar a:hover {
    color: #fff;
    text-decoration: underline
}

.footwidget a {
    display: block;
    width: 100%;
    float: left
}

.footwidget {
    width: 100%;
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.badges-footer {
    text-align: center;
    border-bottom: 2px solid #cccccc14;
    max-width: 1200px;
    margin: 0 auto;
    float: none;
    margin-bottom: 50px;
    display: flex;
    padding-bottom: 30px;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.badges-footer .logos {
    clear: both;
    min-height: 49px;
    max-width: 190px;
    cursor: pointer;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    background-position: center;
    background-size: 100%;
    margin-right: 10px;
    background-repeat: no-repeat
}

.badges-footer .logos.mga {
    max-width: 110px
}

.footsplogos {
    width: 130px;
    height: 57px;
    display: inline-block;
    margin-top: 4px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat
}

.site-info {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 13px
}

.copyright_right {
    font-size: 14px;
    text-align: center
}

.copyright_right a {
    color: #fff
}

.accordion {
    margin-bottom: 20px
}

.accordion .accbox {
    padding: 0;
    margin: 0 0 2px
}

.accordion .accbox .head {
    cursor: pointer;
    margin: 0;
    padding: .3em 30px .3em 10px;
    background: rgba(255, 255, 255, .1);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.accordion .accbox .head::after {
    font-family: icon- !important;
    content: "\e919";
    float: right;
    position: absolute;
    top: 0;
    line-height: 45px;
    right: 10px;
    opacity: .3;
    font-size: 16px
}

.accordion .accbox .cont {
    width: 100%;
    position: relative;
    transition: .4s all;
    overflow: hidden;
    display: none
}

.accordion .accbox.opened .cont {
    display: block !important;
    padding: var(--section-padding)
}

.accordion .accbox.opened .cont p:first-of-type {
    margin-top: 0
}

.accordion .accbox .head.hasicon [class^=icon-] {
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    padding-right: 10px;
    margin-right: 5px;
    position: relative;
    left: inherit;
    top: inherit;
    display: inline-block
}

.accordion .accbox.box .clearall {
    margin-bottom: 0
}

#faq .head h4, #faq .head h3 {
    font-weight: 600;
    font-size: 16px
}

#faq .head {
    margin-bottom: 0;
    padding-left: 0
}

#faq .cont p:first-of-type {
    margin-top: 5px
}

#faq .box {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 10px
}

#faq .box .head {
    background: #eaeef3;
    padding: 6px 10px;
    margin: -10px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color)
}

#faq .box p {
    font-size: 16px
}

.mo-gallery {
    display: block;
    position: relative;
    width: 100%
}

.mogallery {
    display: block;
    position: relative;
    width: 100%
}

.mogallery .swiper-wrapper .swiper-slide img {
    width: auto
}

#mo-gallery-thumbs img {
    max-width: 200px
}

#mo-gallery-thumbs .mo-gallery-thumbs .swiper-slide {
    cursor: pointer
}

.articles-related .relph {
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 700
}

.articles-related .icon-checkbox {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    margin-right: 0 !important;
    margin-top: -3px !important
}

.mo-holder {
    z-index: 6666666666;
    position: fixed
}

.usermessages {
    display: none;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.usermessages .ovr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s
}

.usermessages .contt {
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-animation: message_anim1 .5s;
    animation: message_anim1 .5s
}

.usermessages .contt .icon-x {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    opacity: .5;
    cursor: pointer;
    z-index: 666666
}

.usermessages .contt .icon-x:hover {
    opacity: 1
}

.usermessages .contt .hln {
    padding: 20px 30px;
    font-size: 22px;
    min-width: 280px;
    text-align: center;
    position: relative;
    float: left;
    display: block;
    max-width: 1000px
}

.usermessages .operator-tnc {
    max-width: 300px;
    margin: 0 auto
}

.op-logo {
    display: inline-block;
    width: 210px;
    height: 110px;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 10px
}

.op-logo.transplogo {
    background-color: var(--sitemenu)
}

.op-logo.small {
    width: 115px;
    height: 64px
}

.op-logo.medium {
    width: 160px;
    height: 80px
}

.op-logo.alignright {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.op-logo.aligncenter {
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.op-logo.inline {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 auto
}

.head .op-logo {
    margin-right: 10px
}

#author-section {
    background: #fff;
    border: 1px solid var(--border-color);
    margin-top: 0;
    margin-bottom: 20px
}

#author-section .details {
    display: table
}

#author-section .title {
    background: #fbfdff;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 10px;
    font-weight: 500;
    font-size: 18px;
    display: flex !important;
    border-bottom: 1px solid #e9f2fa;
    margin: -15px;
    margin-bottom: 10px
}

#author-section .title i {
    font-size: 30px;
    margin-right: 8px;
    vertical-align: middle
}

#author-section .title a {
    color: #000
}

#author-section .title span {
    font-weight: 400
}

#author-section .avatar {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    overflow: hidden
}

#author-section .right {
    display: table-cell;
    vertical-align: middle;
    padding-left: 14px;
    font-size: 16px;
    line-height: 23px
}

#author-section .avatar img {
    max-width: 100px;
    border-radius: 500px;
    aspect-ratio: 1/1
}

#author-section .icon {
    float: left;
    padding: 0;
    color: #fff;
    padding-right: 5px;
    padding-top: 14px
}

#author-section .icon i {
    padding: 8px;
    border-radius: 50px
}

#author-section .icon .icon-facebook {
    background: #4267b2
}

#author-section .icon .icon-linkedin {
    background: #0274b3
}

#author-section .icon .icon-twitter {
    background: #1da1f2
}

.author_details img {
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    float: left;
    margin: 0 10px 10px 0
}

.view-all .button {
    text-transform: uppercase;
    font-size: 13px !important;
    background: #f0f4f7 !important;
    color: #000 !important;
    border: 1px solid #708799;
    text-shadow: none !important;
    padding-left: 14px !important;
    box-shadow: none
}

.view-all .button i {
    font-size: 12px;
    line-height: 20px
}

.operator-complains-footer {
    max-width: 806px;
    position: relative;
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
    margin-top: 30px
}

.sidelists {
    background: #fff;
    border-radius: var(--border-radius);
    margin-bottom: 30px !important;
    border: 1px solid var(--border-color);
    clear: both
}

.sidelists .title, .sidebar-slots.sidelists.simplesidebar .title {
    margin: 0;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 10px;
    font-weight: 500;
    font-size: 17px;
    display: flex !important;
    border-bottom: 1px solid #e9f2fa;
    padding-left: 12px;
    align-items: center;
    line-height: 29px;
    background: #fbfdff;
    text-transform: none;
    transition: .5s all
}

.sidelists .title > i {
    font-size: 30px;
    margin-right: 10px;
    line-height: 20px
}

.sidelists .title .view-all {
    width: auto;
    margin: 0;
    display: flex;
    align-items: center
}

.sidelists .title .view-all .button {
    margin: 0 !important;
    padding: 3px 8px !important;
    line-height: 19px;
    min-width: inherit;
    padding-left: 8px !important
}

.sidebar-slots.sidelists.simplesidebar {
    margin-top: 0;
    margin-bottom: 30px
}

.sidelists .view-all {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px
}

.sidelists.simplesidebar {
    background: 0 0
}

.sidelists .content {
    background: #fff;
    border-radius: var(--border-radius);
    padding: 5px 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.sidelists.simplesidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    display: flex;
    flex-direction: column
}

.sidelists.simplesidebar ul li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid #e9f2fa
}

.sidelists.simplesidebar ul li .in-th {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    transition: .2s all
}

.sidelists.simplesidebar ul li .in-th:hover {
    background: #eaeef3;
    border-radius: var(--border-radius);
    box-shadow: -1px 0 0 3px #eaeef3
}

.sidelists.simplesidebar ul li:hover a {
    color: var(--link) !important
}

.sidelists.simplesidebar ul li .img {
    width: 55px;
    height: 45px;
    background-position: center;
    border-radius: var(--border-radius);
    margin-right: 10px;
    min-width: 55px;
    background-size: cover
}

.sidelists.simplesidebar ul li .img.flag {
    background-size: auto 80% !important;
    background-repeat: no-repeat;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important
}

.sidelists.simplesidebar ul li a {
    font-weight: 500;
    line-height: 17px
}

.sidelists.simplesidebar ul li a:hover {
    color: var(--link) !important
}

.sidelists .bottom-show-button {
    text-align: center
}

.sidelists .bottom-show-button a {
    display: inline-block;
    margin-bottom: 20px;
    background: #f1f5f9;
    border-radius: var(--border-radius);
    padding: 3px 10px;
    border: 1px solid #d5dfe9
}

.sidelists .bottom-show-button a span {
    display: flex;
    align-items: center
}

.sidelists .bottom-show-button a i {
    transition: .2s all;
    margin-left: 8px;
    margin-right: -3px
}

.sidelists .bottom-show-button a:hover {
    filter: brightness(.95)
}

.sidelists .bottom-show-button a:hover i {
    margin-left: 10px;
    margin-right: -5px
}

.casinloctas .item {
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #e9f2fa;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px
}

.casinloctas .item .casino-logo {
    margin: -7px auto;
    max-width: 99px;
    margin-left: 7px;
    margin-top: -6px;
    height: auto
}

.casinloctas .item p {
    font-weight: 500;
    color: #1b1e26;
    margin: 0 auto;
    max-width: 100%;
    line-height: 15px;
    width: 47%;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 14px;
    text-align: left;
    margin-left: 7px;
    padding-left: 8px;
    cursor: pointer
}

#secondary .casinloctas .item .button {
    min-width: 120px;
    padding: 2px 6px;
    font-size: 16px;
    margin: 1px auto;
    margin-bottom: 9px;
    margin-right: 10px;
    font-weight: 500;
    padding-bottom: 6px;
    width: 145px;
    display: none
}

.uidrop {
    position: absolute;
    animation: slideDown .2s;
    background: #fff;
    border-radius: 10px;
    max-width: 230px;
    width: 100%;
    box-shadow: 0 5px 8px rgb(74 101 137/30%);
    border-top: 1px solid #eaeaea;
    color: #b4b4b4;
    list-style: none;
    z-index: 99999999;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    padding: 0
}

.uidrop .search_cur_dropbox {
    border: none;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    font-size: 14px;
    line-height: 30px;
    position: relative
}

.uidrop .search_cur_dropbox:focus {
    outline: none !important;
    background: var(--bg-bright)
}

.uidrop .inner {
    display: block;
    overflow-y: auto;
    box-sizing: border-box;
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    max-height: 400px;
    padding: 0
}

.uidrop .inner::-webkit-scrollbar {
    width: 7px
}

.uidrop .inner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .03);
    opacity: .5
}

.uidrop .inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .05);
    outline: transparent;
    border-radius: 8px;
    cursor: pointer
}

.uidrop li {
    color: #000;
    display: block;
    border-bottom: 1px solid var(--border-color);
    padding: 5px 8px;
    width: 100%;
    font-weight: 500;
    font-size: 13px
}

.uidrop li.active, .uidrop li:hover {
    background: var(--active);
    color: #fff;
    cursor: pointer
}

.uidrop li.active::before {
    content: "\e90d";
    font-family: icon- !important;
    font-size: 12px;
    margin-right: 8px
}

.uidrop li .count {
    font-size: 13px;
    opacity: .5
}

.uidrop li:last-of-type {
    border-bottom: none;
    margin-bottom: 0
}

.uidrop li a {
    color: currentColor;
    display: block;
    width: 100%;
    line-height: 20px;
    font-weight: 500;
    box-sizing: border-box;
    margin: 2px 0;
    cursor: pointer;
    font-size: 15px
}

.uidrop li a .count {
    font-weight: 400;
    margin-left: 5px
}

.uidrop li:last-child a {
    border-bottom: none
}

.uidrop.thumbs li {
    border-bottom: 1px solid var(--bright-bg)
}

.uidrop.thumbs li:hover a {
    background: var(--bright-bg);
    border-radius: 0 !important;
    color: #000
}

.uidrop.thumbs li a {
    display: flex;
    align-items: center;
    padding: 10px 5px;
    margin: 5px 0
}

.uidrop.thumbs li a .logo {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 10px;
    background-position: center !important;
    background-size: cover !important;
    min-width: 40px !important
}

.uidrop.thumbs li a span {
    font-size: 15px
}

.uidrop.thumbs li .moreinfo {
    text-decoration: underline;
    color: var(--blue-link);
    font-size: 12px
}

.uidrop.thumbs li .amount {
    background: var(--green);
    color: #fff;
    border-radius: var(--border-radius);
    padding: 0 5px;
    margin-right: 4px
}

.uidrop.thumbs {
    max-width: 280px
}

.uidrop .view_more {
    width: 100%;
    background: var(--bright-bg);
    color: #000;
    padding: 9px 0;
    display: block;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    border-radius: 7px
}

.uidrop .view_more:hover {
    filter: brightness(1.05)
}

.uidrop .preloader-lines {
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left
}

.uidrop .preloader-lines::after {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 0) 100%);
    animation: myflash 1.3s infinite;
    position: absolute;
    height: 100%;
    top: 0;
    min-width: 180px
}

.uidrop .preloader-lines div {
    display: flex;
    margin-bottom: 10px
}

.uidrop .preloader-lines div strong {
    display: block;
    flex-grow: 1
}

.uidrop .preloader-lines div::before {
    content: "";
    width: 50px;
    height: 50px;
    background: #ececec;
    margin-right: 10px;
    border-radius: 8px
}

.uidrop .preloader-lines i {
    border-radius: 50px;
    height: 10px;
    width: 100%;
    background: #ececec;
    display: block;
    margin-bottom: 10px
}

.dropdown {
    position: relative;
    min-width: 200px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: inline-block;
    min-height: 35px;
    background: #fff;
    vertical-align: middle;
    box-shadow: var(--section-box-shadow)
}

.dropdown[fullwidth="1"] {
    width: 100%
}

.dropdown .label {
    padding: 5px;
    padding-left: 10px;
    padding-right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    min-height: 45px;
    box-sizing: border-box;
    font-size: .9em;
    font-weight: 500
}

.dropdown .label span {
    flex-grow: 1;
    width: 100%
}

.dropdown .label .count {
    font-size: .8em;
    font-style: italic;
    font-weight: 400;
    min-width: 23px;
    text-align: center;
    margin-right: 7px
}

.dropdown .label [class^=icon-] {
    display: inline-block;
    line-height: 25px;
    font-size: 21px;
    margin-right: 7px;
    opacity: .3
}

.dropdown .label::after {
    content: "\e919";
    font-family: icon- !important;
    background: #ebeef2;
    border-radius: 50px;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 23px;
    font-size: 11px;
    min-width: 22px;
    right: 7px;
    position: absolute
}

.swiper-button-prev::before, .swiper-button-next::before {
    display: none
}

.swiper-button-prev, .swiper-button-next {
    background-size: 73% auto !important;
    border-radius: 3px
}

.found_items {
    border-bottom: 1px solid #ccc
}

.user-profile-image {
    display: inline-block;
    height: 27px;
    width: 27px;
    vertical-align: middle;
    border-radius: 70px;
    margin-right: 6px;
    background-position: center;
    background-size: cover
}

.form-control {
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.googlelogin, .facebooklogin {
    width: 100%;
    text-align: center;
    display: block;
    background: #4285f4;
    color: #fff !important;
    border-radius: 50px;
    padding: 7px 0;
    box-shadow: none;
    font-weight: 400;
    text-align: left;
    font-size: 16px;
    text-align: center
}

.googlelogin {
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.login_box_form hr {
    margin: 20px 0
}

.login_box_form {
    max-width: 290px;
    margin: 0 auto;
    margin-bottom: 20px
}

.login_box_form .usr_name_log {
    margin-bottom: 10px
}

.googlelogin i, .facebooklogin i {
    color: #fff;
    float: left;
    margin: 0;
    margin-left: 10px;
    font-size: 30px;
    margin-right: 10px
}

.login_box_form .fp_show_register, .login_box_form .fp_show_forgot {
    font-size: 14px;
    color: #777
}

.facebooklogin {
    background: #4266b2;
    margin-top: 5px
}

.fp_prloeader {
    position: fixed;
    top: 110px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    z-index: 99999999999999999;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
    -webkit-animation: fadeTop .3s;
    animation: fadeTop .3s;
    background-size: cover
}

.fp_comment_form_holder {
    clear: both
}

.usersCommentForm {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px;
    border-radius: 3px
}

.usersCommentForm-row {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px
}

.usersCommentForm-row.log-soc {
    max-width: 260px !important
}

.usersCommentForm .facebooklogin {
    max-width: 260px;
    margin: 0 auto
}

.usersCommentForm .captcha {
    display: inline-block;
    margin: 0 auto;
    width: 160px;
    text-align: center;
    margin-bottom: 10px
}

.usersCommentForm .captcha .question {
    display: inline-block
}

.usersCommentForm .captcha input[name=captcha_a] {
    max-width: 40px;
    margin-left: 10px;
    padding: 3px 5px;
    text-align: center;
    font-weight: 700
}

.usersCommentForm button[name=submitcomment] {
    width: 50%;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 19px;
    border: none;
    background: #414447;
    color: #fff;
    max-width: 300px;
    margin: 0 auto;
    float: right
}

.usersCommentForm-button {
    max-width: 500px;
    margin: 10px auto
}

.usersCommentForm-rate {
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: right;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-align: right !important
}

.usersCommentForm-rate .txt {
    margin: 10px;
    float: left
}

.usersCommentForm-rate .mo_rating {
    margin: 0
}

.usersCommentForm-rate .mo_rating .res {
    border-left: 1px solid #ccc;
    line-height: 46px;
    display: inline-block;
    padding: 0 10px;
    margin-left: 10px;
    font-size: 22px
}

.width100 {
    width: 100%
}

.objectLikes {
    display: table;
    font-style: italic;
    font-weight: 500;
    border-radius: var(--border-radius);
    border-spacing: 3px;
    min-width: 120px
}

.objectLikes > div {
    align-items: center;
    cursor: pointer;
    display: table-cell;
    padding: 0;
    line-height: 22px;
    transition: .3s all;
    text-shadow: 0 1px 3px rgb(0 0 0/10%);
    background: rgb(233 240 249);
    border-radius: 50px;
    text-align: left;
    border: 1px solid var(--border-color)
}

.objectLikes > div[data-active="1"] {
    background: var(--active) !important;
    color: #fff
}

.objectLikes > div:not([data-active="1"]):hover {
    background: rgb(94 109 133/29%) !important
}

.objectLikes i {
    font-size: 20px;
    display: inline-block;
    line-height: 20px;
    height: 28px;
    margin-right: 5px;
    vertical-align: top;
    font-style: italic;
    padding: 3px;
    border-radius: 50px;
    background: rgb(0 0 0/8%);
    width: 28px
}

.objectLikes .num {
    line-height: 29px;
    margin: 0;
    margin-right: 10px
}

.mo_rating {
    display: inline-block;
    margin-left: 5px
}

.mo_rating .icon-star {
    display: inline-block;
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer;
    color: #d2dce9;
    transition: .1s all
}

.mo_rating .icon-star.activ {
    color: #f5a900;
    -webkit-animation: dropdown_view .5s;
    animation: dropdown_view .5s
}

.mo_rating .icon-star.clicked {
}

.mo_rating .res {
    font-style: normal
}

.post-list {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 30px;
    gap: 15px;
    display: grid;
    grid-template-columns:repeat(1, 1fr)
}

.post-list .post-box {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    background: #fff;
    text-align: left;
    position: relative;
    border-radius: 15px;
    display: flex;
    gap: 15px;
    min-height: 150px;
    text-align: left;
    border: 1px solid #d2d6e7;
    box-shadow: var(--section-box-shadow);
    padding: 10px
}

.post-list .post-box .blabel {
    position: absolute;
    border-radius: 8px;
    padding: 3px 7px;
    color: #ffff;
    top: -4px;
    left: 5px
}

.post-list .post-box .thumb {
    width: 100%;
    border-radius: 5px;
    background-size: cover;
    display: block;
    background-position: center;
    max-width: 200px;
    height: 100%
}

.post-list .post-box h2 {
    margin-top: 10px
}

.post-list .post-box h2, .post-list .post-box .post-title {
    font-size: 20px;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    display: block
}

.post-list .post-box .excerpt {
    padding: .5em 0;
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 400
}

.post-list .post-box .readmore {
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    height: 28px;
    border-radius: 5px;
    margin-bottom: 24px
}

.post-list .post-box .readmore:hover {
    filter: brightness(1.1)
}

.post-list .post-box .meta {
    font-size: 12px;
    color: #b4b4b4
}

.post-list .post-box .meta .author {
    display: inline-block;
    width: 100%
}

.post-list .post-box h2 a, .post-list .post-box .post-title a {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    text-align: center
}

.post-list .post-box:hover h2 a, .post-list .post-box:hover .post-title a {
    color: var(--link)
}

.post-list .post-photo {
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
    display: flex;
    vertical-align: bottom;
    padding: 10px;
    align-self: flex-start;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    transition: all .35s ease-in-out;
    border-radius: 10px;
    overflow: hidden
}

.post-list .post-photo:hover {
    background-size: auto 130%
}

.post-list .post-photo::before {
    content: "";
    background: linear-gradient(to bottom, rgba(65, 68, 71, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.post-list .post-photo > span {
    position: relative;
    width: 100%
}

.post-list .post-photo strong {
    color: #fff;
    text-shadow: 0 1px 3px #000;
    margin-bottom: 0;
    display: block;
    font-size: 16px
}

.post-list .post-photo .meta {
    font-size: 12px;
    color: #fff;
    opacity: .6
}

.section-title-related {
    position: relative;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: #000
}

#pagination {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    margin: 20px auto
}

#pagination .page-numbers {
    background: #f0f4f7;
    padding: 2px 7px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    color: #000;
    margin-right: 3px;
    width: auto;
    border-radius: var(--border-radius)
}

#pagination .page-numbers:hover {
    color: #fff;
    animation: dropdown_view .2s;
    background: #3db987
}

#pagination .page-numbers.dots:hover {
    box-shadow: none;
    color: #000;
    cursor: default
}

#pagination .current:hover {
    cursor: default
}

#pagination .current {
    color: #fff;
    background: #3db987
}

#pagination-holder .page-numbers {
    background: #f0f0f0;
    border-radius: 50px;
    display: inline-block;
    padding: 0 7px;
    font-weight: 700;
    font-size: 16px
}

#pagination-holder .page-numbers.next, #pagination-holder .page-numbers.prev {
    font-weight: 400
}

#pagination-holder .page-numbers.current {
    background: #ff151d;
    color: #fff
}

#pagination-holder .page-numbers:hover {
    background: #ff151d;
    color: #fff
}

#pagination-holder .page-numbers {
    background: #f0f0f0;
    color: #8c8c8c;
    font-size: 17px
}

.available_devices .motable td.brand {
    text-align: center;
    font-size: 12px
}

.available_devices .brand-logo {
    width: 100%;
    height: 48px;
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 90px
}

.operator-head.casinoview {
    overflow: hidden
}

body.template-casino .operator-head.casinoview .coins {
    max-height: 450px
}

.bonus-code-table {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px auto;
    margin-bottom: 50px
}

.bonus-code-table h2.head {
    margin-top: 10px
}

.bonus-code-table .motable {
    margin-bottom: 0;
    border: none;
    padding: 0;
    box-shadow: none
}

.bonus-code-table .small-button {
    background: #1cba7b;
    color: #fff;
    padding: 2px 6px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700
}

.bonus-code-table .motable th:first-of-type {
    text-align: left;
    padding-left: 10px
}

.toggled .title .icon-arrow-down {
    float: right;
    padding: 3px;
    cursor: pointer;
    border-radius: 63px;
    opacity: .4
}

.toggled .content {
    display: none
}

.toggled.open .content {
    display: block
}

.toggled.open .title .icon-arrow-down::before {
    content: "\e90a"
}

.copyvalsd {
    display: flex;
    margin-top: 20px
}

.copyvalsd .button {
    background: var(--menu-bgcolor) !important
}

.copyvalsd #copyedbc {
    text-align: center;
    font-weight: 700;
    padding: 2px;
    line-height: 20px;
    height: 41px;
    border-radius: 9px;
    margin-right: 10px;
    border: 2px dashed #ccc
}

.icon18plus {
    background: #fd2424;
    color: #fff;
    padding: 1px;
    border-radius: 5px;
    font-size: 9px
}

body.archive #content, body.page-template #content {
    background: 0 0
}

.play-free-unavailable .notavailable {
    display: block !important
}

.gameiframe.play-free-unavailable::before {
}

.over18text {
    display: block;
    margin-top: 30px;
    max-width: 300px;
    margin: 0 auto;
    font-size: 18px;
    padding-top: 20px
}

.bbtks, .bbtks18 {
    border: 1px solid #ccc;
    font-size: 15px;
    border-radius: 35px;
    padding: 5px 10px;
    color: #000;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 10px
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: 0 0 !important
}

.swiper-button-next, .swiper-button-prev {
    font-family: icon- !important;
    speak: never;
    font-style: normal;
    font-weight: 400
}

.swiper-button-prev::after, .swiper-button-next::after {
    background: var(--sitemenu);
    color: #fff;
    line-height: 30px;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 7px;
    font-size: 15px
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 2px !important
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5px !important
}

.swiper-button-prev::after {
    content: "\e91a"
}

.swiper-button-next::after {
    content: "\e91b"
}

.more-games {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    border-radius: var(--border-radius);
    background: #fff;
    border: 1px solid var(--border-color);
    margin: 50px auto
}

.more-games .head {
    background: #fbfdff;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 10px;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    display: flex !important;
    border-bottom: 1px solid #e9f2fa
}

.more-games #slots {
    margin-bottom: 0 !important
}

.more-games .head img {
    max-height: 30px;
    margin: 0 !important;
    margin-right: 11px !important;
    background-color: rgb(0 0 0/62%);
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px !important
}

.more-games .head > div {
    flex-grow: 1;
    text-align: right;
    min-width: 90px
}

.more-games .head .swiper-button-next, .more-games .head .swiper-button-prev {
    position: relative;
    left: inherit;
    top: inherit;
    right: inherit;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 32px;
    margin: 0 !important;
    text-align: center;
    padding: 0 !important;
    margin-left: 9px !important
}

.more-games .swiper-container {
    margin: 10px;
    float: none !important;
    width: calc(100% - 20px)
}

.gameHead {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden
}

#gameHead .share-menu .moreshare .icon-plus {
    background: rgba(255, 255, 255, .1)
}

.gameiframe {
    display: block;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden;
    min-height: 380px
}

.gameviewer.wided .gameiframe {
    display: flex
}

.gameiframe .gameThumbSmall {
    cursor: pointer
}

.gameiframe .gameThumbSmall img {
    max-width: 260px !important;
    margin-top: 10%;
    margin-bottom: 10% !important;
    box-shadow: 0 6px 8px rgb(0 0 0/30%);
    border-radius: 20px;
    max-height: 500px
}

.gameiframe::before {
    content: "";
    background: rgb(27 30 38/75%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px)
}

.gameiframe .image-bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 1) 100%)
}

.casino-article {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1e1f21;
    border-radius: 5px;
    box-shadow: 0 0 20px 7px rgb(0 0 0/40%)
}

.gameiframe .buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.gameiframe .buttons .button {
    cursor: pointer;
    min-width: 260px
}

.gameiframe .buttons .button.realmoney, .gameiframe .buttons .button.freeplay {
    color: #fff !important;
    background: rgb(61 185 135);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    min-height: 40px
}

.gameiframe .buttons .button.freeplay {
    background: #ff5e00;
    border: 1px solid #ff5e00
}

.gameiframe .buttons .button.freeplay span {
    position: relative
}

.sitePreloader {
    display: none;
    position: fixed;
    height: 50px;
    width: 50px;
    background-image: url(https://nodepositslots.org/static/images/ajax-loader.svg);
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-color: #fff;
    border-radius: 35px;
    box-shadow: 0 3px 7px #6d78812e;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--border-color)
}

.gameiframe.loading::after {
    content: "";
    background-image: url(https://nodepositslots.org/static/images/ajax-loader.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #fff;
    background-size: 100% 100%;
    border-radius: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 666
}

@keyframes dropdown_view_custom {
    0% {
        transform: perspective(1200px) scale(.98);
        opacity: 0
    }
    100% {
        transform: perspective(600px) scale(1);
        opacity: .3
    }
}

@keyframes button_lenseff {
    0% {
        left: -30%
    }
    100% {
        left: 130%
    }
}

#slots.swiper-wrapper {
    display: block;
    gap: inherit;
    grid-template-columns:inherit;
    width: auto;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    gap: inherit;
    padding-bottom: 0 !important
}

#slots.swiper-wrapper .game-thumb {
    margin: 0;
    min-width: inherit !important;
    max-width: inherit;
    display: block;
    min-height: 160px;
    transition: all .2s ease-in-out;
    text-align: center;
    color: #000
}

.gameviewer {
    width: 100%;
    position: relative;
    display: flex;
    margin: 0;
    margin-top: 0;
    z-index: 6;
    max-height: 580px;
    clear: both;
    flex-direction: column;
    background-color: var(--sitemenu);
    background-size: cover
}

.gameviewer .first {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 7px 0 rgb(68 133 106/35%);
    border-radius: 10px
}

.gameviewer .first .starRate {
    background: 0 0;
    color: #fcff19;
    padding-top: 0;
    min-width: 134px;
    position: relative;
    height: 33px
}

.gameviewer .first .starRate .legend {
    color: #fff;
    background: 0 0
}

.gameviewer .gamefootline {
    padding: 7px 10px;
    background: #0c0f16b3;
    width: 100%;
    color: #fff;
    line-height: 20px;
    margin-top: -45px;
    z-index: 6;
    transition: .4s all
}

.gameviewer.gamestarted .gamefootline {
    background: #0c0f16;
    margin-top: 0
}

.gameviewer .gamefootline .gamemenu-icons {
    font-size: 26px;
    cursor: pointer;
    margin-right: 7px;
    width: 30px;
    transform: scale(1.3);
    display: inline-block
}

.gameviewer .gamefootline .gamemenu-icons > span {
    line-height: 26px;
    height: 26px;
    display: inline-block
}

.gameviewer .gamefootline .replay {
    display: none
}

.gameviewer .gamefootline .leftside {
    flex-grow: 1
}

.gameviewer .gamefootline .leftside svg {
    height: 26px;
    width: auto;
    transform: scale(1.25);
    margin-top: 3px;
    margin-left: 3px
}

.gameviewer .gamefootline .leftside .ytp-svg-fill {
    fill: #fff
}

.gamefootline .embedbutton {
    opacity: .7;
    font-size: 12px;
    margin-right: 20px;
    cursor: pointer;
    background: rgba(255, 255, 255, .1);
    padding: 1px 5px;
    border-radius: 5px;
    border: 1px solid #7e7e7e
}

.gameviewer iframe {
    width: 100%;
    border: none;
    min-height: 50vh;
    background: 0 0;
    clear: both;
    margin: 0;
    float: left;
    border-radius: 4px;
    background: 0 0;
    position: relative
}

.gamecasinolist .visit {
    bottom: 0 !important;
    position: relative !important;
    width: auto !important;
    min-width: inherit !important;
    float: right !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 18px !important;
    margin-top: 5px !important
}

.gamecasinolist h4.title {
    background: #414447;
    color: #fff;
    text-align: center
}

.page_container {
    position: relative;
    float: left;
    width: 100%
}

.casinosp {
    width: 100%;
    position: relative;
    float: left;
    text-align: center
}

.play-for-real .plforr .casinosp span {
    margin-top: 0
}

.casinosp span {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: 60px
}

.casinosp a {
    display: inline-block;
    height: 35px;
    width: 95px;
    background-size: 100% auto;
    background-position: center;
    margin: 3px;
    border-radius: 3px;
    opacity: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 7px rgba(0, 0, 0, .5)
}

.casinosp a:hover {
    opacity: .9
}

#makefavorite {
    font-size: 30px;
    margin: 0 13px;
    cursor: pointer
}

.makefavorite i {
    font-size: 24px;
    transition: .4s all
}

.makefavorite.is_fav i, .makefavorite:hover i {
    color: var(--link)
}

#fullscreen {
    cursor: pointer;
    position: relative
}

#fullscreen svg {
    width: 26px;
    height: 26px;
    vertical-align: middle
}

#fullscreen:before {
    content: "";
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: .3s all;
    background: var(--link);
    border-radius: 4px
}

#fullscreen:hover:before {
    opacity: 1
}

#wideiconadd {
    display: none;
    cursor: pointer;
    position: relative;
    transition: .2s all
}

#wideiconadd .wide-icon {
    width: 29px;
    border: 3px solid #fff;
    margin-right: 14px;
    height: 21px;
    transform: scale(.89)
}

#wideiconadd:hover {
    transform: scale(1.09);
    opacity: 1
}

#comments .publish-comment {
    border-bottom: none
}

.in_available {
    width: 100%;
    margin-bottom: 10px;
    margin: 20px auto
}

.in_available .head {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.in_available .lab .roulette {
    position: absolute;
    height: 84px;
    width: 84px;
    top: 0;
    left: -1px;
    opacity: 0;
    transition: all .8s ease-out
}

.in_available .lab {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.in_available .lab::before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    width: 45px;
    height: 100%;
    top: 0
}

.in_available .row {
    display: flex;
    text-align: left;
    color: #fff;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    float: left;
    align-items: center;
    color: #fff !important;
    border-radius: 8px
}

.in_available .row:hover {
    filter: brightness(1.1)
}

.in_available .row:after {
    content: "\e908";
    font-family: icon !important;
    position: absolute;
    line-height: 50px;
    right: 0;
    color: rgba(0, 0, 0, .3);
    transition: all .35s ease-out
}

.in_available .row:hover:after {
    right: 5px;
    opacity: 1;
    color: #fff
}

.in_available .row .blogo {
    display: block;
    width: 70px;
    height: 70px;
    background-position: center;
    margin: 0 auto;
    background-size: auto 70%;
    background-repeat: no-repeat;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.in_available .row:hover .blogo {
    transition: all .25s ease-out;
    border-radius: 8px;
    background-size: auto 65%;
    background-color: rgba(0, 0, 0, .5)
}

.in_available .row .b {
    margin: 0 auto;
    flex-grow: 1;
    padding-left: 15px;
    font-size: 14px
}

.in_available .row .b .name {
    text-align: left;
    font-size: 18px
}

.in_available .row .starRate .stars {
    text-align: left;
    line-height: 10px
}

.in_available .row .book-logo {
    display: block;
    width: 100%;
    height: 30px
}

.in_available .row .icon-arrow-right {
    position: absolute;
    top: 22px;
    right: 4px;
    font-size: 21px;
    color: rgba(255, 255, 255, .5)
}

.in_available .lab span {
    display: block;
    width: 100%;
    text-transform: uppercase
}

.in_available .lab div {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #29cc15;
    font-weight: 800;
    text-shadow: 0 1px 0 #000;
    line-height: 20px
}

.gameiframe .adultnote {
    position: absolute;
    right: 8px;
    font-size: 10px;
    color: #fff;
    bottom: 7px;
    opacity: .65
}

.gameiframe .adultnote span {
    background: #ff333a;
    color: #fff;
    padding: 3px 4px;
    border-radius: 50px
}

.template-template-game #breadcrumbs {
    margin-top: 0
}

#gameHead {
    width: 100%;
    position: relative
}

#gameHead header {
    width: 100%;
    display: flex;
    flex-direction: row;
    text-transform: inherit;
    align-items: center;
    padding: 10px 0
}

#gameHead header .starRate .stars {
    min-width: 132px
}

#gameHead h1 {
    color: #000;
    font-weight: 700;
    font-size: 25px;
    margin: 0;
    flex-grow: 1;
    text-align: left;
    text-transform: none
}

#gameHead .legend {
    position: absolute;
    bottom: -7px;
    padding: 0 5px;
    border-radius: 15px
}

#slots {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    gap: 10px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    padding-bottom: 60px
}

#slots .game-thumb {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 150ms ease;
    background: #f0f4f7;
    border: 1px solid #e9f2fa;
    border-radius: var(--border-radius);
    padding: 2px
}

#slots .game-thumb .over {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .2s all
}

#slots .game-thumb .over .icon-play {
    padding: 10px;
    background: #ccc;
    background: linear-gradient(179deg, #1cfda2, #048954);
    color: #fff;
    font-size: 30px;
    border-radius: 100px;
    box-shadow: 0 6px 2px rgb(0 0 0/10%), inset 0 15px 3px -12px rgb(255 255 255/25%), inset 0 -10px 2px -6px rgb(55 124 117/25%);
    transform: scale(.5);
    opacity: 0;
    display: block;
    transition: .1s all;
    text-shadow: 0 1px 2px rgb(0 0 0/30%)
}

#slots .game-thumb .over .icon-play::after {
    content: "";
    animation: .5s linear infinite rotate;
    border-top: .5px solid #76f1c9;
    display: block;
    position: absolute;
    top: 1%;
    left: 1%;
    opacity: 1;
    width: 98%;
    height: 98%;
    border-radius: 80px;
    filter: blur(2px)
}

#slots .game-thumb:hover {
    transform: scale(1, 1);
    border-radius: 8px
}

#slots .game-thumb:hover .icon-play {
    transform: scale(1);
    opacity: 1
}

#slots .game-thumb:hover .game-title {
    color: var(--link)
}

#slots .game-thumb:hover .over {
    opacity: 1
}

#slots .game-thumb figure {
    width: 100%;
    display: block;
    margin: 0;
    position: relative
}

#slots .game-thumb.buttons figure {
    min-height: 100px;
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 0;
    overflow: hidden;
    float: left;
    height: 250px;
    clear: both
}

#games-list-nav-view {
    margin-bottom: 20px;
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: center
}

#games-list-nav-view .dropdown {
    width: 100%
}

#games-list-nav-view .l1 {
    font-size: 12px
}

#slots .game-thumb img {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: var(--border-radius);
    aspect-ratio: 1.5/1;
    background-position: center;
    transition: .25s all;
    max-width: 250px;
    box-shadow: 0 13px 12px -15px #000c;
    margin: 0 auto
}

#slots .game-thumb:hover img {
    filter: brightness(.4)
}

#slots .game-thumb.buttons img {
    position: absolute;
    height: 100%;
    left: -29%;
    display: block;
    width: 160%;
    max-height: 260px;
    min-width: 160%
}

#slots .game-thumb .game-title {
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    min-height: 30px;
    float: left;
    width: 100%;
    font-weight: 500;
    color: var(--font-color);
    justify-content: center;
    margin-top: 8px
}

#slots .game-thumb .button {
    max-width: 90%;
    background: var(--gradient-yellow);
    min-width: 180px;
    margin-top: 16px;
    font-size: 14px
}

#slots #pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#bonus-code-box {
    text-align: center;
    border-radius: 15px;
    background: var(--basesections);
    border: 1px solid var(--border-color)
}

#bonus-code-box img {
    min-width: 300px;
    border-radius: 5px;
    margin-bottom: 0 !important
}

#bonus-code-box .title {
    font-size: 22px;
    display: inline-block;
    margin-bottom: 0;
    float: left;
    width: 100%;
    clear: both;
    font-weight: 500;
    line-height: 22px
}

#bonus-code-box.hasphoto .title {
    margin-top: 5px
}

#bonus-code-box .bonusview {
    width: 100%;
    table-layout: fixed;
    padding-bottom: 0;
    display: table;
    float: left;
    margin: 13px auto
}

#bonus-code-box.fullwidthd .bonusview {
    width: 100%;
    margin: 0
}

#bonus-code-box .bonusview .row {
    display: table-row
}

#bonus-code-box .bonusview .row.values {
    font-size: 21px;
    font-weight: 600
}

#bonus-code-box .bonusview .row.labels .cell {
    opacity: .5;
    font-size: 14px
}

#bonus-code-box .bonusview .cell {
    display: table-cell;
    text-align: center
}

#bonus-code-box .button {
    text-align: center;
    margin-bottom: 0
}

#bonus-code-box .bc-field-code-sc {
    text-align: center;
    padding-top: 20px;
    clear: both
}

#bonus-code-box .bc-field-code-sc .bonus_code_button {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    display: inline-block;
    padding: 10px 0;
    border-radius: 3px
}

#bonus-code-box .bc-field-code-sc .bonus_code_button .code {
    margin: 0 10px
}

#bonus-code-box .bc-field-code-sc .bonus_code_button .code i {
    vertical-align: middle
}

#bonus-code-box .bc-field-code-sc .bonus_code_button .amount {
    display: inline-block;
    float: left;
    margin: 0 10px
}

#bonus-code-box .bc-field-code-sc .bc-availbl {
    float: left;
    font-size: 14px;
    margin-left: 10px;
    border: 1px solid #3e941a;
    padding: 0 10px;
    border-radius: 3px;
    background: #68c840;
    color: #fff
}

#bonus-code-box .bc-field-code-sc .bc-availbl i {
    color: #0e6f0c;
    font-size: 18px;
    margin-left: 5px;
    vertical-align: middle
}

#bonus-code-box.fullwidthd .operator-tnc {
    text-align: center
}

#footer-sidebar .footwidget a {
    min-height: 48px;
    display: flex;
    align-items: center
}

#footer-sidebar .footwidget span.molink {
    min-height: 48px;
    display: flex;
    align-items: center;
    width: 100%;
    float: left
}

.post-thumbnail {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    position: relative
}

.post-thumbnail .text-align-right {
    bottom: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    width: 100%;
    padding: inherit;
    background: 0 0;
    margin-top: 5px
}

.post-thumbnail .meta {
    font-size: 12px;
    opacity: .5
}

.post-thumbnail .meta .date {
    margin-right: 5px
}

.news-hero.normal-text .title {
    position: relative;
    background: 0 0;
    color: #000;
    font-weight: 500;
    padding: 0;
    font-size: 17px !important;
    line-height: 20px !important;
    display: block
}

.news-hero .post-thumbnail .image {
    position: relative;
    min-height: 100px;
    width: 100%;
    border-radius: var(--border-radius);
    background-position: center;
    background-size: cover
}

.news-hero.normal, .news-hero.normal-text {
    padding: 0;
    background: 0 0;
    display: block;
    margin: 0 0 20px
}

.news-hero.normal .normal-view, .news-hero.normal-text .normal-view {
    gap: 10px 15px;
    display: grid;
    grid-template-columns:repeat(1, 1fr)
}

.sitelogofooterarea .socials {
    width: 100%;
    text-align: center
}

.sitelogofooterarea .socials a {
    display: inline-block !important;
    margin-top: 20px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .5);
    width: 48px;
    line-height: 45px;
    height: 48px;
    float: none;
    font-size: 23px
}

.sitelogofooterarea .socials a:hover {
    background: rgba(255, 255, 255, .3);
    text-decoration: none !important
}

#top-casinos {
    position: relative;
    float: left;
    clear: both
}

#top-casinos .logo-holder {
    display: flex;
    width: 100%;
    min-height: 100px;
    align-items: center;
    border: 2px solid #bac5d1;
    border-radius: var(--border-radius)
}

#top-casinos .logo {
    position: relative;
    display: block;
    width: 50%;
    border-right: 1px solid var(--border-color);
    margin-right: 10px;
    padding-right: 5px
}

#top-casinos .bottom-box {
    width: 50%
}

#top-casinos .bottom-box h3 {
    margin: 0
}

#top-casinos.numbers_shown {
    counter-reset: itemtd
}

#top-casinos.numbers_shown .mini-review-item {
    counter-increment: itemtd;
    position: relative
}

#top-casinos.numbers_shown .col-logo::before {
    content: counter(itemtd) !important;
    position: absolute;
    width: 21px;
    height: 21px;
    background: #1b1e26;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 9px;
    line-height: 21px;
    cursor: default;
    color: #fff;
    border-top-right-radius: 0;
    font-style: italic
}

#top-casinos .bottom-box .starRate {
    width: 100%;
    max-width: inherit;
    text-align: left;
    align-items: flex-start;
    justify-content: left
}

#top-casinos .bottom-box .starRate .stars {
    text-align: left
}

#top-casinos .bottom-box .starRate .stars div {
    height: 16px;
    width: 16px;
    font-size: 16px
}

#top-casinos .bottom-box .starRate .rot {
    font-size: 13px;
    font-weight: 500
}

#top-casinos .col-button, #top-casinos .col-logo, #top-casinos .col-terms, #top-casinos .col-text {
    width: 100%;
    max-width: 100%
}

#top-casinos .col-logo {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

#top-casinos .col-logo .logo-holder {
    background: #fff
}

#top-casinos .logo-box {
    width: 50%;
    border-right: 1px solid #eaeff3
}

#top-casinos .logo-holder img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0 5px
}

#top-casinos .mini-review-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 15px;
    border-top: 1px solid #cfd8df;
    padding: 15px 0;
    padding: 10px;
    background: #fbfdff;
    margin: 10px 0;
    border-radius: var(--border-radius);
    border: 1px solid #e9f2fa
}

#top-casinos .mini-review-item .grid.positives-negatives {
    background: #fff
}

#top-casinos .col-logo, #top-casinos .col-text {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

#top-casinos .col-text p {
    font-size: 15px;
    margin: 5px auto
}

#top-casinos .col-bonus {
    margin: 2px 0 0;
    display: flex;
    align-items: center;
    width: 100%
}

#top-casinos .col-bonus .starRate {
    display: none
}

#top-casinos .col-bonus > span:first-of-type {
    flex-grow: 1
}

#top-casinos .col-bonus .minlabel {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    width: 100%
}

#top-casinos .col-bonus .mval {
    font-weight: 500;
    display: block;
    width: 100%
}

#top-casinos .col-bonus .button {
    padding: 6px 8px;
    font-weight: 500;
    margin-left: 10px;
    font-size: 15px;
    vertical-align: middle;
    margin: 0;
    margin-left: 10px;
    min-width: 180px
}

#top-casinos .col-bonus .button .icon-arrow-right {
    font-size: 12px;
    line-height: 27px;
    margin-left: 5px
}

#top-casinos .showmore {
    display: none
}

.style-authors-note {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    background: #3db987;
    color: #fff;
    padding-left: 55px;
    position: relative
}

.style-authors-note::before {
    content: "\4267";
    font-family: icon- !important;
    position: absolute;
    left: 13px;
    font-size: 28px;
    top: calc(50% - 20px)
}

.style-authors-note h2, .style-authors-note h3 {
    color: #fff;
    font-weight: 500 !important;
    text-decoration: underline
}

.style-bordered {
    border: 1px solid var(--border-color);
    border-radius: 15px
}

.style-boxes-checks {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 0;
    margin-bottom: 30px
}

.style-boxes-checks .box {
    border-bottom: 1px solid #d2d6e7;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0
}

.style-boxes-checks .box:last-child {
    border-bottom: none
}

.style-boxes-checks .box .head::before {
    content: "\e90d";
    font-family: icon- !important;
    color: var(--green);
    min-width: 24px;
    min-height: 30px;
    vertical-align: middle;
    display: inline-block;
    line-height: 30px;
    text-align: left
}

.style-boxes-checks .head > h2, .style-boxes-checks .head > h3, .style-boxes-checks .head > h4 {
    display: inline-block;
    font-weight: 700
}

.box-section-title {
    background: rgba(255, 255, 255, .4);
    margin: 5px 0 15px;
    padding: var(--section-padding);
    width: 100%;
    border-width: 1px 1px .2em;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    margin-bottom: 30px;
    background: #fff
}

.box-section-title .headline {
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin: -14px;
    padding: 10px 15px;
    margin-bottom: 20px;
    width: calc(100% + 29px)
}

.casino-game-selection #slots {
    padding-bottom: 0;
    margin-bottom: 0
}

#related-articles .post-box {
    min-height: 90px;
    align-items: center
}

#related-articles .post-box .thumb {
    max-width: 110px
}

@media (max-width: 500px) {
    .container {
        padding: 0
    }

    #related-articles .post-box {
        flex-direction: inherit
    }

    .post-list .post-box {
        flex-direction: column;
        align-items: center
    }

    .post-list .post-box .thumb {
        min-height: 90px;
        max-width: 100%
    }

    .gameviewer {
        margin: 0 -7px;
        width: calc(100% + 14px)
    }

    .gameiframe .buttons .button {
        transform: scale(.9);
        margin-top: -10px
    }

    .gameiframe .gameThumbSmall img {
        margin-top: -7%
    }

    #primary, #secondary {
        padding-left: 7px;
        padding-right: 7px;
        width: 100%
    }

    .template-template-game #secondary {
        margin-top: 0 !important
    }

    .section.is_fullwidth {
        padding-left: 7px;
        padding-right: 7px
    }

    hr.divider {
        margin: .4em auto
    }

    .in_available .lab div {
        line-height: 25px;
        font-size: 17px
    }

    .in_available .lab span {
        font-size: 14px
    }

    #bonus-code-box .bonusview .row.labels .cell {
        font-size: 10px
    }

    #bonus-code-box .bonusview .row.values {
        font-size: 18px
    }
}

@media (max-width: 768px) {
    .slot-payouts-table img {
        max-width: 80px !important
    }

    #secondary {
        clear: both
    }

    .casinosp span {
        margin-top: 30px
    }

    .play-for-real .plforr {
        text-align: center
    }

    .play-for-real {
        padding: 4% 1%
    }

    .play-for-real .plforr .bkbutton.bonus {
        margin: 0 auto;
        margin-top: 10px
    }

    .fullsize-gray.casino-article .coin {
        display: none
    }

    .buttons-navigator {
        top: 25%
    }

    .gameiframe .image-bg {
        background-size: 100% auto
    }

    .gameiframe {
        max-height: 580px
    }

    .gameiframe .image-bg {
        filter: blur(4px);
        opacity: .6
    }

    .in_available .lab::before {
        display: none
    }

    .in_available .lab {
        padding-left: 10px
    }

    .in_available .lab div {
        line-height: 25px
    }

    .in_available .roulette {
        position: relative !important;
        margin: 0 auto !important;
        left: 0 !important;
        top: 0 !important
    }
}

.top-mobile-banner img {
    height: auto;
    width: 100%
}

@media (min-width: 400px) {
    .lists.col2 {
        columns: 2
    }

    .lists.col3 {
        columns: 3
    }

    header#headerSite .load-top-popups.icon-bell {
        display: inline-block
    }

    .casino-header-dark {
        padding: 25px
    }

    .casino-header-dark .topsec {
        gap: 25px
    }
}

.grid.grid_5, .grid_6 {
    grid-template-columns:repeat(3, 1fr)
}

.fullwidthpage #secondary {
    width: 100%
}

.box-expert-verdict {
    background: linear-gradient(164deg, #1b1e26 50%, #287254 100%);
    color: #fff;
    border-left: 4px solid #3db987
}

.box-expert-verdict .flex {
    gap: 10px;
    align-items: center;
    flex-direction: column
}

.box-expert-verdict .ndsjs .authorinfo {
}

.box-expert-verdict .ndp-icsj {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
    background: rgba(255, 255, 255, .1);
    padding: 8px;
    border-radius: var(--border-radius);
    border: 1px solid #3db987;
    box-shadow: 0 0 15px #3db987;
    color: #7be3bc;
    font-size: 12px;
    font-weight: 500;
    text-align: left
}

.box-expert-verdict .ndp-icon {
    background-image: url(https://nodepositslots.org/static/images/favicon.png);
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: block;
    background-position: center;
    background-size: cover
}

.box-expert-verdict .authorinfo {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    color: #fff;
    gap: 5px
}

.box-expert-verdict .authorinfoimg {
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    border-radius: 100px
}

.box-expert-verdict h2 {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px
}

@media (min-width: 600px) {
    #slots {
        grid-template-columns:repeat(3, 1fr)
    }

    #games-list-nav-view {
        flex-direction: row
    }

    #games-list-nav-view .dropdown {
        width: auto
    }

    .gameiframe {
        min-height: 450px
    }

    #gameHead {
        margin-top: 7px
    }

    .news-hero.normal .normal-view, .news-hero.normal-text .normal-view {
        gap: 15px;
        grid-template-columns:repeat(2, 1fr)
    }

    .post-thumbnail {
        flex-direction: column
    }

    .news-hero .post-thumbnail .image {
        min-height: 150px
    }

    .section-sportsbetting .flex.align-center.sports-bets {
        grid-template-columns:repeat(5, 1fr) !important
    }

    .share-menu {
        width: auto;
        float: left
    }

    .tocomments {
        display: inline-block
    }

    .pageviews {
        margin-left: 10px;
        line-height: 30px;
        margin-left: 20px
    }

    span.posted-on.header, .pageviews {
        width: auto;
        text-align: left
    }

    .lists.col3 {
        columns: 3
    }

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

    .grid.grid_3 {
        grid-template-columns:repeat(3, 1fr)
    }

    .grid.grid_4 {
        grid-template-columns:repeat(3, 1fr)
    }

    .grid.grid_5 {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 768px) {
    .box-expert-verdict .ndp-icsj .ndsjs {
        flex-grow: 1
    }

    .casino-header-dark .topsec {
        flex-direction: row
    }

    .casino-header-dark .row.casino-details {
        margin-top: 40px
    }

    .top-mobile-banner {
        display: none
    }

    .grid.positives-negatives .negatives {
        border-left: 1px solid var(--border-color);
        border-left: 1px solid var(--border-color) !important;
        border-radius: 0;
        padding-left: 20px !important
    }

    .grid.grid_6 {
        grid-template-columns:repeat(6, 1fr)
    }

    #top-casinos .col-bonus {
        order: -1;
        width: calc(100% - 200px);
        padding-left: 10px
    }

    #top-casinos .col-logo {
        width: 150px
    }

    #top-casinos .col-logo .logo-holder {
        flex-direction: column;
        justify-content: center
    }

    #top-casinos .logo {
        margin: 0;
        padding: 0;
        border: none;
        width: 92%
    }

    #top-casinos .bottom-box {
        width: 100%;
        border-top: 1px solid #ccc;
        text-align: center
    }

    #top-casinos .bottom-box h3 {
        font-size: 18px;
        vertical-align: middle;
        line-height: 30px
    }

    #top-casinos .bottom-box .starRate {
        display: none
    }

    #top-casinos .col-bonus .starRate {
        display: block
    }

    #top-casinos .mini-review-item {
        padding: 20px
    }

    #top-casinos .col-bonus .stars .rot {
        font-size: 12px;
        text-transform: uppercase;
        width: 100%
    }

    #top-casinos .col-bonus .starRate .stars {
        line-height: 18px
    }

    #steps.twocell {
        display: table
    }

    #steps.twocell .image {
        width: 30%;
        display: table-cell;
        vertical-align: top;
        padding-right: 20px
    }

    #gameHead h1 {
        text-align: left;
        font-size: 28px
    }

    .gameiframe .gameThumbSmall img {
        max-width: 260px !important;
        margin-top: -16%;
        margin-bottom: 14% !important
    }

    #footer-sidebar {
        display: flex;
        justify-content: center;
        gap: 30px
    }

    #footer-sidebar .footwidget {
        flex-grow: 1;
        width: 25%
    }

    .grid.grid_4 {
        grid-template-columns:auto auto auto auto
    }

    .grid.grid_5 {
        grid-template-columns:auto auto auto auto auto
    }

    .lists.col4 {
        columns: 4
    }

    .lists.col5 {
        columns: 5
    }

    body.template-fullwidth #primary, body.template-fullwidth-header:not(.has_sidebar) #primary {
        width: 100%
    }

    .top-reviews {
        margin-bottom: 20px;
        padding-top: 0
    }

    .top-reviews .container {
        display: grid;
        grid-template-columns:25% 25% 25% 25%
    }

    .top-reviews a {
        padding: 10px 12px;
        color: #000 !important;
        font-size: 15px;
        float: left;
        border-right: 1px solid #f2f2f2;
        display: table-cell;
        float: none;
        position: relative;
        text-align: center;
        font-size: 13px;
        vertical-align: middle;
        line-height: 15px;
        background: 0 0;
        border-radius: 0
    }

    .top-reviews .container {
        display: block
    }

    .top-reviews a:hover {
    }

    .top-reviews a i {
        width: 100%;
        display: block;
        font-size: 25px;
        margin-bottom: 8px
    }

    .top-reviews a:last-child {
        border-right: none
    }

    .post-title .author {
        float: right
    }

    header.post-title .author .avatar {
        width: 50px;
        height: 50px;
        display: table-cell;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        overflow: hidden;
        background-size: cover
    }

    header.post-title .author .right {
        vertical-align: middle;
        display: table-cell;
        padding-left: 10px
    }

    .single .post-title h1.entry-title {
        display: inline;
        font-weight: 700
    }

    .share-menu a {
        margin-right: 7px
    }

    .share-menu .moreshare {
        display: inline-block;
        margin-right: 10px;
        width: auto
    }

    .share-menu .moreshare a {
        display: none
    }

    .share-menu .moreshare.showother a {
        display: inline-block
    }

    .share-menu .moreshare .icon-plus {
        display: inline-block;
        background: #eaeaea
    }

    .share-menu .moreshare.showother .icon-plus {
        display: none
    }

    .section.four .cell {
        width: 25%
    }

    .section.two .cell {
        width: 50%
    }

    .section.two-3-1 .cell:first-child {
        width: 65%
    }

    .section.two-1-3 .cell:first-child, .section.two-3-1 .cell:last-child {
        width: 35%
    }

    .section.two-1-3 .cell:last-child {
        width: 65%
    }

    .section.one .cell {
        width: 100%
    }

    hr.divider {
        margin: 2.4em auto
    }
}

@media (min-width: 1024px) {
    .box-expert-verdict .ndp-icsj {
        font-size: 15px
    }

    .box-expert-verdict .authorinfo {
        flex-direction: row;
        border-left: 1px solid #595f6f;
        padding-left: 20px;
        min-height: 40px
    }

    .box-expert-verdict .ndp-icon {
        width: 40px;
        min-width: 40px;
        height: 40px
    }

    .casino-header-dark {
        padding: 35px
    }

    .casino-header-dark .operator-logo {
        max-width: 290px
    }

    .casino-header-dark .bonuses .bonus .bcbox .code {
        font-size: 22px
    }

    .casino-header-dark .row.casino-details ul {
        font-size: 13px
    }

    #wideiconadd {
        display: block
    }

    .gameiframe {
        aspect-ratio: 16/8
    }

    .casino-header .entry-title .t {
        text-align: left
    }

    #gameHead {
        margin-top: 30px
    }

    h1 {
        font-size: 36px
    }

    .template-casino h1 {
        font-size: 30px
    }

    header.header-hasicon {
        flex-direction: inherit
    }

    header.header-hasicon .pagetitle {
        text-align: left
    }

    .header-right-icons [class^=icon-] {
        margin-left: 20px
    }

    .sitelogofooterarea {
        width: 400px !important
    }

    #headerSite .container .sitelogo img {
        margin-left: 0
    }

    .gameviewer .first {
        width: calc(100% - 300px)
    }

    #gameHead header {
        flex-direction: row;
        align-items: center
    }

    #gameHead header h1 {
        flex-grow: 1
    }

    .gameviewer .second {
        width: 300px
    }

    .navigation-game {
        max-width: calc(100% - 230px)
    }

    .in_available {
        display: block;
        width: 210px;
        margin-top: 0;
        float: right;
        background: 0 0;
        border-radius: 0
    }

    .top-reviews {
        box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
        margin-top: 0
    }

    .top-reviews a {
        padding: 10px 19px
    }

    .top-reviews a i {
        margin-bottom: 4px;
        font-size: 30px
    }

    body:not(.fullwidthpage) #primary {
        width: calc(100% - 290px);
        float: left
    }

    #secondary {
        width: 270px;
        float: right
    }

    #breadcrumbs .sitehome:after, #breadcrumbs li:after {
        margin: 0 5px
    }

    .headline_content .buttons-bottom .bkbutton, .headline_content .buttons-bottom .button {
        width: 100%
    }

    .news-hero.normal .normal-view, .news-hero.normal-text .normal-view {
        gap: 15px;
        grid-template-columns:repeat(4, 1fr)
    }

    .fullwidthpage #secondary .sidelists.simplesidebar ul {
        display: grid;
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1150px) {
    .casino-header-dark .topsec {
        flex-direction: row
    }

    nav#site-menu ul li ul.sub a {
        padding: 5px 10px;
        border-bottom: 1px solid #cccccc1c
    }

    #article-contents ol, #article-contents ul {
        columns: 3
    }

    .box.restricted-countries ul {
        columns: 5 !important
    }

    table.motable {
        padding: 15px
    }

    .box.casino-softwares ul {
        grid-template-columns:auto auto auto auto auto auto
    }

    .casino-header .row {
        justify-content: flex-start
    }

    .casino-header .rights {
        flex-grow: 1;
        text-align: left
    }

    .casino-header .lefts {
        min-width: 300px
    }

    .template-casino-app .casino-header .lefts {
        min-width: 43%
    }

    .sitelogofooterarea {
        margin-right: 50px
    }

    .searchForm .container {
        justify-content: flex-end
    }

    .searchForm .field {
        max-width: 440px
    }

    body:not(.is_mobile) #headerSite .container {
        position: relative;
        opacity: 1;
        left: inherit;
        display: flex;
        height: auto;
        flex-grow: 1
    }

    body:not(.is_mobile) .mobile_navigation_button {
        display: none
    }

    body:not(.is_mobile) nav#site-menu {
        position: relative;
        opacity: 1;
        left: inherit;
        display: flex;
        flex-grow: 1;
        height: inherit;
        justify-content: flex-start;
        width: 100%;
        min-height: inherit;
        padding: 0;
        top: inherit
    }

    body:not(.is_mobile) nav#site-menu > ul [class*=icon-] {
        margin-right: 6px;
        font-size: 19px;
        vertical-align: middle;
        line-height: 26px;
        margin-top: -4px;
        display: inline-block
    }

    body:not(.is_mobile) nav#site-menu .sub {
        display: none
    }

    body:not(.is_mobile) nav#site-menu > ul > li > a {
        line-height: 40px;
        display: inline-block;
        padding: 0 8px;
        min-width: 100px
    }

    body:not(.is_mobile) nav#site-menu > ul > li:hover {
        background: rgba(255, 255, 255, .1);
        border-radius: 5px
    }

    nav#site-menu > ul a {
        font-size: 16px;
        font-weight: 500
    }

    body:not(.is_mobile) nav#site-menu > ul > li {
        display: block;
        float: left;
        padding: 0;
        line-height: 42px;
        font-weight: 500;
        font-size: 18px;
        position: relative;
        margin: 0 3px;
        transition: .3s all
    }

    body:not(.is_mobile) nav#site-menu ul > li:hover > .sub {
        display: block;
        position: absolute;
        background: var(--sitemenu);
        text-align: left;
        left: 0;
        padding: 0;
        margin: 0;
        line-height: 40px;
        width: 100%;
        min-width: 270px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        opacity: 1;
        height: inherit;
        box-shadow: 0 4px 6px rgb(0 0 0/20%);
        animation: .25s fadeIn
    }

    body:not(.is_mobile) nav#site-menu .sub .sub {
        left: 100% !important;
        top: 0;
        border-radius: 8px
    }

    body:not(.is_mobile) nav#site-menu .sub a {
        line-height: 35px;
        transition: .3s all
    }

    body:not(.is_mobile) nav#site-menu .sub a:hover {
        background: rgba(255, 255, 255, .1);
        border-radius: 5px
    }

    body:not(.fullwidthpage) #primary {
        width: calc(100% - 310px)
    }

    #slots {
        grid-template-columns:repeat(5, 1fr) !important
    }

    .gameiframe {
        min-height: 480px
    }

    .bnr-mobile-top-nav {
        display: none
    }

    .button {
        min-width: 180px
    }

    .page_container {
        min-height: 500px
    }

    .template-template-sidebar #slots {
        grid-template-columns:repeat(4, 1fr) !important
    }
}

@media (min-width: 1250px) {
    .casino-header-dark {
        padding: 50px
    }
}

@media (max-width: 768px) {
    .footer-social-holder a {
        float: none
    }

    .footer-social-holder {
        margin: 20px auto;
        column-count: 1 !important
    }

    .footwidget {
        column-count: 2
    }

    .badges-footer {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

    .sitelogofooterarea .socials {
        display: flex;
        gap: 5px
    }

    #site-footer .footlogo {
        display: none !important
    }

    .gameiframe {
        max-height: 500px
    }
}

#primary .widgets .title {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-bottom: 10px
}

#primary .widgets .title span {
    padding: 0;
    display: inline-block
}

#primary a.button.right {
    float: right
}

#primary .widgets {
    border-radius: 0;
    background: var(--bright-bg2);
    padding: var(--section-padding);
    margin-top: 0;
    margin-bottom: 30px
}

#primary .widgets .title {
    background: 0 0;
    display: flex;
    align-items: center
}

#primary .widgets .title .t {
    flex-grow: 1
}

.casino-features ul {
    text-align: center;
    list-style: none;
    border-radius: 15px;
    padding: 0;
    margin: 0;
    align-content: center
}

.casino-features li {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 100px
}

.casino-features li i {
    width: 100%;
    display: block;
    font-size: 50px;
    background: linear-gradient(45deg, #3a1e5e, #3db987);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.casino-features li .subtitle {
    width: 100%;
    font-weight: 600;
    font-size: 14px
}

.showmore-table {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px dotted #39ade5;
    color: #39ade5;
    cursor: pointer
}

.showmore-table:hover {
    color: #1593cc
}

@media (max-width: 1024px) {
    #primary .widgets .title span {
        padding: 10px 0
    }

    #languages:hover ul {
        left: 0;
        right: inherit
    }

    html #wpadminbar {
        display: none !important
    }

    html {
        margin: 0 !important
    }
}

@media (max-width: 600px) {
    .bonuscodestable tr {
        display: flex;
        flex-flow: wrap;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .btablebutton {
        padding: 5px 25px
    }

    .btablebonuscode {
        padding: 3px 20px
    }

    .bonuscodestable thead {
        display: none
    }

    .bonuscodestable tr .cta {
        width: 100%;
        text-align: center
    }

    .casino-header .casino-logo-box {
        flex-direction: column
    }

    .casino-header .monthlyBonus {
        margin-bottom: 15px
    }

    .template-casino .entry-title {
        font-size: 25px;
        flex-direction: column
    }

    .casino-header .starRate {
        margin-top: 10px
    }

    .casino-header .casino-details {
        font-size: 13px
    }

    .casino-header .casino-details li strong {
        display: block;
        width: 100%
    }

    .game-details {
        gap: 0
    }

    nav#site-menu .sub a {
        font-size: 15px;
        background: #272931a8;
        border-radius: 9px;
        margin-bottom: 3px;
        width: 95%;
        opacity: .8
    }

    nav#site-menu > ul a {
        padding-left: 20px
    }
}

@media (max-width: 450px) {
    #slots {
        gap: 5px
    }

    #slots .game-thumb .game-title {
        font-size: 13px;
        line-height: 16px
    }

    .flex-mobile-one {
        flex-direction: column
    }

    .grid.positives-negatives {
        font-size: 16px
    }

    .grid.positives-negatives .title {
        font-size: 14px;
        margin-bottom: 5px
    }

    .grid.positives-negatives .box.positives ul li, .grid.positives-negatives .box.negatives ul li {
        width: 100%;
        position: relative;
        padding: 4px 0 4px 33px;
        list-style: none;
        line-height: 20px;
        margin-bottom: 0
    }

    #secondary .casinloctas .item .button {
        margin-left: 120px
    }

    .template-template-game #primary #video {
        height: 270px
    }

    .totop {
        bottom: 10%;
        right: 9%;
        background: #ffffff94;
        backdrop-filter: blur(2px)
    }
}

@media (max-width: 420px) {
    img.alignleft, img.alignright {
        display: inline;
        float: none;
        margin: 0 auto
    }

    #gameHead h1 {
        font-size: 23px
    }

    #gameHead h1 {
        font-size: 21px
    }

    .gameiframe .gameThumbSmall img {
        max-width: 230px !important;
        margin-top: -15%;
        margin-bottom: 20px !important
    }

    .casino-header .mobile-view-buttons {
        flex-direction: column
    }

    .casino-header .mobile-view-buttons .buttons-area .app-version {
        margin-bottom: 10px
    }
}

@media (max-width: 370px) {
    #headerSite .container .sitelogo img {
        height: 21px;
        margin-top: -4px;
        margin-left: 5px
    }

    #headerSite .container .sitelogo img {
        height: 18px;
        width: 130px;
        margin: 0;
        margin-left: 10px
    }
}

#slots.single-game {
    grid-template-columns:repeat(1, 1fr) !important;
    padding: 0;
    margin: 0
}

#slots.single-game .game-thumb .game-title {
    justify-content: center
}

@keyframes likeshakes {
    0% {
        opacity: .7
    }
    50% {
        opacity: .9
    }
    100% {
        opacity: .7
    }
}

.cld-like-dislike-wrap br, .cld-like-dislike-wrap p {
    display: none
}

.no-comments {
    text-align: left;
    float: left;
    width: 100%;
    margin: 8px 0;
    opacity: .3;
    padding-left: 52px
}

.cld-like-dislike-wrap .cld-common-wrap {
    margin-right: 10px
}

.cld-like-dislike-trigger.fa.fa-thumbs-up {
    color: #50a956 !important;
    font-size: 17px;
    margin-right: 10px
}

.cld-like-dislike-wrap .fa.fa-thumbs-up::before {
    content: "\e966";
    font-family: icon
}

.cld-like-dislike-wrap .fa.fa-thumbs-down::before {
    content: "\e965";
    font-family: icon
}

.cld-count-wrap {
    margin-left: 3px;
    font-size: 13px
}

.cld-common-wrap {
    min-width: 40px;
    background: #efefef;
    border-radius: 3px;
    margin-right: 5px;
    padding: 2px 10px
}

.comments-title i {
    margin: -5px 5px -5px -5px
}

.author-comment {
    position: relative
}

.author-comment cite {
    color: #3b3b3b;
    position: relative;
    display: block;
    margin-bottom: 2px;
    padding-top: 4px
}

.comment-list .edit-comment {
    display: none
}

.comment-list li.comment .comment-author:hover .edit-comment {
    display: inline-block;
    font-size: 14px;
    margin-left: 5px
}

#respond {
    margin: 20px 0 10px;
    position: relative;
    clear: both
}

#commentform {
    padding: 0 5px;
    margin-top: 5px
}

#commentform .required {
    font-weight: 700
}

#commentform label {
    color: #888
}

#commentform p {
    margin: 10px 0
}

#commentform input, #commentform textarea {
    background: #f9f9f9;
    color: #515151;
    font: 12px Tahoma;
    margin-bottom: 7px
}

#commentform input {
    display: block;
    width: 250px
}

#commentform input[type=checkbox] {
    margin: 2px;
    float: left;
    clear: left
}

#commentform input:focus, #commentform textarea:focus {
    background: #fff
}

#commentform .form-allowed-tags, .comment-form-comment label {
    display: none
}

.comment-form-comment, .comment-form-email, .comment-form-url {
    clear: both
}

.comment-notes {
    margin-bottom: 10px
}

#commentform .comment-form-comment, #commentform .comment-notes {
    float: left;
    width: 100%;
    display: block
}

#commentform .comment-form-author, #commentform .comment-form-email {
    float: left;
    width: 50%;
    display: block;
    clear: inherit
}

#commentform .comment-form-author input, #commentform .comment-form-email input {
    width: 95%;
    margin: 0
}

#commentform .form-submit {
    float: left;
    width: 100%;
    display: block
}

.pub-comment {
    text-align: center;
    position: relative;
    margin: 20px 0
}

.pub-comment .pubc {
    cursor: pointer;
    margin: 0 auto;
    background: var(--base-color);
    color: #fff;
    max-width: 200px;
    padding: 12px 23px;
    padding-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    min-width: 240px;
    font-size: 19px;
    text-shadow: 0 2px 2px rgb(0 0 0/30%);
    position: relative;
    padding-left: 5px
}

.pub-comment .pubc .icon-arrow-right::before {
    line-height: 43px
}

.pub-comment #respond {
    margin-top: 0
}

.comment-list {
    padding: var(--section-padding);
    margin-top: 0
}

.comment-list .comment {
    padding: var(--section-padding);
    background: #fff;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color)
}

.comment-list .comment {
    margin-bottom: 10px
}

.comment-list .comment.new-comment {
    animation: fadeInScale .6s
}

.comment-list, .comment-list .children, ul.authors-wrap li {
    list-style: none
}

.comment-author {
    font-weight: 500;
    font-size: 15px;
    margin: -15px;
    padding: 10px;
    background: #fbfdff;
    margin-bottom: 0;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom: 1px solid #e9f2fa;
    font-size: 14px
}

.comment-list .edit-link {
    display: none
}

.comment-list .starRate .stars div {
    width: 14px;
    color: #5a3281;
    font-size: 13px
}

.comment-list .starRate {
    max-width: 90px
}

.comment-list .rating .stars {
    width: 90px;
    font-size: 11px
}

.comment-list .comment p {
    margin: 0 auto;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 23px
}

.comment-list .comment .comment-footer {
    width: 100%;
    font-size: 13px;
    display: flex;
    align-items: center
}

.comment-list .moreact-reactions__results {
    background: rgb(233 240 249);
    border-radius: 5px;
    min-height: 24px;
    vertical-align: middle;
    padding: 0;
    font-weight: 700;
    margin-right: 6px;
    padding-top: 4px;
    line-height: 16px
}

.comment-list .moreact-reactions__results .moreact-res-item {
    margin: 0 2px
}

.comment-list .comment .comment-footer .moreacts-reactions__results {
    display: inline-block;
    margin-right: 0;
    line-height: 17px;
    vertical-align: middle;
    height: 24px;
    border: 1px solid transparent;
    box-sizing: border-box
}

.comment-list .comment .comment-footer .moreacts-res-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px
}

.comment-list .comment .comment-footer a, #content .comment-list .comment .comment-footer a {
    color: #8b98ab
}

.comment-list .comment .comment-footer .like-button {
    display: inline-block;
    border: 1px solid var(--border-color);
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px
}

.comment-list .comment .comment-footer .like-button i {
    color: #6b829f
}

.comment-list .comment .comment-footer .like-button:hover {
    background: #eaeef3
}

.comment-list .comment-reply-link {
    padding: 5px 10px;
    margin-left: 10px;
    background: #f0f4f7 !important;
    color: #000 !important;
    border: 1px solid #708799;
    border-radius: 50px;
    line-height: 10px
}

.comment-list .comment .comment-content {
    margin: 10px 0;
    width: 100%;
    display: block;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin: 20px auto
}

.comment-list ol.children {
    padding-left: 30px
}

.comment-list ol.children .comment {
    font-size: 15px
}

.comment-list ol.children .comment p {
    font-size: 15px;
    line-height: 25px
}

.comment-list ol.children .comment p a {
    text-decoration: underline
}

.comment-list .comment-meta {
    display: inline-block;
    float: right;
    flex-grow: 1;
    text-align: right
}

.comment-list .comment-meta .date {
    cursor: default;
    color: #8b98ab
}

.comment-list .comment .starRate .stars div {
    color: #ffa620
}

.comment-list .comment .comment-author .ba_rating {
    display: inline-block;
    padding: 0 5px;
    font-size: 15px
}

.comment-list .comment .comment-author .ba_rating .stars div {
    display: inline-block;
    color: #ca1200
}

.comment-list .comment .rating {
    display: inline-block;
    position: relative;
    float: right
}

.cld-like-dislike-wrap {
    margin-bottom: 0
}

.comment-list .comment-author .user-profile-image {
    background-image: url(https://nodepositslots.org/static/images/user-profile.png);
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 7px;
    background-position: center;
    background-size: cover;
    border-radius: 50px;
    background-color: var(--bright-bg2)
}

.comment-list li.comment .revealOnHover .pop {
    position: absolute;
    max-width: 220px;
    font-size: 13px;
    bottom: 28px;
    font-weight: 400;
    background: #252525;
    padding: 4px;
    width: 220px;
    right: 0;
    display: none;
    color: #fff
}

.comment-list li.comment .revealOnHover:hover .pop {
    display: block
}

.comment-list li.comment .revealOnHover .pop label {
    width: 100%;
    display: block;
    padding-left: 7px;
    margin-bottom: 4px;
    border-bottom: 1px solid #2f3034;
    padding-bottom: 4px
}

.comment-list li.comment .revealOnHover .pop label.base {
    background: #f4f4f4;
    padding: 2%;
    display: inline-block;
    width: 96%;
    padding-bottom: 1%;
    line-height: 16px;
    border: none
}

.comment-list li.comment .revealOnHover .pop .userIcon {
    margin-top: -7px
}

.comment-list li.comment .revealOnHover .pop label:last-of-type {
    margin-bottom: 0;
    border-bottom: none
}

.comment-list li.comment .revealOnHover .pop label .stars div {
    font-size: 11px;
    width: 9px
}

.comment-list li.comment .revealOnHover .pop label .stars {
    margin-right: 5px
}

.comment-list li.comment .revealOnHover .pop label .ba_rating {
    float: right
}

.comment-list li.comment .revealOnHover .pop::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 7px 0;
    border-color: #252525 transparent transparent transparent;
    position: absolute;
    bottom: -4px;
    right: 10px
}

.comment-list.user-messages .comment {
    background: #fff
}

.comment-list.user-messages .comment .bbutton {
    font-size: 15px
}

.comment-list.user-messages .comment.notseen {
    border-left: 2px solid var(--blue-link);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.comment-list.user-messages .comment.load-messages {
    cursor: pointer
}

.comment-list.user-messages .comment.notseen .comment-content {
    font-weight: 700
}

.messages-navigation {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0
}

.messages-navigation .submitmessage {
}

.messages-navigation .submitmessage_button {
    margin: 10px 0;
    background: var(--base-color);
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 6px;
    min-width: 180px
}

.reply-form .mo-comment-form {
    background: #edf1f5;
    position: relative;
    animation: fadeInScale .2s
}

.reply-form .mo-comment-form::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px;
    border-color: transparent transparent #edf1f5 transparent;
    position: absolute;
    top: -9px;
    right: 10px
}

#add-comment-field {
    position: relative;
    width: 100%;
    clear: both;
    padding: var(--section-padding)
}

#add-comment-field .textarea {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

#add-comment-field .textarea .icon-comments {
    display: none;
    padding: 10px;
    padding-right: 5px;
    font-size: 40px;
    color: var(--base-color)
}

#add-comment-field .login-box-title {
    text-align: center
}

#add-comment-field .textarea textarea {
    padding: 7px;
    border: none;
    min-height: 100px;
    color: #000;
    font-size: 16px;
    background: rgb(233 240 249);
    border-radius: var(--border-radius)
}

#add-comment-field .textarea textarea:focus {
    outline: none !important
}

#add-comment-field .textarea textarea::placeholder {
    color: #1b1e26;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    font-weight: 500
}

#add-comment-field .submit-comment {
    text-transform: uppercase;
    font-size: 13px !important;
    background: #f0f4f7 !important;
    color: #000 !important;
    border: 1px solid #708799;
    text-shadow: none !important;
    padding-left: 14px !important;
    box-shadow: none
}

@media (min-width: 1024px) {
    #add-comment-field .textarea .icon-comments {
        display: block
    }
}