:root {
    --brand-color: #6CA9F9;
    --blue-color: #1C91E0;
    --blue-color-2: #7EB1FE;
    --blue-color-3: #318EE8;
    --blue-color-4: #4890DA;
    --blue-color-5: #1291E0;
    --background-color: #121212;
    --background-color-2: #1F1F1F;
    --background-color-3: #2b2a2a;
    --background-color-4: #191919;
    --background-color-5: #363535;
    --background-color-6: #EDEDED;
    --background-color-7: #3B3B3B;
    --background-color-8: #4E4E4E;
    --background-color-9: #1e1e1e;
    --border-color: #5F5F5F;
    --border-color-2: #99959B;
    --border-color-3: #D0D0D0;
    --border-color-4: #3C3C3C;
    --border-color-5: #777777;
    --border-color-6: #404040;
    --border-color-7: #98959B;
    --border-color-8: #7F7F7F;
    --backdrop-color: #222222;
    --white-color: #ffffff;
    --black-color: #000000;
    --text-color: #BFBFBF;
    --text-color-2: #B7B7B7;
    --text-color-3: #909090;
    --grey-color: #2f2f2f;
    --grey-color-2: #B6B6B6;
    --yellow-color: #FAC42A;
    --yellow-color-2: #F0C54E;
    --yellow-color-3: #FAC239;
    --white-neutral:#FEFFFF;
    --gradient-color-1: linear-gradient(180deg, #81B2FF 0%, #1281E0 59%, #1291e0 100%) 0% 0% no-repeat padding-box;
    --gradient-color-2: linear-gradient(0deg, #81B2FF 0%, #1281E0 59%, #1291e0 100%) 0% 0% no-repeat padding-box;
    --gradient-color-3: linear-gradient(180deg, #0D0D0D -10.81%, #343434 100%);
    --gradient-grey-1: transparent linear-gradient(270deg, #25023E00 0%, #1F1F1F 100%) 0% 0% no-repeat padding-box;
    --gradient-grey-2: transparent linear-gradient(90deg, #25023E00 0%, #1F1F1F 100%) 0% 0% no-repeat padding-box;
    --gradient-grey-3: transparent linear-gradient(180deg, #06060600 0%, #000000 100%) 0% 0% no-repeat padding-box;
    --gradient-color-yellow: linear-gradient(to right, var(--yellow-color), var(--yellow-color));
    --error-color: #FF0000;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid #8a8a8f;
    background-clip: content-box
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background-color: transparent
}

.glyphicon::after,
.glyphicon::before {
    font-family: 'Glyphicons Halflings' !important;
}

@font-face {
    font-family: 'Gilroy';
    src: url("https://vegasaces.com/content/css/fonts/Gilroy-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('https://vegasaces.com/content/css/fonts/Gilroy-Medium.ttf') format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('https://vegasaces.com/content/css/fonts/Gilroy-Bold.ttf') format("truetype");
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: "MADESunflower";
    src: url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.eot");
    src: url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.eot?") format("embedded-opentype"), url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.woff2") format("woff2"), url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.woff") format("woff"), url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.ttf") format("truetype"), url("https://vegasaces.com/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.svg") format("svg");
}

/* 'Poppins' font */

@font-face {
    font-family: "Poppins";
    src: url("https://vegasaces.com/content/fonts/Poppins/Poppins-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("https://vegasaces.com/content/fonts/Poppins/Poppins-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url("https://vegasaces.com/content/fonts/Poppins/Poppins-Bold.ttf");
    font-weight: 700;
}

.las::before,
.las::after {
    font-family: 'Line Awesome Free' !important;
}

html {
    overflow-x: hidden;
}

body {
    background-color: var(--background-color);
    font-family: 'Poppins';
    font-weight: normal;
    color: var(--black-color);
    margin-top: 0 !important;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    caret-color: var(--white-color);
}

    body * {
        user-select: none;
    }

g {
    clip-path: none;
}

/* Modal main design -- start */
.modal {
    z-index: 99999;
    text-align: center;
    padding: 0 !important;
}

.modal-dialog {
    display: flex;
    width: calc(100% - 20px);
    max-width: 877px;
    margin: 0 !important;
}

.modal-open .modal {
    height: 100vh;
    width: 100vw;
    justify-content: center;
    align-items: center;
}

.modal.show {
    display: block !important;
}

#forgotPasswordPopup .modal-dialog,
#loginPopup .modal-dialog,
#changePasswordPopup .modal-dialog {
    width: 100%;
    max-width: 431px;
}

.modal-dialog .form-group * {
    font-size: 12px;
    color: var(--white-color);
}

.modal-dialog .form-group .input-group-addon:first-child {
    padding: 0 8px;
}

/* Modal main design -- end */


.modal-open .Wrapper--Single.top {
    right: 4px;
}

.Wrapper--Single.top {
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #cbcbcb;
    text-transform: uppercase;
    position: fixed;
    z-index: 100;
    top: 0;
}

.with-sticky-padding {
    padding-top: 0 !important;
}

.overlay24.loading {
    z-index: 10000000 !important;
    pointer-events: none !important;
    user-select: none !important;
}

.loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
    background-image: none;
}

@keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.loading:after {
    position: absolute !important;
    -webkit-animation: spinAround 0.5s infinite linear;
    animation: spinAround 0.5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (15px / 2)) !important;
}

.overlay24.loading:after {
    width: 100px;
    height: 100px;
    border-color: var(--text-color);
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc(50% - (100px / 2)) !important;
    top: calc(50% - (300px / 2)) !important;
}

[id^='transaction-details'] .overlay24.loading:after {
    top: calc(50% - (100px / 2)) !important;
}

.btn-close.loading:after,
.btn-full-screen.loading:after,
.btn-refresh.loading:after {
    width: 10px;
    height: 10px;
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc(50% - (10px / 2)) !important;
    top: calc(50% - (10px / 2)) !important;
}

.Iframe--full.loading:after,
#sport_div_iframe.loading:after {
    width: 100px;
    height: 100px;
    border-color: var(--text-color);
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc(50% - (100px / 2));
    top: calc(50% - (100px / 2));
}

.block-overlay.loading {
    -webkit-animation: spinAround 500ms infinite linear;
    animation: spinAround 500ms infinite linear;
    border: 2px solid var(--text-color);
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: '';
    display: block;
    width: 5em;
    height: 5em;
    position: absolute;
    left: calc(50% - (5em / 2));
    top: calc(50% - (5em / 2));
    position: absolute !important;
}

    .block-overlay.loading:after {
        content: none;
    }

.btn {
    border-radius: 3px;
    position: relative;
    text-transform: uppercase;
}

a, a:hover, a:focus {
    color: var(--white-color);
    text-decoration: none;
    outline: none;
}

/* CONTAINER FULL */
.Container--full {
    width: 100%;
    background-color: var(--background-color);
}

.Container__Item {
    display: flex;
    width: 100%;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.Container--GamePage,
.Container--GamePage .Container__Item {
    max-width: none !important;
    padding-top: 10px;
    height: 100%;
}

    .Container--GamePage .game-page .game-container .btn-real-game {
        bottom: 46px !important;
        background: var(--gradient-color-1);
    }

@keyframes blinking {
    0% {
        background: var(--gradient-color-1);
        border: 1px solid var(--brand-color);
    }

    33% {
        background: var(--gradient-color-2);
        ;
        border: 1px solid transparent;
    }

    66% {
        background: var(--gradient-color-1);
        ;
        border: 1px solid var(--brand-color);
    }
}

.Container--GamePage .game-page .played-games span.arrow {
    background: var(--gradient-color-1);
}

.Container--GamePage .game-page .game-container .played-games {
    border-top: 2px solid var(--brand-color);
    background-color: var(--background-color);
}

.Container--GamePage .game-page .game-container .btn-real-game:hover {
    background-color: var(--brand-color);
    color: var(--white-color);
    border: 1px solid var(--brand-color);
}

.Container--GamePage .game-page .game-container {
    border: 12px solid var(--black-color) !important;
    box-shadow: 0px 0px 20px 2px #363636 !important;
}

.Container__Item.Widget--Iframe {
    border: none;
}

.Wrapper--Single .game-launch--full {
    margin-top: -8px;
}

/* HEADER WRAPPER */
.Wrapper--Header {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: var(--gradient-color-3);
    margin-top: 0;
    border-bottom: 3px solid var(--yellow-color-3);
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25);
}

.Wrapper--Single.Header--secondary .Container__Item {
    padding: 25px 15px 25px;
}

.bannerwrapper {
    width: 1200px;
    margin: auto;
}

.Hidden .sections-trigger {
    display: none !important;
}

.burger-expander-style,
.Widget--banner.secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 20px;
    width: 100%;
    flex-direction: column;
    height: 100%;
}


.Wrapper--Header .sections-trigger {
    display: flex;
    width: 100%;
    height: 24px;
    position: relative;
    cursor: pointer;
}

    .Wrapper--Header .sections-trigger span {
        display: none;
    }

    .Wrapper--Header .sections-trigger i {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .Wrapper--Header .sections-trigger i.la-bars::before,
        .Wrapper--Header .sections-trigger i.la-times::before {
            content: ' ';
            width: 100%;
            min-width: 24px;
            height: 100%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        .Wrapper--Header .sections-trigger i.la-bars::before {
            background-image: url(../../bet20gamebettingsa/image/hamburger-ico.svg);
        }

        .Wrapper--Header .sections-trigger i.la-times::before {
            background-image: url(../../bet20gamebettingsa/image/close-ico.svg);
        }

    .Wrapper--Header .sections-trigger span {
        line-height: 25px;
        text-indent: 5px;
    }

.Wrapper--Header.sticky .burger_icon {
    margin-left: 10px;
}

/* WIDGET BANNER */

.Wrapper--Header.sticky .Widget--banner.primary a {
    width: 200px;
    height: 100%;
    margin-left: 20px;
    transition: all 0.25s ease;
}

.Wrapper--Header .Widget--banner.primary a {
    display: flex;
    width: 240px;
    height: 100%;
    margin-left: 20px;
    transition: 0.5s ease;
}

/* WIDGET BANNER { SECONDARY LOGO / PAGES } */
.Container__Item.Wrapper--Single.text--content {
    display: block;
    margin-top: 70px;
}

.Wrapper--Header .Widget--banner.secondary {
    width: 100%;
    flex: 8 4 auto;
}

    .Wrapper--Header .Widget--banner.secondary a {
        display: flex;
        flex: auto;
    }

/* WIDGET USER */

.Widget--user {
    margin: auto;
}

.Widget--user {
    height: 100%;
    display: flex;
    align-self: flex-end;
    align-items: center;
}

    /* SIGN IN / SIGN UP BUTTON */
    .Widget--user .Button--outlined.Button--sign-up,
    .Widget--user .Button--outlined--transparent.Button--sign-in {
        display: flex;
        margin: 5px 10px;
        border-radius: 3px;
        position: relative;
        font-size: 16px;
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        transition: all 0.2s;
        text-transform: uppercase;
    }

    .Widget--user .Button--outlined.Button--sign-up {
        width: 110px;
        height: 36px;
        background: var(--gradient-color-1);
    }

        .Widget--user .Button--outlined.Button--sign-up:hover,
        .promotions-first-banner.card-wrapper .card .read-more:hover,
        .promotions-forth-banner .rotateInfo .read-more:hover {
            background: var(--gradient-color-2);
        }

    .Widget--user .Button--outlined--transparent.Button--sign-in {
        width: 85px;
        height: 36px;
        border: 1px solid var(--yellow-color-3);
        color: var(--yellow-color-3);
    }

        .Widget--user .Button--outlined--transparent.Button--sign-in:hover {
            color: var(--brand-color);
            border-color: var(--brand-color);
        }

/* WIDGET BANNER SECONDARY */
.Widget--banner.secondary .Widget--Header--secondary .Sections {
    padding: 0;
}

    .Widget--banner.secondary .Widget--Header--secondary .Sections .Sections__Item {
        line-height: 25px;
    }

        .Widget--banner.secondary .Widget--Header--secondary .Sections .Sections__Item a {
            color: var(--black-color);
        }

            .Widget--banner.secondary .Widget--Header--secondary .Sections .Sections__Item a i {
                line-height: 25px;
                width: 20px;
                display: flex;
            }

.Wrapper--Header.sticky .Widget--banner.secondary .Widget--Header--secondary {
    display: none;
}

/* WIDGET BANNER SECONDARY */

/* LANGUAGE DROPDOWN */
.Wrapper--Header .Widget--user .Language {
    display: flex;
    white-space: nowrap;
    padding: 8px 5px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    line-height: 23px;
}

    .Wrapper--Header .Widget--user .Language .Icon--caret {
        transform: rotate(-90deg);
        transition: transform 0.2s;
        display: flex;
        width: 16px;
    }

    .Wrapper--Header .Widget--user .Language:hover .Icon--caret {
        transform: rotate(0deg);
    }

    .Wrapper--Header .Widget--user .Language .Language-active {
        margin-left: 5px;
        padding-right: 14px;
        line-height: 23px;
        font-size: 16px;
        font-weight: 600;
    }

        .Wrapper--Header .Widget--user .Language .Language-active .flag img,
        .Wrapper--Header .Widget--user .Dropdown--language li .flag img {
            width: 14px;
        }

.Wrapper--Header .Widget--user .Dropdown--language li {
    padding: 5px;
    display: grid;
    grid-template-columns: auto 14px;
    grid-gap: 10px;
    box-sizing: border-box;
    transition: background-color 0.2s;
    font-weight: 600;
}

    .Wrapper--Header .Widget--user .Dropdown--language li a {
        text-decoration: none;
    }

    .Wrapper--Header .Widget--user .Dropdown--language li:hover {
        background-color: rgba(153, 153, 153, 0.2);
    }

.Wrapper--Header .Widget--user .Language .Dropdown--language {
    position: absolute;
    display: none;
    z-index: 100;
    top: 30px;
    border: 1px solid rgba(153, 153, 153, 0.5);
    right: 0;
    padding: 4px;
    background-color: var(--white-color);
}

.Wrapper--Header .Widget--user .Language .Language-active .flag img {
    margin-bottom: -1px;
}

.Wrapper--Header .Widget--user .Language:hover .Dropdown--language {
    display: block;
}

/*SIGNED IN*/
.Widget--user .Button--outlined.Button--deposit {
    width: 110px;
    height: 36px;
    margin: 5px 15px 5px 0;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 16px;
    background: var(--gradient-color-1);
    text-decoration: none;
    font-weight: 600;
    box-shadow: none;
    transition: transform 0.5s ease;
}

    .Widget--user .Button--outlined.Button--deposit:hover {
        background: var(--gradient-color-2);
    }

.Widget--user .Button--outlined.Button--messages {
    display: flex;
    white-space: nowrap;
    padding: 8px 15px;
    text-decoration: none;
    line-height: 6px;
    position: relative;
    border: 1px solid var(--brand-color);
    border-radius: 20px;
    width: 52px;
}

    .Widget--user .Button--outlined.Button--messages i {
        font-size: 20px;
        display: flex;
        width: 20px;
    }

        .Widget--user .Button--outlined.Button--messages i .msg--count {
            position: absolute;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            right: 0px;
            top: -6px;
            background-color: var(--yellow-color-2);
            padding: 3px;
            border-radius: 9px;
            font-size: 12px;
            text-align: center;
            z-index: 5;
            min-width: 18px;
            color: var(--white-color);
        }

.Widget--user .Button--outlined.Button--Balance {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: 168px;
    height: 36px;
    padding: 10px 10px;
    text-decoration: none;
    line-height: 21px;
    font-size: 16px;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    border-radius: 3px;
    position: relative;
    transform: scale(1);
    transition: transform 0.5s ease;
}

    .Widget--user .Button--outlined.Button--Balance:hover, .Balance--user.open .Button--outlined.Button--Balance {
        border-color: var(--blue-color-2);
        color: var(--blue-color-2);
    }

    .Widget--user .Button--outlined.Button--Balance .la-credit-card::before {
        font-size: 25px;
        padding-right: 10px;
    }

    .Widget--user .Button--outlined.Button--Balance span {
        display: inline-block;
        margin-right: 20px;
    }

        .Widget--user .Button--outlined.Button--Balance span:after {
            content: "\203A";
            position: absolute;
            font-size: 30px;
            padding-bottom: 0px;
            margin-left: 7px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.Widget--user .Balance--user {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

    .Widget--user .Balance--user:hover .Menu--user, .Balance--user.open .Menu--user {
        display: block;
    }

/* ****** Right Menu ******* */
.Widget--user .Menu--user,
.Container__Item.right-panel-open {
    z-index: 1002;
    min-width: 290px;
    top: 72px;
    right: 0;
    position: absolute;
    background-color: var(--background-color);
    box-shadow: 0px 3px 6px var(--background-color);
}

.Menu--user {
    display: none;
}

body.mobile .Menu--user {
    display: block;
}

.Menu--user ul,
.Container__Item.right-panel-open .Menu--user {
    padding-top: 10px;
}

    .Menu--user ul .pl-name_lastname,
    .Container__Item.right-panel-open .Menu--user .name_obj.group-top {
        margin-right: 30px;
        color: var(--text-color-2);
        font-size: 16px;
        max-width: 150px;
        font-weight: 600;
        padding: 15px 0 15px 15px;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

    .Container__Item.right-panel-open .Menu--user .Info--user {
        background-color: var(--yellow-color);
    }

        .Container__Item.right-panel-open .Menu--user .Info--user div.group-first {
            background-color: var(--white-color);
            padding-bottom: 8px;
        }

        .Menu--user ul li:nth-child(4) > div,
        .Container__Item.right-panel-open .Menu--user .Info--user div.group-second {
            width: 190px;
            margin: 0 auto;
        }

        .Menu--user ul .pl-username,
        .Container__Item.right-panel-open .Menu--user .Info--user div.username_obj.group-first,
        .Menu--user ul .pl-id,
        .Container__Item.right-panel-open .Menu--user .Info--user div.id_obj.group-first {
            display: block;
            color: var(--white-color);
            font-weight: 500;
            text-transform: uppercase;
        }

.Menu--user .pl-profile:hover, .Menu--user .pl-profile ~ li:hover {
    background-color: var(--yellow-color);
}

.Menu--user ul li:hover a,
.Menu--user ul li:hover i {
    color: var(--black-color);
}

.Menu--user ul li:nth-child(4) {
    clear: both;
    color: var(--white-color);
    padding: 15px 0;
    overflow: visible;
    position: relative;
    background-color: var(--background-color-3);
}

    .Menu--user ul li:nth-child(4)::before,
    .Menu--user ul li:nth-child(4)::after,
    .Container__Item.right-panel-open .Menu--user .Info--user > div.group-second::before {
        content: " ";
        display: block;
        position: absolute;
        margin: 0 !important;
        float: left;
        width: 23px;
    }

    .Menu--user ul li:nth-child(4)::before,
    .Container__Item.right-panel-open .Menu--user .Info--user > div.group-second::before {
        background-repeat: no-repeat;
        background: var(--background-color-3);
        top: 0;
        left: -21px;
        height: 101%;
        z-index: 6;
    }

    .Menu--user ul li:nth-child(4)::after {
        background-image: url(../../bet20gamebettingsa/image/angle.svg);
        background-repeat: round;
        top: 100%;
        left: -21px;
        height: 20px;
        z-index: 23223;
    }

.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::after,
.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::before,
.Container__Item.right-panel-open .Menu--user .Info--user > div.group-second::before {
    left: -21px;
}

.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::after {
    width: 22px;
    height: 21.1px;
}

.Menu--user ul .pl-username::before,
.Container__Item.right-panel-open .Menu--user .Info--user div.username_obj.group-first::before {
    content: " ";
    display: block;
    background-image: url(../../bet20gamebettingsa/image/user-icon.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 20px;
    margin: 0 !important;
    position: relative;
    top: 4px;
    float: left;
}

.Container__Item.right-panel-open .Menu--user .Info--user div.id_obj.group-first::before {
    content: 'ID';
    text-align: right;
    font-weight: 500;
}

.Menu--user ul li:nth-child(4) > div,
.Container__Item.right-panel-open .Menu--user .Info--user > div.group-second {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--blue-color-2);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .Menu--user ul li:nth-child(4) div span,
    .Container__Item.right-panel-open .Menu--user .Info--user > div.group-second span {
        margin-left: 20px;
        font-weight: 600;
        color: var(--white-color);
    }

.Menu--user ul {
    margin-bottom: 0;
}

    .Menu--user ul li,
    .Container__Item.right-panel-open .Menu--user li.list-menu {
        border-bottom: 1px solid rgba(153, 153, 153, 0.1);
        overflow: hidden;
    }

        .Menu--user ul li a,
        .Container__Item.right-panel-open .Menu--user li.list-menu a {
            display: flex;
            padding: 11px 15px;
            text-decoration: none;
            font-size: 18px;
            color: var(--white-color);
            font-weight: 500;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
        }

            .Menu--user ul li a i,
            .Container__Item.right-panel-open .Menu--user li.list-menu a i {
                margin-right: 10px;
                line-height: 21px;
            }

        .Menu--user ul li:nth-child(2) div {
            font-weight: bold;
            font-size: 14px;
        }

        .Menu--user ul li:last-child {
            border-bottom: 0;
        }

/*SIGNED IN*/


/* TIME LOCAL */
.Wrapper--Header .Widget--user .Time--local {
    line-height: 23px;
    padding: 8px 0 8px 10px;
    color: var(--text-color);
    user-select: none;
    width: calc(8ch + 10px);
    font-size: 16px;
    font-weight: 600;
}

/*  HEADER */
.Header--secondary, .Wrapper--Single.Header--secondary.Full .Container__Item {
    background-color: var(--background-color);
    padding: 0 8px;
    margin-top: 0;
}

.Wrapper--Single.Header--secondary {
    z-index: 1000;
    width: 350px;
    height: 0;
    display: none;
}

.sticky .burger_icon .sections-trigger {
    width: 35px;
    height: 25px;
    padding: 0;
    margin-top: 40px;
    background-image: url("https://vegasaces.com/content/img/banners/burger-croped.svg");
    background-position: center;
}

.Widget--Header--secondary .Sections {
    display: flex;
    margin-bottom: 0;
}

.Wrapper--Single.Header--secondary .Sections {
    font-size: 28px;
    display: flex;
    flex-direction: column;
    gap: 23px;
    text-transform: uppercase;
}

.Widget--Header--secondary .Sections .Sections__Item {
    display: flex;
    user-select: none;
    font-weight: 500;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item {
    width: 100%;
    margin: auto;
    position: relative;
    justify-content: flex-start;
    align-content: center;
}

    .Wrapper--Single.Header--secondary .Sections .Sections__Item a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i::before {
        content: "";
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* Icons of items in Left menu */

    .Wrapper--Single.Header--secondary .Sections .Sections__Item a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i::before {
        background-color: var(--white-color);
        -webkit-mask-size: contain !important;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.new-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.new-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/new-games-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/new-games-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.promotions-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.promotions-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/promotions-ico.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/promotions-ico.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.slots-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.slots-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/slots-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/slots-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.table-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.table-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/table-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/table-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.all-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.all-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/all-games-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/all-games-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.popular-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.popular-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/popular-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/popular-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.blackjack-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.blackjack-page::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item.casino-tips a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.casino-tips::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item.casino-news a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.casino-news::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/blackjack-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/blackjack-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.roulette-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.roulette-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/roulette-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/roulette-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.jackpot-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.jackpot-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/jackpots-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/jackpots-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.live-dealer-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.live-dealer-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/live-dealer-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/live-dealer-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.progressive-slots-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.progressive-slots-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/progressive-slots-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/progressive-slots-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.poker-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.poker-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/poker-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/poker-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.video-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.video-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/video-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/video-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.other-games-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.other-games-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/other-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/other-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.bonus-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.bonus-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/bonus-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/bonus-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.about-us-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.about-us-page::before {
        -webkit-mask: url(https://vegasaces.com/content/img/design/icons/about-us-ico-nav-white.svg) no-repeat 50% 50%;
        mask: url(https://vegasaces.com/content/img/design/icons/about-us-ico-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.banking-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.banking-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/wallet-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/wallet-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.contact-us-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.contact-us-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/contact-us-sidebar-nav-white.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/contact-us-sidebar-nav-white.svg) no-repeat 50% 50%;
    }

    .Wrapper--Single.Header--secondary .Sections .Sections__Item.lobby-page a::before,
    .Wrapper--Single.Header--secondary .Sections .Sections__Item a i.lobby-page::before {
        -webkit-mask: url(../../bet20gamebettingsa/image/lobby-icon-left.svg) no-repeat 50% 50%;
        mask: url(../../bet20gamebettingsa/image/lobby-icon-left.svg) no-repeat 50% 50%;
    }

.Widget--Header--secondary .Sections .Sections__Item a {
    text-decoration: none;
    color: var(--yellow-color);
    font-size: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.25s ease;
}

.Widget--Header--secondary .Sections .Sections__Item.active_page a,
.Widget--Header--secondary .Sections .Sections__Item:hover a,
.Widget--Header--secondary .Sections .Sections__Item:active a {
    color: var(--yellow-color);
}

.Wrapper--Single.Wrapper--Header.top.sticky {
    width: 100%;
    position: fixed;
    z-index: 1001;
    top: 0px;
    height: 48px;
}

.Wrapper--Header.top .Sections {
    display: flex;
    gap: 20px;
}

/* SUBMENU */
.Widget--Header--secondary .Sections .Sections__Item.Menu--sub {
    position: relative;
}

    .Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections {
        position: absolute;
        display: none;
        z-index: 100000;
        border: 1px solid #ffc82e;
        background: var(--white-color);
        top: 30px;
        left: 0;
        padding: 5px;
        min-width: 140px;
    }

        .Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections .Sections__Item a {
            white-space: nowrap;
            color: var(--blue-color-3);
            padding: 10px;
            width: 100%;
        }

    .Widget--Header--secondary .Sections .Sections__Item.Menu--sub a i {
        margin-left: 8px;
        color: var(--yellow-color-2);
        width: 20px;
        display: flex;
    }

    .Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections .Sections__Item a:hover {
        background-color: rgba(153, 153, 153, 0.2);
    }

    .Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections .Sections__Item {
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:last-child {
            border-bottom: 0;
        }

    .Widget--Header--secondary .Sections .Sections__Item.Menu--sub:hover .Sections {
        padding: 5px;
        display: block;
    }

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub {
    position: relative;
}

    .Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections {
        position: absolute;
        display: none;
        z-index: 100000;
        border: 1px solid var(--yellow-color-2);
        background: var(--white-color);
        top: 37px;
        right: 0;
        padding: 5px;
        min-width: 140px;
        border-radius: 20px;
        margin-top: 1px;
    }

        .Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:first-child {
            border-radius: 20px 20px 0 0;
        }

        .Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:last-child {
            border-radius: 0 0 20px 20px;
        }

.Widget--Header--secondary--colored .Sections__Item.Menu--sub .Sections .Sections__Item {
    border-radius: 0;
}

    .Widget--Header--secondary--colored .Sections__Item.Menu--sub .Sections .Sections__Item a {
        background: none;
        border-radius: 0;
    }

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item a {
    white-space: nowrap;
    color: #22214e;
    padding: 10px;
    width: 100%;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:first-child a {
    border-radius: 14px 14px 0 0;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:last-child a {
    border-radius: 0 0 14px 14px;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub a i {
    margin-left: 8px;
    color: var(--white-color);
    display: flex;
    width: 20px;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item a:hover {
    background-color: rgba(153, 153, 153, 0.2);
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item {
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub .Sections .Sections__Item:last-child {
        border-bottom: 0;
    }

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub:hover .Sections {
    display: block;
}

/* SUBMENU */

.Widget--Header--secondary .Sections .Sections__Item.active {
    color: var(--yellow-color-2);
}

.Widget--Header--secondary--colored .Sections {
    display: flex;
    padding: 8px 0;
    margin-bottom: 0;
}

.Widget--Header--secondary--colored .Sections__Item {
    border-radius: 20px;
    margin-right: 5px;
    user-select: none;
    padding: 5px 0 0 0;
}

.Widget--Header--secondary--colored .Sections .Sections__Item:last-child {
    margin-right: 0;
}

.Widget--Header--secondary--colored .Sections__Item a {
    border-radius: 20px !important;
    background: var(--black-color);
    padding: 3px 20px;
    overflow: hidden;
    color: var(--white-color);
    text-decoration: none;
    display: flex;
    transition: background-color 0.2s;
    font-size: 16px;
    transition: border 0.2s;
    font-weight: 600;
    line-height: 1.5;
}

    .Widget--Header--secondary--colored .Sections__Item a:hover {
        background: #5A5958;
        border-bottom: 0;
    }

/* WIDGET IFRAME */
.Widget--Iframe {
    min-height: 100vh;
    border: 1px solid rgba(153, 153, 153, 0.5);
    position: relative;
}

    .Widget--Iframe iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

/* LARGE DOUBLE WRAPPER*/
.Wrapper--LargeDouble {
    display: grid;
    grid-template-columns: 6fr 4fr;
    grid-gap: 8px;
    height: 350px;
    margin-top: 8px;
}

.Wrapper--SmallDouble {
    display: grid;
    grid-template-columns: 4fr 6fr;
    grid-gap: 8px;
    height: 350px;
    margin-top: 8px;
}

    .Wrapper--LargeDouble .Item,
    .Wrapper--SmallDouble .Item {
        width: 100%;
        height: 350px;
    }

.Widget--banner--sliding {
    height: 350px;
    border: 1px solid rgba(153, 153, 153, 0.5);
}

.top--left--single,
.top--right--single {
    z-index: 1;
}

.Widget--banner--sliding.carousel {
    width: 100%;
    border: none;
}

.Widget--banner--sliding .carousel-cell {
    width: 100%;
    height: 350px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
}

    .Widget--banner--sliding .carousel-cell > a {
        height: 100%;
        display: block;
    }

        .Widget--banner--sliding .carousel-cell > a > img {
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

.Widget--banner--sliding .flickity-page-dots {
    bottom: 10px;
}

    .Widget--banner--sliding .flickity-page-dots .dot {
        width: 15px;
        height: 15px;
        margin: 0 8px;
        background: var(--black-color);
        border-radius: 50%;
        opacity: 0.25;
        cursor: pointer;
        border: 2px solid var(--white-color);
    }

        .Widget--banner--sliding .flickity-page-dots .dot.is-selected {
            background-color: var(--brand-color);
        }

/* SMALL DOUBLE WRAPPER*/

/* MULTI BANNER WRAPPER */
.Widget--banner--multi.image {
    height: 170px;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

    .Widget--banner--multi.image .Item {
        background: var(--background-color-6);
        margin: 0 5px;
        flex-direction: column;
        position: relative;
        width: 100%;
        border-radius: 20px;
    }

.Widget--banner--multi .Item a {
    padding: 12px 0 0;
    display: flex;
}

    .Widget--banner--multi .Item a img {
        max-width: 100px;
        transition: transform 1s;
    }

.Widget--banner--multi .Item:first-child {
    margin-left: 0;
}

.Widget--banner--multi .Item:last-child {
    margin-right: 0;
}

.Widget--banner--multi .Item .Item__Label {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    bottom: 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--white-color);
    transition: background-color 1s;
    border-radius: 0 0 20px 20px;
}

.Widget--banner--multi.animated .Item a.animate img {
    transform: scale(1.2) rotate(5deg);
}

.Widget--banner--multi.animated .Item a.animate .Item__Label {
    background-color: rgba(255, 255, 255, 0.5);
}

.Widget--sport-live-now,
.Widget--sport-top-events {
    width: 100%;
    padding-top: 38px;
    position: relative;
}

    .Widget--sport-top-events .Item {
        display: flex;
    }

    .Widget--sport-live-now .header,
    .Widget--sport-top-events .header {
        position: absolute;
        width: 100%;
        background-color: var(--yellow-color-2);
        top: 0;
        left: 0;
        box-sizing: border-box;
        padding: 10px;
        color: var(--white-color);
    }

    .Widget--sport-live-now .Item {
        height: 100%;
    }

    .Widget--sport-live-now iframe {
        width: 100%;
        height: 100%;
    }

    .Widget--sport-top-events iframe {
        width: 100%;
        height: 252px;
    }

.Footer {
    margin-top: 8px;
}

    .Footer .Container__Item {
        max-width: 1200px;
    }

.Footer_logo {
    width: 170px;
    margin-left: 133px;
}

.copyright_bottom p {
    margin-bottom: 0;
    color: var(--background-color-6);
}

.Footer-group-desktop .Item {
    margin: 0 5px 0 0;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 20px;
}


    .Footer-group-desktop .Item li.Item__Title {
        color: var(--yellow-color);
        text-decoration: none;
        font-size: 23px;
        font-style: normal;
        white-space: nowrap;
        letter-spacing: -1.28px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-stroke-width: 0.2px;
    }

.Footer-group-desktop ul li:not(:first-child) {
    margin-bottom: 2px;
}

.Payments {
    margin-top: 0;
}

.Widget--banner--multi.images--spread {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .Widget--banner--multi.images--spread .Item:first-child {
        margin-left: 0;
    }

    .Widget--banner--multi.images--spread .Item:last-child {
        margin-right: 0;
    }

    .Widget--banner--multi.images--spread .Item {
        margin: 0 5px;
        position: relative;
        border-radius: 20px;
        text-align: center;
        flex: 1;
    }

        .Widget--banner--multi.images--spread .Item a {
            text-decoration: none;
            color: var(--white-color);
            font-size: 13px;
            padding: 0;
        }

            .Widget--banner--multi.images--spread .Item a img {
                max-width: 100%;
                object-fit: cover;
                object-position: center;
                height: 250px;
            }

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item .Widget--banner--multi.chips--centered {
    font-size: 10px;
}

.chill_copyright {
    padding: 0 !important;
    transform: translate(0px, -20%);
}

.Widget--banner--multi.chips--centered,
.Widget--banner--multi.chips--centered.vendors {
    background-color: var(--brand-color);
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: scroll;
}

    .Widget--banner--multi.chips--centered.vendors::-webkit-scrollbar {
        height: 0px;
    }

    .Widget--banner--multi.chips--centered.vendors a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        flex: 0 0 auto;
        padding: 0 20px;
        transition: .5s;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

        .Widget--banner--multi.chips--centered.vendors a img {
            height: 42px;
        }

        .Widget--banner--multi.chips--centered.vendors a:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }

    .Widget--banner--multi.chips--centered .Item {
        margin: 0 5px;
        position: relative;
        width: 100%;
        border-radius: 20px;
        text-align: center;
    }

        .Widget--banner--multi.chips--centered .Item li a {
            text-decoration: none;
            color: var(--white-color);
            font-size: 13px;
        }

        .Widget--banner--multi.chips--centered .Item li.Item__Title {
            font-size: 14px;
            color: var(--brand-color);
            text-decoration: none;
        }

.Vendors,
.Copyright,
.Copyright {
    margin-top: 0;
}

    .Copyright .Widget--banner--multi.chips--centered {
        font-size: 14px;
        color: var(--white-color);
    }

/* MOBILE CLASSES*/
.Container--modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--white-color);
    box-sizing: border-box;
    display: none;
}

.Container--modal__Header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .Container--modal__Header .Title img {
        width: 100px;
    }

    .Container--modal__Header .Button--close {
        appearance: none;
        background: none;
        border: none;
    }

        .Container--modal__Header .Button--close i {
            font-size: 24px;
            color: var(--yellow-color-2);
        }

/* LOGGED IN VIEW */
#profilePopup .profile-main-nav {
    list-style: none;
    margin: 0;
    font-size: 0;
    display: flex;
    width: 100%;
}

    #profilePopup .profile-main-nav li a[data-route='responsible'] {
        display: none;
    }

.has-feedback label ~ .glyphicon-ok.form-control-feedback {
    top: 23px;
    color: var(--brand-color);
}

.has-feedback label ~ .glyphicon-warning-sign.form-control-feedback {
    top: 23px;
    color: var(--yellow-color-2);
}

/* LOGIN POPUP */
.modal-title-text {
    font-size: 14px;
    padding-top: 3px;
    line-height: 24px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#loginPopup .form-control,
#forgotPasswordPopup .form-control:not(#Captcha),
#changePasswordPopup .form-control {
    font-size: 14px;
    padding: 16px 0;
    border-radius: 0;
    background: var(--background-color-3);
    border: none;
    border-bottom: 1px solid var(--border-color-2);
    height: 37px;
    cursor: pointer;
}

    #loginPopup .form-control::placeholder,
    #forgotPasswordPopup .form-control::placeholder,
    #changePasswordPopup .form-control::placeholder,
    #registrationPopup .form-control::placeholder {
        font-size: 14px;
    }

#loginPopup .modal-title-text,
#forgotPasswordPopup .modal-title-text,
#changePasswordPopup .modal-title-text,
#verifyPartial .modal-title-text {
    color: var(--brand-color);
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 25px;
    top: 90px;
    text-transform: unset;
    font-size: 16px;
    display: none;
}


#loginPopup .modal-header,
#forgotPasswordPopup .modal-header,
#changePasswordPopup .modal-header,
#verifyPartial .modal-header {
    border: none;
    display: flex;
    height: 75px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}


#loginPopup .modal-body,
#forgotPasswordPopup .modal-body,
#changePasswordPopup .modal-body,
#registrationPopup .modal-body,
#verifyPartial .modal-body {
    height: auto;
    border-radius: 0 0 10px 10px;
    background-repeat: repeat-x;
    padding: 45px 55px 40px 56px;
    background: none;
}

    #loginPopup .modal-body .form-group:not(:last-child),
    #forgotPasswordPopup .modal-body .form-group:not(:last-child),
    #changePasswordPopup .modal-body .form-group:not(:last-child) {
        margin-bottom: 22.5px;
    }

    #loginPopup .modal-body label,
    #forgotPasswordPopup .modal-body label,
    #changePasswordPopup .modal-body label,
    #profilePopup .modal-sub-body form .form-group label {
        font-family: "Poppins", sans-serif;
        color: var(--text-color);
        font-size: 14px;
        font-weight: 600;
        display: flex;
        text-align: left;
    }

    #registrationPopup .modal-body label {
        display: inline-block;
        font-family: "Poppins", sans-serif;
        color: var(--text-color);
        font-size: 12px;
        font-weight: 600;
        text-align: left;
    }

    #registrationPopup .modal-body .checkbox label {
        min-height: 36px;
    }

#profilePopup .modal-sub-body label {
    font-family: "Poppins", sans-serif;
    color: var(--border-color-2) !important;
    font-size: 14px;
    font-weight: normal !important;
    display: flex;
}

#profilePopup .row-flex {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

    #profilePopup .row-flex .col-half {
        flex: 1 2 50%;
        padding: 0;
    }

#profilePopup .verification .btn-group,
#profilePopup .phone-number-verification .btn-group {
    width: 100%;
}

#paymentsystem > div > div:not(.depositmessage-success):not(.depositmessage-error) {
    flex: 1;
}

    #paymentsystem > div > div:not(.depositmessage-success):not(.depositmessage-error) label {
        width: 100%;
        max-width: 300px;
    }

#paymentsystem > div > div.depositmessage-success,
#paymentsystem > div > div.depositmessage-error {
    flex: 1 1 100%;
    margin-left: auto;
    padding: 0 5px 20px;
}

    #paymentsystem > div > div.depositmessage-success:empty,
    #paymentsystem > div > div.depositmessage-error:empty {
        display: none;
    }

#paymentsystem > div.js-deposit-submit-container {
    justify-content: flex-end;
}

#paymentsystem > .text-right {
    justify-content: flex-end;
}

div.scrollable {
    overflow-x: auto;
}


#profilePopup .modal-sub-body form .form-group .col-md-6 {
    padding: 0 10px;
}

#profilePopup .modal-sub-body form .form-group .row,
#profilePopup .modal-sub-body form .form-group .row {
    margin: 0;
}

    #profilePopup .modal-sub-body form .form-group .row .col-xs-6,
    #profilePopup .modal-sub-body form .form-group .row .col-xs-12 {
        padding: 0;
    }

#loginPopup .modal-body .forgot-password-url,
#loginPopup .modal-body .btn-sign-up {
    text-decoration: none;
    line-height: 34px;
    color: var(--white-color);
    outline: none;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 47px;
    font-weight: 600;
}
body.mobile #loginPopup .modal-body .btn-sign-up.sign-up-special {
    top: inherit;
    padding-right: 15px;
}

#registrationPopup .modal-body .already-member {
    text-decoration: none;
    color: var(--white-color);
    outline: none;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
}

#loginPopup #popupLoginBtn,
#forgotPasswordPopup #popupLoginBtn,
#changePasswordPopup #popupSavePassBtn {
    width: 100%;
    height: 40px;
    background: var(--gradient-color-1);
    color: var(--white-color);
    border: 0;
    outline: none;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin: 10px 0 5px 0;
    text-transform: uppercase;
}

#forgotPasswordPopup .lbl.popup_lbl {
    width: 100%;
}

#forgotPasswordPopup #Captcha {
    width: 120px;
    height: 48px;
    border-radius: 4px;
}

#forgotPasswordPopup .captcha-image {
    height: 48px;
    border: 1px solid var(--border-color-3);
    border-radius: 3px;
}

.captcha_block {
    width: 120px;
}

/* CHANGE PASSWORD */

#changepassform .row .col-md-7.col-md-offset-5 {
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0 auto;
}

#changePasswordPopup .modal-header {
    border: none;
    margin-bottom: 20px;
    border-bottom: 2px solid #EFEFEF;
}

#changePasswordPopup .lbl.popup_lbl {
    width: 100%;
}

#changePasswordPopup .password-change-success-message {
    color: var(--yellow-color-2);
}

#changePasswordPopup .js-submit-button,
#changePasswordPopup .js-next-button {
    background: var(--brand-color);
    color: #1c1438;
    font-weight: 800;
    border: 0;
    padding: 8px 20px;
    width: 100%;
    outline: none;
}

#profilePopup .form-group {
    margin-bottom: 21px;
    text-align: left;
}

.city-dropdown-block {
    margin-bottom: 0 !important;
}

#profilePopup .profile-sub-nav {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
    font-size: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

    #profilePopup .profile-sub-nav li {
        flex-basis: 120px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

#profilePopup .profile-main-nav li a {
    font-family: "Poppins";
    font-size: 12px;
    font-weight: 400;
    color: #989494;
    padding: 10px 0;
    text-decoration: none;
    border-right: 1px solid var(--border-color-7);
    border-bottom: 1px solid var(--border-color-7);
    border-top: 1px solid var(--border-color-7);
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
}

    #profilePopup .profile-main-nav li a i {
        font-size: 16px;
        margin-right: 7px;
        position: relative;
        top: -1px;
    }

#profilePopup .profile-sub-nav li a, .registration.page-3 .registration-sub-nav li {
    font-family: "Poppins";
    display: block;
    color: #989494;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
}

    #profilePopup .profile-sub-nav li.active a, #profilePopup .profile-sub-nav li a:hover,
    .registration.page-3 .registration-sub-nav li.active, .registration.page-3 .registration-sub-nav li:hover {
        border-bottom: 2px solid var(--yellow-color-2);
        color: var(--yellow-color);
    }

#profilePopup .profile-main-nav li.active a, #profilePopup .profile-main-nav li a:hover {
    background: var(--yellow-color-2);
    color: var(--black-color);
    border: 1px solid var(--yellow-color-2);
    display: flex;
    align-items: center;
}

/* NOTIFICATION SETTINGS */
.communication-types {
    color: #150d35;
    border-right: 1px solid var(--border-color-8);
}

.communication-settings-wrapper {
    display: grid;
    grid-template-columns: 216px 1fr;
}

    .communication-settings-wrapper * {
        font-size: 12px;
        text-align: left;
        font-family: "Poppins";
        color: var(--white-color);
    }

    .communication-settings-wrapper .comm-single-type {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
    }


.communication-types,
.thread-list {
    position: relative;
    overflow: auto;
}

    .communication-types .comm-single-type,
    .thread-list .single-thread {
        font-size: 14px;
        padding: 10px 10px 10px 15px;
        cursor: pointer;
        transition: background-color 0.2s;
        color: var(--text-color);
        font-family: "Poppins";
    }

    .thread-list .single-thread {
        text-align: left;
        height: 80px;
    }

    .thread-list .single-thread.external-promo {
        height: auto;
    }

    .thread-list .single-thread.external-promo .title {
        margin-bottom: 0;
        color: #C5AFF1;
    }

    .thread-list .single-thread.external-promo.unread .title {
        font-weight: bold;
    }

    .thread-list .single-thread.external-promo .thread-promo {
        background: #7752c2;
        display: inline-block;
        padding: 1px 5px;
        font-weight: bold;
    }

    .thread-list .single-thread.external-promo .thread-promo i {
        color: #ffc107;
        margin: 0 2px 0 0;
    }

    .communication-types .comm-single-type:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .thread-list .single-thread:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .thread-list .single-thread {
        color: var(--border-color-3);
    }

    .thread-list .single-thread {
        background-color: var(--background-color-7);
        border-bottom: 2px solid var(--background-color-3);
    }

    .thread-list .mCSB_inside > .mCSB_container {
        margin-right: 16px;
    }

    .thread-list .single-thread:last-child {
        border-bottom: none;
    }

    .thread-list .single-thread .title {
        color: var(--yellow-color);
        margin-bottom: 8px;
        font-size: 1.4rem;
    }

    .communication-types .comm-single-type.active {
        border-right: 0;
        background-image: var(--gradient-color-yellow);
        color: var(--black-color);
    }

.ss-main .ss-single-selected {
    height: 35px;
    border-radius: 8px;
    border: 1px solid var(--border-color-7);
    background-color: transparent;
}

.thread-list .single-thread.active {
    border-right: 0;
    background-color: var(--backdrop-color);
}

.thread-list .single-thread .detail-row {
    margin-bottom: 5px;
    font-size: 1.3rem;
}

.thread-list .single-thread.unread .title i {
    color: var(--yellow-color-2);
}

.thread-list .single-thread.unread.external-promo .title i {
    color: #c5aff1;
}

.thread-list .single-thread.unread .detail-row span {
    font-weight: bold;
}

.thread-list .single-thread .detail-row:last-child {
    margin-bottom: 0;
    color: var(--border-color-3);
}

.thread-list .single-thread .detail-row span {
    color: rgba(255, 255, 255, 0.3);
}

.thread-list .single-thread.external-promo .promo-icon {
    display: inline-block;
    background: #7752c2;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: bold;
    color: #ffffff;
}

.thread-list .single-thread.external-promo .promo-icon i {
    color: #ffc107;
    margin: 0 2px 0 0;
}

.communication-settings-block {
    padding: 0 15px 10px 30px;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    min-height: 540px;
}

.message-content {
    padding: 0 5px 10px 0;
    position: relative;
    min-height: 540px;
}

.communication-settings-block .inner-block {
    color: var(--black-color);
}

    .communication-settings-block .inner-block > .row {
        margin: 0;
        padding: 10px 0;
    }

        .communication-settings-block .inner-block > .row [class*="col-"] {
            padding: 0;
            width: 100%;
            font-size: 14px;
        }

        .communication-settings-block .inner-block > .row .col-xs-3 {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end;
        }

    .communication-settings-block .inner-block .communication-group {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        max-width: 300px;
    }

.message-header {
    display: flex;
}

    .message-header * {
        font-family: "Poppins";
    }

    .message-header .message-icon-wrapper {
        padding: 10px 16px;
        display: flex;
        justify-content: flex-end;
        width: 80px;
        background-color: var(--backdrop-color);
        font-size: 24px;
        color: var(--yellow-color);
    }

    .message-header .message-details {
        flex: 1 1 auto;
        background-color: var(--backdrop-color);
        text-align: left;
        padding: 10px 0;
        color: var(--border-color-3);
    }

.message-content .message-id {
    color: var(--yellow-color);
    font-size: 14px;
    text-align: left;
}

.message-content .external-promo .promo-tag {
    background: rgba(119,82,194,0.2);
    display: inline-block;
    padding: 2px 5px;
}

.message-content .external-promo .message-id {
    color: #c5aff1;
}

.message-body {
    padding-top: 20px;
    padding-left: 80px;
}

.message-content .message-details div[class^='col-'] {
    color: var(--brand-color);
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.message-content .message-text {
    width: 100%;
    height: 396px;
    overflow: auto;
    margin-bottom: 0;
    color: var(--white-color);
    text-align: left;
}

.message-content {
    font-size: 14px;
    color: #150d35;
}

.message-sent-date {
    padding-bottom: 11px;
}

.message-content .detail-row {
    padding-top: 11px;
    border-top: 1px solid var(--border-color-7);
    text-align: left;
}

.message-details .text-right {
    color: #c3baa7 !important;
}

.message-details strong {
    color: var(--border-color-3);
    font-family: "Poppins";
}

.detail-row span,
.message-id span,
.message-details span {
    color: var(--border-color-3) !important;
    font-weight: bold;
}

.modal-header {
    padding: 0;
    position: relative;
    border-radius: 0 10px 0 0;
    text-align: left;
}

.modal-content {
    border: 1px solid var(--border-color);
    background-color: var(--background-color-3);
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 7px 20px var(--black-color)
}

    .modal-content .close {
        color: var(--white-color) !important;
        padding: 0;
        outline: 0 !important;
        width: 50px;
        height: 100%;
        line-height: 1;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        opacity: 1;
        -webkit-flex-direction: column;
    }

        .modal-content .close span {
            height: 100%;
            font-size: 46px;
            line-height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid transparent;
            padding: 6px 14px 0;
        }

.modal-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 700px;
}

    .modal-body.no-footer {
        height: 685px;
    }

#profilePopup .inbox-grid {
    display: grid;
    grid-template-columns: 216px 1fr;
    height: 585px;
    overflow-y: hidden;
}

    #profilePopup .inbox-grid .message-short-wrapper {
        position: relative;
    }

.modal-sub-body {
    padding: 10px 10px 0 10px;
    border-radius: 0 0 5px 5px;
}

    .modal-sub-body.custom-scrollbar {
        padding-right: 0;
    }

#profilePopup .js-custom-scrollbar-wrapper {
    overflow-x: hidden;
}

#profilePopup .loader {
    display: none;
    bottom: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin-left: 5px;
}

#profilePopup .modal-sub-body .custom-scrollbar {
    padding-right: 12px;
}

#profilePopup .custom-scrollbar {
    margin-right: 10px;
}

#profilePopup .modal-sub-body.custom-scrollbar.mCustomScrollbar {
    margin-right: 0 !important;
}

#profilePopup .custom-scrollbar .mCSB_inside > .mCSB_container {
    margin-right: 9px;
}

#profilePopup .modal-sub-body .sub-page-title {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: var(--yellow-color-2);
    margin: 10px 0;
}

#profilePopup .modal-sub-body .comunication-label {
    display: inline-flex;
    height: 16px;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    color: var(--border-color-7);
}

#profilePopup .modal-sub-body .emutable-details {
    padding: 0 10px;
}

.communication-settings-wrapper .switch-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block {
    margin: 10px 0;
}

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block:first-child {
        margin-top: 0;
    }

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block:last-child {
        margin-bottom: 0;
    }

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block tr {
        text-align: left;
        color: var(--white-color);
    }

        #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block tr .em {
            font-weight: 600;
            font-family: "Poppins";
            color: var(--border-color-7);
            text-transform: uppercase;
        }

            #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block tr .em:first-child b {
                display: flex;
                margin-bottom: 16px;
            }

        #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block tr td *:not(.em) {
            margin-bottom: 19px;
        }

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block thead tr:nth-child(1) .em {
        text-transform: capitalize;
        font-family: "Poppins";
        color: var(--border-color-3);
    }

        #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block thead tr:nth-child(1) .em * {
            font-size: 16px;
        }

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em
    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .underline {
        text-decoration: underline;
    }

/* ---------------------------------------------------------------- Indetifications ----------------------------------------------------------*/

.modal-sub-body.identifications {
    color: var(--white-color);
}

    .modal-sub-body.identifications .document-head-row-title, .modal-sub-body.identifications .document-body-row-title {
        display: flex;
        color: var(--white-color);
        justify-content: space-between;
        margin: 4px 0;
        padding: 5px;
    }

    .modal-sub-body.identifications .document-head-row-title {
        color: var(--yellow-color);
        margin-bottom: 20px;
        font-size: 16px;
    }

        .modal-sub-body.identifications .document-head-row-title div, .modal-sub-body.identifications .document-body-row-title div,
        .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
            flex: 1;
            margin: 4px 0;
            text-align: left;
            max-width: 150px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .modal-sub-body.identifications .document-body-row-title div {
        font-size: 12px;
    }

    .modal-sub-body.identifications .document-body-row-title .document-name {
        white-space: nowrap;
        overflow: visible;
        display: block;
        position: relative;
    }

        .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
            display: inline-block;
            width: 87%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.document-name .tooltip {
    width: auto;
    position: absolute;
    background-color: var(--background-color-2);
    opacity: 1;
    color: var(--white-color);
    padding: 5px 8px;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    top: -27px;
    left: 30px;
    white-space: nowrap;
}

.modal-sub-body.identifications .document-body-row-title i {
    color: var(--yellow-color);
    font-size: 22px;
    text-align: center;
}

.modal-sub-body.identifications .document-head-row-title .document-action {
    text-align: center;
}

.modal-sub-body.identifications .document-body-row-title .las.la-times {
    color: var(--error-color);
}

.modal-sub-body.identifications .document-body-row-title .las.la-sync-alt {
    color: var(--brand-color);
}

.modal-sub-body.identifications .document-body-row-title button {
    background-color: var(--yellow-color-2);
    margin: 4px 0;
    justify-content: center;
    text-align: center;
    color: var(--black-color);
}

    .modal-sub-body.identifications .document-body-row-title button:hover {
        background-color: var(--yellow-color);
    }

.modal-sub-body.identifications .header-block {
    height: 242px;
    overflow: auto;
    margin-top: 32px;
}

.modal-sub-body.identifications .upload-file.row:before, .modal-sub-body.identifications .upload-file.row:after {
    display: none;
}

.modal-sub-body.identifications .upload-file {
    display: grid !important;
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    gap: 20px;
    padding: 10px;
}

    .modal-sub-body.identifications .upload-file section, .modal-sub-body.identifications .upload-file div {
        width: 100%;
    }

    .modal-sub-body.identifications .upload-file .btn {
        width: auto !important;
        height: 35px;
        display: flex;
        align-items: center;
        padding: 16px;
        border-radius: 8px;
    }

    .modal-sub-body.identifications .upload-file .col-xs-6 {
        display: flex;
        flex-direction: column;
    }

        .modal-sub-body.identifications .upload-file .col-xs-6 .input {
            margin-left: 0;
        }

.modal-sub-body.identifications .input_name {
    width: 100%;
    padding: 16px;
    outline: none;
}

    .modal-sub-body.identifications .input_name:focus {
        border-color: var(--brand-color) !important;
    }

.identifications-settings-wrapper #formOne .col-xs-6 .row {
    display: flex;
    margin: 0;
}

.identifications-settings-wrapper #Day, .identifications-settings-wrapper #Month, .identifications-settings-wrapper #Year {
    height: 35px;
    flex: 1;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin: 0 4px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #99959b;
    text-align: center;
}

.identifications-settings-wrapper #Day {
    flex: .7;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0;
}

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12, #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message {
        flex: 1;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message .col-xs-6 {
            width: 100%;
        }

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 {
        text-align: right;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 .btn {
            color: var(--white-color);
            border-color: var(--blue-color-5);
            background-color: var(--blue-color-5);
        }

#profilePopup .identifications-settings-wrapper .note {
    text-align: left;
}

/* --- */

#profilePopup .modal-footer {
    padding: 0 10px 10px 0;
    border: none;
    width: 100%;
}

#profilePopup .modal-body.expanded {
    height: 594px;
    margin-bottom: 50px;
}

#profilePopup .modal-footer .btn-save {
    color: var(--white-color);
    border-color: var(--blue-color-5);
    background-color: var(--blue-color-5);
    outline: none;
    font-weight: 500;
    font-size: 16px;
}

    #profilePopup .modal-footer .btn-save:hover {
        background: var(--blue-color-5);
    }

#profilePopup .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    margin-bottom: 0;
}

.daterangepicker.dropdown-menu {
    z-index: 99999;
    background-color: var(--background-color-2);
    color: var(--white-color);
}

.daterangepicker .calendar-table {
    background-color: var(--background-color-3);
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background: transparent;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    color: var(--black-color);
}

/* Hide default HTML checkbox */
#profilePopup .switch input {
    display: none;
}

/* The slider */
#profilePopup .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    border-radius: 10px !important;
    vertical-align: top;
    border: 1px solid var(--border-color-7);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    #profilePopup .slider:before {
        position: absolute;
        content: '';
        height: 8px;
        width: 8px;
        left: 2px;
        bottom: 2px;
        border-radius: 50%;
        background-color: var(--white-color);
        border: 5px solid var(--border-color-7);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

#profilePopup input:checked + .slider {
    border-radius: 10px !important;
    border: 1px solid var(--yellow-color-2);
}

#profilePopup input:focus + .slider {
    box-shadow: 0 0 1px var(--blue-color-3);
}

#profilePopup input:checked + .slider:before {
    border-color: var(--yellow-color);
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
#profilePopup .slider.round {
    border-radius: 34px;
}

    #profilePopup .slider.round:before {
        border-radius: 50%;
    }

#profilePopup .modal--balance-history .modal-body table {
    font-size: 1.2rem;
}

#profilePopup .modal--balance-history .wallet-table td,
#profilePopup .modal--balance-history .wallet-table th {
    padding: 9px 3px;
    white-space: nowrap;
    width: 5ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

#profilePopup .modal--balance-history .mCSB_container {
    margin-right: 7px !important;
}

/* PROFILE POPUP */
body.modal-open {
    height: 100vh;
    overflow: hidden;
    box-sizing: content-box;
    -ms-touch-action: none;
    touch-action: none;
}

    body.modal-open .page-wrapper {
        overflow: hidden;
    }

.field-validation-valid.has-error,
.field-validation-error.has-error,
.field-validation-error.error,
.field-validation-error .has-error {
    width: 100%;
    display: block;
    line-height: 20px;
    text-align: left;
}

.has-error,
.error {
    color: var(--error-color) !important;
    font-family: "Poppins";
}

    .has-error > *,
    .error > * {
        color: var(--error-color) !important;
    }

.wallet-table {
    width: 100%;
    color: var(--border-color-2);
}

    .wallet-table tbody {
        color: var(--text-color);
        font-family: "Poppins";
    }

    .wallet-table td,
    .wallet-table th {
        text-align: left;
        padding: 5px;
        font-weight: 600;
        font-size: 12px;
    }

    .wallet-table th {
        background-color: var(--backdrop-color);
        font-weight: bold;
        white-space: nowrap;
    }

.statedisabled {
    background-color: gray;
    color: #b3b0b0;
    pointer-events: none;
}

.statedisabledforbet {
    color: #b3b0b0;
    pointer-events: none;
}

.gold {
    color: var(--yellow-color-2);
}

.transaction-row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    cursor: pointer;
    font-size: 0;
    margin-bottom: 24px;
    position: relative;
    transition: background 0.2s;
    color: var(--white-color);
}

.transaction-block:not(.active):last-child .transaction-row {
    margin-bottom: 0;
}

.transaction-row-outlined {
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0;
    transition: background-color 0.2s;
    position: relative;
    display: flex;
    justify-self: right;
}


    .transaction-row-outlined.column-headers,
    .transaction-row-outlined.column-headers-withdrawal {
        width: 100%;
        height: 32px;
        padding: 6px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 0;
        transition: background-color .2s;
        position: relative;
        display: flex;
        background-color: var(--backdrop-color);
    }

    .transaction-row-outlined div {
        font-family: "Poppins";
        font-size: 14px;
        color: var(--border-color-2);
        text-align: left;
    }


.transaction-row.loading {
    color: var(--white-color) !important;
    width: auto;
}

    .transaction-row.loading:after {
        width: 15px;
        height: 15px;
        right: 15px;
        left: auto;
        top: calc(50% - (15px / 2));
    }

[id^='transaction-details'] {
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
    margin-top: -22px;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 0;
    display: none;
    text-align: left;
    width: 100%;
}

    [id^='transaction-details'] label {
        color: var(--yellow-color);
        font-weight: normal;
        line-height: 30px;
    }

    [id^='transaction-details'] .submit-event.aligned-action-btn,
    [id^='transaction-details'] .js-deposit-submit {
        background: var(--blue-color) !important;
        color: var(--white-color) !important;
        padding: 8px 20px !important;
        border: 0 !important;
        outline: none !important;
    }

    [id^='transaction-details'].shown {
        display: block;
        padding: 10px;
    }

    [id^='transaction-details'] label {
        margin-right: 15px;
        margin-bottom: 15px;
    }

.transaction-row:hover {
    background: var(--background-color-6);
}

.transaction-block.active .transaction-row {
    background: var(--background-color-6);
    color: var(--text-color);
    display: flex;
    justify-content: center;
}

.transaction-row div {
    display: inline-block;
    font-size: 14px;
    text-align: left;
}

.transaction-title-row {
    display: grid;
    grid-template-columns: 5fr 7.5fr;
    grid-template-areas: "g h";
}

    .transaction-title-row .transaction-row div {
        font-size: 1.1rem;
    }

    .transaction-title-row .trans-label {
        color: var(--yellow-color-2);
    }

    .transaction-title-row .transaction-row {
        padding: 1px 5px;
        width: 60%;
        float: right;
    }

        .transaction-title-row .transaction-row:after {
            content: '';
            clear: both;
            display: table;
        }

        .transaction-title-row .transaction-row:hover {
            background-color: #0d3a1f;
        }

        .transaction-title-row .transaction-row .trans-proc-time {
            width: 32%;
        }

        .transaction-title-row .transaction-row .trans-fee {
            width: 17%;
        }

        .transaction-title-row .transaction-row .trans-min {
            width: 17%;
        }

        .transaction-title-row .transaction-row .trans-max {
            width: 34%;
        }

    .transaction-title-row .trans-label {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 30px;
    }

.transaction-row .trans-logo {
    text-align: center;
    flex: 1 1 20%;
    order: 2;
}

.transaction-row-outlined .trans-logo {
    flex: 1 1 20%;
}

.modal--deposit .transaction-row-outlined .trans-logo,
.modal--withdrawal .transaction-row-outlined .trans-logo {
    max-width: 80px;
    margin-right: 62px;
}

.mobile .deposit .transaction-title-row, .mobile .withdrawal .transaction-title-row {
    display: flex;
}

    .mobile .deposit .transaction-title-row > div:nth-child(1), .mobile .withdrawal .transaction-title-row > div:nth-child(1) {
        flex: 2;
    }

    .mobile .deposit .transaction-title-row > div:nth-child(2), .mobile .withdrawal .transaction-title-row > div:nth-child(2) {
        flex: 3;
    }

.mobile .deposit .transaction-row-outlined .trans-fee, .mobile .withdrawal .transaction-row-outlined .trans-fee {
    flex: 1 1 7%;
}

.mobile .deposit .transaction-row-outlined .trans-max, .mobile .withdrawal .transaction-row-outlined .trans-max {
    flex: 1 1 26%;
}

.mobile .deposit .transaction-row-outlined .trans-proc-time, .mobile .withdrawal .transaction-row-outlined .trans-proc-time {
    flex: 1 1 26%;
}

.mobile .deposit .col-md-12.flex-full-width, .mobile .withdrawal .col-md-12.flex-full-width {
    padding: 0 9px;
}

.mobile .deposit .transaction-row .select-expander, .mobile .withdrawal .transaction-row .select-expander {
    max-width: unset;
    margin-right: 0;
}

.transaction-row .select-expander {
    flex: 1 1 20%;
    height: 32px;
    max-width: 80px;
    margin-right: 62px;
    order: 1;
    border: 1px solid var(--blue-color-4);
    border-radius: 8px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--blue-color-4);
    line-height: 1;
    display: flex;
}

.transaction-row .trans-title {
    display: none;
}

.transaction-row-outlined .trans-title {
    flex: 1 1 20%;
}

.transaction-row .trans-proc-time {
    flex: 1 1 20%;
    order: 3;
}

.transaction-row-outlined .trans-proc-time {
    flex: 1 1 20%;
    padding-right: 14px;
}

.transaction-row .trans-fee {
    flex: 1 1 10%;
    order: 4;
}

.transaction-row-outlined .trans-fee {
    flex: 1 1 10%;
}

.transaction-row .trans-min {
    flex: 1 1 10%;
    order: 5;
}

.transaction-row-outlined .trans-min {
    flex: 1 1 10%;
}

.transaction-row .trans-max {
    flex: 1 1 20%;
    order: 5;
}

.transaction-row-outlined .trans-max {
    flex: 1 1 20%;
}

.transaction-row .trans-label {
    width: 40%;
}

.wallet-table .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.1);
}

.modal--payment-history .input-group .input-group i {
    font-size: 17px;
}

.modal-dialog.history .modal-footer .col-md-12 {
    width: 100%;
}

.js-see-details,
.js-form-search-submit {
    background: transparent;
    padding: 10px 12px;
    margin-top: 18px;
    line-height: 15px;
    outline: none !important;
    color: var(--blue-color-4) !important;
    border: 1px solid var(--blue-color-4);
    border-radius: 8px;
}

    .js-form-search-submit:hover, .js-see-details:hover, .js-see-details:active, .btn-success:focus {
        color: var(--white-color) !important;
    }

.btn-success:hover, .btn-success:focus {
    background-color: var(--blue-color);
    border-color: var(--blue-color-4);
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color);
}

.wallet-table tbody.table-striped > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.1);
}

#verifyPartial .modal-body {
    height: 200px;
}

.verification .loading {
    width: auto;
}

.verification .btn-success:focus {
    padding: 6px 12px;
}

.verification .form-control {
    border-radius: 8px 0 0 8px !important;
    height: 35px;
    background: transparent;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 20px;
    margin-right: 8px;
    outline: none;
}

#sendEmailCodeLink,
#sendMobileCode,
#sendMobileCodeForPin,
#sendEmailCode {
    background: transparent;
    color: var(--blue-color-4);
    padding: 0 12px;
    height: 35px;
    outline: none;
    border-radius: 8px;
    border: 1px solid var(--blue-color-4);
    text-transform: uppercase;
}

.verification-code-email .glyphicon,
.mobile-verification-code-block .glyphicon {
    color: var(--white-color);
}

.verification-code-mobile,
.verification-code-pin,
.verification-code-email {
    background: transparent;
    color: var(--white-color);
    border: 1px solid var(--border-color-7);
    outline: none !important;
}

body:not(.LoggedIn) #validateform .email-verification-block, body:not(.LoggedIn) #validateform .phone-number-verification-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    body:not(.LoggedIn) #validateform .email-verification-block .email-verification,
    body:not(.LoggedIn) #validateform .phone-number-verification-block .phone-number-verification {
        margin-top: auto;
        text-align: right;
    }

/* body:not(.LoggedIn) #validateform .email-verification-block ~ .row .profile__msg--error,
body:not(.LoggedIn) #validateform .email-verification-block ~ .row .profile__msg--success{
    position: absolute;
    bottom: 28px;
    padding-left: 15px;
} */

.verification .input-group .form-control {
    border: 1px solid var(--border-color-2) !important;
    height: 35px !important;
    padding-left: 4px !important;
}

.bonus-placeholder {
    display: none;
}

.wagering-line {
    height: 6px;
    margin-top: 2px;
    position: absolute;
    background: var(--yellow-color-2);
    border-radius: 12px;
    z-index: 1;
}

.wagering-percent {
    background-color: var(--yellow-color);
    border-radius: 20px;
    text-align: center;
    width: 30px;
    min-width: 29px;
    position: absolute;
    top: -4px;
    z-index: 1;
    font-size: 12px;
}

.registration.page-3 .bonus-placeholder {
    display: block;
}

#profilePopup .modal-bonus-selector {
    display: flex;
    padding: 5px 0;
    box-sizing: border-box;
    justify-content: flex-end;
}

    #profilePopup .modal-bonus-selector select {
        color: var(--white-color);
        background-color: var(--brand-color);
        outline: none;
        max-width: 250px;
    }

.ss-content .ss-list {
    max-height: 300px;
}

#profilePopup [class*='player-bonus-type'] .bonus-title-row {
    display: grid;
    border-radius: 3px;
    padding: 10px;
}

#profilePopup .bonus-title-row {
    background-color: var(--backdrop-color);
}

#profilePopup .player-bonus-type-1 .bonus-title-row {
    grid-template-columns: 85px 3fr 2fr 2fr 1fr;
    text-align: left;
}

#profilePopup .player-bonus-type-2 .bonus-title-row {
    grid-template-columns: 1fr 2fr 2fr 2fr 1fr 3fr 60px;
    text-align: left;
}

#profilePopup .player-bonus-type-3 .bonus-title-row, #profilePopup .player-bonus-type-4 .bonus-title-row,
#profilePopup .player-bonus-type-5 .bonus-title-row, #profilePopup .player-bonus-type-6 .bonus-title-row {
    grid-template-columns: 2fr 3fr 2fr 3fr 2fr 3fr;
    text-align: left;
}

.modal-dialog.modal--promotions-freespins .bonus-title-row,
.modal-dialog.modal--promotions-freespins .bonus-body-row-title {
    grid-template-columns: 1fr 2fr 2fr 2fr 2fr !important;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-body-row-title {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

#profilePopup [class*='player-bonus-type-'] .bonus-title-row * {
    margin-right: 10px;
    color: var(--border-color-2);
    font-weight: bold;
    font-size: 12px;
}

    #profilePopup [class*='player-bonus-type-'] .bonus-title-row *:last-child {
        margin-right: 0;
    }

.wallet-table tr:nth-child(2) td div .wallet-table tbody tr:nth-child(2n + 1), .modal-sub-body.identifications .document-body-row-title {
    background-color: var(--background-color-7);
}

.wallet-table.table-hover > tbody > tr {
    background-color: inherit;
}

#profilePopup [class*="player-bonus-type-"] .bonus-title-row *:last-child {
    margin-right: 0;
}

.player-bonus-type-1 .bonus-body-row-title {
    display: grid;
    grid-template-columns: 85px 3fr 2fr 2fr 1fr;
}

.player-bonus-type-2 .bonus-body-row-title {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr 1fr 3fr 60px
}

.player-bonus-type-3 .bonus-body-row-title,
.player-bonus-type-4 .bonus-body-row-title,
.player-bonus-type-5 .bonus-body-row-title,
.player-bonus-type-6 .bonus-body-row-title {
    display: grid;
    grid-template-columns: 2fr 3fr 2fr 3fr 2fr 3fr;
}

[class*="player-bonus-type"] .bonus-body-row {
    margin-top: 10px;
    border-radius: 3px;
    position: relative;
}

[class*='player-bonus-type'] .bonus-body-row-title {
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
    background-color: var(--background-color-6);
    color: var(--text-color);
    font-family: "Poppins";
    font-size: 12px;
    text-align: left;
}

#paymentsystem ~ [class*='player-bonus-type'] .bonus-body-row-title {
    padding: 10px 0;
}

[class*='player-bonus-type'] .bonus-body-row-title:nth-child(odd) {
    background-color: var(--background-color-7);
}

[class*='player-bonus-type'] .bonus-body-row-title:nth-child(even) {
    background-color: var(--background-color-7);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-expiration,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-current-amount,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-title,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-type {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-checkbox-wrapper {
    padding-left: 5px;
}

[class*="player-bonus-type"] .bonus-body-row-title.active,
[class*="player-bonus-type"] .bonus-body-row-title:hover {
    color: var(--text-color-3);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-type {
    color: var(--text-color);
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-amount,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-validity,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-order {
    font-size: 17px;
    font-weight: normal;
    line-height: 17px;
}

[class*='player-bonus-type'] .bonus-table-body {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    [class*='player-bonus-type'] .bonus-table-body .mCustomScrollBox {
        height: 430px;
    }

[class*='player-bonus-type'] .bonus-body-row-title .bonus-order {
    text-align: center;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-cashback {
    width: 20px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 6px;
    background-position: center center;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet {
    background-image: url('../../bet20gamebettingsa/image/freebet-bonus.png');
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering {
    background-image: url('../../bet20gamebettingsa/image/wagering-bonus.png');
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-cashback {
    background-image: url('../../bet20gamebettingsa/image/cashback-bonus.png');
}


[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-question-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: var(--blue-color-5);
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    background-color: var(--white-color);
    cursor: pointer;
    margin-right: 5px;
    border: 1px solid var(--text-color);
}

.la-question-circle:before {
    content: '?' !important;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: var(--black-color);
    line-height: 14px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid var(--black-color);
    cursor: pointer;
    text-align: center;
    margin-right: 5px;
}

    [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto:after {
        content: 'A';
    }

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: var(--black-color);
    line-height: 14px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid var(--black-color);
    cursor: pointer;
    text-align: center;
    margin-right: 5px;
}

    [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
    [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
    [class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual:after {
        content: 'M';
    }

[class*='player-bonus-type'] .bonus-body-row-title.active .bonus-placeholder .b-question-mark,
[class*='player-bonus-type'] .bonus-body-row-title:hover .bonus-placeholder .b-question-mark {
    color: var(--text-color);
}

[class*='player-bonus-type'] .bonus-body-row-body {
    display: none;
    padding: 20px;
    overflow: hidden;
    color: var(--text-color);
}

    [class*='player-bonus-type'] .bonus-body-row-body * {
        font-size: 12px;
        font-family: "Poppins";
        text-align: left;
    }


    [class*="player-bonus-type"] .bonus-body-row-body h4 {
        font-size: 14px;
        color: var(--yellow-color-2);
    }

    [class*="player-bonus-type"] .bonus-body-row-body p {
        margin-bottom: 0;
    }

[class*="player-bonus-type"] .item-content .wagering-percent ~ .bonus-body-row-body p:nth-child(4) {
    display: none;
}

[class*="player-bonus-type"] .bonus-body-row-body p .bonus-prop {
    color: var(--brand-color);
    font-weight: 500;
}

[class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper {
    display: flex;
    justify-content: flex-end;
    float: right;
    padding-left: 10px;
    margin-top: 20px;
}

.bonus-body-row-body b,
.bonus-body-row-bold {
    color: var(--text-color);
}

.bonus-body-row-body .button-wrapper span.result-message {
    color: #707070;
    transition: all 0.3s;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 20px;
    height: 36px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid #707070;
    box-sizing: border-box;
}

[class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn {
    color: var(--brand-color);
    transition: all 0.3s;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 20px;
    height: 36px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
}

    [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn:hover {
        background-color: var(--brand-color);
        color: var(--white-color);
    }

[class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn {
    color: var(--brand-color);
    transition: all 0.3s;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 20px;
    height: 36px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
}

    [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn:hover {
        background-color: var(--brand-color);
        color: var(--white-color);
    }

[class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn {
    background-color: var(--brand-color);
    color: var(--white-color);
    transition: all 0.3s;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 20px;
    height: 36px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

[class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disabled-btn {
    pointer-events: none;
    color: gray;
    text-decoration: none;
    cursor: not-allowed;
}

    [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn:hover {
        background-color: transparent;
        border: 1px solid var(--brand-color);
        color: var(--brand-color);
    }

[class*='player-bonus-type'] .promotions .modal-sub-body {
    height: calc(100% - 75px);
}

.player-bonus-type-deposit .bonus-body-row-title {
    display: grid;
    grid-template-columns: 28px 2fr 2fr 2fr 2fr 2fr;
    margin-bottom: 10px;
}

.player-bonus-type-registration .bonus-body-row-title {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr 1.5fr 2fr 1fr;
    margin-bottom: 5px;
}

.player-bonus-type-deposit .bonus-body-row-header {
    display: grid;
    grid-template-columns: 28px 2fr 2fr 2fr 2fr 2fr;
    margin-bottom: 5px;
    color: var(--yellow-color);
}

    .player-bonus-type-deposit .bonus-body-row-header * {
        font-family: "Poppins";
        font-size: 14px;
        color: var(--brand-color)
    }

    .player-bonus-type-deposit .bonus-body-row-header .bonus-placeholder1 {
        display: none;
    }

#paymentsystem ~ .player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder {
    display: none;
}

#registerContainer .bonus-body-row-header {
    display: grid;
    grid-template-columns: 30px 1.3fr 1fr 1fr 1fr;
    margin-bottom: 5px;
    font-weight: normal;
    color: var(--white-color);
}

.hintModal .hintModal_container {
    z-index: 10000000001;
}

.notifyModal .notifyModal_content {
    background: var(--brand-color) !important;
    color: var(--white-color) !important;
}

#profilePopup .player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder,
#profilePopup .player-bonus-type-registration .bonus-body-row-title .bonus-placeholder {
    text-align: right;
    min-width: 75px;
}

#profilePopup .player-bonus-type-deposit .bonus-body-row-header .bonus-placeholder,
#registerContainer .bonus-body-row-header .bonus-placeholder {
    text-align: right;
    min-width: 75px;
}

.color-success,
.color-failure {
    display: inline-block;
    border-radius: 3px;
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding: 3px 10px;
    color: var(--white-color);
    transition: all 0.3s;
    text-decoration: none !important;
    vertical-align: middle;
    font-weight: bold;
}

.color-success {
    background-color: var(--yellow-color-2);
}

.color-failure {
    background-color: var(--error-color);
}

.player-bonus-type-deposit {
    height: 100%;
    margin-top: 30px;
}

.bonus-checkbox-wrapper input {
    display: none;
}

.bonus-checkbox-wrapper label {
    margin: 2px 10px 0 0;
    padding: 0;
    position: relative;
    height: 18px;
    width: 18px;
}

    .bonus-checkbox-wrapper label:after {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background-color: transparent;
        border: 1px solid var(--brand-color);
        border-radius: 3px;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 10px;
    }

.bonus-checkbox-wrapper input[type='checkbox']:checked + label:before {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    border-left: 3px solid var(--brand-color);
    border-bottom: 3px solid var(--brand-color);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 100000;
    margin: 3px 0 0 2px;
}


.form-group input::placeholder,
.form-group select {
    color: #555;
}

input#Captcha::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}

.form-group input[type="radio"],
.form-group input[type="checkbox"] {
    margin: 0;
    margin-left: -20px
}

.captcha-refresh-i {
    margin: 0 5px;
    font-size: large;
}

#Captcha {
    display: inline;
    width: 63%;
}

.page-wrapper .header-wrap.sticky {
    background-color: transparent;
    padding: 0 10px;
}

.page-wrapper {
    overflow: visible !important;
}

    .page-wrapper .Container--full:nth-child(4) .header-banner,
    .home_banner .Container__Item {
        display: block !important;
    }

.player-info {
    width: 100%;
}

.mt-10 {
    margin-top: 15px;
}

/* PAGING */
.modal .paging {
    list-style: none;
    margin-top: 10px;
    padding: 0 13px;
    text-align: right;
}

    .modal .paging li {
        display: inline-block;
        font-size: 0;
        width: auto;
        height: auto;
        vertical-align: top;
    }

        .modal .paging li a,
        .modal .paging li i {
            font-size: 1.2rem;
            line-height: 0px;
        }

    .modal .paging .pi {
        display: flex;
        width: 20px;
        height: 20px;
        border: 1px solid var(--border-color-3);
        cursor: pointer;
        transition: background-color 0.2s;
        border-radius: 20px;
        position: relative;
        font-family: "Poppins";
        align-items: center;
        justify-content: center;
    }

        .modal .paging .pi:hover {
            text-decoration: none;
            background: var(--brand-color);
        }

        .modal .paging .pi.active {
            border: transparent;
            text-decoration: none;
            background-color: var(--blue-color);
            color: var(--white-color);
        }

    .modal .paging div.pi {
        line-height: 26px;
    }

.paging-first-disabled,
.paging-prev-disabled,
.paging-next-disabled,
.paging-last-disabled {
    opacity: 0.2;
}

.modal .paging .disabled {
    opacity: 0.5;
}

.modal .paging .pi.paging-first,
.modal .paging .pi.paging-last,
.modal .paging .pi.paging-prev-ten,
.modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten,
.modal .paging .pi.paging-next {
    background: var(--background-color-6);
    color: var(--black-color);
}

/* PAGING */
.no-wrap {
    white-space: nowrap;
}

/* REGISTRATION POPUP */
#registrationPopup .modal-body label a {
    text-decoration: underline;
}

#registrationPopup .form-group {
    margin-bottom: 0px;
}

#registerContainer.on-page-1 .page-2,
#registerContainer.on-page-1 .page-3,
#registerContainer.on-page-2 .page-1,
#registerContainer.on-page-2 .page-3,
#registerContainer.on-page-3 .page-1,
#registerContainer.on-page-3 .page-2,
#registerContainerHeader.on-page-1 .page-header-2,
#registerContainerHeader.on-page-3 .page-header-2 {
    display: none;
}

#registrationPopup [id^='bonus-content-'] {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    border-radius: 0px 0px 3px 3px;
    color: var(--text-color);
    font-size: 12px;
    text-align: left;
    font-family: "Poppins";
}

#profilePopup [id^='bonus-content-'] {
    padding: 10px 10px 0 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    border-radius: 0px 0px 3px 3px;
    color: var(--text-color);
    font-size: 12px;
    font-family: "Poppins";
}

#registrationPopup .modal-dialog {
    transition: width 200ms;
}

    #registrationPopup .modal-dialog.expanded {
        width: 600px;
    }

#registrationPopup #Captcha {
    width: 100%;
}

#registrationPopup .captcha-image {
    height: 48px;
    border: 1px solid #707070;
    border-radius: 3px;
}

.form-group.checkbox .control-label {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#registrationPopup .js-submit-button {
    background: var(--gradient-color-1);
}

    #registrationPopup .js-submit-button:hover {
        background: var(--gradient-color-2);
    }

#registrationPopup .js-back-button {
    background: transparent;
    margin-bottom: 10px;
}

.page-header-2 {
    display: none !important;
}

.modal-header .logo-img,
#registrationPopup #registerContainerHeader .logo-img {
    width: 140px;
    vertical-align: top;
    margin: 12px 15px 12px 15px;
}

#registrationPopup #registerContainerHeader .modal-title-text p:nth-child(1) {
    font-size: 20px;
    font-weight: 800;
    margin: 2px 0px;
}

#registrationPopup #registerContainerHeader .modal-title-text p:nth-child(2) {
    font-size: 11px;
}

.datepicker {
    z-index: 999999;
}

    .datepicker td.active:hover,
    .datepicker td.active:hover:hover,
    .datepicker td.active:focus,
    .datepicker td.active:hover:focus,
    .datepicker td.active:active,
    .datepicker td.active:hover:active,
    .datepicker td.active.active,
    .datepicker td.active:hover.active,
    .datepicker td.active.disabled,
    .datepicker td.active:hover.disabled,
    .datepicker td.active[disabled],
    .datepicker td.active:hover[disabled] {
        color: var(--white-color);
        background-image: none;
        background-color: #22214e;
    }

.dropdown-menu {
    max-width: 182px;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px 0;
}

#__depositPopup .modal-header {
    padding: 10px 0;
}

#__depositPopup .modal-content {
    height: 800px;
}

#__depositPopup .modal-body {
    float: left;
    width: 100%;
    height: 100vh !important;
}

.js-payment-iframe {
    background-color: var(--background-color-3) !important;
}

#__depositPopup .modal-header .title {
    font-size: 14px;
    padding: 10px;
    background-color: var(--brand-color);
    color: var(--white-color);
    border-top-left-radius: 6px;
}

.game-list-wrapper {
    display: block;
}

.Iframe--full {
    min-height: calc(100vh - 128px);
    position: relative;
}

    .Iframe--full iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

#betgames_div_iframe {
    min-height: 100vh;
    width: 1200px;
    margin: auto;
}

    #betgames_div_iframe iframe {
        min-height: calc(100vh - 128px);
        width: 1px;
        min-width: 100%;
        position: relative;
        z-index: 10;
    }

#iframe-host-wrapper {
    min-height: 100vh;
    width: 1200px;
    margin: auto;
}

    #iframe-host-wrapper iframe {
        min-height: calc(100vh - 128px);
        width: 1px;
        min-width: 100%;
        position: relative;
        z-index: 10;
    }

/* CATEGORIES STYLES */
.article-cards .card-wrapper.hovered .flipper {
    transform: rotateY(180deg);
}


.article-cards .card,
.article-cards .front,
.article-cards .back {
    height: auto;
}

.promotions-first-banner .back {
    width: 100%;
}

.home-promo-slidable .back {
    width: 86%;
}

.home-promo-slidable .Content__Item {
    display: flex;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

    .home-promo-slidable .Content__Item:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin: auto 5px auto 14px;
        background-image: url(../../bet20gamebettingsa/image/promo-ico-ligray.svg);
        background-size: cover;
    }

    .home-promo-slidable .Content__Item a {
        margin-left: auto;
        margin-right: 24px;
    }

        .home-promo-slidable .Content__Item a:after {
            content: '\f105';
            font-family: 'Line Awesome Free';
            font-size: 16px;
        }



/* flip speed goes here */
.article-cards .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.article-cards .front,
.article-cards .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    overflow: hidden;
}

.home-promo-slidable .close-info {
    display: none;
}

.article-cards .card.contentOpened .front .card-image {
    height: 0;
}

.article-cards .card.contentOpened .front a {
    height: 0;
}

.article-cards.openContent .front a {
    display: flex;
}

.article-cards .card-image {
    width: 100%;
    height: 399px;
    object-fit: cover;
    transition: all ease-out .5s;
}

.home-promo-slidable .article-cards .card-image {
    aspect-ratio: 243/352;
}

.article-cards.promotions-forth-banner .front, .home-promo-slidable .article-cards .front {
    z-index: 2;
    transform: rotateY(0deg);
    display: block;
    min-width: 275px;
}

.article-cards .front .card-date,
.article-cards .front .card-info,
.article-cards .front .card-title {
    display: none !important;
}

.article-cards .back {
    background-color: var(--background-color-5);
    text-align: left;
}

.article-cards .contentOpened .back {
    border-radius: 10px;
}

.article-cards .card .content {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: var(--white-color);
    padding: 0 50px;
}

.article-cards .card .back .card-title {
    font-size: 23px;
    color: var(--white-color);
    padding: 36px 50px 0 50px;
}

.article-cards .card .read-more {
    display: block;
    font-family: 'Poppins';
    font-weight: 600;
    text-decoration: none;
    width: 248px;
    height: 56px;
    border-radius: 3px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 30px;
}

.home-promo-slidable .article-cards .back {
    display: flex;
    flex-direction: column;
}

    .home-promo-slidable .article-cards .back > a {
        flex: 1;
    }

.home-promo-slidable .article-cards .card .read-more {
    width: 100%;
    color: var(--blue-color-5);
    font-size: 23px;
    margin: auto;
    margin-bottom: 0;
    justify-content: flex-start;
    height: 100%;
    position: absolute;
    left: 0;
    text-indent: -9999px;
}

.home-promo-slidable .article-cards .card .content {
    text-align: left;
}

.home-promo-slidable .article-cards .card .read-more:after {
    content: '\f105';
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Line Awesome Free';
    font-size: 35px;
    width: 48px;
    height: 48px;
    margin: 0 10px 2px 16px;
    color: var(--white-color);
    background: var(--gradient-color-1);
    border-radius: 50px;
    display: none;
}

.home-promo-slidable .article-cards .card .read-more:focus {
    outline: none;
}

.banner-promotion-3x {
    width: 1416px;
    margin: 0 auto 60px;
    box-shadow: 0px 7px 7px #00000029;
    border-radius: 10px;
}

/* CASINO PAGE */

.sub-game-nav {
    background-color: var(--brand-color);
}

.game-nav,
.btn-load-more,
.btn-load-more:focus,
.btn-load-more:active,
.btn-load-more:visited {
    background-image: linear-gradient(180deg, var(--error-color), var(--yellow-color));
    outline: none !important;
}

.casino-game-list .product-card:hover .user-product-ctrl .play-now,
.casino-game-list .product-card .user-product-ctrl .demo,
.games-box .btn a {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    font-weight: 600;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

.game-list-slidable .casino-game-list .product-card:hover .user-product-ctrl .play-now,
.game-list-slidable .casino-game-list .product-card .user-product-ctrl .demo {
    width: 70%;
    height: auto;
    font-size: 12px;
}

.game-list-slidable .casino-game-list .large .product-card:hover .user-product-ctrl .play-now,
.game-list-slidable .casino-game-list .large .product-card .user-product-ctrl .demo,
.game-list-normal .casino-game-list .product-card:hover .user-product-ctrl .play-now,
.game-list-normal .casino-game-list .product-card .user-product-ctrl .demo,
.game-category.hero .game-list-slidable .casino-categories.favorite-cat .product-wrapper .user-product-ctrl .play-now,
.game-category.hero .game-list-slidable .casino-categories.favorite-cat .product-wrapper .user-product-ctrl .demo {
    width: 82%;
    height: 42px;
    font-size: 18px;
}

.casino-game-list .product-card:hover .user-product-ctrl .play-now, .games-box .btn a:hover, .games-box .btn a {
    background: var(--gradient-color-1);
    margin-bottom: 10px;
}

.casino-game-list .product-card .user-product-ctrl .demo {
    border: 1px solid var(--white-color);
}

.casino-game-list .product-card:hover .user-product-ctrl .play-now:hover {
    background: var(--gradient-color-2);
}

.casino-game-list .product-card .user-product-ctrl .demo:hover {
    color: var(--blue-color-2);
    border-color: var(--brand-color);
}

.game-container {
    border: 10px solid var(--brand-color);
}

.game-controls .btn-refresh,
.game-controls .btn-close,
.game-controls .btn-full-screen {
    border: 1px solid var(--brand-color);
    background: var(--brand-color);
}

    .game-controls .btn-refresh:hover,
    .game-controls .btn-close:hover,
    .game-controls .btn-full-screen:hover {
        background-color: var(--yellow-color-2);
    }

.game-page .played-games span.arrow {
    background: var(--gradient-color-1);
}

.game-page .played-games {
    background-color: var(--brand-color);
}

/* PROMOTION PAGE */

/* CATEGORY ICONS */

.casino-top {
    cursor: pointer;
    margin: 0 8px 0 0;
    font-size: 14px;
}

    .casino-top:before {
        content: '\f0e0';
    }

/* PROMOTION PAGE */
.article-cards .card {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--border-color-6);
    overflow: hidden;
}

.contentOpened .card .content {
    height: 470px !important;
}

.openContent .slick-list {
    overflow-y: auto;
    padding-bottom: 20px;
}

.home-promo-slidable .slick-list {
    padding: 0 14% 0 0 !important;
}

.openContent .slick-prev {
    z-index: 1;
    width: 35px;
    height: 35px;
    transform: rotate(90deg) translate(-90%, -25px);
}

.openContent .slick-next {
    z-index: 1;
    width: 35px;
    height: 35px;
    transform: rotate(270deg) translate(100%, -25px);
}

    .openContent .slick-prev:before,
    .openContent .slick-next:before {
        content: '';
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        display: block;
        filter: brightness(0) saturate(100%) invert(57%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(95%) contrast(94%);
        background-size: 100%;
    }

.openContent .slick-prev:before {
    background-image: url(https://vegasaces.com/content/img/design/icons/load-more-button.png);
}

.openContent .slick-next:before {
    background-image: url(https://vegasaces.com/content/img/design/icons/load-more-button.png);
}

.article-cards .card-wrapper {
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}

    .article-cards .card-wrapper .close-info,
    .article-cards .card-wrapper .card-info {
        position: absolute;
        top: 6px;
        right: 6px;
        display: block;
        border-radius: 50%;
        height: 27px;
        width: 28px;
        z-index: 5;
        color: var(--white-color);
        text-align: center;
        font-size: 24px;
        line-height: 26px;
        cursor: pointer;
        border: 1px solid var(--yellow-color-2);
        color: var(--white-color);
        background-color: transparent;
    }


.article-cards .card-date {
    font-size: 12px;
    padding: 10px;
    position: absolute;
    bottom: -2px;
    right: 0;
    color: var(--yellow-color-2);
}

.card-wrapper.hovered .close-info {
    background-color: #22214e;
}

.close-info {
    padding-left: 1px;
}

.Container__Item.row.article-cards {
    flex-wrap: wrap;
}

.Games--Top {
    width: 100%;
}

    .Games--Top .header {
        width: 100%;
        background-color: var(--yellow-color-2);
        top: 0;
        left: 0;
        box-sizing: border-box;
        padding: 10px;
        color: var(--white-color);
    }

/* CATEGORY ICONS */

.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

.slick-prev:before {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: '\f104';
}

.slick-next:before {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: '\f105';
}

.slick-prev {
    left: 0;
    height: 100px;
    width: 40px;
}

.slick-next {
    right: 0;
    height: 100px;
    width: 40px;
}

.btn-real-game {
    outline: none !important;
}

.slot-banner .body {
    display: flex;
    flex-direction: column;
}

    .slot-banner .body .tabs {
        display: flex;
        flex-direction: column;
    }

        .slot-banner .body .tabs ul {
            padding: 0;
            margin: 0;
            display: flex;
            list-style: none;
            background-color: #22214e;
        }

            .slot-banner .body .tabs ul li {
                color: #787977;
                border-top: 1px solid transparent;
                border-bottom: 1px solid transparent;
                text-transform: uppercase;
                padding: 10px;
                text-align: center;
                font-size: 12px;
                list-style: none;
                cursor: pointer;
                transition: color 0.2s;
            }

                .slot-banner .body .tabs ul li:hover {
                    color: var(--white-color);
                }

                .slot-banner .body .tabs ul li.active {
                    color: var(--white-color);
                    border-bottom: 1px solid var(--yellow-color-2);
                }

    .slot-banner .body .tab-body {
        display: flex;
        flex-direction: column;
        height: 272px;
        overflow: hidden;
    }

        .slot-banner .body .tab-body.recent-winners .item {
            display: grid;
            grid-template-areas: 'pi pn wi wa pnb' 'pi pn pid wa pnb';
            grid-template-rows: 41px 40px;
            grid-template-columns: 150px 2.5fr 2.5fr 2.5fr 2.9fr;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            grid-column-gap: 10px;
            cursor: pointer;
            transition: background-color 0.2s;
            align-items: center;
            margin-bottom: 10px;
            background-color: var(--background-color-6);
            padding-right: 30px;
        }

        .slot-banner .body .tab-body .item .play-now-btn a {
            text-decoration: none;
            color: var(--white-color);
            font-size: 16px;
            font-weight: 500;
            white-space: nowrap;
        }

        .slot-banner .body .tab-body .item {
            display: grid;
            grid-template-areas: 'pi pn wi ba pnb' 'pi pn pid wa pnb';
            grid-template-rows: 41px 40px;
            grid-template-columns: 80px 3fr 2fr 2fr;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            grid-column-gap: 10px;
            cursor: pointer;
            transition: background-color 0.2s;
            margin-bottom: 10px;
        }

            .slot-banner .body .tab-body .item .play-now-btn {
                grid-area: pnb;
                border-radius: 20px;
                padding: 5px 21px;
                text-decoration: none !important;
                background-color: var(--blue-color-5);
            }

            .slot-banner .body .tab-body .item .product-image {
                grid-area: pi;
                height: 80px;
                width: 144px;
            }

            .slot-banner .body .tab-body .item .wager-id {
                grid-area: wi;
                font-size: 12px;
                color: rgba(0, 0, 0, 0.3);
                line-height: 27px;
                user-select: none;
                white-space: nowrap;
            }

            .slot-banner .body .tab-body .item .player-id {
                grid-area: pid;
                font-size: 12px;
                color: var(--black-color);
                line-height: 27px;
                user-select: none;
            }

            .slot-banner .body .tab-body .item .bet-amount {
                grid-area: ba;
                font-size: 12px;
                color: var(--yellow-color-2);
                line-height: 27px;
                user-select: none;
            }

            .slot-banner .body .tab-body .item .win-amount {
                grid-area: wa;
                font-size: 12px;
                color: var(--brand-color);
                font-weight: bold;
                line-height: 27px;
                user-select: none;
            }

            .slot-banner .body .tab-body .item .product-image img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                object-position: center;
            }

            .slot-banner .body .tab-body .item .product-name {
                grid-area: pn;
                color: var(--black-color);
                text-transform: uppercase;
                font-size: 12px;
                line-height: 55px;
                white-space: nowrap;
            }

            .slot-banner .body .tab-body .item .amount {
                grid-area: a;
                color: #c9a94e;
                text-align: right;
                font-size: 1.5rem;
                font-weight: bold;
                line-height: 50px;
            }

        .slot-banner .body .tab-body span.prop {
            font-size: 9px;
            color: rgba(0, 0, 0, 0.4);
            display: inline-flex;
            margin-right: 5px;
        }

.chill_footer {
    background: var(--white-color);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: -25px;
    padding-bottom: 30px;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item {
    display: grid;
    grid-template-columns: 1fr 1.6fr 1.7fr 2fr;
    grid-template-rows: 1fr 1.3fr 0.1fr;
    grid-template-areas: 'c m p f' 'd m v n' 'd m v q';
}

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .pic-logo {
        grid-area: c;
        max-width: 100px;
        margin-left: 0;
        width: 100%;
        margin-top: 8px;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Copyright {
        grid-area: d;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(3) {
        grid-area: m;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(4) {
        grid-area: p;
        padding-left: 60px
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(5) {
        grid-area: v;
        padding: 20px 0px 0 60px;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(6) {
        grid-area: f;
        border-left: 2px solid rgba(0, 0, 0, 0.14);
        padding-left: 158px;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(7) {
        grid-area: n;
        border-left: 2px solid rgba(0, 0, 0, 0.14);
        margin-top: 0;
        padding-left: 158px;
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .copy_bottom {
        grid-area: q;
        width: 100%;
        text-align: right;
        border-left: 2px solid rgba(0, 0, 0, 0.14);
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item .chill_footerpages ul li,
    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item .chill_footerpages ul li a {
        text-align: left;
        display: block;
        font-weight: bold;
        color: var(--black-color);
    }

    .Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item .Widget--banner--multi.chips--centered {
        margin: 0;
        position: relative;
        font-size: 10px;
    }

.Widget--banner--multi.chips--centered.chill_vendors {
    margin: 0;
    position: relative;
}

.Wrapper--Single.Footer.chill_footer.Full .Container__Item {
    padding: 80px 10px 10px 10px;
}

    .Wrapper--Single.Footer.chill_footer.Full .Container__Item .Container__Item {
        padding: 0;
    }

.payment_title,
.certificates_title {
    color: var(--white-color);
    position: absolute;
    left: 0;
    font-weight: 700;
    font-size: 14px;
}

.Footer .sponsors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 5fr;
    grid-template-areas: 't t' 'd m';
}

    .Footer .sponsors div {
        grid-area: t;
    }

    .Footer .sponsors a:nth-child(2) {
        grid-area: d;
        margin-left: 5px;
    }

    .Footer .sponsors a:nth-child(3) {
        grid-area: m;
        margin-left: 5px;
    }

.payment_title span,
.certificates_title span {
    font-weight: 800;
}

.payment_title_mob,
.certificates_title_mob {
    color: var(--white-color);
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 12px;
}

.Footer-group-desktop.chill_footerpages .Item {
    padding: 0 !important;
}

    .Footer-group-desktop.chill_footerpages .Item ul .Item__Title {
        display: none !important;
    }

    .Footer-group-desktop.chill_footerpages .Item ul li a {
        font-weight: 700 !important;
        padding: 0 0 15px 0;
    }

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(6) div:nth-child(1) {
    width: 100%;
    max-width: 290px;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(6) div div strong {
    float: right;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(7) div:nth-child(1) {
    max-width: 290px;
    width: 100%;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Container__Item:nth-child(7) div div strong {
    float: right;
}

.Inner_mob {
    padding: 0 15px 0 15px;
}

app-root {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

#gameModal {
    position: fixed;
    top: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
}

    #gameModal .modal-dialog {
        height: auto;
    }

        #gameModal .modal-dialog .modal-content .modal-body {
            padding: 10px;
            height: 100%;
        }

            #gameModal .modal-dialog .modal-content .modal-body img {
                border-radius: 13px;
                width: 100%;
            }

            #gameModal .modal-dialog .modal-content .modal-body .game-title {
                text-align: center;
                font-size: 14px;
                padding: 10px;
                background: rgba(0, 0, 0, 0.05);
                border-radius: 15px;
                margin-top: 10px;
                color: var(--yellow-color-2);
            }

            #gameModal .modal-dialog .modal-content .modal-body .game-control-button {
                display: flex;
                grid-gap: 8px;
            }

            #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real {
                display: flex;
                white-space: nowrap;
                border: 1px solid transparent;
                padding: 8px 20px;
                border-radius: 20px;
                text-decoration: none;
                transition: background-color 0.2s;
                margin: 8px 0 5px 0;
                background: var(--background-color-6);
                color: var(--white-color);
                line-height: 20px;
                font-size: 16px;
                position: relative;
                width: 100%;
                justify-content: center;
            }

            #gameModal .modal-dialog .modal-content .modal-body .Button--outlined--transparent.Button--play-demo {
                display: flex;
                white-space: nowrap;
                padding: 8px 20px;
                border-radius: 20px;
                text-decoration: none;
                margin: 8px 0 5px 0;
                border: 1px solid var(--yellow-color-2);
                line-height: 20px;
                font-size: 16px;
                position: relative;
                width: 100%;
                justify-content: center;
            }

.Floating--Wrapper {
    position: fixed;
    width: 60px;
    height: 30px;
    bottom: 10px;
    left: 10px;
    z-index: 100;
    display: flex;
    white-space: nowrap;
    padding: 0 15px;
    border-radius: 20px;
    border: 0;
    text-decoration: none;
    background: var(--background-color-6);
    color: var(--white-color);
    line-height: 23px;
    margin: 5px 0;
    font-size: 16px;
    position: fixed;
    bottom: 10px;
    left: 10px;
}

    .Floating--Wrapper i {
        font-size: 30px;
        color: var(--white-color);
        text-align: center;
    }

        .Floating--Wrapper i .msg--count {
            font-size: 12px;
            right: 10px;
            top: 5px;
            background: var(--white-color);
            height: 15px;
            color: var(--yellow-color-2);
            line-height: 15px;
        }

.copyright_first {
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #d2d2d2;
    text-align: center;
}

.copyright_second {
    width: 140px;
    margin: auto;
    padding-top: 40px;
}

.left_panel--logo {
    text-align: center;
    padding-top: 20px;
}

.Widget--banner--multi.chips--centered.chill_payments {
    padding: 0;
}

    .Widget--banner--multi.chips--centered.chill_payments a:nth-child(5) {
        position: absolute;
        width: 170px;
        top: 40px;
        left: 0;
    }

    .Widget--banner--multi.chips--centered.chill_payments a {
        padding-top: 28px;
        margin-right: 20px;
        width: 50px;
    }

.Widget--banner--multi.chips--centered.chill_vendors a {
    padding-top: 28px;
    width: 145px;
}

.route-cart-items-count {
    position: absolute;
    background-color: var(--error-color);
    color: var(--white-color);
    top: 0px;
    right: -17px;
    min-width: 20px;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    z-index: 10;
}

.super {
    min-width: 110px;
}

.BackGroud-Desk {
    width: 100%;
    position: absolute;
    height: 500px;
}

    .BackGroud-Desk.Hidable .Container__Item {
        max-width: none;
    }

.SpaceWrapper-Desk {
    width: 100%;
    min-height: 139px;
}

    .SpaceWrapper-Desk .Container__Item > div {
        width: 100%;
    }

.header-banner .Container__Item > div {
    width: 100%;
}

.BackgroundWrapper__Banner {
    height: 0;
    padding-bottom: 20%;
    background-color: var(--yellow-color-2);
    margin-bottom: -20%;
}

.SpaceWrapper-Desk {
    width: 100%;
}

    .SpaceWrapper-Desk .Container__Item {
        width: 100%;
        max-width: 100%;
    }

.Banner--with-padding-centering {
    padding-left: calc((100% - 1440px) / 2);
    padding-right: calc((100% - 1440px) / 2);
    margin: 0;
    min-width: 100%;
    background-color: var(--brand-color);
}

.inner-content {
    padding: 10px;
}

    .inner-content p {
        margin-left: 0 !important;
    }

.Wrapper--Single.Wrapper--CookiePolicy {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 42%);
    width: calc(100% + 8px);
    height: 100vh;
    z-index: 1000000;
    margin: 0;
}

    .Wrapper--Single.Wrapper--CookiePolicy .Container__Item {
        margin: 0;
        min-width: 100%;
        padding: 10px 10px 0 10px;
    }

    .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy {
        display: grid;
        grid-template-columns: 9fr 1fr;
        grid-gap: 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1000;
        background-color: var(--white-color);
        padding: 10px 40px;
        box-sizing: border-box;
        color: var(--brand-color);
    }

        .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group {
            display: flex;
            flex-direction: column;
        }

            .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group .Button--accept {
                background: var(--brand-color);
                white-space: nowrap;
                height: 31px;
                border: 1px solid var(--brand-color);
                padding: 7px 20px;
                text-decoration: none;
                font-weight: bold;
                transition: background-color 0.2s;
                color: var(--white-color);
                font-size: 13px;
                text-transform: uppercase;
                position: relative;
                line-height: 15px;
                border-radius: 3px;
                outline: none;
                transition: 0.5s;
            }

            .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group .Button--read-less,
            .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group .Button--read-more {
                background: var(--black-color);
                white-space: nowrap;
                border-radius: 3px;
                text-decoration: none;
                transition: background-color 0.2s;
                margin: 10px 0 10px;
                color: var(--white-color);
                font-weight: bold;
                font-size: 13px;
                position: relative;
                line-height: 15px;
                padding: 7px 20px;
                outline: none;
                border: 1px solid var(--brand-color);
            }

            .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group .Button--read-less {
                display: none;
            }

            .Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group .Button--read-more:hover {
                background: #dbdae2;
            }

    .Wrapper--Single.Wrapper--CookiePolicy #contentText {
        display: none;
        background: var(--white-color)fff;
        padding: 15px;
        margin: 0 auto 100px auto;
        border-radius: 3px;
        width: 100%;
        margin-bottom: 0px !important;
    }

    .Wrapper--Single.Wrapper--CookiePolicy .Container__Item:after {
        content: none;
    }

.no-footer .modal-sub-body {
    padding: 0 24px 24px 24px !important;
}

    .no-footer .modal-sub-body .transaction-row {
        background-color: var(--background-color-7);
        color: var(--white-color);
    }

.transaction-row * {
    font-family: "Poppins";
}

[id^="transaction-details"].shown {
    background-color: var(--background-color-5);
    border-top: 1px solid var(--border-color-2);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: var(--border-color-3);
}

.depositmessage-error li {
    font-weight: 500;
}


/* MODAL FIXES */
#profilePopup .modal-header {
    border-bottom: 0;
}

#profilePopup .modal-sub-body {
    padding: 0 24px;
    margin-top: 43px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

#profilePopup .modal--deposit .modal-sub-body, #profilePopup .modal--withdrawal .modal-sub-body {
    overflow-y: auto;
}

#profilePopup .modal-sub-body.communication > div {
    margin: 0;
}

#profilePopup .modal-sub-body.personal-details {
    height: 560px !important;
}

li.js-route.Sections__Item:before,
li.Sections__Item.i_star:before {
    content: '';
    display: flex;
    width: 20px;
    height: 20px;
    background-size: contain;
}

li.Sections__Item.i_cross:before {
    content: '';
    background-image: url("https://vegasaces.com/content/img/design/icons/i_cross.png");
    width: 20px;
    height: 20px;
}

a.Button--outlined--transparent.Button--sign-in.loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
    background-image: none;
}

.join-btn a.loading:after {
    content: ''
}

.modal.in .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.fade {
    -webkit-transition: none;
    -o-transition: none;
    opacity: none;
    transition: none;
}

.modal-backdrop.show,
.modal-backdrop.in {
    opacity: 0.95;
    z-index: 9995;
}

.modal-backdrop {
    background-color: var(--backdrop-color);
}

.blue-slider-wrapper a:focus {
    outline: none !important;
}

.col-md-10.col-md-push-2 {
    left: 0;
    width: 100%;
}

.Button--sign-up.loading:after,
.Button--sign-in.loading:after {
    background-image: none;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background-image: none;
    border: 1px solid var(--border-color-7);
    padding: 8px 12px;
}

.footer-logo-widget {
    margin: auto;
    margin-bottom: 4vw;
}

    .footer-logo-widget .Item {
        display: flex;
        justify-content: center;
    }

.Wrapper--Single.footer-logo,
.Wrapper--Single.footer-1 {
    background-color: var(--grey-color);
    position: relative;
}

    .Wrapper--Single.footer-logo .Container__Item {
        width: auto;
    }

.upper-jackpot.bottom {
    padding: 51px 80px 90px;
    background-color: var(--background-color);
    position: relative;
}

    .upper-jackpot.bottom * {
        color: var(--white-color);
        font-size: 14px;
    }

    .upper-jackpot.bottom h2 {
        font-size: 23px;
        margin: 0 0 20px;
    }

.Wrapper--Single.footer-logo .payment-logos-footer,
.Wrapper--Single.footer-logo .Payment-banners {
    background-color: var(--background-color-4);
    margin-top: 8px;
    padding: 25px 0 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    pointer-events: none;
}

    .Wrapper--Single.footer-logo .payment-logos-footer img,
    .Wrapper--Single.footer-logo .Payment-banners img {
        width: 71px;
    }

.Wrapper--Single.footer-logo .Trusted-platform {
    background-color: var(--background-color-4);
    padding-bottom: 35px;
}

    .Wrapper--Single.footer-logo .Trusted-platform * {
        color: var(--white-color) !important;
    }

.fixed-promo {
    position: fixed;
    bottom: -45px;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, 50%);
    transition: bottom .5s;
}

    .fixed-promo img {
        width: 272px;
        height: 272px;
    }

.with-sticky-padding .fixed-promo {
    bottom: 0;
}

.footer-icons-wrapper {
    position: absolute;
    top: 4.5vh;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 1vw 0px;
    white-space: nowrap;
}

    .footer-icons-wrapper img {
        width: auto;
        height: 3vh;
        margin-right: 2.3vw;
    }

.Wrapper--Single.footer-1 .Item__Label {
    display: none;
}

.footer-icons-wrapper .Item {
    display: inline-block;
}

.Wrapper--Single.footer-1 {
    display: grid;
    padding: 0 9em;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "cf cs";
    justify-content: center;
    align-items: flex-start;
}

    .Wrapper--Single.footer-1 .Container__Item:nth-child(1) {
        grid-area: cf;
    }

    .Wrapper--Single.footer-1 .Container__Item:nth-child(3), .footer-1 .Copyright {
        grid-area: cs;
    }

.social-wrapper-header div {
    color: var(--yellow-color);
    text-decoration: none;
    font-family: "MADESunflower" !important;
    font-size: 1.57vw;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 18px 0px;
    white-space: nowrap;
}

.footer-text {
    color: var(--white-color);
    position: relative;
    top: 122px;
    padding: 5px 0 0px 0px;
    font-size: 0.6vw;
}

.jackpot-section-wrapper {
    position: relative;
    padding: 70px 0 87px;
}

    .jackpot-section-wrapper * {
        font-family: "Poppins";
    }

.Container--full.palm {
    background-size: unset;
    background-position: bottom;
    background-image: url('https://vegasaces.com/content/img/banners/footer-background-min.png');
}

.lower-wrapper-jackpot {
    height: 1003px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'p s';
    max-width: 1440px;
    margin: auto;
}

    body.LoggedIn .lower-wrapper-jackpot,
    .lower-wrapper-jackpot:not(.home-page) {
        grid-template-areas: 'p p';
    }

        body.LoggedIn .lower-wrapper-jackpot .Container__Item:nth-child(2),
        .lower-wrapper-jackpot:not(.home-page) .Container__Item:nth-child(2) {
            display: none;
        }

        body.LoggedIn .lower-wrapper-jackpot .Container__Item:nth-child(1),
        .lower-wrapper-jackpot:not(.home-page) .Container__Item:nth-child(1) {
            justify-content: center
        }

    .lower-wrapper-jackpot .Container__Item:nth-child(1) {
        justify-content: left;
        grid-area: p;
    }

    .lower-wrapper-jackpot .Container__Item:nth-child(2) {
        grid-area: s;
    }

    .lower-wrapper-jackpot .container {
        display: grid;
        grid-template-columns: 1.5fr 1.5fr;
        grid-template-rows: 11fr 4fr 37fr 4fr;
        gap: 0px 0px;
        grid-template-areas:
            "upper-padding upper-padding"
            "register-text register-text"
            "join-now join-now"
            "payment-icons sub-form";
        align-items: start;
        justify-content: center;
    }

    .lower-wrapper-jackpot .sub-form {
        grid-area: sub-form;
    }

    .lower-wrapper-jackpot .payment-icons {
        grid-area: payment-icons;
        padding: 5px 0;
    }

    .lower-wrapper-jackpot .join-now {
        grid-area: join-now;
        justify-items: center;
        justify-content: center;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .lower-wrapper-jackpot .register-text {
        grid-area: register-text;
        color: var(--text-color);
        text-align: center;
        font-size: 22px;
    }

    .lower-wrapper-jackpot .join-now .Button--outlined.Button--sign-up {
        display: flex;
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        padding: 0px;
        border-radius: 50px;
        text-decoration: none;
        color: var(--white-color);
        line-height: 0px;
        font-size: 17px;
        position: relative;
        background: var(--yellow-color);
        font-weight: bold;
        width: 150px;
        height: 52px;
        transition: background-color 0.2s;
        box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
        text-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    }

        .lower-wrapper-jackpot .join-now .Button--outlined.Button--sign-up:after {
            content: '';
            background-image: none;
            width: 0px;
        }

    .lower-wrapper-jackpot .payments img {
        max-width: 80px;
        height: 100%;
        margin: 0 7px 0px 7px;
        display: flex;
    }

.payment-widget {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: 'b m v s g';
    margin-top: auto;
    margin-bottom: 97px;
}

    .payment-widget .Item {
        margin-left: 20px;
        max-width: auto;
    }

        .payment-widget .Item img {
            width: 100%;
        }

.subscribe-frame {
    margin-top: auto;
    margin-bottom: 26px;
}

    .subscribe-frame iframe {
        min-width: 330px;
        min-height: 320px;
        overflow: hidden;
        height: auto;
        width: auto;
    }

.lower-jackpot-class-style .sub-form label {
    position: relative;
    color: var(--white-color);
    top: -19px;
    left: 90px;
    font-size: 18px;
    float: left;
}

.lower-jackpot-class-style input {
    border: 1px solid var(--white-color);
    display: flex;
    outline: 0px;
    white-space: nowrap;
    padding: 11px;
    text-decoration: none;
    transition: background-color 0.2s;
    color: var(--white-color);
    line-height: 0px;
    font-size: 17px;
    position: relative;
    background: var(--yellow-color);
    font-weight: bold;
    justify-content: center;
    height: 48px;
    align-items: center;
    float: left;
    margin: 5px
}

    .lower-jackpot-class-style input[type="submit"] {
        border: 1px solid var(--white-color);
        border-radius: 50px;
        display: flex;
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        padding: 0px;
        text-decoration: none;
        transition: background-color 0.2s;
        color: var(--white-color);
        line-height: 0px;
        font-size: 17px;
        position: relative;
        background: var(--yellow-color);
        font-weight: bold;
        width: 104px;
        height: 48px;
    }

    .lower-jackpot-class-style input::placeholder {
        color: var(--white-color);
    }

.footer-logo-widget img {
    width: 27vw;
}

.Wrapper--Header.sticky .Widget--user .Button--outlined.Button--deposit {
    transform: scale(.92);
}

.Wrapper--Header.sticky .Widget--user .Button--outlined.Button--Balance {
    transform: scale(.92);
}

.Wrapper--Header .Widget--user.loggedin .Time--local {
    padding: 16px 0 16px 10px;
}

.play-with-us-wrapper {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.jackpot-section-wrapper .play-with-us-wrapper *,
.Wrapper--Single.footer-contact .play-with-us-wrapper * {
    color: var(--text-color);
    font-size: 18px;
    padding: 0 30px;
    display: block;
}

.jackpot-section-wrapper .play-with-us-wrapper h2,
.Wrapper--Single.footer-contact .play-with-us-wrapper h2 {
    color: var(--brand-color);
    font-size: 50px;
    font-weight: 700;
}

.Wrapper--Single.footer-contact .Social-icons,
.jackpot-section-wrapper .Social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 90px;
}

    .jackpot-section-wrapper .Social-icons a,
    .Wrapper--Single.footer-contact .Social-icons a {
        padding: 0 70px;
        text-align: center;
    }

.middle-jack-text {
    max-width: 587px;
    text-align: center;
    color: var(--text-color);
    margin: 20px auto 50px auto;
    font-size: 18px;
    line-height: 21px;
}

.middle-jack-title {
    margin-bottom: 27px;
    color: var(--brand-color);
    font-size: 50px;
    text-align: center;
    font-family: 'MADE Sunflower';
}

.play-with-us-wrapper img {
    margin-bottom: 95px;
}

.upper-jackpot-wrapper {
    position: relative;
    padding-top: 155px;
}

    .upper-jackpot-wrapper table {
        margin: auto;
    }

.top-jack-title {
    color: var(--brand-color);
    font-family: 'MADE Sunflower' !important;
    font-size: 50px;
    text-align: center;
}

img.jack-image {
    max-width: 625px;
    height: auto;
    margin-top: 25px;
}

.top-jack-title2 {
    color: #51135A;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    margin: 150px auto 30px auto;
    text-align: center;
}

.jack1 {
    height: 80px;
    width: 80px;
    background-color: var(--yellow-color);
}

.jack2 {
    height: 80px;
    width: 80px;
    background-color: #6646A5;
}

.jack3 {
    height: 80px;
    width: 80px;
    background-color: #46A0A5;
}

td.vert-text {
    max-width: 100%;
    width: 427px;
    vertical-align: middle;
    background-color: var(--background-color-6);
    padding: 0 10px;
}

.upper-jackpot-wrapper .spacer {
    height: 6px;
}

.top-jack-text {
    background-color: var(--black-color);
    padding: 40px 0 130px;
    position: relative;
    margin: auto;
    width: 100%;
}

    .top-jack-text * {
        color: var(--white-color) !important;
    }

button.jack-play {
    background-color: var(--blue-color-3);
    border-radius: 20px;
    color: var(--white-color);
    border: 1px solid var(--blue-color-5);
    font-weight: bold;
    padding: 7px 12px;
}

.jack-but {
    vertical-align: middle;
    background-color: var(--background-color-6);
    padding: 0 10px;
}

.Wrapper--Single.Header--secondary.open-burger-menu {
    display: block;
}

.sticky .Widget--Header--secondary .Sections .Sections__Item a {
    font-size: 16px;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item a {
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    font-family: "Poppins";
    display: flex;
    gap: 20px;
    align-items: center;
}

/* FOOTER */

.Container--full.pages {
    background-color: var(--blue-color);
    background-size: cover;
    transform: translate(0px, -30px);
    margin-bottom: -30px;
}

.Wrapper--Single.Footer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "cf cs";
    max-width: 1440px;
    margin: auto;
}

    .Wrapper--Single.Footer .Container__Item:nth-child(1) {
        grid-area: cf;
    }

    .Wrapper--Single.Footer .Container__Item:nth-child(2) {
        grid-area: cs;
    }

.footer-page_group,
.Footer-group-desktop {
    background-color: var(--background-color);
    padding: 40px 20% 35px;
    margin: 8px 0 8px 0;
    display: grid;
    width: 100%;
    grid-template-areas:
        'g i p b ';
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .Footer-group-desktop .Item:nth-child(1) {
        grid-area: g;
    }

    .Footer-group-desktop .Item:nth-child(2) {
        grid-area: i;
    }

    .Footer-group-desktop .Item:nth-child(3) {
        grid-area: p;
    }

    .Footer-group-desktop .Item:nth-child(4) {
        grid-area: b;
    }

    .Footer-group-desktop .Item li a {
        text-decoration: none;
        color: var(--white-color);
        font-weight: 300;
        font-size: 18px;
        white-space: nowrap;
        justify-content: left;
        line-height: 32px;
    }

.Widget--banner--multi.banners {
    display: grid;
    width: 100%;
    grid-template-areas:
        's s s s s'
        'fb tw i yt empty'
        't t t t t';
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 4fr;
    padding: 20px 0;
    margin-top: 30px;
}

    .Widget--banner--multi.banners .obj_svill {
        grid-area: s;
        text-align: left;
        color: var(--yellow-color);
        text-decoration: none;
        font-family: "MADESunflower" !important;
        font-size: 1.57vw;
        font-style: normal;
        font-weight: 500;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: -1.28px;
    }

    .Widget--banner--multi.banners .obj_fb {
        grid-area: fb;
        max-width: 40px;
        margin-right: 40px;
        display: flex;
        align-items: center;
    }

    .Widget--banner--multi.banners .obj_twitter {
        grid-area: tw;
        max-width: 45px;
        margin-right: 40px;
        display: flex;
        align-items: center;
    }

    .Widget--banner--multi.banners .obj_insta {
        grid-area: i;
        max-width: 40px;
        margin-right: 40px;
        display: flex;
        align-items: center;
    }

    .Widget--banner--multi.banners .obj_youtube {
        grid-area: yt;
        max-width: 50px;
        margin-right: 40px;
        display: flex;
        align-items: center;
    }

    .Widget--banner--multi.banners .obj_ftext {
        grid-area: t;
        font-size: 14px;
        margin-right: 40px;
        color: var(--background-color-6);
        margin-top: 12px;
    }

.Wrapper--Single.footer-logo .social-icons {
    width: 100%;
    height: 88px;
    margin: 8px 0 8px 0;
    background: var(--background-color-4);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

    .Wrapper--Single.footer-logo .social-icons a img {
        width: 37px;
        margin: 0 25px;
    }

.Wrapper--Single.footer-logo .footer-logo-widget {
    width: 500px;
    margin: auto;
    margin-bottom: 80px;
}

.join-btn a,
a.Button--deposit {
    width: 255px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 0 auto;
    padding: 15px 0px;
    border-radius: 50px;
    position: relative;
    z-index: 11;
    background-color: var(--blue-color-3);
    transition: background-color 0.2s;
    color: var(--white-color);
    font-size: 31px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
}

.join-btn a {
    z-index: 1;
}

.join-btn {
    display: flex;
    justify-content: center;
}

    .join-btn a::after {
        content: none;
    }

.register-now_content {
    color: var(--text-color);
    font-size: 20px;
    margin: auto;
    margin-bottom: 30px;
}

/* FOOTER - fonts */
.footer-page_group .Item .Item__Title,
.Footer-group-desktop .Item li.Item__Title {
    margin-bottom: 25px;
    color: var(--white-color);
    text-decoration: none;
    font-size: 23px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.footer-page_group .Item a {
    color: var(--white-color) !important;
}

/* PAGES */

.top-paging {
    transform: translate(-235px, -50px);
}

    .top-paging p a {
        color: var(--text-color);
    }

        .top-paging p a:nth-child(2) {
            font-weight: 600;
        }

.content_about-us,
.content_privacy-policy,
.content_terms,
.content_about-us,
.content_resp-gaming {
    max-width: 982px;
    margin: auto;
    transform: translate(0px, 120px);
    z-index: 1;
    padding: 0 15px;
}

.content_contact-us {
    transform: translate(0px, 100px);
}

.lower-wrapper-jackpot.privacy .join-now,
.lower-wrapper-jackpot.privacy .register-text,
.lower-wrapper-jackpot.about .join-now,
.lower-wrapper-jackpot.about .register-text {
    display: none;
}

.contact-logos {
    width: 700px;
    margin: auto;
}

.content-wrapper.contact .Copyright .Container__Item {
    justify-content: center;
}

#upBtn {
    display: block;
    margin: auto;
    transform: translate(0px, 50px);
    border-radius: 0px 0px 10px 10px;
    border: 1px solid var(--blue-color-5);
    background: none;
    font-size: 22px;
    font-family: "Poppins";
    padding: 0px 10px;
    font-weight: normal;
}

.gotop-attr {
    text-align: center;
    transform: translate(0px, 55px);
    font-size: 14px;
    text-transform: uppercase;
}

.banner-the-beach .Container__Item,
.banner-payments .Container__Item,
.banner-how-to-play .Container__Item,
.banner-trending .Container__Item,
.banner-casino-news .Container__Item,
.banner-affiliate-program .Container__Item,
.banner-vip-program .Container__Item,
.banner-banking .Container__Item,
.banner-promotions .Container__Item,
.banner-poker .Container__Item,
.banner-popular-slots .Container__Item,
.banner-progressive-slots .Container__Item,
.banner-new-slots .Container__Item,
.banner-other-games .Container__Item,
.banner-jackpot-games .Container__Item,
.banner-video-slots .Container__Item,
.banner-roulette .Container__Item,
.banner-table-games .Container__Item,
.banner-blackjack .Container__Item,
.banner-slots .Container__Item,
.banner-new-games .Container__Item,
.banner-popular-games .Container__Item,
.banner-all-games .Container__Item,
.banner-resp-gaming .Container__Item,
.banner-faq .Container__Item,
.banner-terms .Container__Item,
.banner-privacy .Container__Item,
.contactus-banner .Container__Item,
.banner-about .Container__Item,
.home_banner .Container__Item {
    position: unset;
    display: flex;
    justify-content: center;
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    background-image: none;
    background-color: var(--brand-color) !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    background-color: var(--brand-color) !important;
}

.home_banner .Button--sign-up:after {
    content: none;
}

/* FORMS */

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent;
}

.form-control, .form-control:focus {
    box-shadow: none;
}

    .form-control:focus, #cityDropdownId .select2-selection.select2-selection--single:focus {
        border-color: var(--brand-color) !important;
    }

.la-calendar:before {
    font-size: 20px;
    color: var(--white-color);
}

.input-group-addon {
    border: 1px solid var(--border-color-7);
}

    .input-group-addon:first-child {
        border-radius: 8px 0 0 8px;
        background-color: transparent;
    }

/* VIEW CATEGORY */

.nav-slidable .search-wrapper {
    z-index: 9;
    width: 100%;
    display: flex;
    float: initial;
    justify-content: center;
}

    .nav-slidable .search-wrapper form {
        width: 200px;
        position: relative;
        ;
    }

    .nav-slidable .search-wrapper input {
        height: 34px;
    }

#game-vendor-list {
    max-width: 200px;
    position: absolute;
    top: 0px;
    right: 51%;
    z-index: 1;
    margin: 0 !important;
}

.nav-slidable .game-nav {
    width: 100%;
    height: 104px;
    margin-bottom: 45px;
    position: relative;
    z-index: 9;
    background-image: none;
    border-bottom: none;
    border-radius: 0;
    overflow: visible;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    background-color: var(--background-color-2);
}

.game-nav .centercircle {
    width: 161px;
    height: 161px;
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 80px);
    transition: all .2s ease;
    background-image: url("../../bet20gamebettingsa/image/nav-circle-lg.svg");
}

.nav-slidable .categorycarousel li a {
    font-size: 16px;
    height: 14px !important;
    line-height: 14px !important;
}

.game-nav .navigation {
    width: 238px;
    height: 87px;
    padding: 0 5px;
    display: flex;
    position: absolute;
    left: calc(50% - 118px);
    overflow: hidden;
    z-index: -1;
}

.categorycarousel .slick-next, .categorycarousel .slick-prev {
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0px !important;
    transform: translate(0, 0);
    display: block;
    border: none;
    outline: none;
    z-index: 2;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    background: transparent;
    background-repeat: no-repeat;
    transition: all .3s ease;
    background-position: center;
}


.categorycarousel .slick-next {
    right: -1px;
    transform: translate(-1px, 0%);
}

    .categorycarousel .slick-next:before, .categorycarousel .slick-prev:before {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        opacity: 1;
    }

.game-nav .categorycarousel .slick-prev {
    left: -1px;
    transform: translate(1px, 0%);
}

    .game-nav .categorycarousel .slick-prev:hover {
        transform: translate(-3px, 0%);
    }

.categorycarousel .slick-next:hover {
    transform: translate(3px, 0%);
}

.nav-slidable .game-nav.fixed .categorycarousel .slick-next:before,
.nav-slidable .game-nav.fixed .categorycarousel .slick-prev:before {
    display: none;
}

.nav-slidable .game-nav.fixed .categorycarousel .slick-next,
body.mobile .categorycarousel .slick-next {
    background: url(../../bet20gamebettingsa/image/right-arrow.svg) no-repeat;
    background-position: center;
}

.nav-slidable .game-nav.fixed .categorycarousel .slick-prev,
body.mobile .categorycarousel .slick-prev {
    background: url(../../bet20gamebettingsa/image/left-arrow.svg) no-repeat;
    background-position: center;
}

.categorycarousel .slick-next:before, .categorycarousel .slick-prev:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 1;
}

.categorycarousel .slick-prev:before, .categorycarousel .slick-next:before {
    color: transparent;
}

.categorycarousel .slick-prev:before {
    background: url(../../bet20gamebettingsa/image/va-arrow-left.svg) no-repeat;
    background-size: contain;
}

.categorycarousel .slick-next:before {
    background: url(../../bet20gamebettingsa/image/va-arrow-right.svg) no-repeat;
    background-size: contain;
}

.nav-slidable .slick-list {
    height: 104px !important;
}

.nav-slidable .categorycarousel li {
    display: flex;
    flex-direction: column;
}

    .nav-slidable .categorycarousel li i[class^='tp-i']:before {
        content: "";
        width: 50px;
        height: 50px;
        display: block;
        background-size: contain;
        background-color: var(--white-color);
        -webkit-mask-size: contain;
        transition: all .3s ease;
    }

    .nav-slidable .categorycarousel li.slick-center i[class^='tp-i']:before {
        background-color: var(--yellow-color);
    }

    .nav-slidable .categorycarousel li.slick-center a {
        color: var(--yellow-color);
    }

.tp-i_roulette:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/roulette-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/roulette-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_video:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/video-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/video-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_table:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/table-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/table-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_all:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/all-games-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/all-games-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_featured:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/featured-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/featured-ligray.svg) no-repeat 50% 50%;
}

.tp-i_favorite-ico:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/favorite-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/favorite-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_popular:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/popular-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/popular-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_new:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/new-games-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/new-games-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_live:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/live-dealer-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/live-dealer-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_progressive:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/progressive-slots-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/progressive-slots-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_jackpot:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/jackpots-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/jackpots-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_other:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/other-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/other-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_slot:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/slots-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/slots-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_blackjack:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/blackjack-ico-ligray.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/blackjack-ico-ligray.svg) no-repeat 50% 50%;
}

.tp-i_bonus:before {
    -webkit-mask: url(../../bet20gamebettingsa/image/bonus-ico-purple.svg) no-repeat 50% 50%;
    mask: url(../../bet20gamebettingsa/image/bonus-ico-purple.svg) no-repeat 50% 50%;
}

.singlePage.blue-slider-wrapper {
    position: relative;
}

.Wrapper--Single.Wrapper--Header:not(.top) {
    z-index: 100;
    top: 0;
}

.singlePage.blue-slider-wrapper {
    z-index: 98;
}

.nav-slidable .game-nav.fixed,
.Widget--banner--multi-page.fixed {
    position: fixed;
    height: 104px;
    top: 70px;
    z-index: 10;
}

.modal-open .nav-slidable .game-nav.fixed {
    padding-right: 8px;
}

.game-list-slidable .game-list-wrapper, .home-promo-slidable {
    padding: 10px 48px 0 48px;
}

.game-category.hero .game-list-wrapper {
    padding: 0;
}

.casino-categories.favorite-cat .name-cat-title {
    padding: 18px 60px 0;
}

    .casino-categories.favorite-cat .name-cat-title > h2 {
        margin: 0;
        padding-bottom: 17px;
    }

.home-promo-slidable .article-cards .card {
    border-radius: 16px;
    min-height: 152px;
}

.Container__Item.text-center.load-more-container {
    align-items: center;
    justify-content: center;
}

.load-more-container #loadMoreBtn,
.load-more-container #loadMoreButton {
    margin: 17px 0;
    outline: none !important;
}

.loading-nav {
    visibility: hidden;
}

.casino-game-list-item .product-wrapper.hero .product-card.loading {
    pointer-events: all;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card {
    border-radius: 4px !important;
    overflow: hidden;
    position: relative;
}

.no-games-found-container {
    grid-template-columns: 1fr !important;
}

    .no-games-found-container .no-games-found, .no-games-found {
        grid-area: auto;
        color: var(--border-color-3);
    }

.game-list-slidable .casino-game-list .product-card .product-title,
.game-list-normal .casino-game-list .product-card .product-title {
    font-size: 18px;
    font-weight: 900;
    position: initial;
    text-align: left;
    overflow: hidden;
    color: var(--text-color);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-list-normal .casino-game-list .product-card .product-title {
    line-height: 26px;
    height: 25px;
}

.casino-game-list .product-card:hover .product-title {
    background: transparent;
}

.game-list-slidable .casino-game-list .product-card:hover .product-title {
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
}

.game-category.hero .casino-game-list-item .product-wrapper.single,
.game-category.hero .game-list-normal .casino-game-list-item .product-wrapper,
.casino-game-list-item .product-wrapper:not(.hero) {
    /* padding: 0 60px; */
    grid-auto-rows: minmax(218px, auto);
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 8px;
}

    .game-category.hero .casino-game-list-item .product-wrapper.single .product-card,
    .game-category.hero .game-list-normal .casino-game-list-item .product-wrapper .product-card,
    .game-category.hero .game-list-slidable .casino-categories.favorite-cat .product-wrapper .product-card {
        width: auto !important;
        margin: 0;
    }

.game-category.hero .product-wrapper {
    margin-top: 10px;
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 8px;
}

.no-games-found {
    grid-column-start: 1;
    grid-column-end: 10;
}

.casino-game-list .product-card .user-product-ctrl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.game-list-normal .casino-game-list .product-card .user-product-ctrl {
    z-index: 1;
    transition: all .3s;
}

.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

/* Categories Arrows start */
.game-list-slidable .casino-categories .slick-prev,
.game-list-slidable .casino-categories .slick-next {
    position: absolute;
    opacity: 1;
    bottom: 0;
    z-index: 95;
    border-radius: 0;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.game-list-slidable .casino-categories .slick-prev {
    left: 0;
}

.game-list-slidable .casino-categories .slick-next {
    right: 0;
}

    .game-list-slidable .casino-categories .slick-prev:before,
    .game-list-slidable .casino-categories .slick-next:before {
        opacity: 0;
        display: block;
        position: relative;
        color: var(--white-color);
        font-size: 65px;
        -webkit-transition: opacity .5s ease;
        -moz-transition: opacity .5s ease;
        transition: opacity .5s ease;
    }

.game-list-slidable .casino-categories .slick-prev:before {
    content: "\203A";
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.game-list-slidable .casino-categories .slick-next:before {
    content: "\203A";
}

.game-list-slidable .casino-categories .slick-prev:hover,
.game-list-slidable .casino-categories .slick-next:hover {
    background-color: rgb(0 0 0 / 35%);
}

    .game-list-slidable .casino-categories .slick-prev:hover:before,
    .game-list-slidable .casino-categories .slick-next:hover:before {
        opacity: 1;
    }

/* Categories Arrows end */

/* Casino Page */
.nav-simple {
    padding: 18px 60px 0;
}

    .nav-simple .game-nav {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        background: transparent;
        border: navajowhite;
        overflow: inherit;
        border-radius: 0;
    }

        .nav-simple .game-nav ul {
            height: auto;
            margin-top: 10px;
        }

            .nav-simple .game-nav ul li {
                margin-top: 0;
                padding: 0;
                background: transparent;
                padding-bottom: 17px;
                user-select: none;
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }

.Wrapper--Single.game-category .game-nav li i {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
}

.Wrapper--Single.game-category-single .game-nav li i {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    position: relative;
}

    .Wrapper--Single.game-category .game-nav li i:before,
    .Wrapper--Single.game-category-single .game-nav li i:before {
        content: ' ';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
    }

.nav-simple .game-nav ul li a:not(.slick-center a) {
    font-size: 18px !important;
    text-transform: none !important;
    background: transparent;
    color: var(--white-color) !important;
    font-weight: 600;
    line-height: 0;
    cursor: initial;
    font-family: "Poppins";
}

.nav-slidable .search-wrapper {
    width: 100%;
    padding: 0 48px;
    display: flex;
    float: initial;
    justify-content: right;
    opacity: 0;
    transition: opacity 0.2s;
}

.nav-slidable .game-category-selector-container-replacer {
    right: initial;
    position: relative;
    margin-right: 15px;
    font-size: 14px;
}

.nav-slidable .game-category-selector-container {
    right: initial;
    margin: 0 16px 0 0;
}

.nav-slidable .search-wrapper form {
    margin-left: 16px;
}

.nav-slidable .game-category-selector-container-replacer,
.nav-slidable .game-category-selector-container,
.nav-slidable .search-wrapper form {
    position: relative;
    border-radius: 6px;
    border: 1px solid var(--white-neutral);
    width: 298px;
    height: 48px;
}

    .nav-slidable .search-wrapper form [id^=searchTb] {
        height: 100%;
        border: none;
        box-shadow: none;
        border-radius: 6px;
        font-size: 16px;
        background: transparent;
        color: var(--white-neutral);
    }

        .nav-slidable .search-wrapper form [id^=searchTb]::placeholder {
            color: var(--white-neutral);
        }

.nav-slidable .search-wrapper .form-control-feedback {
    padding: 0;
}

.nav-slidable .sub-game-nav {
    background: #181b2c;
}

    .nav-slidable .sub-game-nav ul .selected {
        background-color: rgb(255 255 255 / 7%) !important;
        text-shadow: 0px 0px 2px var(--white-color);
    }

.nav-slidable .sub-game-nav {
    background: #181b2c;
}

    .nav-slidable .sub-game-nav ul .selected {
        background-color: rgb(255 255 255 / 7%) !important;
        text-shadow: 0px 0px 2px var(--white-color);
    }

.Container__Item.sub-game-nav.row {
    justify-content: normal;
}

.game-nav [id^=searchTb] {
    border-radius: 3px;
}

.game-nav .search-wrapper .form-control-feedback {
    color: #2A0934;
}

.categorycarousel .slick-prev:before,
.categorycarousel .slick-next:before {
    color: transparent;
}

.game-nav-tab.slick-slide.slick-current.slick-active.slick-center i {
    color: var(--white-color) !important;
}

.game-nav-tab.slick-slide i::before {
    font-size: 50px;
    margin: 10px auto 5px;
}

.slick-slide {
    margin: 0 6px !important;
}

.slick-list {
    margin: 0 -6px !important;
}

.nav-slidable .categorycarousel li:not(.slick-center) a {
    color: var(--white-color);
    transition: all .3s ease;
}

.game-nav li a {
    height: 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    text-transform: initial
}

.game-nav-tab.slick-slide i {
    color: var(--blue-color-5) !important;
}

.game-list-slidable .cat-url {
    float: right;
    position: relative;
    top: 0px;
    right: 24px;
    height: 25px;
}

    .game-list-slidable .cat-url > h2 {
        margin: 0;
    }

.casino-categories:not(:last-child) {
    margin-bottom: 21px;
}

.Container__Item.nav-slidable {
    /* display: none; */
    height: auto;
    position: unset;
    flex-direction: column;
}

.Wrapper--Single.game-category.hero {
    margin-top: 32px;
}

/* .game-nav ul {
    height: 155px;
} */

.slick-list {
    z-index: 0;
}

.game-nav li {
    margin-top: 37px;
}

.game-nav-tab.slick-slide {
    z-index: 1;
    width: calc(100vw / 11.4);
    outline: none;
}

    .game-nav-tab.slick-slide:hover {
        cursor: pointer;
    }

.game-list-slidable .casino-game-list-item .product-wrapper:not(.hero) .product-card,
.game-list-normal .casino-game-list-item .product-wrapper:not(.hero) .product-card,
.game-category.hero .game-list-slidable .casino-categories.favorite-cat .product-wrapper .product-card {
    box-shadow: 0px 4px 7px #0000001A;
    min-height: 100px;
}

.product-card.slick-slide {
    margin: 0 15px;
}

.casino-game-list-item .product-wrapper .product-card .product-producer-container {
    height: 50px;
    z-index: 1;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-thumb,
.game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-thumb {
    border-radius: 4px 4px 0px 0px;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc .product-title,
.game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-desc .product-title {
    display: none;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc,
.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc {
    height: 30px;
    z-index: 7;
    background: transparent;
}

.casino-game-list-item .product-wrapper .product-card .product-desc {
    height: 30px;
    background: transparent;
    z-index: 7;
    top: unset;
    left: unset;
    bottom: 0;
    text-align: right;
    right: 4px;
}

.game-list-normal .fav-game,
.game-list-slidable .fav-game {
    display: inline-block;
    position: relative;
    font-size: 1vw;
    margin: 3px 0 0 6px;
    cursor: pointer;
}

    .game-list-normal .fav-game i,
    .game-list-slidable .fav-game i {
        font-size: 24px;
    }

.game-list-normal .la-heart:before, .game-list-slidable .la-heart:before, .fav-game .la-heart:before {
    content: '\f005';
    display: block;
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
}

.game-list-normal .fav-game i.fav-color-red:before,
.game-list-slidable .fav-game i.fav-color-red:before,
#gameModal .game-name-fav .game-fav i.fav-color-red:before {
    color: var(--yellow-color);
}

.product-card:hover .product-producer {
    display: none;
}

a.game-page-url {
    opacity: 0;
    border: 1px solid var(--white-color);
    border-radius: 4px;
    position: absolute;
    top: 2%;
    right: 3%;
    width: 20px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    z-index: 2;
}

.casino-game-list .product-card:hover .game-page-url {
    opacity: 1;
}

a.game-page-url span::before {
    content: 'i';
    font-family: "Poppins" !important;
}

.casino-categories .slick-list {
    width: 100%;
    padding: 10px;
}

.product-wrapper .product-card {
    float: left;
    border: 0 !important;
}

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
}

    .game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
    display: flex;
    flex-wrap: nowrap;
    width: initial;
    padding: 10px 10px 10px 0;
}

.blue-slider-wrapper .btn-load-more:active {
    box-shadow: none;
}

.nav-slidable .game-nav.fixed-sticky {
    position: fixed;
    top: 127px;
    transition: all 1s;
}

.casino-game-list-item .name-cat-title {
    width: 50%;
    display: inline-block;
    white-space: nowrap;
}

    .casino-game-list-item .name-cat-title > h2 {
        font-family: "Poppins";
        display: flex;
        /* padding-left: 10px; */
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-size: 18px;
        font-weight: bold !important;
        margin: 0;
        gap: 10px;
    }

        .casino-game-list-item .name-cat-title > h2:before {
            content: ' ';
            display: block;
            position: relative;
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: contain;
        }

.casino-categories .cat-url-class {
    color: var(--yellow-color-3);
    text-decoration: underline;
}

/* ----  Icons near Titles of categories ----*/
.casino-game-list-item .featured-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.featured-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.featured-cat:before {
    background-image: url(../../bet20gamebettingsa/image/featured-ligray.svg);
}

.casino-game-list-item .popular-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.popular-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.popular-cat:before {
    background-image: url(../../bet20gamebettingsa/image/popular-ico-ligray.svg);
}

.casino-game-list-item .new-games-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.new-games-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.new-games-cat:before {
    background-image: url(../../bet20gamebettingsa/image/new-games-ico-ligray.svg);
}

.casino-game-list-item .slots-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.slots-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.slots-cat:before {
    background-image: url(../../bet20gamebettingsa/image/slots-ico-ligray.svg);
}

.casino-game-list-item .blackjack-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.blackjack-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.blackjack-cat:before {
    background-image: url(../../bet20gamebettingsa/image/blackjack-ico-ligray.svg);
}

.casino-game-list-item .roulette-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.roulette-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.roulette-cat:before {
    background-image: url(../../bet20gamebettingsa/image/roulette-ico-ligray.svg);
}

.casino-game-list-item .poker-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.poker-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.poker-cat:before {
    background-image: url(../../bet20gamebettingsa/image/poker-ico-ligray.svg);
}

.casino-game-list-item .jackpot-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.jackpot-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.jackpot-cat:before {
    background-image: url(../../bet20gamebettingsa/image/jackpots-ico-ligray.svg);
}

.casino-game-list-item .table-games-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.table-games-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.table-games-cat:before {
    background-image: url(../../bet20gamebettingsa/image/table-ico-ligray.svg);
}

.casino-game-list-item .live-dealer-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.live-dealer-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.live-dealer-cat:before {
    background-image: url(../../bet20gamebettingsa/image/live-dealer-ico-ligray.svg);
}

.casino-game-list-item .video-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.video-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.video-cat:before {
    background-image: url(../../bet20gamebettingsa/image/video-ico-ligray.svg);
}

.casino-game-list-item .progressive-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.progressive-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.progressive-cat:before {
    background-image: url(../../bet20gamebettingsa/image/progressive-slots-ico-ligray.svg);
}

.casino-game-list-item .other-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.other-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.other-cat:before {
    background-image: url(../../bet20gamebettingsa/image/other-ico-ligray.svg);
}

.casino-game-list-item .bonus-cat .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.bonus-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.bonus-cat:before{
    background-image: url(../../bet20gamebettingsa/image/bonus-sidebar-nav-white.svg);
}

.casino-game-list-item .tp-i_bonus .name-cat-title > h2:before{
    width:0;
    height:0;
}

.casino-game-list-item .all-games-cat .name-cat-title > h2:before {
    background-image: url(../../bet20gamebettingsa/image/all-games-ico-ligray.svg);
}

.casino-game-list-item .game-favorite .name-cat-title > h2:before,
.Wrapper--Single.game-category .game-nav li i.favorite-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.favorite-cat:before {
    background-image: url(../../bet20gamebettingsa/image/favorite-ico-ligray.svg);
}

.blue-slider-wrapper .btn-load-more::after,
.load-more-container #loadMoreBtn::after {
    content: "\27A4";
    display: block;
    height: 40px;
    margin: auto;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.load-more-container #loadMoreBtn {
    display: flex;
    width: 120px;
    border: none;
    background: none;
    text-align: center;
    align-items: center;
    text-transform: none;
    outline: none !important;
}

    .load-more-container #loadMoreBtn:active {
        box-shadow: none;
    }

.video-icon::after,
.all_games-icon::after,
.blackjack-icon::after,
.favorite-icon::after,
.featured-icon::after,
.live_dealer-icon::after,
.new_games-icon::after,
.other-icon::after,
.popular-icon::after,
.roulette-icon::after,
.slots-icon::after,
.table-icon::after {
    content: ' ';
    width: 50%;
    height: 45px;
    display: block;
    margin: 10px auto 0;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.video-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/video-icone.svg);
}

.all_games-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/allgames-icone.svg);
}

.blackjack-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/blackjack-icone.svg);
}

.favorite-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/favorite-icone.svg);
}

.featured-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/featured-icone.svg);
}

.live_dealer-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/livedealer-icone.svg);
}

.new_games-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/newgames-icone.svg);
}

.other-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/other-icone.svg);
}

.popular-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/popular-icone.svg);
}

.roulette-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/roulette-icone.svg);
}

.slots-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/slots-icone.svg);
}

.table-icon::after {
    background-image: url(https://vegasaces.com/content/img/design/icons/table-icone.svg);
}

.slick-center .all_games-icon::after,
.slick-center .blackjack-icon::after,
.slick-center .favorite-icon::after,
.slick-center .featured-icon::after,
.slick-center .live_dealer-icon::after,
.slick-center .new_games-icon::after,
.slick-center .other-icon::after,
.slick-center .popular-icon::after,
.slick-center .roulette-icon::after,
.slick-center .slots-icon::after,
.slick-center .table-icon::after,
.slick-center .video-icon::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(27%) hue-rotate(62deg) brightness(107%) contrast(107%);
}

.game-nav-tab:not(.slick-center):hover .all_games-icon::after,
.game-nav-tab:not(.slick-center):hover .blackjack-icon::after,
.game-nav-tab:not(.slick-center):hover .favorite-icon::after,
.game-nav-tab:not(.slick-center):hover .featured-icon::after,
.game-nav-tab:not(.slick-center):hover .live_dealer-icon::after,
.game-nav-tab:not(.slick-center):hover .new_games-icon::after,
.game-nav-tab:not(.slick-center):hover .other-icon::after,
.game-nav-tab:not(.slick-center):hover .popular-icon::after,
.game-nav-tab:not(.slick-center):hover .roulette-icon::after,
.game-nav-tab:not(.slick-center):hover .slots-icon::after,
.game-nav-tab:not(.slick-center):hover .table-icon::after,
.game-nav-tab:not(.slick-center):hover .video-icon::after {
    filter: brightness(0) saturate(100%) invert(71%) sepia(70%) saturate(940%) hue-rotate(298deg) brightness(106%) contrast(110%);
}

/* GAME SEARCH */


.game-category-selector-container ::-webkit-scrollbar {
    width: 5px;
    display: inline !important;
}

.game-category-selector-container .ss-optgroup:-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.game-category-selector-container .ss-optgroup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.game-category-list {
    display: flex !important;
    justify-content: space-between;
}

    .game-category-list span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .game-category-list img {
        margin-left: 3px;
        object-fit: contain;
    }

.selectedInfoCount {
    justify-content: flex-start;
    flex: 1 1 100%;
    display: flex;
    width: calc(100% - 30px);
    align-items: center;
    display: none;
}

    .selectedInfoCount p {
        width: max-content;
        height: 100%;
        color: var(--white-color);
        font-size: 13px;
        font-weight: bold;
        padding: 3px 10px;
        display: flex;
        align-items: center;
        background-color: var(--brand-color);
        border-radius: 4px;
        user-select: none;
        animation-name: scaleIn;
        animation-duration: .2s;
        animation-timing-function: ease-out;
        animation-fill-mode: both;
    }

.game-category-selector-container-replacer {
    display: none !important;
}

.game-category-selector-container {
    display: none !important;
}

.search-wrapper .ss-main .ss-multi-selected {
    background-color: transparent;
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    background-color: transparent;
    padding: 5px 10px;
    margin: 2px;
    animation: none;
}

    .ss-main .ss-multi-selected .ss-values .ss-value b {
        font-size: 14px;
        font-family: "Poppins";
        font-weight: 300;
    }

.ss-content {
    z-index: 99;
}

body.with-sticky-padding .ss-content {
    z-index: 97;
}

.ss-68662.ss-main {
    min-height: 32px;
}

.ss-main {
    width: 100%;
    height: 100%;
}

    .ss-main .ss-multi-selected {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0;
        border: none;
    }

.casino-game-list-item .promo-wrapper,
.casino-game-list-item .promo-cat {
    width: 100% !important;
}

.game-category-list {
    display: flex !important;
    justify-content: space-between;
}

.selectedInfoCount {
    justify-content: flex-start;
    flex: 1 1 100%;
    width: calc(100% - 30px);
    align-items: center;
    display: none;
}

.game-category-selector-container .ss-value-delete {
    display: none;
}

.game-category-selector-container,
.game-category-selector-container-replacer {
    display: none;
    min-height: 32px;
    position: relative;
    right: initial;
    margin: 0;
    margin-right: 15px;
}

.game-category-selector-container-replacer {
    display: block;
    width: 200px;
    height: 34px;
    border: 1px solid #707070;
    border-radius: 7px;
    content: "Providers";
    display: flex;
    align-items: center;
    padding-left: 8px;
    color: #a3a3a3;
    font-size: 12px;
}

nav.Container__Item.game-nav.mute:not(.fixed):after {
    height: calc(100% - 50px);
    top: 25px;
}

nav.Container__Item.game-nav.mute:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 58px);
    top: 29px;
    left: 0;
    z-index: 1;
}

.ss-content .ss-list .ss-option {
    padding: 10px;
    background-color: var(--background-color-3);
}

.nav-simple .search-wrapper form #searchTb::placeholder {
    font-size: 14px;
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option.ss-disabled {
    color: var(--white-color);
    background-color: var(--backdrop-color);
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: var(--white-color);
    background-color: var(--brand-color);
}

.search-wrapper .ss-content {
    background-color: var(--background-color);
}

.product-wrapper .product-card.loading:after {
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (60px / 2)) !important;
}

.search-wrapper form [id^=searchTb] {
    padding-right: 35px;
}

.search-wrapper form .glyphicon.glyphicon-search::before {
    content: ' ';
    background-image: url(../../bet20gamebettingsa/image/search.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin: auto;
    text-align: center;
    background-size: 23px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ss-main .ss-multi-selected .ss-add {
    margin: 0;
    display: flex;
}

    .ss-main .ss-multi-selected .ss-add .ss-plus:after {
        content: initial;
    }

    .ss-main .ss-multi-selected .ss-add .ss-plus,
    .search-wrapper form .glyphicon.glyphicon-search {
        color: var(--black-color);
        position: absolute;
        background: initial;
        transform: scale(1.06);
        width: 55px;
        height: 99%;
        border-radius: 0 4px 4px 0;
        height: calc(100% - 2px);
        top: 1px;
        right: 1px;
    }

        .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
            transform: scale(1.06);
        }

        .ss-main .ss-multi-selected .ss-add .ss-plus:before {
            content: "\203A";
            display: block;
            color: var(--white-color);
            font-size: 35px;
            text-align: center;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.Wrapper--Header.sticky.sticky-fixed .Widget--banner.primary a {
    width: 200px;
}

.header-banner.banner-all-games .banner-all_games {
    width: 100%;
}

.header-banner .Item {
    margin-top: 72px;
}

    .header-banner .Item img {
        width: 100%;
    }

.modal-open .Wrapper--Single.Wrapper--Header:not(.top) {
    right: 8px;
}

.Wrapper--Single.Wrapper--Header:not(.top) {
    width: 100%;
    position: fixed;
    padding: 0 60px 0 48px;
    height: 72px;
}

    .Wrapper--Single.Wrapper--Header:not(.top) .Container__Item {
        align-items: center;
    }

.Wrapper--Single.Wrapper--Header.playSectionHeader {
    position: relative;
    top: initial;
    height: 122px;
    z-index: 999;
}

.slick-track {
    margin-left: initial;
    margin-right: initial;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm:before {
    content: initial;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm {
    pointer-events: initial;
    cursor: pointer;
}

    .glyphicon.glyphicon-search.form-control-feedback.clearForm i {
        font-size: 18px;
        color: var(--white-color);
        position: relative;
        top: 10px;
    }

.jackpot-section-wrapper .recent_winner {
    width: 625px;
    margin: auto;
    padding-top: 20px;
}

    .jackpot-section-wrapper .recent_winner .header,
    .jackpot-section-wrapper .recent_winner .tabs ul {
        display: none;
    }

.game-articles {
    width: 349px;
}

.top-jack-title-bottom p {
    text-align: center;
    letter-spacing: 0px;
    color: var(--white-color);
    opacity: 1;
    font-size: 31px;
    margin-top: 20px;
    font-family: "Poppins";
    font-weight: normal;
    font-weight: 500;
}

.Container--GamePage .game-page .game-container .game-controls .btn-refresh,
.Container--GamePage .game-page .game-container .game-controls .btn-close,
.Container--GamePage .game-page .game-container .game-controls .btn-full-screen {
    border: 1px solid var(--brand-color);
    cursor: pointer;
}

    .Container--GamePage .game-page .game-container .game-controls .btn-refresh:hover,
    .Container--GamePage .game-page .game-container .game-controls .btn-close:hover,
    .Container--GamePage .game-page .game-container .game-controls .btn-full-screen:hover {
        background-color: var(--brand-color);
    }

.continuedContent {
    display: none;
}

.rotateContent .scene {
    position: relative;
}

.rotateContent .rotateInfo {
    width: 100%;
    padding: 0 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transition: all ease-in-out .8s;
    transform: rotateY(180deg);
    background-color: var(--background-color-5);
    color: var(--white-color);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.scene.info--opened.viewRotatedContent .rotateInfo {
    z-index: 99;
}

.rotateInfo span {
    color: var(--white-color) !important;
}

.rotateContent .card {
    transition: all ease-in-out .8s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 1;
}

.viewRotatedContent .rotateInfo {
    transform: rotateY(0);
}

.viewRotatedContent .card {
    transform: rotateY(-180deg);
}

.article-cards .card-wrapper .rotateInfo .close-info {
    top: initial;
    bottom: 10px;
    margin: 0 auto;
    right: 50%;
    transform: translate(calc(100% + 10px), 0px);
}


.article-cards .card-wrapper .rotateInfo .content {
    height: calc(100% - 150px);
    overflow: hidden;
}

.product-card .picture-productThumb {
    position: relative;
    display: block;
    height: 100%;
}

body.mobile .product-card.loading .picture-productThumb {
    height: 102px;
}

.product-card:hover .picture-productThumb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: var(--black-color);
}


.Container--GamePage .game-page .game-container .game-holder {
    height: calc(90vh - 165px) !important;
    width: calc(70vw - 75px) !important;
}

.Container--GamePage .game-page.played-games-open .game-container .game-holder {
    height: calc(90vh - 260px) !important;
}


.fullscreen .Container--GamePage .game-page .game-container .game-holder {
    height: calc(100vh - 65px) !important;
    width: calc(100vw) !important;
}

.fullscreen .Container--GamePage .game-page.played-games-open .game-container .game-holder {
    height: calc(100vh - 155px) !important;
}

.ranges li {
    color: var(--border-color-3);
    background-color: var(--background-color-3);
    border-color: var(--border-color-3);
}

    .ranges li.active, .ranges li:hover {
        background-color: var(--blue-color-4);
        border: 1px solid var(--blue-color-4);
    }

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--blue-color-4) !important;
    color: var(--white-color) !important;
}

.daterangepicker td.in-range {
    background-color: var(--blue-color-4);
    color: var(--white-color);
}

.daterangepicker .input-mini {
    color: var(--border-color-3);
}

    .daterangepicker .input-mini.active {
        border: 1px solid var(--brand-color);
    }

[class^="game-container-type-"] {
    width: 100%;
}

.promo-title {
    display: none;
}

.load-more-container #loadMoreBtn,
.casino-categories .cat-url a {
    color: var(--white-color);
    text-align: right;
    letter-spacing: -0.22px;
    font: normal normal normal 22px/31px "Poppins";
    font-size: 18px !important;
    font-family: "Poppins";
}

.logo_18 {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 25px;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    padding: 0 30px
}

    .logo_18 .Item:first-of-type img {
        width: 40px;
    }

    .logo_18 .Item:last-of-type img {
        width: 70px;
    }

.game-nav ul.categorycarousel:after {
    content: '';
    position: absolute;
    right: 0;
    z-index: 1;
    width: 9%;
    height: 100%;
    background: var(--gradient-grey-2);
}

.game-nav ul.categorycarousel:before {
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    width: 9%;
    height: 100%;
    background: var(--gradient-grey-1);
}

.Wrapper--Single.launch-game {
    margin-top: 165px;
}

.page-wrapper > [class^="navigation_wrapper_"] {
    background-color: var(--background-color);
    position: relative;
    z-index: 82;
    height: 40px;
}

.page-wrapper > .single[class^="navigation_wrapper_"] {
    display: flex;
    max-width: 1400px;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin: auto;
}

    .page-wrapper > .single[class^="navigation_wrapper_"] > [class^="navigation_wrapper_"], .mobile .single[class^="navigation_wrapper_"] > [class^="navigation_wrapper_"] {
        width: 100%;
        color: var(--white-color);
    }

.page-wrapper > .slidable[class^="navigation_wrapper_"] > [class^="navigation_wrapper_"] {
    position: absolute;
    top: 10px;
    left: 35px;
}

.page-wrapper > .slidable[class^="navigation_wrapper_"] > .navigation_wrapper_all-games {
    top: 223px;
}

.page-wrapper > .no-slidable[class^="navigation_wrapper_"] > [class^="navigation_wrapper_"] {
    position: absolute;
    top: 25px;
    left: 24px;
}

.game-name-fav .game-fav {
    display: flex;
    align-items: center;
}

.game-name-fav .game-page-url {
    width: 25px;
    position: initial;
    background: var(--white-color);
    opacity: 1;
    font-size: 30px;
    display: block;
    line-height: 1;
    border-radius: 5px;
    margin-right: 10px;
}

    .game-name-fav .game-page-url:focus {
        outline: none;
    }

body:not(.mobile) .nav-slidable .categorycarousel li:not(.slick-center):hover a {
    color: var(--yellow-color);
}

body:not(.mobile) .nav-slidable .categorycarousel li:not(.slick-center):hover i[class^='tp-i']:before {
    background-color: var(--yellow-color);
}

.Widget--banner--multi-page .Item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: calc(100% - 20px);
}

    .Widget--banner--multi-page .Item a img {
        width: 45px;
        min-width: 45px;
        max-width: 45px;
    }

.Widget--banner--multi-page .Item .Item__Label {
    color: var(--white-color);
    font-size: 16px;
    line-height: 15px;
    margin-top: 5px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    width: 130px;
    text-align: center;
    font-family: "Poppins";
    white-space: nowrap;
}

.centered_circle {
    position: relative;
    text-align: center;
    display: flex;
    width: 152px !important;
}

.prevbtn {
    right: 50%;
    top: calc(50% + 3px);
    position: absolute;
    transform: translate(-60px, -50%);
    display: block;
    width: 46px;
}

    .prevbtn > a > svg {
        width: 100%;
    }

    .prevbtn:hover {
        transform: translate(-65px, -50%);
    }

.nextbtn {
    left: 50%;
    top: calc(50% + 3px);
    position: absolute;
    transform: translate(60px, -50%);
    width: 46px;
}

    .nextbtn > a > svg {
        width: 100%;
    }

.Widget--banner--multi-page .nextbtn > a, .Widget--banner--multi-page .prevbtn > a, .fav-game a,
.casino-categories .cat-url-class {
    display: block;
}

.nextbtn:hover {
    transform: translate(65px, -50%);
}

.Widget--banner--multi-page .Item.cat.selected-center a {
    pointer-events: none;
    width: 156px;
    height: 76px;
}

.Widget--banner--multi-page .Item.cat.selected-center .Item__Label {
    color: var(--white-color);
}


/*Multibanner centered Circle Item  - end */

/* Multibanner shadows - start */
.Widget--banner--multi-page::before,
.Widget--banner--multi-page::after {
    content: '';
    z-index: 1;
    top: 0;
    position: absolute;
    width: 184px;
    height: 100%;
}

.Widget--banner--multi-page::before {
    left: 0;
    background: var(--gradient-grey-1);
}

.Widget--banner--multi-page::after {
    right: 0;
    background: var(--gradient-grey-2);
}

/* Multibanner shadows - end */

/* Multibanner fixed */
.Widget--banner--multi-page.fixed .Item a img {
    width: 35px;
}

.game-nav.row.fixed .centercircle {
    background-image: none;
    border: 0;
}

.Widget--banner--multi-page.fixed .Item.cat.selected-center .Item__Label,
.Widget--banner--multi-page .Item.cat.selected-center .Item__Label {
    color: var(--yellow-color);
}

.Widget--banner--multi-page.fixed .Item.cat.selected-center svg path,
.Widget--banner--multi-page .Item.cat.selected-center svg path {
    fill: var(--yellow-color);
}

.Widget--banner--multi-page.fixed .nextbtn svg > g > path:first-child {
    fill: transparent !important;
    z-index: 1000;
}

.Widget--banner--multi-page.fixed .prevbtn svg > g > path:first-child {
    fill: transparent !important;
    z-index: 1000;
}

.Widget--banner--multi-page.fixed .nextbtn {
    transform: translate(50px, -50%);
    z-index: 1001;
}

    .Widget--banner--multi-page.fixed .nextbtn:hover {
        transform: translate(55px, -50%);
    }

.Widget--banner--multi-page.fixed .prevbtn {
    transform: translate(-50px, -50%);
    z-index: 1001;
}

    .Widget--banner--multi-page.fixed .prevbtn:hover {
        transform: translate(-55px, -50%);
    }

.content_about-us *,
.content_contact-us *,
.content_privacy-policy *,
.content_terms * {
    font-family: "Poppins" !important;
}

.app-root > .game-launch-wrapper {
    margin-top: -56px;
}

.game-launch-wrapper .game-holder:first-of-type {
    width: 100%;
    height: 100vh;
}

    .game-launch-wrapper .game-holder:first-of-type .game-page {
        height: 100%;
    }

        .game-launch-wrapper .game-holder:first-of-type .game-page .game-container {
            height: 100%;
        }

/* MULTIBANNER END*/


h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

.registrationPassportID {
    display: none;
}

.codeMobilePassportSection {
    display: flex;
    justify-content: space-between;
}

    .codeMobilePassportSection > .col-xs-4 {
        width: 38.33333333%;
    }

    .codeMobilePassportSection > .col-xs-3 {
        width: 66.66666667%;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

/* Home slider hide START */
/* .Wrapper--Single.blue-slider-wrapper.home_section .Container__Item.game-nav.row {
    display: none;
} */

/* .Wrapper--Single.blue-slider-wrapper.home_section .Container__Item.nav-slidable {
    height: 50px !important;
    display: none;
} */


.swiper-button-prev {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -48px;
    height: calc(100% - 26px);
    width: 76px;
    margin-top: 11px;
    border-radius: 5px 0 0 5px;
}

    .swiper-button-prev:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 76px;
        height: 100%;
        background-size: 100% 100%;
        background: url("../../bet20gamebettingsa/image/va-hover-arrow-left.svg") no-repeat center center;
    }

.swiper-button-next {
    display: block;
    visibility: hidden;
    position: absolute;
    right: 0;
    height: calc(100% - 26px);
    width: 76px;
    margin-top: 11px;
}

    .swiper-button-next:before {
        content: '';
        position: absolute;
        width: 76px;
        left: 0;
        top: 0;
        height: 100%;
        background-size: 100% 100%;
        background: url("../../bet20gamebettingsa/image/va-hover-arrow-right.svg") no-repeat center center;
    }

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper:hover .swiper-button-prev,
.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper:hover .swiper-button-next {
    visibility: visible;
    cursor: pointer;
}

.game-list-slidable .casino-categories.promo-cat .slick-prev {
    left: 10px;
    top: 10px;
    height: calc(100% - 25px);
}

.game-list-slidable .casino-categories.promo-cat .slick-next {
    right: 10px;
    top: 10px;
    height: calc(100% - 25px);
}

.game-list-slidable .casino-categories:not(.promo-cat) .slick-prev {
    left: 10px;
    height: calc(100% - 25px);
}


.game-list-slidable .casino-categories:not(.promo-cat) .slick-next {
    right: 0;
    height: calc(100% - 25px);
}

.game-list-slidable .promo-cat.casino-categories .slick-prev:before,
.game-list-slidable .promo-cat.casino-categories .slick-next:before {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    content: '';
    height: 60px;
}


.game-list-slidable .casino-categories .slick-next:before,
.game-list-slidable .casino-categories .slick-prev:before {
    content: ''
}

.game-list-slidable .casino-categories .slick-next:hover:before {
    background: url(../../bet20gamebettingsa/image/right-arrow.svg) no-repeat center center !important;
}

.game-list-slidable .casino-categories:not(.promo-cat) .slick-next:hover:before {
    width: 10px;
    height: 40px;
    left: 50%;
    transform: translate(-50%, 0);
}

.game-list-slidable .casino-categories .slick-prev:hover:before {
    content: ' ';
    background: url(../../bet20gamebettingsa/image/right-arrow.svg) no-repeat center center;
    width: 10px;
    height: 40px;
    margin-left: 13px;
}

.game-list-slidable .casino-categories:not(.promo-cat) .slick-prev:hover:before {
    content: ' ';
    background: url(../../bet20gamebettingsa/image/right-arrow.svg) no-repeat center center;
    width: 10px;
    height: 40px;
    margin-left: 13px;
}

.slick-disabled {
    display: none !important;
}

.slick-prev, .slick-next {
    top: 10px;
    transform: translate(0, 0);
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer {
    width: 100%;
    background-color: var(--background-color);
}

    .Wrapper--Single.footer-logo .multibanner-slidable.footer:not(.slick-slider) {
        display: flex;
        height: 95px;
        gap: 50px;
        padding: 0 2.5%;
    }

body.mobile .Wrapper--Single.footer-logo .multibanner-slidable.footer:not(.slick-slider) {
    gap: normal;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer:not(.slick-slider) .Item {
    display: flex;
    align-items: center;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer .slick-list {
    width: 95%;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 !important;
}

    .Wrapper--Single.footer-logo .multibanner-slidable.footer .slick-list .slick-track {
        display: flex;
        align-items: center;
        height: 88px;
    }

.multibanner-slidable.footer.slick-slider .slick-prev, .slick-next, .slick-prev {
    top: 0;
    height: 100%;
    z-index: 1;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer .Item.slick-slide {
    margin: 0 25px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    pointer-events: none;
}

    .Wrapper--Single.footer-logo .multibanner-slidable.footer .Item.slick-slide svg {
        overflow: visible !important;
        width: 100%;
    }

.Container--full.short-cat {
    display: flex;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer a,
.Wrapper--Single.footer-logo .multibanner-slidable.footer a:focus {
    outline: none;
    display: flex;
}

#chatBeaconBtn:not(.hide) {
    width: 80px;
}

.promo-card-img {
    width: 100%;
    border-radius: 4px;
}

.swiper .product-wrapper:not(.hero) {
    grid-gap: 0;
}

.game-category-selector-container-replacer:before {
    display: block;
    content: '';
    background-image: url("https://vegasaces.com/content/img/design/icons/vendor.svg");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 4px 4px 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 55px;
    position: absolute;
    right: 0;
    top: 0;
}

.nav-simple .game-category-selector-container {
    margin-right: 15px !important;
}

.ss-main .ss-multi-selected .ss-values {
    width: 100%;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
    content: 'No games found';
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 7px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus, .search-wrapper form .glyphicon.glyphicon-search {
    transform: scale(1);
    height: 100%;
    top: 0;
    right: 0
}

/* ABOUT US */

.about-us-3 {
    padding-bottom: 130px;
    background-color: var(--background-color-5);
}

.about-us-image-2 > .Container__Item,
.about-us-image-2,
.about-us-1 > .Container__Item,
.about-us-1 .Copyright {
    flex: 1 1 50%;
}

.about-us-1 .Copyright {
    padding: 100px 0 0 100px;
}

.about-us-image-2 .about-us-content-3 {
    padding: 0 0 0 100px;
    margin: auto;
}

.about-us-image-2 h2,
.about-us-image-2 p,
.about-us-1 h2,
.about-us-1 p {
    font-size: 18px;
    max-width: 968px;
    margin: 0 auto;
    color: var(--white-color)
}

.about-us-image-2 h2,
.about-us-1 h2 {
    padding-bottom: 24px;
    font-size: 40px;
    color: var(--white-color);
}

.lock-image {
    padding-top: 92px;
    width: 100%;
    background: var(--background-color-8);
    display: flex;
    justify-content: center;
}

    .lock-image img {
        width: 204px;
    }

    .lock-image:before {
        content: "";
        display: block;
        width: 176px;
        height: 176px;
        background-color: var(--background-color);
        border-radius: 50%;
        position: absolute;
        bottom: -12px;
        z-index: 2;
    }

    .lock-image .Item {
        z-index: 4;
    }

.about-us-content-2 {
    padding: 32px 0 92px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--background-color-8);
}

    .about-us-content-2 h2,
    .about-us-content-2 p {
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 300;
        max-width: 968px;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        color: var(--white-color);
    }

    .about-us-content-2 h2 {
        padding-bottom: 24px;
        font-size: 50px;
    }

/* DESKTOP: RESPONSIBLE GAMING */
.responsible-wrapper, .faq-wrapper, .Banking-wrapper-1, .Banking-wrapper-2, .content-wrapper.contact,
.content-wrapper.terms, .privacy-policy-wrapper, .about-us-image-2, .about-us-1 {
    width: 100%;
    max-width: 1400px;
    display: flex;
    margin: 0 auto;
}

    .responsible-wrapper > .Container__Item, .faq-wrapper .Container__Item, .Banking-wrapper-2 .Container__Item, .Banking-wrapper-1 .Container__Item,
    .content-wrapper.contact .contact-us-icons .Item, .content-wrapper.terms .Container__Item, .privacy-policy-wrapper .Container__Item,
    .responsible-wrapper > .Copyright, .faq-wrapper .faq-content, .Banking-wrapper-2 .banking-content-2, .Banking-wrapper-1 .banking-content-1,
    .content-wrapper.terms .content_terms-conditions, .privacy-policy-wrapper .privacy-policy-content {
        flex: 1 1 50%;
        display: block;
    }

    .responsible-wrapper > .Copyright, .faq-wrapper .faq-content, .Banking-wrapper-2 .banking-content-2, .Banking-wrapper-1 .banking-content-1,
    .content-wrapper.terms .content_terms-conditions, .privacy-policy-wrapper .privacy-policy-content {
        padding: 0 0 80px 100px;
    }

        .responsible-wrapper > .Copyright h1, .faq-wrapper .faq-content h1, .Banking-wrapper-2 .banking-content-2 h1, .Banking-wrapper-1 .banking-content-1 h1,
        .content-wrapper.contact .content_contact-us h1, .content-wrapper.terms .content_terms-conditions h1, .privacy-policy-wrapper .privacy-policy-content h1 {
            margin-top: 0;
            font-size: 46px;
            font-family: "Poppins" !important;
            font-weight: 500 !important;
            color: var(--white-color);
            margin-bottom: 36px;
            padding: 0;
        }

        .responsible-wrapper > .Copyright p, .faq-wrapper .faq-content p, .Banking-wrapper-2 .banking-content-2 p, .Banking-wrapper-1 .banking-content-1 p,
        .content-wrapper.terms .content_terms-conditions p, .privacy-policy-wrapper .privacy-policy-content p {
            font-size: 16px;
            line-height: 27px;
            color: var(--white-color);
            font-weight: normal;
            margin-bottom: 27px;
        }

            .responsible-wrapper > .Copyright p a, .faq-wrapper .faq-content p a, .Banking-wrapper-2 .banking-content-2 p a, .Banking-wrapper-1 .banking-content-1 p a,
            .content-wrapper.terms .content_terms-conditions p a, .privacy-policy-wrapper .privacy-policy-content p a {
                color: var(--white-color);
                font-weight: bold;
                text-decoration: underline;
            }

        .responsible-wrapper > .Copyright strong, .faq-wrapper .faq-content strong, .Banking-wrapper-2 .banking-content-2 strong, .Banking-wrapper-1 .banking-content-1 strong {
            font-family: "Poppins";
        }

        .responsible-wrapper > .Copyright h2, .faq-wrapper .faq-content h2, .Banking-wrapper-2 .banking-content-2 h2, .Banking-wrapper-1 .banking-content-1 h2,
        .content-wrapper.terms .content_terms-conditions h2, .privacy-policy-wrapper .privacy-policy-content h2 {
            font-size: 28px;
            font-family: "Poppins";
            color: var(--border-color-5);
            margin-bottom: 36px;
            padding-bottom: 5px;
            border-bottom: 3px solid var(--border-color-5);
        }

        /* DESKTOP: FAQ */

        .faq-wrapper .faq-content h3, .Banking-wrapper-2 .banking-content-2 h3, .Banking-wrapper-1 .banking-content-1 h3, .responsible-wrapper .content-resp-gaming h3 {
            line-height: 1.3;
            color: var(--white-color);
        }

        .faq-wrapper .faq-content ol, .Banking-wrapper-2 .banking-content-2 ul, .Banking-wrapper-1 .banking-content-1 ul {
            padding: 24px;
            background-color: var(--background-color-3);
            border: 1px solid var(--border-color-6);
            border-radius: 4px;
            list-style: none;
            color: var(--white-color);
            font-weight: normal !important;
        }

        .faq-wrapper .faq-content li, .Banking-wrapper-2 .banking-content-2 li, .Banking-wrapper-1 .banking-content-1 li {
            font-size: 16px;
            margin-left: 42px;
            position: relative;
            z-index: 1;
            line-height: 2;
            font-weight: normal;
        }

            .faq-wrapper .faq-content li:before {
                content: ' ';
                width: 32px;
                height: 24px;
                position: absolute;
                left: -42px;
                transform: translate(0, 5px);
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .faq-wrapper .faq-content li:first-child:before {
                content: '1.';
            }

            .faq-wrapper .faq-content li:nth-child(2):before {
                content: '2.';
            }

            .faq-wrapper .faq-content li:nth-child(3):before {
                content: '3.';
            }

            .faq-wrapper .faq-content li:nth-child(4):before {
                content: '4.';
            }

/* DESKTOP: BANKING */

.Banking-wrapper-1 {
    margin-bottom: 48px;
}

.Banking-wrapper-2 {
    margin: 63px auto 134px auto;
}

    .Banking-wrapper-2 .Container__Item .banking-image-2 img,
    .Banking-wrapper-1 .Container__Item .banking-image-1 img {
        width: 100%;
    }

.banking-image-1, .banking-image-2 {
    margin-left: 88px;
}

/* PAYMENT COMPLEX */

.Payment-complex-page-wrapper .article-cards {
    width: 100%;
    max-width: 1440px;
    display: flex;
    margin: 0 auto;
    flex-wrap: nowrap !important;
}

    .Payment-complex-page-wrapper .article-cards > div {
        flex: 1;
    }

    .Payment-complex-page-wrapper .article-cards .scene .card {
        background-color: transparent;
        margin: 0;
        flex-direction: column;
        border-top: 2px solid var(--border-color-5);
        border-right: 1px solid var(--border-color-5);
    }

    .Payment-complex-page-wrapper .article-cards div:last-child .scene > .card {
        border-right: none;
    }

    .Payment-complex-page-wrapper .article-cards .scene .card .front {
        height: 88px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 2px solid #D6D3D3;
        border-top: 2px solid #D6D3D3;
        border-radius: 0;
    }

    .Payment-complex-page-wrapper .article-cards .scene .card .back {
        height: 88px;
        border-bottom: 2px solid var(--border-color-5);
        border-top: 2px solid var(--border-color-5);
        border-radius: 0;
        background-color: transparent;
        position: relative;
    }

        .Payment-complex-page-wrapper .article-cards .scene .card .back * {
            text-align: left;
            color: var(--white-color) !important;
            font-size: 18px;
            font-family: "Poppins" !important;
            margin: 0;
        }

    .Payment-complex-page-wrapper .article-cards > div:nth-child(even) .back .content {
        background-color: var(--background-color-7);
    }

    .Payment-complex-page-wrapper .article-cards .card .front {
        background-color: var(--background-color-6)
    }

    .Payment-complex-page-wrapper .article-cards .card-image {
        width: auto;
        height: auto;
        object-fit: initial;
        border-radius: 0;
    }

    .Payment-complex-page-wrapper .article-cards .card .content {
        padding: 16px;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .Payment-complex-page-wrapper .article-cards .card .content p:first-child {
            margin-bottom: 6px;
        }

        .Payment-complex-page-wrapper .article-cards .card .content > p > span {
            display: flex;
        }

            .Payment-complex-page-wrapper .article-cards .card .content > p > span > span:first-child {
                width: 50px;
            }

    .Payment-complex-page-wrapper .article-cards .card-title {
        display: none;
    }

    .Payment-complex-page-wrapper .article-cards .card .read-more {
        position: absolute;
        height: 25.5px;
        width: 20px;
        background-color: var(--blue-color);
        right: 13px;
        top: 8px;
        border-radius: 0;
        margin: 0;
        color: var(--white-color) !important;
    }
/* CONTACT US */

.content-wrapper.contact {
    flex-direction: column;
}

    .content-wrapper.contact .Copyright {
        width: 100%;
        display: flex;
    }

    .content-wrapper.contact .content_contact-us, .content-wrapper.contact .contact-us-icons {
        display: flex;
        transform: none;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        max-width: 596px;
    }

    .content-wrapper.contact > .Container__Item {
        margin: 55px auto 116px;
    }

    .content-wrapper.contact .contact-us-icons {
        max-width: 786px;
        gap: 130px;
    }

        .content-wrapper.contact .contact-us-icons .Item a {
            user-select: none;
            pointer-events: none;
            cursor: auto;
            white-space: nowrap;
        }

        .content-wrapper.contact .contact-us-icons * {
            color: var(--grey-color-2);
            font-size: 20px;
            max-width: 182px;
            max-height: 174px;
        }

            .content-wrapper.contact .contact-us-icons * svg path {
                fill: var(--grey-color-2);
            }

    .content-wrapper.contact .content_contact-us p {
        font-size: 18px;
        color: var(--white-color)
    }

.contact-us-2-wrapper .register-now_content * {
    font-family: "Poppins";
    font-size: 16px;
    color: var(--white-color) !important;
}


/* DESKTOP: PROMOTIONS*/

.promotions-second-banners .card,
.promotions-first-banner .card {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-bottom: 220px;
    position: relative;
}

.promotions-free-spins-banner .card {
    border-radius: 8px;
    display: flex;
    border-radius: 8px;
    background: #313131;
}

.promotions-second-banners .card-image,
.promotions-first-banner .card-image {
    border-radius: 8px 8px 0 0;
    height: auto;
}

.promotions-free-spins-banner .front .card-image {
    height: 258px;
    width: 100%;
    border-radius: unset;
    object-fit: cover;
}

.promotions-first-banner {
    overflow: initial !important;
}

    .promotions-second-banners .back,
    .promotions-first-banner .back {
        box-shadow: 0px 7px 7px #00000029;
        height: 220px;
        border-radius: 0 0 8px 8px;
        bottom: 0;
        top: auto;
        position: absolute;
        z-index: 1000;
    }

.promotions-free-spins-banner .front {
    border-radius: 8px 0 0 8px;
    flex: 1;
}

.promotions-free-spins-banner .back {
    border-radius: 0 8px 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.promotions-first-banner.card-wrapper .card .read-more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(calc(-100% - 12px), 0);
    background: var(--gradient-color-1);
    font-size: 20px;
    font-weight: 600;
    font-family: "Poppins";
    text-transform: uppercase;
}

.promotions-free-spins-banner .card .read-more {
    background-color: #FFB52A;
    font-size: 20px;
    font-family: "Poppins";
    color: #121212;
    border-radius: 4px;
    height: 40px;
    width: 200px;
    display:flex;
}

    .promotions-free-spins-banner .card .read-more:hover {
        background-color: #FFCC48;
    }


    .promotions-free-spins-banner .card .read-more:focus {
        border: 6px solid #A4D8FF;
        background-color: #FFB52A;
    }

.promotions-forth-banner.article-cards.article-cards .card .read-more:hover,
.promotions-second-banners.article-cards .card .read-more:hover,
.promotions-first-banner.card-wrapper .card .read-more:hover {
    background: var(--gradient-color-2);
}

.promotions-first-banner.card-wrapper .card .content {
    height: 47px;
    overflow: hidden;
    transition: all ease-in-out .5s;
}

    .promotions-first-banner.card-wrapper .card .content * {
        font-size: 14px;
        line-height: 1;
    }

    .promotions-first-banner.card-wrapper .card .content p {
        margin-bottom: 6px;
        line-height: 1.6;
    }

.contentOpened .card .content, .rotateInfo .content {
    overflow-y: auto !important;
}

.promotions-first-banner.card-wrapper .back .close-info,
.promotions-second-banners.article-cards .card-wrapper .close-info {
    position: absolute;
    right: 50%;
    top: initial;
    bottom: 0;
    z-index: 5;
    width: 248px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin: 25px auto 30px;
    cursor: pointer;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    font-family: "Poppins";
    font-size: 18px;
    transform: translate(calc(100% + 12px), 0);
    border: 1px solid var(--white-color);
    background-color: transparent;
}

.promotions-first-banner .back .close-info i {
    display: none;
}

.promotions-first-banner .back .close-info:after {
    content: 'T&C'
}

.promotions-second-banners .card-wrapper {
    overflow: initial;
}

.promotions-second-banners {
    gap: 64px;
}

    .promotions-second-banners:after,
    .promotions-second-banners:before {
        display: none;
    }

    .promotions-second-banners .card-wrapper {
        padding: 0 !important;
        flex: 1;
    }

    .promotions-second-banners .card-title {
        font: normal normal normal 34px/42px MADE Sunflower;
        padding: 10px 0 0;
        color: var(--brand-color);
        font-family: MADE Sunflower, Regular;
        font: normal normal normal 34px/42px MADE Sunflower;
    }

    .promotions-second-banners .card .content {
        font: normal normal normal 14px/21px "Poppins";
        font-weight: normal;
        height: 65px;
        overflow: hidden;
        transition: all ease-in-out .5s;
    }

    .promotions-second-banners.article-cards .card-wrapper .close-info i {
        display: none;
    }

    .promotions-second-banners.article-cards .card-wrapper .close-info:after {
        content: 'T&C'
    }

    .promotions-second-banners.article-cards .card .read-more {
        left: 50%;
        transform: translate(calc(-100% - 12px), 0);
        position: absolute;
        bottom: 0;
        background: var(--gradient-color-1);
        font-size: 20px;
        font-family: "Poppins";
        font-weight: 600;
        text-transform: uppercase;
    }

.promotions-second-banners,
.promotions-first-banner,
.promotions-free-spins-banner {
    width: 100%;
    max-width: 1440px;
    margin-bottom: 57px;
    padding: 0 !important;
}

.promotions-free-spins-banner {
    display:none;
}
.promotions-second-banners .card-title, .promotions-first-banner .card-title {
    font-family: "Poppins";
    font-size: 34px;
    padding: 10px 4px;
    color: var(--white-color);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.promotions-free-spins-banner .card .back .card-title {
    font-family: "Poppins";
    font-size: 32px;
    padding: 10px 4px;
    color: var(--white-color);
    text-align: center;
}

.promotions-forth-banner .card-title {
    font-family: "Poppins";
    font-size: 34px;
    padding: 10px 4px;
    color: var(--white-color);
    font-weight: 600;
}

.promotions-forth-banner .card-title,
.promotions-second-banners .card-title {
    font-size: 34px;
}

.promotions-forth-banner .front .card-image {
    display: flex;
}

.promotions-second-banners .scene .back,
.promotions-first-banner .scene .back {
    transition: all 0.3s ease-in-out;
}

.promotions-second-banners .scene.info--opened .back,
.promotions-first-banner .scene.info--opened .back {
    height: 100%;
    border-radius: 8px;
}

    .promotions-second-banners .scene.info--opened .back .content,
    .promotions-first-banner .scene.info--opened .back .content {
        overflow-y: auto;
    }

        .promotions-second-banners .scene.info--opened .back .content::-webkit-scrollbar,
        .promotions-first-banner .scene.info--opened .back .content::-webkit-scrollbar {
            width: 4px;
        }

.promotions-second-banners .scene.info--opened .continuedContent,
.promotions-first-banner .scene.info--opened .continuedContent {
    display: none;
}

.promotions-second-banners .card .content,
.promotions-first-banner .card .content {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.promotions-second-banners .scene.info--opened .card .content,
.promotions-first-banner .scene.info--opened .card .content {
    height: calc(100% - 180px);
}

.promotions-second-banners .promotions-first-banner {
    margin-bottom: 0
}

.promotions-forth-banner {
    flex-direction: column;
    width: 1440px;
}

    .promotions-forth-banner .card-wrapper {
        width: 100%;
        margin-bottom: 55px;
        padding: 0 !important;
        border-radius: 8px;
        box-shadow: 0px 7px 7px #00000029;
    }

    .promotions-forth-banner .card {
        display: flex;
        height: 272px !important;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 8px;
    }

    .promotions-forth-banner .back {
        border-radius: 0 8px 8px 0;
        padding: 64px 392px 88px 64px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .promotions-forth-banner .back .card-title {
            grid-area: title;
            text-align: left;
            padding: 0 !important;
        }

        .promotions-forth-banner .back .content p:not(:nth-child(1)), .promotions-forth-banner .back .content ul {
            display: none;
        }

    .promotions-forth-banner .card .content {
        text-align: left;
        padding: 0;
        height: 100%;
        overflow-y: hidden;
    }

    .promotions-forth-banner .read-more {
        grid-area: button;
    }

    .promotions-forth-banner .front {
        width: 275px;
        height: 100%;
        border-radius: 8px 0 0 8px;
    }

        .promotions-forth-banner .front a {
            display: flex;
            height: 100%;
        }

        .promotions-forth-banner .front .card-image {
            object-fit: cover;
            height: 100%;
            border-radius: 8px 0 0 8px;
        }

    .promotions-forth-banner .close-info i {
        display: none;
    }

    .promotions-forth-banner.article-cards .card-wrapper .close-info,
    .promotions-forth-banner .rotateInfo .close-info {
        position: absolute;
        right: 72px;
        bottom: 72px;
        top: auto;
        text-decoration: none;
        width: 248px;
        height: 56px;
        border-radius: 3px;
        color: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 600;
        border: 1px solid var(--white-color);
    }

    .promotions-forth-banner.article-cards.article-cards .card .read-more {
        position: absolute;
        right: 72px;
        background: var(--gradient-color-1);
        font-size: 18px;
        font-family: "Poppins";
        top: 72px;
        margin: 0
    }

    .promotions-forth-banner .close-info:after {
        content: 'T&C'
    }

    .promotions-forth-banner .rotateInfo * {
        font-family: "Poppins";
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .promotions-forth-banner .rotateInfo::-webkit-scrollbar {
        width: 3px;
    }

    .promotions-forth-banner .rotateInfo p {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .promotions-forth-banner .rotateInfo strong {
        font-family: "Poppins";
    }

    .promotions-forth-banner .rotateInfo .content {
        height: 100% !important;
    }

.rotateContent .rotateInfo {
    padding: 30px 392px 30px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .rotateContent .rotateInfo .content::-webkit-scrollbar {
        width: 3px;
    }

    .rotateContent .rotateInfo .card-title {
        padding: 10px 0 20px 0;
        font-family: "Poppins";
        font-size: 32px !important;
    }

.promotions-forth-banner .rotateInfo .read-more {
    position: absolute;
    bottom: 10px;
    right: 72px;
    width: 248px;
    height: 48px;
    background: var(--gradient-color-1);
    border-radius: 3px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0 !important;
    font-size: 18px !important;
    font-family: "Poppins" !important;
    top: 72px;
}

.promotions-forth-banner .rotateInfo .close-info {
    transform: none !important;
}

.promotions-forth-banner .rotateContent .card {
    transition-duration: 0.2s !important;
}

.select2-container--open {
    z-index: 100001;
}

.select2-container {
    display: flex;
    cursor: pointer;
    border-radius: 5px;
    background: transparent;
}

    .select2-container .selection {
        flex: 1
    }

#registrationPopup .select2-container .selection {
    appearance: none;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--border-color-7);
}

.select2-container .select2-selection--single {
    height: 46px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    outline: none;
    background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
    padding: 0 0 0 12px;
    color: var(--text-color);
    position: relative;
    text-align: left;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    right: -4px;
}


    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #555 transparent transparent transparent;
        border-width: 6px 5px 0 5px;
        left: calc(50% - 5px);
        margin-top: -4px;
    }

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
    font-size: 16px;
    position: absolute;
    right: 5px;
    line-height: 12px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #555 transparent transparent transparent;
    border-width: 6px 5px 0 5px;
}

.select2-results__option {
    font-family: "Poppins";
    font-size: 11px;
    text-align: left;
    padding: 0 0 0 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    font-family: "Poppins";
    font-size: 11px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
    font-size: 11px;
    outline: 0
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    background-color: var(--background-color-3);
}

.select2-container--focus {
    border-color: #7e7979;
}

.Menu--user ul li:nth-child(1) {
    white-space: break-spaces;
    text-align: left;
    overflow: visible;
}

.pl-name_lastname {
    font-family: "Poppins";
    line-height: 1;
}

ul.Menu--ul,
.Menu--user ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    overflow: auto;
    grid-template-areas:
        'name username'
        'name id'
        'balances balances'
        'profile profile'
        'wallet wallet'
        'deposit deposit'
        'withdrawal withdrawal'
        'messages messages'
        'history history'
        'promotions promotions'
        'change_pass change_pass'
        'sign_out sign_out';
}

    .Menu--user ul .pl-name_lastname {
        float: initial;
        grid-area: name;
        padding: 30px 15px;
    }

    .Menu--user ul .pl-username {
        padding-top: 25px;
        grid-area: username;
        border: 0;
        padding-bottom: 2px;
        margin: 0;
    }

    .Menu--user ul .pl-id {
        grid-area: id;
        border: 0;
        margin: 0;
    }

    .Menu--user ul li:nth-child(4) {
        grid-area: balances;
        padding: 22px 0;
    }

        .Menu--user ul li:nth-child(4) > div,
        .Container__Item.right-panel-open .Menu--user .Info--user > div.group-second {
            width: 100%;
        }

        .Menu--user ul li:nth-child(4) > div {
            gap: 15px;
        }

            .Menu--user ul li:nth-child(4) > div > span:nth-child(odd) {
                text-align: right;
                padding: 5px 0;
                letter-spacing: normal;
                font-weight: 300;
                color: var(--text-color-3)
            }

            .Menu--user ul li:nth-child(4) > div > span:nth-child(even) {
                padding: 5px 0;
                font-weight: 300;
                color: var(--white-color);
            }

.Menu--user {
    border: 0;
}

    .Menu--user ul li a, .Container__Item.right-panel-open .Menu--user li.list-menu a {
        font-family: "Poppins";
    }

    .Menu--user ul li:nth-child(4) > div > span {
        flex: 1 1 50%;
    }


    .Menu--user ul .pl-profile {
        grid-area: profile;
    }

    .Menu--user ul .pl-wallet {
        grid-area: wallet;
    }

    .Menu--user ul .pl-deposit {
        grid-area: deposit;
    }

    .Menu--user ul .pl-withdraw {
        grid-area: withdrawal;
    }

    .Menu--user ul .pl-messages {
        grid-area: messages;
        position: relative;
    }


        .Menu--user ul .pl-messages .msg--count {
            height: 24px;
            min-width: 24px;
            margin-left: 18px;
            border: 1px solid var(--yellow-color);
            font-size: 12px;
            border-radius: 14px;
            color: var(--yellow-color);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2px;
            box-sizing: border-box;
        }

#msg-row:hover .msg--count {
    background-color: var(--blue-color-2);
    border: none;
    color: var(--white-color);
}

.Menu--user ul .pl-history {
    grid-area: history;
}

.Menu--user ul .pl-promotions {
    grid-area: promotions;
}

.Widget--user .Menu--user ul .change_pass {
    grid-area: change_pass;
}

.Menu--user ul .sign_out {
    grid-area: sign_out;
}

.modal-dialog .form-group label {
    margin-bottom: 0px;
}

.form-control, .modal-sub-body.identifications .input_name {
    height: 35px;
    border: 1px solid var(--border-color-7);
    border-radius: 8px;
    background: transparent;
    color: var(--text-color-2);
}

#paymentsystem .form-control.input-amount.disabled {
    border-color: var(--error-color);
}

select option {
    background-color: var(--background-color-3);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--background-color-3) inset !important;
    -webkit-text-fill-color: var(--white-color);
    transition: background-color 5000s ease-in-out 0s;
}

input[type="text"], textarea {
    background-color: var(--background-color-3);
}

.modal-sub-body .inner-block .row {
    margin: 0 -12px;
    display: flex;
}

.modal-sub-body .row > form {
    width: 100%;
}

.modal-sub-body [class*="col-"] {
    padding: 0 12px;
}

.modal-footer .btn-save {
    width: 120px;
    height: 40px;
}

.contact-us-2-wrapper {
    position: relative;
    padding-bottom: 87px;
}

.profile__msg--success, .profile__msg--error {
    font-family: "Poppins";
    font-size: 14px;
    color: var(--white-color);
    text-align: left;
    padding: 0 40px;
}

#profilePopup .profile__msg--success {
    white-space: nowrap;
}

.PaymentPage {
    background-color: var(--white-color);
    padding: 20px;
}

.PaymentPage__Result .btn {
    background: var(--gradient-color-1);
    border-radius: 20px;
}

.message-content .message-text::-webkit-scrollbar {
    width: 6px;
}

.message-content .message-text::-webkit-scrollbar-thumb {
    background-color: var(--border-color-3) !important;
    border: 0;
}

    .message-content .message-text::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.table--scrollable {
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.table--scrollable__thead {
    display: flex;
    flex-direction: column;
    background-color: var(--backdrop-color);
    min-height: 32px;
    padding: 3px 16px;
}

.table--scrollable__tr {
    display: flex;
    flex-direction: row;
}

.table--scrollable__th {
    flex: 1;
    display: flex;
    flex-direction: row;
    font-family: "Poppins";
    padding: 5px;
    font-size: 12px;
    color: var(--border-color-2);
}


.table--scrollable__tbody .table--scrollable__td {
    flex: 1;
    display: flex;
    flex-direction: row;
    font-family: "Poppins";
    color: var(--text-color);
    padding: 9px 5px;
    font-size: 12px;
    align-items: center;
}

.history-badge, .modal--game-history .wallet-table .table--scrollable__tr .table--scrollable__th:nth-of-type(3) {
    flex: .5 !important;
}

    .history-badge + .table--scrollable__td, .modal--game-history .wallet-table .table--scrollable__tr .table--scrollable__th:nth-of-type(4) {
        flex: 1.5;
    }

.table--scrollable__tbody .table--scrollable__tr {
    display: flex;
    flex-direction: row;
}

.table--scrollable__tbody .table--scrollable__tr {
    background-color: var(--background-color-7);
    margin-bottom: 6px;
    padding: 1.4px 16px;
}

.modal--wallet .ajax-result {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wallet-title {
    padding: 5px;
    text-transform: capitalize;
    color: var(--border-color-3);
    font-weight: 600;
    font-size: 16px;
    font-family: "Poppins";
    text-align: left;
}

.space--spare {
    width: 100%;
    margin-bottom: 20px;
}

.modal--wallet .modal-sub-body {
    height: calc(100% - 75px) !important;
}

.modal--wallet .wallet--cash {
    height: 160px;
}

.modal--wallet .wallet--bonus {
    height: calc(100% - 160px);
    overflow-y: auto;
    scroll-behavior: smooth;
}

    .modal--wallet .wallet--bonus .wallet-title {
        height: 34px;
        width: 100%;
        left: 0;
        top: 0;
    }

.wallet--bonus .table--scrollable__thead {
    width: 100%;
    left: 0;
    height: 27px;
}

.modal--wallet .wallet--bonus::-webkit-scrollbar-thumb {
    background-color: var(--border-color-3) !important;
    border: 0;
}

.modal--wallet .wallet--bonus::-webkit-scrollbar {
    width: 6px;
}

.wallet-title + .table--scrollable__thead {
    margin: 5px;
}

.modal--withdrawal .ajax-request,
.modal--deposit .ajax-result {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1;
}

.modal--withdrawal .options--withdrawal,
.modal--deposit .options--deposit {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

    .modal--withdrawal .options--withdrawal.height--fixed,
    .modal--deposit .options--deposit.height--fixed {
        height: calc(100% - 114px);
    }

    .modal--withdrawal .options--withdrawal::-webkit-scrollbar-thumb,
    .modal--deposit .options--deposit::-webkit-scrollbar-thumb {
        background-color: var(--border-color-2) !important;
        border: 0;
    }

    .modal--withdrawal .options--withdrawal::-webkit-scrollbar,
    .modal--deposit .options--deposit::-webkit-scrollbar {
        width: 6px;
    }

.modal--game-history .table--scrollable,
.modal--payments-history .table--scrollable {
    padding: 0;
    height: 100%;
    position: relative;
}

.modal--game-history .modal-sub-body .filters--date,
.modal--payments-history .modal-sub-body .filters--date {
    height: 81px;
}

.modal--game-history .modal-sub-body .ajax-result,
.modal--payments-history .modal-sub-body .ajax-result {
    flex-grow: 1;
    flex-direction: column;
    height: 100%;
}

    .modal--game-history .modal-sub-body .ajax-result > .col-xs-12,
    .modal--payments-history .modal-sub-body .ajax-result > .col-xs-12 {
        height: 100%;
    }

.modal--game-history .table--scrollable .table--scrollable__thead,
.modal--payments-history .table--scrollable .table--scrollable__thead {
    height: 27px;
    position: absolute;
    width: 100%;
}

.modal--game-history .table--scrollable .table--scrollable__tbody,
.modal--payments-history .table--scrollable .table--scrollable__tbody {
    height: 100%;
    margin-top: 27px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.modal--game-history .modal-footer,
.modal--payments-history .modal-footer {
    padding-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal--game-history .table--scrollable .table--scrollable__tbody::-webkit-scrollbar-thumb,
.modal--payments-history .table--scrollable .table--scrollable__tbody::-webkit-scrollbar-thumb {
    background-color: var(--border-color-3) !important;
    border: 0;
}

.modal--game-history .table--scrollable .table--scrollable__tbody::-webkit-scrollbar,
.modal--payments-history .table--scrollable .table--scrollable__tbody::-webkit-scrollbar {
    width: 6px;
}

.modal--game-history .modal-sub-body,
.modal--payments-history .modal-sub-body {
    height: calc(100% - 156px) !important;
}

.l-7-ch {
    white-space: nowrap;
    flex-basis: 7ch !important;
    width: 7ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.l-6-ch {
    white-space: nowrap;
    flex-basis: 6ch !important;
    width: 6ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.l-16-ch {
    white-space: nowrap;
    flex-basis: 16ch !important;
    width: 16ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.l-18-ch {
    white-space: nowrap;
    flex-basis: 18ch !important;
    width: 18ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.l-20-ch {
    white-space: nowrap;
    flex-basis: 20ch !important;
    width: 20ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.l-8-ch {
    white-space: nowrap;
    flex-basis: 8ch !important;
    width: 8ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

.break-spaces {
    white-space: break-spaces;
}

.text-left {
    text-align: left;
}

.Wrapper--Single.Header--secondary.left-panel_group .js-route.Sections__Item:before {
    content: none;
}

.Wrapper--Single.Header--secondary.left-panel_group::-webkit-scrollbar-thumb {
    background-color: var(--border-color-3) !important;
    border: 0;
    border-radius: 0;
}

.Wrapper--Single.Header--secondary.left-panel_group::-webkit-scrollbar {
    width: 6px;
}

.Wrapper--Single.Header--secondary.left-panel_group {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 48px !important;
    width: 390px;
    padding-left: 35px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    overflow-y: auto
}

.header-banner.home_banner .home_banner_widget .Item a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .header-banner.home_banner .home_banner_widget .Item a img {
        min-height: 100%;
    }

/* DESKTOP: MODAL PERSONAL DETAILS */
.modal-sub-body.personal-details .row form {
    display: flex;
}

    .modal-sub-body.personal-details .row form > input {
        display: none;
    }

    .modal-sub-body.personal-details .row form > .col-xs-4 {
        flex: 1;
    }

    .modal-sub-body.personal-details .row form > .col-xs-8 {
        flex: 2;
    }

.ajax-result .scrollable .bonus-table,
.modal--payments-history .table--scrollable,
.modal--game-history .table--scrollable,
.modal--balance-history .table--scrollable {
    min-width: 740px;
}

.ajax-result .col-xs-12, .ajax-result .col-md-12 {
    overflow-x: auto;
}

body.mobile #profilePopup .ajax-result .col-xs-12 {
    overflow-y: hidden;
}

body:not(.mobile) .modal-dialog.modal--payments-history .ajax-result .col-md-12 {
    overflow-y: hidden;
}

.ajax-result .scrollable {
    overflow-x: auto;
}

.casino-game-list-item .product-wrapper:not(.hero) {
    margin-top: 3px;
}

.transaction-row.loading:after {
    left: auto !important;
    top: auto !important;
}

.withdrawalmessage-success,
.depositmessage-success {
    font-family: "Poppins";
    font-size: 14px;
    color: var(--yellow-color);
    text-align: left;
}

.withdrawalmessage-error,
.depositmessage-error {
    font-family: "Poppins";
    font-size: 14px;
    color: var(--error-color);
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: "Poppins";
    font-size: 14px;
}

body.mobile [class^='modal-body player-bonus-type-'] .bonus-table {
    min-width: 630px;
}

body.mobile .modal-body.player-bonus-type-2 .bonus-table {
    min-width: 750px;
}

#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-title-row * {
    text-align: left;
}
/* 
#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-title-row > :last-child {
    text-align: right;
} */

#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-table-body .bonus-title {
    text-overflow: ellipsis;
    white-space: normal;
}

#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-table-body .bonus-order {
    text-align: right;
}

#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-table-body .bonus-body-row-title > * {
    margin-right: 10px;
}

.btn--downgrade.btn-danger,
.btn--downgrade.btn-danger:active:hover {
    background-color: var(--yellow-color);
    border-color: var(--yellow-color);
}

.btn--upgrade.btn-success {
    background-color: var(--blue-color);
    border-color: var(--blue-color);
}

.bonus-table-body [class*='player-bonus-type'] .bonus-body-row-body,
.bonus-table-body [class*='player-bonus-type'] .bonus-body-row-body * {
    text-align: left;
}

.Widget--user a {
    pointer-events: none;
}

.bonus-partial-footer {
    opacity: 0;
}

body #registrationPopup .modal-dialog {
    max-width: 400px;
    width: 100%;
}

body:not(.mobile) #registrationPopup .modal-dialog {
    margin: 6% auto auto !important;
}

body:not(.mobile).LoggedIn .modal.show .modal-dialog {
    margin: 6% auto auto !important;
}

body:not(.mobile) #loginPopup .modal-dialog, body:not(.mobile) #forgotPasswordPopup .modal-dialog,
body:not(.mobile) #changePasswordPopup .modal-dialog,
body:not(.mobile) #verificationPopup .modal-dialog {
    margin: 12% auto auto !important;
}

#registrationPopup .modal-dialog .form-group label:not(.checkboxes) {
    visibility: hidden;
}

#dateOfBirth-error {
    visibility: visible !important;
}

#verificationPopup {
    color: var(--white-color);
}

    /* #verificationPopup .modal-body{
    padding: 22px;
    justify-content: center;
} */

    #verificationPopup .modal-dialog {
        max-width: 400px;
    }

    #verificationPopup .modal-title-text {
        /* height: 100%; */
        display: inline-flex;
        /* align-items: end; */
    }

#registrationPopup .modal-dialog .form-group input::placeholder {
    color: var(--text-color);
    font-size: 18px !important;
}

#registrationPopup .modal-body {
    position: relative;
    padding: 71px 40px 40px 40px;
    height: 100%;
}

.on-page-2 ~ .modal-body {
    padding: 44px 40px 40px 40px !important;
}

#registrationPopup .form-control:not(#Captcha) {
    padding: 5px 0;
    height: 46px;
}

#registrationPopup .select2-selection__placeholder {
    font-size: 18px;
    color: var(--text-color);
}

#registrationPopup .modal-dialog .form-group select,
#registrationPopup .modal-dialog .form-group input {
    font-size: 18px !important;
}

    #registrationPopup .modal-dialog .form-group select option[value=""] {
        color: var(--white-color) !important;
    }

#registrationPopup .select2-container .select2-selection--single,
#registrationPopup .modal-dialog .form-group select,
#registrationPopup .modal-dialog .form-group input {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #99959b;
    box-shadow: none;
    background-color: var(--background-color-3);
    color: var(--text-color) !important;
}

.input-validation-error,
#cityDropdownId.col-md-12:not(.input-validation-error) .input-validation-error ~ .select2-container:not(.select2-container--below) .select2-selection.select2-selection--single,
#cityDropdownId.input-validation-error .select2-container .select2-selection.select2-selection--single {
    border-color: var(--error-color) !important;
}

#registrationPopup .modal-dialog .form-group select {
    appearance: none;
    position: relative;
    background-image: url("../../bet20gamebettingsa/image/drop-down.svg");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

#registrationPopup .modal-dialog .wrapper--country {
    width: 50%;
}

    #registrationPopup .modal-dialog .wrapper--country + .col-md-4 {
        width: 50%;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    padding: 0;
}

#profilePopup #cityDropdownId .select2-container--default .select2-selection--single .select2-selection__rendered, #profilePopup .select2-results__option[aria-selected] {
    max-width: 100px;
    padding: 4px;
    color: var(--white-color);
    font-size: 12px;
    white-space: nowrap;
}

#profilePopup .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--background-color-8);
    font-size: 11px;
    white-space: wrap;
}

.province > label {
    margin: 0;
}

    .province > label ~ .form-control {
        color: var(--white-color);
    }

#registrationPopup .select2-container--default .select2-selection--single .select2-selection__arrow b {
    content: "";
    border: 0 !important;
    background-image: url("../../bet20gamebettingsa/image/drop-down.svg");
    width: 15px;
    height: 8px;
}

#registrationPopup .modal-dialog .captcha-loader {
    width: 128px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #99959B;
    border-radius: 3px;
}

#registrationPopup .modal-dialog .row.section--captcha {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    column-gap: 16px;
}

    #registrationPopup .modal-dialog .row.section--captcha:before {
        display: none;
    }

    #registrationPopup .modal-dialog .row.section--captcha > * {
        flex: 1;
    }

    #registrationPopup .modal-dialog .row.section--captcha > .captcha-loader {
        max-width: 120px;
        flex-basis: 120px;
        box-sizing: border-box;
        padding: 0;
    }

    #registrationPopup .modal-dialog .row.section--captcha > .wrapper_input--captcha {
        max-width: 112px;
        flex-basis: 112px;
    }

        #registrationPopup .modal-dialog .row.section--captcha > .wrapper_input--captcha input {
            border: 1px solid #99959b;
            border-radius: 3px;
            height: 48px;
        }

            #registrationPopup .modal-dialog .row.section--captcha > .wrapper_input--captcha input::placeholder {
                text-align: center;
            }

    #registrationPopup .modal-dialog .row.section--captcha > .btn--reload--captcha {
        padding: 0;
    }

.captcha-refresh {
    display: flex;
    width: 48px;
    height: 48px;
    text-decoration: none;
    cursor: pointer;
    transition: background;
    border: 1px solid var(--brand-color);
    border-radius: 24px;
    margin: 0 auto;
}

#forgotPasswordPopup .captcha-refresh {
    margin-left: 16px
}

#registrationPopup .modal-dialog .row.section--captcha .col-xs-6 {
    padding: 0 !important;
}

#registrationPopup .modal-dialog .row.section--captcha .col-xs-12 {
    flex-basis: 100%;
    padding: 0;
}

#registrationPopup .modal-dialog .captcha-loader img {
    border: 0;
}

#registrationPopup .modal-dialog label[for="Captcha"] {
    width: 100%;
    visibility: visible !important;
    margin-top: 32px;
    text-align: left;
    padding: 0;
}

.captcha-refresh i {
    line-height: 48px;
    display: flex;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    margin: 0;
}

    .captcha-refresh i:before {
        display: flex;
        width: 100%;
        font-size: 32px;
        color: var(--brand-color);
        align-items: center;
        justify-content: center;
    }

#registerContainerHeader {
    position: relative;
    min-height: 72px;
    box-sizing: border-box;
    border-bottom-width: 2px;
}

    #registerContainerHeader .modal-title-text.page-header-3 {
        left: 40px;
        font-size: 16px;
        position: absolute;
        top: 22px;
        text-transform: capitalize;
        font-family: "Poppins";
        visibility: hidden;
    }

    #registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper {
        width: 200px;
        height: 40px;
        transform: translate(-50%, 0);
    }

#registrationPopup .modal-title-text {
    color: var(--white-color);
    position: absolute;
    left: 50%;
    top: 90px;
}

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-1 {
    position: relative;
}

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-1 {
    height: 40px;
    width: 40px;
    background-color: var(--blue-color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    #registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-1:after {
        content: "";
        position: absolute;
        background-color: var(--blue-color);
        z-index: 1;
        height: 16px;
        width: 76px;
        left: 30px;
        border-radius: 0 8px 8px 0;
    }

    #registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-1:before {
        content: "1";
        color: var(--white-color);
        font-size: 24px;
        font-family: "Poppins";
        font-weight: 600;
    }

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2 {
    height: 40px;
    width: 40px;
    border: 3px solid var(--blue-color);
    background-color: var(--background-color-3);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#registerContainerHeader.on-page-2 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2 {
    background-color: var(--blue-color);
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2 {
    height: 40px;
    width: 40px;
    border: 3px solid var(--blue-color);
    background-color: var(--white-color);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}

#registerContainerHeader.on-page-2 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2 {
    background-color: var(--blue-color);
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2 {
    background-color: var(--blue-color);
}

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:before {
    content: "2";
    color: var(--blue-color);
    font-size: 24px;
    font-family: "Poppins";
    font-weight: 600;
}

#registerContainerHeader.on-page-2 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:before {
    color: var(--white-color);
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:before {
    color: var(--white-color);
}

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:after {
    content: "";
    position: absolute;
    background-color: var(--border-color-4);
    z-index: -1;
    height: 16px;
    width: 100px;
    right: 20px;
    border-radius: 8px;
}

#registerContainerHeader.on-page-2 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:after {
    background-color: var(--blue-color);
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-2:after {
    background-color: var(--blue-color);
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-3:after {
    content: "";
    position: absolute;
    background-color: var(--blue-color);
    z-index: -1;
    height: 16px;
    width: 150px;
    right: 20px;
    border-radius: 8px;
}

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-3 {
    height: 40px;
    width: 40px;
    background-color: var(--blue-color);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper .registr-steps-container .step-3:before {
        content: "3";
        color: var(--white-color);
        font-size: 24px;
        font-family: "Poppins";
    }

#registerContainerHeader.on-page-3 .modal-title-text.page-header-1 .steps-wrapper {
    min-width: 320px;
}

#registrationPopup .modal-dialog .registration.page-2 > .form-group:first-child > .row:before {
    display: none;
}

#registrationPopup .modal-dialog .registration.page-2 > .form-group:first-child > .row > .col-xs-6 {
    padding: 0;
    width: 100%;
}

#registrationPopup .modal-dialog .registration.page-2 > .form-group:first-child > .row:first-child {
    margin: 0;
}

.registration.page-2 #Day, .registration.page-2 #Month, .registration.page-2 #Year {
    height: 46px;
    flex: 1;
    outline: none;
    cursor: pointer;
    padding-right: 17px !important;
    margin: 0 2px;
}

.registration.page-2 #Day {
    flex: .4;
}

.registration.page-2 .form-group:nth-of-type(2) .row {
    display: flex;
}

    .registration.page-2 .form-group:nth-of-type(2) .row .col-xs-6:nth-of-type(1) {
        width: 35%;
    }

    .registration.page-2 .form-group:nth-of-type(2) .row .col-xs-6:nth-of-type(2) {
        padding-right: 0 !important;
        width: 58.5%;
    }

#registrationPopup .wrapper--submit {
    margin: 16px 0 0 0;
    padding: 0;
    display: flex;
    column-gap: 16px;
}

    #registrationPopup .wrapper--submit:after,
    #registrationPopup .wrapper--submit:before {
        display: none;
    }

    #registrationPopup .wrapper--submit .col-md-6 {
        padding: 0;
        margin: 0;
        text-align: right;
        flex: 1;
    }

        #registrationPopup .wrapper--submit .col-md-6:first-child {
            max-width: 128px;
            flex-basis: 128px;
        }

#registrationPopup .js-back-button {
    width: 128px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid var(--white-color) !important;
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 0;
}

#registrationPopup .js-submit-button,
#registrationPopup .wrapper--submit .js-next-button {
    margin: 0;
}

#registrationPopup .js-next-button,
#registrationPopup .js-submit-button,
#registrationPopup .js-back-button {
    font-family: "Poppins";
    color: var(--white-color);
    border: 0;
    width: 100%;
    height: 40px;
    outline: none;
    font-size: 16px;
    text-transform: uppercase;
}

#registrationPopup .js-next-button {
    margin-top: 22px;
    background: var(--gradient-color-1);
    height: 40px;
    border-radius: 3px;
    font-size: 16px;
}

#registrationPopup .modal-content {
    min-height: 660px;
}

#registrationPopup .modal-dialog .form-group label.checkboxes {
    padding-left: 28px;
}

#registrationPopup .modal-dialog .form-group.checkbox {
    margin-top: 24px;
}

#registrationPopup .modal-dialog .form-group label.checkboxes input[type="checkbox"] {
    display: none;
}

#registrationPopup .modal-dialog .form-group label.checkboxes .checkbox-body {
    height: 24px;
    position: relative;
    margin-bottom: 16px;
    line-height: 15px;
}

#registrationPopup .modal-dialog .form-group label.checkboxes .checkbox:checked + .checkbox-body:before {
    background-image: url("../../bet20gamebettingsa/image/check.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    border-color: var(--blue-color);
}

#registrationPopup .modal-dialog .form-group label.checkboxes .checkbox-body:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-color-3);
    border-radius: 4px;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    left: -30px;
}

#registrationPopup .bonus-checkbox-wrapper label:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 1px solid var(--brand-color);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
}

#registrationPopup .player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder,
#registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-placeholder {
    text-align: right;
    min-width: 75px;
}

#registrationPopup .player-bonus-type-deposit .bonus-body-row-title {
    display: grid;
    grid-template-columns: 28px 15ch 9ch 1fr 10ch 75px;
    margin-bottom: 5px;
    text-align: left;
}

#registrationPopup .player-bonus-type-registration .bonus-body-row-title {
    display: grid;
    align-items: center;
    grid-template-areas:
        "checkbox title min max days";
    grid-template-columns: 30px 1.3fr 1fr 1fr 1fr;
    /* grid-template-rows: 20px 20px; */
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    margin-bottom: 10px;
    gap: 5px;
    padding: 5px;
}

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-checkbox-wrapper {
        grid-area: checkbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-title {
        grid-area: title;
        /* display: flex; */
        /* align-items: center; */
        justify-content: center;
        /* padding-left: 10px; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-current-amount {
        grid-area: min;
        /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    }

        #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-current-amount.bonus-max-amount {
            grid-area: max;
            /* display: flex;
    align-items: center;
    justify-content: center; */
        }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-valid-days {
        grid-area: days;
        /* display: flex;
    align-items: center;
    justify-content: center; */
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-placeholder {
        grid-area: icons;
        /* display: flex;
    align-items: center;
    justify-content: center; */
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-type,
    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-current-amount {
        justify-content: center;
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title > div {
        text-align: center;
    }

    #registrationPopup .player-bonus-type-registration .bonus-body-row-title .bonus-placeholder {
        display: none !important;
    }

#registrationPopup [class*='player-bonus-type'] .bonus-body-row-title .bonus-checkbox-wrapper {
    padding: 0;
}

#registrationPopup [class*='player-bonus-type'] .bonus-body-row-title {
    border-radius: 0;
}

#registrationPopup .bonus-checkbox-wrapper label {
    margin: 0;
    padding: 0;
    position: relative;
    width: 24px;
    height: 24px;
}

#registrationPopup .player-bonus-type-deposit .bonus-body-row-title.open {
    background-color: var(--brand-color);
    border: 0;
}

#registrationPopup .bonus-body-row-title.open {
    background-color: var(--yellow-color);
    border: 0;
}

    #registrationPopup .bonus-body-row-title.open > div {
        color: var(--black-color);
        font-weight: 500;
    }

#registrationPopup .bonus-checkbox-wrapper input[type='checkbox']:checked + label:before {
    content: '';
    border: 0 !important;
    background-image: url("../../bet20gamebettingsa/image/check.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    width: 24px;
    transform: none;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

#registrationPopup .row.bottom--fixed {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 40px;
    bottom: 40px;
    display: flex;
    column-gap: 16px;
}

    #registrationPopup .row.bottom--fixed:before,
    #registrationPopup .row.bottom--fixed:after {
        display: none;
    }

    #registrationPopup .row.bottom--fixed .col-md-6 {
        padding: 0;
        flex: 1;
    }

        #registrationPopup .row.bottom--fixed .col-md-6:first-child {
            max-width: 128px;
        }

#registrationPopup .row.wrapper--flex {
    display: flex;
}

    #registrationPopup .row.wrapper--flex:after,
    #registrationPopup .row.wrapper--flex:before {
        display: none;
    }

#registrationPopup .col-md-8.wrapper--country {
    width: 176px;
    min-width: 176px;
}

#registrationPopup #cityDropdownId {
    max-width: 176px;
    width: 100%;
}

    #registrationPopup #cityDropdownId .select2-container .select2-selection--single,
    #registrationPopup #cityDropdownId .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 46px;
    }

#registrationPopup .col-xs-4.captcha-loader .form-group,
#registrationPopup .codeMobilePassportSection + .form-group {
    margin-bottom: 0;
}

.eye-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../../bet20gamebettingsa/image/eye.svg");
    background-repeat: no-repeat;
    position: absolute;
    left: auto;
    right: 10px !important;
    top: 50%;
    opacity: 0.5;
    cursor: pointer;
}

#changepassform .eye-icon {
    top: 30px;
}

.eye-icon.active {
    opacity: 1;
}

#loginPopup .password-group, #changePasswordPopup .form-group {
    position: relative;
}

.password_input {
    position: relative;
    display: block;
}

#registrationPopup .modal-content .close span {
    padding: 6px 20px 0;
}

body.mobile #registrationPopup .form-control[name="dateOfBirth"] {
    min-width: calc(100% - 20px) !important;
    padding: 0;
    box-sizing: border-box;
}

#registrationPopup .form-control[name="dateOfBirth"]::-webkit-date-and-time-value {
    text-align: left;
    padding: 0;
}

#registrationPopup .row.wrapper--gender--dob {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

    #registrationPopup .row.wrapper--gender--dob:before,
    #registrationPopup .row.wrapper--gender--dob:after {
        display: none;
    }

#registrationPopup select.form-control.placeholder {
    color: var(--text-color);
}

.form-group .col-sm-6 {
    padding-right: 0;
}

.required-field {
    display: none;
}

.btn-warning {
    background-color: var(--yellow-color-2);
    color: var(--backdrop-color);
    border-color: var(--yellow-color);
}

    .btn-warning:hover {
        background-color: var(--yellow-color);
        border-color: var(--yellow-color);
        color: var(--backdrop-color);
    }

.home-sliding-banners .carousel-cell:not(:nth-child(1)) {
    display: none;
}

.home-sliding-banners .slick-track .carousel-cell {
    display: block !important;
}

.Wrapper--Single.footer-logo .st1, .Wrapper--Single.footer-logo .st0 {
    fill: var(--white-color);
}

.Wrapper--Single.footer-logo #spinthon-ico .st1 {
    fill: #6D6D6D;
}

.Wrapper--Single.footer-logo #ka-gaming-ico .st0 {
    fill: none;
}

/* -------------------------------------------------------------------------------------Game placeholders----------------------------------------------------------------- */
.game-list-slidable.placeholder .casino-game-list.casino-game-list-item .casino-categories .product-wrapper {
    width: 103%;
    padding-right: 0;
    display: flex;
    position: relative;
}

.game-list-slidable.placeholder .casino-game-list.casino-game-list-item .casino-categories:nth-child(3) .product-wrapper,
.game-list-slidable.placeholder .casino-game-list.casino-game-list-item .casino-categories:nth-child(4) .product-wrapper {
    width: 105%;
}

.game-list-slidable.placeholder .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories {
    padding-right: 0;
}

.game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
    margin-right: 8px !important;
}

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:last-child {
        margin-right: 0px !important;
    }

.game-list-slidable.placeholder .casino-categories:nth-child(3) article,
.game-list-slidable.placeholder .casino-categories:nth-child(4) article {
    display: none;
}

    .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(1), .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(2),
    .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(3), .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(4),
    .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(5), .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(6),
    .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(7), .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(8),
    .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(9), .game-list-slidable.placeholder .casino-categories:nth-child(3) article:nth-child(10),
    .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(1), .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(2),
    .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(3), .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(4),
    .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(5), .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(6),
    .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(7), .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(8),
    .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(9), .game-list-slidable.placeholder .casino-categories:nth-child(4) article:nth-child(10) {
        display: block;
    }

.game-list-slidable.placeholder .casino-categories article .product-thumb {
    width: 100% !important;
}

/* ----------------------------------------------------------------------------------------------Freespin Games-------------------------------------------------------------- */

.freespin-gamescontainer {
    display: flex;
    flex-direction: column;
}

.freespin-games {
    display: flex;
    align-items: center;
    flex: 1;
    border-radius: 4px;
}

.freespin-game .Item {
    display: flex;
    align-items: center;
}

.no-wrap.table--scrollable__th.games-info-titles {
    padding: 0;
    display: flex;
}

.freespin-games > div:not(.freespin-game), .freespin-game .Item > *, .games-info-titles .table--scrollable__th {
    margin: 10px;
    flex: 1;
    padding: 0;
}

.freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
    flex: 2;
}

    .freespin-game .Item .product-name, .player-bonus-type-1 .games-info-titles .name,
    .registration.page-3 .games-info-titles .name {
        max-width: 120px;
    }

    .games-info-titles .name, .freespin-game .Item .product-name {
        min-width: 80px;
    }

.games-box .play-now.btn {
    padding: 0 !important;
    background-color: unset !important;
    background-image: unset !important;
}

.games-box .btn a {
    display: block;
    width: 100%;
    padding: 8px 36px !important;
    color: var(--white-color) !important;
    background: transparent;
    text-align: center;
}

.games-box .dont-pl-btn {
    background-color: grey !important;
    cursor: not-allowed;
    padding: 8px 0px !important;
    margin: 10px 25px !important;
    color: black !important;
}

.freespin-game .Item .product-vendore-img, .games-info-titles .brand {
    min-width: 40px;
    max-width: 40px;
}

.freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game {
    max-width: 100px;
    min-width: 100px;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
    margin: 10px 25px;
}

.games-box .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 25px;
}

.player-bonus-type-2 .freespin-game, .player-bonus-type-2 .no-wrap.table--scrollable__th.games-info-titles {
    flex: 1;
}

    .player-bonus-type-2 .freespin-game .Item .product-name, .player-bonus-type-2 .games-info-titles .table--scrollable__th.name {
        max-width: 200px;
        min-width: 100px;
    }

body.mobile [class*='player-bonus-type']:not(.player-bonus-type-deposit) .bonus-body-row-title .bonus-placeholder {
    display: none;
}

.registration.page-3 .registration-sub-nav {
    display: flex;
    color: white;
}

    .registration.page-3 .registration-sub-nav li {
        margin: 10px 5px;
        /* background-color: var(--background-color-10) !important; */
        border-radius: 0px !important;
        cursor: pointer;
    }

.registration.page-3 .bonus-body-row-title {
    margin: 10px 0px;
    padding: 10px 20px 10px 10px;
}

.registration.page-3 .bonus-current-amount.bonus-max-amount, .registration.page-3 .bonus-body-row-header div:nth-child(4),
.registration.page-3 .bonus-valid-days, .registration.page-3 .bonus-body-row-header div:nth-child(5) {
    flex: .5 !important;
}

body:not(.mobile) .registration.page-3 .player-bonus-type-registration {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.registration.page-3 .freespin-games > div:not(.freespin-game), .registration.page-3 .freespin-game .Item > *,
.registration.page-3 .games-info-titles .table--scrollable__th {
    margin: 10px 5px;
}

.registration.page-3 .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 5px;
}

.registration.page-3 .freespin-games .Item img:not(.product-vendore-img),
.registration.page-3 .games-info-titles .game {
    max-width: 60px;
    min-width: 60px;
}

#registrationPopup .player-bonus-type-registration.freespins .bonus-body-row-title, #registrationPopup .bonus-body-row-header.freespins {
    grid-template-columns: 30px 1.3fr 1fr 1fr;
}

    #registrationPopup .player-bonus-type-registration.freespins .bonus-body-row-title .bonus-valid-days {
        grid-area: unset;
    }

.registration.page-3 .player-bonus-type-registration .bonus-body-row-title.selected ~ [id^=bonus-content-] {
    overflow: auto;
}

.player-bonus-type-2 .freespin-gamescontainer, .games-box .table--scrollable__tr, .freespin-gamescontainer {
    min-width: 640px;
}

.registration.page-3 .freespin-games > div.spin-count, .registration.page-3 .table--scrollable__tr > .table--scrollable__th.spin-count {
    flex: .5;
}

.player-bonus-type-2 .games-box {
    overflow: auto;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-2 .games-info-titles {
    flex: 1;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-2 .games-box .table--scrollable__tr,
.modal-dialog.modal--promotions-freespins .player-bonus-type-2 .games-box .freespin-gamescontainer {
    min-width: 640px;
    width:100%;
}

.mobile .modal--promotions-freespins .bonus-placeholder {
    display: none !important;
}

/* ERROR PAGE */

.error-page h2#sub-header {
    display: none;
}

.error-page h3#sub-header {
    margin: 0;
}

.not-found {
    display: block;
    width: 100vw;
    height: 100vh;
    background: url(../../bet20gamebettingsa/image/page_not_found.webp) no-repeat;
    background-size: cover;
    font-size: 0px;
}

.restrictedservices-content {
    display: block;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../bet20gamebettingsa/image/va-restrictedservices-desktop.png);
}

.inner-content.error-page {
    padding: 0;
}

body {
    margin: 0;
}

/* free spin tab */
.freespins-filter-wrapper {
    width: 100%;
    margin-bottom: 16px;
    display: none;
    justify-content: center;
    margin-top: 10px;
}

    .freespins-filter-wrapper ul {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        max-width:820px;
        width:100%;
    }

    .freespins-filter-wrapper ul li {
        text-align: center;
        border-bottom: 2px solid #8F8F8F;
        flex:1;
    }
        .freespins-filter-wrapper ul li a {
            color: #CECECE;
            font-size: 18px;
        }

        .freespins-filter-wrapper ul li.active {
            border-bottom: 2px solid #FFB52A;
        }

        .freespins-filter-wrapper ul li.active a {
            color: #FFFFFF;
        }

.no-freespins {
    background-image: url("../../bet20gamebettingsa/image/va-no-free-spin.png");
    width: auto;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    background-size: contain;
    background-position: center;
    height:160px;
    margin:50px 0;
}

.product-wrapper.free-spin-disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.2;
}