@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;0,700;1,900&display=swap');

.preloader, body {
     background: rgb(23,26,40);
    background: linear-gradient(90deg, rgba(23,26,40,1) 10%, rgba(28,29,45,1) 52%);
}
.innerwall.comingsoon::after,.innerwall.unavailable::after, .innerwall2.comingsoon::after,.innerwall2.unavailable::after{
    top:0;
    left:0;
    background:rgba(0,0,0,.4);
    padding:13px;
    bottom:0;
    right:0;
    text-align:center
}
 #partnershipss,div#preview{
    margin-bottom:18px
}
 a.nav-link:hover,h1,h2,h3,h4,h5,h6,p{
    color:#fbd35f;
}
 .dashboard-app,.dashboard-nav-dropdown,.dashboard-nav-dropdown-menu,.dashboard-nav-list{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
 #MainSiteBanner .start-earn-btn,#MainSiteBanner h1,#MainSiteBanner p,body,div#last_offers .offer-wrapper p{
    font-family:'Roboto',sans-serif,arial
}
 :root{
    scroll-behavior:smooth;
    --primary-color:#5ddbb6;
}
 body,html{
    width:auto!important;
    overflow-x:hidden!important
}
 .preloader{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    right:0;
    z-index:99;
    display:flex;
    justify-content:center;
    align-items:center
}
 .preloader img{
    height:1300px;
    width:1300px
}
 .preloader h3{
    font-size:3rem
}
 .preloader h3 span.logo{
    color:var(--primary-color)
}
 .preloader h3 span.dots{
    animation-name:fadeInLeft;
    animation-delay:15s;
    animation-duration:15s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite
}
 body{
    font-size:15px;
    font-weight:300;
    color:#fff;
    overflow-x:hidden;
    letter-spacing:3px;
    user-select:none
}
 ::-webkit-scrollbar{
    width:5px;
    background:#161f2c
}
 .main-navbar{
    padding:20px
}
 .main-navbar-container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .main-navbar-container .main-nav-buttons{
    display:flex;
    align-items:center
}
 nav.navbar.navbar-expand-lg{
    background:#161f2c;
    padding:0;
    border-bottom:1px solid #000
}
 .navbar-expand-lg{
    flex-wrap:nowrap;
    justify-content:flex-start;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    margin-bottom:75px;
    z-index:99
}
 .navbar-toggler:focus{
    outline:0;
    box-shadow:none;
    background:#fff;
    padding:1px
}
 .form-control:focus,button.btn.btn-primary.btn-block.w-100.p-1:hover{
    box-shadow:none!important
}
 span.navbar-toggler-icon{
    color:#fff;
    background:#5848fb;
    border:.9px solid #fff;
    border-radius:3px;
    display:block
}
 #partnershipss,header.header{
    border-bottom:1px solid #5848fb
}
 a.navbar-brand .logo{
    height:55px;
    width:100%
}
 @media screen{
    .logo-text{
        color:#5848fb;
        font-size:1.8rem;
        font-weight:600;
        font-family:Mukta,sans-serif;
        display:block;
        margin-top:50px
    }
}
 .logo-text{
    color:#5848fb;
    font-size:1.8rem;
    font-weight:600;
    font-family:Mukta,sans-serif;
    display:block;
    margin-top:2px
}
 .logo-text span{
    color:#fefdff
}
 a.nav-link{
    font-size:1.2rem;
    color:#000;
    background:#5848fb;
    margin-right:30px;
    border-radius:21px;
    padding:1px 18px!important;
    display:flex;
    width:140px;
    max-width:100%;
    align-items:center;
    justify-content:center;
    font-weight:400;
    box-shadow:0 0 20px 4px #00000066;
    transition:background .2s ease-in;
    -webkit-transition:background .2s ease-in;
    -moz-transition:background .2s ease-in;
    -ms-transition:background .2s ease-in
}
 a.nav-link:hover{
    background-color:#5848fb;
    border:none
}
 a.me-3.nav-link.nav-support{
    border:none;
    background:0 0;
    box-shadow:none
}
 @media screen and (max-width:771px){
    li.nav-item{
        margin:5px
    }
     .main-nav-buttons .login-btn,nav .dashboard-btn{
        margin-right:0!important
    }
     div#navbarNav{
        background:#161f2c;
        padding:25px;
        margin:0;
        border-radius:2px
    }
     .main-navbar-container{
        flex-direction:column
    }
     .main-nav-buttons{
        margin-top:15px
    }
     .main-nav-buttons .register-btn.nav-link{
        margin-right:14px!important
    }
    nav a.nav-link{
        width:125px!important
    }
    nav .dashboard-btn{
        margin-left:0!important;
        margin-top:7px!important
    }
    #profile-settings-form .custom-profile-setting-btn{
        margin-left:0
    }
}
@media all and (max-width:551px){
    .header{
        display:block
    }
}
header.header h4{
    color:#fff;
    font-size:3rem;
    text-transform:uppercase;
    margin:5px 0;
    display:flex
}
header.header .container{
    min-height:10vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-flow:column
}
header span.logo-text{
    font-size:unset;
    padding-right:25px
}
.currency-wrapper{
    background:#161f2c;
    padding:5px;
    border-radius:5px;
    border:1px solid #161f2c
}
.currency-wrapper img{
    margin-right:0;
    width:36px;
    height:36px;
    border:1px solid #161f2c;
    border-radius:20%;
    padding:5px;
    background:#161f2c
}
.header-button{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:40px
}
.header-button a{
    margin-right:0!important;
    margin-bottom:30px;
    margin-top:-20px
}
#preview h1,#preview h2{
    color:#5848fb;
    text-transform:capitalize;
    margin-top:60px;
    letter-spacing:3px;
    opacity:.8
}
.preview svg{
    width:85px;
    height:140px
}
.how-to-box{
    position:relative;
    background:#01071a;
    padding:15px 5px;
    text-align:center;
    font-size:16px;
    font-weight:400;
    margin:35px 0;
    border-radius:10px
}
.how-to-box h3.text{
    color:#61f1a1;
    text-transform:capitalize;
    font-weight:700;
    margin:5px 0 32px
}
.how-to-box .description{
    background:#161f2c;
    padding:2px 0;
    border-radius:15px
}
.how-to-box span.counter{
    position:absolute;
    top:-31px;
    left:-10px;
    color:#5848fb;
    font-size:30px;
    font-weight:900
}
.how-to-box svg{
    height:108px;
    width:80px;
    margin-top:15px;
    margin-bottom:5px
}
.offerwallsposition,.offerwallsposition2{
    position:relative;
    transition:.3s ease-in-out
}
.offerwallsposition2:hover,.offerwallsposition:hover{
    t-webkit-transform:scale(.93);
    transform:scale(.93)
}
.custom-offerwall-style{
    border-radius:10px;
    position:relative
}
.custom-offerwall-style .innerwall{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    height:110px!important
}
.custom-offerwall-style a{
    display:flex;
    width:100%;
    text-align:center;
    position:relative;
    height:100%;
    align-items:center;
    justify-content:center
}
.innerwall.unavailable::after{
    display:block;
    content:'Unavailable';
    position:absolute;
    border-radius:10px;
    color:#fff
}
.innerwall.comingsoon::after,.innerwall2.comingsoon::after{
    display:block;
    content:'Coming Soon';
    position:absolute;
    border-radius:10px
}
.custom-offerwall-style img,.custom-offerwall-style2 img{
    width:70px;
    max-width:100%;
    object-fit:cover
}
.custom-offerwall-style .icons{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-bottom:11px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}
.custom-offerwall-style .icons p,.custom-offerwall-style2 .icons p{
    text-align:center;
    margin-bottom:0
}
.custom-offerwall-style .icons p span{
    font-size:10px
}
.offerwall-link{
    display:block!important;
    text-decoration:none!important
}
.custom-offerwall-style2{
    border-radius:10px;
    position:relative;
    cursor:pointer;
    user-select:none
}
.custom-offerwall-style2>a{
    text-decoration:none;
    z-index:10
}
.custom-offerwall-style2 .innerwall2{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    position:relative;
    padding:25px 0
}
.custom-offerwall-style2 .innerwall2>div{
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:20px
}
.custom-offerwall-style2 .innerwall2 .offerwall-name{
    margin:5px 0 0;
    font-weight:700;
    color:#5848fb;
    letter-spacing:2px;
    text-decoration:none
}
.innerwall a{
    text-decoration:none!important
}
.innerwall2.unavailable::after{
    display:block;
    content:'Unavailable';
    position:absolute;
    border-radius:10px
}
.custom-offerwall-style2 .icons{
    display:flex;
    align-items:center;
    justify-content:center
}
.custom-offerwall-style2 .icons p span{
    font-size:14px
}
.custom-style-cashout a {
    text-align: center;
    padding: 0px;
    border-radius: 10px;
    max-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-style-cashout a img{
    width:130px;
    max-width:100%;
    object-fit:cover
}
.img-wrapper img{
    width:25%
}
.app-install{
    margin:50px 0;
    padding:25px 27px;
    border:2px solid #470abb;
    background:#121114
}
.app-install .header{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px
}
.app-install svg{
    height:55px
}
.app-install a.nav-link,.welcometoheader{
    width:100%
}
.app-install .text p{
    color:#12ba8b;
    font-size:1.4rem;
    font-weight:400;
    text-align:center;
    margin-bottom:25px
}
section#statist .panel{
    text-align:center;
    margin:8px 0
}
section#parners{
    background:#161f2c;
    background-image:#161f2c;
    text-align:center;
    padding:1px 0;
    margin-bottom:25px;
    color:#161f2c;
    display:block;
    max-width:100%;
    height:auto
}
section#parners h3{
    font-size:2.2rem;
    font-weight:600;
    text-transform:uppercase;
    padding-bottom:40px;
    border-bottom:1px solid #55555521;
    text-align:center
}
footer.footer.pb-5{
    margin-top:50px;
    padding-top:25px;
    border-top:1px solid;
    color:#5848fb
}
.links-group{
    display:flex;
    flex-flow:column
}
footer h4{
    color:#ddd
}
a.footer-link{
    color:#fff;
    font-size:15px;
    text-decoration:none;
    transition:.2s
}
a.footer-link:hover{
    text-decoration:underline
}
.card, .card-box, .panel {
    padding: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    font-family: Montserrat,sans-serif;
    box-shadow: 0 1px 4px 0px #5848fb42;
    background: rgb(21,28,61);
    background: linear-gradient(90deg, rgb(28 29 45) 10%, rgb(23 26 40) 52%);
}

#MainSiteBanner .start-earn-btn, #referrallinkcommition .copytext, #twofaauth .copytext, .togglebtn, form .sendmsgbtn {
    background-color: #5848fb;
    outline: 0;
}
.togglebtn{
    border:0;
    padding:25px 10px;
    color:#fff;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center
}
.panel-header h3{
    color:#fff;
    font-size:2rem;
    font-weight:600;
    text-transform:capitalize
}
.panel.c-white{
    border-radius:20px
}
.form-control {
    line-height: 1.1;
    margin: 6px 12px 1px 6px;
    color: #fff;
    width: 100%;
    background-color: #2b314c;
    border: .1px solid #161f2c;
    min-height: 45px;
    resize: none;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    outline: 0;
    border-radius: 10px;
}
.form-control:focus{
    border:1px solid #5848fb;
    background:#161f2c;
    color:#fff!important;
    outline:0
}
.btn.btn-primary{
    color:#fff;
    border:1px solid #5848fb;
    padding:5px 25px;
    background:#5848fb
}
.form-group{
    margin:14px 0
}
.btn-link{
    font-weight:400;
    color:#dde2eb;
    text-decoration:none
}
.brand-logo,.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle,form .sendmsgbtn{
    font-weight:700
}
.panel-footer a{
    color:#ddd!important
}
div#chat{
    position:fixed;
    right:0;
    top:120px;
    bottom:0;
    z-index:99999999
}
.chat-container{
    position:relative;
    min-height:600px
}
.chat-button{
    position:absolute;
    top:150px
}
.chat-messages {
    max-height: calc(100vh - 116px);
    background: #171a28;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    overflow: auto;
    width: 330px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 2px #5848fb;
    min-height: 80vh;
}
.dashboard,.dashboard-app{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.chats-wrapper{
    max-width:310px;
    background:#1c1d2d;
    margin:6px;
    padding:10px
}
.chats-wrapper .wrapper-top .chat-header{
    display:flex;
    overflow:hidden;
    text-align:center
}
.chats-wrapper .wrapper-bottom{
    margin-top:7px
}
.chats-wrapper .wrapper-bottom p{
    color:rgb(215 215 252 / 70%)!important;
    overflow:hidden;
    word-wrap:break-word;
    font-size:13px;
    font-weight:500;
    line-height:133%;
    margin-left:0;
    margin-top:10px;
    margin-bottom:0;
    font-style:normal!important;
    letter-spacing:1px;
    opacity:.8
}
.chats-wrapper .time{
    font-size:.5rem;
    align-self:self-end
}
.chat-header img{
    height:25px;
    width:25px;
    border-radius:25px
}
.chat-header h5{
    font-size:12px;
    color:#5848fb!important;
    margin:5px 0 0 5px;
    letter-spacing:1px;
    opacity:.8
}
.chats-wrapper>p{
    align-self:self-start;
    word-break:break-all;
    margin-top:20px
}
form#chat_form{
    display:flex;
    background-color:#1c1c1c
}
form .sendmsgbtn{
    border:0;
    padding:7px;
    color:#fff;
    width:73px;
    margin:4px auto
}
.left-side-bar{
    width:214px;
    height:100vh;
    z-index:1000;
    background:#261d38
}
.dashboard-nav,.dashboard-toolbar{
    background-color:#171a28;
    top:0;
    left:0
}
.user-info-dropdown .dropdown-toggle .user-icon{
    width:35px;
    height:35px
}
.dropdown-menu.dropdown-menu-right.dropdown-menu-icon-list.show,div.header{
    background:#1f1634
}
span.user-name{
    color:#fff!important
}
a.dropdown-item{
    color:#ffff
}
.menu-icon.fas.fa-list{
    color:#fff;
    cursor:pointer
}
ul#accordion-menu{
    padding-left:0
}
@media screen and (max-width:551px){
    .img-wrapper img{
        width:65%
    }
    .main-container{
        margin-left:0!important
    }
    .h3partner{
        width:100%;
        height:100%;
        margin-top:-50px
    }
}
a.btn.offer-btn{
    color:#000;
    font-size:18px;
    font-weight:800;
    background:#5848fb;
    margin-right:7px;
    margin-top:20px
}
.left-side-bar a{
    color:#fff;
    text-decoration:none;
    font-size:1.2rem;
    display:block;
    margin:5px 0;
    background:#1e1532
}
.main-container{
    margin-left:218px
}
table th {
    color: #fbd348;
}
table td{
    color:#fff
}
div#last_offers div{
    margin-top:0;
    margin-left:0;
    min-height:58px;
    display:flex;
    background:#121520;
    letter-spacing:1px;
    overflow-x:auto;
    overflow-y:hidden
}
div#last_offers .offer-wrapper {
    padding: 5px;
    margin: 5px;
    display: flex;
    align-items: center;
    min-width: 170px;
    height: 42px;
    gap: 5px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #5848fbad;
    background: linear-gradient(90deg, rgb(28 29 45) 10%, rgb(23 26 40) 52%);
}

div#last_offers .offer-wrapper .offer-amount{
    padding:3px 7px;
    background:#5848fb;
    border-radius:5px;
    color:#5848fb;
    position:absolute;
    right:26px;
    top:50%;
    transform:translate(50%,-50%);
    overflow:hidden;
    overflow-wrap:break-word;
    max-width:50px;
    margin-right:0;
    min-width:40px;
    text-align:center;
    font-size:8px
}
div#last_offers .offer-wrapper h3,div#last_offers .offer-wrapper p span{
    font-size:9px;
    font-weight:900;
    color:#5848fb;
    font-family:Montserrat,sans-serif,arial
}
div#last_offers .offer-wrapper p{
    margin:0;
    font-size:10px
}
div#last_offers .offer-wrapper .offer-wrapper-inner{
    position:absolute!important;
    margin:0!important;
    top:55px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:15px;
    background:#1c1c1c!important;
    display:none;
    justify-content:center;
    padding-top:5px;
    z-index:9999!important
}
div#last_offers .offer-wrapper .offer-wrapper-inner>p{
    margin-bottom:10px
}
div#last_offers .offer-wrapper .offer-wrapper-inner>p span.title{
    color:#fff!important;
    font-size:10px!important
}
div#last_offers .offer-wrapper .offer-wrapper-inner>p span.value{
    color:#5848fb!important;
    font-size:10px!important
}
div#last_offers .offer-wrapper:hover>.offer-wrapper-inner{
    display:block!important;
    border-radius:8px
}
.form-control:disabled,.form-control[readonly]{
    background-color:#607d8b;
    opacity:1
}
.sidebar-menu .dropdown-toggle,.sidebar-menu .submenu li a{
    padding:10px 15px 10px 67px
}
.dashboard{
    display:flex;
    min-height:100vh
}
.dashboard-app{
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:2;
    -webkit-flex-grow:2;
    -ms-flex-positive:2;
    flex-grow:2;
    margin-top:-46px
}
.brand-logo,.dashboard-nav header,.dashboard-nav-dropdown,.dashboard-nav-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.dashboard-content{
    -webkit-box-flex:2;
    -webkit-flex-grow:2;
    -ms-flex-positive:2;
    flex-grow:2;
    padding:25px;
    margin-top:55px
}
.dashboard-nav-dropdown-item,.dashboard-nav-item{
    padding:8px 20px 8px 70px;
    transition:.5s ease-out
}
.dashboard-nav{
    min-width:238px;
    position:fixed;
    bottom:0;
    overflow:auto;
    z-index:10220;
    border-right:1px solid #000
}
.dashboard-compact .dashboard-nav{
    display:none
}
.dashboard-nav header{
    min-height:84px;
    padding:8px 27px;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-nav header .menu-toggle{
    display:none;
    margin-right:auto
}
.dashboard-nav a:hover{
    text-decoration:none
}
.dashboard-nav a{
    color:#fff;
    text-decoration:none
}
.brand-logo{
    font-family:Mukta,sans-serif;
    font-size:20px;
    display:flex;
    color:#515151;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.brand-logo:active,.brand-logo:focus,.brand-logo:hover{
    color:#dbdbdb;
    text-decoration:none
}
.brand-logo i{
    color:#d2d1d1;
    font-size:27px;
    margin-right:10px
}
.dashboard-nav-dropdown,.dashboard-nav-list{
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.dashboard-nav-item{
    min-height:56px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    letter-spacing:.02em
}
.dashboard-nav-item i{
    width:36px;
    font-size:19px;
    margin-left:-40px
}
.dashboard-nav-dropdown-item:hover,.dashboard-nav-dropdown.show,.dashboard-nav-item:hover{
    background:rgba(255,255,255,.04)
}
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle:after{
    -webkit-transform:none;
    -o-transform:none;
    transform:none
}
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.dashboard-nav-dropdown-toggle:after{
    content:"";
    margin-left:auto;
    display:inline-block;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid rgba(81,81,81,.8);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.dashboard-nav .dashboard-nav-dropdown-toggle:after{
    border-top-color:rgba(255,255,255,.72)
}
.dashboard-nav-dropdown-menu{
    display:none;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.dashboard-nav-dropdown-item,.menu-toggle{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-box-align:center
}
.dashboard-nav-dropdown-item{
    min-height:40px;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.menu-toggle{
    position:relative;
    width:42px;
    height:42px;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff
}
.menu-toggle:active,.menu-toggle:focus,.menu-toggle:hover{
    text-decoration:none;
    color:#fff
}
.menu-toggle i{
    font-size:20px;
    margin-top:6px
}
.dashboard-toolbar{
    height:60px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:8px 20px;
    position:fixed;
    right:0;
    z-index:1000
}
.nav-item-divider{
    height:1px;
    margin:1rem 0;
    overflow:hidden;
    background-color:#000
}
@media (max-width:768px){
    .dashboard-content{
        padding:15px 0
    }
}
@media (min-width:992px){
    .dashboard-app{
        margin-left:238px
    }
    .dashboard-compact .dashboard-app{
        margin-left:0
    }
    .dashboard-toolbar{
        left:270px
    }
    .dashboard-compact .dashboard-toolbar{
        left:0
    }
}
p.code.border.border-info.p-2.ref-url{
    background:#261d38;
    cursor:pointer
}
.border-info{
    border-color:#5848fb!important
}
a.dash-nav-link{
    background:0 0;
    color:#fff;
    text-decoration:none;
    padding:5px 15px;
    font-size:18px;
    font-weight:400;
    margin:10px;
    border:none!important
}
.headeriniziale{
    width:100px;
    margin-bottom:50px;
    padding-left:30%;
    margin-top:35px
}
.h4{
    font-size:2000px
}
.wannadsofferwall{
    margin-top:40px
}
.adgemofferwall{
    margin-top:38px;
    margin-left:6px
}
@media(max-width:551px){
    .welcometo{
        display:block;
        width:100%;
        margin-top:20px
    }
}
@media(max-width:460px){
    .logohomeone{
        display:none!important
    }
    .logohometwo{
        display:block!important
    }
    .main-navbar-container .main-nav-buttons{
        margin-top:10px
    }
    .custom-offerwall-style2 .innerwall2{
        padding:17px 0
    }
    .custom-offerwall-style2 .icons p span{
        font-size:14px
    }
    .custom-offerwall-style2 .innerwall2>div{
        gap:25px
    }
}
@media(max-width:550px){
    .custom-offerwall-style2 .icons p span,.custom-offerwall-style2 .innerwall2 .offerwall-name{
        font-size:9px
    }
    .custom-offerwall-style2 .innerwall2>div{
        gap:18px
    }
    .custom-offerwall-style2 img{
        width:70px
    }
}
.welcometo{
    display:block;
    width:100%;
    margin-top:20px
}
.testosotto{
    font-size:12px;
    font-display:center;
    text-shadow:1px 1px 5px #5848fb;
    display:block
}
.stellaheader{
    display:block;
    width:100%;
    margin-bottom:40px
}
.headertesto{
    display:block;
    width:100%;
    margin-top:2px
}
.center{
    display:block;
    margin-left:auto;
    margin-right:auto
}
@media screen and (max-width:551px){
    .christmas{
        width:100%
    }
    .stellaheader{
        display:block;
        width:100%;
        margin-bottom:40px
    }
    .welcometotext{
        display:block
    }
    .footer pb-5{
        display:block;
        width:100%
    }
}
.modal-content{
    background:#1c1c1c!important
}
.dash-toolbar-links{
    margin-top:10px
}
.dash-toolbar-links a{
    background:#1c1c1c;
    padding:7px 15px;
    border-radius:30px;
    font-size:16px
}
.photoheader{
    margin-block-end:300px
}
.freelootheader{
    width:62%
}
@media screen and (max-width:320px){
    .main-nav-buttons{
        flex-direction:column!important
    }
    .main-nav-buttons .register-btn.nav-link{
        margin:0!important
    }
    .nav-link.login-btn{
        margin-left:0!important;
        margin-right:0!important;
        margin-top:11px!important
    }
}
#MainSiteBanner{
    padding-top:20px
}
#MainSiteBanner img.freelootheader{
    width:255px;
    margin-bottom:30px
}
#MainSiteBanner h1{
    text-align:center;
    letter-spacing:4px;
    word-spacing:5px;
    color:#FBD35F!important;
    font-weight:700;
    font-size:2.9rem;
    line-height:1
}
#MainSiteBanner p{
    font-size:1rem;
    font-weight:400;
    margin-top:20px;
    margin-bottom:20px;
    opacity:.8;
    text-align:center;
    letter-spacing:3px
}
@media screen and (max-width:850px){
    #MainSiteBanner .start-earn-btn,#MainSiteBanner p,.chats-wrapper .wrapper-bottom p,.how-to-box .description,a.footer-link{
        font-size:12px
    }
    #MainSiteBanner h1{
        font-size:40px
    }
}
#MainSiteBanner .start-earn-btn{
    border:0;
    color:#fff;
    border-radius:7px;
    padding:14px 40px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    margin-bottom:25px;
    font-size:.9rem
}
#dashboard_main_image_container{
    display:flex!important;
    justify-content:center!important
}
#dashboard_main_image{
    width:230px;
    max-width:100%;
    margin:-74px auto 19px
}
@media (max-width:992px){
    .dashboard-nav{
        display:none;
        position:fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        z-index:1070
    }
    .dashboard-nav.mobile-show{
        display:block
    }
    .dashboard-nav header .menu-toggle{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    #dashboard_main_image{
        margin:-74px auto 19px;
        display:block
    }
}
@media (max-width:400px){
    #dashboard_main_image{
        width:140px;
        margin-top:-63px
    }
}
#withdrawModal form h5{
    text-align:center;
    color:#fff;
    margin-top:40px;
    font-size:1.5rem
}
#withdrawModal .charges{
    padding:12px
}
#withdrawModal #withdrawCoin{
    text-align:center;
    font-size:1.2rem;
    font-weight:lighter
}
#withdraw-preview-section .withdraw-details{
    padding:10px
}
#withdraw-preview-section .withdraw-details .font-weight-bold,#withdraw-preview-section .withdraw-details .font-weight-bold.pull-right{
    font-size:.9rem
}
#withdraw-preview-section .balance{
    font-size:1rem;
    text-align:center;
    margin-top:30px
}
#profile-settings-form label{
    margin-left:10px
}
#profile-settings-form .custom-profile-setting-btn{
    margin-left:10px!important
}
#twofaauth .copytext{
    color:#fff;
    border:0
}
#referrallinkcommition .form-control[readonly],#twofaauth input.form-control[readonly]{
    background-color:#161f2c!important;
    border:1px solid #161f2c!important
}
#referrallinkcommition,#referrallinkcommitionmain{
    border:0;
    border-radius:0;
    outline:0
}
#referrallinkcommition .copytext{
    color:#fff;
    border:0;
    cursor:pointer
}
.checkout-banner{
    background:#dc3545;
    padding:20px;
    border-radius:10px;
    text-align:center;
    max-width:95%;
    margin:auto
}
.checkout-banner .checkout-text{
    color:#fff;
    letter-spacing:3px;
    opacity:.8;
    margin:0;
    font-size:17px
}
.slider{
    height:250px;
    margin:-100px auto -70px;
    position:relative;
    width:90%;
    display:grid;
    place-items:center
}
.slide-track{
    display:flex;
    width:calc(250px *18);
    animation:15s linear infinite scroll
}
.slide-track:hover{
    animation-play-state:paused
}
@keyframes scroll{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(calc(-250px *9))
    }
}
.slide{
    height:200px;
    width:250px;
    display:flex;
    align-items:center;
    padding:15px;
    perspective:100px
}
.img{
    width:100%;
    transition:1s
}
.img:hover{
    transform:translateZ(20px)
}
 @media screen and (max-width: 850px) {
     .custom-offerwall-style img,.custom-offerwall-style2 img {
         object-fit:contain;
         width:50px;
    }
}
 @media screen and (max-width: 650px) {
     .bonusofferwall {
         font-size:9px;
    }
}
 @media screen and (max-width: 1200px) {
     .bonusofferwall {
         font-size:9px;
    }
}
 .cookie-consent-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 2147483645;
    box-sizing: border-box;
    width: 385px;
    max-width: 100%;
    background-color: #1c1d2d;
    border-radius: 15px;
    text-align: start;
}
 .cookie-consent-banner__inner {
     max-width: 100%;
     margin: 0 auto;
     padding: 25px 20px;
}
 .cookie-consent-banner__copy {
     margin-bottom: 16px;
}
 .cookie-consent-banner__actions {
     display: flex;
     gap: 10px;
     justify-content: flex-start;
     flex-wrap: wrap;
}
 .cookie-consent-banner__header {
     margin-bottom: 15px;
     font-family: "Montserrat", sans-serif, arial;
     font-weight: normal;
     font-size: 17px;
     font-weight: 600;
     color: #fff;
     display: flex;
     align-items: center;
     gap: 10px;
}
 .cookie-consent-banner__description {
     font-family: "Montserrat", sans-serif, arial;
     font-weight: normal;
     color: #b0b8c6 !important;
     font-size: 11px;
     line-height:1.6;
     letter-spacing: 1px;
}
.cookie-consent-banner__cta {
    box-sizing: border-box;
    display: inline-block;
    min-width: 160px;
    padding: 14px;
    border-radius: 7px;
    text-decoration: none;
    text-align: center;
    font-family: "Montserrat", sans-serif, arial;
    font-weight: normal;
    font-size: 13px;
    background-color: #5848fb;
    background-image: linear-gradient(66deg, #5848fb 10%, #de3ee5);
    color: #fff;
    font-weight: 500;
}
 .cookie-consent-banner__cta:hover{
     color: #000;
}
.cookie-consent-banner__cta--secondary, .cookie-consent-banner__cta--secondary:hover {
    background-color: #d03fe8;
    color: #fff;
    background-image: linear-gradient(45deg, #5848fb, transparent);
}
 @media (max-width: 490px){
     .cookie-consent-banner{
         width: 90%;
    }
     .cookie-consent-banner__actions{
         justify-content:center;
    }
     .cookie-consent-banner__cta{
         width:100% !important;
    }
}
/*sound effect*/
 div#sound_notify {
     max-width: 355px;
}
 .alert.sound_alert {
     display: flex;
}
 .dashboard-app .top-navbar-link-container, .bottom-nav .top-navbar-link-container{
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;;
     width: 100%;
     margin-top: 14px;
     gap: 10px;
     flex-wrap: wrap;
}
.dashboard-app .top-navbar-link, .bottom-nav .top-navbar-link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    color: #ceae55 !important;
    text-decoration: none !important;
    padding: 4px 15px;
    gap: 4px;
    /*background-image: linear-gradient(45deg, #dc3ee6, #5848fb);*/
}
 .dashboard-app .top-navbar-link.top-bar-active span, .bottom-nav .top-navbar-link.top-bar-active span{
     color: #ceae55 !important;
}
 .dashboard-app .top-navbar-link:hover span, .bottom-nav .top-navbar-link:hover span{
     color: #ceae55 !important;
}
 .dashboard-app .top-navbar-link:last-of-type, .bottom-nav .top-navbar-link:last-of-type {
     margin-right: 0;
     font-size: .73rem !important;
}
 .dashboard-app .top-navbar-link span.title, .bottom-nav .top-navbar-link span.title{
     font-size: 11px !important;
     color: #fff ;
     letter-spacing: 1px;
}
 .dashboard-app .dropdown-settings-link, .bottom-nav .dropdown-settings-link{
     letter-spacing: 1px;
}
 .dashboard-app .dropdown-settings-link:hover, .bottom-nav .dropdown-settings-link:hover{
     color: #ceae55  !important 
}
 .dashboard-app .dropdown-menu-settings, .bottom-nav .dropdown-menu-settings{
     background: #1c1c1c;
     position: absolute;
     top: 53px;
     left: -25px;
     z-index: 100000;
     border-radius:20px;
}
 .dashboard-app .dropdown-menu-settings a, .bottom-nav .dropdown-menu-settings a {
     color: #fff;
     padding: 10px 25px;
     text-decoration: none;
     font-size:12px;
}
 .dashboard-app .trigger-dropdown:hover .dropdown-menu-settings, .bottom-nav .trigger-dropdown:hover .dropdown-menu-settings {
     display: block !important;
}
 .dashboard-app .trigger-dropdown:hover .dropdown-menu-settings .bottom-nav {
     display: none;
}
 .bottom-nav{
     display: none;
}
 @media(min-width:992px ) and (max-width:1050px){
     .dashboard-toolbar .logo-img{
         width: 120px;
    }
     .dashboard-app .top-navbar-link-container{
         gap: 0 
    }
}
 @media (max-width: 991px) {
     .copy-right{
         margin-bottom: 80px;
    }
     .bottom-nav{
         display: flex;
    }
     .bottom-nav .top-navbar-link-container{
         gap: 10px 
    }
     .bottom-nav {
         display: block !important;
         position: fixed;
         bottom: 0;
         left: 0;
         right: 0;
         background: #171a28;
         z-index: 1111111;
         margin-top: 100px;
    }
     .dashboard-app .top-navbar-link-container {
         display: none !important;
    }
     .bottom-nav .dropdown-menu-settings {
         background: #1c1c1c;
         position: absolute;
         top: -180px;
         z-index: 99999999;
    }
}
 @media (max-width: 650px) {
     .top-navbar-link {
         padding: 5px !important;
    }
     .bottom-nav .top-navbar-link-container{
         gap: 10px !important;
    }
}
 @media (max-width: 500px) {
     .dashboard-app .top-navbar-link-container {
         gap: 5px !important;
    }
}
 @media (max-width: 450px) {
     .bottom-nav .top-navbar-link-container{
         gap: 10px !important;
    }
     .bottom-nav .top-navbar-link span.title{
         font-size: 10px !important;
    }
     .bottom-nav .top-navbar-link-container{
         justify-content:space-between;
    }
}

 .custom-offerwall-style2 {
     border: 2px solid #ff811d;
}
 .btn {
     color: #fff !important;
     border: 1px solid rgb(60 15 62)!important;
     padding: 9px 47px !important;
     background: rgb(222,62,229)!important;
     background: linear-gradient(90deg, rgba(222,62,229,1) 10%, rgba(88,72,251,1) 52%)!important;
     border-radius: 25px;
}
 .btn:hover {
     background: linear-gradient(265deg, rgba(222,62,229,1) 10%, rgba(88,72,251,1) 52%)!important;
}
 .btn-primary:focus{
     box-shadow:none;
}

.bg-white {
    background-color: #121520!important;
}

#how_to img, #preview img {
    pointer-events: none;
    background: #b541ec;
    background-image: linear-gradient(264deg, #76299b, #b541ec);
    padding: 5px;
    margin: 10px 0;
    border-radius: 50%;
}