/* ---------- Contents ----------
0. Reset
1. General
2. Header
3. Footer
4. Content
    4.1. Loop Table
    4.2. Loop Games
    4.3. Author
    4.4. FAQ
    4.5. Plus Minus
    4.6. Table
    4.7. Single Table Conversion
    4.8. Other posts
    4.9. Tabs
    4.10. Casino button
    4.11. Column full, left, right
    4.12. Show more
    4.13. Loop Bonuses
    4.14. Loop Table Small
    4.15. Page Top
    4.16. Contact Blocks
    4.17. Contact Form
    4.18. Sitemap
    4.19. Youtube
    4.20. All Devices
5. Casino
6. Game
*/

@font-face {
    font-family: 'RF Dewi';
    src: local('RF Dewi Regular'), local('RF-Dewi-Regular'),
    url('../fonts/RFDewi-Regular.woff2') format('woff2'),
    url('../fonts/RFDewi-Regular.woff') format('woff'),
    url('../fonts/RFDewi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

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

* {
    box-sizing: border-box;
}
html {
    width: 100%;
    scroll-behavior: smooth;
}
body {
    width: 100%;
    overflow-x: hidden;
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'RF Dewi', sans-serif;
}
body.noscroll {
    overflow: hidden;
}
.container {
    width: 100%;
    padding: 0 24px;
    max-width: 1280px;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    margin: 5px auto 10px auto;
    letter-spacing: 1px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
p {
    line-height: 20px;
}
section {
    padding-bottom: 25px;
}
section:last-child {
    padding: 0;
}
section > p {
    margin-bottom: 10px;
}
section > .full-width + p {
    margin-top: 25px;
}
/*
section > p:first-child,
section > h1:first-child,
section > h2:first-child,
section > h3:first-child {
    margin-top: 25px;
}
*/
a {
    color: #2b1e5a;
}
.content > section > p > a,
.content > section > ul > li > a,
.accordeon-answer 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;
}
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;
}
.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;
    }
}
@media all and (min-width: 720px) and (max-width: 1023.98px) {
    .alignright {
        max-width: 250px;
    }
}
.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;
}
.feature {
    display: inline-block;
    border: 1px solid #2AD369;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    letter-spacing: 1px;
}

.error404 {
    background-color: #5F3ADE;
}
.error404 .bg-404 {
    height: 35vh;
    margin-top: -60px;
    padding-top: 100px;
}
.error404 .bg-404 img {
    max-height: 35vh;
    margin: 0 auto;
    display: block;
}
.error404 .content-404 {
    min-height: 65vh;
    padding-top: 120px;
    padding-bottom: 100px;
}
.error404 .content-404 > h1 {
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
    line-height: 38px;
    color: #fff;
}
.error404 .content-404 > p {
    margin-top: 25px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.error404 .content-404 > p.small {
    font-size: 14px;
    margin-top: 60px;
}
.error404 .content-404 a {
    color: #fff;
    text-decoration: underline;
}

#footer .popup-container {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /*background-color: rgba(43,50,55,.95);*/
    backdrop-filter: blur(10px);
    padding: 0 24px;
}
#footer .popup-container.active {
    display: flex;
}
#footer .popup-content {
    background: #fff;
    padding: 60px 8px;
    border-radius: 10px;
    position: relative;
}
#footer .popup-content tr {
    flex-wrap: nowrap;
}
#footer .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;
}
#footer .popup-content p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
#footer .popup-content p.title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
#footer .popup-content .loop-container {
    margin-top: 40px;
    margin-bottom: 40px;
}
#footer .popup-content .reflink {
    color: #5434C3;
    text-decoration: underline;
}
@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;
    }
    .feature {
        padding: 8px 20px;
        border-radius: 10px;
        margin-right: 20px
    }
    .img-wrapper .preload {
        display: none;
        border-radius: 12px;
    }
    .error404 article {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: center;
    }
    .error404 .bg-404 {
        width: 40%;
        height: auto;
        margin-top: 0;
        padding: 60px 0;
    }
    .error404 .content-404 {
        width: 60%;
        min-height: auto;
        padding: 0;
    }
    .error404 .content-404 > h1 {
        font-size: 42px;
        line-height: 50px;
        margin-top: 0;
    }
    .error404 .content-404 > p {
        font-size: 20px;
        line-height: 32px;
    }
    .error404 .bg-404 img {
        max-height: unset;
    }
    #footer .popup-content {
        padding: 60px 60px;
    }
}

@media all and (min-width: 1024px) {
    .error404 .content-404 > h1 {
        font-size: 56px;
        line-height: 68px;
    }
    .error404 .content-404 > p {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767.98px) {
    .xs-hide {
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
    }
}
/* -------------------- # 1. General -------------------- */

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

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

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

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

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

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

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

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

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

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

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

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

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

}
/* -------------------- # 3. Footer -------------------- */

/* -------------------- 4. Content -------------------- */

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

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

    .table-casinos .col2 {
        width: 80%;
        height: 80px;
        padding: 20px 60px 0 20px;
        float: right;
        justify-content: space-between;
    }
    .table-casinos .col3 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 55%;
        height: 160px;
        float: left;
        padding-left: 20px;
    }
    .table-casinos .col4 {
        width: 25%;
        height: 160px;
        float: left;
        flex-direction: column;
        padding-right: 60px;
        padding-top: 20px;
    }
    .table-casinos .img-wrapper {
        width: 100%;
        height: 75px;
        border-radius: 12px;
    }
    .table-casinos .img-wrapper img {
        border-radius: 10px;
    }
    .table-casinos .title {
        width: 74%;
    }
    .table-casinos .title a {
        font-size: 24px;
        /*line-height: 28px;*/
    }
    .table-casinos .feature {
        display: block;
        margin-left: 20px;
        margin-bottom: -8px;
    }
    .table-casinos .rating {
        width: 26%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }
    .table-casinos .rating .value {
        width: 68px;
        height: 68px;
        background-size: 68px 68px;
        margin-right: 15px;
    }
    .table-casinos .legend {
        display: block;
        margin-left: 15px;
        white-space: nowrap;
    }
    .table-casinos .bonus p {
        margin: 5px 0 10px 0;
    }
    .table-casinos .payments {
        display: block;
    }
    .table-casinos .payments ul {
        margin: 0 -5px;
    }
    .table-casinos .reflink {
        width: 100%;
        padding: 0;
    }
    .table-casinos .review {
        width: 100%;
        padding: 0;
    }
    .table-casinos .btn {
        margin-bottom: 10px;
    }
}
@media all and (min-width: 1024px) {
    .casinos-default.table-bonuses tr td.col2 {
        padding: 0;
    }

}
/* ---------- # 4.1. Loop Table ---------- */

/* ---------- 4.2. Loop Games ---------- */
.loop-games {
    width: 100%;
    /*background: #5F3ADE;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*margin-bottom: -25px;*/

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

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

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

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

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

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

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

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

    }
}

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

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

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

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

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

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

/* ---------- 4.8. Other posts ---------- */
/*
.other-posts {
    padding: 60px 24px 110px 24px;
    background: #fff;
}
.other-posts .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    position: relative;
}
.other-posts .content-mask::after {
    width: 25%;
}
.other-posts ul {
    display: flex;
    flex-flow: column wrap;
    height: 300px;
    overflow-x: auto;
    padding: 30px 0 10px 0;
}
.other-posts ul li {
    width: 50%;
}
.other-posts a {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
}
.scroll-tool {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    border: 1px solid #000;
    border-radius: 50%;
    top: 334px;
    left: 24px;
}
.scroll-tool .before,
.scroll-tool .after {
    display: block;
    width: 12px;
    height: 12px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
}
.scroll-tool .before {
    left: -20px;
    transform: rotate(135deg);
}
.scroll-tool .after {
    right: -20px;
    transform: rotate(-45deg);
}
.scroll-tool .before:hover,
.scroll-tool .after:hover {
    margin-top: -9px;
    width: 15px;
    height: 15px;
    border-right: 3px solid #5434C3;
    border-bottom: 3px solid #5434C3;
}
.other-posts ul::-webkit-scrollbar {
    height: 3px
}
.other-posts ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.other-posts ul::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090
}

@media all and (min-width: 768px) {
    .other-posts {
        display: flex;
        flex-flow: row nowrap;
    }
    .other-posts .title {
        width: 30%;
    }
    .other-posts .content-mask {
        width: 70%;
    }
    .other-posts .content-mask::after{
        display: block;
        width: 100px;
    }
    .other-posts ul li {
        width: 33%;
    }
    .other-posts .scroll-tool {
        position: absolute;
        top: unset;
        left: 24px;
        bottom: 35px;
    }
    .other-posts ul::-webkit-scrollbar {
        height: 6px;
    }
}
*/
@media all and (min-width: 768px) {
    /*
    .other-posts .accordeon-answer-text {
        display: flex;
    }
    */
    .other-posts .accordeon-answer-text li {
        display: inline-block;
        width: 33%;
    }
}

/* ---------- # 4.8. Other posts ---------- */

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

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

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

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

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

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

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

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

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

/* ---------- 4.12. Show more ---------- */
.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 {
    background: linear-gradient(to top,#F4F4F7 0%,rgba(255,255,255,0) 60%);
}
.show-more-container button {
    color: #5434C3;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.show-more-container button .item-toggle {
    display: inline-flex;
    margin-left: 10px;
    width: 24px;
    height: 24px;
}
.show-more-container .item-toggle .lines::before,
.show-more-container .item-toggle .lines::after {
    width: 10px;
    margin-left: -5px;
}
.show-more-container .item-toggle .lines::after {
    transform: rotate(0);
}
.show-more-container .collapsed + .container .item-toggle .lines::after {
    transform: rotate(90deg);
}
@media all and (min-width: 768px) {
    .show-more-container.full-width {
        padding: 40px 0 75px 0;
    }
}

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

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

.table-bonuses {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px;
}
.table-bonuses tr {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    background: #F4F4F7;
}
.table-bonuses 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 {
    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 td.col3 {
    padding: 8px 16px;
    border-left: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    height: 50px;
    order: 3;
}
.table-bonuses tr td.col3 .btn {
    width: 32px;
    height: 32px;
    padding: 0;
}
.table-bonuses tr td.col3 .btn.btn-avial {
    border: 2px solid #29CD66;
}
.table-bonuses tr td.col3 .btn .text {
    display: none;
}
.table-bonuses tr td.col3 .btn .fa {
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
}
.table-bonuses tr td.col3 .btn .fa::before {
    margin-top: -1px;
    margin-left: 1px;
    width: 20px;
    height: 20px;
}
.table-bonuses tr td.col3 .btn-tocasino .fa::before {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(92deg) brightness(101%) contrast(107%);
}
.table-bonuses tr td.col3 .btn-avial .fa::before {
    filter: invert(59%) sepia(83%) saturate(394%) hue-rotate(90deg) brightness(93%) contrast(95%);
}
.table-bonuses tr .col4 {
    /*width: 100%;*/
    /*padding: 14px 0 14px 0;*/
    order: 2;
}
.table-bonuses tr .col4 .type {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 4px;
}
.table-bonuses tr .col4 .value {
    display: block;
    text-align: center;
    font-weight: 700;
}

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

    }
    .table-bonuses tr td.col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses tr td.col2,
    .table-bonuses tr td.col3 {
        height: 100%;
    }
    .table-bonuses tr td.col1 {
        order: 1;
    }
    .table-bonuses tr td.col2 {
        display: block;

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

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

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

    }
    .table-bonuses tr td.col1 {
        height: 100%;
        /*height: 90px;*/
    }
    .table-bonuses tr td.col2,
    .table-bonuses tr td.col3 {
        height: 100%;
    }
    .table-bonuses tr td.col1 {
        order: 1;
    }
    .table-bonuses tr td.col2 {
        order: 2;
        border: none;
        padding: 0 80px;
        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.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;
    }
}

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

/* ---------- 4.14. Loop Table Small ---------- */
/*
.table-small-container .table-bonuses tr:nth-child(2) td.col1{
    background: #F4F4F7;
}
*/
.table-small-container1 {
    margin-top: 25px;
}
.content aside:first-child .table-small-container {
    margin-bottom: -20px;
}
.content aside:first-child .table-small-container h4{
    margin-top: 30px;
}
.table-small-container .table-bonuses tr td.col1 .num {
    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 {
    background-image: url("../img/bg1.svg");
    background-size: 36px 36px;
}
.table-small-container .table-bonuses tr:nth-child(2) td.col1 .num {
    background-image: url("../img/bg2.svg");
    background-size: 32px 32px;
}
.table-small-container .table-bonuses tr:nth-child(3) td.col1 .num {
    background-image: url("../img/bg3.svg");
    background-size: 30px 30px;
}
.table-small .table-bonuses tr {
    flex-wrap: nowrap;
}
.table-small tr td.col2 {
    padding: 5px 20px;
    width: auto;
    line-height: initial;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.table-small tr td.col2 .value {
    white-space: normal;

}
.table-small .btn.btn-active {
    color: #fff;
    background: #2AD369;
}
.table-small .btn.btn-active:hover {
    background: #15BD54;
}
.content .table-small-container tr td.col2{
    order: 2;
}
@media all and (min-width: 768px) {
    .table-small .table-bonuses tr td.col2 {
        flex-shrink: 1;
    }
}
@media all and (min-width: 1024px) {
    .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 {
        height: 80px;
        width: 125px;
    }
    .table-small-container .table-bonuses tr td.col2 {
        width: auto;
        padding: 0 15px;
    }
    .table-small-container .table-bonuses tr td.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 {
        font-size: 18px;
    }
}

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

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

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

}

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

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

/* ---------- 4.16. Contact Blocks ---------- */

.contacts-blocks {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contacts-block {
    width: 100%;
    maring: 8px 0;
}
.contacts-block .contacts-block-inner {
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.contacts-block .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.contacts-block .icon {
    display: block;
    width: 60px;
    height: 60px;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    border-radius: 10px;
}
.contacts-block:nth-child(1) .icon {
    background-color: #FFF8EB;
    background-image: url("../img/icons/icon-information.svg");
}
.contacts-block:nth-child(2) .icon {
    background-color: #EAFBF0;
    background-image: url("../img/icons/icon-alert-user.svg");
}
.contacts-block:nth-child(3) .icon {
    background-color: #FCEAEA;
    background-image: url("../img/icons/icon-group.svg");
}
.contacts-block:nth-child(4) .icon {
    background-color: #FFF8EB;
    background-image: url("../img/icons/icon-light.svg");
}
.contacts-block:nth-child(5) .icon {
    background-color: #EAFBF0;
    background-image: url("../img/icons/icon-megaphone.svg");
}
.contacts-block:nth-child(6) .icon {
    background-color: #FCEAEA;
    background-image: url("../img/icons/icon-bookmark.svg");
}
.contacts-block .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 16px;
}
.contacts-block .text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}
.contacts-block .link {
    margin-top: auto;
}
.contacts-block .link a {
    color: #5434C3;
    font-weight: bold;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
}
.contacts-block .link i {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #5434C3;
    position: relative;
    margin-left: 10px;
}
.contacts-block .link i::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 8px;
    left: 7px;
}
@media all and (min-width: 600px){
    .contacts-blocks {
        flex-direction: row;
        margin: 0 -8px;
    }
    .contacts-block {
        width: 50%;
        padding: 8px;
    }
}
@media all and (min-width: 1024px){
    .contacts-block {
        width: 33.33%;
    }
}
/* ---------- # 4.16. Contact Blocks ---------- */

/* ---------- 4.17. Contact Form ---------- */

.contacts-page {
    display: flex;
    flex-direction: column;
    margin: 50px 0;
}
.information-block-container {
    background: #5F3ADE;
    color: #D2C2FF;
    padding: 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.information-block-container .title {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 16px;
}
.information-block-container .top p {
    margin-bottom: 60px;
    line-height: 24px;
}
.information-block-container a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: underline;
}
.information-block-container .label {
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}
.contact-form-container {
    margin-top: 24px;
}
.contact-form-container form {
    background: #fff;
    border-radius: 10px;
    padding: 40px 24px;
}
.form-element {
    margin-bottom: 16px;
}
.form-element label {
    color: #2B1E5A;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: block;
    width: 100%;
}
.form-element label:focus-within {
    color: #5F3ADE;
}
.form-element input,
.form-element textarea {
    font-family: 'RF Dewi', sans-serif;;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #2B1E5A;
    display: block;
    width: 100%;
    outline: 0;
    border-bottom: 1px solid #D9D9E4;
    padding: 10px 4px;
}
.form-element textarea {
    padding: 18px 4px;
    margin-top: 18px;
    line-height: 24px;
}
.form-element input::placeholder,
.form-element textarea::placeholder {
    color: #B3ABC7;
    font-weight: normal;
}
.form-element input:focus,
.form-element textarea:focus {
    border-bottom: 1px solid #5F3ADE;
}
.form-element .helper {
    display: none;
    position: absolute;
    top: -8px;
    left: 0;
    color: #fff;
    padding: 0 8px;
    line-height: 25px;
    border-radius: 5px;
    background: #5F3ADE;
}
.form-element .helper.active {
    display: block;
}
.form-element .helper::after {
    content: '';
    bottom: -7px;
    left: 16px;
    border-top: 8px solid #5F3ADE;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
}
.form-element.submit .btn.btn-active {
    color: #fff;
    background: #2AD369;
    display: block;
    width: 100%;
    padding: 12px 48px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.form-element.submit .btn.btn-active:hover {
    background: #15BD54;
}
.contact-form-container .disclaimer {
    width: 100%;
    padding: 18px 20px;
    border: 2px dashed #D5D2DE;
    border-radius: 10px;
    align-self: center;
    margin-top: auto;
}
.contact-form-container .disclaimer p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
    color: #716890;
}
@media all and (min-width: 768px) {
    .contacts-page {
        flex-direction: row;
    }
    .contacts-page .information-block-container {
        width: 360px;
    }
    .contacts-page .contact-form-container {
        flex: 1 1 360px;
        padding-left: 18px;
        margin-top: 0;
    }
    .contacts-page .contact-form-container form {
        padding: 44px 40px;
    }
    .form-element textarea {
        margin-top: 0;
    }
    .form-element.submit {
        text-align: right;
    }
    .form-element.submit .btn.btn-active {
        display: inline-block;
        width: auto;
    }

}
@media all and (min-width: 1024px) {
    .contacts-page .contact-form-container form {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        height: 100%;
    }
    .form-element {
        width: 49%;
    }
    .form-element.textarea,
    .form-element.submit {
        width: 100%;
    }
}

/* ---------- # 4.17. Contact Form ---------- */

/* ---------- 4.18. Sitemap ---------- */

.htsm-row section {
    display: block;
    margin-bottom: 1em;
    overflow: hidden;
    background: rgba(255,255,255,.03);
    padding: 20px;
    box-shadow: 1px 1px 5px #000;
}
.htsm-row ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.htsm-row ul li {
    width: 50%;
}
.content .htsm-row section:first-of-type h2:first-child {
    margin-top: 0;
}
/* ---------- # 4.18. Sitemap ---------- */

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

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

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

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

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

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

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

.casino-header {
    background: #5F3ADE;
    color: #fff;
    padding: 30px 0;
}
.casino-header .casino-top-left a {
    color: #fff;
}
.casino-header .casino-top-left li::before {
    border-color: #fff;
}
.ratings {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.ratings .value {
    line-height: 20px;
    margin-right: 5px;
    font-weight: bold;
}
.post-ratings img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7476%) hue-rotate(179deg) brightness(130%) contrast(96%);
}
.ratings .voted {
    margin: 0 0 0 auto;
}
.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%;
    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-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%;
    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%;
    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%;
}
.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;
}
.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;
    }
    .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;
    }
    .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;
    }
}
/* -------------------- # 5. Casino -------------------- */

/* -------------------- 6. Game -------------------- */

.iframe-info-block {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.iframe-info-block.fullscreen {
    margin-top: 0;
}
.game .casino-header {
    background-image: radial-gradient(ellipse at center center ,#28DAE5, #5F3ADE 70%);
}
.asp-ratio {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border-radius: 15px;
}
.fullscreen .asp-ratio {
    border-radius: 0;
}
.iframe-block.has-iframe {
    position: relative
}
.iframe-block.has-iframe.portrait {
    /*position: fixed;*/
    width: 100%;
    height: 100%
}
.iframe-block.has-iframe.portrait iframe {
    display: none
}
.iframe-block .game-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    filter: blur(2px) brightness(60%);
}
.iframe-block .orientation {
    position: absolute;
    height: 60%;
    width: 60%;
    top: 20%;
    left: 20%;
    z-index: 1;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.iframe-block .orientation p {
    padding-left: 16px;
    font-weight: 500;
}
.iframe-block .game-button {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    z-index: 1;
    text-align: center;
    margin-top: -24px;
}
.iframe-block.portrait .btn-play {
    display: none;
}
.iframe-block.portrait .orientation {
    display: flex;
}

.fullscreen .iframe-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fullscreen #game-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    border-radius: 10px;
}
.iframe-block .game-button .btn {
    width: auto;
    padding: 16px 42px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.iframe-block .game-sidebar {
    width: 20%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}
.iframe-block.landscape .game-sidebar {
    display: block;
}
.iframe-block.landscape .play-button {
    display: none;
}
.game .casino-header .single-table-conversion {
    display: none;
}

.fullscreen .portrait .single-table-conversion {
    display: block;
    padding: 0 24px;
}
.iframe-block .game-sidebar-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
    text-align: center
}
.iframe-block .game-sidebar-inner p {
    font-weight: 700;
    font-size: 20px
}
.iframe-block .game-sidebar-inner p.welcome-bonus {
    font-size: 16px
}
.iframe-block.landscape .asp-ratio {
    padding-top: 56.25%
}
/*
@media all and (min-width: 812px) {
    .iframe-block.landscape .game-sidebar+.asp-ratio {
        padding-top:45%
    }
}
*/
.iframe-block .game-panel {
    display: none;
    justify-content: flex-end;
    align-items: center;
    padding: 10px
}
.iframe-block .game-panel .btn-fullscreen {
    padding: 0;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: 20px;
    border-radius: 50%;
    flex: 0 0 40px;
    outline: none
}
.iframe-block .game-panel .btn-fullscreen span {
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}
.iframe-block .game-panel .btn-fullscreen:active {
    outline: none
}
.iframe-block .btn-fullscreen span:last-of-type {
    display: none
}
.iframe-block .btn-fullscreen svg {
    -webkit-transition: all 1s;
    transition: all 1s
}
.iframe-block .btn-fullscreen:hover svg {
    transform: scale(1.2)
}
.iframe-block .game-panel .btn {
    display: none
}
.iframe-block .game-panel .btn:hover {
    transform: scale(1)
}
.close-iframe {
    position: fixed;
    top: 0;
    right: 0;
    width: 25px;
    height: 20px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    z-index: 9999;
    zoom:1.1;display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.fullscreen .close-iframe {
    display: flex
}
.mobile .fullscreen {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    zoom:1;
    background: rgba(0,0,0,.9)
}
.fullscreen .iframe-block.desctop .game-panel {
    display: flex
}
.fullscreen .game-panel .btn {
    display: block
}
.game .casino-info-container {
    background: none;
}
.game .table {
    color: #000;
    width: 100%;
    border-radius: 10px;
    border-collapse: collapse;
    font-size: 16px;
    overflow: hidden;
    /*background: #fff;*/
}
.game .table tr {
    background: #fff;
}
.game .table tr:nth-child(even) {
    background: #F4F4F7;
}
.game .table tr:last-child {
    background: none;
}
.game .table td {
    padding: 14px 24px;
}
.game .table td:last-child {
    text-align: right;
}
.game .table tr:last-child td {
    padding: 0;
}
.game .table .value {
    color: #2B1E5A;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 10px;
    background: #EAE9EF;
    font-weight: 600;
}
.game .table .btn {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 22px 0;
    font-weight: 700;
}
.game .table .btn-grey {
    border-top: 1px solid #2B1E5A;
}
.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;
}
@media all and (min-width: 768px) {
    .game .casino-header .container {
        flex-direction: column;
    }
    .game .casino-header .casino-top-left {
        width: 100%;
        padding-right: 0;
    }
    .game .casino-header .casino-info-container {
        width: 100%;
        margin-top: 30px;
    }

}
@media all and (min-width: 1024px) {
    .game .casino-header .container {
        flex-direction: row;
    }
    .game .casino-header .casino-top-left {
        width: 65%;
    }
    .game .casino-header .casino-info-container {
        width: 35%;
        padding-left: 36px;
        align-self: flex-end;
    }
    .game .casino-header .casino-info-container .single-table-conversion {
        display: block;
    }
    .game .casino-header .casino-info-container .single-table-conversion .value {
        font-size: 14px;
    }
    .game .table td {
        padding: 26px 32px;
    }
    .iframe-block .game-button .btn {
        /*padding: 20px 90px;*/
        font-size: 24px;
    }
}

@media all and (min-width: 1280px) {
    .single-table-conversion.mobile {
        margin: 25px 0 28px 0;
    }
    .game .table td {
        padding: 24px 32px;
    }
    .game .table .value.provider-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

/* -------------------- # 6. Game -------------------- */