@font-face {
    font-family: 'biko-black';
    src: url('/Content/fonts/Biko_Black.otf');
}

@font-face {
    font-family: 'biko-regular';
    src: url('/Content/fonts/Biko_Regular.otf');
}

:root {
    --main-color: #ffb400;
    --red-color: #dc3545;
    --green-color: #13b153;
}

body {
    background: #14181f;
    color: #83858a;
}

input {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: solid 1px #282e3a;
    padding: 6px 15px;
    outline: none;
    background: #1b1f28;
    color: #cfd6e6;
}

    input:disabled {
        opacity: .6;
    }

    input.light-border,
    select.light-border,
    button.light-border {
        border: solid 1px #434d67;
    }

.color-green {
    color: var(--green-color);
}

.color-red {
    color: var(--red-color);
}

select {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: solid 1px #282e3a;
    padding: 6px 15px;
    outline: none;
    background: #1b1f28;
    color: #cfd6e6;
}

.grecaptcha-badge {
    visibility: hidden;
}

textarea {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    border: solid 1px #282e3a;
    padding: 6px 15px;
    outline: none;
    background: #1b1f28;
    color: #cfd6e6;
}

.w-15 {
    width: 15% !important;
}

.w-35 {
    width: 35% !important;
}

.w-65 {
    width: 65% !important;
}

.clear {
    clear: both;
}

.background-transparent {
    background: transparent !important;
}

select.background-transparent option {
    background: #282e3e !important;
}

.text-primary {
    color: #ffb400 !important;
}

.text-montserrat-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.btn-dropdown-toggle {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: solid 1px #282e3a;
    padding: 6px 15px;
    color: #7a849c;
    outline: none !important;
    text-align: left;
    background: #1b1f28;
}

    .btn-dropdown-toggle:hover {
        color: #fff;
    }

    .btn-dropdown-toggle::after {
        margin-top: 10px;
        float: right;
    }

.cursor-pointer {
    cursor: pointer;
}

header {
    background: #0d0f14;
    height: 100px;
    position: relative;
    z-index: 25;
}

.header-container {
    top: 0;
    transition: transform 0.5s ease-in-out;
}

.header-container.header-scroll {
    width: 100%;
    position: sticky;
    left: 0;
    z-index: 25;
    opacity: 0;
    
}

.header-container.header-scroll.flippanel-hidded {
    top: -30px;
}

.opacity-1 {
    animation: fadeInOpacity 0.5s ease-out forwards;
}

.opacity-0 {
    animation: fadeOut 0.5s ease-out forwards;
}


@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.error2 {
    font-size: 13px;
    color: #d8281b;
}

.container {
    max-width: 1250px;
}

.header-table {
    /*table-layout: fixed; 
    width: 100%;        
    display: table;*/
}

    .header-table td {
        vertical-align: top;
    }

        .header-table td.header-table-1 {
            width: calc(100% - 100px);
        }

.header-table-2 {
    /*width: 139px;*/
    position: absolute;
    left: calc(50% - 85px);
    width: 170px;
    z-index: 2;
}

.header-table-3 {
    width: calc(100% - 100px);
}

.header-table .main-logo-3 {
    display: none;
}

.header-table .user-navigation-user-buttons {
    display: none;
}

.header-table.unauthorized .user-navigation-user-buttons {
    display: inline-block;
}

    .header-table.unauthorized .user-navigation-user-buttons button {
        display: inline-block;
    }

.header-table.unauthorized .user-navigation-user-panel {
    display: none;
}

.user-navigation-msg-count, .user-navigation-notification-count {
    background: red;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 10px;
    width: 17px;
    height: 17px;
    position: absolute;
    margin-top: -29px;
    margin-left: 22px;
    padding: 2px 0;
    font-weight: bold;
    display: none;
    align-items: center;
    justify-content: center;
}

.user-navigation-menu {
    min-width: 368px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3px;
    padding: 12px 15px;
    align-items: center;
}

    .user-navigation-menu:first-child {
        border-bottom: 1px solid #272d37;
    }

    .user-navigation-menu .dropdown-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        color: white;
        font-family: 'Montserrat', sans-serif;
        padding: 0;
    }

        .user-navigation-menu .dropdown-item:hover {
            color: #ffaa2c;
        }

    .user-navigation-menu span {
        display: block;
        white-space: break-spaces;
        text-align: center;
        line-height: 10.5pt;
        padding-top: 6px;
    }

    .user-navigation-menu i {
        font-size: 32px;
        color: var(--main-color);
    }

.user-navigation-user-btn-group .btn-group.show .btnGroupDropName {
    color: #fff;
    background: #1b1f28;
}

.user-navigation-menu-active-bonus {
    border-top: 1px solid #272d37;
    padding: 13px 0 11px;
}

.user-navigation-menu-active-bonus-header {
    color: #ffaa2c;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    text-align: center;
}

.user-navigation-menu-active-bonus-content-name {
    color: #7a849c;
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    text-align: center;
    padding-bottom: 8px;
}

.user-navigation-options__dropdown-menu {
    padding: 0 12px;
}

    .user-navigation-options__dropdown-menu .progress {
        height: 18px;
        background-color: transparent;
        border: 1px solid #ffaa2c;
        border-radius: 9px;
    }

    .user-navigation-options__dropdown-menu .progress-bar {
        background-color: #ffaa2c;
    }

.user-navigation-menu-security {
    color: #7a849c;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 15px;
    padding: 9px 20px 4px;
    background-color: #13171b;
}

    .user-navigation-menu-security .switch {
        width: 82px;
    }

    .user-navigation-menu-security .slider {
        width: 82px;
        height: 30px;
        background-color: transparent;
        border-radius: 18px;
        border: 1px solid #ffaa2c;
        display: flex;
        align-items: center;
        justify-content: end;
    }

        .user-navigation-menu-security .slider:before {
            width: 28px;
            height: 28px;
            background-color: #ffaa2c;
            left: 0;
            bottom: 0;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .user-navigation-menu-security .slider span {
            font-size: 12px;
            color: #ffb400;
            width: calc(100% - 24px);
            text-align: center;
        }

    .user-navigation-menu-security input.primary:checked + .slider {
        background-color: transparent;
    }

    .user-navigation-menu-security input:checked + .slider:before {
        -webkit-transform: translateX(55px);
        -ms-transform: translateX(55px);
        transform: translateX(55px);
    }

.btn-log-out {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 4px 0;
    border-left: 1px solid #272d37;
}

    .btn-log-out:hover {
        text-decoration: none;
    }

    .btn-log-out span {
        color: #ffaa2c;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        border: 1px solid #ffaa2c;
        border-radius: 18px;
        padding: 6px 7px;
        width: 100%;
        text-align: center;
        line-height: normal;
        margin-left: 10px;
    }

.top-menu {
    color: #495166;
    font-family: 'Open Sans', sans-serif;
}

    .top-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .top-menu ul li {
            text-transform: uppercase;
            font-size: 13px;
            margin-right: 10px;
            display: -moz-inline-stack;
            display: inline-block;
            *display: inline;
        }

            .top-menu ul li a {
                color: inherit;
            }

                .top-menu ul li a:hover {
                    color: #ffb400;
                    text-decoration: none;
                }

.main-menu {
    color: #ffb400;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
}

    .main-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .main-menu ul li {
            cursor: pointer;
            text-transform: capitalize;
            font-size: 14px;
            margin-right: 12px !important;
            line-height: 26px;
            position: relative;
            transition: 0.2s;
            display: -moz-inline-stack;
            display: inline-block;
            *display: inline;
        }

@media only screen and (max-width: 1246px) {
    .main-menu ul {
        display: flex;
        flex-grow: 1;
    }

    /*        .main-menu ul li {
            margin-right: 20px !important;
        }*/
}

/*@media only screen and (max-width: 1193px) {
    .main-menu ul li {
        font-size: 14px !important;
    }
}*/

.main-menu ul li > a {
    color: inherit;
    padding: 36px 0 30px;
    display: inline-block;
    white-space: nowrap;
}

    .main-menu ul li > a:hover {
        text-decoration: none;
    }

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

    .main-menu ul li:hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -10px;
        width: 0px;
        height: 0px;
        /*margin: 0px auto;*/
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffb400;
    }

.main-menu ul li.active {
    color: #fff;
}

    .main-menu ul li.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -10px;
        width: 0px;
        height: 0px;
        /*margin: 0px auto;*/
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffb400;
    }

.main-menu-bar-btn span:first-child {
    font-size: 35px;
}

.main-menu-bar-btn span:nth-child(2) {
    font-size: 13px;
    margin-left: 10px;
    top: 35px;
    position: absolute;
}

#main-logo {
    margin-top: 18px;
}

    #main-logo img {
        max-width: 139px;
    }

#main-slide {
    height: 100%;
    background: #1b1f28;
}

    #main-slide img {
        object-fit: cover;
    }

.main-sub-menu {
    line-height: 1.5;
    margin-top: -30px;
}

.products-navigation-filter-providers-dropdown span {
    max-width: 127px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.card-tournament-item .tournaments-item-image {
    width: 198px;
    height: 198px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: -84px -10px 0;
    /* border: solid 1px #37445e; */
    display: inline-block;
    line-height: 1.5;
}

.card-tournament-item h5 {
    font-size: 14px;
}
/*.main-sub-menu a {
  color: #7a849c;
}*/
.user-navigation {
    margin-top: 9px;
}

    .user-navigation .btn-group .btn {
        padding: .375rem 1.3rem;
    }

.main-language-dropdown-menu {
    width: 9.5rem;
    min-width: 9.5rem;
}

.btn-outline {
    /*background-color: transparent;*/
    background-color: rgba(0, 0, 0, 0);
}

.btn {
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
    ;
    line-height: 1.6;
    padding: .45rem 1.85rem .34rem;
    /*padding: .375rem 1.85rem;*/
    outline: none;
}

    .btn:focus, .btn:active {
        outline: none !important;
        box-shadow: none;
    }

.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius: 10em;
    -moz-border-radius: 10em;
    -khtml-border-radius: 10em;
}

.btn-default {
    color: #5b6378;
    border: solid 1px #495166;
}

    .btn-default:hover, .btn-ntf:hover {
        color: #fff;
        background: #1b1f28;
    }

.btn-ntf {
    background: transparent;
    border-color: #d39e00;
}

.btn-primary {
    color: #ffb400;
    border: solid 1px #ffb400;
}

    .btn-primary:hover {
        color: #000;
        background-color: #ffb400 !important;
        border-color: #ffb400;
    }

    .btn-primary.focus, .btn-primary:focus,
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #ffb400;
        background-color: initial;
        border-color: #ffb400;
        opacity: .55;
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }


    .btn-primary.disabled, .btn-primary:disabled {
        color: #ffb400;
        border: solid 1px #ffb400;
        background: transparent;
    }


.btn-danger {
    color: #f93800;
    border: solid 1px #f93800;
}

    .btn-danger:hover {
        color: #000;
        background-color: #f93800;
        border-color: #f93800;
    }

.btn-success {
    color: #28a745;
}

.btn-circle {
    width: 35px;
    height: 35px;
    padding: 6px 0px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    text-align: center;
    line-height: 1.42857;
}

.btn-narrow {
    padding: .375rem 1rem;
}

.header-table .dropdown-menu, .mobile-side-menu-container .dropdown-menu {
    background: #1b1f27;
    overflow: hidden;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    top: 8px ;
    padding: 0;
}

.dropdown-item {
    color: #ffb400;
    text-transform: capitalize;
}

    .dropdown-item:focus, .dropdown-item:hover,
    .mobile-side-menu-container .dropdown-item:hover {
        opacity: 0.8;
        color: white;
        text-decoration: none;
        background-color: initial;
    }

    .dropdown-item.active, .dropdown-item:active,
    .mobile-side-menu-container dropdown-item:active,
    .mobile-side-menu-container .dropdown-item.active {
        opacity: 0.8;
        color: white !important;
        text-decoration: none;
        background-color: initial;
    }

.mobile-sub-menu {
    display: none;
}

    .mobile-sub-menu.show {
        display: block;
    }

.user-navigation-options-container {
    padding: .25rem 1.5rem;
}

    .user-navigation-options-container a {
        width: 100%;
        margin-bottom: 6px;
    }

#user-navigation-options-dropdown-menu {
    left: -160px !important;
    width: 305px !important;
}

    #user-navigation-options-dropdown-menu .dropdown-item.disabled {
        color: #7a849c;
    }

.user-navigation_bonus-data {
    color: #7a849c;
    position: absolute;
    background: #000;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}


.products-navigation {
    padding:0;
    border: solid 2px #1b1f28;
    width: 100%;
    height: 141px;
    margin: 25px auto 0px;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    -moz-border-radius: 10em;
}

    .products-navigation ul {
        list-style-type: none;
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 5px;
    }

        .products-navigation ul li {
            display: inline-block;
            float: none;
            text-align: center;
            direction: rtl;
            width: 8.5%;
            font-size: 15px;
            height: 135px;
            color: #CDC9C9;
            text-transform: uppercase;
            cursor: pointer;
        }

    .products-navigation.slots ul li {
        width: 11%;
    }

.products-navigation-home ul li {
    width: 9.5%;
}

.products-navigation ul li div {
    display: table;
    height: 50px;
    width: 100%;
    text-align: center;
}

    .products-navigation ul li div span {
        display: table-cell;
        vertical-align: middle;
        line-height: normal;
    }

.products-navigation ul li hr {
    margin: 0;
    height: 2px;
    background: #252c37;
}

.openInNewtab_container .card .card-header .card-header-text {
    white-space: nowrap;
}

.products-navigation ul li.active hr {
    background: #ffb400;
    box-shadow: 0 0 5px #ffb400;
}

.products-navigation ul li.active span {
    color: #ffb400;
}

.products-navigation-filter {
    margin: 7px auto;
    background: #1b1f28;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    -moz-border-radius: 10em;
    padding: 15px;
}

.products-navigation-filter-content .products-navigation-filter-sort .nav-tabs {
    flex-wrap: nowrap;
}

.products-navigation-filter-sort {
    float: right;
}

    .products-navigation-filter-sort ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .products-navigation-filter-sort ul li {
            display: inline-block;
            margin-left: 6px;
        }

            .products-navigation-filter-sort ul li button i {
                font-size: 1rem;
                margin-top: 3px;
            }

            .products-navigation-filter-sort ul li a.active button {
                color: #ffb400;
                border-color: #ffb400;
            }

    .products-navigation-filter-sort .nav-tabs {
        border: none;
    }

        .products-navigation-filter-sort .nav-tabs .nav-link {
            padding: 0;
            border: none;
        }

            .products-navigation-filter-sort .nav-tabs .nav-item.show .nav-link, .products-navigation-filter-sort .nav-tabs .nav-link.active {
                border: none;
                background: none;
            }

.products-navigation-filter-providers-dropdown-cont .dropdown-menu {
    width: 195px;
    max-height: 450px;
    overflow-y: auto;
    background: #252c37;
    transform: translate3d(15px, 35px, 0px) !important;
}

.products-navigation.live-casino_products-navigation ul li {
    width: 9%;
}

.products-navigation-tournament-page-btn {
    margin-left: .5rem !important;
    padding: .375rem 1.85rem;
    display: none;
}

.dark-scroll::-webkit-scrollbar {
    width: 7px;
}

.dark-scroll::-webkit-scrollbar-track {
    background: #1c1f27;
}

.dark-scroll::-webkit-scrollbar-thumb {
    background: #5b6378;
}

    .dark-scroll::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }


.products-navigation-filter-providers-dropdown {
    padding: .375rem 1rem;
    min-width: 195px;
}

.products-navigation-search-item-provider {
    padding: 0 .5rem;
    margin-bottom: 2px;
}

    .products-navigation-search-item-provider input {
        margin-bottom: 2px;
        padding: 5px 15px;
        font-size: 15px;
    }

.products-navigation-item-providers {
    /*cursor: pointer*/
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
}

    .products-navigation-item-providers span.pull-right {
        margin-left: auto;
    }

.products-list h1 {
    max-width: 530px;
    color: #ffaa2c;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 28px;
    position: relative;
    margin: 0 auto 30px;
}

    .products-list h1::before {
        content: '';
        width: 70px;
        height: 2px;
        background-color: #ffaa2c;
        position: absolute;
        top: 17px;
        left: 0;
    }

    .products-list h1::after {
        content: '';
        width: 70px;
        height: 2px;
        background-color: #ffaa2c;
        position: absolute;
        top: 17px;
        right: 0;
    }

.products-list-item {
    background: #1b1f28;
    width: 100%;
    height: 135px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.products-list .col-md-2 {
    padding-right: 12px;
    padding-left: 12px;
}

.products-list hr {
    margin: 20px auto 40px;
    height: 1px;
    background: #1b1f28;
    width: 200px;
}

.card-body-custom-promotion {
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
}

    .card-body-custom-promotion .promotion-slider {
        width: 496px;
        margin: auto;
        z-index: 11;
    }

.promotion-slider .active.center.owl-item,
.widget-jackpots-slider .active.center.owl-item {
    width: 198px !important;
    height: 185px;
    overflow: hidden;
}

.promotion-slider .item,
.widget-jackpots-slider .item {
    width: 100%;
    height: 100%;
}

.promotion-slider .owl-stage,
.widget-jackpots-slider .owl-stage {
    height: 218px;
    display: flex;
    align-items: center;
    margin-top: -12px;
    overflow: hidden;
}

.promotion-slider .active.center.owl-item img,
.widget-jackpots-slider .active.center.owl-item img {
    width: 100%;
    height: 128px;
    object-fit: cover;
    /*-webkit-box-reflect: below 2px -webkit-gradient(linear, right top, right bottom, from(transparent), to(rgba(255, 255, 255, 0.2)));*/
}

.widget-jackpots-slider .active.center.owl-item .widget-jackpots-item-amount {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.promotion-slider .active.owl-item,
.widget-jackpots-slider .active.owl-item {
    width: 139px !important;
    height: 110px;
    overflow: hidden;
}

    .promotion-slider .active.owl-item img,
    .widget-jackpots-slider .active.owl-item img {
        width: 100%;
        height: 90px;
        object-fit: cover;
        /*-webkit-box-reflect: below 2px -webkit-gradient(linear, right top, right bottom, from(transparent), to(rgba(255, 255, 255, 0.2)));*/
    }

.slider-arrows {
    width: 102%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 10px;
    z-index: 10;
}

    .slider-arrows button {
        background-color: transparent;
        border: 0;
        outline: none;
        transition: .3s ease;
    }

.card-body-custom-promotion .owl-dots {
    display: none !important;
}

/*.card-body-custom-promotion .owl-theme .owl-nav.disabled + .owl-dots {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    z-index: 12;
}

.card-body-custom-promotion .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 3px;
    background: #8a8b8f !important;
    border-radius: 0 !important;
}

.card-body-custom-promotion .owl-theme .owl-dots .owl-dot.active, .card-body-custom-promotion .owl-theme .owl-dots .owl-dot {
    outline: none;
}

    .card-body-custom-promotion .owl-theme .owl-dots .owl-dot:hover span, .card-body-custom-promotion .owl-theme .owl-dots .owl-dot.active span {
        background: #fff !important;
    }*/

.card {
    background: #1b1f28;
    border-radius: 20px;
}

    .card .card-header {
        font-family: 'Montserrat', sans-serif;
        ;
        font-weight: lighter;
        border-bottom: none;
        padding-bottom: .5rem;
    }

.card-body {
    color: #7a849c;
}

.card .card-header .card-header-text {
    color: #ffaa2c;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-left: 8px;
}

/*.card .card-header .card-header-text-total-jackpots {
    line-height: 20px;
    margin-top: 8px;
}*/

.card .card-header .card-header-text-total-jackpots-small {
    font-size: 15px;
}

.card .card-header .card-header-button, .card .card-footer .card-header-button {
    background-color: #1b1f28;
    margin-top: 0 !important;
}

    .card .card-header .card-header-button:hover {
        background-color: #ffb400;
    }

.card-tournament-item button {
    color: #14181f;
    background-color: #ffb400;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    border: 0;
    margin-bottom: 15px;
}

.tournaments-item-start-time-date {
    font-size: 14px;
    align-items: center;
    line-height: 1.2;
}

.tournaments-item-winner-numbers {
    width: 100%;
    background-color: #14181f;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
    padding: 8px 0;
    margin: 8px 0 0;
}

    .tournaments-item-winner-numbers div:first-child {
        color: #7a849c;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

.card-header-bg {
    width: 100%;
    background-color: rgba(13,15,20,0.7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
}

.card-header-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 4px;
    line-height: normal;
}

.card.card-big > .card-header {
    font-size: 24px;
}

.card.card-big > .card-body,
.card.card-small > .card-body {
    background: #14181f;
    margin: 8px;
    border-radius: 20px;
    /* padding: .8rem;*/
}

.card-tournament-item .card-header {
    color: #ffb400;
    font-weight: 600;
}

.card-tournament-item .fa-trophy {
    font-size: 18px;
    margin-right: 10px;
}

.tournaments-item-timer-circle {
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #14181f;
    color: #ffb400;
    border: solid 1px #ffb400;
    border-radius: 50%;
    text-align: center;
}

    .tournaments-item-timer-circle span:first-child {
        font-size: 40px;
        line-height: 0.8;
    }

.card-tournament-item .tournaments-item-timer .dots {
    font-size: 40px;
}

.tournaments-item-timer .dots {
    color: #ffb400;
    font-size: 44px;
    font-weight: bold;
    padding: 0 6px;
}

.card-tournament-item .card-body {
    padding: 15px;
}

    .card-tournament-item .card-body ul {
        list-style-type: none;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .card-tournament-item .card-body ul li {
            display: inline-table;
            float: none;
            text-align: center;
            /*direction: rtl;*/
            width: 15.5%;
            text-transform: uppercase;
            background: #14181f;
            border-radius: 10px;
            padding: 15px 5px;
            font-size: 13px;
            font-family: 'Montserrat', sans-serif;
            ;
            font-weight: bold;
            line-height: 21px;
            height: 80px;
            margin-right: 4px;
            color: #5b6378;
        }

.card-tournament-item-card-header-text {
    margin: 8px 0 0;
}

.card-tournament-item-card-header-link i {
    color: #83858a;
}

.card.card-small > .card-header {
    color: #ffb400;
    font-size: 18px;
}

    .card.card-small > .card-header > i.fa {
        /*border: solid 1px #ffb400;*/
        /*padding: 7px;*/
        /*border-radius: 50%;*/
        /*margin-right: 7px;*/
    }

.card .card-header.card-header-inactive {
    color: #7a849c;
}

.card.card-small > .card-header.card-header-inactive .card-header-icon-container {
    border: solid 1px #7a849c;
}

.card.card-small > .card-header .card-header-icon-container {
    border: solid 1px #ffb400;
    border-radius: 50%;
    margin-right: 7px;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
}

.card-winners-item .card {
    background: #525968;
    overflow: hidden;
}

.card-winners-item-container {
    position: relative;
}

    .card-winners-item-container:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 30px;
        left: 0;
        top: 0px;
        background-image: url(../images/widget-shadow-top.png);
        background-position: left top;
        background-repeat: repeat-x;
        z-index: 2;
    }

    .card-winners-item-container:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 30px;
        left: 0;
        bottom: 0;
        background-image: url(../images/widget-shadow-bottom.png);
        background-position: left bottom;
        background-repeat: repeat-x;
    }

.card-winners-item .card .card-body {
    padding: 0 10px 0 0;
}

    .card-winners-item .card .card-body div {
        color: #fff;
    }

    .card-winners-item .card .card-body .card-winners-item-btn {
        /*padding: .45rem 1.3rem .34rem;*/
        margin-top: 17px;
        position: absolute;
        right: 10px;
        padding: .4rem .8rem .3rem;
        font-size: 0.7rem;
    }

.card-winners-item:hover {
    position: relative;
    z-index: 2;
}

.card-winners-item .card-winners-item-game-name {
    font-size: 14px;
    max-width: 127px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-winners-item-text {
    float: left;
    font-size: 0.85rem;
    margin-top: 4px;
}

.card-winners-item-img {
    width: 123px;
    height: 71px;
    background-size: cover;
    background-position: center;
}

.main-big-btn {
    width: 100%;
    color: #83858a;
    height: 314px;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 52px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.main-promotions-btn {
    border: 1px solid #14181f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c1b1933), to(#26111033)),url('/Content/themes/v1/img/promosyon_home.jpg');
    background-image: -webkit-linear-gradient(top, #3c1b1933, #26111033),url('/Content/themes/v1/img/promosyon_home.jpg');
    background-image: -moz-linear-gradient(top, #3c1b1933, #26111033),url('/Content/themes/v1/img/promosyon_home.jpg');
    background-image: -ms-linear-gradient(top, #3c1b1933, #26111033),url('/Content/themes/v1/img/promosyon_home.jpg');
    background-image: -o-linear-gradient(top, #3c1b1933, #26111033),url('/Content/themes/v1/img/promosyon_home.jpg');
    background-image: linear-gradient(to bottom, #3c1b1933, #26111033),url('/Content/themes/v1/img/promosyon_home.jpg');
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3c1b1933, endColorstr=#26111033);
}

    .main-promotions-btn:hover {
        color: inherit;
        border: 1px solid #843b37;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#180b0a33), to(#02010133)),url('/Content/themes/v1/img/promosyon_home.jpg');
        background-image: -webkit-linear-gradient(top, #180b0a33, #02010133),url('/Content/themes/v1/img/promosyon_home.jpg');
        background-image: -moz-linear-gradient(top, #180b0a33, #02010133),url('/Content/themes/v1/img/promosyon_home.jpg');
        background-image: -ms-linear-gradient(top, #180b0a33, #02010133),url('/Content/themes/v1/img/promosyon_home.jpg');
        background-image: -o-linear-gradient(top, #180b0a33, #02010133),url('/Content/themes/v1/img/promosyon_home.jpg');
        background-image: linear-gradient(to bottom, #180b0a33, #02010133),url('/Content/themes/v1/img/promosyon_home.jpg');
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#180b0a33, endColorstr=#02010133);
    }

.main-jackpots-btn {
    background-color: #35311D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#35311D), to(#242114));
    background-image: -webkit-linear-gradient(top, #35311D, #242114);
    background-image: -moz-linear-gradient(top, #35311D, #242114);
    background-image: -ms-linear-gradient(top, #35311D, #242114);
    background-image: -o-linear-gradient(top, #35311D, #242114);
    background-image: linear-gradient(to bottom, #35311D, #242114);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#35311D, endColorstr=#242114);
}

    .main-jackpots-btn:hover {
        color: inherit;
        border: 1px solid #776e41;
        background-color: #14130b;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#14130b), to(#030302));
        background-image: -webkit-linear-gradient(top, #14130b, #030302);
        background-image: -moz-linear-gradient(top, #14130b, #030302);
        background-image: -ms-linear-gradient(top, #14130b, #030302);
        background-image: -o-linear-gradient(top, #14130b, #030302);
        background-image: linear-gradient(to bottom, #14130b, #030302);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#14130b, endColorstr=#030302);
    }

        .main-promotions-btn:hover img,
        .main-promotions-btn:hover span,
        .main-jackpots-btn:hover img,
        .main-jackpots-btn:hover span {
            opacity: .8;
        }

.modal-dialog {
    z-index: 2;
}

.modal-backdrop {
    opacity: .35 !important;
}

.modal-login-custom-backdrop {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: .8;
}

.modal-content {
    background: #14181f;
    border: 1px solid #363c4c;
    border-radius: 20px;
}

.modal .close {
    position: fixed;
    top: 5px;
    right: 25px;
    z-index: 999;
    color: #ee9a1b;
    opacity: .5;
    outline: none;
    font-size: 55px;
    font-weight: bold;
}

#loginModal .modal-login-custom-backdrop,
#PassResetModal .modal-login-custom-backdrop,
#passResetSecondQuestModal .modal-login-custom-backdrop,
#newPasswordModal .modal-login-custom-backdrop,
#levelRewards-modal .modal-login-custom-backdrop,
#MondayCashback-modal .modal-login-custom-backdrop,
#GetCashback-modal .modal-login-custom-backdrop {
    /* background-color: #156540 !important;
    background-image: linear-gradient(#156540, #111d19);*/
    background-image: url(/Content/images/modal-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


#UserSecureWordPopup-modal .modal-content {
    background-color: rgba(20,24,31,0.96);
    border: 1px solid #363c4c;
    border-radius: 30px;
}

    #UserSecureWordPopup-modal .modal-content img {
        margin-bottom: 15px;
        width: 280px;
    }

.modal-body-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #363c4c;
    border-radius: 30px;
    padding: 15px 0;
    margin: 0 15px;
}

    .modal-body-content .text-header-bg {
        color: #ffaa2c;
        font-size: 18pt;
        font-family: Montserrat;
        font-weight: bold;
    }

    .modal-body-content h4 {
        color: #757c8b;
        font-size: 14pt;
        font-family: Montserrat;
        margin: 0;
    }

    .modal-body-content span {
        color: #ffaa2c;
        font-size: 14pt;
        font-family: Montserrat;
        text-align: left;
    }

    .modal-body-content input {
        width: 100%;
        background-color: #1b1f28;
        color: #757c8b;
        border: 2px solid #363c4c;
        border-radius: 18px;
    }

        .modal-body-content input::placeholder {
            color: #757c8b;
            text-transform: uppercase;
            text-align: center;
        }

    .modal-body-content button {
        background-color: #1b1f28;
    }

    .modal-body-content .text-bg {
        background-color: rgba(13,15,20,0.7);
        color: #ffaa2c;
        font-size: 18pt;
        font-family: Montserrat;
        font-weight: bold;
        border-radius: 15px;
        padding: 6px 25px;
        margin: 10px 0;
    }

#sn-modal-1 .modal-content {
    background-color: rgba(20,24,31,0.96);
    border: 1px solid #363c4c;
    border-radius: 30px;
}

#sn-modal-1 .close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 999;
    color: #ffb400;
    opacity: 1;
    outline: none;
    font-size: 55px;
    font-weight: bold;
}

#sn-modal-1 img {
    width: 100%;
    border: 1px solid #363c4c;
    border-radius: 30px;
}

#sn-modal-1 .btn-primary {
    width: fit-content;
    background-color: #1b1f28;
    font-size: 13pt;
    font-family: Montserrat;
    display: flex;
    align-items: center;
}

    #sn-modal-1 .btn-primary span {
        padding-left: 8px;
        line-height: 1;
    }

    #sn-modal-1 .btn-primary i {
        font-size: 18pt;
    }

#sn-modal-1 label {
    color: #757c8b;
}

.modal-login-bg {
    min-height: 345px;
    border: solid 1px #363c4c;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .modal-login-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

        .modal-login-bg img.show {
            display: block;
        }

.modal-login-form {
    color: #80879e;
}

.modal-login-form-col {
    border: 1px solid #ffaa2c;
    border-radius: 30px;
    padding: 14px 15px;
}

    .modal-login-form-col:last-child {
        border-color: #363c4c;
        margin-top: 15px;
    }

    .modal-login-form-col input {
        background-color: #1b1f28;
        border-radius: 19px;
        border-color: #363c4c;
    }

    .modal-login-form-col .modal-login-register-btn, .modal-login_login-btn {
        background-color: #1b1f28;
        border-color: #ffb400;
    }

.modal-login_login-btn {
    white-space: nowrap;
}

.modal-login-form-col label {
    float: left;
    margin-left: 15px;
}

.modal-login-form-col p {
    color: #ffaa2c;
    font-size: 18px;
    background-color: rgba(13,15,20, 0.7);
    border-radius: 15px;
    padding: 5px 15px;
}

#registerModal .modal-content, #loginModal .modal-content {
    background-color: #15181d;
    border: 1px solid #363c4c;
    border-radius: 30px;
}

/*.registrationForm {
    padding-top: 1rem;
}*/

.modal-register-form .modal-register-form-col {
    min-height: 345px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #ffaa2c;
    border-radius: 30px;
    padding: 14px 15px;
}

.modal-register-form label {
    display: flex;
    margin-left: 15px;
    line-height: normal;
    align-items: start;
}

.modal-register-form .label-color {
    font-size: 14px;
}

.modal-register-form .form-group {
    margin-bottom: 0.6rem;
}

.modal-register-form .custom-checkbox {
    margin: 5px 5px 0 0;
}

.register__form-col__bg {
    height: 38px;
    background-color: #1b1f28;
    border-radius: 19px;
    border: 1px solid #363c4c;
}

.regMainMobileSelect {
    border-radius: 19px;
}

.modal-register-form-col-header {
    width: 100%;
    background-color: rgba(13,15,20, 0.7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 15px;
}

    .modal-register-form-col-header h5 {
        color: #ffaa2c;
        font-size: 18px;
        padding: 5px 15px;
        margin-bottom: 0;
    }

    .modal-register-form-col-header span {
        color: #ffaa2c;
        font-size: 18px;
        line-height: 1;
        background-color: #1b1f28;
        border: 1px solid #ffaa2c;
        border-radius: 15px;
        padding: 5px 13px;
    }

.modal-register-form-left {
    padding-right: 0;
}

.modal-register-form .select2-container--default .select2-selection--single {
    height: 38px;
    background-color: #1b1f28;
    border-radius: 19px;
    /*    margin-bottom: 15px;*/
}

.modal-login-lost-password {
    color: #ffaa2c !important;
    font-size: 12px;
    vertical-align: sub;
    white-space: nowrap;
}

.modal-login-form hr {
    background: #434d67;
    width: 90%;
}

#registerModal .modal-login-custom-backdrop {
    /*background-color: #78361b !important;
    background-image: linear-gradient(#78361b, #111d19);*/
    background-image: url(/Content/images/modal-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#registerModal .btn-send-code-container button {
    height: 100%;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 19px;
    padding: 0.375rem 0rem;
}

.label-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .label-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .label-checkbox .checkmark {
        position: absolute;
        top: 7px;
        left: 0;
        height: 20px;
        width: 20px;
        border: solid 1px #ffb400;
    }

    .label-checkbox:hover input ~ .checkmark {
        opacity: .85;
    }

    .label-checkbox input:checked ~ .checkmark {
        background-color: inherit;
        border: solid 1px #ffb400;
    }

    .label-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .label-checkbox input:checked ~ .checkmark:after {
        display: block;
    }

    .label-checkbox .checkmark:after {
        left: 6px;
        top: 3px;
        width: 6px;
        height: 10px;
        border: solid #ffb400;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.account-header {
    height: 240px;
    background: #1b1f28;
}

.account-content-container {
    font-family: 'Montserrat', sans-serif;
}

.list-group-item {
    background-color: transparent;
    color: #7a849c;
    border: solid 1px #282d39;
    padding: .62rem .5rem;
    font-family: 'Montserrat', sans-serif;
}

.badge-default {
    color: #7a849c;
    border: solid 1px rgba(255, 255, 255, .2);
    font-size: 13px;
    padding: .3em .8em;
}

.list-group-item.active, .list-group-item-action:focus {
    z-index: 2;
    background-color: transparent;
    color: #ffb400;
    border-color: rgba(255, 255, 255, .1);
}

.list-group-item-action:hover {
    z-index: 1;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}


/* slide */
.switch {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 32px;
    float: right;
    margin-bottom: .3rem;
}

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

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2f3645;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 25px;
        width: 25px;
        left: 4px;
        bottom: 3px;
        background-color: #1b1f28;
        -webkit-transition: .4s;
        transition: .4s;
    }

input.default:checked + .slider {
    background-color: #444;
}

input.primary:checked + .slider {
    background-color: #ffb400;
}

input.success:checked + .slider {
    background-color: #8bc34a;
}

input.info:checked + .slider {
    background-color: #3de0f5;
}

input:checked + .slider {
    background-color: #ffb400; /* Mail Verification checked*/
}

input.warning:checked + .slider {
    background-color: #FFC107;
}

input.danger:checked + .slider {
    background-color: #f44336;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

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

.poker-item {
    background: #1b1f28;
    border-radius: 20px;
    padding: 15px;
}

.poster {
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.poker-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.poker-item .poker-item-img {
    border-radius: 10px;
    width: 100%;
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.poker-item-title {
    padding: 20px 10px 0;
    font-family: 'Montserrat', sans-serif;
    float: left;
}

    .poker-item-title .poker-item-title-name {
        text-transform: uppercase;
        color: #fff;
        font-size: 22px;
        margin-bottom: 0px;
    }

    .poker-item-title .poker-item-title-provider {
        text-transform: capitalize;
        color: #5b6378;
    }

.poker-item .poker-item-favourite-icon {
    border: solid 1px #495166;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 23px 15px 0 0;
    text-align: center;
    float: right;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

    .poker-item .poker-item-favourite-icon:hover .fa {
        color: #fff;
    }

.poker-item .poker-item-over {
    display: none;
    position: inherit;
    background: rgba(13, 15, 20, .8);
    width: 100%;
    height: 100%;
    text-align: center;
}

.poker-item:hover .poker-item-over {
    display: block;
}

.poker-item .poker-item-over .poker-item-over-inner {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.poker-item .poker-play-btn {
    background: #dc3545;
    color: #fff;
}

    .poker-item .poker-play-btn:hover {
        background: #9e222e;
    }

.poker__register-password-icon {
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translate(-50%, -50%);
}

.poker_modal-button--margin-b {
    margin: 5px 0 15px;
    display: flex;
}

.poker_modal-button--blue {
    border-radius: unset;
    padding: 22px 60px 20px;
    margin: 0 auto;
}

.poker__modal-button-title {
    font-size: 16px;
    text-align: left;
}

.poker_modal--icon-right {
    padding-left: 20px;
    font-size: 16px;
}

.poker_modal-buttons {
    margin: auto;
    justify-content: center;
    display: flex;
}

.poker_modal-button {
    border-radius: unset;
    margin: 5px;
    width: 200px;
}

.poker_modal--icon-left {
    font-size: 20px;
    padding-right: 20px;
    padding-top: 7px;
    float: left;
}

.poker__modal-button-title-align {
    text-align: left;
    float: left;
    line-height: 20px;
}

.poker__modal-button-title--sm {
    font-size: 11px;
    width: 100%;
}

.poker_passwords_hr {
    background: #7a849c;
    margin-bottom: 26px;
}

.table-games-item .poker-item-img {
    border-radius: 10px;
    height: 300px;
    background-size: cover;
    background-position: center;
}

.promotions-container {
    /* background: URL('../images/promotions-container-bg.png') repeat-x;*/
    padding-bottom: 115px;
    background-image: url(/Content/images/body-backgound.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.promotions-header {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 70px auto 50px;
    text-transform: uppercase;
    font-size: 28px;
    width: 465px;
    color: #ffaa2c;
    text-align: center;
    position: relative;
    /* background: rgb(232, 164, 1);
    background: linear-gradient(0deg, rgba(232, 164, 1, 1) 46%, rgba(200, 147, 19, 1) 51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

    .promotions-header::before {
        content: '';
        width: 70px;
        height: 2px;
        background-color: #ffaa2c;
        position: absolute;
        top: 17px;
        left: 0;
    }

    .promotions-header::after {
        content: '';
        width: 70px;
        height: 2px;
        background-color: #ffaa2c;
        position: absolute;
        top: 17px;
        right: 0;
    }

.promotions-item {
    width: 280px;
    background: #1b1f28;
    border-radius: 20px;
    border: 1px solid #363c4c;
    /*padding: 12px;*/
    overflow: hidden;
    transition: .3s;
    margin: auto;
}

    .promotions-item:hover {
        border-color: #ffaa2c;
    }

        .promotions-item:hover .promotions-item-over {
            opacity: 1;
        }

.promotions-item-img {
    border-radius: 10px;
    height: 375px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}

.promotions-item-over {
    width: 100%;
    height: 190px;
    background-image: url(/Content/images/promotion-hover-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
}

    .promotions-item-over a.btn {
        padding: 0.45rem 12px 0.34rem;
    }

    .promotions-item-over .btn-default {
        background-color: #1b1f28;
        color: #7a849c;
        border-color: #7a849c;
    }

        .promotions-item-over .btn-default:hover {
            color: #fff;
        }

    .promotions-item-over .btn-primary {
        background-color: #1b1f28;
        color: #ffaa2c;
        border-color: #ffaa2c;
    }

        .promotions-item-over .btn-primary:hover {
            color: #000;
            background-color: #ffaa2c
        }

.promotions-item-tags {
    margin-bottom: 13px;
    text-transform: capitalize;
    background: #14181f;
    color: #373e50;
    border-radius: 10px;
    padding: 10px 15px;
}

    .promotions-item-tags span {
        margin-left: 5px;
    }

.promotions-item-name-container {
    height: 90px;
    overflow: hidden;
}

.promotions-item-name {
    margin-bottom: 10px;
    color: #ffaa2c;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 22px;
    padding: 0 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.promotions-item-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #788193;
    margin-bottom: 15px;
    padding: 0 12px;
    line-height: 19px;
}

.promotion-detail-content-container {
    background: #0d1015;
}

.promotion-detail-header {
    height: 460px;
    /*background: #1b1f28;*/
    background-size: cover;
    background-position: center;
}

.promotion-title {
    text-transform: capitalize;
    margin: 10px auto 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #ffb400;
    text-align: center;
}

.promotion-sub-title {
    color: #515a6d;
}

.promotion-other-promotions-title {
    text-transform: capitalize;
    margin: 10px auto 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #ffb400;
}

.promotion-detail-text {
    color: #515a6d;
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 200px;
}

.affiliates-container {
    background: URL('../images/affiliates-container-bg.png') repeat-x #0d1015;
    padding-bottom: 3rem
}
.affilates_container {
    border-radius: 19px;
    background-color: #14181f;
    border: 1px solid #363c4c;
}
.contactInfoSpan, .businessModelSpan, .introInfoSpan {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffaa2c;
    font-weight: 700;
    border-radius: 15px;
    background-color: #0d0f14;
    margin-top: 20px;
    padding: 2px 5px;
}
.affilates_container .regdivaff2 label {
    font-size: 16px;
    line-height: 24px;
    color: #757c8b;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 20px;
}
.affiliates-container .form-control {
    min-height: 38px;
    border-radius: 19px;
    background-color: #1b1f28;
    border: 1px solid #363c4c;
    color: #fff;
}
.affiliates-container .modal .custom-affiliates_modal {
    justify-content: center;
    border-bottom: none;
    background-color: #0f1217;
    border-radius: 20px;
    padding: 0px;
    margin: 10px;
    text-align: center;
    align-items: center;
}
.affBtns {
    margin-top: 20px;
}
    .affBtns .affilateModdalBtn {
        border-radius: 19px;
        background-color: #14181f;
        border: 1px solid #ffaa2c;
        min-width: 248px;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        color: #ffaa2c;
        font-weight: 600;
        text-transform:uppercase;
    }
    .affBtns #affiliate_reg_btn {
        border-radius: 19px;
        background-color: #ffaa2c;
        border: 1px solid #ffaa2c;
        min-width: 248px;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        color: #0d0f14;
        font-weight: 600;
        text-transform: uppercase;
    }
#agreeAll.checkbox:checked:before {
    background-color: green;
}

.affiliates-header {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    margin: 70px auto 50px;
    text-transform: uppercase;
    background: rgb(232, 164, 1);
    background: linear-gradient(0deg, rgba(232, 164, 1, 1) 46%, rgba(200, 147, 19, 1) 51%);
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.affiliates-content-form {
    color: #7a849c;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    display: inherit;
}

.affiliates-content-form-title {
    margin-bottom: 20px;
    font-weight: bold;
    color: #ffb400;
    text-transform: capitalize;
    font-size: 22px;
}

.affiliates-content-text {
    margin: 20px 0 10px;
    color: #7a849c;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.affiliates-mandatory:after {
    content: " *";
    color: var(--red-color);
}

.custom-scroll-click .card-body-custom-scroll {
    overflow: hidden;
}

.slider__container-winners {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    justify-content: flex-end;
}

    .custom-scroll-click .card-winners-item .card,
    .slider__container-winners .card-winners-item .card {
        background: rgba(13,15,20,0.9);
    }

        .custom-scroll-click .card-winners-item .card .card-body div {
            color: #7a849c;
        }

        .slider__container-winners .card-winners-item .card .card-body div {
            color: #fff;
        }

.products-navigation_search_input-col {
    max-width: fit-content;
    padding: 0;
}

.slider__container-winners .card.card-small > .card-body,
.openInNewtab_container .card.card-small > .card-body {
    margin: 0 8px 14px;
    padding: 0 .8rem;
}

.custom-scroll-click .card-winners-item,
.slider__container-winners .card-winners-item {
    margin: 6px 0;
}

.custom-scroll-click .card.card-small > .card-header .card-header-icon-container,
.slider__container-winners .card.card-small > .card-header .card-header-icon-container {
    all: unset;
    border: 0;
}

.slider__container-winners .card .card-header .card-header-text {
    margin: 0 8px;
}

.slider__container-winners .border-1 {
    background-color: rgba(20,24,31,0.75);
    border-color: #ffaa2c;
}

.slider__container-winners .footer_social a {
    background-position-y: top;
    margin: 3px 0;
}

    .slider__container-winners .footer_social a:hover {
        background-position-y: bottom;
    }

    .slider__container-winners .footer_social a:first-child {
        margin-top: 0;
    }

.openby-filter__link--active button {
    color: #ffb400;
    border-color: #ffb400;
}

.custom-scroll-click .card-header-icon-container {
    font-size: 21px;
}

.custom-scroll-click .card-winners-item .card .card-body {
    padding: 0;
}

    .custom-scroll-click .card-winners-item .card .card-body .card-winners-item-btn,
    .slider__container-winners .card-winners-item .card .card-body .card-winners-item-btn {
        /*width: calc(100% - 250px);*/
        width: 91px;
        height: 100%;
        color: #14181f;
        background-color: transparent;
        background-image: url(/Content/images/winner-btn-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        font-size: 1rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        right: -3px;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

.card-body-custom-scroll {
    overflow-y: scroll;
}

    .card-body-custom-scroll::-webkit-scrollbar {
        width: 7px;
    }

    .card-body-custom-scroll::-webkit-scrollbar-track {
        background: #14181f;
    }

    .card-body-custom-scroll::-webkit-scrollbar-thumb {
        background: #1b1f28;
        border-radius: 5px;
    }

        .card-body-custom-scroll::-webkit-scrollbar-thumb:hover {
            background: #5b6378;
        }

.openInNewtab_container .card-winners-item-img, .slider__container .card-winners-item-img {
    width: 80px;
    height: 60px;
}

.openInNewtab_container .card-winners-item .card .card-body div,
#main-slide .card-winners-item .card .card-body div {
    line-height: normal;
    margin-top: 0;
}

.card-footer-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 5px;
}

    .card-footer-buttons button:focus {
        outline: none;
    }

.widget-active-tournament-name-container {
    margin-bottom: 5px;
}

.widget-active-tournament-name {
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.widget-active-tournament-start-time {
    text-align: center;
    background: #1b1f28;
    border-radius: 10px;
    padding: 10px 0;
    text-transform: capitalize;
}

.widget-active-tournament-total-prize {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #c2c6cf;
    margin-top: 15px;
    text-transform: uppercase;
    border-top: solid 1px #1b1f28;
    border-bottom: solid 1px #1b1f28;
    padding: 10px 0 5px;
}

.widget-active-tournament-place {
    text-align: center;
    background: #1b1f28;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px;
    color: #c2c6cf;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5px;
}

.widget-jackpots-tournament-header-amount {
    color: #ffaa2c;
    float: right;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 20px;
    padding-right: 12px;
    /*margin-top: 15px;
    background: linear-gradient(0deg, rgba(232, 164, 1, 1) 46%, rgba(200, 147, 19, 1) 51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.card-body-custom-scroll .owl-carousel {
    width: 496px;
    margin: auto;
    z-index: 11 !important;
}

.widget-jackpots-item {
    /* border-bottom: solid 1px rgba(255, 255, 255, .1);
    padding-bottom: 7px;
    margin-bottom: 7px;*/
}

    .widget-jackpots-item .card .card-body {
        padding: 0;
        overflow: hidden;
        /*height: 92px;*/
    }

    .widget-jackpots-item .card {
        background: none;
        overflow: hidden;
        border-radius: 10px;
    }

.widget-jackpots-item-amount {
    /*background: linear-gradient(0deg, rgba(232,164,1,1) 46%, rgba(200,147,19,1) 51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
    color: #000;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px;
    margin: 0;
}

.widget-jackpots-item-type {
    margin-top: 1rem;
    width: 100%;
    margin-left: 1rem !important;
    margin-bottom: 0;
    text-transform: capitalize;
}

.widget-jackpots-item-play-btn {
    width: 100%;
    height: 100%;
}

.widget-jackpots-item .card {
    border-radius: 0;
}

.widget-jackpots-item-img {
    float: left;
    width: 162px;
    /*margin-top: -34px;*/
}

.border-1 {
    background-color: rgba(20,24,31,0.5);
    border: 1px solid #363c4c;
    border-radius: 30px;
}

.card-header-icon-container {
    color: #ffb400;
}

.widget-jackpots-item-over {
    width: calc(100% - 20px);
    background-color: #ffaa2c;
    position: absolute;
    left: 0;
    bottom: 7px;
    border-radius: 16px;
    margin: 0 10px
}

.widget-jackpots-slider .active.center.owl-item .widget-jackpots-item-over {
    bottom: 10px;
}

.slots-list .col-md-2 {
    padding-right: 10px;
    padding-left: 10px;
}

.slots-list-item {
    background: #1b1f28;
    border-radius: 10px;
    /*padding: 5px;*/
    margin-bottom: 20px;
}

    .slots-list-item .slots-list-item-img {
        border-radius: 10px;
        /*height: 112px;*/
        height: 239px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .slots-list-item .slots-list-item-dropsandwins-img {
        width: 70px;
        position: absolute;
        left: -1px;
        /*border-top-left-radius: 10px;*/
        border-top-left-radius: 6px;
        z-index: 1;
        top: -1px;
    }

.favorite-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
}

.favorite-star-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 25px;
    transform: translate(-7px, -10px);
    cursor: pointer;
}

.casino-list-item .favorite-star-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 27px;
    transform: translate(-21px, -33px);
    cursor: pointer;
}

.casino-list-item .favorite-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    transform: translate(-15px, -19px);
    transform: translate(-15px, -19px);
}




.slots-list-item .slots-list-item-over {
    display: none;
    position: inherit;
    background-image: linear-gradient(to bottom, #ffea59, rgba(255, 255, 0, 0));
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
}

    .slots-list-item .slots-list-item-over .slots-list-item-over-inner {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        align-items: center;
        display: flex;
        justify-content: center;
    }

.slots-list-item-over-inner .play-btn, .casino-list-item-over-inner .play-btn {
    /*position: absolute;*/
    top: 0;
    left: 0;
    /*transform: translate(-62px, -15px);*/
    transform: translateX(12px);
    border: none;
    background-color: transparent;
    color: gold;
    cursor: pointer;
    font-weight: bold;
    outline: none;
}

    .slots-list-item-over-inner .play-btn img, .casino-list-item-over-inner .play-btn img {
        width: 70px;
    }

.slots-list-item-over-inner .play-btn-text, .casino-list-item-over-inner .play-btn-text {
    transform: translate(-58px, 25px);
    top: 0;
    position: absolute;
}


.play-btn:focus, .play-btn:active {
    border: none !important;
    outline: none !important;
}

.slots-list-item-over-inner .demo-btn {
    transform: translate(-13px, 10px);
}

    .slots-list-item-over-inner .demo-btn img {
        width: 47px;
        transform: translate(24px, 30px);
    }

.slots-list-item-over-inner .demo-a {
    transform: translate(-18px, 46px);
    top: 0;
    position: absolute;
}

.slots-list-item-over-inner .demo-text {
    transform: translate(-2px, -43px);
    font-size: 11px !important;
}

    .slots-list-item-over-inner .demo-text u {
        text-decoration: none;
        font-size: 10px !important;
        color: gold !important;
    }



.slots-list-item:hover .slots-list-item-over {
    display: block;
}

.slots-list-item-title {
    /* padding: 10px 5px 0;
    font-family: 'Montserrat', sans-serif;
    float: left;
    line-height: 15px;
    width: calc(100% - 36px);
    height: 60px;*/
    display: none
}

    .slots-list-item-title .favorite-icon {
        display: none;
    }

    .slots-list-item-title .slots-list-item-title-name {
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .slots-list-item-title .slots-list-item-title-provider {
        text-transform: capitalize;
        color: #5b6378;
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        float: left;
        width: 100%;
    }

.slots-list-item .slots-list-item-favourite-icon {
    /*border: solid 1px #495166;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 7px 3px 0 0;
    text-align: center;
    float: right;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;*/
}

.btn-red-full {
    background: #dc3545;
    color: #fff;
    border: none;
    border: solid 1px #dc3545;
}

    .btn-red-full:hover {
        background: #9e222e;
        border: solid 1px #9e222e;
    }

    .btn-red-full a {
        color: #fff;
        text-decoration: none;
    }

.btn-yellow-full {
    background: #ffb400;
    color: #000;
    border: none;
    border: solid 1px #ffb400;
}

    .btn-yellow-full:hover {
        background: #d69700;
        border: solid 1px #d69700;
    }

.slots-list-item-list {
    margin-bottom: 25px;
}

.slots-list-item-big.slots-list-item .slots-list-item-img {
    height: 200px;
}

.slots-list-item-big.slots-list-item .slots-list-item-title {
    padding: 15px 10px 5px;
    line-height: 20px;
}

    .slots-list-item-big.slots-list-item .slots-list-item-title .slots-list-item-title-name {
        font-size: 20px;
    }

    .slots-list-item-big.slots-list-item .slots-list-item-title .slots-list-item-title-provider {
        font-size: 16px;
    }

.slots-list-item-big.slots-list-item .slots-list-item-favourite-icon {
    margin: 19px 5px 0 0;
}

.slots-list-item-big.slots-list-item .slots-list-item-over .slots-list-item-over-inner {
    line-height: 50px;
}

#slots-header {
    height: 480px;
    background-size: cover;
}


.collapse-arrow {
    font-size: 14px;
    padding: 4px 12px;
    display: none;
}

[data-toggle="collapse"] .fa.collapse-arrow:before {
    content: "\f077";
}

[data-toggle="collapse"].collapsed .fa.collapse-arrow:before {
    content: "\f078";
}

.transfer-list-group .list-group-item {
    border: none;
    background-color: #262a35;
    margin-bottom: 8px;
    border-radius: 10px;
    text-transform: capitalize;
    padding: .62rem 1.2rem .55rem;
    font-weight: bold;
}

    .transfer-list-group .list-group-item.active,
    .transfer-list-group .list-group-item-action:focus {
        color: #000;
        background: #ffb400;
    }

.transfer-amount-container {
    width: 350px;
    margin: 32px auto;
}

.transfer3_2 {
    width: 100%;
    background: #303a42;
    display: flex;
    justify-content: space-between;
    padding: 13px 13px 10px 17px;
    text-transform: capitalize;
    margin-bottom: 4px;
    transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -webkit-transition: 300ms;
    cursor: pointer;
}

.transfer_balance_anim_icon {
    font-size: 18px;
}

.transfer6_2 a {
    color: #7a849c;
    text-decoration: underline;
}

.transfer_amount-bet-info_header {
    background: #525968;
    color: #fff;
}

.transfer-loader {
    display: none;
    position: absolute;
    background-color: rgba(21, 23, 31, .8);
    width: 99%;
    height: 77%;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.trnact {
    color: #000 !important;
    background: #ffb400 !important;
}

.send-money-step {
    border: solid 1px #4c556a;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0;
    padding-top: 25px;
    color: #ffb400;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

    .send-money-step h1,
    .send-money-step h5 {
        font-weight: bold;
        margin: 0;
    }

.send-money_step_container {
    width: 75%;
}

.field-icon {
    float: right;
    margin-top: -27px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.send-money-sms-countdown {
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    color: #ffb400;
}


/* Mobile side menu */

.mobile-side-menu {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 25;
    top: 90px;
    left: 0;
    background-color: #14181f;
    overflow-x: hidden;
    transition: 0.5s;
    color: #7a849c;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.mobile-side-menu a:hover {
    color: #f1f1f1;
}

.mobile-side-menu .close-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
    color: #2d3340;
}

@media screen and (max-height: 450px) {

    .mobile-side-menu {
        padding-top: 15px;
    }

        .mobile-side-menu a {
            font-size: 18px;
        }
}

.mobile-side-menu-languages {
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}

    .mobile-side-menu-languages li {
        display: inline;
    }

        .mobile-side-menu-languages li a {
            text-transform: uppercase;
            padding: 9px 7px;
            background: rgba(255, 255, 255, .1);
            border-radius: 8px;
            color: inherit;
        }

        .mobile-side-menu-languages li.active a {
            color: #000;
            background-color: #ffb400;
        }

.mobile-side-menu-languages-container {
    background: #10141a;
    padding: 70px 25px 21px;
}

.mobile-side-menu-container {
    padding: 10px 25px;
    text-transform: capitalize;
}

    .mobile-side-menu-container ul.list-group li.list-group-item {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        font-weight: bold;
    }

        .mobile-side-menu-container ul.list-group li.list-group-item a {
            color: #7a849c;
            display: flex;
            align-items: center;
            line-height: normal;
        }

            .mobile-side-menu-container ul.list-group li.list-group-item a > span {
                width: 37px;
            }

        .mobile-side-menu-container ul.list-group li.list-group-item.active a {
            color: #ffb400;
        }

        .mobile-side-menu-container ul.list-group li.list-group-item:last-child {
            border-bottom: none;
        }

.deposit-item {
    font-size: 13px;
    line-height: 16px;
}

    .deposit-item .deposit-item-sub {
        background: #0d1015;
        border-radius: 8px;
        padding: 10px 10px;
        height: 80px;
        overflow: hidden;
    }

        .deposit-item .deposit-item-sub.deposit-item-sub-img {
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 80%;
        }

.deposit-item-sub-arrow {
    /*font-size: 18px;
      font-weight: bold;
      margin: 15px;
      display: none;*/
    font-size: 32px;
    font-weight: bold;
    margin: 15px;
    display: none;
}

.deposit-mobile-info {
    display: none;
}

.opacity-6 {
    opacity: .6;
}

.opacity-85 {
    opacity: .85;
}

.tournaments-container .container {
    min-height: 453px;
}
/*.tournaments-container {
    background: URL('../images/tournaments-container-bg.png') repeat-x #0d1015;
    padding-bottom: 115px;
}*/
/*.page-header-big {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    margin: 70px auto 50px;
    text-transform: uppercase;
    background: rgb(232, 164, 1);
    background: linear-gradient(0deg, rgba(232, 164, 1, 1) 46%, rgba(200, 147, 19, 1) 51%);
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
/*.tournaments-item {
    background: #152033;
    border-radius: 20px;
    padding: 8px 8px 0px;
    color: #9aa4b5;
    margin-top: 15px;
    margin-bottom: 80px;
}

    .tournaments-item .tournaments-item-sub {
        background: #111a2a;
        border-radius: 20px;
        text-align: center;
        height: 100%;
    }

.tournaments-item-image  {
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: -45px auto 0;
    border: solid 1px #37445e;
    display: inline-block;
    padding: 9px;
    border-radius: 50%;
    background-clip: content-box;
    line-height: 1.5;
}*/
.tournaments-item-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    margin-bottom: 5px;
}

/*.tournaments-item-start-time {
    margin: 0 auto;
    width: 75%;
}*/

.tournaments-item-start-time h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    margin: 0;
}

.tournaments-item-sub ul.list-group li.list-group-item {
    border-top: none;
    border-left: none;
    border-right: none;
}

/*.tournaments-item-prize {
    padding: 0 15px;
    margin-bottom: 5px;
}

.tournaments-item-prize-pool {
    display: inline-block;
    width: 30%;
    padding: 2px;
}*/

/*.tournaments-item-prize-pool .prize-pool {
        background: #20314d;
        border-radius: 20px;
        margin-bottom: 15px;
        position: relative;
        -webkit-box-shadow: 0px -5px 0px 0px #293b5a;
        -moz-box-shadow: 0px -5px 0px 0px #293b5a;
        box-shadow: 0px -5px 0px 0px #293b5a;
    }

        .tournaments-item-prize-pool .prize-pool p {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            font-size: 37px;
        }

    .tournaments-item-prize-pool .amount-pool {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 19px;
    }*/

/*.tournaments-item-sub-2 {
    padding: 0;
}*/

.tournaments-item.next-tournament {
    background: #331525;
}

    .tournaments-item.next-tournament .tournaments-item-sub {
        background: #2a111c;
    }

    .tournaments-item.next-tournament .tournaments-item-prize-pool .prize-pool {
        background: #331525;
        -webkit-box-shadow: 0px -5px 0px 0px #451d32;
        -moz-box-shadow: 0px -5px 0px 0px #451d32;
        box-shadow: 0px -5px 0px 0px #451d32;
    }

.tournaments-item-detail-btn {
    color: #9aa4b5;
    font-weight: bold;
}

    .tournaments-item-detail-btn:hover {
        color: #fff;
    }

/*.tournaments-item-timer {
    font-weight: bold;
    font-size: 19px;
    padding: .20rem 1.5rem;
    margin: 4px auto 12px;
    min-width: 225px;
    display: flex;
}

    .tournaments-item-timer .fa {
        margin: 5px 8px 0;
    }

    .tournaments-item-timer .hours {
        margin-left: 8px;
    }*/

.tournament-detail-header {
    height: 340px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.tournament-detail-content-container {
    background: #0d1015;
    color: #9aa4b5;
}

.tournament-detail-content-container-inner {
    top: -65px;
    position: relative;
}*/

.tournament-detail-parent {
    text-align: center;
    background: #14192c;
    border-radius: 100px;
    padding: 15px 0px 5px;
}

.tournament-detail-sub {
    background: #192236;
    border-radius: 100px;
    height: 105px;
    position: relative;
}

.tournament-detail-sub-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

    .tournament-detail-sub-inner h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        text-transform: capitalize;
        margin: 0;
    }

.card.card-tournament-detail-1 {
    background: #14192c;
}

    .card.card-tournament-detail-1 .card-header .card-card-tournament-detail-1-icon {
        border: solid 1px #ffb400;
        width: 63px;
        height: 63px;
        margin: 0 auto;
        text-align: center;
        color: #ffb400;
        border-radius: 50%;
        padding-top: 12px;
        font-size: 28px;
    }

    .card.card-tournament-detail-1 .card-body {
        background: #192236;
    }

.tournament-detail-prize-container {
    max-width: 400px;
    text-align: center;
    margin: 1rem auto 35px;
}

.tournament-detail-prize-item {
    width: 100%;
    display: inline-block;
    background: #20314d;
    padding: 12px 15px;
    margin-bottom: 5px;
    border-radius: 15px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

    .tournament-detail-prize-item .place-text {
        width: 49%;
        display: inline-block;
    }


        .tournament-detail-prize-item .place-text span {
            vertical-align: middle;
        }

        .tournament-detail-prize-item .place-text .place-text-number {
            color: #ffb400;
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            font-size: 29px;
            margin: 6px;
        }

    .tournament-detail-prize-item .amount-text {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
    }

.table.tournament-detail-winning-table {
    color: inherit;
    text-transform: capitalize;
    font-size: .9rem;
}

    /*.table.tournament-detail-winning-table .thead-dark th {
        color: #9aa4b5;
        background-color: #101424;
        border: none !important;
        padding-left: 17px;
        padding-right: 17px;
    }*/

    .table.tournament-detail-winning-table td, .table.tournament-detail-winning-table th {
        padding: .75rem 17px;
        vertical-align: top;
        border-top: 1px solid rgba(255, 255, 255, .07) !important;
        box-shadow: 0 0 black;
    }

.tournament-detail-winning-table-container::-webkit-scrollbar {
    width: 7px;
}

.tournament-detail-winning-table-container::-webkit-scrollbar-track {
    background: #14181f;
}

.tournament-detail-winning-table-container::-webkit-scrollbar-thumb {
    background: #1b1f28;
    border-radius: 5px;
}

    .tournament-detail-winning-table-container::-webkit-scrollbar-thumb:hover {
        background: #5b6378;
    }

.card.card-tournament-detail-1 .card-header .card-card-tournament-detail-1-icon.align-left {
    width: 45px;
    height: 45px;
    padding-top: 8px;
    font-size: 20px;
    display: inline-block;
}

.tournament-detail-rules-text {
    color: #516585;
    font-size: 17px;
}

.tournament-detail-info-table tr:first-child td {
    border-top: none !important;
}

.tournament-detail-game-item {
    width: 100%;
    height: 125px;
    background: #192236;
    border-radius: 15px;
}

.tournament-detail-games-icon {
    width: 45px;
    height: 45px;
    padding-top: 6px;
    font-size: 20px;
    display: inline-block;
    border: solid 1px #ffb400;
    margin: 0 auto;
    text-align: center;
    color: #ffb400;
    border-radius: 50%;
}

.tournament-detail-games-header {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #ffb400;
    margin-left: 10px;
}

#live-casino-header {
    height: 480px;
    background-size: cover;
}

.casino-list-item {
    background: #1b1f28;
    border-radius: 10px;
    /*padding: 5px;*/
    margin-bottom: 20px;
}

    .casino-list-item .casino-list-item-img {
        border-radius: 10px;
        /*height: 170px;*/
        height: 239px;
        /*height: 379px;*/
        background-size: cover;
        background-position: center;
    }

/*@media only screen and (max-width: 1367px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        max-height: 170px !important;
        height: 122px !important;
    }
}
*/
@media only screen and (max-width: 1200px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 160px !important;
    }
}

@media only screen and (max-width: 1160px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 155px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 140px !important;
    }
}

@media screen and (max-width: 1024px) {
    #tableGames .casino-list-item .casino-list-item-img {
        height: 112px;
    }

    /*    .products-list .slots-list-item-img {
        height: 75px;
    }*/

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 95px !important;
    }
}

@media screen and (max-width: 992px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 200px !important;
    }
}

@media screen and (max-width: 768px) {
    #tableGames .casino-list-item .casino-list-item-img {
        height: 85px;
    }

    .sn_scratch_image {
        height: 112px !important;
    }

    /*    .products-list .slots-list-item-img {
        height: 75px;
    }*/

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 110px !important;
    }
}


@media screen and (max-width: 540px) {
    #tableGames .casino-list-item .casino-list-item-img {
        height: 112px;
    }

    /*    .products-list .slots-list-item-img {
        height: 112px;
    }*/

    #liveCasinoGames .casino-list-item .casino-list-item-img {
        height: 145px;
    }

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 230px !important;
        max-height: 230px !important;
    }
}

    @media screen and (max-width: 414px) {
        #tableGames .casino-list-item .casino-list-item-img {
        height: 80px;
    }

    #liveCasinoGames .casino-list-item .casino-list-item-img {
        height: 112px;
    }

    .sn_scratch_image {
        height: 112px !important;
    }

    /*    .products-list .slots-list-item-img {
        height: 80px;
    }*/

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 170px !important;
    }

    .live-casino__proviers-dropdown-menu.dropdown-menu {
        width: 350px !important;
    }

    .products-navigation-filter-dropdown {
        width: 315px !important;
    }

    .products-navigation-filter-dropdown-content {
        width: 315px !important;
    }

    .bet-amount-filter-dropdown {
        width: 315px !important;
    }

    .products-navigation-filter-dropdown-head h3 {
        margin-right: 160px !important;
    }

    .bet-amount-filter-dropdown-head h3 {
        margin-right: 145px !important;
    }
}

@media only screen and (max-width: 375px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 145px !important;
    }
}

@media only screen and (max-width: 360px) {
    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 140px !important;
    }
}

@media screen and (max-width: 320px) {
    #tableGames .casino-list-item .casino-list-item-img {
        height: 70px;
    }

    .sn_scratch_image {
        height: 70px !important;
    }

    /*    .products-list .slots-list-item-img {
        height: 70px;
    }*/

    #liveCasinoGames .casino-list-item .casino-list-item-img {
        height: 70px;
    }

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 120px !important;
    }
}

@media screen and (max-width: 280px) {
    #tableGames .casino-list-item .casino-list-item-img {
        height: 55px;
    }

    .sn_scratch_image {
        height: 72px !important;
    }

    /*    .products-list .slots-list-item-img {
        height: 55px;
    }*/

    #liveCasinoGames .casino-list-item .casino-list-item-img {
        height: 55px;
    }

    .slots-list-item-container.big .slots-list-item .slots-list-item-img {
        height: 100px !important;
    }
}

.casino-list-item .casino-list-item-over {
    display: none;
    position: inherit;
    background-image: linear-gradient(to bottom, #ffea59, rgba(255, 255, 0, 0));
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
}

    .casino-list-item .casino-list-item-over .casino-list-item-over-inner {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.casino-list-item:hover .casino-list-item-over {
    display: block;
}

.casino-list-item-title {
    /*padding: 10px 5px 0;
    font-family: 'Montserrat', sans-serif;
    float: left;
    line-height: 15px;
    width: calc(100% - 36px);
    height: 72px;*/
    display: none
}

    .casino-list-item-title .casino-list-item-title-name {
        text-transform: uppercase;
        color: #fff;
        font-size: 17px;
        margin-bottom: 6px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .casino-list-item-title .casino-list-item-title-provider {
        text-transform: capitalize;
        color: #5b6378;
        font-size: 15px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.casino-list-item .casino-list-item-favourite-icon {
    /*border: solid 1px #495166;*/
    /*border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 7px 3px 0 0;
    text-align: center;
    float: right;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;*/
}

    .casino-list-item .casino-list-item-favourite-icon i.fa {
        font-size: 15px;
        margin-top: 8px;
    }

.casino-list-item-list {
    margin-bottom: 25px;
}

    .casino-list-item-list img {
        height: 23px;
        margin-right: 5px;
    }

    .casino-list-item-list a {
        color: #83858a;
        text-decoration: none;
    }

        .casino-list-item-list a:hover {
            color: #fff;
        }

.casino-list-item-big.casino-list-item .casino-list-item-img {
    height: 200px;
}

.casino-list-item-big.casino-list-item .casino-list-item-title {
    padding: 15px 10px 5px;
    line-height: 20px;
}

    .casino-list-item-big.casino-list-item .casino-list-item-title .casino-list-item-title-name {
        font-size: 20px;
    }

    .casino-list-item-big.casino-list-item .casino-list-item-title .casino-list-item-title-provider {
        font-size: 16px;
    }

.casino-list-item-big.casino-list-item .casino-list-item-favourite-icon {
    margin: 19px 5px 0 0;
}

.casino-list-item-big.casino-list-item .casino-list-item-over .casino-list-item-over-inner {
    line-height: 50px;
}

.casino-list-item-container.big .casino-list-item .casino-list-item-img {
    height: 220px;
}

.casino-list-item-container .casino-list-item-list {
    display: none;
}

.slots-list-item-container .slots-list-item-list {
    display: none;
}

.slots-list-item-container.list .slots-list-item-list {
    display: block;
}

.slots-list-item-container.list .slots-list-item {
    display: none;
}

.slots-list-item-list a {
    color: #83858a;
    text-decoration: none;
}

    .slots-list-item-list a:hover {
        color: #fff;
    }

/*.slots-list-item-container.big .slots-list-item .slots-list-item-img {
    height: 170px;
}*/

.slots-list-item-container.big .slots-list-item .slots-list-item-dropsandwins-img {
    width: 110px;
}

.slots-list-item-container.big .slots-list-item .slots-list-item-title {
    height: 65px;
}

    .slots-list-item-container.big .slots-list-item .slots-list-item-title .slots-list-item-title-name {
        font-size: 17px;
    }

    .slots-list-item-container.big .slots-list-item .slots-list-item-title .slots-list-item-title-provider {
        font-size: 14px;
    }

.casino-list-item-container.list .casino-list-item-list {
    display: block;
}

.casino-list-item-container.list .casino-list-item {
    display: none;
}

.custom-modal button.close {
    position: initial;
    font-size: 28px;
}

.custom-modal .modal-header {
    border: none;
}

#changePasswordModal .sn-passres-but {
    position: absolute;
    top: 7px;
    right: 30px;
}

.custom-modal .modal-body .modal-body-inner {
    background: #282e3e;
    border-radius: 15px;
    padding: 18px;
    color: #80879e;
}

.custom-modal .modal-footer {
    border: none;
}

.alert {
    border-radius: 15px;
}

.alert-danger {
    border-color: #dc3545;
    background: none;
    color: #dc3545;
}

.alert-success {
    border-color: #14b253;
    background: none;
    color: #14b253;
}

.msg__tabs-list {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.msg__tabs-list__item:first-child {
    border-top-left-radius: 35px;
}

.msg__tabs-list__item:last-child {
    border-top-right-radius: 35px;
}

.msg__tabs-list__item {
    display: block;
    margin: 0 0.5px;
    padding: 0;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    border: solid 1px #3a4151;
}

    .msg__tabs-list__item a {
        display: block;
        font-size: 14px;
        padding: 7px 22px 7px 22px;
        cursor: pointer;
        transition: 250ms;
        -moz-transition: 250ms;
        -ms-transition: 250ms;
        -webkit-transition: 250ms;
        line-height: normal;
        font-family: 'Montserrat', sans-serif;
    }

        .msg__tabs-list__item a:hover {
            text-decoration: none;
            opacity: .85;
        }

    .msg__tabs-list__item:not(.new-message) a {
        color: #ffb400;
        font-size: 14px;
    }

    .msg__tabs-list__item.active, .msg__tabs-list__item.active:hover, .msg__tabs-list__item.active:focus {
        background: #ffb400;
        cursor: auto;
        border: solid 1px #ffb400;
    }

        .msg__tabs-list__item.active a, .msg__tabs-list__item.active:hover a, .msg__tabs-list__item.active:focus a {
            color: #000;
        }

    .msg__tabs-list__item.new-message {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: right;
    }

        .msg__tabs-list__item.new-message a {
            display: inline-block;
            font-size: 14px;
            padding: .5rem 1.5rem;
        }

.msg__message-container {
    padding: 15px;
    border: solid 1px #3a4151;
}

.msg__select {
    float: right;
    width: auto;
    margin-left: 20px;
}

    .msg__select .fa-check {
        border: solid 1px var(--main-color);
        border-radius: 50%;
        margin-right: 3px;
        width: 17px;
        height: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .msg__select .fa-times {
        color: #5b6378;
        border: solid 1px #495166;
        border-radius: 50%;
        margin-right: 3px;
        width: 17px;
        height: 17px;
        align-items: center;
        justify-content: center;
        display: none;
    }

    .msg__select.active {
        color: #5b6378 !important;
        border: solid 1px #495166 !important;
        opacity: .9 !important;
    }

        .msg__select.active .fa-check {
            display: none;
        }

        .msg__select.active .fa-times {
            display: flex !important;
        }

.message__container {
    padding-bottom: 9px;
}

.message__header {
    position: relative;
}

.message__header--unread .message__click.collapsed {
    background-color: #3a4151;
    /*    color: white;*/
}

.message__header--unread .message__click, .message__header--unread .message__click:focus {
    color: var(--grey);
    background-color: #101418;
}

.message__click.collapsed {
    background-color: #1c1e26;
    border: solid 2px #3a4151;
    transition: 250ms;
    -moz-transition: 250ms;
    -ms-transition: 250ms;
    -webkit-transition: 250ms;
}

    /*.message__header--unread .message__click.collapsed:hover {
    background-color: #3d4954;
}*/

    .message__click.collapsed:hover {
        background-color: #3d4050;
    }

.message__click, .message__click:focus {
    color: var(--grey);
    font-size: 14px;
    padding: 0 15px;
    border: none;
    height: 50px;
    background-color: #101418;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: none;
    border-radius: 15px;
    cursor: pointer;
}

    .message__click .message__date {
        font-size: 13px;
        margin-left: auto;
    }

    .message__click .fa-eye {
        font-size: 17px;
        margin-right: 15px;
    }

    .message__click .fa-eye-slash {
        font-size: 17px;
        margin-right: 15px;
        display: none;
    }

.message__header--unread .message__click.collapsed .fa-eye-slash {
    display: inline-block;
    color: #ffb400;
}

.message__header--unread .message__click.collapsed .fa-eye {
    display: none;
}

/*.message__header--unread .message__click.collapsed::before {
    display: block;
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: #ffb401;
}*/
.message__click p {
    margin-bottom: 0;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: normal;
}

.message__subject {
    color: #ffb400;
    padding-right: 20px;
}

.msg_del {
    font-size: 20px;
    transition: color 200ms;
    width: 30px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.message__container:hover .msg_del {
    display: block;
    margin-left: 15px;
}

.msg_del {
    font-size: 20px;
    transition: color 200ms;
    display: none;
}

.message__content {
    color: #cccccc;
    font-size: 15px;
    background-color: #1d242a;
    padding: 30px 20px 15px;
    background-color: #1c1e26;
    border: solid 2px #3a4151;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -15px;
}

.msg_textarea {
    width: 100%;
    height: 210px;
    border: none;
    margin: 0px 0px 5px;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.msg__tabs-header-list {
    list-style-type: none;
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 30px;
    margin: 30px 0 10px;
    border: solid 1px #3a4151;
    border-radius: 50rem;
    flex-wrap: wrap;
}
li.msg__tabs-header-list-li {
    margin: .25rem 0 0.25rem 0;
}

.msg__tabs-header-list h5 {
    color: #ffb400;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 19px;
}

    .msg__tabs-header-list li a {
        line-height: 1.1rem;
        padding: 0.45rem 1.85rem 0.45rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #ffb400;
    }

        .msg__tabs-header-list li a:hover {
            color: black;
        }

    .msg__tabs-header-list .msg__select-all-check {
        font-size: 14px;
        line-height: 1.5rem;
        margin-right: 35px;
        text-align: center;
        color: #ffb400;
        display: flex;
        align-items: center;
        justify-content: center;
    }


input.msg__select-check[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #818797;
    border-radius: 0.4em;
    transform: translateY(-0.055em);
    display: grid;
    place-content: center;
    margin: 0 auto;
    padding: 9px;
}

    input.msg__select-check[type="checkbox"]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #ffb400;
        /* Windows High Contrast Mode */
        background-color: CanvasText;
    }

    input.msg__select-check[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    input.msg__select-check[type="checkbox"]:disabled {
        --form-control-color: var(--form-control-disabled);
        color: var(--form-control-disabled);
        cursor: not-allowed;
    }

.password__progress {
    height: 3px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
    width: calc(100% - 30px);
    margin: 0 auto;
}


.progress-bar-20 {
    background-color: #d8281b;
}

.progress-bar-50 {
    background-color: #ffb400;
}

.progress-bar-100 {
    background-color: var(--green-color);
}

.register__form-info-block {
    color: #faa72c;
    margin-bottom: 13px;
    border-radius: 2px;
    font-size: 14px;
    line-height: normal;
}

.br-left {
    position: relative;
}

    .br-left::after {
        content: '';
        width: 1px;
        height: 92%;
        background-color: #363c4c;
        position: absolute;
        top: 5px;
        left: 0;
    }

.country-dropup button {
    width: 100%;
    padding: .65rem 0.85rem .175rem;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 7px 10px 7px;
}


    .country-dropup button::after {
        padding-bottom: 2px;
        margin-left: auto;
    }

.country-dropup .dropdown-menu {
    max-height: 220px;
    overflow: auto;
    background-color: #1b1f28;
}

    .country-dropup .dropdown-menu::-webkit-scrollbar {
        width: 12px;
    }

    .country-dropup .dropdown-menu::-webkit-scrollbar-track {
        background: #1c1f27;
    }

    .country-dropup .dropdown-menu::-webkit-scrollbar-thumb {
        background: #5b6378;
    }

        .country-dropup .dropdown-menu::-webkit-scrollbar-thumb:hover {
            background: #ccc;
        }

    .country-dropup .dropdown-menu li {
        cursor: pointer;
        pointer-events: auto;
    }

.flag-box {
    margin-right: 6px;
    display: inline-block;
    width: 20px;
}

.iti-flag {
    float: left;
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url(/Content/images/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}


    .iti-flag.ac {
        height: 10px;
        background-position: 0px 0px;
    }

    .iti-flag.ad {
        height: 14px;
        background-position: -22px 0px;
    }

    .iti-flag.ae {
        height: 10px;
        background-position: -44px 0px;
    }

    .iti-flag.af {
        height: 14px;
        background-position: -66px 0px;
    }

    .iti-flag.ag {
        height: 14px;
        background-position: -88px 0px;
    }

    .iti-flag.ai {
        height: 10px;
        background-position: -110px 0px;
    }

    .iti-flag.al {
        height: 15px;
        background-position: -132px 0px;
    }

    .iti-flag.am {
        height: 10px;
        background-position: -154px 0px;
    }

    .iti-flag.ao {
        height: 14px;
        background-position: -176px 0px;
    }

    .iti-flag.aq {
        height: 14px;
        background-position: -198px 0px;
    }

    .iti-flag.ar {
        height: 13px;
        background-position: -220px 0px;
    }

    .iti-flag.as {
        height: 10px;
        background-position: -242px 0px;
    }

    .iti-flag.at {
        height: 14px;
        background-position: -264px 0px;
    }

    .iti-flag.au {
        height: 10px;
        background-position: -286px 0px;
    }

    .iti-flag.aw {
        height: 14px;
        background-position: -308px 0px;
    }

    .iti-flag.ax {
        height: 13px;
        background-position: -330px 0px;
    }

    .iti-flag.az {
        height: 10px;
        background-position: -352px 0px;
    }

    .iti-flag.ba {
        height: 10px;
        background-position: -374px 0px;
    }

    .iti-flag.bb {
        height: 14px;
        background-position: -396px 0px;
    }

    .iti-flag.bd {
        height: 12px;
        background-position: -418px 0px;
    }

    .iti-flag.be {
        height: 15px;
        background-position: -440px 0px;
    }

    .iti-flag.bf {
        height: 14px;
        background-position: -460px 0px;
    }

    .iti-flag.bg {
        height: 12px;
        background-position: -482px 0px;
    }

    .iti-flag.bh {
        height: 12px;
        background-position: -504px 0px;
    }

    .iti-flag.bi {
        height: 12px;
        background-position: -526px 0px;
    }

    .iti-flag.bj {
        height: 14px;
        background-position: -548px 0px;
    }

    .iti-flag.bl {
        height: 14px;
        background-position: -570px 0px;
    }

    .iti-flag.bm {
        height: 10px;
        background-position: -592px 0px;
    }

    .iti-flag.bn {
        height: 10px;
        background-position: -614px 0px;
    }

    .iti-flag.bo {
        height: 14px;
        background-position: -636px 0px;
    }

    .iti-flag.bq {
        height: 14px;
        background-position: -658px 0px;
    }

    .iti-flag.br {
        height: 14px;
        background-position: -680px 0px;
    }

    .iti-flag.bs {
        height: 10px;
        background-position: -702px 0px;
    }

    .iti-flag.bt {
        height: 14px;
        background-position: -724px 0px;
    }

    .iti-flag.bv {
        height: 15px;
        background-position: -746px 0px;
    }

    .iti-flag.bw {
        height: 14px;
        background-position: -768px 0px;
    }

    .iti-flag.by {
        height: 10px;
        background-position: -790px 0px;
    }

    .iti-flag.bz {
        height: 14px;
        background-position: -812px 0px;
    }

    .iti-flag.ca {
        height: 10px;
        background-position: -834px 0px;
    }

    .iti-flag.cc {
        height: 10px;
        background-position: -856px 0px;
    }

    .iti-flag.cd {
        height: 15px;
        background-position: -878px 0px;
    }

    .iti-flag.cf {
        height: 14px;
        background-position: -900px 0px;
    }

    .iti-flag.cg {
        height: 14px;
        background-position: -922px 0px;
    }

    .iti-flag.ch {
        height: 15px;
        background-position: -944px 0px;
    }

    .iti-flag.ci {
        height: 14px;
        background-position: -961px 0px;
    }

    .iti-flag.ck {
        height: 10px;
        background-position: -983px 0px;
    }

    .iti-flag.cl {
        height: 14px;
        background-position: -1005px 0px;
    }

    .iti-flag.cm {
        height: 14px;
        background-position: -1027px 0px;
    }

    .iti-flag.cn {
        height: 14px;
        background-position: -1049px 0px;
    }

    .iti-flag.co {
        height: 14px;
        background-position: -1071px 0px;
    }

    .iti-flag.cp {
        height: 14px;
        background-position: -1093px 0px;
    }

    .iti-flag.cr {
        height: 12px;
        background-position: -1115px 0px;
    }

    .iti-flag.cu {
        height: 10px;
        background-position: -1137px 0px;
    }

    .iti-flag.cv {
        height: 12px;
        background-position: -1159px 0px;
    }

    .iti-flag.cw {
        height: 14px;
        background-position: -1181px 0px;
    }

    .iti-flag.cx {
        height: 10px;
        background-position: -1203px 0px;
    }

    .iti-flag.cy {
        height: 13px;
        background-position: -1225px 0px;
    }

    .iti-flag.cz {
        height: 14px;
        background-position: -1247px 0px;
    }

    .iti-flag.de {
        height: 12px;
        background-position: -1269px 0px;
    }

    .iti-flag.dg {
        height: 10px;
        background-position: -1291px 0px;
    }

    .iti-flag.dj {
        height: 14px;
        background-position: -1313px 0px;
    }

    .iti-flag.dk {
        height: 15px;
        background-position: -1335px 0px;
    }

    .iti-flag.dm {
        height: 10px;
        background-position: -1357px 0px;
    }

    .iti-flag.do {
        height: 13px;
        background-position: -1379px 0px;
    }

    .iti-flag.dz {
        height: 14px;
        background-position: -1401px 0px;
    }

    .iti-flag.ea {
        height: 14px;
        background-position: -1423px 0px;
    }

    .iti-flag.ec {
        height: 14px;
        background-position: -1445px 0px;
    }

    .iti-flag.ee {
        height: 13px;
        background-position: -1467px 0px;
    }

    .iti-flag.eg {
        height: 14px;
        background-position: -1489px 0px;
    }

    .iti-flag.eh {
        height: 10px;
        background-position: -1511px 0px;
    }

    .iti-flag.er {
        height: 10px;
        background-position: -1533px 0px;
    }

    .iti-flag.es {
        height: 14px;
        background-position: -1555px 0px;
    }

    .iti-flag.et {
        height: 10px;
        background-position: -1577px 0px;
    }

    .iti-flag.eu {
        height: 14px;
        background-position: -1599px 0px;
    }

    .iti-flag.fi {
        height: 12px;
        background-position: -1621px 0px;
    }

    .iti-flag.fj {
        height: 10px;
        background-position: -1643px 0px;
    }

    .iti-flag.fk {
        height: 10px;
        background-position: -1665px 0px;
    }

    .iti-flag.fm {
        height: 11px;
        background-position: -1687px 0px;
    }

    .iti-flag.fo {
        height: 15px;
        background-position: -1709px 0px;
    }

    .iti-flag.fr {
        height: 14px;
        background-position: -1731px 0px;
    }

    .iti-flag.ga {
        height: 15px;
        background-position: -1753px 0px;
    }

    .iti-flag.gb {
        height: 10px;
        background-position: -1775px 0px;
    }

    .iti-flag.gd {
        height: 12px;
        background-position: -1797px 0px;
    }

    .iti-flag.ge {
        height: 14px;
        background-position: -1819px 0px;
    }

    .iti-flag.gf {
        height: 14px;
        background-position: -1841px 0px;
    }

    .iti-flag.gg {
        height: 14px;
        background-position: -1863px 0px;
    }

    .iti-flag.gh {
        height: 14px;
        background-position: -1885px 0px;
    }

    .iti-flag.gi {
        height: 10px;
        background-position: -1907px 0px;
    }

    .iti-flag.gl {
        height: 14px;
        background-position: -1929px 0px;
    }

    .iti-flag.gm {
        height: 14px;
        background-position: -1951px 0px;
    }

    .iti-flag.gn {
        height: 14px;
        background-position: -1973px 0px;
    }

    .iti-flag.gp {
        height: 14px;
        background-position: -1995px 0px;
    }

    .iti-flag.gq {
        height: 14px;
        background-position: -2017px 0px;
    }

    .iti-flag.gr {
        height: 14px;
        background-position: -2039px 0px;
    }

    .iti-flag.gs {
        height: 10px;
        background-position: -2061px 0px;
    }

    .iti-flag.gt {
        height: 13px;
        background-position: -2083px 0px;
    }

    .iti-flag.gu {
        height: 11px;
        background-position: -2105px 0px;
    }

    .iti-flag.gw {
        height: 10px;
        background-position: -2127px 0px;
    }

    .iti-flag.gy {
        height: 12px;
        background-position: -2149px 0px;
    }

    .iti-flag.hk {
        height: 14px;
        background-position: -2171px 0px;
    }

    .iti-flag.hm {
        height: 10px;
        background-position: -2193px 0px;
    }

    .iti-flag.hn {
        height: 10px;
        background-position: -2215px 0px;
    }

    .iti-flag.hr {
        height: 10px;
        background-position: -2237px 0px;
    }

    .iti-flag.ht {
        height: 12px;
        background-position: -2259px 0px;
    }

    .iti-flag.hu {
        height: 10px;
        background-position: -2281px 0px;
    }

    .iti-flag.ic {
        height: 14px;
        background-position: -2303px 0px;
    }

    .iti-flag.id {
        height: 14px;
        background-position: -2325px 0px;
    }

    .iti-flag.ie {
        height: 10px;
        background-position: -2347px 0px;
    }

    .iti-flag.il {
        height: 15px;
        background-position: -2369px 0px;
    }

    .iti-flag.im {
        height: 10px;
        background-position: -2391px 0px;
    }

    .iti-flag.in {
        height: 14px;
        background-position: -2413px 0px;
    }

    .iti-flag.io {
        height: 10px;
        background-position: -2435px 0px;
    }

    .iti-flag.iq {
        height: 14px;
        background-position: -2457px 0px;
    }

    .iti-flag.ir {
        height: 12px;
        background-position: -2479px 0px;
    }

    .iti-flag.is {
        height: 15px;
        background-position: -2501px 0px;
    }

    .iti-flag.it {
        height: 14px;
        background-position: -2523px 0px;
    }

    .iti-flag.je {
        height: 12px;
        background-position: -2545px 0px;
    }

    .iti-flag.jm {
        height: 10px;
        background-position: -2567px 0px;
    }

    .iti-flag.jo {
        height: 10px;
        background-position: -2589px 0px;
    }

    .iti-flag.jp {
        height: 14px;
        background-position: -2611px 0px;
    }

    .iti-flag.ke {
        height: 14px;
        background-position: -2633px 0px;
    }

    .iti-flag.kg {
        height: 12px;
        background-position: -2655px 0px;
    }

    .iti-flag.kh {
        height: 13px;
        background-position: -2677px 0px;
    }

    .iti-flag.ki {
        height: 10px;
        background-position: -2699px 0px;
    }

    .iti-flag.km {
        height: 12px;
        background-position: -2721px 0px;
    }

    .iti-flag.kn {
        height: 14px;
        background-position: -2743px 0px;
    }

    .iti-flag.kp {
        height: 10px;
        background-position: -2765px 0px;
    }

    .iti-flag.kr {
        height: 14px;
        background-position: -2787px 0px;
    }

    .iti-flag.kw {
        height: 10px;
        background-position: -2809px 0px;
    }

    .iti-flag.ky {
        height: 10px;
        background-position: -2831px 0px;
    }

    .iti-flag.kz {
        height: 10px;
        background-position: -2853px 0px;
    }

    .iti-flag.la {
        height: 14px;
        background-position: -2875px 0px;
    }

    .iti-flag.lb {
        height: 14px;
        background-position: -2897px 0px;
    }

    .iti-flag.lc {
        height: 10px;
        background-position: -2919px 0px;
    }

    .iti-flag.li {
        height: 12px;
        background-position: -2941px 0px;
    }

    .iti-flag.lk {
        height: 10px;
        background-position: -2963px 0px;
    }

    .iti-flag.lr {
        height: 11px;
        background-position: -2985px 0px;
    }

    .iti-flag.ls {
        height: 14px;
        background-position: -3007px 0px;
    }

    .iti-flag.lt {
        height: 12px;
        background-position: -3029px 0px;
    }

    .iti-flag.lu {
        height: 12px;
        background-position: -3051px 0px;
    }

    .iti-flag.lv {
        height: 10px;
        background-position: -3073px 0px;
    }

    .iti-flag.ly {
        height: 10px;
        background-position: -3095px 0px;
    }

    .iti-flag.ma {
        height: 14px;
        background-position: -3117px 0px;
    }

    .iti-flag.mc {
        height: 15px;
        background-position: -3139px 0px;
    }

    .iti-flag.md {
        height: 10px;
        background-position: -3160px 0px;
    }

    .iti-flag.me {
        height: 10px;
        background-position: -3182px 0px;
    }

    .iti-flag.mf {
        height: 14px;
        background-position: -3204px 0px;
    }

    .iti-flag.mg {
        height: 14px;
        background-position: -3226px 0px;
    }

    .iti-flag.mh {
        height: 11px;
        background-position: -3248px 0px;
    }

    .iti-flag.mk {
        height: 10px;
        background-position: -3270px 0px;
    }

    .iti-flag.ml {
        height: 14px;
        background-position: -3292px 0px;
    }

    .iti-flag.mm {
        height: 14px;
        background-position: -3314px 0px;
    }

    .iti-flag.mn {
        height: 10px;
        background-position: -3336px 0px;
    }

    .iti-flag.mo {
        height: 14px;
        background-position: -3358px 0px;
    }

    .iti-flag.mp {
        height: 10px;
        background-position: -3380px 0px;
    }

    .iti-flag.mq {
        height: 14px;
        background-position: -3402px 0px;
    }

    .iti-flag.mr {
        height: 14px;
        background-position: -3424px 0px;
    }

    .iti-flag.ms {
        height: 10px;
        background-position: -3446px 0px;
    }

    .iti-flag.mt {
        height: 14px;
        background-position: -3468px 0px;
    }

    .iti-flag.mu {
        height: 14px;
        background-position: -3490px 0px;
    }

    .iti-flag.mv {
        height: 14px;
        background-position: -3512px 0px;
    }

    .iti-flag.mw {
        height: 14px;
        background-position: -3534px 0px;
    }

    .iti-flag.mx {
        height: 12px;
        background-position: -3556px 0px;
    }

    .iti-flag.my {
        height: 10px;
        background-position: -3578px 0px;
    }

    .iti-flag.mz {
        height: 14px;
        background-position: -3600px 0px;
    }

    .iti-flag.na {
        height: 14px;
        background-position: -3622px 0px;
    }

    .iti-flag.nc {
        height: 10px;
        background-position: -3644px 0px;
    }

    .iti-flag.ne {
        height: 15px;
        background-position: -3666px 0px;
    }

    .iti-flag.nf {
        height: 10px;
        background-position: -3686px 0px;
    }

    .iti-flag.ng {
        height: 10px;
        background-position: -3708px 0px;
    }

    .iti-flag.ni {
        height: 12px;
        background-position: -3730px 0px;
    }

    .iti-flag.nl {
        height: 14px;
        background-position: -3752px 0px;
    }

    .iti-flag.no {
        height: 15px;
        background-position: -3774px 0px;
    }

    .iti-flag.np {
        height: 15px;
        background-position: -3796px 0px;
    }

    .iti-flag.nr {
        height: 10px;
        background-position: -3811px 0px;
    }

    .iti-flag.nu {
        height: 10px;
        background-position: -3833px 0px;
    }

    .iti-flag.nz {
        height: 10px;
        background-position: -3855px 0px;
    }

    .iti-flag.om {
        height: 10px;
        background-position: -3877px 0px;
    }

    .iti-flag.pa {
        height: 14px;
        background-position: -3899px 0px;
    }

    .iti-flag.pe {
        height: 14px;
        background-position: -3921px 0px;
    }

    .iti-flag.pf {
        height: 14px;
        background-position: -3943px 0px;
    }

    .iti-flag.pg {
        height: 15px;
        background-position: -3965px 0px;
    }

    .iti-flag.ph {
        height: 10px;
        background-position: -3987px 0px;
    }

    .iti-flag.pk {
        height: 14px;
        background-position: -4009px 0px;
    }

    .iti-flag.pl {
        height: 13px;
        background-position: -4031px 0px;
    }

    .iti-flag.pm {
        height: 14px;
        background-position: -4053px 0px;
    }

    .iti-flag.pn {
        height: 10px;
        background-position: -4075px 0px;
    }

    .iti-flag.pr {
        height: 14px;
        background-position: -4097px 0px;
    }

    .iti-flag.ps {
        height: 10px;
        background-position: -4119px 0px;
    }

    .iti-flag.pt {
        height: 14px;
        background-position: -4141px 0px;
    }

    .iti-flag.pw {
        height: 13px;
        background-position: -4163px 0px;
    }

    .iti-flag.py {
        height: 11px;
        background-position: -4185px 0px;
    }

    .iti-flag.qa {
        height: 8px;
        background-position: -4207px 0px;
    }

    .iti-flag.re {
        height: 14px;
        background-position: -4229px 0px;
    }

    .iti-flag.ro {
        height: 14px;
        background-position: -4251px 0px;
    }

    .iti-flag.rs {
        height: 14px;
        background-position: -4273px 0px;
    }

    .iti-flag.ru {
        height: 14px;
        background-position: -4295px 0px;
    }

    .iti-flag.rw {
        height: 14px;
        background-position: -4317px 0px;
    }

    .iti-flag.sa {
        height: 14px;
        background-position: -4339px 0px;
    }

    .iti-flag.sb {
        height: 10px;
        background-position: -4361px 0px;
    }

    .iti-flag.sc {
        height: 10px;
        background-position: -4383px 0px;
    }

    .iti-flag.sd {
        height: 10px;
        background-position: -4405px 0px;
    }

    .iti-flag.se {
        height: 13px;
        background-position: -4427px 0px;
    }

    .iti-flag.sg {
        height: 14px;
        background-position: -4449px 0px;
    }

    .iti-flag.sh {
        height: 10px;
        background-position: -4471px 0px;
    }

    .iti-flag.si {
        height: 10px;
        background-position: -4493px 0px;
    }

    .iti-flag.sj {
        height: 15px;
        background-position: -4515px 0px;
    }

    .iti-flag.sk {
        height: 14px;
        background-position: -4537px 0px;
    }

    .iti-flag.sl {
        height: 14px;
        background-position: -4559px 0px;
    }

    .iti-flag.sm {
        height: 15px;
        background-position: -4581px 0px;
    }

    .iti-flag.sn {
        height: 14px;
        background-position: -4603px 0px;
    }

    .iti-flag.so {
        height: 14px;
        background-position: -4625px 0px;
    }

    .iti-flag.sr {
        height: 14px;
        background-position: -4647px 0px;
    }

    .iti-flag.ss {
        height: 10px;
        background-position: -4669px 0px;
    }

    .iti-flag.st {
        height: 10px;
        background-position: -4691px 0px;
    }

    .iti-flag.sv {
        height: 12px;
        background-position: -4713px 0px;
    }

    .iti-flag.sx {
        height: 14px;
        background-position: -4735px 0px;
    }

    .iti-flag.sy {
        height: 14px;
        background-position: -4757px 0px;
    }

    .iti-flag.sz {
        height: 14px;
        background-position: -4779px 0px;
    }

    .iti-flag.ta {
        height: 10px;
        background-position: -4801px 0px;
    }

    .iti-flag.tc {
        height: 10px;
        background-position: -4823px 0px;
    }

    .iti-flag.td {
        height: 14px;
        background-position: -4845px 0px;
    }

    .iti-flag.tf {
        height: 14px;
        background-position: -4867px 0px;
    }

    .iti-flag.tg {
        height: 13px;
        background-position: -4889px 0px;
    }

    .iti-flag.th {
        height: 14px;
        background-position: -4911px 0px;
    }

    .iti-flag.tj {
        height: 10px;
        background-position: -4933px 0px;
    }

    .iti-flag.tk {
        height: 10px;
        background-position: -4955px 0px;
    }

    .iti-flag.tl {
        height: 10px;
        background-position: -4977px 0px;
    }

    .iti-flag.tm {
        height: 14px;
        background-position: -4999px 0px;
    }

    .iti-flag.tn {
        height: 14px;
        background-position: -5021px 0px;
    }

    .iti-flag.to {
        height: 10px;
        background-position: -5043px 0px;
    }

    .iti-flag.tr {
        height: 14px;
        background-position: -5065px 0px;
    }

    .iti-flag.tt {
        height: 12px;
        background-position: -5087px 0px;
    }

    .iti-flag.tv {
        height: 10px;
        background-position: -5109px 0px;
    }

    .iti-flag.tw {
        height: 14px;
        background-position: -5131px 0px;
    }

    .iti-flag.tz {
        height: 14px;
        background-position: -5153px 0px;
    }

    .iti-flag.ua {
        height: 14px;
        background-position: -5175px 0px;
    }

    .iti-flag.ug {
        height: 14px;
        background-position: -5197px 0px;
    }

    .iti-flag.um {
        height: 11px;
        background-position: -5219px 0px;
    }

    .iti-flag.us {
        height: 11px;
        background-position: -5241px 0px;
    }

    .iti-flag.uy {
        height: 14px;
        background-position: -5263px 0px;
    }

    .iti-flag.uz {
        height: 10px;
        background-position: -5285px 0px;
    }

    .iti-flag.va {
        height: 15px;
        background-position: -5307px 0px;
    }

    .iti-flag.vc {
        height: 14px;
        background-position: -5324px 0px;
    }

    .iti-flag.ve {
        height: 14px;
        background-position: -5346px 0px;
    }

    .iti-flag.vg {
        height: 10px;
        background-position: -5368px 0px;
    }

    .iti-flag.vi {
        height: 14px;
        background-position: -5390px 0px;
    }

    .iti-flag.vn {
        height: 14px;
        background-position: -5412px 0px;
    }

    .iti-flag.vu {
        height: 12px;
        background-position: -5434px 0px;
    }

    .iti-flag.wf {
        height: 14px;
        background-position: -5456px 0px;
    }

    .iti-flag.ws {
        height: 10px;
        background-position: -5478px 0px;
    }

    .iti-flag.xk {
        height: 15px;
        background-position: -5500px 0px;
    }

    .iti-flag.ye {
        height: 14px;
        background-position: -5522px 0px;
    }

    .iti-flag.yt {
        height: 14px;
        background-position: -5544px 0px;
    }

    .iti-flag.za {
        height: 14px;
        background-position: -5566px 0px;
    }

    .iti-flag.zm {
        height: 14px;
        background-position: -5588px 0px;
    }

    .iti-flag.zw {
        height: 10px;
        background-position: -5610px 0px;
    }


.register__form-col--padding-r {
    padding-right: 0;
}

.register__form-col--padding-l {
    /*padding-left: 0;*/
    display: flex;
}

.login__container {
    margin: 50px auto;
    max-width: 530px;
    background: #282e3e;
    border-radius: 15px;
    padding: 21px;
    color: #80879e;
}

.login__container__title {
    text-align: center;
    color: #ffb400;
    font-weight: 100;
}

.login__container .form-group .pass-recovery__flag {
    background: url(/Content/images/Tr_flag.png) no-repeat center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-size: cover;
}

.login__container .form-group .recovery_pass__phone-pre span {
    border-right: solid 1px #9f9f9f;
    padding-right: 5px;
}

.login__title__icon {
    border: solid 1px #ffb400;
    border-radius: 50%;
    margin-right: 7px;
    width: 48px;
    height: 48px;
    text-align: center;
    display: inline-block;
    padding-top: 4px;
}

.login__lost-password {
    color: #33a2b7 !important;
}

.login__register__hr {
    background: #434d67;
    width: 85%;
}

.page-h1-header {
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    float: left;
}


.login-container {
    background: URL('../images/login-container-bg.png') repeat-x #0d1015;
}

.error-messages__container {
    margin-bottom: 15px;
    padding: 10px 17px 8px 17px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border-radius: 10px;
}

.error-text {
    display: flex;
    color: var(--red-color);
}

    .error-text ul {
        list-style-type: none;
        padding-left: 20px;
        margin-bottom: 0;
    }


.table-dark > thead > tr > th {
    padding: 12px 8px 10px 12px;
    vertical-align: bottom;
    border: 0;
    line-height: 16px;
    color: var(--main-color);
    height: 40px;
    border-bottom: 2px solid #272f36;
    background: #1b1e26;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}

.table-dark > tbody > tr {
    background-color: rgba(29, 36, 42, .08);
}

    .table-dark > tbody > tr:nth-of-type(2n+1) {
        background-color: #1b1f28;
    }

    .table-dark > tbody > tr > td, .table-dark > tbody > tr > th, .table-dark > tfoot > tr > td, .table-dark > tfoot > tr > th {
        padding: 7px 8px 7px 12px;
        vertical-align: middle;
        border: 0;
        line-height: 16px;
        color: #9aa4b5;
        height: 40px;
        font-size: 13px;
    }

.bonus__deacivate_btn {
    padding: .3rem .7rem;
    font-size: .8rem;
}

.overflow-scroll__mobile {
    overflow-x: hidden;
}

.transactions-filters input,
.transactions-filters select {
    font-size: 14px;
    height: 36px;
    padding: 0 4px 0 10px;
    text-align: left !important;
    border-radius: 2px !important;
}


.transactions-filter__label {
    font-size: 15px;
    min-height: 22px;
}

.transactions-filter__show-btn {
    margin-top: 34px;
}


.transactions-filters .select2-selection--single {
    font-size: 14px;
    height: 36px !important;
    border-radius: 2px !important;
}


#btnGroupDrop2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px;
}

/*#btnGroupDrop1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
}*/
.btnGroupDrop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

    .btnGroupDrop:last-child {
        border-top-right-radius: 10em;
        border-bottom-right-radius: 10em;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: -1px;
    }

    .btnGroupDrop::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        right: 9px;
        top: calc(50% - 3px);
    }

    .btnGroupDrop.btnGroupDropBalance::after {
        display: none;
    }

.user-navigation-options-btn {
    display: flex;
    align-items: center;
}

    .user-navigation-options-btn.full-name {
        margin-right: 4px;
    }

    .user-navigation-options-btn::after {
        display: none;
    }

.datepicker.dropdown-menu {
    z-index: 100 !important;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    color: #000 !important;
    background-color: var(--main-color) !important;
    opacity: .8 !important;
}

.datepicker table tr td.range:hover {
    background-color: var(--main-color) !important;
}

.transactions-status_pending {
    color: rgb(236, 153, 13);
}

.transactions-status_success {
    color: rgb(75, 158, 96);
}

.transactions-status_rejected {
    color: rgb(206, 48, 48);
}

.transactions-status_canceledbyuser {
    color: rgb(206, 48, 48);
}

.transactions-status_errorwithrollback {
    color: rgb(206, 48, 48);
}

.transactions-history-table > tbody > tr > td span.td-name {
    display: none;
    float: left;
    color: #565977;
}


.footer_list_heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.footer_list {
    margin: 5px 0 40px;
    list-style-type: none;
    padding: 0;
    text-transform: capitalize;
}

.footer_list-item-link {
    font-family: 'Montserrat', sans-serif;
    color: #565977;
    transition: .2s;
    font-size: 12px;
}

    .footer_list-item-link:hover {
        color: #fff;
        text-decoration: none;
    }

.footer_info-text {
    margin-top: 12px;
    font-size: 14px;
    /*color: #fff;*/
    font-family: 'Open Sans', sans-serif;
}

.footer_hr {
    background-color: #1f2026;
    margin: 0 0 38px;
}

.footer_copyright {
    /*color: #fff;*/
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 15px;
    border-top: solid 1px #1f2026;
    padding: 20px 0 20px;
}

.footer_licence_text {
    margin: 15px 0 0;
    font-size: 14px;
}

footer {
    background: #0a0d11;
    padding-top: 60px;
}

.footer-providers-img {
    width: 90%;
    height: auto;
}

.slider__container.live-casino_slider-container,
.slider__container.slots_slider-container,
.slider__container.virtual-games_slider-container {
    height: 480px;
}

.slider__container__inner {
    position: absolute;
    z-index: 17;
    left: 0;
    right: 0;
}

#sn_personaldetails_modal .modal-dialog {
    max-width: 630px;
}

#sn_personaldetails_modal .modal-body {
    background: #282e3e;
    border-radius: 15px;
    padding: 18px;
    margin: 0 15px 15px;
    color: #80879e;
}
/* _PersonalDetailsForm style */
.products-navigation-cities-list {
    font-size: 14px;
    padding: 0 12px;
    max-height: 350px;
    overflow-y: auto;
}

    .products-navigation-cities-list::-webkit-scrollbar {
        width: 8px;
    }

    .products-navigation-cities-list::-webkit-scrollbar-track {
        background: trasparent;
    }

    .products-navigation-cities-list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .2);
        border-radius: 6px;
    }

    .products-navigation-cities-list .products-navigation-filter-list-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer;
        color: white;
    }

        .products-navigation-cities-list .products-navigation-filter-list-item:hover {
            color: var(--main-color);
        }

        .products-navigation-cities-list .products-navigation-filter-list-item .category-filter__games-number {
            color: var(--main-color);
            font-weight: bold;
        }

        .products-navigation-cities-list .products-navigation-filter-list-item.category-filter__link--active {
            color: var(--main-color);
        }

.personal__Details_dropdown-button {
    color: #cccccc;
}

    .personal__Details_dropdown-button:focus {
        outline: none !important;
    }

.personal__Details_dropdown-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.personal__Details_dropdown-button {
    width: 100%;
    height: 38px;
    padding: 10px;
    border: solid 1px #434d67;
    border-radius: 4px;
    cursor: pointer;
    background-color: transparent;
    text-align: left;
}

.personal__Details_dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    overflow-y: auto;
    padding: 12px 10px;
    background: #1c1e22;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
}

.personal__Details_dropdown-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .personal__Details_dropdown-content::-webkit-scrollbar {
        display: none;
    }

    .personal__Details_dropdown-content .products-navigation-search-item-provider .form-control {
        border: solid 1px rgba(255, 255, 255, .1) !important;
        background: transparent;
        padding: 10px 15px;
        border-radius: 0px !important;
        color: white;
        margin-bottom: 10px;
        font-size: 17px;
        right: 0 !important;
        background-image: url(/Content/img/search-icon-grey.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 16px) center;
        background-size: 16px;
    }

    .personal__Details_dropdown-content .products-navigation-search-item-provider input {
        box-sizing: border-box;
        width: 100%;
        padding: 8px;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .personal__Details_dropdown-content .products-navigation-cities-list div {
        padding: 12px 16px;
        cursor: pointer;
        background-color: #1c1e22;
        color: white;
    }

        .personal__Details_dropdown-content .products-navigation-cities-list div:hover {
            background-color: #ffc600;
        }

.products-navigation-cities-list {
    max-height: 250px !important;
    padding: 0 !important;
}

.personal__Details_show {
    display: block;
}
/* _PersonalDetailsForm style end*/
.copp_form-container {
    background: #282e3e;
    border-radius: 15px;
    padding: 17px;
    margin: 50px auto 70px;
    color: #80879e;
    overflow: hidden;
}

    .copp_form-container .sn-passres-but {
        position: absolute;
        top: 7px;
        right: 15px;
    }

.hidden {
    display: none;
}

.promotions__step {
    padding: 45px 0 50px 0;
    background-color: #282e3e;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.promotions__step-number {
    color: var(--main-color);
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

    .promotions__step-number::after {
        content: "";
        width: 35px;
        height: 1px;
        display: block;
        background-color: #373c4b;
        margin: 30px auto;
    }

.promotions__step-description--width {
    width: 170px;
    margin: auto;
}

.promotions__step-description {
    font-size: 18px;
    color: #80879e;
}

.contact__form-captcha-input-container {
    width: 100px;
    margin-right: 7px;
}

.contact__form-captcha-code-img {
    width: 90px;
    height: 37px;
}

.contact__form-captcha-refresh-button {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: solid 1px #272e3a;
}

.contact_info-card {
    border-radius: 5px;
    margin: 10px 5px 35px;
}

    .contact_info-card .card-header {
        background-color: #272e3a;
    }

.sms-code__input-container {
    position: relative;
    width: 65%;
    min-width: 65%;
    max-width: 65%;
    margin-right: 10px;
    flex-grow: 1;
}

.reset_pass_sms_timer {
    position: absolute;
    top: 8px;
    right: 25px;
    line-height: 20px;
    color: #fff;
    opacity: .4;
    font-size: 17px;
}

.sms-code__button-container {
    flex-grow: 1;
}

.products-navigation_search_input-container {
    text-align: center;
    display: none;
    font-size: 24px;
}

    .products-navigation_search_input-container input {
        width: 90%;
        height: 48px;
        margin-top: 28px;
        font-size: 16px;
        padding-left: 20px;
    }

.products-navigation-filter-content .products-navigation_search_input-container.w-715 {
    width: 715px;
}

.products-navigation-filter-content .products-navigation_search_input-container {
    width: 550px;
    display: block;
    text-align: center;
    position: relative;
}

    .products-navigation-filter-content .products-navigation_search_input-container input {
        width: 100%;
        height: auto;
        font-size: 16px;
        padding-left: 20px;
        margin-top: 0;
        border-radius: 18px;
        border-color: #363c4c;
    }

.products-navigation_search-btn {
    height: 100%;
    background-color: #ffaa2c;
    color: #14181f;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    border: 1px solid #363c4c;
    border-radius: 18px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

    .products-navigation_search-btn:focus {
        outline: none;
    }

.products-navigation_search {
    padding-left: 7px;
}

.products-navigation-filter-content .products-navigation-filter-providers-dropdown-cont {
    max-width: fit-content;
}

.products-navigation_close-search {
    margin-left: -40px;
    cursor: pointer;
}

    .products-navigation_close-search:hover {
        color: #fff;
    }


/*deposit withdraw*/
.depbg {
    /*background: #101418 !important;*/
}

.deposit1 {
    padding: 0;
    /*background: #181e23;*/
    /*color: var(--grey);*/
    /*font-size: 14px;*/
    /*line-height: 20px;*/
    cursor: pointer;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.sn-hovicon1 {
    text-align: center;
    line-height: 28px;
    position: absolute;
    /*left: 7px;
    top: 4px;*/
    left: 20px;
    top: 5px;
    font-size: 16px;
    color: var(--grey);
    cursor: pointer;
    z-index: 1;
}

    .sn-hovicon1 .fa-star {
        display: none;
    }

    .sn-hovicon1.snfavact .fa-star {
        display: inline-block;
    }

    .sn-hovicon1.snfavact .fa-star-o {
        display: none;
    }

.dep_open1 {
    display: none;
    padding: 20px 15px 15px;
    background: #101319;
    margin: 5px 0px 0;
    border-radius: 10px;
}

.dep_open2 {
    font-size: 16px;
    color: var(--main-color);
    padding-bottom: 5px;
}

.dep_open3 {
    /*float: left;
    width: 440px;*/
}

.dep_open4 {
    padding: 0 15px 15px 15px;
    background: #282e3e;
}

.dep_open4_2 {
    padding-bottom: 6px;
}

.dep_open4_1 {
    margin: 0 -15px 10px -15px;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #404b52;
    margin: 0 -15px 10px -15px;
    font-size: 15px;
    text-transform: uppercase;
}


.dep_open5 {
    float: left;
    width: 44%;
    color: #cccccc;
    font-size: 14px;
    line-height: 20px;
    padding-top: 6px;
}

.dep_open5_1 {
    float: left;
    width: 53%;
    padding-bottom: 11px;
}

    .dep_open5_1 input {
        height: 35px;
        padding: 6px 10px;
    }

    .dep_open5_1 .select2-container--default .select2-selection--single {
        height: 35px;
    }

.dep_close {
    color: #7a849c !important;
    cursor: pointer;
}

.select2-dropdown {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(180, 255, 0, .3);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ffc600;
    color: #000;
}


.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    background-color: #ffc600;
    color: #000;
    opacity: .9;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffc600;
    color: #000;
    opacity: .9;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: none;
}

.select2-container {
    width: 100% !important;
}

.registerSelect2 .select2-container {
    width: 80px !important;
}

.select2-container--default .select2-selection--single {
    background: transparent;
    border: solid 1px #434d67;
    border-radius: 5px;
    height: 32px;
}

span.select2-container--focus, span.select2-container--open {
    box-shadow: none;
}


.select2-results__options::-webkit-scrollbar {
    width: 12px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #2d303b;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #5b6378 !important;
    width: 100%;
    height: 40px;
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}


.trans_ok {
    font-size: 14px;
    color: white;
    padding: 8px 10px 8px 25px;
    background: var(--green-color) url(/Content/images/ok.png) no-repeat left;
    margin-bottom: 10px;
}

.trans_error {
    font-size: 14px;
    color: var(--red-color);
    padding: 8px 10px 8px 10px;
    background: #0c1015;
    margin-bottom: 10px;
}

    .trans_error:before {
        content: "\f05a";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: var(--red-color);
        margin-right: 6px;
    }

.dep_open5_but a span {
    /*font-size: 27px;
    line-height: 16px;*/
    font-size: 25px;
    line-height: 19px;
    vertical-align: top;
    margin-left: 3px;
}

.lightbox {
    display: none;
}

.featherlight .featherlight-content {
    background: #14181f;
    width: 480px;
}

.h3lightbox {
    font-family: 'Montserrat', sans-serif;
}

.twofa_qrcode {
    height: 220px;
    width: 220px;
    margin: 0 auto 15px;
    padding: 15px;
    background: #495165;
}

    .twofa_qrcode img {
        height: 100%;
    }

.twofa_sms_code label {
    color: white;
    line-height: 33px;
    margin: 0;
}

.products-navigation.virtual-games_products-navigation {
    height: 145px;
}

    .products-navigation.virtual-games_products-navigation ul li {
        width: 10.5%;
    }

.products-navigation-filter-providers-dropdown.virtual-games_providers-dropdown {
    min-width: 300px;
}

.live-casino_slider-container .live-casino__slider-container .carousel .carousel-inner .carousel-item a img,
.virtual-games_slider-container .live-casino__slider-container .carousel .carousel-inner .carousel-item a img,
.slots_slider-container .live-casino__slider-container .carousel .carousel-inner .carousel-item a img {
    width: auto !important;
    margin-left: 50%;
    transform: translateX(-50%);
}

.carousel-indicators.slider__indicators {
    z-index: 20;
    margin: 0;
    margin-bottom: -5px;
}

.mce-content-body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: red !important;
    padding: 0 25px 25px;
}

.bingo_items-container {
    padding: 70px 0;
}

.lp_container {
    background: URL('../images/loyalty-program-BG.png');
    padding-bottom: 110px;
    background-position: top;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size:inherit;
}
.OdulMarket {
    background: URL('../images/loyalty-program-BG.png');
    padding-bottom: 110px;
    background-position: top;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: inherit;
}
.lp_cont__inner {
    padding-top: 56px !important;
}
.lp_content {
    /*background: URL('../images/loyalty-program-content-bg-2.png') repeat-x;*/
    position: relative;
    height: 328px;
    background-repeat: no-repeat;
    background-position-x: -5px;
    /*border: 1px solid #363c4c;*/
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #13171f; 
}
.lp-banner_left {
    width: 50%;
    height: 100%;
    /*background-image: url('../images/lp-backgroundRight.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 70% 100%;
    border-radius: 19px 0px 0px 19px;
    box-shadow: inset -282px 58px 83px -26px rgba(20, 24, 31, 1), inset 312px -56px 83px -26px rgba(20, 24, 31, 0.5);*/
}
.market_banner_left {
    position:relative;
    width: 50%;
    height: 100%; 
    border-radius: 19px 0px 0px 19px; 
}
.market_banner_right {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    border-radius: 0px 19px 19px 0px;
    overflow: hidden; 
}
.OdulMarket .modal-dialog .modal-content {
    background: rgba(20,24,31,0.9019607843137255);
    padding: 25px 10px;
    border: 1px solid #363c4c;
}
.OdulMarket .modal-dialog .modal-content .loyalty-modal-content .modal-logo .lp_content {
    height: 217px !important;
}

.lp-modal_bannercont {
    max-width: 500px;
    width: 100%;
    height: 100%;
    margin-left: 50%;
}

.lp-modal_bannertxt {
    display: block;
    width: 100%;
    font-size: 60px;
    top:0;
    left:0;
    text-align:left;

}

.lp-modal_userInfocont {
    display: flex;
    justify-content: space-between;
    padding-right:68px;
}

.lp-userinfoCont_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lp-modal_userInfocont .lp-userinfoCont_right a, .lp-modal_promotion__right button {
    padding: 0.15rem 1.25rem .24rem !important;
}
.lp-userinfoCont_right img{
        left: 225px;
    bottom: 16px;
}
.lp_text__cont {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*background-image: url('../images/lp-backgroundRight.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 70% 100%;*/
    /* border-top-right-radius: 19px; */
   /* border-radius: 0px 19px 19px 0px;
    overflow: hidden;
    box-shadow: 295px 56px 83px -26px rgba(20, 24, 31, 1) inset, inset -312px 56px 83px -26px rgba(20, 24, 31, 0.5);
*/

}

.lp_styled_txt, .lp-modal_bannertxt { 
    font-size: 60px;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(226,179,88,1) 0%, rgba(255,240,148,1) 50%, rgba(226,179,88,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%,-50%);
    display: inline-block;
}

  
    .lp_styled_txt::before {
        content: 'SADAKAT PROGRAMI';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: rgba(255, 255, 255, 0.5);
        transform: translate(-2px, -2px);
        z-index: -1;
        filter: blur(6px);
        opacity: 0.5;
    }

    .lp_styled_txt::after {
        content: 'SADAKAT PROGRAMI';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: rgba(178, 131, 97, 0.5);
        transform: translate(2px, 2px);
        z-index: -2;
        filter: blur(2px);
        opacity: 0.5;
    }

.lp-modal_bannertxt {
    position: inherit;
    transform: none; 
}
    .lp-modal_bannertxt::before {
        content: 'ÖDÜL MARKETİ';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: rgba(255, 255, 255, 0.5);
        transform: translate(-2px, -2px);
        z-index: -1;
        filter: blur(6px);
        opacity: 0.5;
    }

    .lp-modal_bannertxt::after {
        content: 'ÖDÜL MARKETİ';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: rgba(178, 131, 97, 0.5);
        transform: translate(2px, 2px);
        z-index: -2;
        filter: blur(2px);
        opacity: 0.5;
    }
.lp-userinfoCont_left{
    text-align:left;
}
.lp-userinfoCont_left .user_points-div, .lp-rank , .lp-auto-update{
    font-size:16px;
    color:#fff;
    font-weight: 700;
    line-height:24px;
}
.loyalty-modal_market__content {
    width: 100%; 
    position:relative;
    border-radius: 19px;
    background-color: rgba(20, 24, 31, 0.7490196078431373);
    border: 1px solid #ffaa2c;
    display: flex;
    padding: 13px 20px; 
    overflow:hidden;
}
.lp-promo_freespindesc {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    max-width: 384px;
}
.lp-promo_freespin {
 
}
.lp-promo_freespintxt {
    font-size: 20px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 700;
}
.lp-modal_promotion__left {
    width: 50%;
    position: relative;
}
.lp-modal_promotion__left p{
    margin:0;
}
.lp-modal_promotion__left img{
        top: 0px;
        left: 71%;
}
.lp-modal_promotion__right .tournaments-item-timer .tournaments-item-timer-circle {
    width: 57px;
    height: 57px;
}
.lp-modal_promotion__right .tournaments-item-timer .tournaments-item-timer-circle span{
    font-size: 26px;
}
.lp-modal_promotion__right .tournaments-item-timer .dots {
    font-size: 32px;
}
.lp-modal_promotion__right{
    position:relative;
}
.lp-modal_promotion__right .lp-modal__promoclose{
    position:absolute
}


.lp-prize_card {
    width: 276px;
    height: 385px;
    border-radius: 19px;
    background-color: rgba(20, 24, 31, 0.8);
    border: 1px solid #363c4c;
    margin: 10px auto;
    padding: 15px 20px;
    /* Center horizontally */
}
.lp-card_useless2{
    display:none !important;
}
.lp-card_useless {
    display: flex;
    justify-content: space-between;
}
.lp-card_useless  div{
    padding: 10px 10px; 
    border-radius: 13px;
    height: 30px;
    display: flex;
    align-items: center;
    border: 1px solid;
    color: #7a849c;
    background: #0d0f14;
}
.lp-card_pointReward {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
        margin-top: 7px;
}
.lp-card_pointReward p {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 700;
}

.lp-card_pointReward span {
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
}


.lpbanner-main_cont {
    width: 100% !important;
    display: flex;
    background-image: url('/Content/images/lp_banner__backgroind.png');
    border-radius: 19px;
    border: 1px solid #363c4c;
    background-position: center;
}
.lpbanner-main_cont1 {
    width: 100% !important;
    display: flex;
    background-image: url('/Content/images/lp_marketBackground.png');
    border-radius: 19px;
    border: 1px solid #363c4c;
    background-position: center;
    background-repeat:no-repeat;
}
.lp_resp__prizebox {
    display: none;
}
.lp_header {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: rgb(232, 164, 1);
    background: linear-gradient(0deg, rgba(232, 164, 1, 1) 46%, rgba(200, 147, 19, 1) 51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.lp_text_div {
    padding: 20px;
    width: 379px;
    height: 248px;
    border-radius: 19px;
    background-color: #14181f;
    border: 1px solid #ffaa2c;
    font-size: 14px;
    margin-right: 20px;
}
.lp_text_div p{
    color:#7a849c;
}
.lp-close, .lp_check {
    width:15px !important;
    height:15px;
    margin-top: 2px;
    margin-left: 2px;
}
.lp-bonus_name {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
}
.lp-timerupdate_label {
    margin-top: 1px;
    position: absolute;
    width: 100%;
    left: 46px;
}
.lp-timerupdate_label > div {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
}
.lp_username {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    margin-top: 4px;
    margin-left: 10px;
}
.lp-timer__main { 
    height: 82px;
    border-radius: 19px;
    background-color: rgba(20,24,31,0.7490196078431373);
    border: 1px solid #363c4c;
    margin-top: 20px;
    padding: 14px;
}
.lp-timer__main .row{
    height:100%;
}
.lp-timer_leftside, .lp-timer_rightside { 
    height: 100%;
}
.lp-modal__promoBTN{
    margin-right:13px !important;
}
.lp-modal__promoclose {
    position: absolute;
    right: 12px;
    font-size: 37px;
    color: #ffb400;
    top: 12px;
    font-weight: 600;
    cursor: pointer;
}
.lp-timer_rightside button, .lp-userinfoCont_right a, .lp-modal__promoBTN, .lp-deposit, .lp-promotion, .buy-prize {
    height: 38px;
    border-radius: 19px;
    background-color: #ffaa2c;
    border: 1px solid #ffaa2c;
    font-weight: 700;
    color: #0d0f14;
    font-weight: 600;
    font-size: 14px;
    transition: all .3s ease-in-out;
    padding: 0.15rem 1.25rem .24rem !important;
    text-transform: uppercase;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buy-prize {
    color: #ffaa2c ;
    background: #0d0f14;
}
.buy-prize:hover{
    background-color: #ffaa2c;
    color: #0d0f14;
}
#odulMarketModal {
    padding: 36px 17px !important;
}
.lp-card_btn {
    display: flex;
    justify-content: center;
    margin-top: 17px;
}
    .lp-card_btn button {
        height: 38px;
        width: 180px;
        border-radius: 19px;
        background-color: transparent;
        border: 1px solid #ffaa2c;
        font-weight: 700;
        color: #ffaa2c;
        font-weight: 600;
        font-size: 14px;
    }
.lp-userinfoCont_right > a {
    margin-bottom: 11px;
    margin-top: 5px;
}
.lp-card_Character {
    position: absolute;
    top: -45px;
    left: 16px;
}
/*.lp-deposit {
    color: inherit;
    
}*/
.lp-deposit:hover{
    text-decoration:none;
}
.lp-promotion:hover, .lp-reward:hover, .lp-deposit:hover, .lp-modal__promoBTN:hover {
    color: #ffaa2c;
    background: #0d0f14;
}
.lp-card_img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    width: 100%;
    height:210px;
}
.lp-card_img img{
     width:200px;
     height:100%;
}
.lp-timer_container {
    width: 254px;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 15px;
    position: relative;
    margin-left: 47px;
    overflow: hidden;
}
.lp-card {
    height: 100% !important;
    border-radius: 30px;
    background: rgba(20, 24, 31, 0.8);
    padding: 22px;
    border: 1px solid #363c4c;
}
    .lp-card .card-header {
        height: 30px !important;
        padding: 0 !important;
        margin-top: 13px !important;
        border-radius: 15px !important;
        background: rgba(13, 15, 20, 0.7);
    }
    .lp-card .card-body {
        padding: 20px 0px 0px 0px !important;
        margin: 0px 8px !important;
        font-size:14px;
    }
    .lp-timer_bar {
        height: 100%;
        width: 0%;
        background-color: rgba(255, 169, 43, 1);
        transition: width linear;
        border-radius: 15px;
    }

.lp-timer_label {
    position: absolute;
    top: -21px;
    left: 46px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    font-size: 12px;
}
.lp-reward_cont{
    width:254px;
}
.lp-table_points {
    width: 290px;
    height: 443px;
    background-image: url('../images/lp-backgroundRight.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 19px;
    background-color: #14181f;
    margin-right: 10px;
}
.lp-point_categories {
    width: 136px;
    height: min-content;
    width: 136px;  
    border-radius: 19px;
    background-color: rgba(20, 24, 31, 0.8);
    border: 1px solid #363c4c;
    color: white !important;
    font-size: 12px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 700;
    padding: 4px 0px; 
    padding: 6px 8px;
}
.lp-point_categories p{
    margin:0px 0px 0px 0px;
}
.lp_bonus-item {
    background: #1a1f28;
    height: 505px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden;
}

.lp_bonus-item-point {
    padding: 30px 0;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.lp_bonus-item-point-text {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    margin-bottom: 25px;
}

.lp_bonus-item-value {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #fff;
    vertical-align: middle;
    margin-right: 7px;
}

.lp_bonus-item-status {
    text-transform: uppercase;
    margin: -8px 0 9px;
}

.lp_bonus-item-btn {
    font-size: 14px;
}

.lp_bonus-item.third .lp_bonus-item-point {
    padding: 30px 0 20px;
}

.lp_bonus-item.third .lp_bonus-item-point-text {
    margin-bottom: 12px;
}

.lp-bonus-table-container {
    background: transparent;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 100%;
    padding: 22px 0px;
}
    .lp-bonus-table-container .table td, .table th {
        padding: 6px 0px;
    }
.lp-bonus-table {
    color: #5b657c;
    font-family: 'Montserrat', sans-serif;
    border-collapse: separate;
    border-spacing: 18px 0px !important;
}
.lp-bonus-table tbody,thead{
    background: rgba(20, 24, 31, 0.8);
}
    .lp-bonus-table i.fa {
        font-size: 19px;
    }

    .lp-bonus-table.table thead th {
        vertical-align: bottom; 
        border:2px solid transparent; 
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .lp-bonus-table.table.table-bordered tr:not(:last-child) td {
        border-right: 2px solid transparent;
        border-left: 2px solid transparent;
        border-top: none;
        border-bottom: none;
        vertical-align: middle;
    }
    .lp-bonus-table.table.table-bordered th {
        position:relative;
        border-right: 2px solid transparent;
        border-left: 2px solid transparent;
        border-bottom: none;
        vertical-align: middle;
        text-align: left;
        padding-bottom: 0px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
.lp_level__text {
    display: block !important;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-align: left;  
    text-transform: lowercase;
    padding-left:4px;
}
.lp_rank__line {
    width: 124px;
    margin: 10px auto 0px auto;
    height: 4px;
    background-color: #ffaa2c
}
.lp_rank__linebottom{
    margin-bottom:10px;
    margin-top:0px;

}
.lp_rank_img {
    position: absolute;
    top: -16px;
    right: 0;
}
.lp-bonus-table.table td, .lp-bonus-table.table th {
    background: transparent;
    text-align: center;
    border: 2px solid transparent;
}
.default-highlight {
    border-left-color: #363c4c !important;
    border-right-color: #363c4c !important;
    transition: all 0.3s ease-in-out !important;
}
.highlighted {
    border-left-color: #ffaa00 !important;
    border-right-color: #ffaa00 !important;
    transition: all 0.3s ease-in-out !important;
}
.lp_rank__bg {
    background-image: linear-gradient(90deg, rgba(24, 26, 31, 1) 0%, rgba(122, 87, 37, 1) 58%, rgba(24, 26, 31, 1) 100%);
    width: 134px;
    height: 24px;
    color: white;
    font-weight: bold;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.default-highlighted-top {
    border-top-color: #363c4c !important;
    transition: all 0.3s ease !important;
}
.highlighted-top {
    border-top-color: #ffaa00 !important;
    transition: all 0.3s ease !important;
}
.default-highlighted-bottom {
    border: 2px solid #363c4c !important;
    transition: all 0.3s ease !important;
}
.highlighted-bottom {
    border: 2px solid #ffaa00 !important;
    transition: all 0.3s ease !important;
}
.lp-bonus-table.table th { 
    background: rgba(22, 24, 32, .8);
    text-align: left;
}
.lp-latest_td {
    border-bottom-right-radius: 19px !important;
    border-bottom-left-radius: 19px !important; 
    border-top: none !important;  
    padding-top:0px !important;
 } 
.lp-latest_td button{
    width: 80px;
    padding-left: 0;
    padding-right: 0;
    font-size:14px;
    background-color: #0d0f14;

}
.table-bordered thead th:not(.first-item) {
    color: var(--main-color);
    text-align: center;
    text-transform: uppercase;
}

.lp-bonus-table-text {
    color: #646d7d;
    margin: 30px 20px;
}

.lp_content-mobile-img {
    display: none;
    width: 100%;
    margin-bottom: 15px;
}

.lp_card-header_text {
    font-size: 18px;
    margin-left: 14px !important;
    font-weight:700;
}

.lp-bonus-table.table th.first-column {
    width: 250px;
    position: sticky;
    left: 0px;
}

    .lp-bonus-table.table th.first-column.first-item {
        background: #11141a;
    }
/* EMAIL SECURITY CUSTOM MODAL BEGIN */
#sn_mail_modal_person {
    background-image: url('/Content/images/emailmodalBG.png');
    background-repeat: no-repeat; 
    background-size: 136% 136%;
}
}
#sn_mail_modal_person .modal_twofa .modal-custom_content {
    /*    border: 2px solid #454648;*/ 
    width: 558px;
    height: 404px;
    border-radius: 30px; 
    border: 1px solid #363c4c;
}

.modal-custom_content {
    background-color: #16181a;
    color: white;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 1px solid #2d2e30;
}

    .modal-custom_content .modal-header .close {
        background: transparent;
        color: white;
        font-size: 42px;
    }

    .modal-custom_content .modal-header .twofa-modal-title {
        margin-right: 0px !important; 
    }

    .modal-custom_content .modal-header {
        border: 1px solid transparent !important;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        height: 29px;
    }

/*.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}*/
#Emailmodal-close {
    position: fixed;
    z-index: 999;
    top: auto;
    right: auto;
    margin-right: -22px !important;
    margin-top: -59px !important;
    outline: none;
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 69px;
    color: #ffb400 !important;
    padding: 0 !important;
    opacity: 1;
}

.code-inputs input {
    width: 49px;
    height: 48px;
    text-align: center;
    font-size: 42px;
    border-radius: 5px;
    border: 2px solid #ffaa2c;
    margin: 5px;
    background-color: #252627;
    color: #ed9a1a;
    font-weight: bold;
    padding: 0;
}

    .code-inputs input::-webkit-inner-spin-button,
    .code-inputs input::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

.verify-btn,
.resend-btn {
    background-color: #ed991a;
    color: #000000;
    text-transform:uppercase;
    border: none;
    border-radius: 19px;
    padding: 5px 46px;
    font-weight: 600;
    cursor: pointer;
    margin: 5px 5px 20px 5px;
    height: 34px !important;
}

.verify_remainig__time {
    color:  white;
    font-size: 19px;
}

.verify_timer {
    color: #ee9a1a;
    font-size: 19px;
}

.email_verification__switcher input:disabled + .slider .swith-on {
    background: url('/Content/img/emailLock.png') no-repeat center;
    background-size: contain;
    background-position: 86% 50%;
    opacity: 1;
    background-size: 16px 16px;
    position: relative;
    z-index: 122;
}

.error23 {
    /*    padding: 0px 0 6px 15px;*/
    font-size: 14px;
    color: #ee1a42;
    margin-top: 6px;
    margin-bottom: 9px;
}

.resend-btn {
    background-color: #14181f;
    border: 1px solid #ffaa2c;
    color: #ffaa2c;
}

.success_email {
    display: none;
    flex-direction:column;
    align-items:center;
}

.success_email__text p {
    font-size: 24px;
}

.success_email__img {
    width: 107px;
}

.remaining-time {
    font-size: 16px;
    color: #fec234;
}

.security_suggestion_container {
    width: 100%;
    display: flex;
    justify-content: center;
}

#security_suggestion_resend_mail:focus {
    background-color: #333546;
}

.verify_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* EMAIL SECURITY CUSTOM MODAL END*/
.SMS_2fa:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(/Content/images/icon_sms2fa.png) no-repeat left;
    background-size: auto 100%;
}

.twofa_sms_code {
    padding: 10px 0;
}

.twofa_sms_code {
    padding: 10px 0;
}

#auth_sms_2fa_timer {
    position: absolute;
    top: 8px;
    right: 30px;
    line-height: 20px;
    color: #fff;
    opacity: .4;
}

.sn_sms_2fa_modal_foottext {
    color: #fff;
}

    .sn_sms_2fa_modal_foottext a {
        cursor: pointer;
        color: var(--main-color);
    }

        .sn_sms_2fa_modal_foottext a:hover {
            color: var(--main-color);
            opacity: .75;
        }

.footer_social a {
    width: 41px;
    height: 41px;
    background-size: 42px;
    border-radius: 50%;
    background-color: #212120;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background-repeat: no-repeat;
    margin-right: 7px;
}

.registerModal__buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .registerModal__buttons button, .registerModal__buttons input {
        background-color: #1b1f28;
    }

.register__form-input {
    background-color: #1b1f28;
    border-radius: 19px;
    border-color: #363c4c;
}

.registration_form_dateofbirth_div_container {
    gap: 10px;
    display: flex;
}

.modal_social {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

    .modal_social a {
        height: 38px;
        width: 38px;
        margin: 0 2px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal_social a {
        background-position-y: bottom;
        background-size: cover;
    }

.footer_social a:hover {
    background-position-y: bottom;
}

.footer_social a.icon-fb {
    background-image: url(../images/social/fb.png);
}

.footer_social a.icon-twetter {
    background-image: url(../images/social/x.png);
}

.footer_social a.icon-instagram {
    background-image: url(../images/social/instagram.png);
}

.footer_social a.icon-youtube {
    background-image: url(../images/social/youtube.png);
}

.footer_social a.icon-pinterest {
    background-image: url(../images/social/pinterest.png);
}

.footer_social a.icon-tumblr {
    background-image: url(../images/social/tumblr.png);
}

.footer_social a.icon-whatsapp {
    background-image: url(../images/social/whatsapp.png);
}

.footer_social a.icon-telegram {
    background-image: url(../images/social/telegram.png);
}

.footer_social a.icon-stream {
    background-image: url(../images/social/canliyayin.png);
}

.footer_social a.icon-telegramliveurl {
    background-image: url(../images/malt-telegramliveurl.png);
}

.mqw_container {
    background: URL('../images/mqw_container_bg.png') no-repeat center top #14181f;
    padding-bottom: 25px;
    padding-top: 75px;
}

.mqw_logo {
    width: 582px;
    height: 162px;
    background: URL('../images/mqw_container_logo.png') no-repeat;
    background-position: center top;
    background-size: 100%;
    margin: 0 auto 75px;
}

.mqw-content-item {
    width: 606px;
    height: 384px;
    background: URL('../images/mqw_content-border.png') no-repeat;
    margin: -15px auto 10px;
    background-size: contain;
}

.mqw-video {
    width: 494px;
    height: 280px;
    margin-top: 50px;
}

.mqw-content-item-inner {
    background: URL('../images/mqw_content-item-bg.png') no-repeat;
    background-size: cover;
    width: 494px;
    height: 280px;
    margin-top: 50px;
    display: inline-block;
}

.mqw-play-btn {
    cursor: pointer;
    margin-top: 100px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

    .mqw-play-btn:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

.provider-name {
    /*    max-width: 69%;
    display: inline-block;
    white-space: pre-wrap;*/
    max-width: 69%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.filter-img {
    margin-top: 5px;
    vertical-align: top;
}

.casino-list-item .casino-list-item-dropsandwins-img {
    width: 30%;
    position: absolute;
    border-top-left-radius: 10px;
    top: -1px;
    left: 13px;
    z-index: 1;
}

#flippanel {
    border-bottom: solid 1px #ffb400;
    background-color: #14181f;
    cursor: pointer;
    display: none;
}

#flip {
    font-size: 12px;
    text-align: center;
    color: #ffb400;
    padding: 9px 40px;
    position: relative;
}

    #flip .close-flip {
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 16px;
        font-weight: bold;
        padding: 0 0 0 10px;
        display: none;
    }

    #flip img {
        width: 16px;
        margin: 0 9px;
    }

#panel {
    padding: 5px;
}

#panel {
    font-size: 14px;
    padding: 15px;
    display: none;
}

    #panel p {
        margin-bottom: 10px;
    }

    #panel i {
        font-size: 42px;
        float: left;
        margin-right: 12px;
        color: #ffb400;
        margin-bottom: 20px;
    }

.panel-span-address {
    padding: 5px 10px;
    border: 1px solid #83858a;
    border-radius: 10px;
}

    .panel-span-address strong {
        color: #ffb400;
    }

    .panel-span-address span {
        color: #299C4A;
    }

.panel-red {
    color: #dc3545 !important;
}

.floating-action-button-lucky-game {
    opacity: 1;
    visibility: visible;
    z-index: 2147483639;
    position: fixed;
    bottom: 0px;
    width: 84px;
    height: 84px;
    max-width: 100%;
    max-height: calc(100% - 0px);
    min-height: 0px;
    min-width: 0px;
    background-color: transparent;
    border: 0px;
    overflow: hidden;
    left: 0px;
    transition: none 0s ease 0s !important;
}

.getLucky {
    background-color: transparent;
    border: 0;
    background-image: url("/Content/images/luckyButton.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    outline: none;
    width: 100%;
    height: 100%;
}

.body-bg {
    /*background: linear-gradient(to bottom, rgb(20,24,31) 200px, rgba(255,255,255,0) 150px), url(/Content/images/body-backgound.png);*/
    position: relative;
}

    .body-bg::after {
        content: '';
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-image: -webkit-gradient(linear, to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-image: -webkit-linear-gradient(to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-image: -moz-linear-gradient(to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-image: -ms-linear-gradient(to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-image: -o-linear-gradient(to bottom, rgb(20,24,31) 150px, rgba(255,255,255,0) 180px), url(/Content/images/body-backgound.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 90px;
        left: 0;
        z-index: -1;
    }

.live-casino__games-container {
    margin-bottom: 300px !important;
}

#slots-modal .close {
    position: static !important;
    font-size: 24px !important;
}

.nav-tabs .nav-item:nth-child(4) {
    margin-right: 10px;
}

.nav-tabs .nav-item:nth-child(5) {
    position: relative;
    margin-left: 10px;
}

.products-navigation.slots ul li {
    width: 8.2%;
}

.dual-cont {
    display: flex;
    width: 100%;
    height: 100%;
    column-gap: 4px;
}

.dual-tab-header {
    display: flex;
    justify-content: space-between;
    height: 7%;
}

.quad-tab-header {
    display: flex;
    justify-content: space-between;
    /*height: 11%;*/
}

.sn-blockview .col-md-2 {
    padding-right: 8px;
    padding-left: 8px;
}

.openInQuadTab_container .game-Name {
    display: block;
    text-align: left;
    font-weight: 100;
    color: #ffb400;
}
/*.openInQuadTab_container .slot-blocks__column:nth-child(1) .slot-blocks__content {
        height: calc(400px - 45px);
    }*/
.openInQuadTab_container .slot-blocks__column-height {
    height: calc(400px - 45px) !important;
}

.openInQuadTab_container .slot-blocks__column-height1 {
    height: calc(400px - 45px) !important;
}

.openInQuadTab_container .slot-blocks__content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid #2e3038;
    background: #14181f;
    overflow: hidden;
    position: relative;
}

.products-navigation ul li {
    font-size: 12px;
}

.slots-view__container .slots-list-item .slots-list-item-img {
    background-size: contain;
    background-repeat: no-repeat;
}

.slots-view__container .slots-list-item-title {
    width: 100%;
}

iframe {
    border: none;
}

.games-filter__container--inner .openby-filter__container {
    float: left;
    border: 0;
    margin: 0;
    padding: 0 17px 0 0;
}

.openby-filter__link--active button {
    color: #ffb400;
    border-color: #ffb400;
}


.openby-filter__text {
    display: block;
    font-size: 14px;
    color: var(--grey);
    padding-right: 15px;
}

.slot-inner__container {
    margin-bottom: 15px;
    margin-bottom: 15px;
    width: 60%;
    margin-left: 20%;
    border: 2px solid #343a40;
    border-radius: 6px;
    padding: 5px;
}

.slot__inner-title {
    display: flex;
    color: #ffb400;
    text-transform: inherit;
    font-size: 20px;
    margin-bottom: 2px;
    font-weight: 100;
}

.inner-slot-name {
    flex-grow: 1;
    max-width: calc(100% - 17px);
}

.slot__close-button {
    text-align: center;
    display: block;
    font-size: 22px;
    color: var(--grey);
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .slot__close-button:hover {
        color: var(--yellow);
        opacity: 1;
        filter: alpha(opacity=100);
    }

.nav-tabs .nav-item:nth-child(5)::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #495166;
    position: absolute;
    top: 0;
    left: -10px;
}

.slot-opened__container {
    position: relative;
    background: black;
    overflow: hidden;
    height: 605px;
}

    .slot-opened__container img, .slot-opened__container iframe {
        width: 100% !important;
        max-width: 100% !important;
    }

.slot__background-image-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 450px;
    z-index: -1;
}

    .slot__background-image-container::after {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url(/Content/img/slot-bacground.png) repeat-x bottom left;
        height: 389px;
    }

    .slot__background-image-container img {
        width: 100%;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.slot-fullscreen__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 20px 7px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.slot-fullscreen__filter {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 20px;
    background: rgba(24,30,35,0.8);
    z-index: 400;
}

    .slot-fullscreen__filter .openby-filter__container {
        float: left;
        border: 0;
        margin: 0;
        padding: 0 17px 0 0;
    }

.slot__close-button--fullscreen {
    position: absolute;
    right: 20px;
    font-size: 24px;
}

.slot-fullscreen__slot {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    width: 1200px;
    max-width: 1200px;
    min-width: 1200px;
    background: black;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    overflow: hidden;
}

    .slot-fullscreen__slot img, .slot-fullscreen__slot iframe {
        width: 100% !important;
        max-width: 100% !important;
    }

.slot-blocks__column {
    width: 48%;
    height: 400px;
    box-sizing: border-box;
    padding: 7px;
    margin: 10px;
    background: #181e23;
    border-radius: 6px;
}

.slot-blocks__content {
    width: 100%;
    height: 93%;
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid #2e3038;
    background: #14181f;
    overflow: hidden;
    position: relative;
}

.game-Name {
    display: block;
    text-align: left;
    font-weight: 100;
    color: #ffb400;
}

.btn-select-new, .btn-select-new:focus {
    /*min-width: 240px;*/
    width: 50%;
    /*height: 50px;*/
    height: 25%;
    margin: 0 auto;
    background: none;
    border: 1px solid var(--yellow);
    color: var(--yellow);
    padding: 0;
}

    .btn-select-new:hover {
        background: var(--yellow);
        color: black;
        border-color: var(--yellow);
    }

    .btn-select-new i {
        margin-left: 7px;
    }

.slot-blocks__content iframe, .slot-blocks__content img {
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100%;
    overflow: hidden;
}

.refresh-slot__button, .refresh-slot__button:focus {
    position: absolute;
    z-index: 400;
    left: 14px;
    top: 7px;
    color: var(--grey);
    cursor: pointer;
    font-size: 21px;
}

    .refresh-slot__button:hover {
        color: var(--yellow);
    }

.close-slot__button, .close-slot__button:focus {
    /*position: absolute;
        z-index: 400;
        right: 13px;
        top: 6px;*/
    color: var(--grey);
    cursor: pointer;
    font-size: 21px;
}

    .close-slot__button:hover {
        color: var(--yellow);
    }


.sn-listview {
    display: none;
}

.modal-logo-header {
    display: flex !important;
    justify-content: center;
    background-color: #0d0f14;
    height: 25px;
    margin-bottom: 2.5%;
}

#modal-logo-content {
    display: none;
}

.modal-logo-header {
    display: flex !important;
    justify-content: center;
    background-color: #0d0f14;
    height: 25px;
    margin-bottom: 2.5%;
}

.com-egt-jackpot-container {
    max-width: 1200px;
    margin: auto;
}

.com-egt-jackpot-html-box {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .com-egt-jackpot-html-box span {
        font-size: 16px;
        text-align: center;
    }

.bubble {
    /*width: 70px;
    height: 70px;*/
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    transition: transform .2s;
    z-index: 9999;
    object-fit: contain;
}

    .bubble:hover {
        transform: scale(1.2);
    }
/*#chat-widget-container{
    display: none !important;
}*/
.fifa-container {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
    margin: auto;
}

.fifa-timer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fifa-item-timer {
    display: flex;
    flex-direction: column;
    padding: 0 12px;
}

    .fifa-item-timer span {
        color: #fff;
        font-size: 16pt;
        font-family: biko-regular;
        text-align: center;
    }

        .fifa-item-timer span:first-child {
            font-size: 45pt;
            font-family: biko-black;
            line-height: 1;
        }

.uswp__buttons-container {
    display: flex;
    justify-content: space-between;
    margin: 0 10px;
}

    .uswp__buttons-container button {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        padding: 0.45rem 0.85rem 0.45rem;
        margin: 0 6px;
    }

        .uswp__buttons-container button .fa {
            font-size: 20px;
            margin-right: 7px;
        }


.mobile-side-menu-top-buttons-container {
    display: flex;
    width: calc(100% - 160px);
    min-width: calc(100% - 160px);
    gap: 5px;
}

    .mobile-side-menu-top-buttons-container a {
        width: 102px;
        min-width: 102px;
        display: flex;
        align-items: center;
        line-height: 14px;
        color: #7a849c;
    }

        .mobile-side-menu-top-buttons-container a:hover {
            text-decoration: none;
        }

    .mobile-side-menu-top-buttons-container i {
        font-size: 29px;
        margin-right: 5px;
    }

    .mobile-side-menu-top-buttons-container span {
        font-size: 12px;
    }

.mobile-side-menu-deposit-container {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}

    .mobile-side-menu-deposit-container a {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        padding: 0.34rem 0.85rem 0.34rem;
    }

        .mobile-side-menu-deposit-container a i {
            font-size: 22px;
            margin-right: 8px;
        }

.twofa_banner-img {
    background: url(/Content/images/twofa-banner-img.png) center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 69px;
    margin-bottom: 35px;
}

/* Deposit-Withdraw */

.card.card-outline {
    border: solid 1px #495166;
    background: transparent;
    border-radius: 30px;
}

    .card.card-outline .list-group-item {
        border: none;
        background: #0d0f13;
        border-radius: 50rem !important;
        margin-bottom: 10px;
        font-weight: bold;
        line-height: normal;
    }

        .card.card-outline .list-group-item.active, .card.card-outline .list-group-item-action:focus {
            color: white;
            background-color: #0d0f13;
        }

    .card.card-outline .list-group-item-action:hover {
        background-color: #0d0f13;
    }

    .card.card-outline .list-group-item:last-of-type {
        margin-bottom: 0;
    }

    .card.card-outline > .card-body {
        /*padding: 0.8rem;*/
        margin: 0;
        border-radius: 30px;
    }

    .card.card-outline .list-group-item > span {
        width: 28px;
        text-align: center;
    }

    .card.card-outline .list-group-item i.fa {
        font-size: 22px;
    }

.card-outline-header, .card-outline-header:hover {
    color: #ffb400;
}

.card.card-outline > .card-header {
    display: flex;
    align-items: center;
    border: none;
    background: #0d0f13;
    border-radius: 50rem !important;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: normal;
    margin: 0.8rem 0.8rem 0;
    padding: 0.75rem 1.25rem;
}

    .card.card-outline > .card-header > i.fa {
        border: none;
        padding: 0;
        margin-right: 10px;
        font-size: 22px
    }

.card .card-header.card-header-inactive {
    color: #ffb400;
}

.deposit-item-1 {
    font-size: 12px;
    padding: 0;
}

    .deposit-item-1 .deposit-item-1-inner {
        background: #191d27;
        border-radius: 15px;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .deposit-item-1 .deposit-item-1-inner.is-favourite {
            border: solid 1px #ffb400
        }

    .deposit-item-1 .sn-hovicon1 {
        cursor: pointer;
        font-size: 30px;
        color: #ffb400;
        cursor: pointer;
        position: absolute;
        left: 20px;
        top: 25px;
    }


    .deposit-item-1 .deposit1 {
        align-items: center;
        height: 83px;
        overflow: hidden;
    }

    .deposit-item-1 .dep__payment-name {
        font-size: 16px;
        font-weight: bold;
        color: #ffb400;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .deposit-item-1 .dep__payment-desc {
        font-size: 14px;
    }

    .deposit-item-1 .deposit-item-sub-img {
        height: 83px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .deposit-item-1 .dep_open5_1 input {
        border-radius: 50rem;
    }

    .deposit-item-1 .dep_open4 {
        background: transparent;
        border-left: 1px solid #404b52;
        padding: 15px 10px;
    }

    .deposit-item-1 .dep_open4_1 {
        border: none;
        margin: 0;
        padding: 0;
        color: #ffb400;
        font-weight: bold;
    }

    .deposit-item-1 .deposit-item-sub-arrow {
        font-size: 32px;
        font-weight: normal;
        margin: 0;
        color: #ffb400;
        display: none;
    }


    .deposit-item-1 .dep_close {
        font-size: 20px;
        line-height: normal;
        color: #7a849c !important;
        cursor: pointer;
    }

    .deposit-item-1 .deposit-mobile-name {
        font-size: 16px;
        font-weight: bold;
        color: #ffb400;
    }

    .deposit-item-1 .deposit-mobile-desc {
        font-size: 14px;
    }


    .deposit-item-1 .select2-container--default .select2-selection--single {
        border-radius: 50rem;
    }

    .deposit-item-1 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .deposit-item-1 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
        border-radius: 50rem;
    }

    .deposit-item-1 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .deposit-item-1 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
        border-radius: 50rem;
    }

.card.card-outline > .dep_mobile-main-btns {
    margin: 0;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: normal;
    padding: 0 !important;
}

    .card.card-outline > .dep_mobile-main-btns .col-6 {
        background: var(--main-color);
        color: black;
        padding: 0.5rem 1.25rem !important;
        height: 100%;
        line-height: normal;
    }

        .card.card-outline > .dep_mobile-main-btns .col-6.inactive-item {
            background: transparent;
            color: var(--main-color);
        }

.registration-modal_social {
    display: flex;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .registration-modal_social a {
        height: 38px;
        width: 38px;
        margin: 0 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background: rgb(255,181,0);
        background: linear-gradient(90deg, rgba(255,181,0,1) 35%, rgba(255,228,79,1) 100%);
        color: #212120;
        border-radius: 50%;
    }

        .registration-modal_social a:hover {
            text-decoration: none;
            opacity: 0.8;
        }

        .registration-modal_social a .telegramliiveurl {
            height: 38px;
            width: 39px;
        }

    .registration-modal_social .custom-icon-x {
        background-image: url(/Content/images/icon-x.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        width: 14.5px;
        height: 14.5px;
    }

.registration-content {
    border: solid 1px #906727;
    padding: 15px;
    border-radius: 20px;
    margin: 16px;
}

    .registration-content h4 {
        width: 100%;
        background-color: #0f1217;
        border-radius: 50rem;
        margin: 0px 13px 15px;
        color: #ffaa2c;
        font-size: 18px;
        padding: 6px 16px;
    }

.registration-banner {
    border-radius: 10px;
    width: 100%;
}

.btn-registration {
    color: #000;
    background-color: #ffb400;
    border-color: #ffb400;
}

    .btn-registration:hover {
        color: #ffb400 !important;
        background-color: transparent !important;
    }

.personal-information__idchangecheckbox {
    position: absolute;
    top: 40px;
    right: 15px;
}

.personal-information__idchangeerror {
    position: absolute;
    top: 66px;
    left: 0px;
}

.bgs-navigation {
    display: flex;
    background-color: rgb(19 19 19 / 80%);
    position: absolute;
    bottom: 3px;
    /*left: calc(50% - 50px);*/
    width: 94px;
    z-index: 10;
    text-align: center;
    color: white;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    height: 20px;
    font-size: 12px;
    border-radius: 15px;
    margin-bottom: 5px;
}

    .bgs-navigation .bgs-nav {
        width: 28px;
        /*        height: 28px;*/
        /*background-image: url(/Content/img/bigslide-arrow.png);*/
        background-repeat: no-repeat;
        background-size: cover;
    }

        .bgs-navigation .bgs-nav.bgs-nav-prev {
            margin-left: 5px;
        }

        .bgs-navigation .bgs-nav.bgs-nav-next {
            /*transform: rotate(180deg);*/
            margin-right: 5px;
        }

        .bgs-navigation .bgs-nav a {
            width: 100%;
            height: 100%;
            display: block;
            /*            margin-top: -10px;*/
        }

            .bgs-navigation .bgs-nav a span {
                color: #c3c4c8;
            }

    .bgs-navigation .bgs-nav-numbers {
        display: flex;
        gap: 2px;
        margin-left: 16px;
        margin-right: 16px;
    }

.slider__indicators-container .container {
    background-image: url(../images/sliderline.png);
    height: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

    .slider__indicators-container .container ol li {
        opacity: 0;
        visibility: hidden;
        border: none;
    }

        .slider__indicators-container .container ol li.active {
            visibility: visible;
            opacity: 1;
            background: rgb(246,216,0);
            background: linear-gradient(180deg, rgba(246,216,0,1) 35%, rgba(254,242,97,1) 100%);
            height: 6px;
            width: 100px;
            border-radius: 50rem;
            border: none;
        }

.mobile-bottom-menu-collapse {
    position: fixed;
    bottom: 65px;
    z-index: 20000;
    width: 100%;
    background-color: #222932;
    display: none;
}

    .mobile-bottom-menu-collapse .header-collapse {
        border-top: solid 1px var(--main-color);
        background: #14181f;
    }

        .mobile-bottom-menu-collapse .header-collapse ul {
            margin: 0;
            padding: 10px 20px 10px 15px;
            display: flex;
            list-style-type: none;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }

            .mobile-bottom-menu-collapse .header-collapse ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
            }

.mobile-bottom-menu-getlucky-img {
    margin-left: -24px;
    margin-bottom: 5px;
}

.mobile-bottom-menu-loyalty-img {
    margin-left: -17px;
}

.mobile-bottom-menu-collapse .header-collapse ul li p {
    color: #ffffff;
    font-size: 10px;
    margin: 0;
    padding-left: 4px;
    text-transform: capitalize;
    line-height: 1.1;
}

.mobile-bottom-menu-collapse i.fa {
    position: absolute;
    right: 4px;
    color: #fceb45;
    top: 3px;
}

.mobile-bottom-menu-collapse .body-collapse {
    background-color: #1b1f28;
}

    .mobile-bottom-menu-collapse .body-collapse ul {
        margin: 0;
        padding: 10px 20px;
        display: flex;
        list-style-type: none;
        justify-content: space-between;
        align-items: center;
    }

        .mobile-bottom-menu-collapse .body-collapse ul li {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex: 1 1 0px;
        }

            .mobile-bottom-menu-collapse .body-collapse ul li p {
                color: #ffffff;
                font-size: 10px;
                margin: 0;
                padding-top: 4px;
                text-transform: capitalize;
            }

            .mobile-bottom-menu-collapse .body-collapse ul li .image-container {
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 20001;
    background-color: #14181f;
    height: 65px;
    padding-top: 5px;
    display: none;
}

    .mobile-bottom-menu ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .mobile-bottom-menu ul .mob-menu-icon {
            margin-top: -15px
        }
        /*        .mobile-bottom-menu ul .b-right {
            border-right: solid 2px #2a3442;
          
        }
        .mobile-bottom-menu ul .b-left {
            border-left: solid 2px #2a3442;
           
        }*/
        .mobile-bottom-menu ul li {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1 1 0px;
            text-align: center;
        }

            .mobile-bottom-menu ul li a {
                font-size: 10px;
                color: #ffffff;
            }

                .mobile-bottom-menu ul li a p {
                    margin-bottom: 0;
                    line-height: normal;
                    margin-top: 4px;
                    text-transform: capitalize;
                }

.main-slider-social {
    position: absolute;
    right: 15px;
    z-index: 1;
    display: grid;
    margin-top: 5px;
    display: none;
}

    .main-slider-social a {
        height: 29px;
        width: 29px;
        margin-top: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background: linear-gradient(90deg, rgba(255,181,0,1) 35%, rgba(255,228,79,1) 100%);
        color: #212120;
        border-radius: 50%;
        text-decoration: none;
    }

    .main-slider-social .custom-icon-x {
        background-image: url(/Content/images/icon-x.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        width: 14.5px;
        height: 14.5px;
    }

.header-mobile {
    display: none !important;
}

.header-table-user-name .dropdown:focus-visible {
    outline: none;
}

.header-table-user-name .dropdown a:focus-visible {
    outline: none;
}

.header-table-user-name .dropdown a:hover {
    text-decoration: none;
}

.cashraces__current-ranking-modal {
    overflow: visible;
    background: transparent;
    border: none;
    padding: 0;
}

    .cashraces__current-ranking-modal .modal-content {
        margin-top: 135px;
    }

    .cashraces__current-ranking-modal .modal-dialog {
        max-width: 1248px;
    }

    .cashraces__current-ranking-modal .modal-body {
        padding: 0;
    }

    .cashraces__current-ranking-modal::backdrop {
        background-image: url(/Content/images/modal-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

.cashraces__crm-body {
    position: relative;
    background-color: rgba(19, 23, 31, .9);
    border-radius: 15px;
    border: solid 1px rgba(255,255,255,.2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.cashraces__crm-close-modal {
    position: absolute;
    right: -20px;
    top: -20px;
    background: transparent;
    border: none;
    color: var(--main-color);
    font-size: 25px;
    padding: 0;
    line-height: 1.1rem;
}

    .cashraces__crm-close-modal:hover {
        opacity: .8;
        color: var(--main-color);
    }

.cashraces__crm-image {
    background-image: url(https://maltcasino553.com/Content/themes/v1/CashRace/AugustTournamentt_TR.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 245px;
    width: 245px;
    top: -120px;
    left: calc(50% - 123px);
    position: absolute;
}


.cashraces__crm-info-amount {
    font-size: 16px;
    color: #ffe958;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: bold;
    margin-top: 25px;
}

    .cashraces__crm-info-amount p {
        margin-bottom: 7px;
    }

    .cashraces__crm-info-amount div {
        font-size: 24px;
        border: solid 2px #ffe958;
        width: max-content;
        border-radius: 50rem;
        margin: 0 auto;
        line-height: 2.2rem;
        background: rgb(133,133,133);
        background: linear-gradient(180deg, rgba(133,133,133,1) 0%, rgba(21,21,21,1) 65%);
        padding: 0 45px;
    }

.cashraces__crm-body .tournaments-item-timer-circle {
    width: 70px;
    height: 70px;
    color: #ffe958;
    border-color: #ffe958;
}

.cashraces__crm-body .tournaments-item-timer .dots {
    color: #ffe958;
}

.cashraces__crm-body .tournaments-item-timer-circle span:first-child {
    font-size: 40px;
}

.cashraces__crm-body h2 {
    text-align: center;
    color: #ffe958;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 31px;
    line-height: 1.1rem;
    margin-top: 25px;
    margin-bottom: 10px;
}

.cashraces__crm-ranking-container {
    max-width: 600px;
    margin: 0 auto;
}

    .cashraces__crm-ranking-container .tournaments-item-prize-pool .prize-pool {
        background: #ffe958;
        margin-bottom: 0;
    }

    .cashraces__crm-ranking-container .tournaments-item-prize-pool .amount-pool {
        background: #ffe958;
    }


.tournaments-item-prize-pool.tournaments-item-prize-header {
    background: #ffe958;
    border-radius: 50rem;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0;
}

    .tournaments-item-prize-pool.tournaments-item-prize-header .prize-pool p {
        font-size: 16px !important;
        line-height: normal;
    }

    .tournaments-item-prize-pool.tournaments-item-prize-header .amount-pool {
        font-size: 16px;
    }

.cashraces__crm-ranking-container .tournaments-item-prize-pool.tournaments-item-prize-pool-2 {
    opacity: 1;
    padding: 0;
}

    .cashraces__crm-ranking-container .tournaments-item-prize-pool.tournaments-item-prize-pool-2 .prize-pool {
        background: transparent;
        color: white;
        border-right: solid 1px rgba(255,255,255,.1);
        border-radius: 0;
        margin-bottom: 0;
    }

        .cashraces__crm-ranking-container .tournaments-item-prize-pool.tournaments-item-prize-pool-2 .prize-pool p {
            font-size: 14px;
        }

    .cashraces__crm-ranking-container .tournaments-item-prize-pool.tournaments-item-prize-pool-2 .amount-pool {
        background: transparent;
        color: white;
        font-size: 14px;
        line-height: normal;
    }

.cashraces__crm-popup-banner {
    max-height: 215px;
}

.cashraces__crm-line {
    width: 100%;
    position: absolute;
    bottom: 0;
}
/*Call request section*/

.osp__container {
    background-image: url(/Content/images/malt-call-page.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
}

    .osp__container .osp__registration {
        background-color: rgba(0, 0, 0, 0.76);
        width: 650px;
        text-align: center;
        margin: 0 auto;
        padding: 0px 121px 0 122px;
    }

        .osp__container .osp__registration img {
            margin-top: 55px;
            height: 54px;
        }

        .osp__container .osp__registration .osp__first-text {
            margin: 0;
            font-size: 21px;
            color: #ffca00;
            font-weight: bold;
            padding-top: 15px;
            padding-bottom: 15px;
            line-height: normal;
        }

        .osp__container .osp__registration .osp__second-text {
            margin: 0;
            color: #ffffff;
            font-size: 13px;
            line-height: normal;
            font-weight: bold;
            padding: 0 60px 0 60px;
        }

        .osp__container .osp__registration .osp__input-group {
            display: grid;
            padding-top: 25px;
        }

            .osp__container .osp__registration .osp__input-group input,
            .osp__container .osp__registration .osp__input-group select {
                border-color: #ffca00 !important;
                border: solid 1px #ffca00 !important;
                background: none;
                border-radius: 12px;
                margin-bottom: 20px;
                padding: 12px 0px 12px 16px;
                line-height: normal;
                color: white;
            }

                .osp__container .osp__registration .osp__input-group input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .osp__container .osp__registration .osp__input-group input[type=number] {
                    -moz-appearance: textfield;
                }

                .osp__container .osp__registration .osp__input-group input::placeholder,
                .osp__container .osp__registration .osp__input-group select {
                    color: #b5b5b5;
                    opacity: 1; /* Firefox */
                }

                .osp__container .osp__registration .osp__input-group input:-ms-input-placeholder,
                .osp__container .osp__registration .osp__input-group select {
                    color: #b5b5b5;
                }

                .osp__container .osp__registration .osp__input-group input::-ms-input-placeholder,
                .osp__container .osp__registration .osp__input-group select {
                    color: #b5b5b5;
                }

                    .osp__container .osp__registration .osp__input-group select option:nth-of-type(2),
                    .osp__container .osp__registration .osp__input-group select option:nth-of-type(3),
                    .osp__container .osp__registration .osp__input-group select option:nth-of-type(4) {
                        color: white;
                        background-color: #0d0f14;
                    }

            .osp__container .osp__registration .osp__input-group textarea {
                height: 155px;
                max-height: 155px;
                border-color: #ffca00 !important;
                border: solid 1px #ffca00 !important;
                background: none;
                border-radius: 15px;
                padding: 12px 0px 13px 16px;
                line-height: normal;
                color: white;
            }

                .osp__container .osp__registration .osp__input-group textarea::placeholder {
                    color: #b5b5b5;
                    opacity: 1; /* Firefox */
                }

                .osp__container .osp__registration .osp__input-group textarea:-ms-input-placeholder {
                    color: #b5b5b5;
                }

                .osp__container .osp__registration .osp__input-group textarea::-ms-input-placeholder {
                    color: #b5b5b5;
                }

    .osp__container .container .osp__registration .osp__input-group textarea:focus-visible {
        outline: none;
    }

    .osp__container .container .osp__registration .osp__input-group input:focus-visible {
        outline: none;
    }

    .osp__container .container .osp__registration .osp__third-text {
        margin: 0;
        font-size: 17px;
        color: black;
        font-weight: bold;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 50px 10px 47px;
        border-radius: 50rem;
        text-transform: uppercase;
        border: solid 1px #ffca00;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background-color: #ffca00;
    }

        .osp__container .container .osp__registration .osp__third-text:hover {
            background-color: var(--main-color);
            color: black;
        }

        .osp__container .container .osp__registration .osp__third-text:disabled {
            /*            background-color: #343240;*/
        }

        .osp__container .container .osp__registration .osp__third-text .fa-play {
            font-size: 14px;
        }

    .osp__container .container .osp__registration .osp__back-btn {
        margin: 0;
        font-size: 17px;
        font-weight: bold;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 50px 10px 47px;
        border-radius: 50rem;
        text-transform: uppercase;
        color: #fff;
        border-color: #6c757d;
    }

        .osp__container .container .osp__registration .osp__back-btn:hover {
            background: #6c757d;
        }

    .osp__container .container .osp__last-text {
        margin: 0;
        color: white;
        font-size: 20px;
        line-height: normal;
        padding-top: 8px;
        text-align: center;
    }

.osp__step_1 .btn {
    font-size: 15px;
    width: 48%;
    padding: 12px 3px;
    background-color: #ffca00;
    color: black;
    font-weight: bold;
}

/*End of Call request section*/

.floating-action-button-let-us-call {
    opacity: 1;
    visibility: visible;
    z-index: 2147483639;
    position: fixed;
    bottom: 0px;
    width: 84px;
    height: 84px;
    max-width: 100%;
    max-height: calc(100% - 0px);
    min-height: 0px;
    min-width: 0px;
    background-color: transparent;
    border: 0px;
    overflow: hidden;
    left: 78px;
    transition: none 0s ease 0s !important;
    align-items: center;
}

.fullpage_loader-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000c2;
    z-index: 30;
    display: none;
}

    .fullpage_loader-container .loader5 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }


/*Styles of Promotions Story Start*/

.promotions-story {
    display: none
}

.promotions-story-users img {
    display: none
}

/*Styles of Promotions Story End*/

.live-casino__proviers-dropdown-menu.dropdown-menu {
    background-color: #252c37;
    width: 600px;
    height: 300px;
    will-change: transform;
    top: 57px;
    left: 60px;
    overflow-y: auto;
    border-radius: 30px;
}

.products-navigation-search-item-provider input {
    width: 430px;
    background: #1b1f28;
    outline: none;
    border: solid 2px #373e4c;
    border-radius: 50rem !important;
    margin-bottom: 2px;
    padding: 5px 15px;
    font-size: 15px;
    right: -19px;
    position: relative;
    margin-top: 15px;
    color: grey;
}

.products-navigation-search-item-provider button {
    right: 135px;
    margin-top: 15px;
    position: absolute;
    padding: 5px 15px;
    border: solid 2px #373e4c;
    border-radius: 50rem !important;
    background-color: #ffa724;
    height: 36px;
}

.products-navigation-filter-option .pull-right {
    color: #7a849c
}

.products-navigation-filter-option .provider-name {
    color: #7a849c
}

.products-navigation-filter-dropdown-deletebtn button {
    width: 110px;
    border: solid 2px #373e4c;
    border-radius: 50rem !important;
    height: 36px;
    background: #A5A5A0;
    position: absolute;
    top: 22px;
    right: 13px;
}

.products-navigation-filter-dropdown {
    background: #1b1f28;
    flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
    width: 280px;
    height: 175px;
    right: -3px;
    border-radius: 15px;
    color: grey;
    font-size: 15px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 30px;
    min-height: 200px;
    max-width: 280px;
}

.products-navigation-filter-dropdown-head {
    background: #0f1013c9;
    width: 100%;
    color: #ffaa2c;
    /* top: -7px; */
    position: relative;
    width: 100%;
    height: 31px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    /* margin-bottom: 0px; */
    margin-top: 13px;
}

    .products-navigation-filter-dropdown-head h3 {
        margin-bottom: 3px;
        margin-right: 90px;
        font-size: 21px !important;
    }


.products-navigation-filter-dropdown-content {
    position: absolute;
    overflow: scroll;
    height: 121px;
    overflow-x: hidden;
    max-width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 15px;
    margin-left: -20px;
    width: 260px;
}

    .products-navigation-filter-dropdown-content::-webkit-scrollbar {
        width: 8px;
    }

    .products-navigation-filter-dropdown-content::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 5px;
        margin: 10px;
    }

    .products-navigation-filter-dropdown-content::-webkit-scrollbar-track {
        background: #252c37;
        border-radius: 5px;
    }

    .products-navigation-filter-dropdown-content > .products-navigation-filter-dropdown {
        white-space: nowrap; /* Prevent text wrapping */
        overflow: hidden; /* Hide overflowing content */
        text-overflow: ellipsis; /* Show ellipsis (...) for truncated text */
    }


.bet-amount-filter-dropdown {
    background: #1b1f28;
    padding-right: 15px;
    padding-left: 15px;
    width: 280px;
    height: 200px;
    border-radius: 15px;
    color: grey;
    font-size: 15px;
    margin-top: -213px;
    margin-right: 139px;
    margin-left: 306px;
}


.bet-amount-filter-dropdown-head {
    background: #0f1013c9;
    color: #ffaa2c;
    top: 13px;
    position: relative;
    width: 100%;
    height: 31px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    margin-top: 13px;
}


    .bet-amount-filter-dropdown-head h3 {
        margin-bottom: 3px;
        margin-right: 80px;
        font-size: 21px !important;
    }

.bet-amount-filter-dropdown-content {
    top: 45px;
    padding: 5px;
    line-height: 2;
    margin-top: 26px;
}


.products-navigation-filter-option {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

    /* Hide the browser's default checkbox */
    .products-navigation-filter-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.bet-amount-filter-dropdown-option {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .bet-amount-filter-dropdown-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.bet-amount-option {
    padding-bottom: -14px;
    top: -3px;
    right: -1px;
    position: relative;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border: 2px solid gray;
    border-radius: 5px;
}
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* When the checkbox is checked, add a blue background */
.products-navigation-filter-option input:checked ~ .checkmark {
    background-color: transparent;
}

    /* Show the checkmark when checked */
    .products-navigation-filter-option input:checked ~ .checkmark:after {
        display: block;
    }

/* Style the checkmark/indicator */
.products-navigation-filter-option .checkmark:after {
    left: 4px;
    top: 0px px;
    width: 6px;
    height: 11px;
    border: solid lime;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Define a class to hide the :after pseudo-element */
.hide-after::after {
    display: none;
    /* Other properties to hide or modify the appearance */
}

/* When the checkbox is checked, add a blue background */
.bet-amount-filter-dropdown-option input:checked ~ .checkmark {
    background-color: transparent;
}

    /* Show the checkmark when checked */
    .bet-amount-filter-dropdown-option input:checked ~ .checkmark:after {
        display: block;
    }

/* Style the checkmark/indicator */
.bet-amount-filter-dropdown-option .checkmark:after {
    left: 4px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid lime;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Define a class to hide the :after pseudo-element */
.hide-after::after {
    display: none;
    /* Other properties to hide or modify the appearance */
}

.products-navigation-filter-option img {
    margin-bottom: 10px;
    margin-right: 3px;
}



@media (max-width: 768px) {
    .live-casino__proviers-dropdown-menu.dropdown-menu {
        background-color: #252c37;
        width: 100%;
        height: 485px;
        min-height: 505px;
        will-change: transform;
        top: 57px;
        left: 60px;
        overflow-y: auto;
        border-radius: 30px;
        margin-left: -18px;
        width: 400px;
    }

    .bet-amount-filter-dropdown {
        background: #1b1f28;
        padding-right: 15px;
        padding-left: 15px;
        width: 362px;
        height: 200px;
        border-radius: 15px;
        color: grey;
        font-size: 15px;
        margin-top: 0px;
        margin-right: 138px;
        margin-left: 14px;
    }

    .products-navigation-filter-dropdown {
        background: #1b1f28;
        flex: 0 0 50%;
        padding-right: 15px;
        padding-left: 15px;
        width: 362px;
        height: 175px;
        right: -3px;
        border-radius: 15px;
        color: grey;
        font-size: 15px;
        overflow: hidden;
        position: relative;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 30px;
        min-height: 200px;
        max-width: 500px;
    }


    .products-navigation-search-item-provider input {
        width: 260px;
        background: #1b1f28;
        outline: none;
        border: solid 2px #373e4c;
        border-radius: 50rem !important;
        margin-bottom: 2px;
        padding: 5px 15px;
        font-size: 15px;
        right: -5px;
        position: relative;
        margin-top: 15px;
        color: grey;
    }

    .products-navigation-search-item-provider button {
        right: 59px;
        margin-top: 15px;
        position: absolute;
        padding: 5px 15px;
        border: solid 2px #373e4c;
        border-radius: 50rem !important;
        background-color: #ffa724;
        height: 36px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .products-navigation-filter-dropdown-deletebtn button b {
        display: none;
    }

    .products-navigation-filter-dropdown-deletebtn button {
        width: 40px;
        border: solid 2px #373e4c;
        border-radius: 50% !important;
        height: 36px;
        background: #A5A5A0;
        position: absolute;
        top: 22px;
        right: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .products-navigation-filter-dropdown-content {
        position: absolute;
        overflow: scroll;
        height: 121px;
        overflow-x: hidden;
        max-width: 350px;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 15px;
        margin-left: -20px;
        width: 350px;
    }

    .products-navigation-filter-dropdown-head h3 {
        margin-bottom: 3px;
        margin-right: 180px;
        font-size: 21px !important;
    }

    .bet-amount-filter-dropdown-head h3 {
        margin-bottom: 3px;
        margin-right: 163px;
        font-size: 21px !important;
    }
    .lpPrizebox{
        display:none;
    }
    .lp-modal_bannercont {
        margin-left:0;
        width:100%;
    }
    .market_banner_right{
        display:none;
    }
    .lp-modal_bannercont {
        padding-left: 102px;
    }
    .market_banner_left{
        width:100%;
        display:flex;
        justify-content:center;
    }

}


/*  field for promo code new functionality */
/*.breadcrumbs__container {
    background: #1d242a;
}

    .breadcrumbs__container .container-size {
        position: absolute;
        width:50%;
    }
.breadcrumbs__content {
    padding: 15px 0;
    font-size: 13px;
    font-family: 'robotoBold', Arial;
    color: var(--yellow);
    text-transform: uppercase;
}

    .breadcrumbs__content i {
        font-size: 14px;
    }*/

.mybonus__input-container {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
}

.mybonus__apply {
    padding: 6px 12px 6px 12px;
    position: absolute;
    right: 0;
    height: 35px;
    top: 24px;
}

.mybonus__title {
    float: left;
    padding: 15px 0;
    font-size: 13px;
    color: var(--main-color);
    text-transform: uppercase;
}


.confirmation_modal {
    z-index: 2050;
    font-family: "Roboto" !important;
}

    .confirmation_modal .modal-content {
        display: flex;
        align-items: center;
        margin: auto;
        background: none;
        box-shadow: none;
        border: none;
    }

    .confirmation_modal .confirmation_modal_content {
        width: 465px;
        height: 590px;
        background-image: url(/Content/images/malt_reg_confirmation_bg.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
    }

    .confirmation_modal .confirmation_modal_btns {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        transform: translateX(0%);
        height: 150px;
        position: absolute;
        bottom: 80px;
        font-family: "Roboto" !important;
    }

        .confirmation_modal .confirmation_modal_btns .continue_reg_button {
            width: 196px;
            height: 55px;
            border-radius: 28px;
            background-color: #13171f;
            border: 1px solid #ffba00;
            transform: translateX(8%);
            font-size: 21px;
            line-height: 25px;
            color: #ffba00;
            font-weight: 500;
            font-family: "Montserrat" !important;
            text-align: center;
        }

            .confirmation_modal .confirmation_modal_btns .continue_reg_button span {
                font-size: 32px;
                margin-right: 10px;
            }

            .confirmation_modal .confirmation_modal_btns .continue_reg_button:hover {
                opacity: 0.8;
            }

        .confirmation_modal .confirmation_modal_btns .close_reg_button {
            width: 227px;
            height: 64px;
            border: none;
            background-color: transparent;
            text-align: center;
            font-size: 16px;
            line-height: 20px;
            color: #ffba00;
            font-weight: 500;
            font-family: "Montserrat";
        }

            .confirmation_modal .confirmation_modal_btns .close_reg_button:hover {
                opacity: 0.8;
            }


.olddsearch {
    right: 20px;
    position: relative;
    width: 100%;
}

.oldsearchinput {
    margin-top: 0px !important;
}

.olddropdown {
    height: 400px;
    width: 250px !important;
}

.oldcontent {
    height: 350px !important;
    overflow: hidden;
    margin-top: 0;
}

.oldlabel {
    margin-bottom: 0px !important;
}

.dropdown-item-old {
    padding: 0.25rem 1.25rem 0.25rem 2.25rem
}

.promoFieldInp12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.promoField12 {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: solid 1px #282e3a;
    outline: none;
    background: #1b1f28;
    color: #cfd6e6;
    width: 350px;
    margin-left: 16px;
    height: 35px;
}

.promoFieldButton12 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    top: 0;
}

.promoInput12 {
    border-radius: none;
    -moz-border-radius: none;
    -khtml-border-radius: none;
    border: none;
    padding: none;
    outline: none;
    background: none;
    color: none;
    width: 273px;
}

.promoCodesDiv12 {
    margin-top: 0px;
}


.sport-prividers-changer {
    display: none
}

.sport-provider-item {
    /* display: none;*/
}

.everymatrix-chosen {
    /*margin-left: 43%;*/
    padding-bottom: 6px;
}

.digitain-chosen {
   /* margin-left: 53%;
    margin-top: -30px;*/
}

.changepassword-container {
    position: relative;
    max-width: 630px;
    margin: 0 auto;
    z-index: 112;
}

    .changepassword-container .inner-pages__main-container {
        background-color: rgba(20, 24, 31, 0.9);
        border: 1px solid #363c4c;
        border-radius: 30px;
        padding: 15px;
    }

    .changepassword-container .changepassword-content {
        border: solid 1px #906727;
        padding: 15px;
        border-radius: 20px;
        margin-top: 20px;
    }

        .changepassword-container .changepassword-content h4 {
            width: 100%;
            background-color: #0f1217;
            border-radius: 50rem;
            margin: 0px 0px 40px;
            color: #ffaa2c;
            font-size: 18px;
            padding: 6px 16px;
        }

    .changepassword-container .changepassword__input {
        background-color: #1b1f28;
        border-radius: 19px;
        border: solid 1px #434d67;
    }

    .changepassword-container .form-control:focus {
        border-color: transparent;
        box-shadow: none;
    }

    .changepassword-container .form-group .btnChangePass {
        border: solid 1px #ffb400;
        color: #000;
        background-color: #ffb400;
        border-color: #ffb400;
        border-radius: 30px;
    }

        .changepassword-container .form-group .btnChangePass:hover {
            color: #ffb400 !important;
            background-color: transparent !important;
        }

    .changepassword-container .form-group {
        width: 270px;
        margin: 10px auto;
    }

        .changepassword-container .form-group.sn-loginbut {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 40px;
        }

.changepassword-container__background {
    background: url(/Content/images/modal-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 110;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: .8;
}

.changepassword-container .form-group .changepassword__info {
    position: absolute;
    right: 15px;
    top: 39px;
    color: #83858a;
}

.modal-dialog-emailSecurityModal {
    width: 800px;
    max-width: 800px
}

#confirmWithMailMobileModal, .withdrawalRequestCancelModal {
    color: #FFB210;
}

.confirmWithMailMobileModal, .withdrawalRequestCancelModal {
    width: 800px;
    max-width: 800px;
}

.withdrawalRequestCancelModalBody {
    background-color: #1A1F27;
    border-radius: 20px;
    padding: 0;
}

.confirmationInputsBody12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.confirmationContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 500px;
    margin: auto;
}

.confirmationInfo1 {
    margin: 10px 0px 40px 5px;
}

.confirmationMailheader12 {
    font-size: 19px;
    font-weight: 700;
}

.confirmationLabel12 {
    color: #516988;
}

.confirmationContainer div {
    margin: 7px 0px;
}

.confirmationInputsBody12 input {
    border-radius: 20px;
}

.confirmCodeInputs12 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.confirmationInputsBody12 button {
    background: none;
    color: #FFB210;
    width: fit-content;
    border-radius: 20px;
    padding: 5px 30px;
    border: 1px solid;
}

.confirmationCodeInputContainer12, .cancelWithdrawalMobileNum {
    display: flex;
    border-radius: 20px;
    background-color: #1B1F28;
    border: 1px solid #343B49;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
}

    .confirmationCodeInputContainer12 input, .cancelWithdrawalMobileNum input {
        background: none;
        border: none;
        width: 100%;
    }

    .cancelWithdrawalMobileNum div {
        color: #ffffff;
    }

.verifyMailMobileTransfer12 {
    width: 150px;
    margin: auto;
    margin-top: 20px;
}

.confirmationInputsBody12 button:hover {
    background-color: #FFB210;
    color: black;
}

.withdrawalCancelSmsContainer {
    display: grid;
    grid-template-columns: 2fr 5fr;
    background-color: slategray;
    background-color: #15181F;
    margin: 0px 10px 10px 10px;
    border-radius: 20px;
    padding: 15px;
}

.withdrawalCancelLeftCont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.withdrawalCancelLeftContCircle {
    border: 1px solid #343B49;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#withCancStep {
    position: relative;
    top: 15px;
    font-weight: 700;
    font-size: 22px;
}

#withCancNumber {
    font-weight: 700;
    font-size: 52px;
}

.confirmationInfo1CancelWithdr {
    padding: 18px;
    margin: 0;
}


.main-notification-dropdown-menu {
    transform: translate3d(-95px, 72px, 0px) !important;
    width: 300px;
    height: 340px;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
}

.custom-main-notification-dropdown-menu {
    transform: translate3d(-246px, 72px, 0px) !important;
    right: 0 !important;
    left: auto !important;
}

.notification-dropdown-container {
    height: 336px;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

    .notification-dropdown-container::-webkit-scrollbar {
        width: 5px;
    }


    .notification-dropdown-container::-webkit-scrollbar-track {
        /*box-shadow: inset 0 0 5px #262d37;*/
        background: transparent;
        border-radius: 10px;
    }

    .notification-dropdown-container::-webkit-scrollbar-thumb {
        background: #262d37;
        border-radius: 10px;
        height: 10px;
    }

.btn-ntf {
    margin-right: 5px;
}

.user-notifications .notification-dropdown-item {
    display: flex;
    color: #fff;
    align-items: center;
    gap: 10px;
    /*padding:10px;*/
    padding: 5px 10px 5px 10px;
}

    .user-notifications .notification-dropdown-item:first-child {
        padding: 10px 10px 5px 10px;
    }

    .user-notifications .notification-dropdown-item:last-child {
        padding: 5px 10px 10px 10px;
    }

.user-notifications .notification-content {
    display: grid;
}

.notification-date {
    font-size: 16px;
    color: #5B6378;
}

.notification-text {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

    .notification-text:hover {
        color: #fff;
        /*text-decoration: underline;*/
        text-decoration: none;
    }

.user-notifications .notification-hr {
    margin: auto;
    width: 90%;
    border-top: 1px solid rgba(128, 135, 158, .3);
}

.notification-dropdown-container .notification-hr:last-child {
    display: none;
}



/*Styles of Promotions Story Start*/

.promotions-story {
    display: none
}

.promotions-story-users img {
    display: none
}

/*Styles of Promotions Story End*/

.top-menu-nav {
    color: #ffb400 !important;
    text-decoration: none;
}

/*new styles for MaltCasino wars start*/
.challanges__tournament-content {
    justify-content: center;
}

.challanges__war-loader-main {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.challanges_skeleton-animation {
    background-color: #1b1f28;
    background: linear-gradient(-90deg, #1b1f28 30%, #222630 50%, #1b1f28 70%);
    background-size: 400% 400%;
    animation: skeleton-loading 1.5s infinite;
    position: absolute;
    width: 100%;
    height: 100%;
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}



.challanges__CashRace_Statuses_Active {
    color: white;
    border: solid 1px #ffb400;
    width: 231px;
}

.challanges__CashRace_Statuses {
    color: grey;
    border: solid 1px grey;
    width: 231px;
}

.challanges_Centerize_Statuses {
    justify-content: center;
    /* margin-left: -40px;
        margin-bottom: 55px;*/
}


.challanges__main-child {
    max-width: 100%;
    /* width: 100%; */
    height: auto;
    margin-right: 9px;
}

.challanges_leftside-photo img {
    height: 255px;
    width: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.challanges__main-child-inner {
    width: 401px;
    height: 256px;
    border-radius: 5px;
    display: flex;
}

.challanges__main-child:hover {
    color: white;
}

.challanges_leftside-photo {
    position: relative;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgb(247,225,87);
    background: linear-gradient(180deg, rgba(247,225,87,1) 35%, rgba(81,89,3,0.9024859943977591) 100%);
}

    .challanges_leftside-photo .slot-img {
        opacity: 1;
        display: block;
        width: 192px;
        height: 256px;
        backface-visibility: hidden;
    }

.challanges_play_button img {
    width: 100px;
    height: 115px;
    cursor: pointer;
}

.challanges_middle {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}


.challanges_leftside-photo:hover .slot-img {
    opacity: 0.3;
}

.challanges_leftside-photo:hover + .rightside-description {
    border-top: 1px solid gold;
    border-right: 1px solid gold;
    border-bottom: 1px solid gold;
}

.challanges_leftside-photo:hover .challanges_middle {
    opacity: 1;
}

.challanges_list-item-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #5b6378;
    font-weight: 400;
    font-family: "Montserrat";
    text-align: center;
    margin-bottom: 3px;
}

.challanges__line {
    width: 181px !important;
    height: 3px !important;
    background-color: #252c37;
    border: 0px solid #000000;
    margin: 0 auto;
}

#challanges__loader-main {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}



.challanges__challange-name {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffb400;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 700;
    width: 209px;
    /*overflow: hidden;*/ /* Hide the overflowing content */
    word-wrap: break-word;
    font-family: "Montserrat";
    text-align: center;
}

.challanges__status-winner1 {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffb400;
    font-weight: 700;
    font-family: "Montserrat";
    text-align: center;
    margin-top: 2px;
    margin-bottom: 0px;
}

.challanges__prize-active {
    width: 181px !important;
    height: 25px;
    border-radius: 12px;
    color: black;
    background-color: #ffb400;
    margin: 0px auto;
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.challanges__prize-completed span, challanges__prize-completed span {
    color: #FFB400;
    font-weight: 600;
}

.challanges__hidden-winner-name {
    width: 181px !important;
    height: 25px;
    border-radius: 12px;
    color: black;
    background-color: #ffb400;
    margin: 4px auto;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.challanges__rightside-description {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #1b1f28;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: .5s ease-in-out;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.challanges__prize-completed {
    font-size: 14px;
    text-transform: uppercase;
    color: #5b6378;
    font-weight: 400;
    font-family: "Montserrat";
    text-align: center;
    margin-top: 5px;
    /* width: 230px;*/
    /* overflow: hidden;*/
    margin: 0px auto;
    word-wrap: break-word;
}

.challanges__rightside-description > * {
    display: block;
    text-align: center;
    /* width:100%;*/
    width: 209px;
    position: relative;
}
/*new styles for MaltCasino wars end*/


.main-notification-dropdown-menu {
    transform: translate3d(-76px, 31px, 0px) !important;
    width: 300px;
/*    height: 340px;*/
    top: 0 !important;
    left: calc(100% + 10px) !important;
    transform: translate3d(-63px, 31px, 0px) !important;
}

.notification-dropdown-container {
    max-height: 336px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

    .notification-dropdown-container::-webkit-scrollbar {
        width: 5px;
    }


    .notification-dropdown-container::-webkit-scrollbar-track {
        /*box-shadow: inset 0 0 5px #262d37;*/
        background: transparent;
        border-radius: 10px;
    }

    .notification-dropdown-container::-webkit-scrollbar-thumb {
        background: #262d37;
        border-radius: 10px;
        height: 10px;
    }

.btn-ntf {
    margin-right: 5px;
}

.user-notifications .notification-dropdown-item {
    display: flex;
    color: #fff;
    align-items: center;
    gap: 10px;
    /*padding:10px;*/
    padding: 5px 10px 5px 10px;
}

    .user-notifications .notification-dropdown-item:first-child {
        padding: 10px 10px 5px 10px;
    }

    .user-notifications .notification-dropdown-item:last-child {
        padding: 5px 10px 10px 10px;
    }

.user-notifications .notification-content {
    display: grid;
}

.notification-date {
    font-size: 16px;
    color: #5B6378;
}

.notification-text {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

    .notification-text:hover {
        color: #fff;
        /*text-decoration: underline;*/
        text-decoration: none;
    }

.user-notifications .notification-hr {
    margin: auto;
    width: 90%;
    border-top: 1px solid rgba(128, 135, 158, .3);
}

.notification-dropdown-container .notification-hr:last-child {
    display: none;
}

.user-notifications {
    position: relative;
    z-index: 9999;
}

.limit-container {
    /*margin-left: 17px;*/
}

/*.short-limit-container {
    margin-left: 17px;
}*/

}


.passResetQuestionHeader2, .passResetQuestionQuestion, .passResetQuestionInfo {
    color: #fca536;
}

.passResetQuestionQuestion {
    margin: 20px;
    text-align: center;
}

.passResetQuestionCOntainer {
    padding: 20px;
    border: 1px solid #ffaa2c;
    border-radius: 20px;
    margin: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.passResetQuestCont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.passResetQuestionHeader2 {
    font-weight: 800;
    background: #0f1217;
    color: #ffb400;
    border-radius: 20px;
    padding: 0px 0px 0px 15px;
}

.passResetQuestionQuestion {
    font-weight: 700;
    color: #ffb400;
}

.passResetQuestionInfo {
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0px 20px;
    color: #ffb400;
    text-align: center
}

#currentPassReset {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #555;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
}

    #currentPassReset:checked {
        background-color: transparent;
        border-color: #555;
    }

        #currentPassReset:checked::before {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            background-color: #4CAF50;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

#newPassReset {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #555;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
}

    #newPassReset:checked {
        background-color: transparent;
        border-color: #555;
    }

        #newPassReset:checked::before {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            background-color: #4CAF50;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.passResetConfirmDiv_label {
    bottom: 2px;
    position: relative;
}

.password_reset_passResetSecondQuestModal_buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#backPosponePassReset {
    margin-top: 20px;
}

#backnewPassButton {
    margin-top: 20px;
    width: 150px !important;
}

#posponePassChangeSelector {
    width: 265px;
    border-radius: 20px;
}

.passResetQuestCont_input {
    border-radius: 20px;
    width: 265px !important;
}

.passResetQuestCont_label {
    color: #727a87 !important;
    margin-left: 20px;
}

.passChangeRules {
    font-size: 13px;
    padding: 0 30px;
    margin-bottom: 30px;
    width: 350px;
}

.rulesDiv {
    display: grid;
    grid-template-columns: 10px auto;
    align-items: center;
    gap: 10px;
}

.passResetConfirmDiv {
    width: 100%;
    margin-bottom: 30px;
}

.PasResetButton {
    background-color: #ffa92e;
    border: none;
    border-radius: 15px;
    width: 150px;
    text-align: center;
    color: black;
    cursor: pointer;
}

.grayDot {
    width: 10px;
    height: 10px;
    background-color: gray;
    border-radius: 10px;
}

#newPassButton {
    width: fit-content !important;
    width: 154px;
    text-wrap: nowrap;
    margin-top: 20px;
}

.mobileConfirm22 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 15px;
    margin: 0px 0px 10px 0px;
}

#mobileConfirm22Input {
    width: 100%;
    border-radius: 20px;
}

#mobileConfirm22Button {
    padding: 5px 10px;
    background-color: #ffb400;
    border-radius: 10px;
    text-align: center;
    color: black;
    border-radius: 10em;
    cursor: pointer;
    text-wrap: nowrap;
    font-size: 15px;
}

.backgroundDimmed {
    background-color: #ab7f15 !important;
    cursor: not-allowed !important;
}

#timerTimePassReset {
    text-align: center;
}

#resetPassError {
    text-align: center;
    color: #d51717;
}

.submitButtonAndErrodCont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

#confirmPosponePassReset {
    margin-top: 20px;
}

.loyaltyinformationmodal {
    background-image: url(/Content/images/modal-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: initial;
}

    .loyaltyinformationmodal .loyalty-modal-close {
        position: absolute !important;
        right: -22px;
        top: -20px;
        font-size: 30px !important;
        color: #ffb400;
        opacity: 1 !important
    }

#confirmWithMailMobileModal, .withdrawalRequestCancelModal {
    color: #FFB210;
}

.confirmWithMailMobileModal, .withdrawalRequestCancelModal {
    width: 800px;
    max-width: 800px;
}

.confirmWithMailMobileModal {
    margin-top: 100px;
}

.withdrawalRequestCancelModalBody {
    background-color: #1A1F27;
    border-radius: 20px;
    padding: 0;
}

.confirmationInputsBody12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.confirmationContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.confirmationInfo1 {
    margin: 10px 0px 40px 5px;
}

.confirmationMailheader12 {
    font-size: 19px;
    font-weight: 700;
}

.confirmationLabel12 {
    color: #516988;
}

.confirmationContainer div {
    margin: 7px 0px;
}

.confirmationInputsBody12 input {
    border-radius: 20px;
}

.confirmCodeInputs12 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.confirmationInputsBody12 button {
    background: none;
    color: #FFB210;
    width: fit-content;
    border-radius: 20px;
    padding: 5px 30px;
    border: 1px solid;
}

.confirmationCodeInputContainer12, .cancelWithdrawalMobileNum {
    display: flex;
    border-radius: 20px;
    background-color: #1B1F28;
    border: 1px solid #343B49;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
}

    .confirmationCodeInputContainer12 input, .cancelWithdrawalMobileNum input {
        background: none;
        border: none;
        width: 100%;
    }

    .cancelWithdrawalMobileNum div {
        color: #ffffff;
    }

.verifyMailMobileTransfer12 {
    width: 150px;
    margin: auto;
    margin-top: 20px;
}

.confirmationInputsBody12 button:hover {
    background-color: #FFB210;
    color: black;
}

.withdrawalCancelSmsContainer {
    display: grid;
    grid-template-columns: 2fr 5fr;
    background-color: slategray;
    background-color: #15181F;
    margin: 0px 10px 10px 10px;
    border-radius: 20px;
    padding: 15px;
}

.withdrawalCancelLeftCont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.withdrawalCancelLeftContCircle {
    border: 1px solid #343B49;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#withCancStep {
    position: relative;
    top: 15px;
    font-weight: 700;
    font-size: 22px;
}

#withCancNumber {
    font-weight: 700;
    font-size: 52px;
}

.confirmationInfo1CancelWithdr {
    padding: 18px;
    margin: 0;
}

#mobileConfirm22Button, #sendCodeToMobileNumberConfirm {
    padding: 5px 10px;
    background-color: #ffb400;
    border-radius: 10px;
    text-align: center;
    color: black;
    border-radius: 10em;
    cursor: pointer;
}

.mmobile-confirm_buttn-cont {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.mobile-confirm_modal-cont {
    border: 2px solid #ffc100;
    margin: auto;
    padding: 10px;
    margin-top: 10px;
    border-radius: 15px;
    width: 90%;
}

.mobile-confirm_header2 {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
    width: 100%;
}

.disabledButton {
    background-color: #796e54 !important;
}

.modal-dialog-codeSendingModal {
    width: 400px !important;
    max-width: 800px !important;
    max-width: 800px !important;
}

.code-sending-modal-codeDiv {
    width: 150px;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 10px;
}

#security_suggestion_code-modal, #security_suggestion_code-modal_mailCode_resPass {
    background: none !important;
    border-radius: 15px !important;
    border: 1px solid #ffb400 !important;
    width: 100px;
}

.code-sending-modal-codeDiv div {
    display: flex !important;
    align-items: center !important;
}

.code-sending-modal-col-codeDiv {
    width: 100%;
    max-width: 100%;
}

.personalPage_2faVerificationListItem div {
    display: grid;
    grid-template-columns: 5fr 1fr;
}

.col-sm-2 security_suggestion_code_timer-cont {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}

.mobile-gmail-verification_mail-text, .mobile-gmail-verification_mobile-text, .mobile-gmail-verification_responce-text {
    color: #ffb210;
}

.mobile-gmail-verification_responce-text {
    width: 80%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .modal-dialog-codeSendingModal {
        width: 350px !important;
        max-width: 350px !important;
        max-width: 350px !important;
        margin: auto !important;
    }

    .emailCodeHeaderEmailVerification {
        text-align: center !important;
    }

    .security_suggestion_code-modal {
        width: 80px;
    }

    .codeSendingModal_sms-code {
        flex-direction: column;
    }

    #security_suggestion_code-modal, #security_suggestion_code-modal_mailCode_resPass {
        width: 120px;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .modal-dialog-codeSendingModal {
        margin-left: 50px !important;
    }

    .personalPage_2faVerificationContainer {
        padding: 8px;
    }
}

.mobile-gmail-verification_mobile-text, .mobile-gmail-verification_mail-text {
    color: #FFB210;
    text-align: center;
}

#withdraw-email-code-input, #withdraw-mobile-code-input {
    padding: 6px 5px !important;
}

@media only screen and (max-width: 360px) {
    .modal-dialog-codeSendingModal {
        width: 270px !important;
    }

    .modal-footer-codeSendSecurity_action {
        padding: 10px 5px 0px 5px !important
    }

    #security_suggestion_code-modal, #security_suggestion_code-modal_mailCode_resPass {
        width: 90px;
    }
}

.modal-footer-codeSendSecurity_action input {
    width: 90px;
}

.codeSendingModal_buttons #security_suggestion_send_code .codeVerificationModalConfirm {
    display: none;
}

.mail_pass_reset__error {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}

.withdrawalRequestCancelModal {
    width: 540px !important;
    margin: auto !important;
    top: 30% !important;
    transform: translate(0, -50%) !important;
}

@media screen and (max-width: 540px) {
    .withdrawalRequestCancelModal {
        width: 300px !important;
        margin: auto !important;
        top: 30% !important;
        transform: translate(0, -50%) !important;
    }
    .confirmationContainer{
        flex-direction:column !important;
    }
    #cancelOrderSendMessage {
        width:100%;
    }
}

.passResetConfirmDiv_form {
    display: flex;
    flex-direction:column;
/*    grid-template-columns: 5% 95%;
    align-items: center;
    gap: 5px;*/
}

#timerTimePassResetText {
    display: none;
}

#modal-newPasswordModal-form {
    width: 100%;
}

.password_reset_passResetSecondQuestModal_buttons button {
    padding: 7px 10px;
}

.sports-menu {
    overflow: hidden;
    white-space: nowrap;
    background: #0d0f14;
}

    .sports-menu ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        overflow: auto;
    }

        .sports-menu ul li {
            height: 40px;
            width: 120px;
            display: flex;
            justify-content: center;
            padding: 0;
            margin: .3em;
            border-left: 0;
            border-radius: 10px 0;
        }

            .sports-menu ul li.active.auth {
                background: #08090d;
            }

            .sports-menu ul li.active {
                background: #08090d;
            }

            .sports-menu ul li:not(.active):hover {
                background: #1a2c2c
            }

                .sports-menu ul li:not(.active):hover a:before,
                .sports-menu ul li:not(.active):hover a:after {
                    transform: translate(0, 0);
                    opacity: 1;
                }

            .sports-menu ul li:not(.active):hover {
                background: #1a2c2c;
            }

            .sports-menu ul li.active a:before,
            .sports-menu ul li.active a:after {
                transform: translate(0, 0);
                opacity: 1;
            }

            .sports-menu ul li a::before,
            .sports-menu ul li a::after {
                content: '';
                height: 16px;
                width: 16px;
                position: absolute;
                transition: all .35s ease;
                opacity: 0;
            }

            .sports-menu ul li a::before {
                content: '';
                right: 0;
                top: 0;
                border-top: 3px solid #117989;
                border-right: 3px solid #117989;
                transform: translate(-100%, 50%);
            }

            .sports-menu ul li a:after {
                content: '';
                left: 0;
                bottom: 0;
                border-bottom: 3px solid #ecb50d;
                border-left: 3px solid #ecb50d;
                transform: translate(100%, -50%);
            }


            .sports-menu ul li a:hover:before,
            .sports-menu ul li a:hover:after {
                transform: translate(0, 0);
                opacity: 1;
            }

            .sports-menu ul li a:hover {
                color: #3DA35D;
            }

            .sports-menu ul li a img {
                object-fit: contain;
            }

            .sports-menu ul li a {
                /*padding: 13px 13px 5px;*/
                cursor: pointer;
                width: 100%;
                height: 100%;
                display: inline-flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                position: relative;
            }


.noNotification-dropdown-item {
    color: white;
    text-transform: uppercase;
    padding: 14px 3px 14px 24px;
    margin-bottom: 0px !important;
    font-size: 14px
}

.noNotification-dropdown-item p {
    margin-bottom: 0px !important;
}

.terms__header-container {
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 650px) {
    .confirmationContainer {
        width:100%;
    }
    .withdraw-mobile-verification-send-btn {
        padding:0 !important;
    }
}

.footer-gcb-img {
    height: 55px;
}

.footer-18-img {
    width: 55px;
    height: 55px;
}


/*cashback css strat*/
.main-container {
    display: grid;
    margin: auto;
    width: 85%;
    padding: 80px 0px;
}
.user-level-info-container {
    background-image: url(/Content/images/cashbackSystem/BG-royalty-club.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 328px;*/
    border-radius: 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 47px 0px;
    gap: 14px;
    background-position: center center;
}

.discount-card {
    background-image: url(/Content/images/cashbackSystem/cashback-promo.png);
}

.cashback-card {
    background-image: url(/Content/images/cashbackSystem/discount-promo.png);
}

.instant-card {
    background-image: url(/Content/images/cashbackSystem/instant-card-bg.png);
}

.weekly-card {
    background-image: url(/Content/images/cashbackSystem/weekly-card-bg.png);
}

.monthly-card {
    background-image: url(/Content/images/cashbackSystem/monthly-card-bg.png);
}

.daily-card {
    background-image: url(/Content/images/cashbackSystem/daily-card-bg.png);
    gap: 12.5rem !important;
}

.cashback-offers-card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 280px;
    height: 375px;
    border-radius: 19px;
    background-color: #14181f;
    border: 1px solid #363c4c;
    display: grid;
    gap: 15rem;
    position: relative;
}

.card-body-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: space-between;
}

.user-level-promotions {
    justify-content: center;
    padding-bottom: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-level-promotions p {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
}

.level-progress {
    /*width: 541px;*/
    /*height: 15px;*/
    border-radius: 7px;
    background-color: transparent;
    border: 1px solid #ffaa2c;
}

.level-progress-bar {
    /*height: 15px;*/
    border-radius: 0px 7px 7px 0px;
    background-color: #ffa92b;
    border: 1px solid #ffaa2c;
    color: black;
}

.user-level {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 400;
}

.user-level-info-container .user-name {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
}

.level-btns {
    display: flex;
    justify-content: space-between;
    gap: 13vw;
}

.user-level-info {
    justify-content: center;
    /*display: grid;*/
    align-items: center;
    text-align: center;
    /*width: 69%;
    padding: 47px 0px;*/
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    /*width: 43%;*/
    margin: auto;
    gap: 12px;
}

.level-progress-bar-container {
    width: 119%;
    margin-left: -45px;
}

.card-container {
    align-items: center;
    display: grid;
    row-gap: 8px;
}

.card-container  button{
    font-size: 14px;
    line-height: 24px;
    color: #0d0f14;
    font-weight: 600;
}

.level-btns button {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

.user-name-container {
    align-items: center;
    display: flex;
    margin: auto;
    gap: 7px;
    margin-top: 24px;
}
.user-level-info img {
    margin: auto;
    width: 77%;
}

.user-name-container i {
    color: #ffaa2c;
    font-size: 27px
}
.cashback-type-container {
    display: grid;
/*    padding: 15px 24px;*/
    grid-template-rows: 35% 65%;
}

.instant-card .cashback-type-container {
    padding: 15px 24px;
}

.cashback-type-container .title {
    font-size: 20px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 700;
}

.cashback-type-container .type {
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
}

.balance-and-btn {
    display: grid;
    justify-content: center;
    gap: 6px;
    align-items: center;
    text-align: center;
    padding-bottom: 1.5rem;
    bottom: 0px;
    margin-top: -35px;
}

.balance-and-btn .balance {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 400;
}

.balance-and-btn button {
    width: 180px;
}

.cashback-offers-container .card-body {
    padding: 1.25rem 0.8rem;
}

.cashback-offers-container .row {
    justify-content: space-between;
    gap: 18px;
}

.time-left-container {
    height: 30px;
    border-radius: 15px;
    background-color: #0d0f14;
    border: 0px solid #7a849c;
}

.time-left {
    font-size: 14px;
    line-height: 24px;
    color: #7a849c;
    font-weight: 700;
}

.cashback-detailed-info-container {
    display: flex;
    padding: 15px 24px;
    justify-content: space-between;
}

.time-left-container {
    padding: 2px 11px 2px 6px;
    height: 30px;
    border-radius: 15px;
    background-color: #0d0f14;
    border: 1px solid #7a849c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.daily-card img {
    position: absolute;
    top: 0;
    left: 0px;
    transform: translate(52%, 49%);
    width: 46%;
}

.progress-title-daily {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}

.daily-info {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #0d0f14;
    border: 1px solid #7a849c;
}

.daily-surprise-progresss {
    height: 11px;
}

.daily-card .balance-and-btn {
    gap: 0px !important;
}

.levels-detailed-info {
    display: flex;
    flex-direction: row; 
    gap: 20px;
}

.left-column, .right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.level-container {
   position: relative;
}

.level-container .summary-img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transform: translate(-4px, -1px);
}

.summary-img-saturn {
    transform: translate(-39px, -5px) !important;
}

.level-container-title {
    /*    width: 559px;*/
    height: 30px; 
    border-radius: 15px;
    background-color: #0d0f14;
    border: 0px solid #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 50px;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffaa2c;
    font-weight: 700;
    width: 100%;
}
.terms-and-conditions {
    line-height: 1.6;
    color: #fff;
    padding: 30px 150px;
    background-color: #17171e;
}

.terms-and-conditions__header {
    display: block;
    color: #ffb400;
    font-weight: bold;
    font-size: 14px;
    margin: 20px 0 10px;
}

.terms-and-conditions__attention-info {
    display: block;
    color: #ffb400;
    margin-bottom: 10px;
    font-weight: 500;
}

.terms-and-conditions ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.terms-and-conditions ul li::marker {
    color: #ffb400;
}

.terms-and-conditions ul ul {
    list-style-type: circle;
    padding-left: 20px;
    margin-top: 5px;
    }

.terms-and-conditions__footer {
    display: block;
    margin-top: 20px;
    font-weight: bold;
}

.terms-and-conditions__text_highlight {
    color: #ffb400;
    font-weight: 500;
}




details {
    border-radius: 21px;
    background-color: rgba(20,24,31,0.8);
    border: 1px solid #363c4c;
    align-items: center;
    padding: 12px 15px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

summary {
    opacity: 0.800;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
}

summary:hover {
        color: #ffd700;
}

.planet-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-size: cover;
    border-radius: 50%;
}

.level-container .info-container {
    padding: 12px 19px 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    position: relative;
}

.info-container p {
    margin-bottom: 0px;
}

.info-container span {
    color: #7a849c;
}

.level-increases-title {
    color: #ffffff;
}

.level-increases-info {
    color: #ffaa2c;
}

details[open] summary {
    color: #ffd700;
}

.ranks-li-header {
    border-radius: 15px !important;
    background-color: #ffb400 !important;
    font-size: 17px;
    color: #000000;
    font-weight: 800;
    text-align: center;
    opacity: 1 !important;
}

.reward-modal-title {
    height: 30px;
    border-radius: 15px;
    background-color: #0d0f14;
    font-size: 18px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 700;
    margin: auto;
    display: flex;
    align-items: center;
    padding-left: 10px;
}


#levelRewards-modal .modal-dialog {
    max-width: 50% !important;
}

#levelRewards-modal .modal-body {
    padding: 7px 7px;
}

#levelRewards-modal .modal-content {
    border-radius: 30px;
    padding: 0px;
    background-color: rgba(20,24,31,0.9019607843137255);
    border: 1px solid #363c4c;
}

.level-rewards-row {
    border-radius: 30px;
    background-color: rgba(20, 24, 31, 0.5019607843137255);
    border: 1px solid #ffaa2c;
    padding: 11px;
}

.buy-now-btn {
    background-color: #0f1217 !important;
    border: 1px solid #0f1217;
    width: 121px;
    height: 28px;
    border-radius: 14px;
    padding: 0px;
    font-size: 11px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 600;
}

.locked-btn {
    background-color: rgba(13,15,20,0.5019607843137255);
    border: 1px solid #7a849c !important;
    color: #7a849c !important;
    font-weight: 600;
}

.locked-btn:hover {
    background-color: rgba(13,15,20,0.5019607843137255) !important;
    border: 1px solid #7a849c !important;
}

.ranks-ul {
    list-style-type: none;
    padding: 0px;
}

.ranks-ul li {
    justify-content: space-around;
    text-align: center;
    border-radius: 12px;
    opacity: 0.702;
    height: 30px;
    border-radius: 15px;
    background-color: transparent;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

.ranks-ul li:nth-of-type(even) {
    background-color: #0d0f14;
}

.ranks-ul li:first-child {
    margin-bottom: 10px;
}

.ranks-ul .list-group-item.active, .list-group-item-action:focus {
        background-color: #ffaa2c;
    border-color: transparent;
    color: #000000;
    opacity: 1;
    font-weight: 500;
}

.rank-locked-span {
    border-radius: 14px;
    background-color: #0f1217;
    border: 1px solid #7a849c;
    padding: 1px 8px;
    align-items: center;
    display: inline-grid;
}

.ranks-li-content {
    padding: 0px;
    border-color: transparent;
    align-items: center;
}

.ranks-li-content p {
    margin-bottom: 0;
}

.cashback-custom-background {
    background-image: url(/Content/images/modal-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.buy-now-btn:hover {
    background-color: #0f1217 !important;
    color: #ffaa2c;
    border: 1px solid #0f1217;
}


.reward-slider {
    width: 83px;
    background-color: #14171c;
    border: 1px solid #7a849c;
}

.reward-switch .slider.round:before {
    background-color: #7a849c;
    left: 0px;
    bottom: 0px;
}

.reward-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: auto;
    height: 27px;
    transform: translate(-40px, 0px);
}
.reward-switch input {
        opacity: 0;
        width: 0;
        height: 0;
}

.reward-switch-label {
    position: absolute;
    font-size: 12px;
    line-height: 24px;
    color: #7a849c;
    font-weight: 400;
    z-index: 1;
    left: 30px;
    pointer-events: none;
    transition: all 0.4s;
}

input:checked + .reward-slider {
    background-color: #14171c;
    border: 1px solid #ffaa2c;
}

    input:checked + .reward-slider::before {
        transform: translateX(57px); 
        background-color: #ffa726 !important;
    }

input:checked ~ .reward-switch-label {
    left: 18px;
    color: #ffa726;
}

.reward-switch-label[data-state="close"] {
    display: block;
}

input:checked ~ .reward-switch-label[data-state="close"] {
    display: none;
}

.reward-switch-label[data-state="open"] {
    display: none;
}

input:checked ~ .reward-switch-label[data-state="open"] {
    display: block;
}

.modal-main-content {
    padding: 10px;
    border-radius: 30px;
    background-color: rgba(20,24,31,0.5019607843137255);
    border: 1px solid #ffaa2c;
}

.align-text-center {
    text-align:center;
}

.approve-text {
    font-size: 16px;
    line-height: 24px;
    color: #ffaa2c;
    font-weight: 500;   
}

.information-text {
    font-size: 16px;
    line-height: 24px;
    color: #757c8b;
    font-weight: 400;
}

.information-text span {
    color: #ffaa2c;
}

.discount-card-btn, .discount-card-btn:hover {
    background-color: #14181f;
    border: 1px solid #7a849c;
    color: #7a849c;
}

.daily-surprise-progresss-container .level-progress {
    width: 254px;
}

.info-container .summary-img {
    position: absolute;
    right: -7px;
    bottom: -5px;
    width: 125px;
    transform: none;
    z-index: 1;
    left: auto;
    top: auto;
    opacity: 0.5;
}

.info-container .summary-img-saturn {
    width: 187px !important;
    right: -50px;
    bottom: 5px;
}

.ranks-li-header-mobile {
    grid-template-columns: 33% 33% 33%;
}

.info-container span,
.info-container .row {
    position: relative;
    z-index: 2;
}

/*cashback css end*/

.passwordResetOptions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-desktop .header-table .col .top-menu ul {
    z-index: 999;
    position: relative;
}

.mobile-ranks-ul, .mobile-ranks-ul .ranks-li-content {
    display: none;
}

.back-to-top-button {
    background: transparent;
    border: none;
    position: fixed;
    bottom: 28px;
    right: 308px;
    transition: transform .2s;
    z-index: 9999;
    display: none;
}

.back-to-top-button:hover {
    transform: scale(1.2);
    outline: none;
 }

.back-to-top-button:focus {
    outline: none;
}

.favorite-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    transform: translate(-14px, -19px);
}

.favorite-star-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 25px;
    /*transform: translate(-7px, -10px);*/
    transform: translate(-21px, -32px);
    cursor: pointer;
}

.slots-list-item-new, .casino-list-item-new, .poker-item-new {
    padding: 0px;
}

.slots-list-item-new .slots-list-item-img ,.casino-list-item-new .casino-list-item-img, .poker-item-new .poker-item-img {
    height: 239px !important;
}


.slots-list-item-new .slots-list-item-over, .casino-list-item-new .casino-list-item-over, .poker-item-new .poker-item-over {
    display: none;
    position: inherit;
    background: linear-gradient(to bottom, #ffea59, rgba(255, 255, 0, 0));
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
}

.slots-list-item-new .slots-list-item-over-inner .play-btn, .casino-list-item-new .casino-list-item-over-inner .play-btn, .poker-item-new .poker-item-over-inner .play-btn{
    top: 0;
    left: 0;
    transform: translateX(12px);
    border: none;
    background-color: transparent;
    color: gold;
    cursor: pointer;
    font-weight: bold;
    outline: none;
}

.slots-list-item-new .slots-list-item-over-inner .play-btn img, .casino-list-item-new .casino-list-item-over-inner .play-btn img, .poker-item-new .poker-item-over-inner .play-btn img{
    width: 68px;
    content: url('/Content/images/Triangle-play-icon.png');
}

.slots-list-item-new .slots-list-item-over-inner .play-btn-text, .casino-list-item-new .casino-list-item-over-inner .play-btn-text, .poker-item-new .poker-item-over-inner .play-btn-text {
    transform: translate(-58px, 25px);
    top: 0;
    position: absolute;
}

.casino-list-item-new .casino-list-item-over-inner .play-btn:hover img, .slots-list-item-new .slots-list-item-over-inner .play-btn:hover img, .poker-item-new .poker-item-over-inner .play-btn:hover img {
    content: url('/Content/images/Triangle-play-yellow-line-icon.png');
    width: 70px;
}

.play-btn:focus, .play-btn:active {
    border: none !important;
    outline: none !important;
}

.slots-list-item-new .slots-list-item-over-inner .demo-btn {
    transform: translate(-13px, 10px);
}

.slots-list-item-new .slots-list-item-over-inner .demo-btn img {
        width: 47px;
        transform: translate(24px, 30px);
}

.slots-list-item-new .slots-list-item-over-inner .demo-a {
    transform: translate(-18px, 46px);
    top: 0;
    position: absolute;
}

.slots-list-item-new .slots-list-item-over-inner .demo-text {
    transform: translate(-2px, -43px);
    font-size: 11px !important;
}

.slots-list-item-new .slots-list-item-over-inner .demo-text u {
        text-decoration: none;
        font-size: 10px !important;
        color: gold !important;
}

.casino-list-item-new .casino-list-item-dropsandwins-img, .slots-list-item-new .slots-list-item-dropsandwins-img {
    width: 70px !important;
    position: absolute;
    left: 13px;
    border-top-left-radius: 6px;
    z-index: 1;
    top: -1px;
}

.slots-list-item-new .slots-list-item-dropsandwins-img {
    left: 0px !important;
}

.slots-list-item-new .favorite-star-icon {
    transform: translate(-10px, -11px);
}

.slots-list-item-new .favorite-icon {
    transform: translate(0px, 0px);
}

.slots-list-item-new .slots-list-item-over .slots-list-item-over-inner {
    align-items: center;
    display: flex;
    justify-content: center;
}