body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
  --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
  --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
  --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
  --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
  --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
  --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
  --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

/* ---------- 4.1. Loop Table ---------- */

.table-casinos {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px;
}
.table-casinos tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 2px solid #E2D9F9;
    overflow: hidden;
    background: #fff;
}
.casinos-default tbody tr,
.casinos-default .table-body .tr{
    background: #fff;
    flex-wrap: nowrap;
}
.table-casinos tr.hide,
.casinos-default tr.hide,
.casinos-default .tr.hide,
.table-bonuses tr.hide {
    display: none;
}
.bonuses-default .table-body .tr:nth-child(1) .td.col1 .num,
.bonuses-default tr:nth-child(1) td.col1 .num,
.casinos-default .table-body .tr:nth-child(1) .td.col1 .num,
.casinos-default tr:nth-child(1) td.col1 .num {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../img/bg1.svg);
    background-size: 32px 32px;
    height: 32px;
    line-height: 32px;
}
.bonuses-default .table-body  .tr:nth-child(2) .td.col1 .num,
.bonuses-default tr:nth-child(2) td.col1 .num,
.casinos-default .table-body  .tr:nth-child(2) .td.col1 .num,
.casinos-default tr:nth-child(2) td.col1 .num {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../img/bg2.svg);
    background-size: 28px 28px;
    height: 28px;
    line-height: 28px;
}
.bonuses-default .table-body  .tr:nth-child(3) .td.col1 .num,
.bonuses-default tr:nth-child(3) td.col1 .num,
.casinos-default .table-body  .tr:nth-child(3) .td.col1 .num,
.casinos-default tr:nth-child(3) td.col1 .num {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../img/bg3.svg);
    background-size: 24px 24px;
    height: 24px;
    line-height: 24px;
}
.table-casinos .col1 {
    display: inline-block;
    width: 35%;
    padding: 16px 16px 10px 16px;
    /*background: #dc9a8f;*/
}
.table-casinos .col2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65%;
    padding-right: 16px;
    /*background: rgba(236, 242, 64, 0.36);*/
}
.casinos-default.table-bonuses .tr .td.col2 a,
.casinos-default.table-bonuses tr td.col2 a {
    color: #3f3f3f;
}
.table-casinos .col3 {
    width: 100%;
    padding: 10px 16px;
    /*background: #b5b5f2;*/
}
.table-casinos .col4 {
    width: 100%;
    display: flex;
    padding: 0 16px;
    /*background: #a6f2b9;*/
}
.casinos-default.table-bonuses .tr .td.col4,
.casinos-default.table-bonuses tr td.col4 {
    border-left: 2px dashed #f4f4f7;
    border-right: 2px dashed #f4f4f7;
    width: 100%;
}
.table-casinos .img-wrapper {
    width: 100%;
    height: 40px;
    border-radius: 5px;
}
.table-casinos .img-wrapper img {
    height: auto;
    border-radius: 5px;
}
.table-casinos .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.table-casinos .title a {
    font-size: 18px;
    letter-spacing: 1px;
    /*line-height: 28px;*/
    font-weight: bold;
    /*white-space: nowrap;*/
}
.table-casinos .feature {
    display: none;
}
.table-casinos .rating .value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-image: url("../img/rating-bg.svg");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: center 60%;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
}
.table-casinos .legend {
    display: none;
    font-weight: bold;
}
.table-casinos .reflink {
    width: 50%;
    padding: 10px 5px 10px  0;
}
.table-casinos .review {
    width: 50%;
    padding: 10px 0 10px 5px;
}
.table-casinos .bonus {
    font-size: 16px;
    letter-spacing: 1px;
}
.table-casinos .bonus {
    text-transform: capitalize;
}
.table-casinos .payments {
    display: none;
}
.table-casinos .payments ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.table-casinos .payments li {
    display: block;
    margin: 5px;
}
.table-casinos .payments a,
.table-casinos .payments span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #EDE8FA;
    position: relative;
    height: 32px;
    width: 60px;
    padding: 0 5px;
}
.table-casinos .payments a img,
.table-casinos .payments span img{
    display: block;
    width: 90%;
    height: auto;
}
.table-casinos .btn {
    display: block;
    width: 100%;
}
/*
.table-casinos .btn {
    display: block;
    width: 100%;
    border: 1px solid #2AD369;
    border-radius: 10px;
    color: #2AD369;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 20px;
}
.table-casinos .btn.btn-tocasino {
    color: #fff;
    background: #15BD54;
}
.table-casinos .btn.btn-avial {
    color: #3f3f3f;
    background: #F4F4F7;
    border: 1px solid #F4F4F7;
}
*/
.table-casinos tfoot .btn{
    width: auto;
    margin: 0 auto;
}
.casinos-default tfoot td,
.table-bonuses tfoot td {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.table-bonuses tfoot tr {
    background: none;
}
.casinos-default tfoot .btn,
.casinos-default .tfoot .btn {
    display: block;
    margin: 0 auto;
}
@media all and (min-width: 768px) {
    .table-casinos tbody tr,
    .table-casinos .table-body .tr{
        display: block
    }
    .table-casinos .tr .td,
    .table-casinos tr td {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .table-casinos .col1 {
        display: flex;
        width: 20%;
        height: 240px;
        float: left;
        padding: 16px 30px 16px 50px;
    }

    .casinos-default .table-body .tr:nth-child(1) .td.col1 .num,
    .casinos-default tr:nth-child(1) td.col1 .num {
        background-size: 36px 36px;
        height: 36px;
        line-height: 36px;
    }
    .casinos-default .table-body .tr:nth-child(2) .td.col1 .num,
    .casinos-default tr:nth-child(2) td.col1 .num {
        background-size: 32px 32px;
        height: 32px;
        line-height: 32px;
    }
    .casinos-default .table-body .tr:nth-child(3) .td.col1 .num,
    .casinos-default tr:nth-child(3) td.col1 .num {
        background-size: 28px 28px;
        height: 28px;
        line-height: 28px;
    }

    .table-casinos .col2 {
        width: 80%;
        height: 80px;
        padding: 20px 60px 0 20px;
        float: right;
        justify-content: space-between;
    }
    .table-casinos .col3 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 55%;
        height: 160px;
        float: left;
        padding-left: 20px;
    }
    .table-casinos .col4 {
        width: 25%;
        height: 160px;
        float: left;
        flex-direction: column;
        padding-right: 60px;
        padding-top: 20px;
    }
    .table-casinos .img-wrapper {
        width: 100%;
        height: 75px;
        border-radius: 12px;
    }
    .table-casinos .img-wrapper img {
        border-radius: 10px;
    }
    .table-casinos .title {
        width: 74%;
    }
    .table-casinos .title a {
        font-size: 24px;
        /*line-height: 28px;*/
    }
    .table-casinos .feature {
        display: block;
        margin-left: 20px;
        margin-bottom: -8px;
    }
    .table-casinos .rating {
        width: 26%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }
    .table-casinos .rating .value {
        width: 68px;
        height: 68px;
        background-size: 68px 68px;
        margin-right: 15px;
    }
    .table-casinos .legend {
        display: block;
        margin-left: 15px;
        white-space: nowrap;
    }
    .table-casinos .bonus p {
        margin: 5px 0 10px 0;
    }
    .table-casinos .payments {
        display: block;
    }
    .table-casinos .payments ul {
        margin: 0 -5px;
    }
    .table-casinos .reflink {
        width: 100%;
        padding: 0;
    }
    .table-casinos .review {
        width: 100%;
        padding: 0;
    }
    .table-casinos .btn {
        margin-bottom: 10px;
    }
}
/* ---------- # 4.1. Loop Table ---------- */
/* ---------- 4.2. Loop Games ---------- */
.loop-games {
    width: 100%;
    /*background: #5F3ADE;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*margin-bottom: -25px;*/

    /*margin-left: auto;
    margin-right: auto;
    max-width: 2000px;*/
}
.loop-games .game {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 5px 0;
}
.loop-games .game:nth-child(odd) {
    /*border-right: 1px solid #5434C3;*/
}

.loop-games .img-wrapper {
    /*height: 132px;*/
    padding-top: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.loop-games .game .game-screen {
    filter: blur(1px) brightness(90%);
}
.loop-games .game:hover .game-screen {
    filter: unset;
}
.loop-games img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: unset !important;
}
.loop-games .info {
    background: #5434C3;
    padding: 8px 16px 10px 16px;
    height: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.loop-games .info .title {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.loop-games .info .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 20px;
    letter-spacing: 0.5px;
}
.loop-games .info .support {
    margin-top: 5px;
    width: 20px;
}
.loop-games .info .support img {
    /*width: 16px;
    margin-right: 5px;
    margin-left: 5px;*/
    display: block;
}
.loop-games .dev-logo.img-wrapper {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    padding: 3px;
    width: 40px;
    height: 40px;
}
.loop-games .dev-logo img {
    height: auto;
        min-height: unset;
    width: 100%;
    display: block;
    padding: 0 5px;
}
.loop-games .info .support span {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}
.loop-block .loop-footer {
    width: 100%;
    background: #fff;
    padding: 17px 0;
    text-align: center;
}
.loop-block button {
    display: inline-block;
    padding: 15px 35px;
    border: 1px solid #5434C3;
    border-radius: 10px;
    color: #5434C3;
    margin: 0 auto;
    font-size: 14px;
    text-transform: uppercase;
}
.loop-block button:hover {
    background: #5434C3;
    color: #fff;
}
@media all and (min-width: 320px) {
    .loop-games .game {
        width: 50%;
        padding: 5px;
    }
}

@media all and (min-width: 768px) {
    .loop-games .game {
        width: 25%;
        /*border-right: 1px solid #5434C3;*/
    }
    .loop-games .game:nth-child(4n) {
        border-right: none;
    }
    .loop-games .info .title {
        font-size: 14px;
        line-height: 20px;
    }
}
@media all and (min-width: 1024px) {
    .loop-games .game {
        /*width: 16.666%;*/
        /*border-right: 1px solid #5434C3;*/
    }
    .loop-games .game:nth-child(6n) {
        border-right: none;
    }
    .loop-games .img-wrapper {
        /*height: 170px;*/
    }
    .loop-games .dev-logo.img-wrapper {
        top: 24px;
        left: 24px;
    }
    .loop-games .info .title {
        font-size: 16px;
        line-height: 24px;
    }
}
/* ---------- # 4.2. Loop Table ---------- */

@media all and (min-width: 768px) {
    .content-mask::after {
        display: none;
    }
}
.content-mask.fitin::after {
    display: none;
}
/* ---------- 4.6. Table  ---------- */
.loop-container,
.table-container {
    overflow-x: auto;
    margin: 25px 0 0;
    position: relative;
}
.content-mask {
    position: relative;
}
.content-mask::after {
    content: '';
    width: 100px;
    -webkit-background-image: linear-gradient(to left, #fff 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to left, #fff 0%, rgba(0,0,0,0) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    right: -5px;
}
.loop-container>table,
.table-container table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    /*float: left;*/
}
.table-container table tr {
    background: #fff;
}
.table-container table thead tr {
    background: #5F3ADE;
    color: #fff;
}
.table-container table tbody tr:nth-child(odd) {
    background: #FAFAFB;
}
.table-container table tr:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table-container table tr td,
.table-container table tr th {
    padding: 30px 15px;
    text-align: center;
    white-space: nowrap;
}
.table-container table tr th,
.table-container table tr:first-child td {
    letter-spacing: 1px;
}
.table {
    float: right;
    margin: 0 0 0 10px;
    border: 1px solid #e0daf5;
    border-collapse: collapse;
    border-spacing: 0;
}
.table.left {
    float: left;
    margin: 0 10px 0 0;
}
.table th {
    font-weight: 700;
    padding: 5px;
    background: #8164EC;
    color: #fff;
}
.table tr:nth-child(odd) {
    background: #eae6fa;
}
.table td {
    padding: 5px;
}
/* ---------- # 4.6. Table  ---------- */

/* ---------- 4.12. Show more ---------- */
.casinos-default tfoot .btn.showmore{
    margin: 25px 0 0 0;
}

.show-more-container.full-width {
    padding: 30px 0;
    margin-top: 15px;
    margin-bottom: 25px;
}
.show-more {
    overflow: hidden;
    position: relative;
    text-align: justify;
}
.show-more p {
    margin-bottom: 10px;
}
section .show-more.collapsed {
    max-height: 100px;
}
.show-more::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 175px;
    width: 100%;
}
.collapsed.show-more::after {
    -webkit-background: linear-gradient(to top,#F4F4F7 0%,rgba(255,255,255,0) 60%);
    background: linear-gradient(to top,#F4F4F7 0%,rgba(255,255,255,0) 60%);
}
.show-more-container button {
    color: #5434C3;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.show-more-container button .item-toggle {
    display: inline-flex;
    margin-left: 10px;
    width: 24px;
    height: 24px;
}
.show-more-container .item-toggle .lines::before,
.show-more-container .item-toggle .lines::after {
    width: 10px;
    margin-left: -5px;
}
.show-more-container .item-toggle .lines::after {
    transform: rotate(0);
}
.show-more-container .collapsed + .container .item-toggle .lines::after {
    transform: rotate(90deg);
}
@media all and (min-width: 768px) {
    .show-more-container.full-width {
        padding: 40px 0 75px 0;
    }
}

/* ---------- # 4.12. Show more ---------- */

/* ---------- 4.13. Loop Bonuses ---------- */

.table-bonuses {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px;
}
.table-bonuses tr {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    background: #F4F4F7;
}
.table-bonuses tfoot tr {
    background: 0 0;
}
.table-bonuses tr td.col1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background: #5434C3;
    height: 50px;
    order: 1;
}
.table-bonuses tr td.col1 .num {
    width: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.table-bonuses tr td.col1 .img-wrapper {
    margin-right: -2px;
    width: 90px;
    height: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table-bonuses tr td.col1 .img-wrapper img {
    height: auto;
}
.table-bonuses tr td.col2 {
    text-align: left;
    font-weight: 600;
    border-bottom: 2px dashed #fff;
    flex-grow: 1;
    height: 50px;
    line-height: 1.3;
    display: none;
}
.table-bonuses tr td.col3 {
    padding: 8px 16px;
    border-left: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    height: 50px;
    order: 3;
}
.table-bonuses tr td.col3 .btn {
    width: 32px;
    height: 32px;
    padding: 0;
}
.table-bonuses tr td.col3 .btn.btn-avial {
    border: 2px solid #29CD66;
}
.table-bonuses tr td.col3 .btn .text {
    display: none;
}
.table-bonuses tr td.col3 .btn .fa {
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
}
.table-bonuses tr td.col3 .btn .fa::before {
    margin-top: -1px;
    margin-left: 1px;
    width: 20px;
    height: 20px;
}
.table-bonuses tr td.col3 .btn-tocasino .fa::before {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.table-bonuses tr td.col3 .btn-avial .fa::before {
    filter: invert(59%) sepia(83%) saturate(394%) hue-rotate(90deg) brightness(93%) contrast(95%);
}
.table-bonuses tr .col4 {
    /*width: 100%;*/
    /*padding: 14px 0 14px 0;*/
    order: 2;
}
.table-bonuses tr .col4 .type {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 4px;
}
.table-bonuses tr .col4 .value {
    display: block;
    text-align: center;
    font-weight: 700;
}
.table-bonuses tr .col4.double .type.wel,
.table-bonuses tr .col4.double .value.wel {
    display: none;
}

@media all and (max-width: 767px){
    .table-bonuses tr td.col3 .btn {
        font-size: 0;
        text-indent: -9999px;
        position: relative;
    }
    .table-bonuses tr td.col3 .btn .fa {
        text-indent: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media all and (min-width: 768px){
    .table-bonuses tr {
        flex-wrap: nowrap;
    }
    .table-bonuses tr td.col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses tr td.col2,
    .table-bonuses tr td.col3 {
        height: 100%;
    }
    .table-bonuses tr td.col1 {
        order: 1;
    }
    .table-bonuses tr td.col2 {
        display: block;

        order: 2;
        border: none;
        padding: 0 20px;
        width: 160px;
        flex-shrink: 0;
        font-size: 18px;
    }
    .table-bonuses tr td.col3 {
        order: 4;
        border: none;
        padding-right: 20px;
        padding-left: 20px;
    }
    .table-bonuses tr td.col4 {
        order: 3;
        border-left: 2px dashed #fff;
        border-right: 2px dashed #fff;
        height: 90px;
        display: inline-flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14px 0 14px 0;
    }
    .table-bonuses tr td.col1 .num {
        width: 50px;
    }
    .table-bonuses tr td.col1 .img-wrapper {
        width: 165px;
        height: 90px;
        margin-top: -1px;
        margin-bottom: -1px;
    }
    .table-bonuses tr td.col3 .btn {
        padding: 10px 32px;
        width: auto;
        height: auto;
        white-space: nowrap;
        letter-spacing: 1px;

    }
    .table-bonuses tr td.col3 .btn .text {
        display: block;
        font-weight: 700;
    }
    .table-bonuses tr td.col3 .btn .fa {
        display: none;
    }
}

@media all and (min-width: 1024px){
    .table-bonuses tr {
        flex-wrap: nowrap;

    }
    .table-bonuses tr td.col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses tr td.col2,
    .table-bonuses tr td.col3 {
        height: 100%;
    }
    .table-bonuses tr td.col1 {
        order: 1;
    }
    .table-bonuses tr td.col2 {
        order: 2;
        border: none;
        padding: 0 20px 0 40px;
        width: 250px;
        font-size: 22px;
    }
    .table-bonuses tr td.col3 {
        order: 4;
        border: none;
        padding-right: 60px;
        padding-left: 60px;
    }
    .table-bonuses tr td.col4 {
        order: 3;
        border-left: 2px dashed #fff;
        border-right: 2px dashed #fff;
        height: 90px;
        display: inline-flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .table-bonuses tr .col4 .value {
        font-size: 18px;
    }
    .table-bonuses tr td.col4.double {
        flex-direction: row;
    }
    .table-bonuses tr td.col4.double > div {
        width: 50%;
    }
    .table-bonuses tr .col4.double .type.wel,
    .table-bonuses tr .col4.double .value.wel {
        display: block;
    }
    .table-bonuses tr td.col1 .num {
        width: 50px;
    }
    .table-bonuses tr td.col1 .img-wrapper {
        width: 165px;
        height: 90px;
        margin-top: -1px;
        margin-bottom: -1px;
    }
    .table-bonuses tr td.col3 .btn {
        padding: 16px 48px;
        width: auto;
        height: auto;
        white-space: nowrap;
        letter-spacing: 1px;

    }
    .table-bonuses tr td.col3 .btn .text {
        display: block;
        font-weight: 700;
    }
    .table-bonuses tr td.col3 .btn .fa {
        display: none;
    }
}

@media screen and (max-width: 576px){
    .table-bonuses tr{
        flex-flow: row!important;
    }
}
/* ---------- #4.13. # Loop Bonuses ---------- */

/* ---------- 4.14. Loop Table Small ---------- */
/*
.table-small-container .table-bonuses tr:nth-child(2) td.col1{
    background: #F4F4F7;
}
*/
.table-small-container1 {
    margin-top: 25px;
}
.content aside:first-child .table-small-container {
    margin-bottom: -20px;
}
.content aside:first-child .table-small-container h4{
    margin-top: 30px;
}
.table-small-container .table-bonuses tr td.col1 .num,
.table-small-container .table-bonuses .tr .col1 .num {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 2px;
}
.table-small-container .table-bonuses tr:nth-child(1) td.col1 .num,
.table-small-container .table-bonuses .tr:nth-child(1) .col1 .num {
    background-image: url("../img/bg1.svg");
    background-size: 36px 36px;
}
.table-small-container .table-bonuses tr:nth-child(2) td.col1 .num,
.table-small-container .table-bonuses .tr:nth-child(2) .col1 .num {
    background-image: url("../img/bg2.svg");
    background-size: 32px 32px;
}
.table-small-container .table-bonuses tr:nth-child(3) td.col1 .num,
.table-small-container .table-bonuses .tr:nth-child(3) .col1 .num {
    background-image: url("../img/bg3.svg");
    background-size: 30px 30px;
}
.table-small .table-bonuses tr,
.table-small-div .table-bonuses .tr {
    flex-wrap: nowrap;
}
.table-small tr td.col2,
.table-small-div .tr .col2 {
    padding: 5px 20px;
    width: auto;
    order: 1;
    line-height: initial;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.table-small tr td.col2 .value,
.table-small-div .tr .col2 .value {
    white-space: normal;

}
.table-small .btn.btn-active,
.table-small-div .btn.btn-active {
    color: #fff;
    background: #2AD369;
}
.table-small .btn.btn-active:hover,
.table-small-div .btn.btn-active:hover {
    background: #15BD54;
}
.content .table-small-container tr td.col2,
.content .table-small-container .tr .col2{
    order: 2;
}
@media all and (min-width: 768px) {
    .table-small .table-bonuses tr td.col2,
    .table-small-div .table-bonuses .tr .col2{
        flex-shrink: 1;
    }
}
@media all and (min-width: 1024px) {
    .table-small-div .table-bonuses .tr .col1 .img-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

    .table-small-container {
        float: right;
        max-width: 600px;
        margin-left: 60px;
    }
    .content aside:first-child .table-small-container {
        margin-bottom: 0;
    }
    .content aside:first-child .table-small-container h4{
        margin-top: 0px;
    }
    .table-small-container .table-bonuses tr td.col1 .img-wrapper,
    .table-small-container .table-bonuses .tr .col1 .img-wrapper {
        height: 80px;
        width: 125px;
    }
    .table-small-container .table-bonuses tr td.col2,
    .table-small-container .table-bonuses .tr .col2 {
        width: auto;
        padding: 0 15px;
    }
    .table-small-container .table-bonuses tr td.col3,
    .table-small-container .table-bonuses .tr .col3 {
        padding-left: 20px;
        padding-right: 20px;
        height: 80px;
        display: inline-flex;
        align-items: center;
        border-left: 2px dashed #fff;
    }
    .table-small-container tr td.col2 .value,
    .table-small-container .tr .col2 .value {
        font-size: 18px;
    }
}

/*
.table-small tr {
    flex-wrap: nowrap;
}
.table-small tr td.col1 {
    flex-shrink: 0;
}
.table-small tr td.col2 {
    order: 4;
    display: none;
}
.table-small tr td.col3 {
    flex-shrink: 0;
}
.table-small tr td.col4 {
    order: 2;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    border-right: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    width: auto;
    padding: 0;
}
.table-small tr td.col4 span {
    padding: 0 10px;
}
@media all and (min-width: 768px) {
    .table-small-container {
        float: right;
        max-width: 400px;
        margin-left: 60px;
    }
    .table-small .img-wrapper {
        height: 60px;
    }
}
*/
/* ---------- # 4.14. Loop Table Small ---------- */

/* ---------- 4.15. Page Top ---------- */

.page-top .table-small {
    color: #3f3f3f;
}
.page-top .table-bonuses tr {
    background: none;
    flex-wrap: nowrap;
}
.page-top .table-bonuses tr:last-child {
    margin-bottom: 0;
}
.page-top .table-bonuses tr td.col1 {
    background: #5F3ADE;
}
.page-top .table-bonuses tr td.col1 .num {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 2px;
}
.page-top .table-bonuses tr:nth-child(1) td.col1 .num {
    background-image: url("../img/bg1.svg");
    background-size: 36px 36px;
}
.page-top .table-bonuses tr:nth-child(2) td.col1 .num {
    background-image: url("../img/bg2.svg");
    background-size: 32px 32px;
}
.page-top .table-bonuses tr:nth-child(3) td.col1 .num {
    background-image: url("../img/bg3.svg");
    background-size: 30px 30px;
}
.page-top .casino-info-container .img-wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-top .table-bonuses tr td.col2 {
    border: none;
    background: #fff;
    white-space: normal;
    order: 3;
    font-size: 18px;
    padding: 0 4px!important;
}
.page-top .table-bonuses tr td.col2.font-small,
.page-top .table-bonuses tr td.col2 .value.font-small {
    font-size: 12px;
    line-height: 12px;
}
.page-top .table-bonuses tr td.col3 {
    background: #fff;
    border-left: 2px dashed #e9e9e9;
    margin-left: -1px;
}
.page-top .table-bonuses tr td.col3 .btn {
    font-weight: 700;
}
@media all and (min-width: 768px) {
    .page-top .casino-info-container {
        align-self: flex-start;
        margin-top: 0;
    }
    .page-top .table-bonuses tr td.col1 .num {
        margin-right: 0;
    }
    .page-top .table-bonuses tr:nth-child(1) td.col1 .num {
        background-image: url("../img/bg1.svg");
        background-size: 48px 48px;
    }
    .page-top .table-bonuses tr:nth-child(2) td.col1 .num {
        background-image: url("../img/bg2.svg");
        background-size: 42px 42px;
    }
    .page-top .table-bonuses tr:nth-child(3) td.col1 .num {
        background-image: url("../img/bg3.svg");
        background-size: 36px 36px;
    }
    .page-top .table-bonuses tr td.col1 .img-wrapper {
        height: 80px;
        width: 125px;
    }
    .page-top .table-bonuses tr td.col2 {
        height: 80px;
        width: auto;
        padding: 0;
    }
    .page-top .table-bonuses tr td.col2 .value {
        /*line-height: 80px;*/
        font-size: 18px;
    }
    .page-top .table-bonuses tr td.col2.font-small,
    .page-top .table-bonuses tr td.col2 .value.font-small {
        font-size: 14px;
        line-height: 20px;
    }
    .page-top .table-bonuses tr td.col3 {
        height: 80px;
        display: inline-flex;
        align-items: center;
    }

}

@media all and (min-width: 1024px) {
    .page-top .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .page-top .table-bonuses tr {
        margin-bottom: 20px;
    }
    .page-top .casino-top-left {
        width: 53%;
        padding-right: 22px;
    }
    .page-top .casino-info-container {
        width: 47%;
        padding-left: 22px;
    }
    .page-top .casino-info-container h4 {
        padding-left: 50px;
        font-size: 24px;
    }
    .page-top .table-bonuses tr td.col2 .value {
        /*line-height: 80px;*/
        font-size: 18px;
        padding: 0 4px;
    }
    .page-top .table-bonuses tr td.col3 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .page-top .table-bonuses tr td.col3 .btn {
        padding: 10px 12px;
    }
    .page-top .table-bonuses .btn .text {
        font-size: 12px;
    }
}

@media all and (min-width: 1240px) {
    .page-top .casino-top-left {
        width: 53%;
        padding-right: 44px;
    }
    .page-top .casino-info-container {
        width: 47%;
        padding-left: 44px;
    }
    .page-top .casino-info-container h4 {
        padding-left: 50px;
        font-size: 24px;
    }
    .page-top .table-bonuses tr td.col3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-top .table-bonuses tr td.col3 .btn {
        padding: 12px 40px;
    }
    .page-top .table-bonuses .btn .text {
        font-size: 13px;
    }
}

/* -------------------- 5. Casino -------------------- */

.casino-header {
    background: #5F3ADE;
    color: #fff;
    padding: 30px 0;
}
.casino-header .casino-top-left a {
    color: #fff;
}
.casino-header .casino-top-left li::before {
    border-color: #fff;
}
.ratings {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.ratings .value {
    line-height: 23px;
    margin-right: 8px;
    font-weight: 700;
    font-size: 18px;
}
.post-ratings img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    /*filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7476%) hue-rotate(179deg) brightness(130%) contrast(96%);*/
}
.ratings .voted {
    margin: 0 0 0 auto;
    line-height: 21px;
}
.meta {
    margin: 20px auto 24px auto;
    font-size: 12px;
    font-weight: 200;
}
.meta-author {
    color: #fff;
}
.casino-header .show-more {
    overflow: hidden;
    color: #B8A7F0;
    position: relative;
    text-align: justify;
}
.casino-header .show-more::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    -webkit-background: linear-gradient(to top,#5F3ADE 0%,rgba(255,255,255,0) 60%);
    background: linear-gradient(to top,#5F3ADE 0%,rgba(255,255,255,0) 60%);
}
.casino-header .item-toggle {
    background: #fff;
}
.casino-header .item-toggle .lines::before,
.casino-header .item-toggle .lines::after {
    background: #5434C3;
}
.casino-header .show-more-container .collapsed + div .item-toggle .lines::after {
    transform: rotate(90deg);
}
.casino-header .show-more-container button {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}
.casino-info-container {
    margin-top: 30px;
    border-radius: 10px;
}
.casino-info-container .logo-container {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
}
.casino-info-container .img-wrapper {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 50px;
    margin: 0 auto;
    border-radius: 10px;
}
.casino-info-container .img-wrapper img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border-radius: 10px;
}

.casino-header .button-container .btn {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 22px 0;
}
@media all and (min-width: 768px) {
    .casino-header {
        padding-top: 75px;
        padding-bottom: 50px;
    }
    .single .format-standard .casino-header {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .casino-header .post-title {
        margin-bottom: 16px;
    }
    .casino-header .single-table-conversion.mobile {
        display: none;
    }
    .casino-header .single-table-conversion.desctop {
        display: flex;
    }
    .casino-header:not(.page-top) .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .casino-header:not(.page-top) .casino-top-left {
        width: 65%;
        padding-right: 25px;
    }
    .casino-header:not(.page-top) .casino-info-container {
        width: 35%;
        align-self: start;
        margin-top: 0;
    }
    .ratings .value {
        font-size: 24px;
        margin-right: 18px;
        line-height: normal;
    }
    .ratings .voted {
        margin-left: 35px;
        line-height: 22px;
    }
    .post-ratings img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .meta {
        font-size: 14px;
    }
    .meta-author {
        margin-right: 10px;
    }
    .meta-date span {
        margin-left: 10px;
        margin-right: 10px;
    }
    .casino-info-container .img-wrapper {
        height: 80px;
    }
    section .show-more.collapsed {
        max-height: 175px;
    }
    .show-more::after {
        max-height: 100px;
    }
}
@media all and (min-width: 1024px) {
    .casino-header:not(.page-top) .casino-top-left {
        padding-right: 75px;
    }
}
@media all and (min-width: 1240px) {
    .casino-header:not(.page-top) .casino-top-left {
        padding-right: 150px;
    }
}

/* -------------------- 7. New casino table -------------------- */


.table-bonuses-item{
    display: flex;
    background: #fff;
    flex-wrap: nowrap;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
}
.table-bonuses-item.hide{
    display: none;
}
.table-bonuses-item{
    margin-bottom: 10px;
}
.table-bonuses-item-num,
.table-bonuses-item-name,
.table-bonuses-item-info,
.table-bonuses-item-button{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.table-bonuses-item-num{
    position: relative;
    width: 50px;
}
.table-bonuses-item-num:before{
    content: "";
    height: 100%;
    width: calc(100% + 10px);
    left: 0;
    top: 0;
    position: absolute;
    background-color: #5434C3;
    z-index: 1;
}
.table-bonuses-item-num span{
    position: relative;
    z-index: 3;
    display: block;
    width: 50px;
    color: #fff;
    font-size: 16px;
}
.table-bonuses-item:nth-child(2) .num,
.table-bonuses-item:nth-child(3) .num,
.table-bonuses-item:nth-child(4) .num{
    background-size: 36px 36px;
    height: 36px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('../img/bg1.svg');
}
.table-bonuses-item-img{
    width: 165px;
    height: 90px;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.table-bonuses-item-img img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.table-bonuses-item-name{
    width: 250px;
    border-right: 2px dashed #f4f4f7;
}
.table-bonuses-item-name,
.table-bonuses-item-name a{
    color: #3f3f3f;
    font-size: 22px;
    font-weight: bold;
}
.table-bonuses-item-info{
    flex: 1;
    text-align: center;
    font-size: 12px;
    border-right: 2px dashed #f4f4f7;
}
.table-bonuses-item-info .type{
    display: block;
}
.table-bonuses-item-info .value{
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: 700;
    margin-top: 4px;
}
.table-bonuses-item-button{
    width: 258px;
}
.table-bonuses-item-button button{
    padding: 16px 48px;
    width: auto;
    height: auto;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
}
.table-bonuses-item-button button .text{
    display: block;
}
.table-bonuses-item-button button .fa{
    display: none;
}

.table-bonuses-more{
    text-align: center;
    margin-top: 20px;
}
@media screen and (max-width: 1200px){
    .table-bonuses-item{
        margin-right: 25px;
        margin-left: 25px;
    }
}
@media screen and (max-width: 991px){
    .table-bonuses-item-name{
        width: 160px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .table-bonuses-item-name a{
        font-size: 18px;
    }
    .table-bonuses-item-info .type{
        font-size: 12px;
        margin-bottom: 4px;
    }
    .table-bonuses-item-info .value{
        font-weight: 700;
        font-size: 14px;
    }
    .table-bonuses-item-button{
        width: 146px;
    }
    .table-bonuses-item-button button{
        font-size: 14px;
        padding: 10px 32px;
    }
    .table-bonuses-item-info.double .type.wel,
    .table-bonuses-item-info.double .value.wel {
        display: none;
    }
}

@media screen and (max-width: 760px){
    .table-bonuses-item-img {
        width: 90px;
        height: 50px;
    }
    .table-bonuses-item-name{
        display: none;
    }
    .table-bonuses-item-button{
        width: 66px;
    }
    .table-bonuses-item-button button{
        width: 32px;
        height: 32px;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        position: relative;
        /* color: #fff; */
    }
    .table-bonuses-item-button button .text{
        display: none;
    }
    .table-bonuses-item-button button .fa{
        width: 32px;
        height: 32px;
        transform: rotate(-90deg);
        display: block;
    }
    .table-bonuses-item-button button .fa:before{
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
        margin-top: -1px;
        margin-left: 1px;
        width: 20px;
        height: 20px;
        content: "";
    }
    .table-bonuses tr td.col3 .btn .fa::before{
        content: "";
    }
}

@media screen and (max-width: 470px){
    .table-bonuses-item-img{
        height: auto!important;
    }
}

/* ---------- 4.7. Single Table  ---------- */

/* ----- mobile ----- */
.single-table-conversion.mobile {
    margin: 25px 0;
}
.content .single-table-conversion.mobile .logo-container{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.single-table-conversion.mobile .logo-container {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 0;
    position: relative;
}
.single-table-conversion.mobile .img-wrapper {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 50px;
    border-radius: 10px;
    margin: 0 auto;
}
.single-table-conversion.mobile .img-wrapper img {
    height: auto;
}
.single-table-conversion.mobile .casino-data-container {
    background: #5434C3;
    padding: 15px 0;
    border: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}
.single-table-conversion.mobile .casino-data-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);
    background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);
    background-size: 28px 1px;
    background-repeat: repeat-x;
}
.single-table-conversion.mobile .casino-data-container .min-deposit {
    width: 35%;
    border: none;
}
.single-table-conversion.mobile .casino-data-container .bonus {
    width: 30%;
}
.single-table-conversion.mobile .casino-data-container .reflink {
    width: 35%;
    padding-right: 12px;
    padding-left: 12px;
}
.single-table-conversion.mobile .casino-data-container .value {
    font-size: 16px;
}
.single-table-conversion.mobile .btn {
    display: block;
    width: 100%;
    border: 1px solid #29CD66;
    border-radius: 10px;
    color: #29CD66;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 4px;
    font-size: 12px;
}
.single-table-conversion.mobile .btn.btn-tocasino {
    color: #fff;
}
.single-table-conversion.mobile .btn.btn-avial {
    color: #3f3f3f;
    background: #F4F4F7;
}
/* ----- # mobile ----- */

/* ----- desctop ----- */
.content .single-table-conversion {
    color: #fff;
}
.single-table-conversion.desctop {
    display: none;
    margin-top: 35px;
    flex-flow: row nowrap;
    height: 90px;
    overflow: hidden;
}
.content .single-table-conversion.desctop {
    display: inline-flex;
    margin: 20px 0;
    width: 70%;
}
.single-table-conversion.desctop .logo-container {
    position: relative;
}
.single-table-conversion.desctop .img-wrapper {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 90px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 auto;
}
.single-table-conversion.desctop .img-wrapper img {
    height: auto;
}
.single-table-conversion.desctop .casino-data-container {
    padding: 0;
    align-items: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #5434C3;
}
.single-table-conversion.desctop .min-deposit {
    padding-left: 20px;
    padding-right: 10px;
}
.single-table-conversion.desctop .bonus {
    padding-left: 10px;
    padding-right: 10px;
}
.single-table-conversion.desctop .reflink {
    padding-left: 10px;
    padding-right: 10px;
}
.single-table-conversion.desctop .btn {
    white-space: nowrap;
}
@media all and (min-width: 1024px) {
    .single-table-conversion.desctop .logo-container {
        width: 186px;
    }
    .single-table-conversion.desctop .img-wrapper {
        width: 100%;
    }
    .single-table-conversion.desctop .casino-data-container {
        flex: 1 1 186px;
    }
    .single-table-conversion.desctop .min-deposit {
        padding-left: 30px;
        padding-right: 20px;
    }
    .single-table-conversion.desctop .bonus {
        padding-left: 24px;
        padding-right: 24px;
    }
    .single-table-conversion.desctop .reflink {
        padding-right: 24px;
        padding-left: 24px;
    }
    .single-table-conversion.desctop .btn {
        padding: 14px 40px;
    }
}

.casino-data-container {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    background: #3B258B;
    position: relative;
}
.casino-info-container .casino-data-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);
    background-image:linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);
    background-size:28px 1px;
    background-repeat:repeat-x;
}
.casino-data-container .value {
    font-weight: bold;
    font-size: 18px;
}
.casino-data-container .value.font-small {
    font-size: 14px;
}
.casino-data-container .min-deposit {
    width: 40%;
    text-align: center;
    border-right: 1px solid #48309F;
}
.casino-data-container .bonus {
    width: 35%;
    text-align: center;
}
.casino-data-container .games {
    width: 25%;
    text-align: center;
    border-left: 1px solid #48309F;
}
.casino-info-container .tabs {
    background: #fff;
}
.casino-info-container .tabs::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-background-image:linear-gradient(to right, #48309F 0%, #48309F 50%, transparent 50%);
    background-image:linear-gradient(to right, #48309F 0%, #48309F 50%, transparent 50%);
    background-size:28px 1px;
    background-repeat:repeat-x;
}
.casino-info-container .tabs-nav {
    width: 100%;
}
.tabs-nav ul {
    overflow-x: auto;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.tabs-nav ul::-webkit-scrollbar {
    height: 0;
}
.tabs-nav li.tab-title {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    margin-right: 24px;
    white-space: nowrap;
    color: #B3B3B3;
}
.tabs-nav li.tab-title.active {
    font-weight: 600;
    color: #000;
}
.tabs-nav li.tab-title.active::before {
    content: '';
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #2B1E5A;
    position: absolute;
    bottom: -6px;
    left: 0;
}
@media all and (min-width: 768px) {
    .terms-container {
        position: relative;
        display: flex;
        overflow: hidden;
    }
    .tabs .tabs-nav .title {
        font-size: 16px
    }
    .casino-info-container .terms {
        display: unset;
        visibility: hidden;
        margin-right: -100%;
    }
    .casino-info-container .terms.show {
        display: unset;
        visibility: visible;
        margin-right: 0;
    }
}


.casinos-default tfoot td,
.table-bonuses tfoot td {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* ---------- Loop Casinos Div ---------- */

.page-top .table-div {
    color: #3f3f3f;
}
.page-top .table-bonuses .tr {
    background: none;
    flex-wrap: nowrap;
}
.page-top .table-bonuses .tr:last-child {
    margin-bottom: 0;
}
.page-top .table-bonuses .tr .col1 {
    background: #5F3ADE;
}
.page-top .table-bonuses .tr .col1 .num {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 2px;
}
.page-top .table-bonuses .tr:nth-child(1) .col1 .num {
    background-image: url("../img/bg1.svg");
    background-size: 36px 36px;
}
.page-top .table-bonuses .tr:nth-child(2) .col1 .num {
    background-image: url("../img/bg2.svg");
    background-size: 32px 32px;
}
.page-top .table-bonuses .tr:nth-child(3) .col1 .num {
    background-image: url("../img/bg3.svg");
    background-size: 30px 30px;
}

.page-top .table-bonuses .tr .col2 {
    border: none;
    background: #fff;
    white-space: normal;
    order: 3;
    font-size: 18px;
    padding: 0 4px!important;
}
.page-top .table-bonuses .tr .col2.font-small,
.page-top .table-bonuses .tr .col2 .value.font-small {
    font-size: 12px;
    line-height: 12px;
}
.page-top .table-bonuses .tr .col3 {
    background: #fff;
    border-left: 2px dashed #e9e9e9;
    margin-left: -1px;
}
.page-top .table-bonuses .tr .col3 .btn {
    font-weight: 700;
}
@media all and (min-width: 768px) {
    .page-top .table-bonuses .tr .col1 .num {
        margin-right: 0;
    }
    .page-top .table-bonuses .tr:nth-child(1) .col1 .num {
        background-image: url("../img/bg1.svg");
        background-size: 48px 48px;
    }
    .page-top .table-bonuses .tr:nth-child(2) .col1 .num {
        background-image: url("../img/bg2.svg");
        background-size: 42px 42px;
    }
    .page-top .table-bonuses .tr:nth-child(3) .col1 .num {
        background-image: url("../img/bg3.svg");
        background-size: 36px 36px;
    }
    .page-top .table-bonuses .tr .col1 .img-wrapper {
        height: 80px;
        width: 125px;
    }
    .page-top .table-bonuses .tr .col2 {
        height: 80px;
        width: auto;
        padding: 0;
    }
    .page-top .table-bonuses .tr .col2 .value {
        /*line-height: 80px;*/
        font-size: 18px;
    }
    .page-top .table-bonuses .tr .col2.font-small,
    .page-top .table-bonuses .tr .col2 .value.font-small {
        font-size: 14px;
        line-height: 20px;
    }
    .page-top .table-bonuses .tr .col3 {
        height: 80px;
        display: inline-flex;
        align-items: center;
    }

}

@media all and (min-width: 1024px) {
    .page-top .table-bonuses .tr {
        margin-bottom: 20px;
    }
    .page-top .table-bonuses .tr .col2 .value {
        font-size: 18px;
        padding: 0 4px;
    }
    .page-top .table-bonuses .tr .col3 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .page-top .table-bonuses .tr .col3 .btn {
        padding: 10px 12px;
    }
    .page-top .table-bonuses .btn .text {
        font-size: 12px;
    }
}

@media all and (min-width: 1240px) {
    .page-top .table-bonuses .tr .col3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-top .table-bonuses .tr .col3 .btn {
        padding: 12px 40px;
    }
    .page-top .table-bonuses .btn .text {
        font-size: 13px;
    }
}
.table-bonuses {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px;
}
.table-bonuses .tr {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    background: #F4F4F7;
}
.table-bonuses tfoot .tr {
    background: 0 0;
}
.table-bonuses .tr .col1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background: #5434C3;
    height: 50px;
    order: 1;
}
.table-bonuses .tr .col1 .num {
    width: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.table-bonuses .tr .col1 .img-wrapper {
    margin-right: -2px;
    width: 90px;
    height: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table-bonuses .tr .col1 .img-wrapper img {
    height: auto;
}
.table-bonuses .tr .col2 {
    white-space: nowrap;
    text-align: center;
    font-weight: 600;
    border-bottom: 2px dashed #fff;
    flex-grow: 1;
    height: 50px;
    line-height: 50px;

    display: none;
}
.table-bonuses .tr .col3 {
    padding: 8px 16px;
    border-left: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    height: 50px;
    order: 3;
}
.table-bonuses .tr .col3 .btn {
    width: 32px;
    height: 32px;
    padding: 0;
}
.table-bonuses .tr .col3 .btn.btn-avial {
    border: 2px solid #29CD66;
}
.table-bonuses .tr .col3 .btn .text {
    display: none;
}
.table-bonuses .tr .col3 .btn .fa {
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
}
.table-bonuses .tr .col3 .btn .fa::before {
    margin-top: -1px;
    margin-left: 1px;
    width: 20px;
    height: 20px;
}
.table-bonuses .tr .col3 .btn-tocasino .fa::before {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.table-bonuses .tr .col3 .btn-avial .fa::before {
    filter: invert(59%) sepia(83%) saturate(394%) hue-rotate(90deg) brightness(93%) contrast(95%);
}
.table-bonuses .tr .col4 {
    /*width: 100%;*/
    /*padding: 14px 0 14px 0;*/
    order: 2;
}
.table-bonuses .tr .col4 .type {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 4px;
}
.table-bonuses .tr .col4 .value {
    display: block;
    text-align: center;
    font-weight: 700;
}
.table-bonuses .tr .col4.double .type.wel,
.table-bonuses .tr .col4.double .value.wel {
    display: none;
}

@media all and (max-width: 767px){
    .table-bonuses .tr .col3 .btn {
        font-size: 0;
        text-indent: -9999px;
        position: relative;
    }
    .table-bonuses .tr .col3 .btn .fa {
        text-indent: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media all and (min-width: 768px){
    .table-bonuses .tr {
        flex-wrap: nowrap;
    }
    .table-bonuses .tr .col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses .tr .col2,
    .table-bonuses .tr .col3 {
        height: 100%;
    }
    .table-bonuses .tr .col1 {
        order: 1;
    }
    .table-bonuses .tr .col2 {
        display: block;

        order: 2;
        border: none;
        padding: 0 20px;
        width: 160px;
        flex-shrink: 0;
        font-size: 18px;
    }
    .table-bonuses .tr .col3 {
        order: 4;
        border: none;
        padding-right: 20px;
        padding-left: 20px;
    }
    .table-bonuses .tr .col4 {
        order: 3;
        border-left: 2px dashed #fff;
        border-right: 2px dashed #fff;
        height: 90px;
        display: inline-flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14px 0 14px 0;
    }
    .table-bonuses .tr .col1 .num {
        width: 50px;
    }
    .table-bonuses .tr .col1 .img-wrapper {
        width: 165px;
        height: 90px;
        margin-top: -1px;
        margin-bottom: -1px;
    }
    .table-bonuses .tr .col3 .btn {
        padding: 10px 32px;
        width: auto;
        height: auto;
        white-space: nowrap;
        letter-spacing: 1px;

    }
    .table-bonuses .tr .col3 .btn .text {
        display: block;
        font-weight: 700;
    }
    .table-bonuses .tr .col3 .btn .fa {
        display: none;
    }
}

@media all and (min-width: 1024px){
    .table-bonuses .tr {
        flex-wrap: nowrap;

    }
    .table-bonuses .tr .col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses .tr .col2,
    .table-bonuses .tr .col3 {
        height: 100%;
    }
    .table-bonuses .tr .col1 {
        order: 1;
    }
    .table-bonuses .tr .col2 {
        order: 2;
        border: none;
        padding: 0 80px;
        width: 250px;
        font-size: 22px;
    }
    .table-bonuses .tr .col3 {
        order: 4;
        border: none;
        padding-right: 60px;
        padding-left: 60px;
    }
    .table-bonuses .tr .col4 {
        order: 3;
        border-left: 2px dashed #fff;
        border-right: 2px dashed #fff;
        height: 90px;
        display: inline-flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .table-bonuses .tr .col4 .value {
        font-size: 18px;
    }
    .table-bonuses .tr .col4.double {
        flex-direction: row;
    }
    .table-bonuses .tr .col4.double > div {
        width: 50%;
    }
    .table-bonuses .tr .col4.double .type.wel,
    .table-bonuses .tr .col4.double .value.wel {
        display: block;
    }
    .table-bonuses .tr .col1 .num {
        width: 50px;
    }
    .table-bonuses .tr .col1 .img-wrapper {
        width: 165px;
        height: 90px;
        margin-top: -1px;
        margin-bottom: -1px;
    }
    .table-bonuses .tr .col3 .btn {
        padding: 16px 48px;
        width: auto;
        height: auto;
        white-space: nowrap;
        letter-spacing: 1px;

    }
    .table-bonuses .tr .col3 .btn .text {
        display: block;
        font-weight: 700;
    }
    .table-bonuses .tr .col3 .btn .fa {
        display: none;
    }
}

@media screen and (max-width: 576px){
    .table-bonuses .tr{
        flex-flow: row!important;
    }
}
.table-div .table-bonuses .tr {
    flex-wrap: nowrap;
}
.table-div .tr .col2 {
    padding: 5px 20px;
    width: auto;
    line-height: initial;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.table-div .tr .col2 .value {
    white-space: normal;

}
.table-div .btn.btn-active {
    color: #fff;
    background: #2AD369;
}
.table-div .btn.btn-active:hover {
    background: #15BD54;
}
@media all and (min-width: 768px) {
    .table-div .table-bonuses .tr .col2 {
        flex-shrink: 1;
    }
}
/* ---------- # Loop Casinos Div ---------- */

/* ---------- 4.5. Plus Minus  ---------- */

.cool-list-container {
    margin: 8px auto 15px auto;
}
.cool-list-container .title {
    color: #fff;
    background: #5F3ADE;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 18px 0;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    letter-spacing: 1px;
}
.cool-list-container .pluses {
    margin-bottom: 15px;
}
.cool-list-container li {
    background: #F4F4F7;
    position: relative;
    padding: 20px 30px 20px 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
}
.cool-list-container li strong,
.cool-list-container li a {
    display: contents;
}
.cool-list-container li:nth-child(even) {
    background: #F9F9FB;
}
.cool-list-container li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.cool-list-container li span {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 32px;
    border-radius: 10px;
}
.cool-list-container li span.o {
    background: #b5b5f2;
}
.cool-list-container li span.p,
.cool-list-container .pluses span {
    background: #2AD369;
}
.cool-list-container li span.m,
.cool-list-container .minuses span {
    background: #E52828;
}
.cool-list-container li span.m::before,
.cool-list-container li span.p::before,
.cool-list-container li span.p::after,
.cool-list-container .pluses span::before,
.cool-list-container .pluses span::after,
.cool-list-container .minuses span::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 2px;
    background: #fff;
}
.cool-list-container li span.p::after,
.cool-list-container .pluses span::after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -moz-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    -o-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
}
@media all and (min-width: 768px) {
    .cool-list-container.left {
        width: 50%;
        float: left;
        margin-right: 25px;
    }
    .cool-list-container.right {
        width: 50%;
        float: right;
        margin-left: 25px;
    }
    .cool-list-container li {
        line-height: 24px;
    }
    .cool-list-container.full {
        display: flex;
        flex-flow: row nowrap;
    }
    .cool-list-container .pluses .title {
        border-top-right-radius: 0;
    }
    .cool-list-container .minuses .title {
        border-top-left-radius: 0;
    }
    .cool-list-container .pluses,
    .cool-list-container .minuses {
        width: 50%;

    }
}
/* ---------- 4.10. Casino button ---------- */
.casino-button-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 24px 32px;
    margin: 25px auto;
    border-radius: 10px;
    background: #6635B1;
}
.casino-button-container .img-wrapper {
    width: 100px;
    height: 60px;
    border-radius: 10px;
    background: none;
}
.casino-button-container .img-wrapper img {
    height: auto;

}
.casino-button-container .img-wrapper .default {
    width: 48px;
    height: 48px;
}
.casino-button-container .text {
    flex: 1 1 50px;
    padding-left: 16px;
}
.casino-button-container .text1 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.casino-button-container .text2 {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.casino-button-container .button-container {
    width: 100%;
    margin-top: 10px;

}
.casino-button-container .button-container .btn {
    width: 100%;
    font-weight: 700;
}
@media all and (min-width: 768px){
    .casino-button-container {
        padding: 22px 130px;
    }
    .casino-button-container .text {
        flex: 1;
        padding-left: 24px;
    }
    .casino-button-container .button-container {
        flex: 1;
        margin-top: 0;
        text-align: right;
    }
    .casino-button-container .button-container .btn {
        width: auto;
        padding-left: 50px;
        padding-right: 50px;
        margin: 0 auto;
    }
}

/* ---------- 4.22. Conversion Banners ---------- */
.conversion-container .conv-title {
    margin-top: 24px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: #252525;
}
.conversion-container .conv-button,
.conversion-container .top-conv-button {
    display: block;
    width: 100%;
    padding: 16px;
    margin-top: 24px;
    background-color: #67CF74;
    border: 1px solid #5FC96D;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.conv-button,
.top-conv-button {
    background-color: #67CF74;
    color: #fff;
}
.conv-button:hover,
.top-conv-button:hover {
    background-color: #2ad369;
}
.conversion-container .conversion-top {
    text-align: center;
}
/* ----- 4.22.1. Top Conversion Banner ----- */
.conversion-container.banner-small {
    background-color: #F9F9FA;
    padding: 16px;
    margin: 24px auto;
    border: 3px solid #F6BB52;
    border-radius: 10px;
}
@media all and (min-width: 768px) {

}
@media all and (min-width: 1024px) {

}
/* ----- 4.22.2. Conversion Banner ----- */

.conversion-container.banner-table {
    background-color: #4735BA;
    padding: 0;
    margin: 24px auto;
    border-radius: 10px;
}
.conversion-container.banner-table .conversion-top {
    padding: 16px;
    background-color: #342885;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.conversion-container.banner-table .conversion-bottom {
    padding: 16px;
}
.conversion-container.banner-table .conv-title {
    color: #fff;
}
.conversion-container.banner-table .conv-text {
    color: #ECE9FF;
    margin-top: 16px;
    margin-bottom: 24px;
}

@media all and (min-width: 768px) {
    .conversion-container.banner-small .conversion-top,
    .conversion-container.banner-table {
        display:flex;
        align-items: center;
    }
    .conversion-container.banner-small .conv-title {
        margin-top: 0;
        margin-left: 24px;
    }
    .conversion-container.banner-small figure {
        flex: 1 20%;
    }
    .conversion-container.banner-small .conv-title {
        flex: 1 80%;
        text-align: left;
    }
    .conversion-container.banner-table .conversion-top {
        flex: 1 33%;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
    }
    .conversion-container.banner-table .conversion-bottom {
        flex: 1 67%;
        padding: 24px 120px;
    }
    .conversion-container.banner-table .conv-title {
        font-size: 36px;
        line-height: 42px;
    }
}
@media all and (min-width: 1024px) {

}
/* ---------- # 4.22. Conversion Banners ---------- */
.table-bonuses tr.conversion-row,
.table-bonuses .tr.conversion-row {
    background-color: #5844D6;
}
.table-bonuses tr.conversion-row .img-wrapper,
.table-bonuses .tr.conversion-row .img-wrapper {
    padding: 10px;
    background-color: #5844D6;
}
.table-bonuses tr.conversion-row td.col3,
.table-bonuses tr.conversion-row td.col4,
.table-bonuses .tr.conversion-row .td.col3,
.table-bonuses .tr.conversion-row .td.col4 {
    border: none;
}
.table-bonuses tr.conversion-row .img-wrapper img.conversion-image-table,
.table-bonuses .tr.conversion-row .img-wrapper img.conversion-image-table {
    height: 100%;
    width: auto;
    position: relative;
}
.table-bonuses tr.conversion-row td.col2,
.table-bonuses tr.conversion-row td.col4,
.table-bonuses .tr.conversion-row .td.col2,
.table-bonuses .tr.conversion-row .td.col4 {
    color: #fff;
}
.page-top .casino-info-container  .casino-info-top-banner img {
    width: auto;
    height: auto;
}
.page-top .casino-info-container  .casino-info-top-banner {
    cursor: pointer;
}
/*
+----------------------------------------------------------------+
|                                                                                                                                                                                       |
|       WordPress Plugin: WP-PostRatings                                                                |
|       Copyright (c) 2012 Lester "GaMerZ" Chan                                                                 |
|                                                                                                                                                                                       |
|       File Written By:                                                                                                                                        |
|       - Lester "GaMerZ" Chan                                                                                                                  |
|       - http://lesterchan.net                                                                                                                 |
|                                                                                                                                                                                       |
|       File Information:                                                                                                                                       |
|       - Post Ratings CSS File                                                                                                                 |
|       - wp-content/plugins/wp-postratings/postratings-css.css                 |
|                                                                                                                                                                                       |
+----------------------------------------------------------------+
*/


.post-ratings {
        width:100%;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        /* background-color: #ffffff; */
}
.post-ratings-loading {
        display: none;
        height: 16px;
        text-align: left;
}
.post-ratings-image {
        border: 0px;
}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.post-ratings-text {
}
.post-ratings-comment-author {
        font-weight: normal;
        font-style: italic;
}/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body,p,a,h1,h2,h3,h4,h5,h6,ul,ol,li,img,blockquote,form,input,textarea,select,button,article,section,aside,figure,header,footer {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    text-decoration: none;
    outline: none;
    background: none;
}

/* -------------------- 1. General -------------------- */

* {
    box-sizing: border-box;
}
html {
    width: 100%;
    scroll-behavior: smooth;
}
body {
    width: 100%;
    overflow-x: hidden;
    font-size: 14px;
    color: #3f3f3f;
/*     font-family: 'RF Dewi', sans-serif; */
        font-family: 'Roboto', sans-serif;
}
main {
    max-width: 100vw;
    overflow-x: hidden;
}
body.noscroll {
    overflow: hidden;
}
body.loaded>*{overflow: visible;}
body.loaded>main {
    overflow-x: hidden !important;
}
.container {
    width: 100%;
    padding: 0 24px;
    max-width: 1280px;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    margin: 5px auto 10px auto;
    letter-spacing: 1px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
p {
    line-height: 20px;
}
section {
    padding-bottom: 25px;
}
section:last-child {
    padding: 0;
}
section > p {
    margin-bottom: 10px;
}
section > .full-width + p {
    margin-top: 25px;
}
/*
section > p:first-child,
section > h1:first-child,
section > h2:first-child,
section > h3:first-child {
    margin-top: 25px;
}
*/
a {
    color: #2b1e5a;
}
.content > section > p > a,
.content > section > ul > li > a,
.content > section > ol > li > a,
.accordeon-answer a,
.tabs-container a {
        font-weight: bold;
}

img {
    max-width: 100%;
}
hr {
    border: none;
    border-top: 1px solid #F3F3F3;
    outline: none;
    margin: 35px 0;
}
button {
    cursor: pointer;
    font-family: 'RF Dewi', sans-serif;
}
.btn {
    display: inline-block;
    border: 1px solid #29CD66;
    border-radius: 10px;
    color: #29CD66;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
    letter-spacing: 1px;
}
.btn:hover {
    color: #fff;
    background: #2AD369;
}
.btn.btn-active {
    color: #fff;
    background: #2AD369;
}
.btn.btn-active:hover {
    background: #15BD54;
}
.btn.btn-avial {
    color: #3f3f3f;
    background: #F4F4F7;
    border: 1px solid #F4F4F7;
}
article section > ul {
    display: table;
    width: auto;
}
section > ul {
    margin: 10px 0 20px 0;
}
section > ul li {
    position: relative;
    padding-left: 50px;
    line-height: 24px;
    margin-bottom: 10px;
}
section > ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #5434C3;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 12px;
}
section > ol {
    counter-reset: currentStep 0 remainder 0 totalStep 0;
    margin: 10px 0 20px 0;
}
section > ol li {
    position: relative;
    padding-left: 50px;
    line-height: 24px;
    margin-bottom: 20px;
    counter-increment: step-counter;
}
section > ol li::before {
    content: counter(step-counter);
    position: absolute;
    top: 2px;
    left: 8px;
    background: #5434C3;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 Roboto;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    width: 20px;
    height: 20px;
}
.fa::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 16px;
    height: 16px;
}
.fa-angle-down::before {
    background-image: url("../img/icons/fa-angle-down.svg");
}
.fa-bars::before {
    background-image: url("../img/icons/bars.svg");
}
.fa-facebook::before {
    background-image: url("../img/icons/fa-facebook.svg");
}
.fa-facebook-messenger::before {
    background-image: url("../img/icons/fa-facebook-messenger.svg");
}
.fa-facebook-official::before {
    background-image: url("../img/icons/fa-facebook-official.svg");
}
.fa-instagram::before {
    background-image: url("../img/icons/fa-instagram.svg");
}
.fa-linkedin::before {
    background-image: url("../img/icons/fa-linkedin.svg");
}
.fa-long-arrow-right::before {
    background-image: url("../img/icons/fa-long-arrow-right.svg");
}
.fa-search::before {
    background-image: url("../img/icons/search.svg");
}
.fa-skype::before {
    background-image: url("../img/icons/fa-skype.svg");
}
.fa-telegram::before {
    background-image: url("../img/icons/fa-telegram.svg");
}
.fa-twitter::before {
    background-image: url("../img/icons/fa-twitter.svg");
}
.fa-whatsapp::before {
    background-image: url("../img/icons/fa-whatsapp.svg");
}
.fa-youtube::before {
    background-image: url("../img/icons/fa-youtube.svg");
}
.btn-active .fa::before {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
    padding: 25px 0;
    background: #F4F4F7;
}
.full-width h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn-active {
    cursor: pointer;
}
.img-wrapper {
    position: relative;
    overflow: hidden;
}
.img-wrapper .preload {
    position: absolute;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    background-image: url("../img/nothumb.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 6px;
}
.img-wrapper.no-bg {
    background: none;
}
.img-wrapper > img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.popup-container {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /*background-color: rgba(43,50,55,.95);*/
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0 24px;
}
.popup-container.active {
    display: flex;
}
.popup-content {
    background: #fff;
    padding: 60px 8px;
    border-radius: 10px;
    position: relative;
}
.contact-form .popup-content {
    border: 1px solid #ccc;
}
.popup-content tr {
        flex-wrap: nowrap;
}
.popup-close {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 24px;
    display: block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 24px;
    font-weight: 200;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.popup-content p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.popup-content p.title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
.popup-content .loop-container {
    margin-top: 40px;
    margin-bottom: 40px;
}
.popup-content .reflink {
    color: #5434C3;
    text-decoration: underline;
}
.popup-container.only-desktop .popup-content {
    padding: 60px 50px;
}
.popup-container.only-desktop .popup-content .title {
    margin-bottom: 25px;
}
.popup-container.only-desktop .popup-content .btn {
    margin-top: 25px;
}
@media all and (min-width: 768px) {
    h1 {
        font-size: 42px;
        margin-top: 25px;
    }
    h2 {
        font-size: 36px;
    }
    .full-width h2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 26px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 18px;
    }
    p {
        line-height: 24px;
    }
    #footer .popup-content {
        padding: 60px 60px;
    }
}

/* -------------------- # 1. General -------------------- */

/* -------------------- 2. Header -------------------- */

#header {
    position: sticky;
    top: 0;
    background: #FAFAFB;
    z-index: 2;
}
#header .top-header {
    background: #5F3ADE;
    /*
    padding-top: 20px;
    padding-bottom: 20px;
    */
    height: 60px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*border-bottom: 1px solid #EFEFF0;*/
}
#header .top-header .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    height: 100%;
}
/* ----- logo ----- */
#header .logo-container {
    margin-right: auto;
    display: flex;
    align-items: center;
    /*height: 16px;*/
}
#header .logo-container.active {
    position: absolute;
    top: 50%;
    left: 24px;
    z-index: 3;
    margin-top: -8px;
}
.logo-wrap {
    height: 20px;
}
.site-logo {
    display: block;
    width: auto;
    /*min-width: 140px;*/
    height: 100%;
}

/* ----- menu ----- */
.menu-container {
    display: none;
    flex-direction: column;
    height: 100vh;
    overflow-y: scroll;
    max-height: none;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
}
.menu-container.active {
    display: flex;
    top: 60px;
}
.menu-container.active .menu {
    border-top: 1px solid #EFEFF0;
    padding: 25px 0;
}
.menu li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.menu li a {
    display: inline-block;
    font-size: 24px;
    padding: 10px 12px 10px 24px;
    font-weight: bold;
    position: relative;
}
.menu .dropdown {
    transform: rotate(0);
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu .active > .dropdown{
    transform: rotate(180deg);
}
.menu .dropdown::before {
    width: 20px;
    height: 35px;
}
.menu .sub-menu {
    width: 100%;
    background: #F4F4F7;
}
.menu .sub-menu li {
    height: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}
.menu .active .sub-menu li {
    height: 40px;
}
.menu .active .sub-menu li.menu-item-has-children {
    height: auto;
    padding: 10px 0 20px 0;
}
.menu .sub-menu li.active {
    height: auto;
}
.menu .sub-menu li a {
    font-size: 18px;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.menu .active .sub-menu .sub-menu li {
    height: 24px;
}
.menu .sub-menu .sub-menu li a {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}
.menu .active .sub-menu .sub-menu li.menu-item-has-children {
    height: auto;
    padding: 0;
}
.menu .active .sub-menu .sub-menu {
    padding-left: 15px;
}
#navToggle.active {
    position: absolute;
    top: 15px;
    right: 24px;
    z-index: 3;
}
.navbar-toggle {
    height: 24px;
    width: 24px;
    position: relative;
}
.navbar-toggle .lines {
    background-color: #fff;
    border-radius: 1px;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -12px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.navbar-toggle .lines::before,
.navbar-toggle .lines::after {
    content: '';
    background-color: #fff;
    border-radius: 1px;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.navbar-toggle .lines::after {
    top: -8px;
}
.navbar-toggle .lines::before {
    bottom: -8px;
}
#navToggle.active .lines,
#navToggle.active .lines::before,
#navToggle.active .lines::after,
.scrolled #navToggle .lines,
.scrolled #navToggle .lines::before,
.scrolled #navToggle .lines::after {
    background-color: #2B1E5A;
}
#navToggle.active .navbar-toggle .lines {
    height: 0;
}
#navToggle.active .navbar-toggle .lines::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
}
#navToggle.active .navbar-toggle .lines::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
}
.menu-img {
    padding: 0 24px;
}
.menu-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.menu .dropdown.fa-long-arrow-right {
    display: none;
}

@media all and (min-width: 768px) {
    .logo-wrap {
        height: 30px;
        display: block;
    }
    .site-logo {
        height: auto;
        max-height: 100%;
    }
    #navToggle {
        display: none;
    }
    .menu-container {
        display: flex;
        position: relative;
        height: auto;
        background: none;
        overflow: visible;
    }
    .menu {
        margin-left: 25px;
        display: flex;
        justify-content: space-evenly;
    }
    .menu > li {
        display: inline-flex;
        position: relative;
        height: 60px;
        flex-wrap: nowrap;
    }
    .menu li:hover {
        background: #5434C3;
    }
    .scrolled .menu li:hover {
        background: #F4F4F7;
    }
    .menu > li.current-menu-item {
        border-bottom: 2px solid #fff;
    }
    .scrolled .menu > li.current-menu-item {
        border-bottom: 2px solid #2B1E5A;
    }
    .menu li a {
        display: inline-block;
        font-size: 18px;
        line-height: 20px;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .scrolled .menu li a {
        color: #2B1E5A;
    }
    .menu .dropdown {
        display: inline-block;
        height: 30px;
    }
    .menu .dropdown::before {
        width: 16px;
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
    }
    .scrolled .menu .dropdown::before {
        filter: invert(16%) sepia(20%) saturate(3616%) hue-rotate(226deg) brightness(86%) contrast(103%);
    }
    .scrolled .sub-menu li:hover .dropdown::before {
        filter: invert(100%) sepia(0%) saturate(6625%) hue-rotate(230deg) brightness(128%) contrast(103%);
    }
    .menu .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 320px;
        z-index: 1;
        background: #5434C3;
    }
    .scrolled .menu .sub-menu {
        background: #FAFAFB;
    }
    .menu li.active > .sub-menu {
        display: block;
    }
    .menu .active .sub-menu li {
        position: relative;
        overflow: visible;
        padding: 10px 20px 10px 0;
        height: auto;
    }
    .menu .active .sub-menu .sub-menu li.menu-item-has-children {
        padding: 10px 20px 10px 0;
    }
    .menu .active .sub-menu li a {
        line-height: 18px;
    }
    .menu .active .sub-menu li:hover > a {
        color: #fff;
    }
    .menu .sub-menu li:hover {
        background: #5F3ADE;
    }
    .menu .active .sub-menu li.menu-item-has-children {
        display: flex;
        justify-content: space-between;
        padding: 10px 20px 10px 0;
    }
    .menu .sub-menu li:hover > .sub-menu {
        position: absolute;
        display: block;
        left: 100%;
        top: -10px;
    }
    .menu .active .sub-menu .sub-menu {
        padding-left: 0;
    }
    .menu .dropdown.fa-long-arrow-right {
        display: block;
    }
    .menu .active .sub-menu .sub-menu li {
        height: auto;
    }
}

/* ----- search ----- */

.search-container {
    display: flex;
    flex-direction: column;
}
.search-container.active {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    z-index: 2;
    padding: 0 24px;
}
.active #searchToggle .fa {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
    width: 24px;
    height: 24px;
}
.search-form {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    margin-right: 20px;
    height: 40px;
}
.active .search-form {
    background: #fff;
    padding: 0 20px;
}
.search-form input {
    display: none;
    height: 100%;
    width: 100%;
    padding: 0 15px;
}
#closeSearch {
    display: none;
    cursor: pointer;
    font-size: 24px;
}
.active .search-form input,
.active .search-form #closeSearch {
    display: block;
}
.search-results {
    padding: 0 24px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}
#search-results {
    z-index: 1;
    max-height: 80vh;
    overflow-y: scroll;
}
#search-results::-webkit-scrollbar {
    width: 3px
}
#search-results::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
#search-results::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090
}

.search-element {
    background: #fff;
    border: 1px solid #F5F1FF;
    margin-bottom: -1px;
}
.search-element:hover {
    background: #F5F1FF;
}
.search-element a {
    display: block;
    padding: 20px 15px;
}

/* ----- langs  ----- */
.current-lang {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    width: 40px;
    text-align: right;
    cursor: pointer;
}
.en-ca {
    background-image: url("../img/flags/ca.svg");
}
.pt-br {
    background-image: url("../img/flags/br.svg");
}
.de-de {
    background-image: url("../img/flags/de.svg");
}
.en-sg {
    background-image: url("../img/flags/sg.svg");
}
.fr-ca {
    background-image: url("../img/flags/ca.svg");
}
.fr-ch{
    background-image: url("../img/flags/sw.svg");
}
.de-ch {
    background-image: url("../img/flags/sw.svg");
}
.en-ph {
    background-image: url("../img/flags/ph.svg");
}
.pl-pl {
    background-image: url("../img/flags/pl.svg");
}
.en-au {
    background-image: url("../img/flags/au.svg");
}
.de-at {
    background-image: url("../img/flags/at.svg");
}
.langs-container {
    padding-right: 10px;
}
.linker {
    position: relative;
}
.linker .fa {
    width: 19px;
}
.linker .fa::before {
    width: 12px;
    height: 12px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.linker div {
    display: none;
    position: absolute;
    top: 15px;
    right: -28px;
    padding: 10px 0;
    z-index: 2;
}
.linker div::before {
    content: '';
    position: absolute;
    top: 4px;
    right: 22px;
    border-left: 16px solid rgba(0,0,0,0);
    border-right: 16px solid rgba(0,0,0,0);
    border-bottom: 16px solid #fff;
}
.linker.active div {
    display: block;
}
.linker ul {
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px 0;
    border-radius: 10px;
    z-index: 1;
    overflow-y: scroll;
    max-height: 40vh;
}
.linker ul::-webkit-scrollbar {
    width: 3px
}
.linker ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.linker ul::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090
}
.linker ul li {
    background-color: #fff;
    border: 1px solid #F5F1FF;
    margin-bottom: -1px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 24px center;
    padding-left: 50px;
}
.linker ul li:hover {
    background-color: #F5F1FF;
}
.linker ul li a {
    display: block;
    padding: 20px 10px;
}
.linker.active .fa{
    transform: rotate(180deg);
}
/* ----- page navigation ----- */
.page-navigation {
    /*
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    */
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #FAFAFB;
    margin: 0 auto;
    border-top: 1px solid #EFEFF0;
}
.page-navigation ul {
    width: 100%;
}
.page-navigation li {
    display: block;
    padding: 0 24px;
    margin-top: -1px;
}
.scrolled .page-navigation li {
    border-bottom: 1px solid #EFEFF0;
}
.page-navigation li a {
    display: none;
    padding: 15px 24px;
    color: #69608A;
    background: url("../img/list-style-circle.svg") no-repeat;
    background-position: 4px center;
    max-width: 1280px;
    margin:0 -24px;
}
.page-navigation .visible {
    display: block;
}
.page-navigation .current {
    display: block;
    font-weight: bold;
    color: #2B1E5A;
    background-image: url("../img/list-style-disc.svg");
}
#pageNav {
    display: none;
    padding: 15px 0;
    position: absolute;
    top: 0;
    right: 24px;
}
#pageNav.visible {
    display: block;
}

@media all and (min-width: 768px) {
    .page-navigation .container {
        position: relative;
    }
    .page-navigation #pageNav {
        right: 32px;
    }
}

/* ----- header scrolled ----- */
#header.scrolled .top-header,
.noscroll #header .top-header {
    background: none;
/*
    padding-top: 10px;
    padding-bottom: 10px;*/
}
.noscroll .search-container,
.noscroll .langs-container {
    display: none;
}
#header.scrolled .site-logo,
.active .site-logo,
#header.scrolled .search-container:not(.active) .fa::before,
#header.scrolled .linker .fa::before {
    filter: brightness(0) saturate(100%) invert(13%) sepia(21%) saturate(5146%) hue-rotate(234deg) brightness(95%) contrast(99%);
}

/* -------------------- # 2. Header -------------------- */

/* -------------------- 3. Footer -------------------- */

#footer {
    background: #5434C3;
    /*padding: 30px 0 60px 0;*/
}
#footer p {
    color: #C7BCEB;
    margin: 15px 0 10px 0;
}
.messengers .fa,
#footer .container .fa{
    border-radius: 50%;
    background: #fff;
    padding: 15px;
}
.messengers .fa::before,
#footer .container .fa::before {
    filter: invert(20%) sepia(83%) saturate(3876%) hue-rotate(250deg) brightness(79%) contrast(91%);
    width: 18px;
    height: 18px;
}
#footer .container .fa:hover::before {
    -webkit-transform: translate(-46%,-46%);
    -ms-transform: translate(-46%,-46%);
    transform: translate(-46%,-46%);
}
.top-footer {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
}
.top-footer .logo-wrap {
    height: 30px;
    display: block;
}
.footer-menu {
    margin: 25px 0;
}
.footer-menu li {
    margin-bottom: 15px;
}
.footer-menu a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
.contacts-container a {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0 15px 0;
    text-decoration: underline;
}
.messengers li,
.footer-socials li {
    display: inline-block;
    margin-right: 5px;
}
.middle-footer,
.bottom-footer {
    border-top: 1px solid #6A51C3;
    padding: 30px 0;
}
.middle-footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.middle-footer ul li {
    margin-bottom: 15px;
    padding: 0 5px;
}
.middle-footer ul li img {
    height: 40px;
    width: auto;
}
.footer-socials {
    margin-top: 40px;
}

@media all and (min-width: 768px) {
    .top-footer {
        flex-direction: row;
    }
    .top-footer .logo-wrap {
        height: 50px;
    }
    .footer-logo-container {
        width: 40%;
    }
    .footer-menu-container {
        width: 20%;
    }
    .footer-menu {
        margin-top: 0;
    }
    .contacts-container {
        width: 40%;
    }
    #footer .contacts-container p {
        margin: 0 0 15px 0;
    }

    .messengers li,
    .footer-socials li {
        margin-right: 10px;
    }
    #footer .bottom-footer {
        display: flex;
        justify-content: space-between;
    }
    #footer .bottom-footer .footer-text {
        width: 55%;
    }
    #footer .bottom-footer .footer-socials {
        margin-top: 0;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    #footer .bottom-footer .footer-socials {
        margin-bottom: 10px;
    }
}

/* ---------- 4.3. Author ---------- */
.author-container {
    background: #5F3ADE;
    padding: 60px 24px;
}
.author-container .author-image {
    float: left;
    margin-right: 25px;
}
.author-container .img-wrapper {
    width: 80px;
    height: 80px;
    background: none;
}
.author-container .img-wrapper img {
    border-radius: 50%;
}
.author-container p {
    color: #fff;
}
.author-container .author-description {
    margin-bottom: 30px;
}
.author-container .author-description p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: 1px;
}
.author-container .author-name {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 600;
}
.author-container .author-position {
    font-size: 14px;
    line-height: 16px;
}
.author-container .fa::before {
    width: 18px;
    height: 18px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.author-container .author-socials {
    margin-top: 25px;
}
.author-container .author-socials li {
    display: inline-block;
    margin-right: 10px;
}

@media all and (min-width: 768px) {
    .author-container {
        padding: 88px 24px;
    }
    .author-container > .container {
        display: flex;
        flex-direction: row;
    }
    .author-container .author-image {
        width: 25%;
        float: none;
        margin: 0;
    }
    .author-container .img-wrapper {
        width: 114px;
        height: 114px;
    }
    .author-container .author-info {
        width: 75%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .author-container .author-info .author-description {
        width: 100%;
    }
    .author-container .author-name-container {
        width: 50%;
    }
    .author-info .author-socials {
        width: 50%;
        text-align: right;
    }
}
/* ---------- # 4.3. Author ---------- */

#header{
    z-index: 4;
}

/* ---------- 4.19. Youtube ---------- */
.youtube {
    position: relative;
    height: 300px;
    overflow: hidden
}

.youtube img {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.youtube .ytplay {
    position: absolute;
    width: 80px;
    height: 80px;
    margin: 0;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.youtube .ytplay:hover {
    opacity: .9;
}

@media all and (min-width: 720px) {
    .youtube {
        height:500px
    }
}
/* ---------- # 4.19. Youtube ---------- */


.terms {
    padding: 10px 24px;
    margin-right: -100%;
    width: 100%;
}
.terms .title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.terms ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -5px;
}
.terms li {
    display: block;
    margin: 5px;
}
.terms a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #EDE8FA;
    position: relative;
    height: 32px;
    width: 60px;
    padding: 0 5px;
}
.terms a img {
    display: block;
    width: 90%;
    height: auto;
}
.tabs .terms {
    display: none;
}
.tabs .terms.show {
    display: block;
}
.tabs .terms a,
.tabs .terms span {
    width: auto;
    background: #F4F4F7;
    padding: 8px 24px;
    border: none;
    color: #2B1E5A;
    font-weight: 600;
    display: block;
    height: auto;
    line-height: 20px;
}
.tabs .terms.payments a,
.tabs .terms.payments span {
    display: flex;
    padding: 0 5px;
    border: 1px solid #EDE8FA;
    background: none;
    height: 32px;
    width: 60px;
}
.tabs .terms a:hover {
    color: #F4F4F7;
    background: #2B1E5A;
}
.tabs .terms a:hover img {
    filter: grayscale(100%);
}
.tabs .terms span {
    border-radius: 10px;
}
.tabs .tabs-nav {
    padding: 24px 24px 0 24px;
}
.tabs .tabs-nav ul {
    margin-bottom: 0;
}
.tabs .tabs-nav li {
    display: inline-block;
    margin-right: 24px;
}
.tabs .tabs-nav .title {
    color: #C4C4C4;
    position: relative;
    font-size: 13px;
    cursor: pointer;
    text-transform: capitalize;
}
.tabs .tabs-nav .title:hover,
.tabs .tabs-nav .title.active {
    color: #000;
}
.tabs .tabs-nav .title.active {
    font-weight: 600;
}
.tabs .tabs-nav .title.active::before {
    content: '';
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #2B1E5A;
    position: absolute;
    bottom: -6px;
    left: 0;
}@media all and (min-width: 768px) {
    .terms-container {
        position: relative;
        display: flex;
        overflow: hidden;
    }
    .tabs .tabs-nav .title {
        font-size: 16px
    }
}@media screen and (max-width: 576px){
    .container.content img{
        height: auto!important;
    }
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media all and (max-width: 812px) {
    .alignright {
        max-width: 250px;
    }
}
@media all and (max-width: 479.98px){
    .alignright {
        max-width: 150px;
        height: auto;
    }
    .content section table {
        float: none!important;
        width: 100%;
        margin: 20px 0!important;
    }
}
@media all and (min-width: 720px) and (max-width: 1023.98px) {
    .alignright {
        max-width: 250px;
    }
}

/* -------------------- # 5. Casino -------------------- */

.content section:first-of-type > p:first-child,
.content section:first-of-type > h1:first-child,
.content section:first-of-type > h2:first-child,
.content section:first-of-type > h3:first-child {
    margin-top: 50px;
}
.content section:last-of-type > p:last-child,
.content section:last-of-type > h1:last-child,
.content section:last-of-type > h2:last-child,
.content section:last-of-type > h3:last-child {
    margin-bottom: 50px;
}

/* ---------- 4.9. Tabs ---------- */
.tabs-container {
    display: flex;
    flex-flow: column nowrap;
    margin: 25px auto;
}
.tabs-container .tabs .tabs-nav {
    padding-left: 0;
}
.tabs-container .tab-container {
    line-height: 20px;
    padding-top: 10px;
    padding-left: 20px;
    display: none;
}
.tabs-container .tab-container.show {
    display: block;
}
.tabs-container .img-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 175px;
    border-radius: 10px;
    margin: 15px auto 0 auto;
}
.tabs-container .img-wrapper img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

@media all and (min-width: 768px){
    .tabs-container {
        flex-flow: row nowrap;

    }
    .tabs-container .tab-container {
        line-height: 24px;
    }
    .tabs-container .tabs {
        width: 75%;
        padding-right: 25px;
    }
    .tabs-container .tabs .tabs-nav {
        padding-top: 12px;
    }
    .tabs-container .img-wrapper {
        width: 25%;
    }
}
/* ---------- # 4.9. Tabs ---------- */

/* ---------- 4.11. Column full, left, right ---------- */

.column-container {
    background: #F4F4F7;
    padding: 40px 32px;
    border-radius: 10px;
    margin-top: 8px;
    margin-bottom: 24px;
}
.column-container .title {
    font-size: 18px;
    font-weight: 700;
}
.column-container .text {
    font-size: 14px;
    line-height: 20px;
}
.column-container .img-wrapper {
    margin-top: 32px;
    margin-bottom: 0;
    height: 166px;
    border-radius: 10px;
}
.column-container .img-wrapper img {
    display: block;
    width: 100%;
    height: auto;

}
@media all and (min-width: 768px) {
    .column-container.info-full .img-wrapper {
        height: 250px;
    }
    .column-container.info-left {
        width: 48%;
        margin-right: 2%;
        float: left;
    }
    .column-container.info-right {
        width: 48%;
        margin-left: 2%;
        float: right;
    }
    .column-container .image {
        position: relative;
    }
    .column-container .text {
        line-height: 24px;
    }
}
/* ---------- # 4.11. Column full, left, right ---------- */

/* ---------- 4.20. All Devices ---------- */
.all-devices {
    border: 1px dashed #5434C3;
    text-align: center;
    padding: 25px 40px;
    margin: 10px auto 25px auto;
}
.all-devices .thumb {
    max-width: 150px;
    margin: 10px auto
}
.all-devices .text {
    margin: 10px auto;
    font-weight: 700
}
/* ---------- # 4.20. All Devices ---------- */


/* ---------- 4.4. FAQ ---------- */
.accordeon-container {
    background: #F4F4F7;
    padding: 30px 0;
}
.accordeon-questions {
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}
.accordeon-block {
    border-bottom: 1px solid #F4F4F7;
    background: #fff;
    padding: 30px 30px;
}
.accordeon-question {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.accordeon-question-text {
    font-weight: bold;
    font-size: 16px;
    flex: 1;
}
.accordeon-answer {
    display: none;
    padding-top: 15px;
    font-size: 14px;
    line-height: 20px;
}
.active .accordeon-answer {
    display: block;
}
.item-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #5434C3;
    border-radius: 50%;
}
.item-toggle .lines {
    position: relative;
}
.item-toggle .lines::before,
.item-toggle .lines::after {
    content: '';
    display: block;
    width: 15px;
    position: absolute;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    background-color: #fff;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -7px;
}
.item-toggle .lines::after {
    transform: rotate(90deg);
}
.active .item-toggle .lines::after {
    transform: rotate(0);
}
@media all and (min-width: 768px) {
    .accordeon-block {
        padding: 30px 60px;
    }
    .accordeon-question-text {
        font-size: 18px;
        line-height: 23px;
    }
    .accordeon-answer {
        padding-top: 25px;
        line-height: 24px;
    }
}
@media all and (max-width: 576px) {
    .accordeon-question-text {
        padding-right: 20px!important;
    }
}
/* ---------- # 4.4. FAQ ---------- */


/* ---------- 4.8. Other posts ---------- */
@media all and (min-width: 768px) {
    /*
    .other-posts .accordeon-answer-text {
        display: flex;
    }
    */
    .other-posts .accordeon-answer-text li {
        display: inline-block;
        width: 33%;
    }
}
@media all and (min-width: 1024px) {
        .menu-container nav {
                align-items: baseline;
        }
    .menu-container .menu .sub-menu {
        left: -14px;
        width: 240px;
    }
    .menu-container nav .sub-menu a {
        white-space: nowrap;
        text-align: left;
    }
}
.page-top .toggle-action button {
        height: 3em;
}

.show-less.expanded .toggle-action button::after{
            content: "Pokaż mniej ⤴";
}
.show-less.collapsed .toggle-action button::after{
    content: "Pokaż więcej ⤸";
        top: 4px;
}
.page-top.expanded .toggle-action button::after {
            content: "Pokaż mniej ⤴";
}
.page-top.collapsed .toggle-action button::after {
    content: "Pokaż więcej ⤸";
}
.wpcf7 {
        box-sizing: border-box;
        width: 100%;
}
.form-element input,
.form-element textarea {
        background: #346581;
        padding: 6px 5px;
        display: block;
        width: 100%;
        max-width: 400px;
        box-sizing: border-box;
        color: #fff;
        border: 1px solid #1c4e63;
        border-radius: 3px;
        font-family: Roboto,sans-serif;
}
.form-element button {
        background: #346581;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
}
.wpcf7-form-control-wrap,
.wpcf7-form-control-wrap:focus {
        border: none;
        outline: none;
}
.wpcf7-submit {
        background-color: #10D046 !important;
        cursor: pointer;
}
#header .top-header {
  background: #10786e
}
#header.scrolled .top-header,
.noscroll #header .top-header {
  background: #69e096
}
.casino-header {
  background-color: #009688eb;
  background-image: url(/c-static-files/6309faf7a92d6-sdflrmbu088_wr7.jpg);
  background-blend-mode: difference;
}
#footer {
  background: #10786e !important
}
.page-top .table-bonuses .tr .col1 {
  background: #42b1a7 !important
}
.casino-header .show-more {
  color: #ffeb3b !important
}
.casino-header .show-more::after {
  background: none !important
}
.table-div .btn.btn-active {
  background: #209420 !important
}
.author-container {
  background: #10786e !important
}
#footer p {
  color: #ffeb3b !important
}
.middle-footer,
.bottom-footer {
  border-top: 1px solid #ffeb3b !important
}
a {
  color: #30afa4;
}
.table-bonuses tr td.col1 {
  background: #2ad369b3 !important
}
.single-table-conversion.desctop .casino-data-container {
  background: #126860 !important
}
.casino-button-container {
  background: #1c7870 !important
}
.cool-list-container .title {
  background: #ffeb3b !important
}
.item-toggle {
  background: #4ac362 !important
}
.table-container table thead tr {
  background: #277e76 !important
}
.casino-data-container {
  background: #ffc107 !important
}
.menu li:hover {
  background: #209420;
}
.scrolled .menu li a {
  color: #1a1e1a;
}
.scrolled .menu > li.current-menu-item {
  border-bottom: 2px solid #1b1e1a;
}
.remove {
  display:none !important
}
#header.scrolled .site-logo,
.active .site-logo,
#header.scrolled .search-container:not(.active) .fa::before,
#header.scrolled .linker .fa::before {
  filter: brightness(0.1) !important;
}
.logo-wrap {
  height: auto !important;
}