body, html {
    height: 100%;
    min-width: 365px !important;
}

.logo, .usermain {
    vertical-align: middle
}

.login, .login22, header {
    box-sizing: border-box
}

.error5, .leftm-2 a i, .login22, .promotions a, .rem-check a, .rem-check2 a, .title1, .usermain {
    text-align: center
}

.bets, .coderefresh, .footicons, .leftm-1 .lang, .leftm-2 .collapse a, .login, .login22, .logo a, .menu, .reg-titles .ndone, .rem-check a, .rem-check2 a {
    cursor: pointer
}

.error5, .leftm-1 .lang, .leftm-2, .title1 {
    text-transform: uppercase
}

.banking-divs1 a, .btn-link, .coderefresh, .pokerSubM1 a, a, a:hover {
    text-decoration: none
}

html {
    margin: 0;
    padding: 0
}

.title1 {
    width: 100%;
    padding: 8px;
    font-size: 18px;
    line-height: 24px;
    color: #d4322d;
    font-weight: 700;
    margin: 8px 0 0
}

.container, .container-fluid, header {
    width: 100%;
    margin: 0
}

.grecaptcha-badge {
    visibility: hidden;
}

body {
    font-family: Arial;
    background: #242424;
    color: #fff
}

/*a, a:hover {
    color: #fff
}*/

.container-fluid {
    padding: 0
}

.container {
    padding: 0 20px
}

.headmain {
    position: relative;
    height: 109px;
}

    .headmain.flippanel-hidded {
        height: 57px !important;
    }

.dialog-bg, footer, header {
    position: fixed;
}

header {
    left: 0;
    z-index: 1500;
    display: table;
    height: 57px;
    padding: 0;
    border-bottom: 1px solid #000;
    box-shadow: 0 1px rgba(255,255,255,.06);
    background: #222;
    background: -moz-linear-gradient(top,#222 0,#121212 100%);
    background: -webkit-linear-gradient(top,#222 0,#121212 100%);
    background: linear-gradient(to bottom,#222 0,#121212 100%)
}

    header .menu-icon {
        display: table-cell;
        width: 52px;
        height: 56px
    }

.menu {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 56px;
}

.mact {
    background-position: bottom;
}
.mobile-head-px {
    display: none;
}
.logo {
    display: table-cell;
    padding-top: 2px;
    padding-left: 10px;
    width: 210px;
    height: 100%;
}

    .logo a {
        display: inline-block;
        width: 100%;
        /*height: 35px;*/
        /*background: url(../img/logo.png) top left no-repeat;*/
    }

.usermain {
    display:table-cell; 
    width: 38px;
    padding-right: 10px
}
.usermain-inner { 
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center; 
}
.login {
    display: block;
    width: 36px;
    height: 36px;
    background: #282828;
    background: -moz-linear-gradient(top,#414141 0,#282828 100%);
    background: -webkit-linear-gradient(top,#414141 0,#282828 100%);
    background: linear-gradient(to bottom,#414141 0,#282828 100%);
    color: #aeaeae;
    font-size: 20px;
    line-height: 36px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px
}


.recovery_pass__phone-pre {
    position: absolute;
    padding-left: 12px;
    height: 50px;
    font-size: 17px;
    display: flex;
    gap: 7px;
    align-items: center;
    line-height: 2.4rem;
    color: #555;
    top: 0;
}

    .recovery_pass__phone-pre > div {
        height: 27px;
        width: 27px;
        border-radius: 50%;
        background: url(/img/tr.svg) no-repeat center;
        background-size: cover;
    }

    .recovery_pass__phone-pre > span {
        border-right: solid 1px #555;
        padding-right: 9px;
    }

.footicons, .login22, .promotions a {
    display: inline-block
}

/*.login:hover {
    color: #d4322d
}
*/
.login22 {
    margin-top: -1px;
    padding: 6px;
    color: #ccc;
    /* border:1px solid #6faf00 !important;*/
    /* background: #282828;
    background: -moz-linear-gradient(top,#414141 0,#282828 100%);
    background: -webkit-linear-gradient(top,#414141 0,#282828 100%);
    background: linear-gradient(to bottom,#414141 0,#282828 100%);*/
    /*height: 43px;*/
    font-size: 8px;
    /* line-height: 14px;*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
    text-transform: uppercase;
}
.log2 {
    letter-spacing: 0px;
    /* background: #70b000;*/
    background-image: url("/Content/img/newbg-login-mobil.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    font-weight: bold;
    margin-right: 5px;
    text-decoration: none !important;
    white-space: nowrap;
}
/*.log2:hover a{
    color:#fff !important;
}*/
.reg1 {
    letter-spacing: 0px;
    background-image: url("/Content/img/newbg-register-mobil.png");
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
    font-weight: bold;
    margin-right: 5px;
    text-decoration: none !important;
}
.reg1:hover a{
    color:#6faf00 !important;
}
footer {
    display:none;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 1px solid #000;
    background: #222;
    background: -moz-linear-gradient(bottom,#222 0,#121212 100%);
    background: -webkit-linear-gradient(bottom,#222 0,#121212 100%);
    background: linear-gradient(to top,#222 0,#121212 100%);
    padding: 10px 0 5px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    z-index: 500;
    border-top: 3px solid #73b600;
}

.footicons {
    color: #494949;
    margin-left: 2px
}

    .footicons:hover {
        color: #d4322d
    }

    .footicons i {
        font-size: 33px;
        margin: 0;
        padding: 0
    }

.mainBodyPadding label, .personalDetailsInput {
    font-size: 14px;
    color: #ccc
}

.contact, .mainBodyPadding, .promotions {
    margin-bottom: 1px;
    padding: 12px;
    width: 100%
}

.mainBodyPadding {
    border-bottom: 1px solid #171717
}

.personalDetailsInput {
    outline: 0;
    height: 28px;
    border: 1px solid #0f0f0f;
    background: #272727 !important;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    box-shadow: inset 2px 2px 4px rgba(0,0,0,.3)
}
/* _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;
        color:#555;
        background-color: #ffffff !important;
    }

.personal__Details_dropdown-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.personal__Details_dropdown-button {
    width: 100%;
    height: 34px;
    border-radius: 4px;
    cursor: pointer;
    color: #555;
    background-color: #ffffff;
    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-color: #fff;
}
 

.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: #2d363e;
        padding: 10px 15px;
        border-radius: 0px !important;
        color: #ffffff;
        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: #fff;
        color: #555;
        font-size:16px;
    }

        .personal__Details_dropdown-content .products-navigation-cities-list div:hover {
            background-color: #9bcfe3 !important;
        }

.products-navigation-cities-list {
    max-height: 250px !important;
    padding: 0 !important;
}

.personal__Details_show {
    display: block;
}
/* _PersonalDetailsForm style end*/
.promotions {
    border-bottom: 1px solid #171717
}

    .promotions img {
        width: 100%
    }

    .promotions h3 {
        width: 100%;
        font-size: 18px;
        line-height: 25px;
        color: #eda212;
        font-weight: 700;
        float: left;
        margin: 8px 0 0
    }

    .promotions p {
        font-size: 14px;
        line-height: 20px;
        color: #a8a8a8;
        float: left;
        margin: 2px 0 4px;
        width: 100%
    }

    .promotions a {
        padding: 6px 12px 0;
        font-size: 16px;
        border: 0;
        height: 32px;
        background-color: #d4322d;
        outline: 0;
        color: #242424;
        margin-top: 10px;
        font-weight: 700
    }

#UserSecureWordPopup-modal {
    z-index: 1501;
    padding-right: 0 !important;
}

    #UserSecureWordPopup-modal .modal-header .close {
        margin-top: -34px;
    }

    #UserSecureWordPopup-modal button {
        margin-top: 16px;
    }

    #UserSecureWordPopup-modal input {
        margin-top: 10px;
        background: #353f48;
        color: #e4e9ed;
        height: 37px;
        padding-left: 8px;
        border: 0;
    }

    #UserSecureWordPopup-modal .error-text {
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }

#message_modal .modal-header, #sn-verification-modal .modal-header, #sn-verification-modal-sec .modal-header, #toggle2factor_message .modal-header, .promotion_modals .modal-header {
    border-bottom: 1px solid #3c3b3b
}

#message_modal .modal-content, #sn-verification-modal .modal-content, #sn-verification-modal-sec .modal-content, #toggle2factor_message .modal-content, .promotion_modals .modal-content {
    background-color: #2b2b2b
}

#message_modal .close, #sn-verification-modal .close, #sn-verification-modal-sec .close, #toggle2factor_message .close, .promotion_modals .close {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #e6e6e6
}

.promotion_modals {
    margin-top: 55px
}

#message_modal, #sn-verification-modal, #sn-verification-modal-sec, #toggle2factor_message {
    margin-top: 70px
}

.contactform label, .loginform label {
    font-weight: 400
}

.dialog-bg {
    width: 100%;
    height: 100%;
    z-index: 2001;
    background: rgba(153,153,153,.7)
}

.leftmenu {
    display: none;
    position: absolute;
    /*left: -251px;*/
    top: 0;
    z-index: 2010;
    background: #1b1b1b;
    border-right: 1px solid #000;
    width: 250px;
    min-height: 100%
}

.mainbody {
    padding-bottom: 53px;
    position: relative
}

.leftm-1 {
    border-bottom: 1px solid #0e0e0e;
    box-shadow: 0 1px #282828;
    padding: 12px 0 15px 11px;
    font-size: 15px;
    color: #ccc;
    line-height: 29px;
    margin-bottom: 10px
}

    .leftm-1 p {
        padding: 0;
        margin: 0 0 10px;
        line-height: 18px
    }

    .leftm-1 .lang {
        display: inline-block;
        padding: 0 7px;
        height: 32px;
        color: #ccc;
        border: 1px solid #131313;
        background: #282828;
        background: -moz-linear-gradient(top,#414141 0,#282828 100%);
        background: -webkit-linear-gradient(top,#414141 0,#282828 100%);
        background: linear-gradient(to bottom,#414141 0,#282828 100%);
        border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -webkit-border-radius: 6px;
        font-size: 14px
    }

        .leftm-1 .lang:hover {
            color: #d4322d
        }

    .leftm-1 .lact {
        background: #d4322d;
        color: #000
    }

        .leftm-1 .lact:hover {
            color: #000
        }

.leftm-2 {
    font-size: 15px;
    color: #ccc;
    line-height: 20px
}

    .leftm-2 a {
        display: block;
        padding: 8px 0px 10px 14px;
        color: #ccc;
        cursor: pointer;
        position: relative
    }

        .leftm-2 a i {
            display: block;
            width: 26px;
            height: 26px;
            background: #272727;
            color: #525252;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -webkit-border-radius: 4px;
            position: absolute;
            /*right: 12px;*/
            top: 50%;
            margin-top: -13px;
            font-size: 27px;
            line-height: 25px; 
        }

        .leftm-2 a:hover {
            background: #000;
            color: #d4322d
        }

            .leftm-2 a:hover i {
                background: #1b1b1b;
                color: #d4322d
            }

    .leftm-2 .lmact {
        background: #000;
        color: #d4322d
    }

        .leftm-2 .lmact i {
            background: #1b1b1b;
            color: #d4322d
        }
.left-menu-categories {
    margin-left: 36px;
    display: flex;
}
.leftmact {
    right: 0;
    display: block
}

.loginact .login {
    color: #000;
    background: #d4322d
}

.loginform {
    border-bottom: 1px solid #0e0e0e;
    box-shadow: 0 1px #2e2e2e;
    padding: 20px;
    font-size: 16px;
    color: #d4322d;
    margin-bottom: 20px
}

    .loginform .form-control {
        height: 38px;
        font-size: 14px;
        color: #333;
        background-color: #ccc;
        border: 1px solid #000;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: inset 1px 2px 3px rgba(0,0,0,.3)
    }

.check__page {
    margin-bottom: 20px;
    text-transform: none;
    color: #fff;
}

    .check__page p {
        margin: 10px 0 0;
    }

.page__address {
    background: #e4e9ed;
    padding: 7px 11px;
    display: inline-block;
    color: #1d242a;
    font-size: 15px;
}

    .page__address span {
        color: #25a858;
    }


.lock__icon {
    color: #25a858;
    padding-right: 6px;
}

.error5 {
    padding: 10px 0 6px 4px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    background-color: green;
    width: 100%;
    margin-bottom: 10px;
    -webkit-border-radius: 6px
}

.leftm-2 .collapse {
    background: #242424
}

    .leftm-2 .collapse a {
        display: block;
        font-size: 15px;
        padding: 8px 18px 10px 30px;
        color: #ccc;
        position: relative
    }

.contactform {
    border-bottom: 1px solid #0e0e0e;
    box-shadow: 0 1px #2e2e2e;
    padding: 20px;
    font-size: 16px;
    color: #d4322d;
    margin-bottom: 20px
}

    .contactform .form-control {
        height: 38px;
        font-size: 14px;
        color: #333;
        background-color: #ccc;
        border: 1px solid #000;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: inset 1px 2px 3px rgba(0,0,0,.3)
    }

.rem-check, .rem-check2 {
    background: #131313;
    font-size: 14px;
    height: 39px;
    line-height: 19px;
    box-sizing: border-box;
    vertical-align: top
}

.rem-check {
    display: inline-block;
    width: 48%;
    margin: 0 .5%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 12px;
    color: #ccc
}

    .rem-check a, .rem-check label {
        display: block;
        outline: 0
    }

    .rem-check a {
        padding: 10px 0;
        color: #666
    }

        .rem-check a:hover, .rem-check label:hover {
            color: #d4322d
        }

    .rem-check input {
        margin: 2px 0 0
    }

.rem-check2 {
    display: inline-block;
    width: 65%;
    margin: 0 .5%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 12px;
    color: #ccc
}

    .rem-check2 a, .rem-check2 label {
        display: block;
        outline: 0
    }

.btn-info, .btn-warning {
    width: 100%;
    font-size: 17px;
    font-family: Arial;
    text-transform: uppercase
}

.rem-check2 a {
    padding: 10px 0;
    color: #666
}

    .rem-check2 a:hover, .rem-check2 label:hover {
        color: #d4322d
    }

.rem-check2 input {
    margin: 2px 0 0
}

.btn-warning, .btn-warning:hover {
    color: #000;
    border: 0
}

.btn-warning {
    text-shadow: 1px 1px rgba(255,255,255,.3);
    height: 41px
}

.bets, .btn-info {
    height: 41px;
    text-shadow: 1px 1px rgba(0,0,0,.2)
}

    .bets, .bets:hover, .btn-info {
        color: #ccc
    }

.loginform2 {
    padding: 0 20px 30px
}

.btn-info {
    border: 0;
    background: #393939
}

    .btn-info:hover {
        background: #464646;
        border: 0
    }

.loggedin {
    width: 100%;
    min-width: 150px;
    padding-right: 3px;
    text-align: right; 
    padding-left: 7px;
}

.bets {
    display: inline-block;
    box-sizing: border-box;
    background: #282828;
    background: -moz-linear-gradient(top,#414141 0,#282828 100%);
    background: -webkit-linear-gradient(top,#414141 0,#282828 100%);
    background: linear-gradient(to bottom,#414141 0,#282828 100%);
    font-size: 12px;
    line-height: 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px 9px;
    text-align: center;
    border: 0
}

.left-user-1 .amount, .left-user-2 {
    line-height: 28px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bets span {
    color: #fff;
    font-size: 14px
}

.dpst {
    min-width: 70px;
    background: #107e68;
    color: #fff;
}

.leftm-3 {
    padding: 13px 13px 18px;
    background: #0d0d0d;
    border-bottom: 1px solid #282828;
    margin-top: -9px;
    margin-bottom: 9px
}

.left-user-1 {
    padding-bottom: 8px
}

.left-user-2 {
    height: 29px;
    background: url(../img/user.png) left no-repeat;
    padding-left: 26px;
    float: left;
    width: 110px;
    font-size: 16px;
    color: #fff
}

.left-user-1 .amount {
    display: block;
    max-width: 110px;
    font-size: 14px;
    color: #d4322d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #1b1b1b;
    padding: 0 8px
}

.left-user-1 .amount2 {
    max-width: 100%;
    margin-bottom: 2px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .left-user-1 .amount2 font {
        display: inline-block;
        /*width: 59%;*/
        color: #999
    }

    .left-user-1 .amount2 span {
        display: inline-block;
        /*width: 40%;*/
        color: #fff;
        /*text-align: right*/
    }

.again, .coderefresh, .nav {
    text-align: center
}

.leftm-buttons .bets {
    font-size: 14px;
    color: #ccc;
    padding: 13px 10px 0 9px;
    min-width: 105px;
    height: 43px
}

.leftm-buttons .dpst {
    min-width: 96px
}

.regselects span {
    padding: 0 2px;
    margin: 0
}

.regselects .regselect-iner {
    margin-right: 0;
}

.loginform select {
    padding-left: 8px
}

.form-control:focus {
    -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,.2),0 0 6px rgba(236,153,13,.5);
    box-shadow: inset 1px 2px 3px rgba(0,0,0,.2),0 0 8px rgba(236,153,13,.5);
    background: #e1e1e1;
}

.regform {
    box-shadow: none;
    border: 0
}

.reg-titles {
    background: #393939;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 14px;
    color: #fff;
    line-height: 43px;
    margin-bottom: 15px
}

    .reg-titles .number {
        display: block;
        padding: 0 12px;
        background: #4e4e4e;
        color: #ccc;
        font-size: 16px;
        font-weight: 700;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-right: 1px
    }

    .reg-titles .nactive {
        float: left;
        background: #d4322d;
        color: #000
    }

    .reg-titles p {
        float: left;
        display: block;
        padding: 0 0 0 10px;
        margin: 0;
        text-transform: uppercase
    }

    .reg-titles .ndone {
        float: left;
        background: #131313
    }

.register-fluid {
    padding: 13px 15px;
}

.registration__container {
    border: solid 1px #697dce;
    border-radius: 8px;
}

    .registration__container .registration__header {
        background-color: #697dce;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        height: 40px;
        padding: 8px 28px;
        color: #1d242a;
    }

        .registration__container .registration__header h4 {
            font-weight: 700;
        }

    .registration__container .content-registration {
        background-color: #272e34;
        border-radius: 8px;
    }

        .registration__container .content-registration .registration-content-modal hr {
            border-top: 1px solid #42484f;
        }

        .registration__container .content-registration .registration-mobile-item {
            padding: 15px 30px;
        }

            .registration__container .content-registration .registration-mobile-item .form-control-input {
                background-color: #363f49;
                border-color: #363f49;
                height: 40px;
                border-radius: 7px;
                color: white;
            }

            .registration__container .content-registration .registration-mobile-item label {
                font-weight: normal;
            }

            .registration__container .content-registration .registration-mobile-item .sms-verification-container .regselects .btn-warning {
                color: #fff;
                background-color: #64b000;
                border-color: #64b000;
            }

            .registration__container .content-registration .registration-mobile-item .register-title {
                margin-bottom: 25px;
                line-height: normal;
            }

                .registration__container .content-registration .registration-mobile-item .register-title a {
                    font-size: 15px;
                    text-decoration: underline;
                }

            .registration__container .content-registration .registration-mobile-item .checkbox {
                background: none;
                color: #848c8f;
                padding: 0;
            }

            .registration__container .content-registration .registration-mobile-item .mobile-social-regitration {
                display: flex;
                margin-bottom: 20px;
            }

                .registration__container .content-registration .registration-mobile-item .mobile-social-regitration a {
                    font-size: 35px;
                    display: flex;
                    height: 43px;
                    width: 43px;
                    padding: 5px;
                    text-align: center;
                    border-radius: 4px;
                    color: white;
                    justify-content: center;
                    align-items: center;
                    margin-right: 5px;
                }

            .registration__container .content-registration .registration-mobile-item .registerModal__social-whatsapp {
                background: #34cc34;
            }

            .registration__container .content-registration .registration-mobile-item .registerModal__social-instagram {
                background-image: url(/Content/img/moobile-register-instagram-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
            }

            .registration__container .content-registration .registration-mobile-item .registerModal__social-facebook {
                background: #3b5998;
            }

            .registration__container .content-registration .registration-mobile-item .registerModal__social-twitter {
                background-image: url(/Content/img/mobile-twitter-X.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }

            .registration__container .content-registration .registration-mobile-item .registerModal__social-telegram {
                background: #28aae1;
            }

            .registration__container .content-registration .registration-mobile-item .regbutton {
                width: 100%;
                border-radius: 8px;
                height: 40px;
                margin-bottom: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                background: #697dce;
                border-color: #697dce;
            }

            .registration__container .content-registration .registration-mobile-item .register__form-info-block .register__form-info-block--link {
                display: flex;
                justify-content: center;
                gap: 5px;
            }

.registration-mobile-item .register__form-info-block .register__form-info-block--link span {
    font-size: 11px;
}

.registration-mobile-item .register__form-info-block {
    margin: 20px 0 12px 0;
}

.registration-mobile-item .country-dropup {
    position: absolute;
    width: calc(100% - 15px);
    height: 40px;
    padding: 1px;
    left: 15px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #363f49 !important;
    border-radius: 8px;
    padding-right: 0;
}

    .registration-mobile-item .country-dropup .country-list {
        width: 300px;
        max-height: 200px;
        overflow: auto;
        text-align: left;
        /*   font-family: 'roboto';*/
        text-transform: capitalize;
        color: #82828e;
        background: #1c1e22;
        border: 0;
        font-size: 13px;
        color: white;
    }

        .registration-mobile-item .country-dropup .country-list li {
            padding: 5px 10px;
            cursor: pointer;
        }

            .registration-mobile-item .country-dropup .country-list li .flag-box {
                margin-right: 6px;
                display: inline-block;
                width: 20px;
            }

            .registration-mobile-item .country-dropup .country-list li .dial-code {
                float: right;
            }

.seccode {
    max-width: 62%;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px
}

.coderefresh {
    display: inline-block;
    margin-left: 5px;
    background: #131313;
    width: 39px;
    height: 39px;
    color: #d4322d;
    font-size: 20px;
    line-height: 40px;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px
}

.reg-lastchecks1 {
    padding-bottom: 12px
}

    .reg-lastchecks1 .checkbox {
        display: block;
        margin: 0 0 8px;
        background: #131313;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 15px;
        color: #ccc;
        padding: 0 10px;
        line-height: 20px
    }

        .reg-lastchecks1 .checkbox label {
            display: block;
            margin: 0;
            padding-top: 9px;
            padding-bottom: 10px
        }

            .reg-lastchecks1 .checkbox label a {
                color: #d4322d
            }

.nav-tabs {
    border-bottom: 7px solid #d4322d
}

.nav {
    padding: 20px 8px 0
}

.nav-tabs > li {
    float: left;
    margin-bottom: 0;
    padding: 0
}

    .nav-tabs > li > a {
        margin-right: 2px;
        margin-left: 2px;
        border: 0;
        border-radius: 6px 6px 0 0;
        font-size: 14px;
        color: #ccc;
        background: #282828;
        background: -moz-linear-gradient(top,#414141 0,#282828 100%);
        background: -webkit-linear-gradient(top,#414141 0,#282828 100%);
        background: linear-gradient(to bottom,#414141 0,#282828 100%)
    }

.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 16px;
    box-sizing: border-box;
    outline: 0;
    box-shadow: 1px -1px 1px rgba(0,0,0,.1)
}

    .nav > li > a:hover {
        background: #404040
    }

.nav-tabs > li > a > i {
    color: #999;
    font-size: 16px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #000;
    cursor: auto;
    background: #d4322d;
    border: 0
}

    .nav-tabs > li.active > a > i {
        color: #000
    }

.banking-divs1 {
    display: block;
    padding-bottom: 2px;
    font-size: 14px
}

    .banking-divs1 a {
        display: block;
        background: #101010;
        color: #666;
        padding: 10px 40px 10px 12px;
        box-sizing: border-box;
        position: relative;
        font-size: 14px;
        outline: 0;
        cursor: pointer
    }

        .banking-divs1 a span {
            display: block;
            color: #d4322d;
            font-size: 17px
        }

        .banking-divs1 a img {
            width: 121px;
            height: 46px;
            float: left;
            margin-right: 11px
        }

    .banking-divs1 .banking-divs2 {
        line-height: 22px
    }

    .banking-divs1 a i {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -18px;
        display: block;
        font-size: 35px;
        line-height: 30px
    }

.new-mob-slots a, .new-mob-slots-inner a {
    position: relative;
    box-sizing: border-box
}

.chats, .chats_cont {
    display: inline-block;
    margin-right: -1px;
    vertical-align: top;
    cursor: pointer
}

.banking-divs1 a:hover {
    background: #191919;
    text-decoration: none
}

.chats_cont {
    margin-top: -1px;
    width: 80px;
    height: 42px
}

.alert {
    padding: 8px;
    margin: -10px 0 15px;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px
}

#infoModal .modal-footer, #registrationModal .modal-footer, #secCodeModal .modal-footer {
    border-top: 1px solid #545454
}

.alert-danger {
    color: #e82626;
    background: rgba(0,0,0,.3);
    font-size: 14px
}

    .alert-danger a {
        color: #666;
        text-shadow: none;
        opacity: .9;
        font-size: 24px;
        margin-top: -1px
    }

.again, .resettext {
    line-height: 18px;
    font-size: 15px
}

.alert-danger a:hover {
    color: #e82626;
    opacity: .9
}

.resettext {
    color: #999
}

.again {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #ccc;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #131313
}

    .again i {
        font-size: 17px;
        color: #d4322d
    }

.grey {
    background: #aaa
}

    .grey:hover {
        background: #bbb
    }

.dep_open4 {
    float: right;
    font-size: 13px;
    color: #999;
    padding: 10px 10px 13px;
    background: #393939
}

#infoModal .modal-content, #registrationModal .modal-content, #secCodeModal .modal-content {
    background-color: #242424;
    text-align: center
}

.dep_open4_1 {
    padding: 0 0 10px 13px;
    border-bottom: 1px solid #232323;
    margin: 0 -13px 10px;
    color: #fff;
    text-transform: uppercase
}

#infoModal .modal-header, #registrationModal .modal-header, #secCodeModal .modal-header {
    border-bottom: 1px solid #545454
}

#infoModal .modal-content input, #registrationModal .modal-content input, #secCodeModal .modal-content input {
    color: #000
}

.dep_open4_2 {
    padding-bottom: 6px
}

    .dep_open4_2 img {
        vertical-align: top;
        margin-right: 3px
    }

.alert_message {
    margin-top: 5px !important
}

#infoModal, #registrationModal, #secCodeModal {
    margin-top: 30%
}

.registrationModalMessage {
    color: #13a137;
    font-size: 16px
}

.registrationModalLoginBtn {
    width: auto;
    height: auto;
    font-size: 14px
}

.withdrawLimitsContainer {
    font-size: 13px;
    color: #666
}

.new-mob-slots {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    max-width: 400px;
    margin: 0;
    padding: 0 1.5% 20px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center
}

    .new-mob-slots a {
        display: block;
        width: 100%;
        padding: 8px;
        background: #343434;
        color: #d4322d;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -webkit-border-radius: 7px
    }

        .new-mob-slots a div {
            display: table;
            width: 100%;
            max-width: 100%
        }

        .new-mob-slots a span {
            display: table-cell;
            height: 100px;
            vertical-align: middle;
            background: #000;
            text-align: center
        }

        .new-mob-slots a img.lc_images {
            width: 100%
        }

        .new-mob-slots a p {
            display: block;
            margin: 0;
            padding: 5px 15px 0
        }

        .new-mob-slots a:hover {
            background-color: #d4322d;
            color: #000
        }

.new-mob-slots-inner {
    display: inline-block;
    vertical-align: top;
    width: 202px;
    margin: 0;
    padding: 0 6px 20px;
    box-sizing: border-box;
    font-size: 17px;
    text-align: center
}

    .new-mob-slots-inner a {
        display: table;
        width: 100%;
        padding: 0;
        color: #d4322d;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -webkit-border-radius: 7px
    }

        .new-mob-slots-inner a span {
            display: table-cell;
            height: 190px;
            padding: 5px;
            text-align: center;
            vertical-align: middle
        }

        .new-mob-slots-inner a img {
            width: 100%;
            max-height: 100%
        }

.slot__dropsandwins-img {
    width: 75px !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mobssl-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .mobssl-text p {
        display: table-cell;
        height: 40px !important;
        vertical-align: middle;
        text-align: center;
        line-height: 20px;
        margin: 0;
       /* padding: 0 6px 9px;*/
        box-sizing: border-box
    }

.slots_SlotPageName{
    color:grey;
    font-size: 11px;
}

.slotFilter {
    border: 0;
    padding: 15px 26px;
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

.pokerMainM {
    padding: 0 20px 20px
}

.pokerSubM1 {
    display: table;
    margin: 0 auto 15px;
    width: 100%;
    box-sizing: border-box;
    border: 10px solid rgba(255,255,255,.2);
    background: #000;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
    max-width: 449px
}

    .pokerSubM1:hover {
        border-color: #d4322d
    }

    .pokerSubM1 a {
        display: block;
        cursor: pointer;
        color: #ccc;
        text-align: center
    }

        .pokerSubM1 a img {
            width: 100%
        }

.pokerButtonM {
    padding-bottom: 15px
}

    .pokerButtonM button {
        padding: 0 20px 5px;
        font-size: 15px;
        height: 50px
    }

        .pokerButtonM button i {
            font-size: 22px
        }

.messages_item {
    width: 100%;
    margin-bottom: -1px;
    padding: 12px;
    border: 1px solid #171717
}

    .messages_item h3 {
        width: 90%;
        font-size: 17px;
        line-height: 22px;
        color: #eda212;
        font-weight: 700;
        float: left;
        margin: 0
    }

    .messages_item p {
        margin: 0 0 7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        word-wrap: break-word
    }

.messages_item_close {
    color: #fff !important;
    float: left;
    width: 10%
}

.mess_notif_cont {
    float: left;
    width: 19px;
    height: 20px;
    position: absolute;
    margin-top: -26px;
    margin-left: 25px;
    text-align: center;
    font-size: 13px;
    padding-top: 1px;
    background: #64b000;
    border-radius: 50%;
}

.leftm-2 .leftsubmpad a {
    padding: 8px 18px 10px 30px !important
}

.sn-bonusam .dpst {
    vertical-align: top;
    padding: 5px 3px !important;
    box-sizing: border-box;
    font-size: 15px;
    font-family: Arial Narrow
}

.sn-bal-buto {
    display: inline-block !important;
    vertical-align: top;
    line-height: 15px !important;
    text-align: left;
    margin: 0 4px
}

.bal-title {
    display: block;
    font-size: 11px !important;
    color: #9dd5ae !important
}

.bal-amount {
    font-size: 10px !important
}

.bal-bonus {
    color: #f3a90b !important
}

.msg_textarea {
    max-width: 100%;
    width: 100%;
    height: 300px;
    border: none;
    margin: 0 0 5px;
    background-color: #2b2b2b;
    outline: 0
}

    .msg_textarea::-webkit-scrollbar {
        width: 1em
    }

    .msg_textarea::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1)
    }

    .msg_textarea::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
        outline: #708090 solid 1px
    }

    .msg_textarea::-webkit-scrollbar-corner {
        background-color: #2b2b2b;
        border: none
    }

    .msg_textarea::-webkit-resizer {
        border: none
    }

#cubitsDepositLoaderCont {
    display: none
}

    #cubitsDepositLoaderCont img {
        width: 18px
    }

/*#LP_DIV_1460378238515 {
    width: 82px;
    height: 45px;
    background: url(../img/chat_tr_small.png) no-repeat !important
}

#LivechatBTN > a {
    width: 82px;
    height: 45px;
    background: url(../img/chat_en_small.png) no-repeat
}*/

.transfer-conv, .transfer-div li a {
    height: 39px;
    box-sizing: border-box
}

.transfer-div {
    padding: 0;
    margin: 0;
    display: block
}

    .transfer-div li {
        list-style: none;
        display: block;
        margin: 0 0 3px;
        padding: 0;
        font-size: 15px
    }

.transfer-conv, .trnsf-bal {
    font-size: 14px;
    line-height: 38px
}

.transfer-div li a {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #101010;
    color: #ccc;
    position: relative;
    padding: 8px 100px 6px 13px;
    outline: 0 !important
}

.trnsf-bal {
    position: absolute;
    right: 13px;
    top: 0;
    text-align: right;
    color: #777
}
/* EMAIL SECURITY CUSTOM MODAL BEGIN */

#sn_mail_modal_person .modal_twofa .modal-custom_content {
    padding: 0px !important;
}

#sn_mail_modal_person .modal_twofa .modal-custom_content {
    background-color: #16181a;
    color: white;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 1px solid #2d2e30;
    border-radius: 8px;
}

    #sn_mail_modal_person .modal_twofa .modal-custom_content .modal-header .close {
        background: transparent;
        color: white;
    }

    #sn_mail_modal_person .modal_twofa .modal-custom_content .modal-header .twofa-modal-title {
        margin-right: 0px !important;
    }

.email_security__container {
    background-color: #23292f;
    padding: 29px 0px 61px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#sn_mail_modal_person .modal-dialog {
    width: 500px;
    border-radius: 6px;
}

.EmailModalCenter {
    display: flex  ;
    align-items: center;
}

#sn_mail_modal_person .modal-dialog .modal-content .modal-header {
    height: 59px !important;
    background-color: #5e72c7 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#sn_mail_modal_person .modal_twofa.modal-custom_content .modal-header {
    border: 1px solid transparent !important;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    height: 29px;
    display: flex;
    justify-content: right;
    align-items: center;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

.code-inputs input {
    width: 49px;
    height: 48px;
    text-align: center;
    font-size: 25px;
    margin: 5px; 
    color: #64b000;
    background-color: #293037;
    border: 2px solid #64b000;
    font-weight: 700;
    padding:10px
}

    .code-inputs input::-webkit-inner-spin-button,
    .code-inputs input::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

.verify-btn,
.resend-btn {
    height: 38px;
    background-color: #64b000;
    color: #FFFFFF;
    border: none;
    padding: 10px 49px;
    font-weight: 600;
    cursor: pointer;
    margin: 5px;
}

.verify_remainig__time {
    color: #FFFFFF;
    font-size: 16px;
}

.verify_timer {
    color: #64b000;
    font-size: 16px;
}

.email_verification__switcher input:disabled + .slider .swith-on {
    background: url('/Content/img/emailLock.png') no-repeat center;
    background-size: contain;
    background-position: 92% 46%;
    opacity: 1;
    background-size: 16px 16px;
    position: relative;
    z-index: 122;
}

.error23 {
    /*    padding: 0px 0 6px 15px;*/
    font-size: 13px;
    color: #ee1a42;
    margin: 10px;
}

.resend-btn {
    background-color: #1f2429;
    border: 1px solid #64b000;
    color: #FFFFFF;
}

.success_email {
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 29px 0px 61px;
    background-color: #23292f;
}

.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;
    margin-top: 11px;
}

#security_suggestion_resend_mail:focus {
    background-color: #333546;
}

.verify_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* EMAIL SECURITY CUSTOM MODAL END*/
.swipe, .swipe-wrap, .swipe-wrap > div, .transfer_user3 {
    position: relative
}

    .transfer_user2, .transfer_user3 .btn {
        text-transform: uppercase;
        text-align: center
    }

.transfer-div li.active a {
    background: #1d7f36;
    color: #fff
}

    .transfer-div li.active a .trnsf-bal {
        color: #fff
    }

.transfer-div li.passive a, .transfer-div li.passive a .trnsf-bal {
    color: #777
}

.trnsf-marg {
    margin-bottom: 25px
}

.transfer-conv {
    background: #393939;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #fff;
    margin-bottom: 15px;
    padding: 0 10px;
    text-transform: uppercase
}

#secret_code_modal {
    margin-top: 55px
}

    #secret_code_modal .modal-content {
        background-color: #2b2b2b
    }

    #secret_code_modal .close {
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-shadow: 0 1px 0 #e6e6e6
    }

    #secret_code_modal .modal-header {
        border-bottom: 1px solid #3c3b3b
    }

.loaderTransfer div {
    position: relative;
    top: 4px;
    left: 53%;
    width: 52px;
    height: 52px;
    background: url(../img/468.GIF) no-repeat
}

.loaderTransfer p {
    margin-left: 45px;
    color: #fff
}

.slot_filter_nav {
    float: left;
    width: 100%;
    height: 45px;
    overflow-x: scroll;
    white-space: nowrap;
    margin-bottom: 15px
}

    .slot_filter_nav ul {
        padding: 0;
        margin: 0;
        font-size: 0
    }

        .slot_filter_nav ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            border-right: solid 1px #1a1a1a;
            border-bottom: solid 1px #1a1a1a;
            vertical-align: top;
            background-color: #2e2e2e
        }

.dpstblack, .dpstyel {
    font-size: 14px;
    padding: 11px 10px 0 9px;
    min-width: 105px;
    height: 35px
}

.slot_filter_nav ul li a {
    color: #999;
    font-size: 14px
}

.slot_filter_nav ul li.active {
    background-color: #242424;
    border-bottom: 0
}

    .slot_filter_nav ul li.active a {
        color: #d4322d
    }

.dpstyel {
    background: #d4322d;
    color: #000
}

.dpstblack {
    color: #ccc
}

#slot_filter_search_inp {
    width: 100%;
    margin-top: 10px;
    float: left;
    outline: 0;
    background-color: #575757;
    border: 1px solid #191919;
    color: #fff
}

    #slot_filter_search_inp:focus {
        background-color: #646464
    }

.swipe {
    overflow: hidden;
    visibility: hidden
}

.swipe-wrap {
    overflow: hidden
}

    .swipe-wrap > div {
        float: left;
        width: 100%
    }

.slots_filter_item .slot_sort_alpha {
    float: left;
    background: url(../img/slots/filter/slot_sort_alpha.png) no-repeat;
    width: 39px;
    height: 42px
}

.slots_filter_item.active .slot_sort_alpha {
    float: left;
    background: url(../img/slots/filter/slot_sort_alpha_active.png) no-repeat;
    width: 39px;
    height: 42px
}

.slots_filter_item .slot_sort_favorite {
    float: left;
    background: url(../img/slots/filter/slot_sort_favorite.png) no-repeat;
    width: 39px;
    height: 42px
}

.slots_filter_item.active .slot_sort_favorite {
    float: left;
    background: url(../img/slots/filter/slot_sort_favorite_active.png) no-repeat;
    width: 39px;
    height: 42px
}

.slots_filter_item .slot_sort_heart {
    float: left;
    background: url(../img/slots/filter/slot_sort_heart.png) no-repeat;
    width: 39px;
    height: 42px
}

.slots_filter_item.active .slot_sort_heart {
    float: left;
    background: url(../img/slots/filter/slot_sort_heart_active.png) no-repeat;
    width: 39px;
    height: 42px
}

.new-mob-slots-inner-img-cont {
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 7px;
    height: 250px;
}

.swipe_slide {
    width: 100%;
    min-height: 300px
}

.slots_is_fav_icon {
    font-size: 17px
}

.slots_is_fav_btn {
    display: inline-block;
    padding: 3px 2px 2px 4px
}

.cashrace_frame__container {
    position: relative;
    z-index: 1;
}

.cashrace_frame__content {
    width: 60px;
    height: 55px;
    background-image: url(/img/slot-frame-mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    border-top-right-radius: 7px;
}
@media screen and (max-width:550px){
    /* **************** Email Verification START **************** */
    .code-inputs input {
        width: 49px;
        height: 50px;
        font-size: 25px;
    }

    .twofa-modal-title {
        font-size: 17px;
    }

    .verify-btn, .resend-btn {
        padding: 10px 31px;
    }

    .success_email__text p {
        font-size: 17px;
    }

    .success_email__img {
        width: 94px;
    }
    /* **************** Email Verification END **************** */

}

@media screen and (min-width:355px) and (max-width:413px) {
    .code-inputs input {
        margin: 5px 0px;
    }
}

@media screen and (max-width: 355px) {
    /* **************** Email Verification START **************** */
    .code-inputs input {
        width: 41px;
        height: 40px;
        font-size: 25px;
        margin: 5px 0px;
    }

    #sn_mail_modal_person .modal_twofa .modal-custom_content {
        padding: 10px 0px;
    }

    .error23 {
        font-size: 13px;
    }

    .verify_remainig__time, .verify_timer {
        font-size: 17px;
    }

    .success_email__text p {
        font-size: 18px;
    }

    .success_email__img {
        width: 81px;
    }
    /* **************** Email Verification END **************** */
}
@media only screen and (max-height:400px) {
    footer {
        padding: 6px 0 2px;
        line-height: 28px
    }

    .footicons i {
        font-size: 28px
    }

    .mainbody {
        padding-bottom: 42px
    }
}

.transfer_user_main {
    padding: 15px
}

.transfer__info-content {
    margin: 15px auto 20px;
    color: #ccc;
    font-size: 16px;
    text-align: center;
}

.transfer_user1 {
    display: block;
    margin: 0 auto;
    padding: 30px 30px 10px;
    box-sizing: border-box;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px
}

.transfer_user2 {
    margin-bottom: 25px;
    font-size: 16px;
    color: #497367
}

.trnsf_icons {
    display: block;
    width: 101px;
    height: 90px;
    margin: 0 auto 25px;
    background: url(../img/transfer_icons_sprite.png) top no-repeat
}

.tricon1 {
    background-position: top
}

.tricon2 {
    background-position: bottom
}

.transfer_user3 {
    margin-bottom: 20px
}

    .transfer_user3 .form-control, .transfer_user3 .form-control:disabled {
        background: 0 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        border-bottom: 2px solid #292c32 !important;
        padding-left: 3px;
        height: 40px;
        opacity: 1;
        cursor: auto;
        border-radius: 0;
        font-size: 16px
    }

        .transfer_user3 .form-control:hover {
            border-bottom: 2px solid #444952 !important
        }

        .transfer_user3 .form-control:focus {
            border-bottom: 2px solid #497367 !important;
            color: #ccc
        }

    .transfer_user3 .btn {
        font-size: 15px;
        padding: 13px 0;
        line-height: 14px;
        height: 40px
    }

    .transfer_user3 .btn-warning {
        color: #000
    }

.converted_amount .form-control {
    text-align: right;
    padding-right: 0;
    color: #ccc
}

.conv_am_text {
    position: absolute;
    left: 3px;
    top: 0;
    line-height: 40px;
    color: #5e6069;
    text-transform: capitalize
}

.transfer_user3 .row {
    margin-left: -10px;
    margin-right: -10px
}

.transfer_user3 .col-xs-6 {
    padding-left: 10px;
    padding-right: 10px
}

.cashrace_main {
    padding: 15px
}

.cashrace_div1 {
    margin-bottom: 15px
}

    .cashrace_div1 img {
        width: 100%
    }

.cashrace_text {
    color: #fff;
    line-height: 21px;
    font-size: 14px;
    padding-bottom: 10px
}

.CR_tableinfo {
    margin-bottom: 25px
}

.cashrace_table {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 15px
}

    .cashrace_table thead tr th {
        padding: 10px 15px;
        background: #000;
        color: #d4322d;
        text-transform: uppercase;
        text-align: left;
        font-weight: 400;
        vertical-align: middle
    }

    .cashrace_table tbody tr td {
        padding: 8px 15px;
        line-height: 22px;
        color: #fff;
        text-transform: Capitalize;
        text-align: left;
        font-weight: 400;
        background: rgba(255,255,255,.05);
        border-bottom: 1px solid #212121;
        vertical-align: middle
    }

        .cashrace_table tbody tr td:nth-of-type(1), .cashrace_table thead tr th:nth-of-type(1) {
            width: 70px;
            padding-right: 0
        }

.greytext {
    color: #999
}

.cashrace_details1 {
    margin-bottom: 10px;
    background: rgba(0,0,0,.3);
    padding: 12px 15px
}

    .cashrace_details1:nth-of-type(3) {
        margin-bottom: 20px
    }

    .cashrace_details1 h5 {
        margin: 0;
        padding: 0 0 3px;
        color: #ccc;
        font-size: 15px
    }

    .cashrace_details1 h2 {
        margin: 0;
        padding: 0;
        color: #d4322d;
        font-size: 24px
    }

.cashrace_details2 {
    display: block;
    padding: 0;
    margin: 0 0 20px;
    font-size: 15px;
    color: #999;
    line-height: 21px
}

    .cashrace_details2 li {
        display: block;
        padding: 10px 15px;
        background: rgba(255,255,255,.05);
        margin-bottom: 1px
    }

        .cashrace_details2 li .whitetext {
            font-size: 17px;
            color: #fff
        }

        .cashrace_details2 li:nth-of-type(1) {
            padding: 13px 15px;
            margin: 0;
            background: #d4322d;
            color: #000;
            text-transform: uppercase;
            text-align: center;
            font-size: 16px
        }

.cashrace_iframe {
    padding: 0
}

    .cashrace_iframe iframe {
        background: 0 0 !important;
        border: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }

        .cashrace_iframe iframe body {
            background: 0 0 !important;
            border: 0 !important;
            color: #999 !important
        }

.lastupdate .grey {
    background: 0 0
}

@media only screen and (min-width:841px) {
    .empty {
        display: none
    }
}

@media only screen and (max-width:1025px) {
    .new-mob-slots-inner {
        width: 190px;
        padding: 0 5px 20px;
        font-size: 16px
    }

        .new-mob-slots-inner a span {
            height: 182px
        }

    .mobssl-text p {
        height: 77px;
        line-height: 20px
    }
}

@media only screen and (max-width:775px) {
    .new-mob-slots-inner {
        width: 178px;
        padding: 0 5px 20px;
        font-size: 14px
    }

        .new-mob-slots-inner a span {
            height: 170px
        }

    .mobssl-text p {
        height: 70px;
        line-height: 18px
    }
}

@media only screen and (min-width:750px) {
    .pokerMainM {
        max-width: 950px;
        padding: 0 0 20px;
        text-align: left;
        margin: 0 auto
    }

    .pokerSubM1 {
        display: inline-block;
        margin: 0 -3px 20px 2.3%;
        width: 46.5%
    }
}

@media only screen and (max-width:481px) {
    .new-mob-slots {
        display: block;
        width: 100%;
        padding: 0 0 20px;
        font-size: 16px
    }
}

@media only screen and (max-width:440px) {
    .new-mob-slots-inner {
        width: 190px;
        padding: 0 5px 20px;
        font-size: 15px
    }

        .new-mob-slots-inner a span {
            height: 180px
        }

    .mobssl-text p {
        height: 74px;
        line-height: 17px
    }

    .logo {
        width: 35px;
        padding-left: 5px;
        overflow: hidden;
    }
/*
        .logo a {
            width: 35px;
        }*/
}

@media only screen and (max-width:420px) {
    .new-mob-slots-inner {
        width: 162px;
        padding: 0 4px 20px;
        font-size: 13px
    }

        .new-mob-slots-inner a span {
            height: 154px
        }

    .mobssl-text p {
        height: 70px;
        line-height: 16px
    }
}

@media only screen and (max-width:370px) {
    .new-mob-slots-inner {
        width: 137px;
        padding: 0 4px 20px;
        font-size: 13px
    }

        .new-mob-slots-inner a span {
            height: 130px
        }

    .mobssl-text p {
        height: 66px;
        line-height: 16px
    }
}

.btn {
    border: 0;
    padding: 7px 13px;
    outline: 0 !important;
    box-shadow: none !important;
    font-size: 17px
}

.btn-primary {
    background: #107e68
}

    .btn-primary:hover {
        background: #14997e
    }

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        background-color: #14997e
    }

.btn-success {
    background: #27ae60
}

    .btn-success:hover {
        background: #1e9952
    }

    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
        background-color: #1e9952
    }

.btn-warning {
    background: #497367
}

    .btn-warning:hover {
        background: #508273
    }

    .btn-warning i {
        font-size: 18px;
        vertical-align: middle
    }

.btn-default {
    background: #1c1e22;
    border: 1px solid #107e68;
    color: #fff
}

    .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
        background: #1c1e22;
        border-color: #497367;
        color: #fff
    }

.btn-link {
    color: #497367;
    text-transform: capitalize !important;
    padding-left: 10px !important;
    padding-right: 10px !important
}

    .btn-link:hover {
        color: #497367 !important
    }

.sn-loginbut .btn {
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    height: 40px
}

.modal {
    padding: 0 !important
}

.modal-dialog {
    margin: 20px auto
}

.modal-content {
    background-color: #20232b;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0
}

.modal-header {
    border-color: #353946;
    color: #fff;
    font-weight: 700;
    background-color: #497367;
    padding: 12px
}

    .modal-header h4 {
        font-size: 15px;
        padding: 0;
        margin: 0
    }

.modal-footer {
    border-top: 1px solid #353946
}

.modal-header .close {
    margin-top: -5px;
    font-size: 35px;
    color: #000;
    text-shadow: none
}

.modal-body {
    color: #a0a5b3
}

.modal_twofa {
    width: 770px;
    max-width: calc(100% - 30px)
}

.twofa_title {
    padding: 20px 0 35px;
    font-size: 18px;
    color: #497367;
    text-align: center;
    margin: 0
}

.twofa_buttons, .twofa_text {
    text-align: center;
    font-size: 17px
}

.modal_twofa .modal-body {
    padding: 20px 20px 30px
}

.twofa_buttons {
    line-height: 39px;
    color: #fff;
    padding-bottom: 20px
}

    .twofa_buttons a, .twofa_buttons button {
        display: block;
        padding: 15px 10px 16px;
        border: 0;
        background: #2f333e;
        color: #fff;
        cursor: pointer;
        border-top: 1px solid #3a3d48;
        box-shadow: 0 1px 3px rgba(0,0,0,.4)
    }

.SMS_2fa:before, .google_2fa:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.twofa_buttons a:hover, .twofa_buttons button:focus, .twofa_buttons button:hover {
    background: #3a3d48;
    border-color: #4e505a
}

.google_2fa:before {
    background: url(../img/icon_google2fa.png) left no-repeat;
    background-size: auto 100%
}

.SMS_2fa:before {
    background: url(../img/icon_sms2fa.png) left no-repeat;
    background-size: auto 100%
}

.twofa_text {
    padding: 10px 0
}

.twofa_qrcode {
    padding: 15px;
    background: rgba(255,255,255,.05);
    margin: 0 auto 20px;
    width: 180px;
    height: 180px
}

    .twofa_qrcode img {
        width: 100%;
        height: 100%
    }

.twofa_qr_seccode {
    width: 100%;
    white-space: nowrap;
    padding: 5px 90px 5px 10px;
    background: #2d303b;
    line-height: 35px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 45px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px
}

    .twofa_qr_seccode button, .twofa_qr_seccode button:focus, .twofa_qr_seccode button:hover {
        position: absolute;
        right: 5px;
        top: 5px;
        display: block;
        padding: 0 8px;
        height: 35px;
        border: 0;
        background: #777;
        color: #fff;
        cursor: pointer;
        font-size: 13px;
        text-transform: uppercase
    }

.ns-breadcrumb1 .container, .promotions_image {
    position: relative
}

.twofa_qr_seccode button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    background: #27ae60;
    color: #fff
}

.twofa_sms_code {
    padding: 20px 0;
    text-align: left
}

    .twofa_sms_code label {
        color: #fff;
        line-height: 40px;
        padding: 0;
        margin: 0;
        display: block;
        text-align: right;
        font-size: 17px
    }

    .twofa_sms_code .form-control {
        height: 50px !important;
        font-size: 17px
    }

        .twofa_sms_code .form-control[disabled], .twofa_sms_code .form-control[readonly] {
            background-color: #ccc;
            border: 1px solid #000;
            box-shadow: none;
            height: 40px;
            opacity: 1
        }

.twofa_banner-img {
    background: url('/img/twofa-banner-img.jpg') center;
    background-size: cover;
    height: 68px;
    margin-bottom: 35px;
}

.foottext {
    display: block;
    padding-top: 9px;
    color: #a0a5b3;
    text-transform: capitalize;
    font-size: 17px
}

.bonus_block h5, .goldenleague, .lastupdate, .prom_filter, .promotion_steps_title, .promotions_category, .promotions_inner_slide_button .btn, .promotions_inner_slide_title, .promotions_inner_title, .white_title {
    text-transform: uppercase
}

.foottext a {
    color: #497367;
    cursor: pointer;
    margin-left: 5px
}

    .foottext a:hover {
        text-decoration: underline
    }

.failure_message, .success_message {
    font-size: 18px;
    text-align: center;
    padding: 30px 0;
    color: #27ae60
}

    .failure_message i, .success_message i {
        display: block;
        margin-bottom: 10px;
        font-size: 38px
    }

    .success_message i {
        color: #27ae60
    }

.failure_message, .text-danger {
    color: #e74c3c
}

    .failure_message i {
        color: #e74c3c
    }

@media only screen and (max-width:768px) {
    .twofa_sms_code label {
        text-align: left !important
    }
    .back-to-top-button {
        bottom: 90px !important;
        right: 68px !important;
    } 
}

@media only screen and (max-width:480px) {
    .modal_twofa .modal-footer .row .col-xs-6 {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 17px
    }

        .modal_twofa .modal-footer .row .col-xs-6 .sn-loginbut {
            text-align: center !important;
            padding-bottom: 15px
        }
}

.table-responsive {
    border: 0
}

.text-success {
    color: #27ae60
}

.bonus_page_table {
    font-size: 15px;
    padding: 15px
}

.table > tbody > tr > td, .table > thead > tr > td, .table > thead > tr > th {
    font-size: 15px;
    vertical-align: middle;
    padding: 10px 10px 11px
}

.table > tbody > tr > td {
    color: #ccc;
    padding: 9px 10px 10px
}

.bonus_block {
    background: rgba(0,0,0,.3);
    border-radius: 4px;
    padding: 5px 15px
}

    .bonus_block h5 {
        color: #17aa8d;
        font-size: 15px;
        font-weight: 700
    }

    .bonus_block label {
        color: #d4322d;
        font-weight: 400
    }

.goldenleague {
    color: #497367;
    font-size: 14px
}

.lastupdate {
    font-size: 12px;
    margin-left: 5px
}

    .lastupdate .grey {
        color: #818693
    }

.prom_filter {
    padding: 0;
    margin: 10px auto 25px;
    display: table;
    list-style: none;
    color: #545961;
    font-size: 13px;
    font-family: roboto,Arial;
    line-height: 15px;
    clear: both
}

.prom_filter_content {
    display: block;
    float: left;
    margin-left: 1px
}

.prom_filter_link {
    display: block;
    padding: 9px 10px;
    cursor: pointer;
    color: #545961;
    outline: 0;
    background: rgba(0,0,0,.5)
}

    .prom_filter_content.active .prom_filter_link, .prom_filter_link:active, .prom_filter_link:focus, .prom_filter_link:hover {
        text-decoration: none;
        color: #497367;
        background: rgba(255,255,255,.1)
    }

.promotions_box {
    margin-bottom: 30px
}

.promotions_image {
    background: #0a0b0d
}

.promotions_image_link {
    display: block;
    cursor: pointer;
    position: relative;
    opacity: .8;
    overflow: hidden;
    text-align: center;
    outline: 0 !important
}

    .promotions_image_link img {
        display: block;
        width: 100%
    }

.promotions_category {
    position: absolute;
    z-index: 30;
    right: 0;
    top: 0;
    padding: 7px 16px 7px 80px;
    font-size: 14px;
    color: #fff;
    background: -moz-linear-gradient(left,rgba(233,160,37,0) 0,rgba(233,160,37,.7) 31%,rgba(233,160,37,1) 47%,rgba(233,160,37,1) 100%);
    background: -webkit-linear-gradient(left,rgba(233,160,37,0) 0,rgba(233,160,37,.7) 31%,rgba(233,160,37,1) 47%,rgba(233,160,37,1) 100%);
    background: linear-gradient(to right,rgba(233,160,37,0) 0,rgba(233,160,37,.7) 31%,rgba(233,160,37,1) 47%,rgba(233,160,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9a025', endColorstr='#497367', GradientType=1 )
}

    .promotions_category span {
        margin-left: 15px
    }

    .promotions_category::after {
        content: "\f060";
        font-family: fontawesome;
        font-size: 14px;
        vertical-align: top;
        margin: 0 0 0 5px;
        line-height: 18px
    }

.prom_end_info_text a, .promotioins_details_title, .promotion_steps_title, .promotions_inner_title, .white_title {
    font-family: robotobold,Arial
}

.promotions_details_box {
    background: #22252e;
    padding: 25px 30px 0;
    min-height: 275px;
    color: #969aa6;
    font-size: 17px
}

.promotions_tags_box {
    font-size: 14px;
    color: #545961;
    padding: 0;
    border-bottom: 1px solid #2c303d;
    background: #22252e
}

.promotions_tags_content {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    max-height: 55px;
    overflow: hidden;
    padding: 0 10px 0 30px;
    margin: 0;
    color: #545961;
    list-style: none
}

    .promotions_tags_content li {
        display: inline-block;
        margin-right: 5px;
        vertical-align: top;
        line-height: 24px
    }

    .promotions_tags_content a {
        color: #969aa6;
        text-decoration: underline;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        padding: 0 12px 0 0
    }

        .promotions_tags_content a:hover {
            color: #15a487;
            text-decoration: none
        }

.promotions_details_content {
    min-height: 180px
}

.promotioins_details_title {
    padding: 0;
    margin: 0 0 15px;
    font-size: 24px;
    color: #15a487;
    overflow: hidden;
    line-height: 27px
}

.promotioins_details_description {
    padding: 0;
    margin: 0;
    max-height: 89px;
    overflow: hidden;
    line-height: 22px
}

.promotioins_details_buttons .btn, .promotions_inner_slide_button .btn {
    text-transform: uppercase;
    min-width: 155px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    height: auto;
    width: auto;
    font-size: 16px
}

.filter_state_all {
    height: 480px
}

    .filter_state_all .promotions_image, .filter_state_all .promotions_image_link {
        height: 160px
    }

    .filter_state_all .promotions_tags_box {
        padding-left: 20px
    }

    .filter_state_all .promotions_details_box {
        padding: 18px 20px 0;
        min-height: 240px
    }

    .filter_state_all .promotions_details_content {
        min-height: 155px
    }

    .filter_state_all .promotioins_details_title {
        font-size: 17px;
        line-height: 22px;
        max-height: 45px;
        margin-bottom: 12px
    }

    .filter_state_all .promotioins_details_description {
        font-size: 14px;
        line-height: 19px;
        max-height: 77px
    }

.prom_end_info {
    max-width: 550px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 18px;
    color: #969aa6;
    line-height: 25px
}

.prom_end_info_icon {
    display: block;
    margin: 0 auto 15px;
    width: 60px;
    height: 60px;
    border: 2px solid rgba(255,255,255,.05);
    text-align: center;
    font-size: 26px;
    line-height: 55px;
    color: #2c303d;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}

.prom_end_info_text a {
    color: #497367;
    margin-left: 8px
}

.promotions_inner_title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    color: #497367
}

.didyouknow_box {
    padding: 40px 50px;
    text-align: center;
    font-size: 18px;
    color: #969aa6
}

.promotion_terms_text {
    padding: 60px 0;
    background: #0c0d11;
    margin-bottom: 60px;
    font-size: 16px;
    color: #969aa6
}

.white_title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    color: #fff
}

.promotion_steps_box {
    padding: 40px 0 0;
    text-align: center
}

.promotion_steps_content {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #969aa6;
    font-size: 17px
}

    .promotion_steps_content li {
        display: inline-block;
        padding: 0 10px;
        width: 24%;
        vertical-align: top;
        margin-bottom: 20px;
        box-sizing: border-box
    }

.promotion_steps_container {
    display: table;
    width: 100%;
    height: 260px
}

.promotion_steps_container2 {
    display: table-cell;
    padding: 10px 20px;
    vertical-align: middle;
    height: 260px;
    background: rgba(0,0,0,.13)
}

.promotion_steps_title {
    font-size: 19px;
    font-weight: 700;
    color: #15a487;
    display: block;
    margin-bottom: 20px
}

    .promotion_steps_title::after {
        display: block;
        content: "";
        width: 30px;
        height: 1px;
        margin: 20px auto 0;
        background: #373c4b
    }

.promotions_inner_slide {
    height: 500px;
    position: relative;
    background: #0a0b0d;
    margin-top: -40px;
    width: 100%;
    overflow: hidden
}

.promotions_inner_slide_image {
    /*width: 1920px;*/
    width: 100%;
    height: 100%;
    /*position: absolute;
    z-index: 5;
   left: calc(50% - 960px);
    top: 0*/
}

@media only screen and (max-width:768px) {
    .promotions_inner_slide_image {
        height: 100%;
    }
}

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

.promotions_inner_slide .container {
    position: relative;
    z-index: 10;
    height: 100%
}

.promotions_inner_slide_content {
    display: block;
    width: 600px;
    height: 315px;
    padding: 30px 170px 0 40px;
    border-left: 5px solid #107e68;
    position: absolute;
    left: 20px;
    top: calc(50% - 140px);
    background: -moz-linear-gradient(left,rgba(10,11,13,.8) 0,rgba(10,11,13,.8) 58%,rgba(10,11,13,.6) 74%,rgba(10,11,13,0) 100%);
    background: -webkit-linear-gradient(left,rgba(10,11,13,.8) 0,rgba(10,11,13,.8) 58%,rgba(10,11,13,.6) 74%,rgba(10,11,13,0) 100%);
    background: linear-gradient(to right,rgba(10,11,13,.8) 0,rgba(10,11,13,.8) 58%,rgba(10,11,13,.6) 74%,rgba(10,11,13,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0a0b0d', endColorstr='#000a0b0d', GradientType=1 )
}

.promotions_inner_slide_title {
    display: block;
    padding: 0;
    margin: 0 0 15px;
    font-size: 32px;
    color: #fff;
    font-family: robotobold,Arial
}

.promotions_inner_slide_descr {
    font-size: 22px;
    color: #969aa6;
    padding: 0;
    margin: 0 0 25px
}

.promotions_inner_slide_button .btn {
    min-width: 100px;
    padding: 10px 20px
}

.promotions_inner_slide .btn-warning {
    left: calc(50% - 960px)
}

@media only screen and (max-width:994px) {
    .promotion_steps_content li {
        width: 48%
    }

    .promotions_inner_slide_content {
        width: 95%;
        padding: 30px 100px 0 40px
    }

    .promotions_inner_slide_title {
        font-size: 27px;
        margin: 0 0 15px
    }

    .promotions_inner_slide_descr {
        font-size: 18px
    }
}

@media only screen and (max-width:675px) {
    .promotion_steps_content li {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .promotions_inner_slide_content {
        width: 96%;
        padding: 20px 20px 0;
        left: 0;
        background: 0 0;
        border: 0
    }

    .promotions_inner_slide_title {
        font-size: 27px;
        margin: 0 0 15px
    }

    .promotions_inner_slide_descr {
        font-size: 18px
    }

    .promotions_inner_slide {
        display: block;
        height: 370px
    }

    /*.promotions_inner_slide_image {
        opacity: .25;
        height: 370px
    }*/

    .twofa_banner-img {
        height: 46px;
    }
}

@media only screen and (max-width:460px) {
    .promotions_inner_slide {
        height: auto;
        padding: 50px 0
    }

    .promotions_inner_slide_content {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        margin: 0
    }

    /*.promotions_inner_slide_image {
        height: 370px
    }*/
}

.loader-padding {
    padding: 30px;
    text-align: center
}

.loader {
    display: inline-block;
    margin: 0 auto;
    border: 5px solid rgba(0,0,0,.6);
    border-radius: 50%;
    border-top: 5px solid #497367;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.menu__isvisible {
    left: 250px;
}

.mainbody.menu__isvisible {
    position: fixed;
}

/*   icon "new"  */
.sidebar_icon-new {
    background: #d4322d;
    color: white !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    width: 36px !important;
    height: 24px;
    line-height: 24px;
    text-align: center;
    right: 18px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
}


/*footer icons*/
.mobile-social-footer{
    padding: 0 10px !important;
}
footer {
    font-size: 14px;
}

.footer-socials1 {
    display: block;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
    height: 0px;
}

.footer-socials2 {
    display: block;
    position: absolute;
    right: -15px;
    top: -5px;
    z-index: 100;
    background: rgba(28,30,34,0.85);
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    padding: 0px 9px 0 9px;
    box-sizing: border-box;
    min-width: 195px;
}

    .footer-socials2 ul {
        display: block;
        font-size: 14px;
        color: white;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .footer-socials2 ul li {
            display: inline-block;
            margin: 0;
            padding: 4px 4px 0;
        }

            .footer-socials2 ul li a {
                cursor: pointer;
                font-size: 19px;
                color: white;
                opacity: 0.6;
            }

                .footer-socials2 ul li a:hover {
                    opacity: 1.0;
                    color: #1fc0a0;
                }


/*@media only screen and (max-width:768px) {
    .footer_copyright {
        position: relative;
        left: -15px;
    }
}*/

.footer-license-container {
    background: #343743;
    position: relative;
    padding: 12px 0 53px;
    width: 100%;
}

.footer-license {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    display: block;
}

.footer-license-container .mobile-footer_socials {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 19px 0;
}
.footer-license-container .mobile-footer_socials a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    background-repeat: no-repeat;
    margin-right: 7px;
}

    .mobile-footer_socials a.icon-fb {
        background-image: url(../img/facebook_nw.png);
    }

    .mobile-footer_socials a.icon-twetter {
        background-image: url(../img/twetter_nw.png);
    }

    .mobile-footer_socials a.icon-instagram {
        background-image: url(../img/instagram_nw.png);
    }

    .mobile-footer_socials a.icon-youtube {
        background-image: url(../img/youtube_nw.png);
    }

    .mobile-footer_socials a.icon-television {
        background-image: url(../img/television_nw.png);
    }

    .mobile-footer_socials a.icon-download {
        background-image: url(../img/download_nw.png);
    }

    .mobile-footer_socials a.icon-telegram {
        background-image: url(../img/telegram_nw.png);
    }

    .mobile-footer_socials a.icon-livetelegram {
        background-image: url(../img/livetelegram_nw.png);
    }




/*New style*/

.select__styles {
    margin-top: 10px;
    float: left;
    outline: 0;
    background-color: #575757;
    border: 1px solid #191919;
    color: #fff;
}


.lc_images {
    height: 200px;
}


@media only screen and (max-width: 700px) and (min-width: 482px) {
    .lc_images {
        height: 140px;
    }
}


#liveCasinoGames {
    width: 100%;
}

.casGames {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.LC-games__box {
    min-height: 100%;
    background: black;
    position: relative;
}

.LC-games__image-container {
    height: 195px;
    overflow: hidden;
    position: relative;
}

.two-columns .LC-games__image-container {
    height: 300px;
}

.LC-games__image {
    width: 100%;
    min-height: 100%;
    height: 100%;
    object-fit: contain;
}

.LC-games__logo-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0px;
    /*background: rgba(17, 121, 137, 0.9);*/
    background: rgba(16,20,24,0.8);
    text-align: center;
    height: 45px;
    z-index: 5;
}

.LC-games__logo {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.messages_item {
    border: 0;
    background-color: #303a42;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.message__header--unread__bg {
    background-color: #38434d;
    color: white;
}

    .message__header--unread__bg .unread-bg {
        display: block;
        content: "";
        width: 5px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        background: #64b000;
    }

.messages_item p {
    color: #858c91;
}

.message__header--unread__bg p {
    color: white;
}

/*----Providers*/
.providers_content {
    margin-top: 20px;
}

.providers_background {
    background-color: #313c45;
    height: 180px;
    position: relative;
    transition: .3s;
    width: 300px;
    margin: 15px auto;
}

    .providers_background:hover {
        background-color: #1d242a;
    }

@media only screen and (min-width:500px) {
    .providers_background {
        width: 370px;
        height: 220px;
    }
}

.providers_img {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 11px;
    bottom: 11px;
    opacity: 0.8;
}

.providers_item-links {
    position: absolute;
    bottom: 11px;
    right: 11px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 8px 15px;
}

.providers_item-link {
    color: #fff;
    font-size: 16px;
    padding-right: 30px;
}

    .providers_item-link i {
        padding-right: 7px;
    }

    .providers_item-link:hover {
        color: ##64b000;
    }

@media only screen and (max-width:340px) {
    .mainbody {
        left: -24px;
    }

    .no-left-margin {
        left: 0 !important;
    }
}



.providers__info--icon {
    opacity: 1;
    position: absolute;
    right: 11px;
    top: -11px;
    background: url(/img/info__icon.png);
    width: 38px;
    height: 38px;
    transform: scale(0);
    -webkit-transition: transform 500ms;
    -moz-transition: transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

.providers__info--icon-loaded {
    transform: scale(1) rotate(360deg);
}

.providers__info--icon-animating {
    transform: scale(1.3) rotate(360deg);
}

.providers__info--icon-active {
    background-position: bottom;
}

.providers__additional--info {
    width: 100%;
    width: calc(100% + 22px);
    right: 0;
    top: 31px;
    position: absolute;
    background: #e4e9ed;
    border-radius: 5px;
    display: none;
    z-index: 1;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}

.info-triangle {
    width: 15px;
    height: 15px;
    background: #e4e9ed;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    right: 22px;
    z-index: -1;
}

.info__element--cnt {
    color: #4c5053;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 4px 12px;
    border-bottom: 2px solid #c2c6ca;
    font-size: 15px;
}

    .info__element--cnt:last-child {
        border-bottom: 0;
    }

    .info__element--cnt p {
        margin-bottom: 0;
    }

.info__stars--cnt i {
    color: #a5a3ab;
}

.info__stars--cnt .providers__star--active {
    /*color: #117989;*/
    color: #697dce;
}


.info__overlay--cnt {
    width: 21px;
    height: 21px;
    /* background: #00800075; */
    z-index: 0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info__overlay {
    width: 10px;
    height: 51px;
    /*background: rgba(17, 121, 137, 0.6);*/
    /*background: rgba(100, 176, 0, 0.5);*/
    background: rgba(105, 125, 206, 0.5);
    transform: rotate(45deg);
    margin-top: -22px;
    margin-left: -22px;
    -webkit-transition: margin 800ms;
    -moz-transition: margin 800ms;
    -o-transition: margin 800ms;
    transition: margin 800ms;
}

.info__overlay--active {
    margin-top: 22px;
    margin-left: 22px;
}

.pokermodalbtn {
    text-align: center;
    background: #000;
    margin-bottom: 10px;
}

    .pokermodalbtn:hover {
        background: #64b000;
        filter: brightness(92%);
    }

.pokerplaynowbtn {
    background: #64b000;
}

    .pokerplaynowbtn:hover {
        background: #64b000;
        filter: brightness(92%);
    }

.poker_modal-button--margin-b {
    margin-bottom: 15px;
}

.pokerbtn {
    text-transform: none
}

.mob-title {
    width: 100%;
    padding: 8px;
    font-size: 18px;
    line-height: 24px;
    color: #ecb50d;
    font-weight: 700;
    margin: 8px 0 0;
    text-align: center;
}

.mob-icon {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
}

    .mob-icon .mobSubM {
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
        max-width: 50%;
        transition: .3s ease-in-out;
    }

        .mob-icon .mobSubM a {
            display: inline-flex;
            width: 100%;
            justify-content: center;
        }

        .mob-icon .mobSubM img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .mob-icon .mobSubM:hover {
            transform: scale(1.05);
        }

@media only screen and (max-width: 340px) {
    .mob-title {
        margin-left: 24px;
        font-size: 14px;
    }

    .mob-icon {
        margin-left: 24px;
    }
}



.sports-menu {
    overflow-y: scroll;
    white-space: nowrap;
    background: #111f1f;
}

    .sports-menu ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        list-style-type: none;
    }

        .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 {
                background: #08090d;
            }

            .sports-menu ul li a {
                padding: 5px;
                cursor: pointer;
                width: 100%;
                height: 100%;
                display: inline-flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                position: relative;
            }

            .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.active.auth {
                background: #08090d;
            }


.dep_instruction-text {
    text-transform: capitalize;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}

.modal-deposit-instruction {
    z-index: 1501;
}

    .modal-deposit-instruction .modal-header {
        background-color: #437600;
        border-bottom: 4px solid white;
    }

        .modal-deposit-instruction .modal-header .close {
            color: white;
        }

        .modal-deposit-instruction .modal-header .modal-title {
            color: white;
            text-align: center;
        }

    .modal-deposit-instruction .modal-body {
        background-color: #2f5103;
    }

    .modal-deposit-instruction .modal-footer {
        padding: 0;
    }

        .modal-deposit-instruction .modal-footer h5 {
            text-align: center;
            color: #272b28;
            background-color: white;
            padding: 7px 0;
            font-weight: bold;
            margin: 0;
            border-bottom: solid 14px #2f5103;
            font-size: 16.5px;
        }

.dep_instruction-item {
    position: relative;
    text-align: center;
    margin-bottom: 18px;
}

    .dep_instruction-item > div {
        font-size: 26px;
        color: white;
        background: url(../../img/deposit_instructions/dep_instruction-icon-bg.png) no-repeat;
        background-size: cover;
        display: flex;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        line-height: normal;
        position: absolute;
        left: calc(50% - 35px);
        top: 0px;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }

    .dep_instruction-item img {
        max-width: 290px;
        margin-top: 35px;
    }

    .dep_instruction-item p {
        margin: -35px 0 0;
        text-align: center;
        color: white;
        font-size: 13px;
        width: 100%;
    }

        .dep_instruction-item p span {
            color: #f5b333;
        }

.footer-socials2 .custom-icon-x {
    background-image: url(/img/icon-x.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 15px;
    height: 15px;
    filter: brightness(0) invert(1);
}

    .footer-socials2.custom-icon-x:hover {
        filter: invert(58%) sepia(75%) saturate(439%) hue-rotate(118deg) brightness(92%) contrast(90%);
    }

/*Call request section*/
.osp__container {
    background-image: url(/img/duman-call-page.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
    height: 100vh;
}

    .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: 25px;
            height: 54px;
        }

        .osp__container .osp__registration .osp__first-text {
            margin: 0;
            font-size: 21px;
            color: #76b701;
            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 {
                font-size: 12px;
                border: solid 2px #76b701 !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 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: #343743;
                    }

                .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 textarea {
                font-size: 12px;
                height: 155px;
                max-height: 155px;
                border: solid 2px #76b701 !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: white;
        font-weight: bold;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 50px 10px 47px;
        border-radius: 14px;
        text-transform: uppercase;
        border: solid 1px #76b701;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background-color: #76b701;
    }

        .osp__container .container .osp__registration .osp__third-text:hover {
            opacity: .85;
        }

        .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: 14px;
        text-transform: uppercase;
        color: #6c757d;
        border-color: #282828;
    }

        .osp__container .container .osp__registration .osp__back-btn:hover {
            background: #282828;
        }

    .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: 12px;
    width: 47%;
    padding: 12px 3px;
    background-color: #76b701;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
    border-radius: 14px;
}

.registration__container {
    position: relative;
    z-index: 2000;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1990;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2000;
    display: none;
}

.confirmation_modal {
    z-index: 2050;
}

    .confirmation_modal .modal-content {
        display: flex;
        align-items: center;
        margin: auto;
        background: none;
        box-shadow: none;
        border: none;
        z-index: 2050;
    }

    .confirmation_modal .confirmation_modal_content {
        width: 365px;
        height: 490px;
        background-image: url(/img/duman_confirmation_modal_bg.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
        z-index: 2050;
    }

    .confirmation_modal .confirmation_modal_btns {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        transform: translateX(30%);
        height: 150px;
        position: absolute;
        bottom: 80px;
        font-family: "Roboto" !important;
    }

        .confirmation_modal .confirmation_modal_btns .continue_reg_button {
            width: 227px;
            height: 64px;
            border-radius: 13px;
            background-color: #ebb50d;
            font-size: 22px;
            line-height: 32px;
            color: #ffffff;
            font-weight: 600;
            font-family: "Roboto" !important;
            text-align: center;
        }

            .confirmation_modal .confirmation_modal_btns .continue_reg_button span {
                font-size: 29px;
                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;
            font-size: 21px;
            line-height: 25px;
            color: #fefefe;
            font-weight: 400;
            font-family: "Roboto" !important;
            text-align: center;
        }

            .confirmation_modal .confirmation_modal_btns .close_reg_button:hover {
                opacity: 0.8;
            }

.modal-backdrop.fade {
    z-index: 1998;
}


@media screen and (max-width: 768px) {
    .osp__container {
        padding-top: 45px;
    }

        .osp__container .osp__registration {
            width: auto;
            padding: 0 10px 0 10px;
        }

            /*            .osp__container .osp__registration img {
                height: 30px;
                margin-top: 45px;
            }*/

            .osp__container .osp__registration .osp__first-text {
                font-size: 15px;
                padding-top: 5px;
                padding-bottom: 15px;
            }

        .osp__container .container .osp__registration .osp__second-text {
            font-size: 13px;
            padding: 0;
        }

        .osp__container .container .osp__registration .osp__third-text {
            font-size: 15px;
        }

        .osp__container .container .osp__registration .osp__back-btn {
            font-size: 15px;
        }

        .osp__container .container .osp__last-text {
            font-size: 19px;
        }

    .confirmation_modal .confirmation_modal_content {
        width: 265px;
        height: 390px;
    }

    .confirmation_modal .confirmation_modal_btns {
        height: 100px;
        transform: translateX(24%);
        bottom: 70px;
    }

        .confirmation_modal .confirmation_modal_btns .continue_reg_button {
            width: 180px;
            height: 44px;
            font-size: 18px;
        }

        .confirmation_modal .confirmation_modal_btns .close_reg_button {
            width: 180px;
            height: 44px;
            font-size: 17px;
        }
}
@media screen and (max-width:340px) {
    body, html {
        min-width: 280px !important;
    }

    .reg1 {
        margin-right: 3px;
    }

    .log2 {
        margin-right: 3px;
    }

    .container-fluid {
        width: 280px;
    }

        .container-fluid .loginform form {
            width: 100%;
        }

    .mainbody {
        left: 0 !important;
    }

    #flip {
        padding: 9px 0px !important;
    }

        #flip .close-flip {
            padding: 5px 3px !important;
        }

        #flip .row {
            width: 100%;
        }

    .icon-fluid text {
        max-width: 250px;
        text-overflow: ellipsis;
    }

    .mobile-head-px {
        max-width: 250px;
    }

    .recaptcha-mobile {
        font-size: 12px;
    }
}

.provider-bet-dropdown-menu {
    background: #0b121b;
    /*width: 600px;
    height: 300px;*/
    border-radius: 30px;
    /*transform: translate3d(-762px, 18px, 0px);*/
    /*padding: 16px;*/ 
    height: 485px;
    min-height: 505px;
    width: 310px;
    padding: 16px;
}

.filter-dropdown-content {
    width: 98%;
    background: #1b1f28;
    border-radius: 20px;
    color: #747475;
    padding: 10px;
    height: 196px;
}
.prodacts-filter-container {
    display: grid;
    grid-template-columns: auto;
    gap: 18px;
}

.products-search-container {
    display: grid;
    grid-template-columns: 83% 17%;
    align-items: center;
    margin-bottom: 20px;
}

.clearButton {
    background: #a3a3a3;
    border-radius: 16px;
    border: none;
    padding: 5px 11px;
    margin-left: 5px;
}
.provider-bet-dropdown-menu .clearButton b {
    display: none
}

.products-navigation-filter-dropdown-head, .bet-amount-filter-dropdown-head {
    background: #131314;
    border-radius: 38px;
    color: #64b000;
    margin-bottom: 10px;
    padding: 2px;
}

.products-navigation-filter-dropdown-head h3, .bet-amount-filter-dropdown-head h3 {
    padding-left: 20px;
    font-size: 21px !important;
    margin-bottom: 0.2rem;
    margin-top: 0px !important;
}

.products-navigation-filter-dropdown {
    overflow-y: scroll;
    /*height: 135px;*/
    height: 118px;
    margin-top: 1rem;
    margin-right: 11px;
    padding: 0px 18px 0px 12px;
}


.products-navigation-filter-dropdown::-webkit-scrollbar {
    width: 8px;
}


.products-navigation-filter-dropdown::-webkit-scrollbar-track {
    background: #262d37 ;
    border-radius: 10px;
}

.products-navigation-filter-dropdown::-webkit-scrollbar-thumb {
    background: #60a901;
    border-radius: 10px;
}



.live-casino__proviers-dropdown-menu .rounded-pill {
    width: 100%;
    background-color: #1b1f28;
    border-radius: 30px !important;
    height: 35px;
    border: 0;
    padding: 12px 0;
    position: relative;
    color: #444141;
    padding-left: 25px;
    padding-right: 30px;
    font-size: 12px;
    font-family: gilroy-regular;
}

.live-casino__proviers-dropdown-menu .old-rounded-pill {
    width: 100%;
    background-color: #1d1c21;
    border-radius: 4.8px !important;
    border: 0;
    padding: 12px 0;
    position: relative;
    color: #fff;
    padding-left: 13px;
    padding-right: 30px;
    font-size: 12px;
    font-family: gilroy-regular;
}

.live-casino__proviers-dropdown-menu input::placeholder {
    color: #444141 !important;
}

.live-casino__proviers-dropdown-menu .old-rounded-pill::placeholder {
    color: white !important;
}

.search-button {
    position: absolute;
    right: 63px;
    background: #64b000;
    border-radius: 17px;
    padding: 7px 11px;
    color: #fff;
    border: none;
    
}

.products-navigation-filter-option label, .providers-filter-list-item label {
    /*margin-bottom: 1rem;*/
    margin-left: 1rem;
    color: #747475;
    font-weight: 500;
    font-size: 17px;
}

/*.providers-filter-list-item {
    margin-left: 0rem !important;
    padding: 0px;
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    background: #1b1f28;
    color: #70778d !important;
}*/
.category-filter__link {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    background: #1b1f28;
    color: #70778d !important;
    margin-bottom: 1rem;
}
.category-filter__link label{
    color: #747475;
    font-weight: 500;
    font-size: 17px;
}
.category-filter__link img {
    padding-left: 5px;
}

.products-navigation-filter-option {
    margin-bottom: 1rem;
    margin-left: 5px;
    position: relative;
}

.providers-filter-list-item:hover {
    pointer-events: none !important;
}

.bet-amount-filter-dropdown-content {
    margin-left: 5px;
}

.products-navigation-filter-providers-option {
    position: relative;
}

.products-navigation-filter-option input.form-check-input, .products-navigation-filter-providers-option input.form-check-input {
    background-color: #1b1f28;
    border: 2px solid #37add4;
    border-radius: 0px !important;
    padding: 7px;
}

.providers-filter-list-item img{
    margin-left: 0.5rem;
}

.products-navigation-filter-option input.form-check-input:focus, .products-navigation-filter-providers-option input.form-check-input:focus {
    border-color: #737374;
}

.filter-checkmark {
    position: absolute;
    background-color: #1b1f28;
    border: 2px solid #64b000;
    top: 50%;
    /*left: 5px; 
    transform: translateY(-50%); */
    left: 0px;
    transform: translateY(-64%);
    height: 18px;
    width: 18px;
}

.products-navigation-filter-option input:checked ~ .filter-checkmark, .products-navigation-filter-providers-option input:checked ~ .filter-checkmark {
    background-color: #1b1f28;
}

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

.products-navigation-filter-option input:checked ~ .filter-checkmark:after, .products-navigation-filter-providers-option input:checked ~ .filter-checkmark:after {
    display: block;
}

.products-navigation-filter-option .filter-checkmark:after, .products-navigation-filter-providers-option .filter-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);
}



/*Mobile Bottom Menu CSS Start*/

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

.mobile-bottom-menu-arrow {
    display: none;
}

.mobile-bottom-menu-collapse {
    display: none;
}

.mobile-botom-menu-background {
    display: none;
}

.bottom-mobile-menu ul {
    display: none;
}

.second-ul{
    display: none;
}
.first-ul {
    display: none;
}

@media screen and (max-width: 1000px) {
    .bottom-mobile-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        background-image: url(/img/BottomMenuImg/duman-mobile-menu-background.png);
        width: 100%;
        height: 127px;
        background-position: center bottom;
        background-size: contain;
        background-repeat: repeat-x;
        /*    border-bottom: solid 5px #12e180;*/
        z-index: 20001;
        display: none;
    }

    .mobile-botom-menu-background {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 45px;
    }

    .bottom-mobile-menu ul {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 0;
        margin: 37px 0 0;
    }

        .bottom-mobile-menu ul li {
            display: inline-block;
            justify-content: center;
            align-items: center;
            flex: 1 1 0px;
            text-align: center;
        }

    .mobile-burger-icon img {
        height: 100px;
        margin-bottom: 25px;
        /* margin-top: 5px;*/
    }

    .second-ul {
        display: block;
    }

    .first-ul {
        display: block;
    }


    .bottom-mobile-menu ul li a p {
        font-size: 14px;
        letter-spacing: 0px;
        color: #ffffff;
        font-weight: 400;
        text-align: center;
        text-transform: capitalize;
    }

    .bottom-mobile-menu ul li img {
        height: 35px;
    }

    .mobile-bottom-menu-collapse {
        position: fixed;
        bottom: 85px;
        width: 100%;
        background-color: #1c1b1b;
        border-top: solid 3px #73b600;
        display: none;
        z-index: 20000;
        height: 260px;
    }

    .first-ul ul {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        align-items: end;
        padding: 70px 25px 10px 25px;
        margin: 0;

    }

    .second-ul ul {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        align-items: end;
        padding: 0 25px 70px 25px;
        margin: 0;
    }

    .first-ul ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 1 1 0px;
    }

    .second-ul ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 1 1 0px;
    }

    .first-ul ul li img {
        height: 35px;
    }

    .first-ul ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .first-ul ul li a p {
            font-size: 12px;
            color: #ffffff;
            font-weight: 400;
            text-align: center;
            margin: 0;
            padding-top: 4px;
        }

    .second-ul ul li img {
        height: 35px;
    }

    .second-ul ul li a p {
        font-size: 12px;
        color: #ffffff;
        font-weight: 400;
        text-align: center;
        margin: 0;
        padding-top: 4px;
    }

    .mobile-bottom-menu-arrow {
        position: fixed;
        left: 50%;
        bottom: 93px;
        transform: translate(-50%,-50%);
        display: none;
        z-index: 20000;
    }

        .mobile-bottom-menu-arrow img {
            width: 40px;
            margin: 0 auto;
            display: block;
        }

        .mobile-bottom-menu-arrow.collapse-arrow {
            bottom: 12px;
            rotate: x 180deg;
            border-top: solid 6px #73b600;
            width: 100%;
        }
    /*
    .mobile-bottom-menu-collapse{
        display:block;
    }*/
    .bottom-mobile-menu {
        display: block;
    }

    .mobile-bottom-menu-arrow {
        display: block;
        bottom: 100px;
    }


    .bottom-mobile-menu {
        bottom: -13px;
    }

    .mobile-bottom-menu-collapse {
        bottom: 20px;
    }

    .bottom-mobile-menu ul li img {
        height: 25px;
    }

    .bottom-mobile-menu ul li a p {
        font-size: 10px;
        margin-top: 5px;
        line-height: normal;
    }

    .first-ul ul li a p {
        font-size: 10px;
    }

    .second-ul ul li a p {
        font-size: 10px;
    }

    .first-ul ul li img {
        height: 30px;
    }

    .second-ul ul li img {
        height: 30px;
    }

    .first-ul ul {
        padding: 45px 25px 10px 25px;
    }

    .mobile-bottom-menu-arrow {
        bottom: 110px;
        /*rotate: x 180deg;*/
    }

    .bottom-mobile-menu {
        bottom: 0px;
        border-bottom: 3px solid #73b600;
    }

        .bottom-mobile-menu ul li .mobile-burger-icon img {
            height: 65px;
            /* margin-top: 20px; */
            background: #73b600;
            border-radius: 50%;
            padding: 7px;
            width: 65px;
        }
}

@media screen and (max-height: 450px) {
    .mobile-bottom-menu-arrow {
        bottom: 130px;
        /* rotate: x 180deg; */
    }
}

#chat-widget-container {
    bottom: 48px !important;
}

/*Mobile Bottom Menu CSS End*/



/*new provider filter start*/
.mobile-category-filter-btn {
    width: 96%;
    display: block;
    line-height: 33px;
    font-size: 14px;
    color: white;
    cursor: pointer;
    padding: 0 25px 0 10px;
    position: relative;
    z-index: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    border-radius: 4px;
}

.mobile-category-filter-btn::after {
    position: absolute;
    right: 7px;
    top: 0;
    line-height: 35px;
    font-size: 17px;
    content: "\f107";
    font-family: 'fontAwesome';
    color: #fff;
}
.mobile-category-filter__container {
    margin-left: 0px !important;
    padding-right: 0px !important;
}

.mobile-category-filter__dropdown-menu {
    /*background-color: #333333;*/
    background-color: #434343e0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    /*padding: 8px 0;*/
    width: 63%;
    padding: 10px 0;
    transform: translate(15px, 41px);
}

.mobile-slot__categories {
    color: #ffffff;
    padding: 8px 0;
    font-size: 14px;
    height: 498px;
    overflow-x: scroll;
    margin-top: 1px;
}

.mobile-category-filter__link {
    padding: 5px 20px;
    border-bottom: 1px solid #676767b8;
}

.mobile-category-filter__link:last-child {
    border-bottom: none;
}

.mobile_search-games__input {
    border-radius: 4px;
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 30px 0 10px;
    border: 0;
    outline: none;
    background: #ededed;
    color: #616161;
    height: 28px;
    transition: 250ms;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
    -ms-transition: 250ms;
    font-size: 14px;
}

.search-icon {
    position: absolute;
    height: 25px;
    font-size: 15px;
    background: transparent;
    border: none;
    outline: none;
    color: #4E535A;
    right: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    right: 8px;
}

/*new provider filter end*/

/* language button start*/
.lang__dropdown-button {
    color: white !important;
    font-size: 9px;
    padding: 6px;
    border-radius: 6px;
    border: 3px solid #6faf00 !important;
    position: relative;
    padding-right: 14px; /* Space for the arrow */
}

    .lang__dropdown-button::after {
        content: "\f078";
        font-family: 'FontAwesome';
        color: var(--yellow);
        font-size: 9px;
        position: absolute;
        right: 3px;
        top: 34%;
        transform: translateY(-50%);
        line-height: 10px;
        padding-top: 5px;
    }

.lang.open .lang__dropdown-button::after {
    content: "\f077"; /* FontAwesome up arrow */
    color: white; /* Color when dropdown is open */
}
.lang__dropdown {
    min-width: 100%;
    padding: 4px 0;
    margin: 1px 0 0 0;
    font-size: 13px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #343743;
    border: 0;
    text-transform: uppercase;
    position: absolute;
    top: 24px;
    right: 10px;
}
    .lang__dropdown > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: white;
        white-space: nowrap;
    }

    .lang__dropdown > li > a:hover{
        color:white
    }

/* language button end*/

.popover {
    background-color: black;
    color: white;
}

.popover-title {
    background-color: black;
    color: white;
}
.popover.bottom .popover-arrow {
    border-bottom-color: #000; 
}

/*Sportpage bottom games information css start*/

.sportbooks-games-info-container-mobile {
    width: 95%;
    margin: auto;
}
.sportbooks-games-container {
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* border-radius: 12px; */
    /*margin: 50px 0px;*/
    background-color: #272b34;
}

.popular-games-title {
    font-size: 15px;
    padding: 10px 0px 0px 0px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 900 !important;
    background-color: #64b000;
}

.sport-games-title-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/Content/img/Sport-page-icons.png);
    position: relative;
    top: -5px;
    margin-right: 10px;
    margin-left: 10px;
}

.lw__list-container {
    display: flex;
    padding: 6px 0;
    align-items: center;
    list-style: none;
    margin: 0;
}

.lw__list-row {
    display: flex;
    flex-direction: column;
    /* position: relative; */
    align-items: flex-start;
    width: 100%;
}

.lw__list-number {
    min-width: 40px;
    max-width: 40px;
    margin-right: 13px;
    text-align: center;
    line-height: 40px;
    background: #1f2129;
    font-size: 14px;
    color: white;
    font-family: 'robotoBold', Arial;
    margin-left: 15px;
}

.lw__username {
    display: block;
    font-size: 12px;
    color: grey !important;
}

.lw__winnings {
    font-size: 12px;
    display: block;
    color: #e8ad19 !important;
    font-weight: bold;
}

.slots__main_container_img {
    background-size: cover;
    height: 64px;
    margin-right: 16px;
    min-width: 70px;
    /* width: 112px; */
    background-position: center;
    display: block;
    min-height: 50px;
    max-width: 70px;
    max-height: 50px;
}

.slots__container_img {
    width: 100%;
    height: 100%;
    min-width: 112px;
}

.lw__winnings__slotnames {
    font-size: 11px;
    color: white !important;
}

#sportbooks-popular-liveCasino-games {
    display: flex;
    grid-template-columns: 48% 48%;
    row-gap: 10px;
    overflow: hidden;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
    column-gap: 5px;
    overflow: hidden;
    padding-top: 15px;
}
.sportbooks-games-info-container-mobile .game-bottom-list-contaier__items {
    position: relative;
}
.all-games-images.main__games-item-all-games.sports-popular-livecasino-img {
    height: 124px;
    /*border-radius: 14px 12px 0px 0px;*/
    background-size: cover !important;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 100%;
}
.sport-games-info-logo-container {
    background: #6d7cc8 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.sport-games-info-container a p {
    background: white !important;
    color: black !important;
}
.sport-games-info-container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 calc(50% - 4px);
    box-sizing: border-box;
}
.sports-showMore-btn {
    width: 300px;
    background-color: #1f2429 !important;
    border: 1px solid #64b000;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.jp__list-container-img {
    width: 100%;
    height: 165px;
    margin-top: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sportbooks-popular-slots-games {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.lastm-bets__container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.sports-live-casino__jackpots {
    width: 100%;
}
.sports-mobile-slots-title {
    color: #64b000;
}
.back-to-top-button {
    background: transparent;
    border: none;
    position: fixed;
    bottom: 15px;
    right: 76px;
    transition: transform .2s;
    z-index: 9999;
    display: none;
}

.back-to-top-button:hover {
    transform: scale(1.2);
    outline: none;
}

.back-to-top-button:focus, .back-to-top-button:active:focus {
    outline: none;
    background: transparent;

}

.new_live_support_button {
    gap: 5px;
    padding: 5px 10px;
    background-color: #73b600;
    display: flex;
    width: fit-content;
    position: absolute;
    right: 0px;
    border-bottom-left-radius: 15px;
    color: #1c1b1b;
}
/*Sportpage bottom games information css end*/