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;

}







.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;

    

}

.table-casinos .col2 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 65%;

    padding-right: 16px;

    

}

.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;

    

}

.table-casinos .col4 {

    width: 100%;

    display: flex;

    padding: 0 16px;

    

}

.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;

    

    font-weight: bold;

    

}

.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 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;

        

    }

    .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;

    }

}





.loop-games {

    width: 100%;

    

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    



    



}

.loop-games .game {

    display: flex;

    width: 100%;

    flex-direction: column;

    padding: 5px 0;

}

.loop-games .game:nth-child(odd) {

    

}



.loop-games .img-wrapper {

    

    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 {

    



    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%;

        

    }

    .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 {

        

        

    }

    .loop-games .game:nth-child(6n) {

        border-right: none;

    }

    .loop-games .img-wrapper {

        

    }

    .loop-games .dev-logo.img-wrapper {

        top: 24px;

        left: 24px;

    }

    .loop-games .info .title {

        font-size: 16px;

        line-height: 24px;

    }

}





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

    .content-mask::after {

        display: none;

    }

}

.content-mask.fitin::after {

    display: none;

}



.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;

    

}

.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;

}







.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;

    }

}











.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 {

    

    

    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%;

        

    }

    .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%;

        

    }

    .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;

    }

}













.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;

    }

}


















































.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 {

        

        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 {

        

        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;

    }

}







.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;

    

}

.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;

    }

}









.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;

        

    }

    .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;

    }

}









.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;

}







.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%;

}







.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 {

        

        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 {

    

    

    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%;

        

    }

    .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%;

        

    }

    .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;

    }

}









.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%;



    }

}



.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;

    }

}





.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;

}



.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) {



}





.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) {



}



.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;

}






















.post-ratings {

        width:100%;

        filter: alpha(opacity=100);

        -moz-opacity: 1;

        opacity: 1;

        

}

.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;

}

@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}



@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;

}







* {

    box-sizing: border-box;

}

html {

    width: 100%;

    scroll-behavior: smooth;

}

body {

    width: 100%;

    overflow-x: hidden;

    font-size: 14px;

    color: #3f3f3f;



        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;

}










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;

    

    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;

    }

}











#header {

    position: sticky;

    top: 0;

    background: #FAFAFB;

    z-index: 2;

}

#header .top-header {

    background: #5F3ADE;

    




    height: 60px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    

}

#header .top-header .container {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

    position: relative;

    height: 100%;

}



#header .logo-container {

    margin-right: auto;

    display: flex;

    align-items: center;

    

}

#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;

    

    height: 100%;

}





.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-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;

}





.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 {

    





    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 .top-header,

.noscroll #header .top-header {

    background: none;





}

.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%);

}











#footer {

    background: #5434C3;

    

}

#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;

    }

}





.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;

    }

}





#header{

    z-index: 4;

}





.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

    }

}







.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;

    }

}







.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;

}





.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%;

    }

}









.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;

    }

}







.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

}









.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;

    }

}









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

    





    .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;

}