@font-face {
    font-family: 'entypo';
    src: url('/fonts/fonticons/entypo.woff') format('woff'), url('/fonts/fonticons/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Fallback font system
   ============================================================= */
@font-face {
    font-family: "noto-sans-fallback";
    size-adjust: 106.50%;
    ascent-override: 102%;
    src: local("Arial");
}

/* reset.css */
:root {
    --heroColor: #000;
}

.lazy {
    background-image: none !important;
    background-color: #F1F1FA !important;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    background: transparent;
}

iframe {
    max-width: 100%;
}

a {
    vertical-align: baseline;
}

center {
    clear: both;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

table p {
    margin: 0;
}

html, body {
    display: block;
    height: 100%;
    min-height: 100%;
}

h1 {
    font-size: 32px;
    color: #237BB3;
    line-height: 41px;
    font-weight: 700;
    letter-spacing: 0;
}

h2 {
    font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6, span, p, input {
    margin: 0;
    padding: 0;
    text-align: left;
}

table, tr, td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

ul, li, ol {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

ul.footer-links {
    display: flex;
}

div#maindiv {
    display: flex;
    justify-content: space-between;
}

a,
.tops__casino_name.newblack.fw-bolder span{
    color: var(--secondary-color);
}

div.full-width {
    width: 100%;
}

div#main1 {
    box-sizing: border-box;
    width: 70%;
    background: #fcfcfc;
    padding: 15px;
}

.pagetype_casinoreview div#main1 {
    background: transparent;
    padding: unset;
    width: calc(70% - 10px);
}

div.sub_main{
    background: #fcfcfc;
    padding: 15px;
}

.hpmainarticle br, div#main1 br {
    display: none;
}

.txt ul {
    margin-bottom: 20px;
    line-height: 23px;
    padding-left: 15px;
}

.txt ol {
    margin-bottom: 20px;
    line-height: 23px;
    padding-left: 25px;
}

.txt li:not(:last-child) {
    margin-bottom: 10px;
}

div#main2 {
    width: 29%;
}

.pagetype_casinoreview div#main2 {
    width: calc(29% + 20px);
}

div#main1 center img {
    max-width: 100%;
    height: auto !important;
}

div#hp2 .lls {
    margin-bottom: 10px;
    display: inline-block;
}


/* Color Scheme */
.header,
.widget > h3, .widget > span.tt,
a.small-button,
.marker,
.hover-effect,
.block-title,
.small-button,
#writecomment p input[type=submit] {
    background-color: var(--primary-color) !important;
}

.list-title,
a.mobile-menu,
.widget .meta a {
    color: var(--primary-color) !important;
}

/* Menu Font */
.main-menu .the-menu li a,
.secondary-menu ul li a {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

/* Block Titles */
.list-title {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

/* Article Titles */
h1, h2, h3,
h4, h5, h6, .hfont {
    font-family: system-ui, sans-serif;
}

/* #0 Reset */

body {
    font-size: 16px;
    font-family: system-ui, sans-serif;
    margin: 0;
    padding: 0;
    color: #363635;
    background: #f0efef;
}


/* #1 Layout Structure */

a {
    transition: all 0.2s;
}

h2, .ash2 {
    font-size: 1.3em;
    line-height: 25px;
}

h3 {
    font-size: 1.1em;
}


h1, h2, h3,
h4, h5, h6, .ash2 {
    font-family: system-ui, sans-serif;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
}

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a, .ash2 a {
    color: #000;
}

.widget h1, .widget h2, .widget h3,
.widget h4, .widget h5, .widget h6 {
    font-weight: normal;
}

hr {
    height: 1px;
    display: block;
    border: 0;
    border-bottom: 1px dotted #c0bfbf;
    margin-top: 10px;
    margin-bottom: 10px;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0;
}

.clear-float {
    clear: both;
}

.icon-text {
    display: inline-block !important;
    font-weight: normal !important;

    margin: 0 5px 0 0;
    vertical-align: middle;
}

.wrapper {
    margin: 0 auto;
    position: relative;
}

.boxed:not(.active) {
    background: transparent !important;
    min-width: 1220px;
}

.active.boxed {
    width: 1230px;
    margin: 0 auto;
    background: #f0efef;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 0;
    min-height: 100%;
    min-width: 1220px;
}

.left {
    float: left;
}

.right {
    float: right;
}

#fixedright {
    position: fixed;
    top: 10px;
}

div#movetotop {
    display: none;
    border-radius: 5px;
    opacity: 0.7;
    width: 40px;
    height: 40px;
    background: url(../img/commons/clf/back-to-top.png);
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    cursor: pointer;
}

.dv_mobile.withmobile div#movetotop {
    bottom: 90px;
}

/* #2 Main header */
#siteid_clf .header {
    background: #5a9e25;

}

#siteid_x2973 .header, #siteid_x2973 .mobile-nav {
    background: rgb(247, 81, 94);
    background: linear-gradient(180deg, rgba(247, 81, 94, 1) 0, rgba(196, 64, 75, 1) 30%, rgba(124, 41, 47, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7515e", endColorstr="#7c292f", GradientType=1);
}

.mobile-nav {
    background-color: var(--primary-color);
}

.header {
    color: #fff;
    box-shadow: inset 0 -140px 200px -50px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 1000;
    top: 0;
    width: 100%;
}

#phheader {
    height: 203px;
}

.header a {
    color: #fff;
}

.header .header-menu a:hover {
    text-decoration: underline;
}

.header > .wrapper {
    padding: 27px 0;
    background: transparent !important;
    position: relative;
    max-width: 100%;
}

.header .wrapper {
    background: inherit;
    max-width: 1300px;
    min-height: 44px;
}

.header .header-logo {
    float: left;
    display: inline;
    margin-left: 12px;
}

.header .header-logo img {
    width: 234px;
    height: 65px;
    object-fit: cover;
}

.header .header-logo h1 {
    display: block;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
}

.header .header-addons {
    float: right;
    display: inline-grid;
    margin-right: 12px;
    text-align: right;
    align-items: center;
}

.header .wrapper:after {
    display: block;
    content: '';
    clear: both;
}

.header .header-menu {
    display: inline;
    float: left;
    margin-left: 20px;
    width: 33%;
}

.header .header-menu ul {
    display: block;
    margin-bottom: 7px;
    margin-top: -3px;
}

.header .header-menu ul:after {
    display: block;
    content: '';
    clear: both;
}

.header .header-menu p {
    line-height: 130%;
    font-size: 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.header .header-menu ul li {
    font-size: 16px;
    display: block;
    float: left;
    padding-right: 16px;
    position: relative;
}

.header .header-menu ul li:last-child:after {
    display: none;
}

.header .header-menu ul li:after {
    display: block;
    content: '';
    height: 15px;
    width: 1px;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    position: absolute;
    right: 7px;
    top: 2px;
}

.header .header-menu ul li a {
    font-weight: bold;
}

.header .header-menu ul li a:hover {
    color: #fff;
}

.header .header-addons .header-search {
    display: block;
    text-align: right;
    position: relative;
    margin-top: 20px;
}

.search-input {
    display: inline-block;
    padding: 8px 36px 8px 12px;
    border-radius: 2px;
    border: 0;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    width: 140px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    transition: all 0.2s;
}

.search-input:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    width: 200px;
}

#searchsubmit,
.search-button {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    border: 0;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    color: transparent;
    font-size: 0;
    width: 34px;
}

.search-button-span {
    display: block;
    width: 14px;
    height: 14px;
    background: url(/img/commons/clf/0a.png) 0 -18px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3;
    cursor: pointer;
}

#searchsubmit {
    height: 30px;
    top: auto;
    bottom: 0;
}

.widget {
    position: relative;
    padding: 0;
}

.widget input.search {
    width: 100%;
}

.stick-menu__container {
    background-color: #2072A6;
    overflow: hidden;
    width: 100vw;
    z-index: 999;
    height: 85px;

}

.stick-menu-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.sticky-logo {
    height: 40px;
    width: 40px;
}

.stick-menu__container ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    height: 100%;
    margin: 0 20px;

}

.stick-menu__container ul li {
    justify-self: center;
    align-self: center;

}

.stick-menu__container ul li a {
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0;


}

.stick-menu__container ul li img {
    margin-bottom: 4px;


}


/* #3 Main menu */

.main-menu {
    display: block;
    background: var(--menu-color);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.main-menu a, .secondary-menu a, .mobile-nav a {
    text-decoration: none;
}

.main-menu .the-menu {
    display: flex;
    font-size: 0;
    background: inherit;
    justify-content: space-evenly;
}

.main-menu .the-menu:after {
    display: block;
    content: '';
    clear: both;
}

.main-menu .the-menu li {
    display: block;
    background: inherit;
    font-size: 16px;
    float: left;
}

.main-menu .the-menu.transition-active > li {
    perspective: 600px;
    perspective-origin: 100% 100%;
    position: relative;
    z-index: 10;
}

.main-menu .the-menu.transition-active > li > ul {
    display: block;
    transform: rotateX(-90deg);
    transform-origin: 0 0 0;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.main-menu .the-menu.transition-active > li:hover > ul {
    transform: rotateX(0);
    transition-delay: .2s;
}

.main-menu .the-menu li:hover a {
    background: rgba(0, 0, 0, 0.15);
    position: relative;
    color: #fff;
}

.main-menu .the-menu li a {
    display: block;
    padding: 14px 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

.main-menu .the-menu > li > a {
    position: relative;
    z-index: 200;
    background: inherit;
}

.main-menu .the-menu li a span {
    padding-right: 12px;
    position: relative;
}

.main-menu .the-menu li a span:after {

    content: '>';
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 1px;
}

.main-menu .the-menu li:hover > ul {
    display: block;
}

.main-menu .the-menu li ul {
    display: none;
    position: absolute;
    z-index: 100;
    background: inherit;
    width: 240px;
}

.main-menu .the-menu li ul li {
    display: block;
    position: relative;
    font-size: 16px;
    float: none;
}

.main-menu .the-menu li ul li:hover > a {
    background: rgba(0, 0, 0, 0.2);
}

.main-menu .the-menu li ul li a span {
    display: block;
}

.main-menu .the-menu li ul li a span:after {
    content: '\25B8';
    top: 0;
}

.main-menu .the-menu li ul ul {
    left: 240px;
    top: 0;
    display: none;
}


.secondary-menu {
    display: block;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.secondary-menu ul {
    display: flex;
    justify-content: space-evenly;
    font-size: 0;
    margin: 0 auto;
}

.secondary-menu ul:after {
    display: block;
    content: '';
    clear: both;
}

.secondary-menu ul li {
    display: block;
    background: inherit;
    font-size: 16px;
    float: left;
}

.secondary-menu ul li:hover a {
    background: rgba(0, 0, 0, 0.06);
}

.secondary-menu ul li a {
    display: block;
    padding: 13px 0;
    color: #3d3d3d;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif !important;
    font-size: 0.75em;
}

.main-menu .desktop-submenu-link {
    position: relative;
}

.main-menu li.desktop-submenu-link > a {
    display: flex;
    align-items: center;
}

.desktop-submenu-link > a::after {
    content: '';
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 4px;
}

.main-menu .the-menu ul.desktop-submenu {
    min-width: 160px;
    width: auto;
    box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, 0.11);
    padding: 6px 0 9px 0;
    background: var(--menu-color);
    line-height: 15px;
}

.main-menu .the-menu ul.desktop-submenu > li > a {
    padding: 5px 17px;
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.main-menu .the-menu ul.desktop-submenu > li > a::before {
    content: '';
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5px 0 2.5px 3px;
    border-color: transparent transparent transparent #ffffff;
    margin-right: 10px;
}

/* Landing Page Hero Start  NOTE:THIS FEATURE IS MOBILE FIRST*/
.custom-button__container {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    width: 100%;
}

.custom-button {
    background: #134563 0 0 no-repeat padding-box;
    font-size: 1em;
    padding: 8px 0;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 1px #0000004D;
    border-radius: 5px;
    border: 0 solid #fff;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    width: 100%;
    cursor: pointer;
    white-space: nowrap
}

.custom-button__container a {
    width: 100%;
}

.custom-button__container a:first-of-type {
    margin-right: 8px;
}

.hero__container {
    margin: 20px 0;
    width: 100%;
}

.hero {
    background: transparent linear-gradient(58deg, #2784ba 0, var(--heroColor) 100%) 0 0 no-repeat padding-box;
    border-radius: 5px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: bold;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    grid-template-areas: "brand-bonus__container" "logo" "cta_button";
    color: #fff;
    padding: 30px;
}

.brand__name {
    font-size: 17px !important;
    margin: 0 0 10px 0;
}

.bonus__amount {
    font-size: 27px;
    margin: 0;
}

.brand__name,
.bonus__amount {
    text-align: center;
    line-height: 33px;
}

.logo__container {
    width: 100%;
    display: flex;
    justify-content: center;
    grid-area: logo;
}

.logo {
    object-fit: initial;
    width: 180px;
    height: 72px;
}

.cta__button__container {
    width: 100%;
    grid-area: cta_button;
}

.cta__button {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: bold;
    color: #2784BA;
    font-size: 1.4em;
    padding: 10px 34px;
    border-radius: 5px;
    background-color: #fff;
    border: 0 solid #fff;
    text-shadow: 0 1px 1px #0000004d;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
}


/* Landing Page Hero End */

/* #4 Content styling */

.content {
    display: block;
    padding: 20px 45px 35px;
    background: #f0efef;
    min-height: 630px;
    max-width: 1300px;
    margin: 0 auto;
}

.main-content {
    display: block;
}

.list-title {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #5a9e25;
    color: #5a9e25;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 600;
}

.pagetype_homepage .list-title {
    border-bottom: none;
    line-height: 1.3em;
}

.article-list {
    margin-left: 0;
    margin-bottom: 10px;
}

.article-list li {
    list-style: disc;
    margin-left: 16px;
    margin-bottom: 6px;
    border-bottom: 1px dotted #c0bfbf;
    padding-bottom: 6px;
}

.banner {
    display: block;
    text-align: center;
    padding: 10px 0;
}

.banner:first-child {
    padding-top: 0;
}

.wide-banner img,
.banner img {
    max-width: 100%;
    height: auto;
}

.article-block {
    display: flex;
    flex-direction: column;
}

.article-block li {
    display: flex;
    border-bottom: 1px dotted #c0bfbf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.article-block .article-content:after {
    display: block;
    content: '';
    clear: both;
}

.article-block-big .article-content h4,
.article-block .article-content h4 {
    font-weight: normal;
}

.article-block-big .meta,
.article-block .meta {
    display: block;
    font-size: 16px;
}

.article-block-big .meta a,
.article-block .meta a {
    color: #8b8b8b;
}

.meta .icon-text {
    display: inline-block;
    padding-right: 5px;
}

.block-title {
    display: block;
    margin-bottom: 10px;
    background: #5a9e25;
    color: #fff;
    padding: 7px 13px;
}

.block-title h2, .block-title h3, .block-title span.tt {
    text-transform: uppercase;
    font-size: 1.3em !important;
    color: #fff;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 700 !important;
    line-height: 25px !important;
    margin: 0 !important;
}

.block-title a {
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    font-size: 16px;
}

.block-title a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.article-block-big {
    display: block;
    margin: 0 !important;
    font-size: 0;
}

.article-block-big li {
    font-size: 16px;
    display: inline-block;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    width: 189px;
    background: none !important;
    padding: 0 !important;
}

.article-block-big li .article-photo img,
.article-block-big li .article-photo {
    display: block;
    /*width: 200px;*/
    height: auto;
}

.article-block-big li .article-content {
    padding-top: 5px;
    display: block;
}

.article-block-big .article-content span.tt {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.meta .tag {
    display: inline-block;
    background: #ca2020;
    line-height: 16px;
    padding: 0 5px;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 3px;
}

.wide-article {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c0bfbf;
}

.wide-article .article-photo {
    display: block;
    float: left;
}

.wide-article .article-content {
    display: block;
    margin-left: 170px;
}

.wide-article .article-content h2 {
    font-weight: 600;
    margin-bottom: 8px;
}

.article-block-big h2 .meta,
.article-block-big h3 .meta,
.article-block-big h4 .meta,
.article-block-big h5 .meta,
.article-block-big h6 .meta,
.article-block h2 .meta,
.article-block h3 .meta,
.article-block h4 .meta,
.article-block h5 .meta,
.article-block h6 .meta,
.wide-article h2 .meta,
.wide-article h3 .meta,
.wide-article h4 .meta,
.wide-article h5 .meta,
.wide-article h6 .meta {
    display: inline;
}

.wide-article .meta {
    display: block;
    font-size: 16px;
    color: #8b8b8b;
    margin-bottom: 6px;
}

.wide-article .meta a {
    color: #8b8b8b;
}

.wide-article .article-content:after {
    display: block;
    content: '';
    clear: both;
}

.featured-block .article-photo a,
.article-photo {
    display: block;
}

.featured-block {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.featured-block .article-content {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    padding: 2px 0;
    margin-top: 10px;
}

.main-sidebar .featured-block .article-content .meta a {
    color: #fff !important;
}

.featured-block .article-content a {
    color: #fff !important;
}

.featured-block .article-content h2 {
    margin: 10px 15px;
    font-size: 1.4em;
    font-weight: 600;
}

.featured-block .article-content h4 {
    margin: 10px 15px;
    font-size: 1em;
    font-weight: 600;
}

.featured-block .article-content .meta {
    margin: -5px 15px 10px 15px;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.article-big {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c0bfbf;
}

.article-big .article-photo {
    display: block;
    float: left;
    width: 25%;
    height: 125px;
    margin-right: 2%;
}

.article-big .article-photo a {
    display: block;
    width: 100%;
    height: 100%;
}

.article-big .article-content {
    display: block;
    width: 72%;
    float: left;
}

.article-big .article-content h2, .article-big .article-content span.tt {
    margin-bottom: 7px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

.article-big .article-content:after {
    display: block;
    content: '';
    clear: both;
}

.article-big .article-content .meta:not(:last-child) > span,
.article-big .article-content .meta:not(:last-child) > a {
    color: #8b8b8b;
    margin-right: 10px;
}

.article-big .article-content .meta:not(:last-child) {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #8b8b8b;
}

.article-big .article-content p {
    display: block;
    margin-bottom: 8px;
}

.article-big .article-content h2, .article-big .article-content span.tt {
    font-size: 1.3em;
    font-weight: 600;
    display: block;
}

.pagination {
    display: block;
    margin: 8px auto;
    text-align: right;
    line-height: 34px;
}

.pagination .page-numbers {
    background: #d4d3d3;
    display: inline-block;
    line-height: 150%;
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    color: #fff;
    background: #929292;
}

.pagination .page-numbers .icon-text.right {
    display: inline-block;
    padding-left: 5px;
}

.pagination .page-numbers .icon-text.left {
    display: inline-block;
    padding-right: 5px;
}

.article-big.no-image .article-content {
    margin-left: 0;
}

.block-content.archive {
    display: block;
}

.block-content.archive:after {
    display: block;
    clear: both;
    content: '';
}

.block-content.archive > .block {
    display: block;
    float: left;
    margin-bottom: 15px;
}

.article-title {
    display: block;
    border-bottom: 1px #e8e8e8 solid;
    position: relative;
    border-radius: 5px;
    background: #fff;
    padding: 15px 25px 0 25px;
    margin: 0 0 25px;
}

.pagetype_casinoreview .article-title>h1 {
    margin-left: 15px;
    margin-bottom: 0;
}

.pagetype_casinoreview .article-title {
    background: #E8E8E8;
    padding: 15px 0;
    border-bottom: none;
    border-radius: 0;
    border-top: 2px solid #C1C1C1;
}

.article-title:after {
    display: block;
    content: '';
    clear: both;
}

.hpmainarticle h1 {
    display: block;
    padding: 0 0 15px 0;
}
.article-title h1{
    display: block;
}

.hpmainarticle h1 {
    font-size: 26px;
    margin: 15px 0;
}

a.small-button {
    display: inline-block;
    padding: 4px 11px;
    margin-right: 2px;
    background: #5a9e25;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
}

.small-button:hover {
    color: #fff;
    background: #232323;
}

a.custom-soc {
    display: inline-block;
    background: transparent;
    color: #232323;
    width: 22px;
    height: 22px;
    font-size: 1em;
    line-height: 23px;
    box-shadow: 0 0 0 1px #232323;
    border-radius: 50%;
    text-align: center;
    margin-right: 4px;
}

a.custom-soc:hover {
    background: #232323;
    color: #fff;
}

/* #5 Comments */


#writecomment {
    display: block;
    width: 100%;
    margin: 20px auto;
}

#writecomment p {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 10px;
}

#writecomment p textarea,
#writecomment p input[type=text] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 10px;
    display: block;
    background: #fff;
    font-size: 16px;
    border: 1px solid #d3d3d3;
    font-family: system-ui, sans-serif;
    border-radius: 2px;
}

#writecomment p textarea:focus,
#writecomment p input[type=text]:focus {
    border: 1px solid #bababa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

#writecomment p textarea {
    height: 100px;
}

#writecomment p label {
    display: block;
    white-space: nowrap;
    line-height: 30px;
    text-align: right;
    top: 2px;
    color: #6b6b6b;
}

p .required {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    color: #cf680d;
    margin-left: 5px;
    margin-top: 2px;
}

#writecomment p .error-msg {
    display: block;
    background: #a12717;
    color: #fff;
    padding: 8px 10px;
    border-radius: 0 0 2px 2px;
}

#writecomment p textarea.error,
#writecomment p input[type=text].error {
    border: 1px solid #a12717;
    border-radius: 2px 2px 0 0;
}


/* #6 Photo gallery */


/* #7 Sidebar styling */

.main-sidebar {
    display: block;
    width: 100%;
}

.main-sidebar .widget {
    display: block;
    margin-bottom: 15px;
}

.main-sidebar #tcasinor {
    height: 0;
    overflow: hidden;
    margin: 0;
}

.widget > h3, .widget > span.tt {
    display: block;
    background: #5a9e25;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-family: system-ui, sans-serif;
    padding: 7px 13px;
    font-weight: 700;
    text-align: left;
}

.widget .comment-content h3 {
    margin-bottom: 6px;
}

.widget .social-bar {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.widget .social-bar:after {
    display: block;
    content: '';
    clear: both;
}

.widget .social-bar a {
    display: block;
    float: left;
    width: 69px;
    text-align: center;
    margin-right: 8px;
}

.widget .social-bar a:nth-child(4n+0) {
    margin-right: 0;
}

.widget .social-bar a i {
    display: block;
    margin-bottom: 1px;
    font-style: normal;
    background: rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
    color: #232323;
    margin-left: 0;
}

.widget .social-bar a:hover i {
    background: rgba(0, 0, 0, 0.15);
}

.widget .social-bar a span {
    display: block;
    color: #fff;
    padding: 2px 0;
    font-size: 1em;
    font-weight: bold;
}

.widget .social-bar a span.facebook {
    background: #4260b4;
}

.widget .social-bar a span.twitter {
    background: #3fb9d7;
}

.widget .social-bar a span.google {
    background: #bf4b37;
}

.widget .social-bar a span.linkedin {
    background: #2876c6;
}

.widget .widget-articles {
    display: block;
}

.widget .widget-articles li {
    display: block;
    border-bottom: 1px dotted #c0bfbf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget .widget-articles li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget li:after,
.widget .widget-articles:after {
    display: block;
    content: '';
    clear: both;
}

.widget .widget-articles .article-photo {
    display: block;
    float: left;
    margin-top: 3px;
}

.widget .widget-articles .article-content {
    display: block;
    margin-left: 70px;
}

.widget .widget-articles .no-image .article-content {
    margin-left: 0;
}

.article-block .article-content h4,
.widget .widget-articles .article-content h4 {
    margin-bottom: 4px;
}

.widget .widget-articles .meta {
    display: block;
    font-size: 16px;
}

.widget .widget-articles .meta a {
    color: #8b8b8b;
}

.widget .widget-articles .meta a:hover {
    color: #232323;
}

.meta .icon-text {
    display: inline-block;
    padding-right: 5px;
}

.widget .comment-photo {
    display: block;
    float: left;
    margin-top: 3px;
}

.widget .comment-content {
    display: block;
    margin-left: 60px;
}

.widget .widget-comments li {
    display: block;
    border-bottom: 1px dotted #c0bfbf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget .widget-comments li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget .widget-comments p {
    margin-bottom: 6px;
}

.widget .meta {
    display: block;
    font-size: 16px;
    color: #8b8b8b;
}

.widget .meta a {
    color: #5a9e25;
}

.widget .meta a:hover {
    color: #232323;
}

.tagcloud a,
.tag-cloud a {
    display: inline-block;
    font-size: 16px !important;
    background: #929292;
    color: #fff;
    font-weight: bold;
    padding: 3px 7px;
    margin: 0 5px 5px 0;
}

.tagcloud a:hover,
.tag-cloud a:hover {
    background: #232323;
    color: #fff;
}


.content input[type=text] {
    display: block;
    background: #fff;
    padding: 6px 13px;
    font-size: 16px;
    border: 1px solid #d3d3d3;
    font-family: system-ui, sans-serif;
    box-sizing: border-box;
}

.content input[type=text]:focus {
    border: 1px solid #bababa;
}

.widget p {
    margin-bottom: 10px;
}

.widget .subscribe-block {
    display: block;
    margin: 10px auto;
}

.widget .subscribe-block input[type=text] {
    width: 100%;
}

#reviewside .subscribe-block input[type=text]::placeholder {
    color: rgba(140, 138, 138, 0.3);
}

#reviewside .subscribe-block input[type=text] {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid rgba(53, 53, 54, 1)
}

#reviewside .widget .subscribe-block {
    margin: 20px 0 0;
}

.hover-effect {
    display: inline-block;
    background-color: #5a9e25;
    overflow: hidden;
}

.hover-effect .cover {
    display: block;
    position: relative;
    color: #fff;
    height: 100%;
}

.hover-effect .cover img {
    position: relative;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.2s;
}

div[rel='hover-parent']:hover a.hover-effect .cover img,
a.hover-effect:hover .cover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    filter: blur(3px);
}

.hover-effect .cover i {
    z-index: 1;
    display: block;
    position: absolute;
    font-style: normal;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

div[rel='hover-parent']:hover a.hover-effect .cover i,
a.hover-effect:hover .cover i {
    box-shadow: none;
}

a.hover-effect .cover i:before {
    display: block;
    position: absolute;
    z-index: 2;
    font-family: 'Entypo', sans-serif;
    content: '\1F517';
    height: 50px;
    width: 50px;
    line-height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: center;
    transition: opacity 0.2s;
}

div[rel='hover-parent']:hover a.hover-effect .cover i:before,
a.hover-effect:hover .cover i:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.list-title {
    font-weight: 600;
}


/* #8 Footer */

.footer {
    margin-top: 0;
    display: block;
    background: #fff;
    position: absolute;
    width: 100%;
}

.footer p {
    font-size: 1em;
}

.footer .wrapper {
    border-top: 3px solid #c1c1c1;
    max-width: 1300px;
    padding: 10px 5px;
    width: unset;
}

.footer ul {
    display: block;
    line-height: 33px;
    text-align: center;
}

.footer ul li {
    margin: 0 10px;
    display: inline-block;
}

.footer a.orange-themes {
    display: inline-block;
    vertical-align: bottom;
    background: url(../img/commons/clf/orange-themes.png) no-repeat center center;
    color: transparent;
    overflow: hidden;
    text-indent: -200px;
    width: 93px;
}

.footer .logo-footer {
    display: block;
    float: left;
    margin-right: 20px;
    line-height: 33px;
    vertical-align: middle;
}

.footer .logo-footer img {
    display: inline-block;
    vertical-align: middle;
}


.block-content {
    overflow: hidden;
    background: #fcfcfc;
    padding: 0;
    /*margin-top: -10px;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.block-content ul {
    margin: 0 0 15px;
}

.block-content ul li {
    background: url(../img/commons/clf/diamond.png) no-repeat 0 5px;
    padding: 0 0 0 15px;
    margin: 0 10px 10px 0;
}

/* Additional Styles */

.article-big .article-content .meta > span.tag {
    color: #fff;
}

.pagination .page-numbers.dots {
    background: transparent;
    color: #232323;
}

.widget .menu {
    display: block;
}

.widget .menu li {
    display: block;
}

.widget .menu li a {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e2e2;
    border-left: 0 solid transparent;
}

.widget .menu li:last-child a {
    border-bottom: 0;
}

.widget .menu li a:hover {
    background: #e2e2e2;
    color: #232323;
    border-left: 10px solid transparent;
}


.main-menu {
    position: relative;
    z-index: 1000;
}

.main-menu.sticky {
    padding: 0 !important;
}

.main-menu.sticky:before {
    display: block;
    background-color: inherit;
    content: '';
    position: fixed;
    height: inherit;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.admin-bar .main-menu.sticky:before {
    top: 28px;
}

.larger {
    font-size: 22px;
    margin-right: 10px;
}

.lastL {
    margin-right: 0 !important;
}

.marbot {
    margin-bottom: 10px
}

/* tables */
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
}

.table {
    width: 100%;
}

.table th,
.table td {
    padding: 8px 2px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: rgba(140, 138, 138, 0.3);
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: middle;
    line-height: 14px;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success > td {
    background-color: #dff0d8;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table tbody tr.warning > td {
    background-color: #fcf8e3;
}

.table tbody tr.info > td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

.tophtable {
    margin-bottom: 20px;
}

.tophtable td {
    vertical-align: middle
}

.tophtable .td-num {
    padding: 5px;
}

.tophtable a.button {
    width: 110px;
    padding: 3px !important;
}

.tophtable tr td.td-casinoname {
    max-width: 100px;
    overflow: hidden;
    border-left: none;
    font-weight: 400;
}

.tophtable tr td.td-casinoname a {
    text-decoration: none;
}

.tophtable tr td.td-casinoname a:hover {
    text-decoration: underline;
}

.tophtable tr td.td-bonus {
    max-width: 106px;
    overflow: hidden;
}

.tophtable tr td.fdb {
    max-width: 106px;
    overflow: hidden;
}

.tophtable td {
    text-align: center;
    font-weight: 700;
}

.tophtable img {
    border-radius: 3px;
}

.tophtable td.lg img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.tophtable td.lg {
    border-right: none;
    padding: 5px 0 5px 7px;
    width: 65px;
}

.tophtable td p {
    margin: 0;
    text-align: center;
}

thead.toph {
    background-color: var(--primary-color);
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-family: system-ui, sans-serif;
    padding: 7px 13px;
    margin-bottom: 10px;
    font-weight: 700;
}

.td-casino a.button {
    font-size: 1.1em;
    width: 100%;
    margin-top: 7px;
    line-height: 32px;
}

.td-casino img {
    width: 120px;
    vertical-align: middle;
}

.td-bonus {
    font-weight: bold;
    line-height: 18px !important;
}

.td-bonus span, .fdb span {
    display: block;
    text-align: center;
    font-size: 1em;
}

.td-bonus span span {
    font-size: 1em;
    line-height: 11px;
}

.td-bonus center {
    font-size: 1em;
    line-height: 27px;
}

.paddr {
    padding: 0 10px 2px 0;
}

.asocial {
    float: right;
}

.paragraph-row {
    display: grid;
    grid-template-columns: 48% 50%;
    gap: 1%;
}

.shortcode-content p:empty {
    display: none;
}

.paragraph-row > div:first-child {
    margin-left: 0;
}

p {
    display: block;
    margin-bottom: 15px;
    line-height: 23px;
}

#writecomment p input[type=submit],
.button {
    display: inline-block;
    padding: 7px 14px;
    font-size: 1.1em;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-family: system-ui, sans-serif;
    border-radius: 2px;
    max-width: 500px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-decoration: none;
}

#writecomment p input[type=submit]:hover,
.button:hover {
    color: #fff;
    box-shadow: inset 0 60px 50px -50px rgba(255, 255, 255, 0.3);
}

#writecomment p input[type=submit]:active,
.button:active {
    color: #fff;
    box-shadow: inset 0 60px 50px -50px rgba(0, 0, 0, 0.14);
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}

.google-maps,
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.google-maps iframe, .google-maps object, .google-maps embed,
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-caption {
    display: block;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.wp-caption img {
    max-width: 98%;
    height: auto;
    margin-top: 1%;
}

.wp-caption .wp-caption-text {
    text-align: left;
    padding: 10px 10px;
}

.button .icon-text {
    display: inline-block;
    padding-right: 7px;
}

.shortcode-content ol {
    list-style: decimal;
}

.shortcode-content ol,
.shortcode-content ul {
    margin-bottom: 15px;
    padding-left: 19px;
}

.shortcode-content ul li {
    padding-bottom: 7px;
    list-style: disc;
}

.shortcode-content ul li.styled {
    list-style: none;
    position: relative;
}

.shortcode-content ul li.styled .icon-text {
    display: block;
    position: absolute;
    left: -19px;
    width: 10px;
    text-align: center;
    font-size: 1em;
}

.shortcode-content ol li {
    padding-bottom: 7px;
    padding-left: 5px;
}


.shortcode-content hr {
    display: block;
    margin: 34px 0;
}

hr.style-2 {
    display: block;
    background: #969696;
    height: 3px;
    border: 0;
}

hr.style-3 {
    display: block;
    height: 0;
    border-bottom: 2px dashed #908f8f;
}

hr.style-4 {
    display: block;
    height: 2px;
    border-bottom: 1px dotted #908f8f;
    border-top: 1px solid #908f8f;
}


.shortcode-content .social-icon {
    display: inline-block;
    color: #232323 !important;
    margin-right: 15px;
    margin-bottom: 15px;
}

.shortcode-content .social-icon:after {
    display: block;
    clear: both;
    content: '';
}

.shortcode-content .social-icon:hover {
    color: #4b4b4b !important;
}

.shortcode-content .social-icon span.icon-text {
    display: inline-block;
    background: #232323;
    color: #faf9f3;
    width: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    float: left;
    text-shadow: none !important;
    transition: all 0.2s;
}

.shortcode-content .social-icon:hover span.icon-text {
    background: #4b4b4b;
}

.shortcode-content .social-icon b {
    color: inherit;
    display: block;
    margin-left: 32px;
    line-height: 130%;
    font-size: 16px;
    margin-top: -2px;
}

.shortcode-content .social-icon i {
    color: inherit;
    display: block;
    margin-left: 32px;
    font-style: normal;
    font-size: 1em;
    line-height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.marker {
    display: inline-block;
    background: #5a9e25;
    padding: 0 5px;
    margin: 0 2px;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
}

.highlight-title {
    display: block;
    border-bottom: 2px solid #000;
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.block-content img {
    vertical-align: middle;
}

.map-border .google-maps {
    margin-bottom: 0;
}

.map-border {
    display: block;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

.casinootm {
    text-align: center;
}

.casinootm .mttopr {
    max-width: 160px;
    overflow: hidden;
}

.casinootm .mttop {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
    margin-bottom: 15px;
    flex-direction: column;
}

.casinootm a.button {
    box-sizing: border-box;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 0 5px;
}

.academy {
    border-radius: 50%;
}

.casinootm p {
    padding: 0 10px;
}

.casinootm p a {
    text-decoration: underline;
    color: inherit;
}

.casinootm ul {
    line-height: 15px;
    text-align: left;
    width: max-content;
    max-width: 100%;
    margin: 10px auto 20px;
    overflow: hidden;
}

.casinootm ul li {
    margin-bottom: 5px;
}

.casinootm ul a {
    text-decoration: none;
}

.casinootm ul a:hover {
    text-decoration: underline;
}

.casinootm .cname {
    color: var(--secondary-color);
    font-weight: 700;
    margin: 3px 0 0;
    display: block;
    text-decoration: none;
}

.casinootm .cname:hover {
    text-decoration: underline;
}

.casinootm-container {
    padding: 10px 10px 20px;
    border: 1px #bbb solid;
}

.casinootm-container img.frflag {
    border: none !important;
    margin-top: 5px;
}

.adsoc {
    float: right;
    margin-top: -38px;
    margin-right: -10px;
    width: 360px;
    overflow: hidden;
    max-width: 100%;
}

.adsoc2 {
    float: left;
    padding-top: 8px;
    padding-bottom: 0;
    height: 26px;
    background: #ccc;
    border-bottom: 1px solid #aaa !important;
    width: 100%;
    overflow: hidden;
}

#___plusone_0 {
    vertical-align: bottom !important;
    margin-left: 10px !important;
    float: left !important;
    width: 70px !important;
}

#twitter-widget-0 {
    margin-right: -20px;
    float: left;
}

.fb-comments, .fb-comments iframe[style] {
    width: 100% !important;
}

.fb-comments, .fb-comments span, .fb-comments iframe {
    width: 100% !important;
}

.gamesA .block {
    border: none !important;
    width: 20%;
}

.gamesA .block a.button {
    margin-top: 3px;
    width: 29.5%;
}

.gamesA h2.list-title {
    font-size: 1.3em !important;
    line-height: 14px;
    display: table-cell;
    height: 33px;
    vertical-align: middle;
    width: 146px;
    padding: 0;
}

.plus a.button {
    margin-top: -10px;
}

.banktable .bankicon {
}

.banktable td {
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
}

.banktable .bankicon img {
    width: 150px;
}

.slotreviewhighlight {
    text-align: center;
    margin: 10px 0 0 0;
}

.slotreviewhighlight a.button {
    margin-top: 20px;
    padding: 15px 5px;
    line-height: 25px;
}

.generaldeptable td, .generaldeptable th {
    vertical-align: middle !important;
    padding: 5px 2px 5px 8px;
    line-height: 20px;
}

.generaldeptable td span {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.generaldeptable img {
    width: 26px;
    padding-right: 6px;
}

.generaldeptable tr td:first-child,
.withdrawaloptions tr td:first-child {
    font-weight: 700;
    min-width: 145px;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

body.pagetype_casinoreview .softwaretable td {
    text-align: center;
}

#reviewside {
    font-family: 'noto-sans', system-ui, sans-serif;
    padding-inline: 10px;
    content-visibility: auto;
    contain-intrinsic-height: 1400px;
}

#reviewside h3 {
    margin-bottom: 0;
}

#reviewside table,
#reviewside .mailing-list {
    margin-bottom: 10px;
    overflow: hidden;
    word-break: break-word;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
    background: #fff;
    border: none;
}

#reviewside table th:last-child,
#reviewside table td:last-child {
    border-right-width: 0;
}

#reviewside .bankdeptable thead th {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

#reviewside .s_header {
    padding: 6px 10px 6px 10px;
    gap: 10px;
    border-radius: 5px 5px 0px 0px;
    background-color: var(--header-bg) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    font-family: 'noto-sans', system-ui;
}

.bankdeptable td, .bankdeptable th {
    padding: 5px 0 5px 0;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
}

.bankdeptable td span {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.bankdeptable tr td.n {
    font-weight: 700;
    width: 44.3%;
    height: 52px;
}

.bankdeptable td:not(.n) img {
    width: 17px;
    height: 14px;
}

.bankdeptable tr td.n img {
    width: 51px;
    height: 40px;
    display: inline-block;
    padding: 1px;
}

.bankdeptable tr td.n a {
    color: #363635 !important;
}

.det-images {
    display: flex;
    justify-content: space-around;
}

.det-images a {
    max-width: 32%;
}

.det-images img {
    margin: 0;
    width: 212px;
    height: auto;
    max-width: 100%;
}

#wagertable span {
    padding-right: 10px;
}

.overview .paragraph-row div.column3 {
    margin-bottom: -10px;
}

.overview .paragraph-row span.icon-text {
    font-size: 30px;
}

.overview .paragraph-row .playon {
    border-right: 1px solid #ccc;
}

.overview .paragraph-row .playon span {
    padding-right: 5px;
    text-align: center;
}

.overview .paragraph-row .rateplay {
    border-right: 1px solid #ccc;
}

.overview .paragraph-row .languages {
    border-right: 1px solid #ccc;
}

.overview .paragraph-row .currencies {
    border-right: 1px solid #ccc;
}

.overview .paragraph-row .currencies span {
    padding-right: 5px;
    font-weight: bold;
}

.overview .paragraph-row .platform img {
    margin-top: -5px;
}

#top10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#top10 > li {
    width: 49.4%;
    box-sizing: border-box;
    border: 1px #6095b7 solid;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

#top10 .rw-text p:first-child {
    font-weight: 700;
}

#top10 > li .rw ul {
    margin-bottom: 10px;
    padding-left: 10px;
}

#top10 > li .rw p {
    margin-bottom: 10px;
    line-height: 18px;
}

#top10 .rw-text p.pros, #top10 .rw-text p.cons {
    font-weight: 700;
}

#top10 .rw-text ul:first-of-type li {
    background: url(../img/commons/clf/tick.png) 0 3px no-repeat;
    padding: 0 0 0 20px;
}

#top10 .rw-text ul:nth-of-type(2) li {
    background: url(../img/commons/clf/cross1.png) 0 3px no-repeat;
    padding: 0 0 0 20px;
}

#top10 .tp {
    width: 100%;
    background: #247eb7;
    color: #fff;
    font-size: 20px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

#top10 .tp span {
    display: block;
    float: left;
    margin: 8px 0 10px 20px;
}

#top10 .tp span.flg {
    margin-left: 10px;
}

#top10 .sl {
    clear: both;
    background: #e8e8e8;
    height: 68px;
}

#top10 .rw {
    margin: 12px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#top10 .rw br {
    display: block;
    margin-bottom: 10px;
}

#top10 .lang {
    float: right;
    width: 30px;
    height: 21px;
    margin: 7px 10px;
    display: block;
}

#top10 .t2 {
    float: left;
    margin: 19px 0 0 0;
}

#top10 .td-critique {
    float: left;
    margin: 7px 0 0 0;
}

#top10 .vb {
    float: left;
    margin: 0 10px 0 0;
}

#top10 .td-num {
    float: right;
    font-size: 45px;
    width: 50px;
    margin: 12px 5px 0 0;
    color: #888;
    text-align: center;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif !important;
    line-height: 38px;
}

#top10 img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 10px;
}

.overview {
    padding: 10px 0 20px;
    border-bottom: 1px #ccc solid;
}

.overview .ft {
    width: 150px;
    text-align: center;
}

.overview img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 5px;
}

.overview .mm {
    font-weight: 700;
}

.overview .mm p {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 10px;
}

.overview-vv-link {
    margin: 0 0 30px;
}

.overview-vv-link a {
    color: #353536 !important;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    border-radius: 2px;
    display: block;
    text-decoration: none;
}


.overview ul {
    font-size: 16px;
    padding-top: 5px;
    color: #000;
    text-align: left;
}

.overview li {
    margin-bottom: 5px !important;
    background: url(../img/commons/clf/diamond.png) no-repeat 0 5px;
    padding-left: 15px;
    font-weight: normal;
    font-size: 14px !important;
}

.overview li:last-child {
    margin-bottom: 0 !important;
}

.review-resume {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 4px 10px 0px #0000001A;
}

.review-resume .overview {
    border: unset;
    padding: 0 25px 25px;
}

.review-resume .overview #rvtb {
    display: flex;
    gap: 30px;
}

.review-resume .overview #rvtb .ft,
.review-resume .overview #rvtb .vv,
.review-resume .overview #rvtb .mm {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
}

.review-resume .overview #rvtb .ft {
    width: 22.81%;
    align-items: flex-start;
    padding-top: 20px;
}

.review-resume .overview #rvtb .ft .star-rating {
    width: 100%;
}

.review-resume .overview #rvtb .ft .star-rating a span {
    background-image: url(../img/commons/stars_b_new.svg);
    height: 20px !important;
}

.review-resume .overview #rvtb .ft .star-rating span.rating-average {
    display: block;
    margin-right: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.review-resume .overview #rvtb .ft span.ratertt {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.review-resume .overview #rvtb .ft #ratinglabel,
.review-resume .overview #rvtb .ft .star-rating-wrap,
.review-resume .overview #rvtb .ft #star-msg {
    text-align: left;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 400;
}

.review-resume .overview #rvtb .ft .star-rating-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px !important;
}

.review-resume .overview #rvtb .ft img {
    width: 100%;
    height: auto;
    margin: 0 0 29px;
    border-radius: unset;
}

.review-resume .overview #rvtb .mm {
    width: 32.66%;
}

.review-resume .overview #rvtb .mm p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.review-resume .overview #rvtb .mm li {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 400;
    margin-block: 10px;
    padding: 0 10px 0 20px;
    background: url(../img/commons/as-list-icon.svg) no-repeat 0 6px;
}

.review-resume .overview #rvtb .vv {
    width: 40.77%;
    gap: 20px;
}

.review-resume .overview #rvtb .vv .button {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding-block: 16px;
    text-shadow: none;
}

.review-resume .overview #rvtb .overview-vv-link {
    margin-bottom: 0;
}

.review-resume .overview #rvtb .overview-vv-link > a {
    font-size: 22px;
    line-height: 33px;
    font-family: 'noto-sans', system-ui, sans-serif;
    font-weight: 800;
    text-align: center;
    padding-top: 0;
}

.review-resume .overview .payment-methods {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.review-resume .overview .payment-methods img {
    height: 36px;
    width: auto;
    margin: 0;
    border-radius: unset;
}

.review-resume .block-title {
    padding: 12.5px 13px;
    margin: 0;
    background-color: var(--header-bg) !important;
}

.review-resume .block-title .tt.s_header{
    font-size: 16px !important;
    text-transform: capitalize;
    line-height: 21.79px;
}

.smb {
    width: 260px;
    box-sizing: border-box;
    padding: 10px;
    flex-grow: 1;
}

.smb table.mimg {
    width: 100%;
    margin-bottom: 10px;
}

.smb table.mimg td {
    height: 140px;
    background: #eee;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

.smb img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.smb .list-title {
    height: 50px;
    font-size: 16px;
    vertical-align: top;
    line-height: 16px;
    margin: 0;
    width: 100%;
    text-align: left !important;
    display: flex;
    align-items: center;
}

.smb .list-title a {
    text-decoration: none;
}

.smb .list-title a:hover {
    text-decoration: underline;
}

.smb span {
    text-align: right !important;
    margin-right: 5px;
    font-size: 1em;
    color: #333;
    display: block;
}

.smb p {
    text-align: left;
    padding: 0 5px;
    margin-bottom: 0;
}

#newsnav {
    background: #ccc;
    margin: 0 0 20px;
    padding: 5px 10px;
}

#newsnav a {
    text-decoration: none;
}

.game1 img {
    margin-top: 0;
}

.game1 .button {
    margin: 0;
    display: inline-block;
    float: none;
    width: 100% !important;
    font-size: 1.1em;
    margin-bottom: 5px !important;
    line-height: 30px;
}

#fgnv, #fg1nv, #finv, #finv1 {
    display: block;
    width: 100%;
    background: #ccc;
    padding: 0 0 3px 5px;
    float: left;
    margin: 0 0 10px -3px;
    font-size: 16px;
    clear: both;
}

#fgnv {
    border-top: 1px #777 solid;
}

#fg1nv {
    border-bottom: 1px #777 solid;
}

#finv, #finv1 {
    margin: 5px 0 5px 2px;
    width: 765px;

}

#fgnv span, #fg1nv span, #finv span, #finv1 span {
    display: block;
    float: left;
    font-size: 1em;
    margin: 10px 0 0 22px;
    color: #000;
}

#fgnv li, #fg1nv li, #finv li, #finv1 li {
    list-style: none;
    display: block;
    float: left;
    background: none;
    padding-left: 0;
}

#fgnv li a, #fg1nv li a, #finv li a, #finv1 li a {
    display: block;
    cursor: pointer;
    padding: 0 5px 0;
    margin: 0 0 0 0;
    color: #333;
    text-decoration: none;
}

#fgnv li a h2, #fg1nv li a h2, #finv li a h2, #finv1 li a h2 {
    color: #333;
    padding: 1px 6px 3px;
    border: 1px #fff solid;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 1.3em;
    font-weight: 700;
}

#fgnv li a.act, #fg1nv li a.act, #finv li a.act, #finv1 li a.act {
    cursor: default;
    text-decoration: none;
    display: block;
    float: left;
}

#fgnv li a.act h2, #fg1nv li a.act h2, #finv li a.act h2, #finv1 li a.act h2 {
    color: var(--secondary-color);
    border: 1px var(--secondary-color) solid;
    font-size: 0.875em !important;
}

#fgnv li a:hover h2, #fg1nv li a:hover h2 {
    color: var(--secondary-color);
    border: 1px var(--secondary-color) solid;
    font-size: 0.875em !important;
}

.slotlist {
    display: flex;
    flex-wrap: wrap;
}

.slotlist .list-title {
    font-size: 1em;
    height: 31px;
    width: 146px;
    padding: 0;
    line-height: 14px;
    text-align: left;
    overflow: hidden;
}

.slotlist .game1 {
    width: 20%;
}

.slotlist img {
    margin-bottom: 7px;
    margin-top: 0;
}

.toph th {
    text-align: center;
}

.td-left, .th-left {
    text-align: left !important;
}

.topcasinoright {
    table-layout: fixed;
    overflow: hidden;
}

.topcasinoright .td-casino {
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.topcasinoright .td-casino img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.topcasinoright .button {
    color: #fff !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box;
    max-width: 150px;
    line-height: 32px;
}

.topcasinoright .td-bonus {
    font-size: 0.9em !important;
    line-height: 17px !important;
    padding: 7px;
    text-align: center;
}

.topcasinoright .td-bonus ul {
    max-width: 200px;
    margin: 0 auto 5px;
    text-align: left;
    min-height: 30px;
}

.topcasinoright .td-bonus ul li {
    background: url(../img/commons/clf/tick.png) 0 3px no-repeat;
    padding: 0 0 0 18px;
}

.topcasinoright .cname {
    display: block;
    text-align: center;
    margin-top: 10px;
    line-height: 15px;
    text-decoration: none;
}

.topcasinoright .cname:hover {
    text-decoration: underline;
}

.excerpt1 {
    float: right;
    font-size: 16px;
    width: 350px;
    padding: 15px;
    margin: 10px 15px 15px 15px;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    line-height: 24px;
}

div.tablecon {
    width: 100%;
    overflow: auto;
    padding: 0;
}

div.tablecon table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

div.tablecon table ul {
    margin: unset !important;
}

div.tablecon table ul li {
    margin-left: -10px;
}

div.tablecon table center p {
    text-align: center;
}

table:not(.preset) {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table:not(.preset) td, table:not(.preset) th {
    padding: 10px;
    border: 1px #ccc solid;
    vertical-align: middle;
}

table:not(.preset) th {
    background: #777;
    color: #fff;
}

.mailing-list {
    padding: 25px;
    text-align: center;
}

.mailing-list > p {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.mailing-list img {
    display: block;
    margin: 0 auto 20px;
}

.mailing-list .button {
    display: block;
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 16px;
}

.slotreviewtable th, .slotreviewtable td {
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
}

.slotreviewtable th {
    font-size: 1em;
    font-family: system-ui, sans-serif;
}

#newsletterinfo {
    color: brown;
    display: none;
}

.button1 {
    margin-bottom: 2px !important;
}

.cas-detail h2, .cas-detail h3, .cas-detail span.tt {
    margin: 20px 0;
    text-align: left;
    font-size: 1.3em;
    font-weight: 700;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    display: block;
    line-height: 25px;
}

.cas-detail br {
    display: none;
}

.cas-detail #articleindex {
    margin-bottom: 20px;
    margin-top: 20px;
}

.cas-detail #articleindextitle {
    font-size: 16px;
}

.review-bonus-detail span.tt {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 10px;
}

.articleingameindex img {
    width: 100%;
    height: 100%;
}

.loader {
    margin: 150px auto 400px;
    width: 50px !important;
    height: 50px !important;
}

.hf-content {
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
}

.hf-content > .hf1 {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around;
}

.hf-content > .hf1 img {
    width: 146px;
    min-height: 100px;
}

.hf1-desc {
    text-align: center;
    margin-left: 10px;
    overflow: hidden;
    flex-grow: 1;
    max-width: 250px;
}

.hf1-desc span {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    display: block;
    font-size: 1em;
    min-height: 22px;
    font-weight: 700;
    text-align: center;
}

.hf1-desc a:nth-child(1) {
    color: #333;
}

.hf1-desc .button {
    font-size: 1.1em;
    text-align: center;
    margin: 4px 0;
    line-height: 32px;
}

.hf .hf1 .button:nth-of-type(3) {
    background: var(--secondary-color);
}

.hpnd {
    text-align: center;
}

.hpnd h3 {
    text-align: left;
}

.hpnd-content {
    padding: 0 10px 10px;
    display: flex;
    justify-content: space-evenly;
}

.hpnd-content > div {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.hpnd-content img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 0 15px 0;
}

.hpnd span.tt {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 16px;
    display: block;
    flex-grow: 1;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
}

.hpnd span.ftd {
    text-align: center;
    height: 35px;
}

.hpnd span.ftd b {
    display: block;
}

.hpnd .button {
    margin-top: 10px;
}

.hpnd .cline {
    border-left: 1px #ccc dotted;
    width: 0;
    flex-grow: 0;
    margin: 0 5px;
}

.hpgame0 {
    padding: 10px 5px;
}

.hpgame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto !important;
    max-width: 1020px;
}

.hpgame span.tt {
    font-weight: 700 !important;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

.hpgame a {
    color: #333;
}

.hpgame li {
    margin: 0 !important;
    width: 206px;
    padding: 0 5px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hpgame img {
    width: 100%;
}

.hpgame .gtitle {
    min-height: 41px;
}

.popup {
    display: block;
}

.popup .popup_overlay {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=80);
    opacity: 0.8;
    background-color: #000;
    position: fixed;
    margin: 0;
    text-align: center;
    z-index: 1001;
    vertical-align: middle;
}

.popup .popup_dialog {
    font-family: system-ui, sans-serif;
    font-weight: bold;
    z-index: 1001;
    display: block;
    position: fixed;
    width: 470px;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -236px;
    border: 1px #aaa solid;
    background: #666;
    height: 490px;
}

.popup .popup_dialog .head {
    width: 461px;
    height: 18px;
}

.popup .popup_dialog .titre {
    text-align: center;
    color: #FFF;
    font-size: 22px;
    display: block;
    padding: 7px 30px 10px 0;
    line-height: 22px;
}

.popup .popup_dialog .middle {
    width: 461px;
    float: left;
}

.popup .popup_dialog .warning {
    width: 70px;
    height: 63px;
    background: url("/img/commons/clf/attention.png") no-repeat;
    margin-left: 20px;
    float: left;
}

.popup .popup_dialog .sep {
    width: 461px;
    height: 7px;
    margin-left: 10px;
    float: left;
}

.popup .popup_dialog .content {
    text-align: left;
    font-size: 1em;
    width: 431px;
    float: left;
    padding: 15px;
    color: #e9f4e2;
    font-weight: normal;
    background: none;
    min-height: 0;
}

.popup .popup_dialog table {
    width: 434px;
    height: 300px;
    background: url("/img/others/bg_3.png") no-repeat;
    float: left;
    margin-left: 4px;
    margin-top: 10px;
    border: none;
}

.popup-dialog-tr td {
    background: none;
    vertical-align: middle;
}

.popup-dialog-tr .td_2 img {
    padding: 1px;
    border: 1px #fff solid;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 5px;
}

.popup-dialog-tr .td_2 a:hover img {
    opacity: 0.9;
}

.popup-dialog-tr .td_1 {
    width: 25px;
    text-align: center;
}

.popup-dialog-tr .td_1, .popup-dialog-tr .td_3 a {
    color: #1f3808;
    font-size: 16px;
    font-weight: bold;
    width: 32px;
}

.popup-dialog-tr .td_6 {
    text-align: center;
    padding: 10px;
}

.popup .popup_dialog .bloc_apprenez {
    width: 255px;
    height: 177px;
    float: left;
    margin-left: 5px;
    padding: 40px 0 0 163px;
}

.popup .popup_dialog .bloc_apprenez form {
    width: 213px;
    height: 176px;
    padding: 0 0 0 40px;
    border-bottom: 1px solid #fba919;
}

.popup .popup_dialog .bloc_apprenez form .inscr_apprenez {
    position: relative;
    top: 4px;
    display: block;
    color: #1f3808;
    font-size: 1em;
    font-weight: bold;
}

.popup .popup_dialog .bloc_apprenez form .note_apprenez {
    display: block;
    margin-top: 5px;
    color: #1f3808;
    font-size: 1em;
    font-weight: bold;
}

.popup .popup_dialog .bloc_apprenez.erreur {
    height: 200px;
}

.popup .popup_dialog .bloc_apprenez.erreur form {
    height: 224px;
    border: 0;
}

.popup .popup_dialog .bloc_apprenez.erreur form .erreur {
    position: relative;
    top: 6px;
    color: red;
    height: 15px;
    float: left;
    display: block;
}

.popup .popup_dialog .bloc_apprenez .focused {
    background-position: left bottom;
}

.popup .popup_dialog .bloc_apprenez .submit_app {
    float: right;
    width: 136px;
    height: 40px;
    margin: 8px 8px 0 0;
    background: url(/images/fr/bg-submit-valider2.gif) no-repeat;
    border: none;
    font-size: 0;
    color: #fff;
    text-indent: -9999px;
    cursor: pointer;
}

.popup .popup_dialog .bloc_apprenez .submit_app:hover {
    background-position: left bottom;
}

.popup .popup_close {
    position: absolute;
    height: 29px;
    width: 29px;
    background: url("/img/commons/clf/close_button.png") no-repeat bottom left;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.popup .center {
    display: block;
    text-align: center;
}

.popup .right {
    display: block;
    text-align: right;
}

.popup .white {
    color: #FFF;
}

.popup .mc {
    float: right;
    color: #fff;
    margin-top: 10px;
}

.contacttableerror {
    color: brown;
    display: block;
    margin-top: 3px;
    font-size: 1em;
}

.contact-display-none {
    visibility: hidden;
}

.contact-mail-sent-ok {
    color: green;
    visibility: visible;
}

#sitemap {
    width: 100%;
    border: none !important;
}

#sitemap td {
    padding: 0 15px;
}

#sitemap td:first-child {
    width: 49%;
    border-right: 1px #ccc solid;
}

#sitemap ul.um {
    width: 100%;
}

#sitemap ul.um > li {
    padding: 0 0 0 20px;
    font-weight: 700;
    background: url(../img/commons/clf/diamond.png) no-repeat 0 6px;
    margin: 0 0 10px;
}

#sitemap ul.um > li ul {
    width: 100%;
    clear: both;
    display: inline-block;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 10px 0;
    margin: 10px 0;
}

#sitemap ul.um > li ul li {
    display: block;
    float: left;
    margin: 0 15px 5px 0;
    font-weight: normal;
    background: url(../img/commons/clf/dot_orange1.gif) no-repeat 0 5px;
    padding-left: 15px;
}


.star-rating-wrap {
    padding: 5px 0 0 0 !important;
    font-family: 'noto-sans', system-ui, sans-serif;
    font-size: 1em;
    border: none !important;
}

.star-rating-wrap p span {
    font-weight: bold;
}

.star-rating-wrap a {
    text-decoration: none;
}

.star-rating {
    width: 120px;
    height: 23px;
    border: none !important;
    display: inline-block;
}

.ptt {
    border: none !important;
    font-size: 1em;
    font-family: system-ui, sans-serif;
    font-weight: 700;
    padding-top: 8px !important;
}

.star-rating span {
    display: block;
    border: none;
    width: 24px;
    height: 23px;
    cursor: pointer;
    float: left;
}

.star1g, .star2g, .star1, .star2 {
    width: 12px !important;
    height: 19px !important;
    background: url("/img/commons/clf/stars_b.png");
}

.star1g {
    background-position: -24px 0;
}

.star2g {
    background-position: -36px 0;
}

.star2 {
    background-position: -12px 0;
}

#ratinglabel {
    padding-top: 9px !important;
    font-size: 0.8em !important;
    text-align: center;
    margin: 0;
    line-height: 16px;
}

#ratinglabel span {
    color: #000 !important;
}

#star-msg {
    margin: 0;
    display: block;
    color: brown;
    font-size: 1em;
    text-align: center;
}

#map-canvas {
    width: 100%;
    height: 400px;
    float: left;
    background-color: #fcfcfc;
}

#lcs {
    display: block;
    width: 100%;
    float: left;
    margin: 30px 0 30px 0;
    padding: 0;
    clear: both;
}

#lcs li {
    width: auto;
    padding: 18px 5px 13px 16px;
    margin: 0 auto;
    display: flex;
}

#lcs li:nth-child(odd) {
    background: #eee;
}

#lcs li:nth-child(even) {
    background: #fff;
}

#lcs span.f1 {
    display: block;
    flex-grow: 1;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 700;
    font-size: 17px;
    background: url(../img/commons/clf/diamond.png) 0 5px no-repeat;
    padding: 0 10px 0 20px;
}

#lcs .csd {
    text-align: center;
    width: 200px;
    min-width: 200px;
}

#lcs span.ss {
    font-size: 1em;
    display: block;
    clear: both;
    font-weight: normal;
    font-family: system-ui, sans-serif;
    margin-top: 2px;
}

#lcs .ws {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 15px 5px 0;
    width: 80%;
}

#lcs .vv {
    display: inline-block;
    padding: 3px 12px;
    background: #ccc !important;
    color: #333;
    margin-right: 15px;
    width: 80%
}

#lcs .vv:hover {
    color: #333 !important;
}

.button {
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
    border-radius: 8px;
    background-clip: padding-box !important;
    background: var(--button-bg);
    display: inline-block;
    padding: 0;
    line-height: 36px;
    border: 0;
    width: 100%;
    text-align: center;
}

.button:hover {
    background-image: none !important;
    background-color: #17a51e !important;
    color: #fff !important;
}

.btn2a {
    background-clip: padding-box;
    background-color: var(--text-color);
}

.btn2a:hover {
    background-image: none;
    background-color: #0000f8 !important;
    color: #fff;
}

.bonus-btn {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 24px;
    text-shadow: unset;
    padding-block: 12px;
}

.review-resume .overview #rvtb .ft .rating-wrap,
.review-resume .overview #rvtb .ft .rating-wrap span.ratertt {
    text-align: left;
}

.review-resume .stars-container {
    margin: 4px 0 0 25px;
    transform: scale(.9);
    transform-origin: left;
    width: 120%;
}

@media (max-width: 1220px) {
    .review-resume .overview #rvtb .ft {
        width: 26.81%;
    }

    .review-resume .overview #rvtb .vv {
        width: 34.77%;
    }
}

@media (max-width: 992px) {
    .review-resume .overview {
        padding: 0 20px 20px !important;
    }

    .review-resume .overview #rvtb {
        display: grid;
        grid-template-areas: "ft" "vv" "mm";
    }

    .review-resume .overview #rvtb > div {
        width: 100% !important;
        text-align: center;
        align-items: center;
    }

    .review-resume .overview #rvtb .ft {
        position: relative;
        flex-direction: row;
        gap: 30px;
        padding-top: 25px;
        overflow: hidden;
    }

    .review-resume .overview #rvtb .ft:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 1px;
        background: rgba(11, 58, 87, 0.1);
        left: 50%;
    }

    .review-resume .overview #rvtb .ft > a,
    .review-resume .overview #rvtb .ft > img,
    .review-resume .overview #rvtb .ft > .rating-wrap {
        width: 50%;
    }

    .review-resume .overview #rvtb .ft > a,
    .review-resume .overview #rvtb .ft .review-image-container {
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center;
    }

    .review-resume .overview #rvtb .ft > a img,
    .review-resume .overview #rvtb .ft .review-image-container img {
        margin: 0;
        width: 100%;
    }

    .review-resume .overview .mm p {
        text-align: center;
    }

    .review-resume .overview #rvtb .vv {
        grid-area: vv;
    }

    .review-resume .overview #rvtb .mm,
    .review-resume .overview #rvtb .vv {
        padding: 0 !important;
    }

    .review-resume .overview #rvtb .overview-vv-link > a {
        font-size: 20px;
        line-height: 28px;
    }

    .review-bonus-detail span.tt {
        text-align: left !important;
    }

    .review-resume .overview #rvtb .vv .button {
        width: 300px;
    }
}

@media (max-width: 536px) {
    .reviewsum .ctabox a {
        max-width: calc(100% - 30px) !important;
    }
}

@media (max-width: 500px) {
    .bonus-btn {
        padding-inline: 12px !important;
    }

    .review-resume .overview #rvtb .vv .button {
        padding: 16px 30px;
    }
}

@media (max-width: 425px) {
    .review-resume .stars-container {
        transform: scale(.7);
        margin: 6px 0 0 30px;
    }
}

@media (max-width: 398px) {
    .review-resume .overview #rvtb .vv .button {
        width: unset;
    }
}

@media (max-width: 360px) {
    .review-resume .overview #rvtb {
        gap: 15px;
    }

    .review-resume .overview #rvtb .ft:before {
        display: none;
    }

    .review-resume .overview #rvtb .ft {
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
        gap: 15px;
    }

    .review-resume .overview #rvtb .ft > a,
    .review-resume .overview #rvtb .ft > img {
        width: 75%;
        justify-content: center;
    }

    .review-resume .overview #rvtb .ft > .rating-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .review-resume .overview #rvtb .ft #ratinglabel,
    .review-resume .overview #rvtb .ft .star-rating-wrap,
    .review-resume .overview #rvtb .ft #star-msg {
        text-align: center;
        align-items: center;
    }

    .review-resume .overview #rvtb .ft .star-rating {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .review-resume .stars-container {
        width: fit-content;
        margin: 0;
        transform: unset;
    }

    .review-resume .overview .payment-methods {
        padding-top: 10px;
    }

    .review-resume .overview #rvtb .vv {
        gap: 10px;
    }

    .review-resume .overview #rvtb .vv .button {
        font-size: 15px;
        padding: 10px 25px;
    }

    .review-resume .overview {
        padding-inline: 6px !important;
    }
}

.cas-detail ul {
    margin: 15px 0 20px 20px;
}

#trans1 {
    border: 1px gray solid;
    position: absolute;
    top: 0;
    margin: 83px 0 0 700px;
    background: white;
    padding: 5px 30px;
    color: green;
    z-index: 1000;
}

#trans1 a {
    display: inline-block;
    margin: 0 10px 0 0;
}

#trans1 span {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 700;
}

.hpfirsttext h1 {
    border-bottom: none !important;
    padding-bottom: 0;
}

.hpfirsttext p {
    line-height: 23px;
    font-size: 1em;
}

.th-casino {
    border-right: none !important;
}

.th-name {
    border-left: none !important;
}

#rvtb {
    width: 100%;
    border: none;
}

#rvtb td {
    vertical-align: middle;
}

#rvtb td.vv {
    padding: 0 0 0 15px;
    min-width: 300px;
    max-width: 400px;
}

#rvtb td.ft {
    text-align: center;
    padding: 0 15px 0 0;
}

.td-casino span {
    display: inline-block;
    vertical-align: middle;
}

.clearfloat {
    clear: both;
}

.clear {
    clear: both;
}

.hpnews img {
    width: 150px;
    height: 58px;
    margin-right: 10px;
}

div.hpnews0 {
    margin-top: 10px;
}

div.hpnews0 img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 518px;
    margin: 0 auto;
}

.hpnews li:first-child {
    display: none;
}

.game1in {
    margin: 5px;
    text-align: center;
}


.slotlist img {
    height: 114px;
    width: 100%;
}

.banktable td {
    padding: 10px;
}

.banktable .button {
    padding: 9px 23px;
    margin: 0;
}

.gamesA img {
    width: 146px;
    height: 102px;
}

.subscribe-block .button {
}

#top10 .button {
    width: 90%;
    margin: 15px auto;
}

#fgbanner {
    height: 95px;
    background: url(../img/commons/clf/fbbg.png) repeat-x;
    font-family: system-ui, sans-serif;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0 0;
}

#fgbanner img {
    width: 150px;
    height: 60px;
    margin: 0 10px 0 20px;
}

#fgbanner span {
    font-size: 16px;
    color: #f7f7f7;
    width: 200px;
    text-align: center;
    font-weight: 700;
    flex-grow: 1;
    font-family: system-ui, sans-serif;
}

#fgbanner a {
    width: 350px;
    margin: 0 20px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 29px;
    color: #fff !important;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: var(--button-bg);
    border: 0;
    text-align: center;
    padding: 3px 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 1, .5);
    font-weight: 700;
    line-height: normal;
}

#fgbanner a:hover {
    background-image: none;
    color: #FFF !important;
    text-decoration: none;
}

#grtable {
    max-width: 100%;
    overflow: auto;
}

#grtable tr th {
    background: #a4c8df;
}

#fgitem {
    max-width: 100%;
}

#fgitem div.iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 75%;
}

#fgitem div.iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.block-content a {
    color: var(--secondary-color) !important;
}

.block-content a:hover {
    text-decoration: underline;
}

a.button {
    color: #fff !important;
}

a.button:hover {
    text-decoration: none;
}

#articles {
    width: 100%;
}

#articles ul {
    margin-left: 15px;
}

#articles ul li {
    background: none;
    margin: 3px 0;
    padding: 0;
}

#articles > ul > li > a {
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    background: gray;
    padding: 5px 0;
    width: 100%;
    display: block;
}

#articles > ul > li {
    border: 1px #bbb solid;
    margin-bottom: 10px;
}

#articles > ul:first-child {
    margin-left: 0;
}

#articles > ul > li > ul {
    margin-left: 15px;
}

#articles > ul > li > ul > li > a {
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 5px;
}

#articles > ul > li > ul > li > ul > li {
    list-style: square;
}

#articles > ul > li > ul > li > ul > li > ul > li a {
}

#articles > ul > li > ul > li > ul > li > ul > li {
    list-style: disc;
    margin-left: 5px;
}

#articles > ul > li > ul > li > ul > li > ul > li > ul > li a {
}

#articles > ul > li > ul > li > ul > li > ul > li > ul > li {
    list-style: circle;
    margin-left: 5px;
}

#sisters {
    clear: both;
}

#sisters li {
    display: inline-block;
    padding: 0;
    border: 1px #bbb solid;
    list-style: none;
    background: none;
    margin-right: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#sisters li a {
    padding: 6px 10px;
    display: block;
}

#sisters li a:hover {
    text-decoration: none;
    background: #333;
    color: #fff !important;
}

.sofimg {
    width: 80px;
    display: inline-block;
    line-height: normal;
}

.sofimg .sol {
    border-radius: 0;
}

.sofimg1 .sol {
    width: 50px;
    height: 20px;
    display: inline-block;
}

.sofimg2 .sol, .sofimg3 .sol, .sofimg4 .sol {
    width: 30px;
    height: 12px;
    margin-bottom: 2px;
}

.sofimg2 .sol:nth-child(2n), .sofimg3 .sol:nth-child(2n), .sofimg4 .sol:nth-child(2n) {
    margin-left: 3px;
}

.sofimg5 .sol, .sofimg6 .sol {
    width: 25px;
    height: 10px;
}

.sofimg5 div:nth-child(3n), .sofimg6 div:nth-child(3n) {
    margin-left: 2px;
}

.sofimg5 div:nth-child(3n-1), .sofimg6 div:nth-child(3n-1) {
    margin-left: 2px;
}

.rwsoft {
    line-height: 26px !important;
    padding-top: 12px !important;
}

.rwsoft .sol {
    width: 50px;
    height: 20px;
    display: inline-block;
    line-height: 60px;
    margin-right: 6px;
}

table#softwareindex tr td:first-child {
    padding: 20px 20px;
}

table#softwareindex tr td:last-child {
    padding: 20px 20px 20px 0;
}

table#softwareindex tr:nth-child(2n-1) {
    background: #efefef;
}

div#softwareimg {
    clear: both;
    margin-bottom: 30px;
}

div#softwareimg img {
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 13px;
}

table.newss {
    width: 100%;
    border: none;
    margin-bottom: 10px;
}

table.newss td {
    vertical-align: top;
    border: none;
    padding: 0;
}

table.newss img {
    margin: 3px 10px 5px 0;
    float: left;
}

div.sol {
    background-size: 100% auto;
    display: inline-block;
}

div.stars5 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding-top: 10px;
}

div.stars {
    width: 130px;
    height: 24px;
    display: flex;
    background: #fff url(../img/commons/clf/stars_new.png) left bottom repeat-x;
}

div.stars_in {
    height: 100%;
    width: 100%;
    background: #fff url(../img/commons/clf/stars_new.png) left top repeat-x;
}

#freegamelist {
    width: 100%;
    margin: 10px 0 20px;
    float: left;
    clear: both;
}

.fgnav {
    float: none;
    margin: 0;
    text-align: right;
    flex-grow: 1;
}

div.games + .fgnav {
    margin: 0 0 10px;
    background: #ccc;
    padding: 5px 10px;
}

.fgnav .pagination {
    float: none;
}

.fgnav .fgpagehide {
    display: none;
}

span.pn-status a {
    color: #363635;
}

span.pn-status span, span.pn-status a {
    display: inline-block;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    line-height: 34px;
    border-radius: 5px;
    margin: 0 1px;
    min-width: 15px;
}

span.pn-status span, span.pn-status a:hover {
    background: var(--button-bg);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

span.pn-status a:hover {
    color: #fff !important;
}

a.pn-arrow-prev, a.pn-arrow-next {
    display: inline-block;
    font-size: 1em;
    color: #fff !important;
    vertical-align: bottom;
    cursor: pointer;
    background: #2482bf;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    line-height: 34px;
    margin: 0 5px;
    font-weight: 700;
    border-radius: 5px;
    padding: 0 10px;
}

a.pn-arrow-prev:hover, a.pn-arrow-next:hover {
    text-decoration: none;
}

span.pn-status a {
    cursor: pointer;
}

span.curfilter {
    display: none;
}

span.dot3 {
    color: #363635 !important;
    padding: 0;
    background: none !important;
}

div#g_1 {
    border-top: 1px #c0c0c0 solid;
    padding-top: 20px;
}

div.gmss {
    margin: 0 0 20px;
}

div.games {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    gap: 15px;
    padding: 0 0 15px;
}

a.gitem {
    background-size: contain;
    overflow: hidden;
    box-sizing: content-box;
    text-align: center;
    line-height: 1.2;
    font-size: 1em;
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

a.gitem:hover .fgx {
    display: grid !important;
}

a.gitem:hover {
    text-decoration: underline;
}

a.gitem span.fgx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(35, 123, 179, 0.85);
    height: 139px;
    display: grid;
    justify-items: center;
    align-items: center;
}

a.gitem span.play {
    border: 2px #fff solid;
    padding: 10px 0;
    width: 80%;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
}

div.playname {
    display: none;
}

div.fgbar {
    background: #ccc;
    padding: 8px;
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

select.fgsofsel {
    margin: 8px;
    height: 34px;
    border: none;
    border-radius: 5px;
    padding: 0 10px;
    float: left;
}

div.gmss .tab-item-container {
    width: 100% !important;
}

.table-striped td.td-left {
    font-size: 0.9em;
}

table.generaldeptable tr td:last-child {
    font-size: 0.9em;
}

table.generaldeptable tr td:last-child a {
    color: inherit;
    text-decoration: none;
}

table.generaldeptable tr td:last-child a:hover {
    text-decoration: none;
}

.btnb {
    padding: 0 30px;
    height: 100%;
    line-height: 45px;
}

#sistersw {
    margin-top: 40px;
}

#sistersw p {
    text-align: left;
    font-style: italic;
}

#sistersw p:not(:last-of-type) {
    font-weight: 700;
}

#sistersw li {
    display: inline-block;
    margin: 0 15px 8px 0;
    background: #EFEFEF;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
}

#sistersw li.more, #sistersw li.less {
    background: #78BC2D;
    font-weight: bold;
}

#sistersw li.more a, #sistersw li.less a {
    color: #FFFFFF !important;
}

#sistersw li a {
    text-decoration: none;
}

#sistersw ul li.h {
    display: none;
}

div.imgintxt {
    display: block;
    max-width: 100%;
    clear: both;
    margin: 5px 0 6px 0;
}

div.imgintxt img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

div.floatleft {
    float: left;
    margin: 8px 10px 5px 0;
}

div.imgintxt.forcefloatnone.fullonmobile {
    min-height: 60px;
}

div.floatright {
    float: right;
    margin: 8px 0 5px 10px;
}

div.floatnone, div.forcefloatnone {
    float: none;
    margin: 5px 0 6px 0;
}

div.forcefloatnone img {
    height: auto !important;
}

.forcefloatnone.fullonmobile img {
    width: 100% !important;
}

span.ratertt {
    font-weight: 700;
    margin-bottom: 0;
}

div.hidden {
    display: none;
}

.breadcrumb--wrapper{
    margin-inline: auto;
    background: #f0efef;
    margin-bottom: -15px;
    padding-top: 15px;
}

.outter-grey ~ .breadcrumb--wrapper{
    padding-top: 0 !important;
    margin-top: 15px;
}

#breadcrumb {
    margin: 0 0 12px;
    font-size: 1em;
    font-style: italic;
    color: #555;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

.breadcrumb--wrapper div#breadcrumb {
    margin: 0;
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
}

div#breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#breadcrumb li {
    display: inline;
    margin: 0;
    line-height: normal;
}

div#breadcrumb li:not(:first-child):before {
    content: ">";
}

div#breadcrumb li:last-child a {
    color: inherit;
}

div#breadcrumb li:last-child a:hover {
    text-decoration: none;
}

div#ptn {
    margin: 15px 0;
    display: flex;
    justify-content: center;
    clear: both;
}

div#ptn a.rw {
    background: var(--secondary-color);
}

div#ptn a {
    width: 410px;
    max-width: 95%;
    height: 50px;
    font-size: 28px;
    border-radius: 8px;
    line-height: 50px;
    margin: 0 10px;
    flex-grow: 1;
}

.plusminus {
    text-align: right;
}

.plusminus a {
    display: inline-block;
    font-size: 30px;
    text-decoration: none;
    color: #333;
    width: 20px;
    margin: 0 10px 20px;
    padding: 0 3px;
}

.plusminus a:hover {
    text-decoration: none;
}

table.withdrawaloptions img {
    width: 40px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

table.withdrawaloptions td {
    text-align: left;
    vertical-align: middle;
    line-height: 16px;
    height: 35px;
    font-size: 16px;
    padding: 0 10px;
}

table.withdrawaloptions td.tl {
    color: #363635;
    font-size: 1em;
    width: 45%;
}

table.stable {
    display: none;
}

#wagertablenew {
    width: 100%;
    margin: 0 0 10px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    border-collapse: collapse;
}

#wagertablenew th, #wagertablenew td {
    border: 2px #ccc solid;
    vertical-align: middle;
    padding: 5px 0;
    height: 55px;
}

#wagertablenew td.bm span {
    margin-left: 5px;
}

#wagertablenew .tr_moreinfo, #wagertablenew .tr_fm {
    display: none;
}

#wagertablenew .moreinfo {
    display: none;
}

#wagertablenew td.pc {
    min-width: 150px;
}

#wagertablenew td.gg {
    padding: 0 10px;
    min-width: 200px;
}

#wagertablenew .button {
    height: 45px;
    line-height: 20px;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#wagertablenew .button span {
    display: block;
    text-align: center;
}

#wagertablenew th {
    background: var(--primary-color);
    color: #fff;
    height: 45px;
}

#wagertablenew b.exc {
    font-size: 1em;
    background: #e31e24;
    border-radius: 3px;
    color: #fff;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 5px;
    margin: 5px 0 0 5px !important;
    display: inline-block;
    vertical-align: middle;
}

b.tbexc {
    font-size: 1em;
    background: #e31e24;
    border-radius: 3px;
    color: #fff;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1px 5px;
    display: inline-block;
    margin-top: 3px;
}

td.bmax span {
    font-size: inherit;
    margin-left: 5px;
}

#fgtop {
    display: flex;
    justify-content: space-evenly;
    overflow: hidden;
}

#fgtop .cycler {
    position: relative;
    width: 350px;
    height: 255px;
    flex-shrink: 0;
    margin: 0 15px 0 0;
}

#fgtop .cycler img {
    position: absolute;
    width: 100%;
    height: 100%;
}

#fgtop .cycler img.active {
    display: block !important;
}

#fgtop div.r {
    width: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

div.slot_table_new {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 15px;
}

div.slot_table_new .slot_table_item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px #ddd solid;
    padding: 0 0 10px;
}

div.slot_table_new .st1 {
    font-weight: 700;
    text-align: right;
}

table#listlicences {
    width: 100%;
    border-collapse: collapse;
}

table#listlicences td {
    border: 1px #ccc solid;
    vertical-align: middle;
    padding: 10px 5px;
}

table#listlicences td.img {
    text-align: center;
}

table#listlicences td.nm {
    font-weight: 700;
}

#stkhidden {
    display: none;
}

#stk {
    position: fixed;
    display: flex;
    opacity: 0;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: #0a75b8;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 1px 3px rgba(0, 0, 1, .5);
}

.dv_mobile #stk {
    bottom: 0;
    top: auto;
    padding: 20px 10px;
}

#stk .button {
    min-width: 200px;
    width: max-content;
    line-height: 28px;
    padding: 5px 15px;
    font-size: 1.1em;
}

#stk span {
    padding: 5px 0;
    margin: 0 10px;
    font-size: 1em;
    text-align: center;
}


#articleindextitle {
    font-weight: 700;
    font-size: 24px;
    margin: 5px 0 10px 5px;
}

#articleindex {
    margin: 0 0 20px;
}

#articleindex ul {
    margin: 0;
    width: 100%;
}

#articleindex li {
    list-style: none;
    background: none;
    margin: 0 0 5px !important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

#articleindex > ul span {
    width: 20px;
    min-width: 20px;
    text-align: center;
    font-size: 16px;
}

#articleindex > ul > li > a {
    font-weight: 700;
    font-size: 1em;
    margin: 3px 0 0;
    max-width: 90%;
}

#articleindex > ul > li > span {
    margin: 3px 0 0;
}

#articleindex > ul > li > ul {
    margin: 3px 0;
}

#articleindex > ul > li > ul > li > a {
    font-size: 1em;
    margin: 1px 0 1px 15px;
    max-width: 86%;
}

#articleindex > ul > li > ul > li > ul {
    margin: 2px 0;
}

#articleindex > ul > li > ul > li > ul > li > a {
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 0 30px;
    max-width: 82%
}

#articleindex > ul > li > ul > li > ul > li > ul {
    margin: 2px 0;
}

#articleindex > ul > li > ul > li > ul > li > ul > li > a {
    font-size: 1em;
    margin: 0 0 0 45px;
    max-width: 78%;
}

#articleindex li.closed > ul {
    display: none;
}

#articleindex li.closed > span, #articleindex li.opened > span {
    cursor: pointer;
}

#articleindex a {
    text-decoration: none;
}

#articleindex a:hover {
    text-decoration: underline;
}

div.ctabox {
    text-align: center;
    padding: 10px 0 30px;
}

div.ctabox p {
    text-align: center;
}

div.ctabox a.button {
    font-size: 18px;
    line-height: 24px;
    padding: 16px;
    max-width: 395px;
}

.mobile-nav {
    display: none;
    position: fixed;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: 45%;
    height: 100%;
    top: 0;
    left: calc(-100% - 46px);
    z-index: 9999;
    transition: all 1s ease;
}

.mobile-nav::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 46px;
    height: 100%;
    background: url('/img/commons/clf/mobile_nav_shadow.png') 0 0 repeat-y;
    z-index: 9999;
}

.menu-btn {
    flex: 0 0 auto;
    display: none;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0 54px 0 42px;
    border: none;
    background-color: transparent;
    background-image: url('/img/commons/clf/menu_icons.svg');
    background-position: 0 0;
    outline: none;
}

.mobile-nav-header {
    width: 100%;
    height: 70px;
    background-color: #f95340;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.mobile-nav-close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    background-color: transparent;
    padding: 0;
    border: none;
    outline: none;
}

.mobile-nav-list, .submenu.show {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    padding-top: 70px;
    box-sizing: border-box;
}

.submenu.show {
    z-index: 600;
}

.mobile-nav-list > li, .submenu.show > li {
    border-top: 1px solid #175175;
    transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1);
    transform-origin: 100% 50%;
    transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
}

.mobile-nav-list.active > li, .submenu.show.active > li {
    transform: translate3d(0, 0, 0);
}

.mobile-nav-list > li::before, .submenu.show > li::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #649ec2;
}

.mobile-nav-list > li > a, .submenu.show > li > a {
    font-size: 17px;
    line-height: 20px;
    color: #ffffff;
    position: relative;
    padding: 20px 10px 20px 19px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.s_header {
    display: flex !important;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

@media (min-width: 1600px) {
    .sf_container {
        max-width: 82% !important;
    }
}

@media (min-width: 1126px) {
    .nav_icon {
        display: none;
    }

    .right_menu_icon {
        display: none;
    }
}

.mobile-nav-list > li:not(.mobile-nav-submenu) .right_menu_icon {
    visibility: hidden;
}

.right_menu_icon {
    margin-left: auto;
}

.m-top::before {
    width: 28px;
    height: 27px;
    background-position: 0 -125px;
}

.m-terrestres::before {
    width: 28px;
    height: 27px;
    background-position: 0 -205px;
}

.m-revue::before {
    width: 28px;
    height: 25px;
    background-position: 0 -288px;
}

.m-jeux-casino::before {
    width: 28px;
    height: 31px;
    background-position: 0 -333px;
}

.m-ligiciels::before {
    width: 30px;
    height: 28px;
    background-position: 0 -364px;
}

.submenu {
    display: none;
}

.submenu.show li > a {
    padding-left: 30px;
    padding-right: 30px;
}

.submenu li:first-child {
    border: none;
}

.submenu li:first-child:before {
    display: none;
}

.submenu-header {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 25px;
    line-height: 1;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    gap: 90%;
}

.submenu-header:hover, .submenu-header:focus {
    color: #ffffff;
}

.submenu-header::before {
    left: 25px;
}

div.lista {
    display: flex;
    flex-wrap: wrap;
}

div.ret1 {
    margin: 0 0 25px;
}

span.flg {
    display: inline-block;
    width: 36px;
    height: 24px;
    vertical-align: middle;
    background-position: 0 -9999px;
    background-repeat: no-repeat;
}

td.lang .flg {
    transform-origin: 50% 50%;
    transform: scale(0.666666667, 0.666666667);
}

body.err404 {
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
}

div#err404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
    background: #fff;
}

div#err404 .header__logo {
    margin-bottom: 15px;
    width: 200px;
}

div#err404 span.txt {
    font-size: 17px;
    width: 500px;
    max-width: 100%;
    text-align: center;
    line-height: 22px;
    margin-bottom: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    padding: 15px 25px;
    box-sizing: border-box;
}

div#err404 .pic {
    width: 350px;
    margin-bottom: 30px;
    max-width: 90%;
}

.new-casinos {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px 5px;
    justify-content: space-evenly;
}

.new-casinos > a {
    width: 98px;
    margin: 10px 5px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.new-casinos .s1 {
    padding-top: 105px;
    background-size: 100px;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center 5px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    flex-grow: 1;
    width: 100%;
    justify-content: space-between;
    font-weight: 700;
    font-size: 17px;
}

.new-casinos .s2 {
    font-size: 1em;
    display: block;
    height: 26px;
    overflow: hidden;
    text-align: center;
    line-height: 13px;
    margin-top: 10px;
}

.new-casinos .su {
    display: block;
    font-size: 1em;
    text-align: center;
}

.new-casinos .button {
    width: 110px;
    max-width: 90%;
    font-size: 1.1em;
    margin: 10px auto 2px;
    line-height: 30px;
}

.new-casinos > a:hover {
    text-decoration: none;
}

.new-casinos > a:hover .s2 {
    text-decoration: underline;
}

.reviewsum {
    width: 100%;
    margin-bottom: 20px;
    border: none;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 25px;
    display: block;
    color: rgba(53, 53, 54, 1);
    font-family: 'noto-sans', system-ui, sans-serif;
}

.reviewsum td {
    padding: 10px 0 0;
}

.reviewsum caption {
    margin: 0;
    background-color: unset !important;
    color: #000;
    text-align: left;
    padding: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    color: rgba(53, 53, 54, 1);
}

.reviewsum tbody,
.reviewsum tbody tr,
.reviewsum tbody tr td {
    display: block;
    width: 100%;
}

.reviewsum .ctabox {
    padding: 28px 0 0;
}

.reviewsum .ctabox a {
    font-size: 18px;
    line-height: 24px !important;
    padding: 16px !important;
    max-width: 395px;
}

.cas-detail .reviewsum .block-title h2 {
    color: rgba(53, 53, 54, 1);
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
    text-transform: unset;
}

.reviewsum ul {
    margin: 0;
    padding: 0;
}

.reviewsum ul li {
    list-style: none;
    font-size: 1em !important;
    padding-left: 15px;
}

.reviewsum ul li:before {
    content: "";
    position: absolute;
    margin: 9px 0 0 -20px;
    font-size: 22px;
    display: inline-block;
    vertical-align: bottom;
    height: 15px;
    width: 13px;
    background: url(../img/commons/list-style-type.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-4px);
}


#footers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

#footers a {
    margin: 0 10px;
    display: flex;
    justify-content: center;
}

.topnew {
    display: grid;
    gap: 15px;
    margin: 0 10px 25px;
}

.topnew_wrapper .topnew_title {
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    border-bottom: none;
    margin: 20px 0;
    padding: 0;
}

.topnew_wrapper .topnew_block_title {
    font-size: 20.8px;
    font-weight: 600;
    text-align: left;
    border-bottom: none;
    margin: 20px 0;
    padding: 0;
    margin-left: 15px;
}

.topnew > .tops__item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
}

.topnew > div.socialproof:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: 15px;
    background: transparent;
    border-top: 5px solid #284515;
    border-right: 5px solid #284515;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.topnew > div.socialproof:after {
    width: 128px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: -5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.socialproof_pc:after {
    background: #25a0ed;
}

.socialproof_tr:after {
    background: var(--button-bg);
}

.socialproof_sp:after {
    background: #ffab1a;
}

.socialproof_pc:after, .socialproof_pc.fr:after {
    content: "Le choix des joueurs";
}

.socialproof_tr:after, .socialproof_tr.fr:after {
    content: "Le mieux noté";
}

.socialproof_sp:after, .socialproof_sp.fr:after {
    content: "Super populaire";
}

.socialproof_pc.en:after {
    content: "Players' choice";
}

.socialproof_tr.en:after {
    content: "Top rated";
}

.socialproof_sp.en:after {
    content: "Super popular";
}

.topnew a.info {
    background: url(/img/commons/clf/info.png);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
}

.topnew .no {
    width: 4%;
    align-self: stretch;
    max-width: 50px;
    display: grid;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    font-size: 24px;
    font-weight: 600;
}

.topnew > .tops__item > div:not(.loading) {
    box-sizing: border-box;
    flex-grow: 1;
}

.topnew .thumb {
    width: 12%;
    position: relative;
    text-align: center;
    padding: 15px 0;
    min-width: 140px;
    max-width: 200px;
}

.topnew .thumb img {
    width: 120px;
    border-radius: 50%;
    display: inline-block;
}

.topnew .name {
    width: 17%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.topnew .name span,
.topnew .name a {
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    color: #363635;
    margin: 0 0 15px;
}

.topnew .name a:hover {
    text-decoration: underline;
}

.topnew .bon {
    width: 23%;
    padding: 15px 10px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    display: grid;
    justify-items: center;
    min-height: 100px;
    align-items: center;
    gap: 10px;
}

.topnew .bon span {
    display: block;
    text-align: center;
}

.topnew .nb0 {
    font-size: 16px;
}

.topnew .nb0 span {
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: normal;
}

.topnew .nb1 {
    font-weight: 400;
    border-radius: 3px;
    background: #e31e24;
    color: #fff;
    padding: 5px 10px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    width: max-content;
}

.topnew .lst {
    width: 24%;
    padding: 15px 0;
}

.topnew .lst li {
    font-weight: 600;
    font-size: 1em;
    margin: 0 0 10px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    display: flex;
    align-items: baseline;
}

.topnew .lst li > span {
}

.topnew .lst li:before {
    content: "";
    display: inline-block;
    margin: 0 5% 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #363635;
    background: transparent;
}

.topnew .lst li:last-child {
    margin-bottom: 0;
}

.topnew .jou {
    width: 21%;
    padding: 0 1%;
}

.topnew .jou a {
    max-width: 170px;
    display: block;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
}

.maintext_new {
    font-size: 1em;
    line-height: 23px;
}

.maintext_new ul {
    margin: 0 0 20px;
    padding: 0 0 0 25px;
}

.maintext_new ol {
    margin: 0 0 20px;
    padding: 0 0 0 25px;
}

.maintext_new li {
    margin: 0 0 10px;
}

.maintext_new p {
    margin: 0 0 15px;
}

.hpnewcasinos_new {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    content-visibility: auto;
    contain-intrinsic-height: 980px;
}

@media(min-width: 451px) {
    .hpnewcasinos_new {
        contain-intrinsic-height: 365px;
    }
}

.hpnewcasinos_new .hpnewcasinos_new-content {
    display: grid;
    gap: 20px;
    padding: 20px;
}

.hpnewcasinos_new_4 .hpnewcasinos_new-content {
    grid-template-columns:repeat(4, 1fr);
}

.hpnewcasinos_new_5 .hpnewcasinos_new-content {
    grid-template-columns:repeat(5, 1fr);
}

.hpnewcasinos_new_6 .hpnewcasinos_new-content {
    grid-template-columns:repeat(6, 1fr);
}

.hpnewcasinos_new .hpnewcasinos_new-content > div {
    display: flex;
    flex-direction: column;
}

.hpnewcasinos_new .hpnewcasinos_new-content > div a.cn3{
    flex-grow: 1;
    text-decoration: none;
}

.hpnewcasinos_new .hpnewcasinos_new-content > div span.cn0 {
    background-repeat: no-repeat;
    background-position: center 5px;
    border-radius: 5px;
    padding: 17px 15px 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    min-height: 80px;
    height: calc(100% - 33px);
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    align-items: center;
}

.hpnewcasinos_new .hpnewcasinos_new-content > div span.cn1 {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.hpnewcasinos_new .hpnewcasinos_new-content > div a.cn2 {
    height: 18px;
    margin: 15px 0 0;
    text-align: center;

}

.hpnewcasinos_new .hpnewcasinos_new-content > div a.cn2:hover {
    text-decoration: underline;
}

.hpnewcasinos_new .hpnewcasinos_new-content > div span.button {
    margin: 20px auto 0;
    max-width: 200px;
    height: 45px;
    line-height: 45px;
}

.widget_title {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-family: system-ui, sans-serif;
    padding: 7px 13px;
    font-weight: 700;
    text-align: center;
    background-color: var(--primary-color);
    margin: 0;
}

.hp_widgets_new {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 0 0 20px;
}

.hp_widgets_new_4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.hp_widgets_new .widget_new {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: none;
    display: flex;
    flex-direction: column;
    content-visibility: auto;
    contain-intrinsic-height: 375px;
}

.widget_new .widget_new-content, .widget_new > form {
    padding: 20px;
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.nodepositwidget_new .widget_new-content{
    flex-direction: row;
}

.widget_new .blocknav {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0;
}

.widget_new .blocknav a {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget_new .blocknav a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #bbb;
    border-radius: 50%;
}

.widget_new .blocknav a.active:before {
    background: var(--button-bg);
}

.widget_new .blocknav a.active {
    cursor: default;
}


.hpfreegameswidget_new div.ff2 {
    display: grid;
}

.hpfreegameswidget_new div.ff2 > div {
    grid-area: 1/1/2/2;
    display: grid;
    gap: 25px;
    background: #fff;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 237px), 1fr));
    min-height: 150px;
    align-items: center;
}

.hpfreegameswidget_new div.ff2 > div:nth-child(n+2) {
    opacity: 0;
    z-index: -1;
}

.hpfreegameswidget_new div.ff2 > div > div {
    display: grid;
    grid-template-columns: min(50%, 146px) 1fr;
    gap: 15px;
}

.hpfreegameswidget_new div.ff2 > div > div > div {
    display: grid;
    text-align: center;
}

.hpfreegameswidget_new > div > div.blocknav {
    display: flex;
    height: 45px;
}

.hpfreegameswidget_new a.button {
    font-size: 1.1em;
    text-align: center;
    margin: 4px 0;
    line-height: 32px;
}

.hpfreegameswidget_new a.button.ff0 {
    background: var(--secondary-color);
}

.hpfreegameswidget_new a.ff1 {
    color: var(--secondary-color);
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
}

.hpfreegameswidget_new a.ff1:hover {
    text-decoration: underline;
}

.hpfreegameswidget_new a.ff1 span {
    min-height: 36px;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hpfreegameswidget_new img {
    width: 100%;
}

.hpfreegameswidget_new div.ff3 {
    max-width: 250px;
}

.nodepositwidget_new > div {
    flex-direction: row;
    min-height: 260px;
    max-height: 300px;
    margin-top: auto;
}

.nodepositwidget_new a {
    text-decoration: none;
}

.nodepositwidget_new > div > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.nodepositwidget_new > div > div > span {
    text-align: center;
    margin: 0 0 15px;
}

.nodepositwidget_new .middle_line {
    border-left: 1px #ccc dotted;
    width: 0;
    flex-grow: 0;
    margin: 0 15px;
}

.nodepositwidget_new a.nd0 {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 16px;
}

.nodepositwidget_new a.nd0:hover {
    text-decoration: underline;
}

.nodepositwidget_new img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 10px;
}

.nodepositwidget_new a.button {
    height: 45px;
    line-height: 45px;
    max-width: 250px;
}

.monthlycasinowidget_new {
    justify-content: space-between;
}

.monthlycasinowidget_new a {
    text-decoration: none;
}

.monthlycasinowidget_new a:hover {
    text-decoration: underline;
}

.monthlycasinowidget_new img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 10px;
}

.monthlycasinowidget_new > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 330px;
}

.monthlycasinowidget_new > div > div.mc0 {
    text-align: center;
    margin: 0 0 15px;
}

.monthlycasinowidget_new > div > div.mc0 ul {
    max-width: 250px;
    text-align: left;
}

.monthlycasinowidget_new > div > div.mc0 li {
    margin: 0 0 5px;
}

.monthlycasinowidget_new .mc1 {
    font-weight: 700;
    margin: 0 0 5px;
    font-size: 16px;
}

.monthlycasinowidget_new .mc2 {
    display: flex;
    align-content: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
}

.monthlycasinowidget_new .mc2 > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.monthlycasinowidget_new .stars {
    margin: 5px 0 0;
    transform: scale(0.8);
    transform-origin: center;
}

.monthlycasinowidget_new a.button {
    min-height: 45px;
    max-width: 250px;
    display: grid;
    align-items: center;
    line-height: 1.1;
    padding: 5px;
}

.monthlycasinowidget_new a.button:hover {
    text-decoration: none;
}

.hplistnews_new img {
    width: 100%;
    height: auto;
    display: block;
    margin: -15px 0 0;
    aspect-ratio: 380 / 148;
}

.hplistnews_new a {
    text-decoration: none;
}

.hplistnews_new a:hover {
    text-decoration: underline;
}

.hplistnews_new .first {
    display: flex;
    margin: 0 0 10px;
    flex-direction: column;
}

div#maindiv .hplistnews_new a.ln0 {
    font-size: 16px;
    color: inherit;
    font-weight: 600;
    margin: 10px 0 5px;
}

.hplistnews_new .second {
    display: flex;
    flex-direction: column;
}

.hplistnews_new .first > span, .hplistnews_new .second > span {
    font-size: 1em;
}

.hplistnews_new .ln1 {
    display: grid;
}

.hplistnews_new .ln1 > div {
    grid-area: 1/1/2/2;
    background: #fff;
}

.hplistnews_new .ln1 > div:nth-child(n+2) {
    opacity: 0;
    z-index: -1;
}

.hplistnews_new > div > div.blocknav {
    display: flex;
    height: 45px;
}

.awebersignupform_new img {
    display: block;
    margin: 0 auto 20px;
}

.awebersignupform_new input[type="text"] {
    width: 100%;
    margin: 15px 0 0;
}

.awebersignupform_new #newslettersubmit {
    margin: 15px 0 0;
    height: 45px;
    line-height: 45px;
    max-width: 250px;
}

.awebersignupform_new .aw1 {
    text-align: center;
}

.hpslot_new {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 25px;
}

.hpslot_new > div {
    background: #fff;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 20px;
}

.hpslot_new > div > a {
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 0;
    text-decoration: none;
}

.hpslot_new > div > a:hover {
    text-decoration: underline;
}

.hpslot_new > div > a img {
    margin: 0 0 10px;
}

.hpmainarticle_new {
    border-radius: 5px;
    background: #fff;
    padding: 25px 25px 1px 25px;
    margin: 0 0 25px;
}

.hpmainarticle_new:has(.author-byline-container:not(.single-author)) h1,
.article-title:has(.author-byline-container:not(.single-author)) h1{
    margin-bottom: 10px;
}

.hpmainarticle_new + div.topnew {
    margin-top: -15px;
}

.intro_text_new {
    padding: 25px;
}

.intro_text_new h1 {
    border-bottom: none;
    text-align: center;
}

.tops__base-container {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.tops__container {
    position: relative;
    padding: 20px;
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    background-color: #fff;
}

.tops__container.socialproof::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: 15px;
    background: transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.tops__container.socialproof::after {
    width: 128px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: -5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
}

.tops__container.socialproof_tr::after {
    width: 87px;
}

.tops__container.socialproof_sp::after {
    width: 92px;
}

.tops__container.socialproof_pc::after {
    width: 124px;
}

.tops__container.socialproof_tr::before {
    border-top: 5px solid #427E1B;
    border-right: 5px solid #427E1B;
}

.tops__container.socialproof_sp::before {
    border-top: 5px solid #A36700;
    border-right: 5px solid #A36700;
}

.tops__container.socialproof_pc::before {
    border-top: 5px solid #2470A2;
    border-right: 5px solid #2470A2;
}


.tops__base-row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tops__base-row {
    -ms-flex-align: center;
    align-items: center;
}

.tops__row_brand {
    align-items: start !important;
}

.tops__flex {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.divider {
    -ms-flex: 0 0 1px;
    flex: 0 0 1px;
    max-width: 1px;
    background-color: #C3C3C3;
    height: 60px;
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: none;
    align-self: center;
}

.tops__img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.tops__item {
    contain: content;
}

.tops__item.socialproof {
    contain: layout style;
}

.tops__bg_rank {
    background-color: #F5F5F5
}

.tops__shadow {
    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075) !important;
}

.fw-bolder {
    font-weight: bolder;
}

.newblack {
    color: #262625;
}

.err404 img.logo-404 {
    width: 200px;
    margin: 0 0 20px;
    padding: 5px;
    border-radius: 5px;
    background: var(--primary-color);
}

.tops__biggest_bonus_title,
.tops__biggest_bonus,
.tops__more_bonus {
    display: none;
}

.tops__casino_name {
    font-size: 16px;
    text-align: center;
    margin-top: 0.25em;
}

.tops__casino_name a {
    text-decoration: none;
}

.tops__rank_text {
    font-size: 20px;
}

.tops__biggest_bonus_title {
    font-size: 16px;
}

.tops__biggest_bonus {
    font-size: 16px;
    line-height: 1;
}

.tops__more_bonus {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.tops__first_deposit_title {
    font-size: 16px;
}

.tops__first_deposit {
    font-size: 16px;
    margin-bottom: 10px;
}

.tops__bonus_percent_title {
    font-size: 16px;
}

.tops__bonus_percent {
    font-size: 16px;
    margin-top: 0;
}

.tops__badge_exclusive {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #E31E24;
    padding: 0.25em 0.75em;
    border-radius: 0.35em;
    font-weight: 400;
    margin-top: 0.35em;
}

.tops__rank_text_mobile {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22px solid #dadada;
    border-right: 22px solid #dadada;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
    background: transparent;
    align-self: stretch;
    max-width: 50px;
    display: grid;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    z-index: 1;
}

.tops__rank_text_mobile span {
    margin: -20px -20px 0 0;
    font-size: 16px;
    text-align: center;
}

.tops__play_button {
    width: 95%;
    display: block;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.tops__rank {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
}

.tops__casino_section {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;

    padding: 0;
    background-color: #fff
}

.tops__rank {
    padding: 0;
    display: none;
}

.container-rank {
    text-align: center;
    justify-content: center;
    display: grid;
}

.tops__flex_img, .tops__flex_brand {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.tops__img_section {
    text-align: center;
}

.tops__flex_bonus {
    order: 13;
}

.tops__flex_bonus,
.tops__flex_bonus_fd,
.tops__flex-play_button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.bonus-no-deposit .tops__flex_bonus_match,
.bonus-free-spins .tops__flex_bonus_match {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}


.tops__flex-play_button {
    margin-top: 1em
}

.tops__bonus, .tops__bonus_fd, .tops__bonus_match {
    text-align: left
}

.tops__flex_bonus_match {
    order: 6;
}

.tops__flex_bonus_fd {
    order: 4;
}

.bonus-no-deposit .tops__flex_bonus_match,
.bonus-free-spins .tops__flex_bonus_match {
    order: 4;
}

.bonuslanding .tops__flex_bonus_match,
.bonus-welcome .tops__flex_bonus_match {
    margin-top: 0.5em;
}

.bonus-no-deposit .tops__flex_bonus_fd,
.bonus-free-spins .tops__flex_bonus_fd {
    margin-top: 0.5em;
    order: 6;
}

.bonus-no-deposit .tops__bonus_percent,
.bonus-free-spins .tops__bonus_percent {
    padding: 6px;
    text-align: center;
    border: 1px dashed #A8A8A8;
    margin-right: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #A8A8A8;
    height: 23px;
    text-transform: uppercase;
    display: grid;
    align-items: center;
    block-size: fit-content;
}

.tops__bonus_percent.no_code_required {
    font-size: 1em;
}


.tops__flex_img, .tops__flex_brand, .tops__flex-play_button {
    padding-right: 0;
    padding-left: 0;
}

.terms-text {
    margin-top: -15px;
    color: #D1D1D1;
    font-size: 1em;
}

.comments__more {
    display: none;
}

.author-box {
    background-color: #FFFFFF !important;
    padding: 1.5em;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.author-box__container {
    display: grid;
    grid-template-areas: "image name" "image comment";
    row-gap: 10px;
    column-gap: 17px;
}

.author-box__name {
    grid-area: name;
    font-size: 20px;
    padding-bottom: unset;
}

.author-box__name a {
    color: unset;
    text-decoration: none;
}

.author-box__image {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.author-box__comment {
    grid-area: comment;
    letter-spacing: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.author-box__container a:first-of-type {
    grid-area: image;
}


ul {
    list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

:focus {
    outline: 0;
}

.stick-menu-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.main-menu .the-menu li {
    display: block;
    background: inherit;
    font-size: 16px;
    float: left;
}


.author-box-content {
    background: #fff;
    margin: 15px;
    width: 70%;
}

.author-box-content-full {
    background: #fff;
    margin: 15px 0 0;
    width: 100%;
}

.author-box-container a {
    text-decoration: none;
}

.author-box-img {
    width: 100px;
    opacity: 1;
}

.author-box-name {
    display: flex;
    align-items: center;
    text-align: left;
}

.author-box-name a {
    font-family: system-ui, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.author-box-comment p {
    font-family: system-ui, sans-serif;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.author-box-container.expand .author-box-comment p{
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
}

a.author-box-social {
    margin: 0 0 0 8.5px;
}

.author-box-social img {
    width: 20px !important;
    height: 20px !important;
}
.container-ath {
    padding: 0;
    align-self: flex-start;
}
.container-ath img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.container-ath a {
    padding: 30px 0 30px 30px;
}

.author-box-container {
    display: inline-block;
    margin: 15px 0;
    background-color: white;
    position: relative;
    width: 100%;
    border-radius: 5px;
}

.author-name-comment {
    text-align: left;
    font: normal normal normal 14px/16px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-left: 17px;
    height: 100%;
}

.container-att {
    width: calc(100% - 120px);
    margin: 30px 0;
}

.main-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 100%;
    width: 100%;
    min-height: 110px;
    border-radius: 5px;
}

#show-more-ath-arrow {
    width: 26px;
    height: 26px;
    background-color: #88BA47;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.svg-container #show-more-ath-arrow svg:first-child{
    height: 10px;
    margin-top: 2px;
}
.svg-container #show-more-ath-arrow svg:last-child{
    display: none;
}

.author-box-container.expand .svg-container #show-more-ath-arrow{
    background-color: #EC6E69;
}
.author-box-container.expand .svg-container #show-more-ath-arrow > svg:first-child{
    display: none;
}
.author-box-container.expand .svg-container #show-more-ath-arrow > svg:last-child{
    display: block;
}

#contactpage-form .input {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    padding-top: 1.5em;
    margin-top: 1.5em;
}

#contactpage-form .input-label {
    color: #EEEEEE;
    position: absolute;
    top: 1.5em;
    transition: 0.25s ease;
    padding: 0 0 1em 0;
}

#contactpage-form .input-field {
    border: 0;
    z-index: 1;
    background-color: transparent;
    border-bottom: 1.5px solid #EEEEEE;
    font: inherit;
    font-size: 1rem;
    padding: 1em 0 0.5em 0;
}

#contactpage-form .input-field:focus,
#contactpage-form .input-field:valid {
    outline: 0;
    border-bottom-color: #EEEEEE;
}

#contactpage-form .input-field:focus + .input-label,
#contactpage-form .input-field:valid + .input-label {
    font-weight: bold;
    font-size: 1rem;
    color: black;
    transform: translateY(-1.5rem);
}

.name-address {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

.action {
    margin: 1em 0 0 0;
    width: 100%;
    position: relative;
    display: flex;
}

.action-button {
    font: inherit;
    font-size: 1em;
    padding: 1em;
    width: 25%;
    font-weight: 500;
    background-color: #237BB3;
    border-radius: 6px;
    color: #FFFFFF;
    border: 0;
    cursor: pointer;
}

/* Tooltip text */
.errorMessage {
    position: absolute;
    margin: 1% 0 0 -50%;
    width: 70%;
    background-color: #FFEFF2;
    border: 1px solid #E31E24;
    color: #000000;
    padding: 0.9em 0 0.9em 1em;
    border-radius: 5px;
    white-space: nowrap;
    font-size: small;

    /* Position the tooltip text */
    z-index: 100;
    left: 50%;
    top: 100%;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.errorMessage::after {
    content: "";
    position: absolute;
    bottom: 100%;
    margin: 0 0 0 -80%;
    border-width: 0.5em;
    border-style: solid;
    border-color: transparent transparent #E31E24 transparent;
}

.errorMessage {
    visibility: visible;
    opacity: 1;
}

.hide {
    display: none;
}

.mySlides {
    text-align: center;
    position: relative;
}

.mySlides > span {
    position: absolute;
    background: transparent;
    height: 100%;
    width: 100%;
}

.mySlides img {
    vertical-align: middle;
    width: 228.98px;
    height: 180.89px;
    margin: 0;
}

/* Slideshow container */
.review-slideshow-container {
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.review-slideshow-container::-webkit-scrollbar {
    display: none;
}

.slide-wrapper {
    position: relative;
}

.slide-wrapper.right-gradient::after,
.slide-wrapper.left-gradient::before {
    content: '';
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0;
}

.slide-wrapper.right-gradient::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.slide-wrapper.left-gradient::before {
    left: 0;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.slideshow-images {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.tops__bonus_percent-x2973 {
    font-size: 14px !important;
    line-height: 18px;
}

.tops__flex_bonus {
    margin: auto;
}

.tops__flex_bonus div.stars {
    margin: 0 auto;
}


.exclusif {
    font-size: 11px;
    padding: 0 5px;
    background: #E31E24;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 3px;
    text-transform: uppercase;
}

.header .header-tops {
    float: right;
    display: inline-flex;
    margin-right: 12px;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
}

.alert-trigger {
    background: transparent;
    color: white;
    border: none;
    padding-right: 25px;
    font-size: 20px;
    cursor: pointer;
    text-align: right;
    position: relative;
    margin-top: 19px;
}

.alert-trigger img {
    background: transparent;
    width: 30px;
    height: 30px;
}

.label {
    background-color: #F44336;
    border-radius: 50%;
    padding: 0 4px;
    position: absolute;
    left: 43px;
    text-align: center;
    font: normal normal bold 12px/14px Arial;
    color: #FFFFFF;
    opacity: 1;
}

.alert-display {
    right: 100px;
    position: absolute;
    top: 88px;
    width: 100%;
    display: none;
    color: #000000;
    opacity: 1;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: row;
}

.dropdown {
    position: absolute;
    width: 500px;
    text-align: left;
    background: #E4E4E4 0 0 no-repeat padding-box;
    box-shadow: 0 3px 8px #00000066;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    padding: 2px;
    z-index: 2000;
    display: flex;
    flex-direction: column;
}

.alert-dismiss {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #E4E4E4;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    align-self: end;
}

@media (min-width: 992px) {
    .alert-dismiss {
        position: absolute;
        right: -30px;
    }
}

.alert-dismiss:before,
.alert-dismiss:after {
    content: "";
    position: absolute;
    width: 5px;
    background-color: #E4E4E4;
}

.alert-dismiss:before {
    transform: rotate(45deg);
}

.alert-dismiss:after {
    transform: rotate(-45deg);
}

.dropdown-list {
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 3px;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    padding: 10px;
}

.dropdown-tc {
    font: normal normal normal 10px/11px Arial;
    padding-left: 10px;
    margin: 2px 0;
    opacity: 1;
}

.dropdown-tc a {
    color: #25A0ED;
}

.dropdown-list .thumb {
    width: 15%;
    position: relative;
    text-align: center;
    min-width: 65px;
    max-width: 65px;
    margin-right: 10px;
}

.dropdown-list .thumb img {
    width: 65px;
    border-radius: 50%;
    display: inline-block;
}

.dropdown-list .name {
    width: 60%;
    display: inline-grid;
    align-items: start;
    margin-right: 10px;
}

.dropdown-list .name a {
    text-align: center;
    text-decoration: none;
    font: normal normal bold 16px/18px Arial;
    letter-spacing: 0;
    color: #262625;
    margin-right: 20px;
}

.dropdown-list .names-exclusifs {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.names {
    flex: 1;
    white-space: nowrap;
}

.exclusifs {
    flex: 1;
}

.dropdown-list .name a:hover {
    text-decoration: underline;
}

.dropdown-list .bon {
    display: grid;
    font: normal normal bold 23px/21px Arial;
    color: #25A0ED;
}

.dropdown-list .bon span {
    display: block;
}

.dropdown-list .nb0 span {
    font: normal normal normal 18px/21px Arial;
}

.dropdown-list .nb1, .dropdown-list .exclusif {
    border-radius: 5px;
    background: #E31E24;
    color: #FFFFFF;
    font: normal normal normal 10px 'noto-sans', noto-sans-fallback, sans-serif;
    padding: 1px 15px;
    text-transform: uppercase;
}

.dropdown-list .jou {
    width: 150px;
    margin-right: 15px;
}

.dropdown-list .jou a {
    max-width: 150px;
    display: block;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
}

.none {
    display: none;
}

.inline-flex {
    display: inline-flex;
}

.increase-padding-top {
    padding-top: 40px;
}

.decrease-padding-top {
    padding-top: 20px;
}

.caret {
    padding: 13px 5px 0 0;
    font-size: 0.625em;
}

.ash39 {
    margin-bottom: 39px !important;
}

.ash24 {
    margin-bottom: 24px !important;
}

.spanfooter {
    margin-top: 5px;
    text-align: center;
    margin-bottom: 2%;
}

.footer.caxon .disclaimer-div {
    margin: 0 7px 10px;
    padding: 0 3px;
}

.topnew .min_age {
    width: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.topnew .min_age_m {
    width: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tops__casinos_disclaimer {
    margin-bottom: 6px;
    margin-top: -25px;
    border-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0 !important;
    grid-template-columns: unset !important;
}

.tops__casinos_disclaimer > span {
    flex: 0 0 auto;
    max-width: 75%;
    font-size: 11px !important;
    line-height: 1.2;
    color: #bfbfbf;
    margin: 5px 0 5px 10px !important;
    padding: 0;
}

.topnew > .tops__item.has_term {
    border-bottom: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#footer {
    content-visibility: auto;
    contain-intrinsic-height: 350px;
}

.custom-caret {
    width: 13px !important;
    height: 26px !important;
    margin-top: 5px;
    margin-right: -6px;
}

.hpslot_images > img {
    width: 100% !important;
}

#fgtop {
    display: flex;
    justify-content: space-evenly;
    overflow: hidden;
}

#fgtop .cycler {
    position: relative;
    width: 350px;
    height: 255px;
    flex-shrink: 0;
    margin: 0 15px 0 0;
}

table.generalindex {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    border: none;
    display: block;
    padding: 20px;
    border-radius: 5px;
    background: #F0EFEF;
}

table.generalindex tr{
    display: block;
}

table.generalindex tr:first-child{
    padding-bottom: 20px;
}

table.generalindex tr:not(:first-child){
    border-top: 1px solid #C3C3C3;
    padding: 20px 0;
}

table.generalindex tr:last-child{
    padding-bottom: 0;
}

table.generalindex td {
    padding: 10px;
    font-size: 15px;
    line-height: 22px;
    vertical-align: top;
}

table.generalindex td.con {
    padding: 0 0 0 13px;
}

table.generalindex td.con div:not(.title, .desc) {
    margin: 0 0 0 15px;
    display: block;
    width: max-content;
}

table.generalindex td.con .desc{
    display: flex;
    align-items: center;
    min-height: 140px;
}

table.generalindex td.con a.vb1 span {
    background: #626262;
    padding-left: 10px;
    padding-right: 10px;
}

#siteid_pel table.generalindex td.con a.vb1 span {
    background: #939393;
}

table.generalindex td.nm {
    padding: 0;
    text-align: center;
    font-weight: 700;
}

table.generalindex td.nm a {
    text-decoration: none;
}

table.generalindex td.nm div:not(.title) {
    width: 120px;
    height: 120px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

table.generalindex td.nm div:not(.title) a {
    width: 100%;
    display: block;
    height: 100%;
}

table.generalindex .title {
    display: block;
    font-size: 16px;
    text-decoration: none;
    color: #0083C2;
    margin: 0 0 10px;
    line-height: 20px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
    font-weight: bold;
}

table.generalindex .title a{
    text-decoration: none;
    color: #0083C2;
}

.vb1 {
    text-decoration: none;
}

.vb1 span {
    display: block;
    padding: 10px 0;
    background: #ec5a5b;
    color: #f1f1f1;
    text-align: center;
    text-decoration: none;
    margin: 0 auto 5px;
    border-radius: 5px;
    width: 125px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-family: 'noto-sans', noto-sans-fallback, sans-serif;
}

.home-top-new > div.socialproof:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -11px;
    top: 15px;
    background: transparent;
    border-top: 5px solid #284515;
    border-right: 5px solid #284515;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.home-top-new > div.socialproof:after {
    width: 128px;
    height: 20px;
    position: absolute;
    left: -11px;
    top: -5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
}

.home-top-item {
    display: grid;
    grid-template-columns: 5% repeat(4, 1fr);
}

.number-top {
    grid-area: number-top;
}

.thumb-box {
    grid-area: thumb-box;
}

.casino-name {
    grid-area: casino-name;
}

.bons-box {
    grid-area: bons-box;
}

.top-item-btn {
    grid-area: top-item-btn;
}

.home-top-item {
    grid-template-areas: "number-top thumb-box casino-name bons-box top-item-btn";
}

.container-top {
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 70px 30px 0 30px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-top-inner {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.left-side {
    width: 33%;
    height: fit-content;
    padding-right: 50px;
    border-radius: 10px;
    color: white;
    margin: auto 0;
}

.right-side {
    width: 67%;
    height: fit-content;
    padding-left: 20px;
    border-radius: 10px;
}

.top-inner-section {
    display: flex;
    height: fit-content;
    max-width: 1300px;
}

.top-inner-section.reduce-margin-bottom {
    margin-bottom: 35px;
}

.author-info {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.author-info img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.author-name {
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}
.author-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.reviews-box {
    padding: 20px;
    border-radius: 10px;
}

.bottom-text-box {
    width: auto;
    max-width: 1260px;
    padding: 20px;
    background-color: white;
    color: black;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    white-space: normal;
    word-break: break-word;
    display: flex;
    flex-direction: column;
}

.bottom-text-box > h1 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.left-side > h1 {
    color: white;
    margin-bottom: 0;
}

.top-author-name > span {
    font-weight: 700;
    margin-right: 5px;
}

p.top-author-name {
    margin-bottom: 5px !important;
}

.top-author-name {
    color: white;
}

.number-top {
    background: rgba(240, 241, 245, 1);
    width: 31px;
    height: 60px;
    gap: 0px;
    border-radius: 0px 4px 4px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-top-item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);

    padding: 20px 0;
}

.number-top-span {
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
}

.home-top-item .thumb-box {
    width: 20%;
    position: relative;
    text-align: center;
    min-width: 140px;
    max-width: 200px;
}

.home-top-item .thumb-box img {
    width: 150px;
    height: 60px;
    display: inline-block;
}

.home-top-item > .top-item-btn > a {
    max-width: 170px;
    display: block;
    margin: 0 20px 0 auto;
    height: 50px;
    line-height: 50px;
}

.home-top-item > div {
    box-sizing: border-box;
    flex-grow: 1;
}

.home-top-item .top-item-btn {
    padding: 0 1%;
    min-width: 200px;
}

.home-top-item > .number-top {
    flex-grow: 0;
}

.home-top-item .casino-name {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-top-item .casino-name span,
.home-top-item .casino-name a {
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    color: #343A40;
    /*margin: 0 0 15px;*/
}

.casino-name-rating {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.bons-box {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    display: grid;
    justify-items: center;
    min-height: 80px;
    align-items: center;
    gap: 10px;
    width: 20%;
}

.bons-box-top {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.bons-box-top > span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    display: block;
}

.home-top-new {
    display: flex;
    margin: 0 0 25px 0;
    grid-gap: 25px;
    flex-direction: column;
}

.casino-name .stars {
    margin-top: 6px;
    margin-bottom: 10px;
    width: 90px;
    height: 17px;
    display: flex;
    background: #fff url(../img/commons/clf/home_stars_new.png) left bottom repeat-x;
}

.casino-name .stars_in {
    height: 100%;
    width: 100%;
    background: #fff url(../img/commons/clf/home_stars_new.png) left top repeat-x;
}

.left-side > h1 {
    padding-bottom: 30px;
}

.author-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
}

.author-details p {
    margin-bottom: 0;
}

.home-top-ml {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}

.home-top-ofb {
    color: black;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}

.casino-name > .stars {
    transform: unset;
}

.toggleBtn,
.bottom-text-box .toggleBtn > span{
    display: none;
}

@media only screen and (max-width: 1125px) {
    .toggleBtn {
        display: block;
    }

    .expandable-text.add-ellipsis {
        overflow: hidden;
        position: relative;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        max-height: 6em;
        margin-bottom: 5px;

    }

    .bottom-text-box .expandable-text.add-ellipsis {
        -webkit-line-clamp: 5;
        max-height: 12em;
    }

    .expandable-text.add-ellipsis.show-more {
        max-height: none !important;
        -webkit-line-clamp: unset !important;
    }
    .bottom-text-box:has(.expandable-text.add-ellipsis.show-more) {
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .expandable-text.add-ellipsis {
        -webkit-line-clamp: 3;
        max-height: 7em;
    }

    .bottom-text-box .expandable-text.add-ellipsis {
        -webkit-line-clamp: 13;
        max-height: 20em;
    }

    .widget_new div.blocknav {
        padding-top: 1rem;
    }
}

@media (max-width: 620px) {
    table.generalindex {
        margin-top: 20px;
        white-space: normal !important;
    }

    table.generalindex tr {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    table.generalindex td.con .desc{
        flex-direction: column;
    }

    table.generalindex .title {
        text-align: center;
    }

    table.generalindex .title a{
        margin-right: 0.7rem;
    }

    table.generalindex td.con div:not(.title, .desc){
        margin: 8px 5px 15px 0;
    }

    table.generalindex td.con a.vb1 span {
        width: 100% !important;
        margin: 10px 0 0;
        box-sizing: border-box;
    }

    table.generalindex td.con {
        padding-top: 10px;
    }
}
@media (min-width: 429px) {
    .bo_image_mobile {
        display: none !important;
    }
}

.mailing-list p > input {
    font-weight: bolder;
}

.filter__checkbox {
    max-width: unset !important;
    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
}

@keyframes shake {
    0%, 70%, 80%, 90%, 100% {
        transform: translateX(0) rotate(0deg);
    }

    10%, 30%, 50% {
        transform: translateX(-5px) rotate(-10deg);
    }

    20%, 40%, 60% {
        transform: translateX(5px) rotate(10deg);
    }
}

#bonus_alert_icon {
    animation: shake 2s infinite;
}

.sf_main_container {
    background-color: #247DB8;
    position: relative;
    content-visibility: auto;
    contain-intrinsic-height: 1036px;
}

@media(min-width: 589px) {
    .sf_main_container {
        contain-intrinsic-height: 430px;
    }
}

@media(min-width: 1025px) {
    .sf_main_container {
        contain-intrinsic-height: 632px;
    }
}

.sf_main_container::before {
    content: "";
    position: absolute;
    background-image: url('/img/commons/clf/background_desktop.svg');
    background-repeat: no-repeat;
    opacity: 0.1;
    width: 100%;
    height: 100%;
}
.sf_container {
    max-width: 90%;
    margin: 0 auto;
    padding: 102px 0 45px 0;
    display: flex;
    flex-direction: column;
    gap: 100px;
    position: relative;
}

.sf_row_1 {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.sf_footer_links {
    display: flex;
    flex-direction: row;
    color: #FFFFFF;
    justify-content: space-evenly;
}

.sf_footer_links ul {
    padding-top: 23px;
    line-height: 2;
}

.sf_footer_links ul li a {
    font-size: 16px;
    opacity: 1;
    text-decoration: none;
    color: #FFFFFF;
}

.sf_footer_links ul li a:hover {
    font-size: 16px;
    opacity: 1;
    text-decoration: underline;
    color: #FFFFFF;
}

.sf_links_header {
    font-size: 22px;
    opacity: 1;
    white-space: nowrap;
    font-weight: 500;
}

.sf_search {
    width: 350px;
    height: 45px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #4590C3;
    opacity: 1;
    display: flex;
    flex-direction: row;
    gap: 11px;
    justify-content: center;
    align-items: center;
}

.sf_search input {
    width: inherit;
    height: inherit;
    background: none;
    border: 0;
    color: #FFFFFF;
}

.sf_search input::Placeholder {
    color: #FFFFFF;
    font-size: 16px;
    opacity: 1;
}

.sf_search_lens {
    margin-left: 16px;
}

#footers {
    padding: unset;
    gap: 50px;
}

#footers a {
    margin: unset;
    display: unset;
}

.sf_row_3 {
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    opacity: 1;
}

.sf_row_3 a{
    text-decoration: none;
    color: #fff;
}

.sf_search_tablet {
    display: none;
}

.sf_column_1{
    width: 40%;
    padding-left: 2rem;
}

.sf_column_2{
    width: 57%;
}

.sf_column_1 > img {
    height: 100%;
    width: auto;
}

.author-image-wrapper {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.author-image-wrapper > img {
    border: solid 1px white;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.author-badge > img {
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -12px;
}

.topnew_title_bonus {
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    border-bottom: none;
    margin: 20px 0 0;
    padding: 0;
    line-height: 1.3em;
}

.articlelist div a.img img {
    width: 100%!important;
    height: 100%!important;
}

/*DESKTOP STYLES END HERE*/
/*TABLET STYLES START HERE*/

@media (max-width: 1376px) {
    .sf_container {
        padding: 102px 0 99px 0;
    }
}

@media only screen and (max-width: 1280px) {
    .action-button {
        width: 25%;
        font-size: 1em;
    }

    .errorMessage {
        margin: 1% 0 0 -50%;
        width: 80%;
        white-space: pre-wrap;
    }

    .errorMessage::after {
        margin: 0 0 0 -75%;
    }
}

@media (max-width: 1265px) {
    .sf_row_1, .sf_footer_links {
        gap: 150px;
    }
}

@media only screen and (max-width: 750px) {
    /* For mobile phones: */
    div#movetotop {
        bottom: 100px;
    }

}

@media only screen and (max-width: 660px) {
    .sf_column_1 {
        padding-left: inherit;
    }

}

@media (max-width: 767px) {
    .filters__flex_new_casino, .filters__flex_casino_live {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        margin-left: 5%;
    }

    .filters__flex_filter_payment {
        margin-top: 10px;
        margin-left: 16.666667%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

@media only screen and (max-width: 1125px) {
    .errorMessage::after {
        margin: 0 0 0 -85%;
    }author-text author-text-short
}

@media (max-width: 1073px) {
    .sf_row_1, .sf_footer_links {
        gap: 100px;
    }
}

@media only screen and (max-width: 1063px) {
    .action-button {
        width: 25%;
        font-size: 1em;
    }

    .errorMessage::after {
        margin: 0 0 0 -13%;
    }
}

@media only screen and (max-width: 1024px) {
    div#main1 {
        padding-bottom: 15px;
    }

    .errorMessage::after {
        margin: 0 0 0 -65%;
    }
}

@media (max-width: 1000px) {
    .sf_search_desktop {
        display: none;
    }

    .sf_search_tablet {
        display: block;
    }

    .sf_container {
        padding: 50px 0 71px 0;
        gap: 50px;
    }

    .sf_row_1 {
        align-items: normal;
    }

    #footers {
        gap: 36px;
    }

    .sf_search {
        width: 226px;
    }

    .sf_main_container::before {
        left: 0;
        background-image: url('/img/commons/clf/background_tablet.svg');
    }

    .sf_column_1 {
        display: flex;
        flex-direction: column;
    }

    .sf_column_1 img {
        width: 226px;
        height: auto;
        align-self: flex-start;
    }

    .sf_footer_links ul {
        line-height: 2;
    }

    .sf_column_3 {
        display: none;
    }
}

@media only screen and (max-width: 912px) {
    .errorMessage::after {
        margin: 0 0 0 -75%;
    }
}

@media only screen and (max-width: 884px) {
    .errorMessage::after {
        margin: 0 0 0 -75%;
    }
}

@media (max-width: 880px) {
    .sf_container {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 834px) {
    .errorMessage::after {
        margin: 0 0 0 -83%;
    }
}

@media only screen and (max-width: 820px) {
    .action-button {
        width: 30%;
        font-size: 1em;
    }
}

@media (max-width: 780px) {
    .sf_row_1, .sf_footer_links {
        gap: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .bottom-text-box > h1 {
        line-height: normal;
    }

    .home-top-item > .top-item-btn > a {
        margin: 0 auto;
        max-width: calc(100% - 40px);
    }

    .bons-box {
        min-height: fit-content;
    }

    .home-top-item {
        padding: 16px 0;
        height: 185px;
    }

    .home-top-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "thumb-box bons-box" "casino-name top-item-btn";
    }

    .number-top {
        display: none;
    }

    .thumb-box {
        border-right: #F0F1F5 solid 2px;
        height: 100%;
        grid-area: thumb-box;
    }

    .thumb-box > a {
        margin-left: auto;
        margin-right: auto;
    }

    .home-top-item .thumb-box {
        max-width: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .home-top-item .casino-name {
        width: 100%;
    }

    .casino-name {
        border-right: #F0F1F5 solid 2px;
        grid-area: casino-name;
        height: 100%;
    }

    .bons-box {
        grid-area: bons-box;
        width: 100%;
    }

    .top-item-btn {
        grid-area: top-item-btn;
    }

    .home-top-item .top-item-btn {
        padding: 0 10px;
        min-width: 100%;
        width: 100%;
    }

    .home-top-item {
        grid-gap: 0;
    }

    .errorMessage::after {
        margin: 0 0 0 -90%;
    }
}

@media only screen and (max-width: 712px) {
    div#main1 {
        padding-bottom: 15px;
    }

    .action-button {
        width: 40%;
        font-size: 1em;
    }

    .errorMessage {
        margin: 2% 0 0 -50%;
        width: 97%;
        white-space: pre-wrap;
    }

    .errorMessage::after {
        margin: 0 0 0 -80%;
    }
}


@media only screen and (max-width: 640px) {
    .errorMessage::after {
        margin: 0 0 0 -90%;
    }

    .sf_row_1, .sf_footer_links {
        gap: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .errorMessage::after {
        margin: 0 0 0 -15%;
    }

    .home-top-item > .top-item-btn > a {
        max-width: calc(100% - 15px);
    }
}

@media (max-width: 1024px) {
    .main-sidebar #tcasinor {
        height: auto;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .sf_row_3 {
        line-height: 22px;
    }

    .sf_row_3_text {
        white-space: nowrap;
    }

    #main2 {
        padding: 0 !important;
    }

    #tcasinor .topcasinoright {
        border: 0 !important;
    }

    #tcasinor .topcasinoright tbody {
        width: 100% !important;
    }

    #tcasinor .topcasinoright .td-casino {
        flex-direction: column;
        border: 0 solid #fff !important;
        width: auto;
        background: #fff;
    }

    #tcasinor .topcasinoright .td-bonus {
        margin-top: 10px;
        flex-direction: column;
        justify-content: center;
        max-width: none !important;
        border: 0 solid #fff !important;
        width: auto;
        background: #f0f0f0;
        padding: 20px 0;
    }

    #tcasinor .topcasinoright tbody tr td a img {
        width: 120px !important;
        height: 120px !important;
    }

    #tcasinor .topcasinoright tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        border: 1px solid #c8c8c8;
    }

    .topcasinoright .td-bonus ul {
        max-width: 150px;
    }
}

@media (max-width: 991px) {
    .filter__dropdown .filter__option .filter__name {
        display: flex;
    }

    .filter__dropdown .filter__option:not(:last-child) {
        border-bottom: 1px solid #d3d3d3;
    }

    .filter__dropdown .filter__option {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .filter__swipe .filter-options__container {
        display: inline-flex;
    }

    .filter__swipe.filter__container {
        overflow-x: scroll;
        scrollbar-width: none;
        width: 110%;
        margin-left: -15px;
    }

    .filter__swipe.filter__container::-webkit-scrollbar {
        display: none;
    }

    .filter__swipe .filter__option:first-child {
        margin-left: 15px;
    }

    .filter__swipe .filter__option:last-child {
        margin-right: 15px;
    }

    .filters__flex {
        -ms-flex: 0 0 45%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filters__flex_payment {
        margin: 10px auto 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .filters__form-check {
        justify-content: space-between;
    }

    .filters__base_row {
        margin-right: 0;
        margin-left: 0;
    }

    .filter__checkbox {
        padding: 15px;
    }

    .filter__checkbox label {
        padding: 10px 0 10px 0;
        width: 100%;
    }

    .tops__bonus_percent-x2973 {
        font-size: 14px !important;
        line-height: 18px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .x2973-tops-item {
        display: grid !important;
        padding: 15px !important;
    }

    .x2973-tops-item .name {
        align-items: center !important;
        padding: 15px !important;
    }

}

@media (max-width: 1125px) {
    .casino-name-rating {
        font-size: 30px;
    }

    .top-inner-section {
        display: block;
    }

    .top-inner-section.reduce-margin-bottom,
    .top-inner-section.reduce-margin-bottom .right-side{
        margin-bottom: 0;
    }

    .left-side, .right-side {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 0;
    }

    .left-side {
        margin-bottom: 0;
    }

    .dropdown {
        position: relative;
        right: -100px;
        width: fit-content;
    }

    .alert-trigger {
        padding-right: 0;
    }

    div.dropdown-tc:last-child {
        margin-bottom: 25px;
    }

    .dropdown-list .name a {
        margin-right: 0;
        font: normal normal bolder 13px/15px Arial;
    }

    .dropdown-list .nb0 span {
        font: normal normal normal 13px/15px Arial;
    }

    div.dropdown-list .bon {
        font: normal normal bold 18px/15px Arial;
    }

    .dropdown-list .jou {
        margin-right: unset;
    }

    .filters select {
        width: fit-content;
    }
}

@media (max-width: 768px) {
    .topnew .min_age {
        display: none !important;
    }
}


@media (min-width: 992px) {
    .filters__flex_new_casino, .filters__flex_casino_live, .filters__flex_filter_payment {
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: 16%;
    }

    .filter__option:not(.filter_checkbox):not(.filters__form-select) {
        cursor: pointer;
    }

    .filters__flex, .filters__flex_payment {
        -ms-flex: 0 0 auto;
        flex: 0 0 max-content;
        max-width: max-content;
    }

    .filters__flex {
        margin-right: 20px;
    }

    .tops__casino_container {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .tops__welcome_bonus_page.socialproof .tops__flex_img {
        margin-top: 12px;
    }

    .tops__bonus_percent_title {
        line-height: 2;
    }

    .tops__bonus_percent {
        line-height: 2;
    }

    .tops__first_deposit {
        line-height: 2;
    }

    .tops__biggest_bonus {
        line-height: 1.5;
    }

    .tops__more_bonus {
        line-height: 1.5;
    }

    .bonus-no-deposit .tops__flex_bonus_fd,
    .bonus-free-spins .tops__flex_bonus_fd {

        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

}

@media only screen and (min-width: 1000px) {

    .custom-button {
        font-size: 16px;
        padding: 8px 45px;
        min-width: 210px;
    }

    .custom-button__container a:first-of-type {
        margin-right: 8px;
    }

    .hero {
        background: transparent linear-gradient(80deg, #2784ba 0, var(--heroColor) 100%) 0 0 no-repeat padding-box;
        padding: 40px 0 40px 105px;
        grid-template-areas: "brand-bonus__container logo" "cta_button logo";
        row-gap: 10px;
    }

    .brand-bonus__container {
        justify-self: baseline;
    }

    .brand__name {
        text-align: left;
        margin: 0;
    }

    .bonus__amount {
        font-size: 40px !important;
        text-align: left;
    }

    .bonus__amount > span {
        content: " ";
        white-space: unset;
    }

    .logo {
        width: 330px;
        height: 132px;
    }

    .cta__button {
        width: 350px;
        height: 50px;
    }
}

@media (min-width: 1000px) {
    .author-box__container {
        row-gap: 21.5px;
        column-gap: 22px;
        padding: 10px 15px;
    }
}

@media only screen and (min-width: 800px) {
    .custom-button__container {
        justify-content: revert;
        margin-bottom: 15px;
    }

    .custom-button {
        width: unset;
        min-width: 175px;
    }

    .custom-button__container a {
        width: unset;

    }
}

@media (min-width: 760px) {
    .stick-menu__container {
        display: none;
    }

    .stick-menu-bottom {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    /*Tablet*/
    .hero {
        background: transparent linear-gradient(75deg, #2784ba 0, var(--heroColor) 100%) 0 0 no-repeat padding-box;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        grid-template-areas: "brand-bonus__container logo" "cta_button cta_button";
        row-gap: 10px;
    }

    .brand-info__container {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        margin: 20px 0;
    }

    .brand__name {
        font-size: 20px !important;
        margin: 0 0 10px 0;
    }

    .bonus__amount {
        font-size: 35px !important;
        margin: 0;
        width: max-content;
    }

    .bonus__amount > span {
        content: "\a";
        white-space: pre;
    }

    .logo {
        width: 260px;
        height: 104px;
    }

    .logo__container {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .filters__homepage label {
        font-size: 16px;
        margin-right: 15px;
    }

    .filters__flex_new_casino, .filters__flex_casino_live, .filters__flex_filter_payment {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .filters__form-check {
        justify-content: left;
    }

    .bonus-no-deposit .tops__bonus_percent,
    .bonus-free-spins .tops__bonus_percent {
        font-size: 16px;
    }

    .tops__bonus_percent.no_code_required {
        font-size: 1em;
    }

    .bonus-no-deposit .tops__flex_bonus_fd,
    .bonus-free-spins .tops__flex_bonus_fd {
        padding-right: 10px;
        padding-left: 10px;
    }


    .bonuslanding .tops__flex_bonus_match,
    .bonus-welcome .tops__flex_bonus_match {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .bonus-no-deposit .tops__flex_bonus_match,
    .bonus-free-spins .tops__flex_bonus_match {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .tops__flex_bonus_fd {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .tops__flex_bonus {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .bonus-no-deposit .tops__flex_bonus_fd,
    .bonus-free-spins .tops__flex_bonus_fd {

        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .bonus-no-deposit .tops__flex_bonus,
    .bonus-free-spins .tops__flex_bonus {

        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .tops__flex_brand {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .bonus-no-deposit .tops__bonus_percent,
    .bonus-free-spins .tops__bonus_percent {
        margin-right: 0;
    }

    .tops__img {
        width: 80px;
        height: 80px;
    }

    .tops__biggest_bonus_title, .tops__biggest_bonus, .tops__more_bonus {
        display: block;
    }

    .tops__container {
        padding: unset;
    }

    .tops__first_deposit {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .tops__first_deposit_title {
        font-size: 16px;
        line-height: 2;
    }

    .tops__biggest_bonus_title {
        line-height: 2;
    }

    .tops__bonus_percent_title {
        font-size: 16px;
        line-height: 1.5;
    }

    .tops__bonus_percent {
        font-size: 16px;
        line-height: 1.5;
    }

    .tops__rank_text_mobile {
        display: none;
    }

    .tops__rank {
        display: block;
    }

    .tops__container {
        margin-right: 1em;
        margin-left: 1em;
    }

    .tops__casino_container {
        padding-top: 1.5em;
        padding-bottom: 0.5em;
    }

    .tops__flex_img, .tops__flex-play_button {
        -ms-flex: 0 0 14.666667%;
        flex: 0 0 14.666667%;
        max-width: 14.666667%;
    }

    .tops__flex_img {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .divider {
        display: block;
    }

    .tops__bonus, .tops__bonus_fd, .tops__bonus_match {
        text-align: center;
    }

    .tops__flex_bonus_match {
        margin-top: 0;
    }

    .tops__flex-play_button {
        margin-top: 0
    }

    .tops__play_button {
        max-width: 170px;
    }

    .tops__flex_img, .tops__flex_brand, .tops__flex-play_button {
        padding-right: 15px;
        padding-left: 15px;
    }

    .tops__welcome_bonus_page .tops__base-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }


    .tops__container.socialproof::before {
        left: -23px;
    }

    .tops__container.socialproof::after {
        left: -23px;
    }

    .bonus-no-deposit .tops__flex_bonus_match,
    .bonus-free-spins .tops__flex_bonus_match {
        order: 6;
    }

    .bonus-no-deposit .tops__flex_bonus_fd,
    .bonus-free-spins .tops__flex_bonus_fd {
        margin-top: 0.5em;
        order: 4;
    }

    .tops__flex_bonus {
        order: 2;
    }

    .bonuslanding .tops__flex_bonus_match,
    .bonus-welcome .tops__flex_bonus_match {
        margin-top: 0 !important;
    }

    .bonus-no-deposit .tops__flex_bonus_fd,
    .bonus-free-spins .tops__flex_bonus_fd {
        margin-top: 0 !important;
    }

    .tops__play_button {
        width: 100%;
    }

    .filter__checkbox label {
        font-size: 16px;
        margin-right: 15px;
    }

    .filters__flex, .filters__flex_payment {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .filters__form-check {
        justify-content: left;
    }

    .filters__flex_payment {
        margin-right: 20px;
    }

    .topnew .min_age_m {
        display: none !important;
    }
}

/*TABLET STYLE END HERE*/
/*MOBILE STYLE STARTS HERE*/
@media (max-width: 420px) {
    .hero__container {
        height: 250px;
    }

    .hero {
        height: 190px;
    }

    .brand-bonus__container {
        height: 62px;
    }

    .logo__container {
        height: 72px;
    }
}

@media (max-width: 460px) {
    .outter-grey {
        padding: 15px 0 15px 0;
    }
    .container-att {
        margin: 22px 0;
    }
    .author-box-container {
        display: block;
        margin: 4% 0 0 0;
        text-align: center;
    }

    .container-ath a {
        padding: 30px 0 30px 22px;
    }

    .author-name-comment {
        text-align: center;
        letter-spacing: 0;
        line-height: 1.5em;
        opacity: 1;

    }

    .author-box-comment p {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .svg-container {
        margin-left: 0.6rem;
    }
}

@media only screen and (max-width: 540px) {
    .errorMessage::after {
        margin: 0 0 0 -15%;
    }
}

@media only screen and (max-width: 480px) {
    .name-address {
        display: block;
    }

    .action-button {
        width: 50%;
        font-size: 1em;
    }

    .errorMessage {
        margin: 2% 0 0 -50%;
        width: 95%;
        white-space: pre-wrap;
    }

    .errorMessage::after {
        margin: 0 0 0 -33%;
    }
}

@media only screen and (max-width: 428px) {
    .errorMessage {
        margin: 2% 0 0 -50%;
        width: 95%;
        white-space: pre-wrap;
    }

    .errorMessage::after {
        margin: 0 0 0 -50%;
    }
}

@media only screen and (max-width: 414px) {
    .errorMessage::after {
        margin: 0 0 0 -55%;
    }
}

@media only screen and (max-width: 393px) {
    .action-button {
        width: 50%;
        font-size: 0.98em;
    }

    .errorMessage::after {
        margin: 0 0 0 -65%;
    }
}

@media only screen and (max-width: 375px) {
    .errorMessage::after {
        margin: 0 0 0 -70%;
    }
}

@media only screen and (max-width: 360px) {
    div#main1 {
        padding-bottom: 15px;
    }

    .action-button {
        width: 55%;
        font-size: 1em;
    }

    .errorMessage::after {
        margin: 0 0 0 -20%;
    }
}

@media only screen and (max-width: 320px) {
    .action-button {
        font-size: 0.84em;
    }

    .errorMessage::after {
        margin: 0 0 0 -28%;
    }
}

@media (max-width: 430px) {
    .main-sidebar #tcasinor {
        height: auto;
        margin-bottom: 15px;
    }

    .prev, .next {
        margin-left: 10px;
        margin-right: 10px
    }

    #fgtop-desktop {
        display: none;
    }

    .slotreviewhighlight a.button {
        margin-top: unset;
        margin-bottom: 20px;
    }
}

@media (max-width: 475px) {
    .filters select {
        margin-left: -10px;
    }
}

@media (max-width: 428px) {
    .filters select {
        margin-left: -20px;
    }
}

@media (max-width: 414px) {
    .header .header-addons {
        margin-right: unset !important;
    }

    .header .header-tops {
        margin-right: 15px !important;
    }

    .dropdown {
        top: -19px;
        width: 100%;
    }

    .alert-trigger {
        margin-top: 5px;
    }

    .filters select {
        margin-left: -30px;
    }
}

@media (max-width: 360px) {
    .filters select {
        margin-left: -40px;
    }
}

@media (max-width: 345px) {
    .header .header-addons {
        margin-right: unset !important;
    }

    .header .header-tops {
        margin-right: 15px !important;
    }

    .filters select {
        margin-left: -45px;
    }
}

@media (max-width: 320px) {
    .filters select {
        margin-left: -50px;
    }
}

@media (max-width: 428px) {
    .bo_image_desktop {
        display: none !important;
    }
}

@media (min-width: 460px) {
    .stick-menu__container ul li a {
        font-size: 16px;
    }
}

@media (min-width: 431px) {
    #fgtop-mobile {
        display: none;
    }

    .prev, .next {
        display: block !important;
    }

    .prev:hover, .next:hover {
        background-color: rgb(70,130,180);
    }
}

@media (min-width: 650px) {
    .author-box__container {
        row-gap: 17.5px;
        column-gap: 35px;
        padding: 10px 15px;
    }
}

@media (max-width: 1366px) {
    .main-menu .the-menu {
        justify-content: center;
    }
}

@media only screen and (max-width: 1353px) {
    .hpgame li:nth-child(n+7) {
        display: none;
    }

    .hpgame {
        max-width: 820px;
    }
}

@media only screen and (max-width: 1232px) {

    .hp_widgets_new_4 {
        grid-template-columns: 1fr 1fr;
    }

    td.logicel, th.logicel {
        display: none;
    }

    .main-menu .the-menu {
        display: flex;
        justify-content: space-around;
    }

    .main-menu .the-menu li a {
        padding: 14px 5px;
    }

    .main-menu .the-menu li {
        font-size: 16px;
    }

    .secondary-menu {
        display: none;
    }

    #phheader {
        height: 164px;
    }

    .secondary-menu ul li a {
        padding: 13px 5px;
    }

    .secondary-menu ul li {
        font-size: 1em;
    }

    .hpfirsttext {
        width: 100% !important;
        height: auto !important;
    }

    .content .wrapper {
        padding: 0;
        border: none;
    }

    .active.boxed {
        max-width: 100%;
    }

    .boxed {
        min-width: 320px !important;
    }

    .wrapper {
        width: 100%;
    }

    .casinootm > div {
        margin: 0;
        text-align: center;
    }

    .adsoc {
        margin: 0 0 5px;
        float: none;
    }

    .smb img {
        max-width: 100%;
    }

    .fnew {
        width: auto;
        margin: 0 3px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .fnew {
        background-size: cover;
    }

    .mailing-list .academy {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1125px) {
    .hpmainarticle h1 {
        padding: 0;
        margin: 7px 0 10px;
        font-size: 2em;
        line-height: 28px;
    }

    #wagertablenew th {
        font-weight: 600;
        font-size: 18px;
    }

    #breadcrumb {
        margin: 0 0 12px 0;
    }

    .cas-detail span.tt {
        text-align: left;
    }

    .desktop-submenu-link > a::after {
        border: none;
        margin-left: 0;
    }

    .content {
        margin: 0;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header > .wrapper {
        padding: 10px 0;
        text-align: center;
        position: relative;
    }

    .menu-active .boxed {
        margin-left: 0;
    }

    .mobile-nav {
        display: block;
    }

    .mobile-nav.active {
        left: 0;
    }

    .menu-btn {
        display: block;
        position: absolute;
        top: 25px;
        margin: 0;
        left: 25px;
    }

    .mobile-nav-list.submenu-active > li {
        transform: translate3d(-100%, 0, 0);
    }

    .submenu.show {
        display: block;
    }

    h2 {
        font-size: 1.3em;
        line-height: 19px;
    }

    h3 {
        font-size: 1.1em;
    }

    body, div, p, a, table, td {
        letter-spacing: .015em;
    }

    body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.menu-active {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .menu-active .boxed {
        margin-left: 50%;
        overflow: hidden;
    }

    .boxed {
        z-index: 2;
        position: relative;
        width: 100%;
        transition: margin 0.2s;
        height: 100%;
    }

    .header .header-menu {
        width: 100%;
        margin: 30px 0 0 0;
        clear: both;
        float: none;
        display: block;
    }

    .header .header-addons .header-search {
        display: none;
    }

    .header .header-addons > div {
        display: inline-block !important;
        text-align: left;
    }

    .header .header-logo {
        margin-left: 65px;
        float: none;
    }

    .secondary-menu,
    .main-menu {
        display: none;
    }

    .wrapper {
        width: 100%;
    }

    .main-sidebar {
        width: 100%;
    }

    .widget {
        text-align: center;
    }

    #phheader {
        height: 85px;
    }

    .casinootm a.button {
        padding: 0 30px;
    }

    #top10 {
        width: 100%;
    }

    #top10 .td-num {
        font-size: 38px;
    }

    #top10 .vb {
        margin-right: 5px;
    }

    #top10 img {
        margin: 10px 5px;
    }

    .casinootm > div {
        margin-bottom: 0 !important;
    }

    #wagertablenew .button {
        min-width: 118px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1065px) {
    .new-casinos > a {
        width: 30%;
    }
}

@media only screen and (max-width: 1024px) {
    div.stars {
        transform: scale(0.8);
    }

    .new-casinos > a {
        width: 98px;
    }

    .topnew .name {
        width: 12%;
    }

    .topnew .bon {
        width: 14%;
    }

    .topnew .jou {
        width: 17%;
    }

    .topnew .thumb {
        min-width: 130px;
    }

    .topnew .name a {
        margin-bottom: 10px;
    }

    .topnew .lst li {
        margin-bottom: 5px;
    }

    .hpfirsttext {
        margin-top: 10px;
    }

    div#maindiv {
        flex-direction: column;
    }

    div#maindiv > div {
        max-width: none;
        width: 100% !important;
    }

    #reviewside {
        padding: 0;
    }

    #main2 {
        margin-top: 10px;
    }

}

@media only screen and (max-width: 939px) {

    .hp_widgets_new {
        grid-template-columns: 1fr 1fr;
    }

    /* show 2 or 1 in a row; */
    div.hpfreegameswidget_new:last-child:nth-child(odd) {
        grid-area: auto / 1 /auto/ 3;
    }
}

@media only screen and (max-width: 850px) {
    .tophtable tr td.fdb {
        max-width: 94px;
    }

    .pagination {
        width: 100%;
        text-align: center;
    }

    select.fgsofsel {
        margin: 0;
        width: 100%;
        float: none;
    }

    .fgnav {
        margin: 10px 0 0;
    }

    span.pn-status a, span.pn-status span {
        display: none;
    }

    span.pn-status a:first-child, span.pn-status a:last-child, span.pn-status span:not(.dot3) {
        display: inline-block;
    }

    #top10 {
        flex-direction: column;
    }

    #top10 li {
        width: 100%;
    }

    .slotlist .game1 {
        width: 25%;
    }
}

@media only screen and (max-width: 767px) {
    div.stars {
        transform-origin: 0 0;
    }

    .hpnewcasinos_new_4 > div {
        grid-template-columns:repeat(2, 1fr);
    }

    .hpnewcasinos_new_5 > div {
        grid-template-columns:repeat(2, 1fr);
    }

    .hpnewcasinos_new_5 > div a:last-child:nth-child(odd) {
        grid-area: auto / 1 /auto/ 3;
    }

    .hpnewcasinos_new_6 > div {
        grid-template-columns:repeat(2, 1fr);
    }

    .hpslot_new > div {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .topnew a.info {
        display: none;
    }

    .topnew > div:not(.filters):not(.divLoading):not(.tops-new-dsgn) {
        display: grid;
        padding: 20px 10px;
        grid-template-columns: 2fr 3fr;
        position: relative;
    }

    .pagetype_casinoreview .topnew > div:not(.filters):not(.divLoading) {
        grid-template-columns: unset;
    }

    .pagetype_casinoreview .topnew{
        margin: 0;
    }

    .topnew .lst {
        display: none;
    }

    #siteid_x2973 .topnew > div:not(.filters):not(.divLoading ) {
        display: flex;
    }

    body.target_be .topnew .lst {
        display: block;
        width: 100%;
        padding: 5px 0 0;
    }

    body.target_be .topnew .lst li {
        line-height: 1.2;
    }

    body.target_be .topnew .lst li:not(:last-child) {
        margin-bottom: 5px;
    }

    .topnew .no {
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-top: 25px solid #dadada;
        border-right: 25px solid #dadada;
        border-bottom: 25px solid transparent;
        border-left: 25px solid transparent;
        background: transparent;
    }

    .topnew .no span {
        margin: -18px -20px 0 0;
        font-size: 18px;
        text-align: center;
    }

    .topnew .jou {
        width: 100%;
        grid-area: 4/1/4/3;
        padding: 15px 0 5px;
    }

    .topnew .jou a {
        max-width: none;
    }

    .topnew .thumb {
        grid-area: 1/1/3/2;
        padding: 0;
        justify-self: center;
        min-width: 140px;
        text-align: left;
    }

    .topnew .name a {
        margin-bottom: 10px;
    }

    .topnew .name {
        width: 100%;
        padding: 0;
        align-items: flex-start;
    }

    .topnew .min_age {
        width: 100%;
        padding: 0;
        align-items: center;
    }

    .topnew .bon {
        width: 100%;
        padding: 0;
        gap: 0;
        min-height: 0;
        display: flex;
        flex-direction: column;
        margin: 5px 0 0;
        align-items: flex-start;
        text-align: left;
    }

    #siteid_x2973 .topnew .bon {
        align-items: center;
        grid-area: 3/1/4/3;
    }

    .topnew .nb0 {
        margin-top: 10px;
    }

    .topnew .nb1 {
        margin-top: 10px;
    }

    .topnew .nb0 span {
        text-align: left;
    }


    #fgbanner div, #fgbanner span, #fgbanner img {
        display: none;
    }

    #fgbanner a {
        width: 100%;
    }

    #fgitem {
        margin: 0 -15px 20px;
        max-width: none;
    }

    #rvtb tbody tr {
        display: flex;
        flex-direction: column;
        border: 1px #ccc solid;
        align-items: center;
        padding: 15px;
    }

    .overview {
        padding: 0;
        border: none;
    }

    #rvtb td.ft {
        padding: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .overview .mm p {
        margin-bottom: 0;
    }

    .overview .mm {
        margin-bottom: 15px;
    }

    #rvtb td.vv {
        padding: 0;
        min-width: 0;
        max-width: 100%;
    }

    .new-casinos > a {
        width: 30%;
    }

    .footer.caxon #footers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
    }
}

@media only screen and (max-width: 720px) {
    .tophtable tr .fdb {
        display: none;
    }

    #fgtop {
        flex-direction: column;
        align-items: center;
    }

    #fgtop .cycler {
        margin: 0 0 20px;
        width: 100%;
        height: auto;
        aspect-ratio: 350 / 255;
    }

    #fgtop .cycler img {
        width: 100%;
    }

    #fgtop div.r {
        width: 100%;
    }

    .tophtable a.button {
        width: 100px;
    }

    .widget {
        padding: 0;
        border: none;
    }

    #docnew {
        margin-left: -10px;
        margin-right: -10px;
        width: auto;
        max-width: inherit;
    }

    #fgbk {
        padding-top: 0;
        padding-bottom: 0;
    }

    .block-content.archive {
        display: flex;
        flex-wrap: wrap;
    }

    .gamesA, .games1 {
        padding: 0;
    }

    div.archive {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.archive hr {
        display: none;
    }

    div.plus {
        width: 100%;
    }

    .banktable tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px #ccc solid;
        padding-bottom: 15px;
    }

    .banktable td {
        border: none;
        text-align: center;
        padding: 10px;
    }

    table#softwareindex tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px #ccc solid;
        padding-bottom: 15px;
    }

    table#softwareindex tr td {
        padding: 0 10px !important;
        text-align: center;
    }

    table#softwareindex tr td:last-child {
        text-align: left;
    }

    div#lsx > div {
        width: 50%;
    }

    span.ratertt {
        display: block;
        text-align: center;
    }

    #wagertablenew .tr_fm {
        display: table-row;
    }

    #wagertablenew .tr_fm td {
        text-align: center;
    }

    #wagertablenew .tr_fm .button {
        width: 90% !important;
    }

    table#wagertablenew .gg {
        display: none;
    }

    #wagertablenew td.pc {
        min-width: 80px;
    }

    .slotreviewhighlight {
        margin-top: 0;
    }
}

@media (max-width: 650px) {
    #main2 {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .tophtable tr td.td-casinoname {
        max-width: 80px;
    }

    .tophtable tr td.td-bonus {
        max-width: 90px;
    }

    div#ptn {
        flex-direction: column;
        align-items: center;
    }

    div#ptn a {
        margin-bottom: 10px;
    }

    .content {
        margin: 0;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hpmainarticle1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slotlist .game1 {
        width: 33.3333%;
    }

    .submenu-header {
        font-size: 20px;
        line-height: 1;
    }

    .submenu-header::after {
        right: 20px;
    }
}

@media only screen and (max-width: 590px) {
    .hp_widgets_new, .hp_widgets_new_4 {
        grid-template-columns:1fr;
    }

    div.hpfreegameswidget_new:last-child:nth-child(odd) {
        grid-area: auto /auto/ auto / auto;
    }

}

@media (max-width: 588px) {
    .sf_main_container::before {
        background-image: url('/img/commons/clf/background_mobile.svg');
        background-position: center top;
    }

    .sf_container {
        padding: 0px 62px 72px 62px;
    }

    .sf_column_3 {
        display: block;
    }

    .sf_search_desktop {
        display: block;
    }

    .sf_search_tablet {
        display: none;
    }

    .sf_row_1, .sf_footer_links {
        flex-direction: column;
        align-items: center;
    }

    .sf_column_1 img, .sf_search {
        height: 160px;
        width: 301px;
        align-self: center;
    }

    .sf_footer_links ul, .sf_links_header {
        text-align: center;
    }

    .sf_footer_links_column {
        margin-top: 2.5rem;
    }
}


@media only screen and (max-width: 550px) {
    .bottom-text-box h2 {
        line-height: 26px;
    }

    div.lista {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .smb {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    .smb .list-title {
        height: auto;
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .popup .popup_dialog .middle {
        width: 100%;
    }

    .popup .popup_dialog {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .popup .popup_dialog .content {
        padding: 0;
        margin: 0 auto;
        float: none;
        max-width: 100%;
    }

    .popup .popup_dialog .sep {
        width: 100%;
    }

    .popup .popup_dialog table {
        margin: 20px 0 0;
        width: 100%;
        background-size: 100% 300px;
    }

    .popup .mc {
        margin-right: 20px;
    }

    .tophtable .codebonus {
        display: none;
    }

    .tophtable tr td.td-casinoname {
        max-width: 70px;
    }

    .tophtable tr td.td-bonus {
        max-width: 80px;
    }

    .hpgame li {
        width: 50%;
    }

    .mobile-nav {
        width: 60%;
    }

    .submenu.show > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .submenu-header {
        padding-left: 20px;
        padding-right: 30px;
        font-size: 17px;
        line-height: 1;
    }

    .mobile-nav-close {
        right: 20px;
    }

    .submenu-header::after {
        right: 20px;
    }

    .submenu-header::before {
        left: 10px;
    }

    .mobile-nav-submenu a::after {
        right: 20px;
    }

    #stk span {
        display: none;
    }

    #stk .button {
        width: 85%;
    }

    div#googleplus {
        display: none;
    }

    table.tophtable .td-critique, table.tophtable .th-review {
        display: none;
    }

    .button {
        font-size: 18px;
    }

    .tophtable a.button {
        width: 72px;
    }

    table.topcasinoright {
        width: 100%;
    }

    .topcasinoright a.button {
        width: 100%;
    }

    span.ratertt {
        display: block;
    }

    #ratinglabel {
        margin: 0;
    }

    .btnb {
        padding: 0;
    }

    .excerpt1 {
        clear: both;
        float: none;
        margin: 10px 0;
        padding: 15px 0;
        width: 100%;
    }

    div#lsx > div {
        width: 100%;
    }

    div#lsx span.tt {
        min-height: 0;
    }

    table#listlicences td.img img {
        width: 100px;
    }
}

.s_header {
    display: flex !important;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

@media (max-width: 500px) {
    div.games {
        margin: 0;
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 15px;
        padding: 0 0 15px;
    }

    ul.footer-links {
        display: flex;
        flex-direction: column;
    }

}

@media only screen and (max-width: 450px) {
    .hpnewcasinos_new > div {
        padding: 10px;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    }

    .hpnewcasinos_new > div > a:last-child:nth-child(odd) {
        grid-area: auto / 1 /auto/ 3;
    }

    .slotlist .game1 {
        width: 50%;
    }

    .hpslot_new > div {
        padding: 10px;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }

    #lcs .csd {
        width: 130px;
        min-width: 130px;
    }

    td.td-num, th.th-num {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    #phheader {
        height: 64px;
    }

    .header .header-logo img {
        width: 160px;
        height: 44px;
    }

    .menu-btn {
        top: 15px;
        left: 15px;
    }

    td.lang .flg {
        transform: scale(0.5, 0.5);
    }

    .tophtable td.lg {
        width: 35px;
    }

    .tophtable td.lg img {
        width: 40px;
        height: 40px;
    }

    .pagination {
        text-align: center;
    }

    #breadcrumb {
        margin-top: 10px;
    }

    h2 {
        font-size: 1.3em;
        line-height: 26px;
    }

    h3 {
        font-size: 1.1em;
        line-height: 24px;
    }

    .tophtable tr .fdbmatch {
        display: none;
    }

    .tophtable tr td.td-casinoname {
        max-width: 60px;
    }

    .tophtable tr td.td-bonus {
        max-width: 70px;
    }

    td.lang .flg {
        margin: -3px;
    }

    .td-casinoname {
        font-size: 1em;
        line-height: 14px !important;
    }

    .tophtable a.button {
        font-size: 16px;
        line-height: 30px;
    }

    .tophtable td.lg {
        padding-left: 3px;
    }

    .cas-detail p, .cas-detail li, .hpfirsttext p, .hpmainarticle1 p, .maintext p {
        font-size: 16px !important;
        line-height: 26px;
    }

    .maintext li {
        font-size: 1em;
        line-height: 21px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 375px) {
    .tophtable tr td.td-casinoname {
        max-width: 50px;
    }

    .tophtable tr td.td-bonus {
        max-width: 60px;
    }
}

@media only screen and (max-width: 359px) {
    .topnew .thumb img {
        width: 100px;
    }

    .topnew .thumb {
        min-width: 120px;
    }

    .new-casinos > a {
        width: 40%;
    }

    span.pn-status a {
        display: none !important;
    }

    table#listlicences td.img img {
        width: 50px;
    }
}

@media only screen and (max-width: 350px) {
    #lcs .csd {
        width: 120px;
        min-width: 120px;
    }
}

@media only screen and (max-height: 500px) {
    .popup .popup_dialog {
        top: 15px;
        bottom: 15px;
        margin-top: 0;
        height: auto;
        overflow: auto;
    }

}

/*MOBILE STYLES END HERE*/

.number + .present {
    animation: shake 0.375s linear infinite;
}
@keyframes shake {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(3px, 3px) rotate(3deg); }
    50% { transform: translate(0, 0) rotate(0deg); }
    75% { transform: translate(-3px, 3px) rotate(-3deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

.author-by-line-wrapper.homepage .author-byline-container.clf.single-author .author-by-line-details,
.author-by-line-wrapper.homepage .author-byline-container.clf.single-author .byline-updated-time{
    margin-left: 60px !important;
}

.author-by-line-wrapper.homepage .author-byline-container.clf.single-author {
    flex-direction: column !important;
}

.author-by-line-wrapper.homepage  .author-byline-container.clf.single-author .author-photo {
    position: absolute !important;
}

.author-by-line-wrapper.homepage .byline-updated-time.single-author {
    align-self: flex-start !important;
}

@media (min-width: 601px) and (max-width: 1125px) {
    .author-by-line-wrapper.homepage .author-byline-container.clf.single-author .author-by-line-details,
    .author-by-line-wrapper.homepage .author-byline-container.clf.single-author .byline-updated-time{
        margin-left: unset !important;
    }

    .author-by-line-wrapper.homepage .author-byline-container.clf.single-author {
        flex-direction: row !important;
    }

    .author-by-line-wrapper.homepage  .author-byline-container.clf.single-author .author-photo {
        position: relative !important;
    }

    .author-by-line-wrapper.homepage .byline-updated-time.single-author {
        align-self: unset !important;
    }
}

.container-top::before {
    content: '';
    position: absolute;
    top: -12%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(19, 69, 99, 1), rgba(19, 69, 99, 1), rgba(39, 140, 201, 1));
    z-index: -1;
}

.container-top:not(:has(.home-top-item:nth-child(1))) .left-side {
    width: 100%;
}

.container-top:not(:has(.home-top-item:nth-child(1))) .right-side {
    display: none;
}

.container-top:not(:has(.home-top-item:nth-child(1)))::before {
    top: -18%;
}

.container-top:has(.home-top-item:nth-child(2)):not(:has(.home-top-item:nth-child(3)))::before,
.container-top:has(.home-top-item:nth-child(1)):not(:has(.home-top-item:nth-child(2)))::before {
    top: -13%;
}


@media (max-width: 1125px) {
    .home-top-new {
        margin: 0;
    }
    .container-top {
        padding-top: 20px;
    }
    .container-top-inner:has(.home-top-item:nth-child(1))) {
        margin-bottom: 15px;
    }
    .container-top::before {
        top: -9%;
    }
    .container-top:not(:has(.home-top-item:nth-child(1))) .right-side {
        padding: 20px 0;
    }
    .container-top:has(.home-top-item:nth-child(2)):not(:has(.home-top-item:nth-child(3)))::before,
    .container-top:has(.home-top-item:nth-child(1)):not(:has(.home-top-item:nth-child(2)))::before {
        top: -12%;
    }
    .container-top:not(:has(.home-top-item:nth-child(1)))::before {
        top: -18%;
    }
}

@media (max-width: 768px) {
    .container-top::before {
        top: -7%;
    }
    .container-top:has(.home-top-item:nth-child(2)):not(:has(.home-top-item:nth-child(3)))::before {
        top: -9%;
    }
}

@media (max-width: 534px) {
    .container-top::before {
        top: -7%;
    }
    .container-top:has(.home-top-item:nth-child(2)):not(:has(.home-top-item:nth-child(3)))::before {
        top: -13%;
    }
}

@media (max-width: 480px) {
    .container-top::before {
        top: -10%;
    }
    .container-top:has(.home-top-item:nth-child(1)):not(:has(.home-top-item:nth-child(2)))::before {
        top: -15%;
    }
    .container-top:not(:has(.home-top-item:nth-child(1)))::before {
        top: -20%;
    }
}