#header.header-transparent,.back-to-top{
    background:#191e3c
}
a,a:hover{
    text-decoration:none
}
#hero,.navbar li{
    position:relative
}
.navbar a,.navbar a:focus,.section-title h2,.section-title p{
    font-family:Poppins,sans-serif
}
#header .top-btns-login .btn-get-header,#hero .hero-btns-block,#hero .spec,.details .sup-skills-info .block-i .block-percernt{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal
}
body{
    font-family:Gilroy-Medium,sans-serif;
    color:#fff;
    font-size:16px;
    background-color:#0b122f
}
body::-webkit-scrollbar{
    width:0
}
body::-webkit-scrollbar-track{
    background:#262b47;
    border-radius:4px;
    margin-top:16px;
    margin-bottom:16px
}
body::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
a{
    color:#1acc8d
}
a:hover{
    color:#34e5a6
}
.back-to-top i,.dwn-btn a i{
    color:#5d6488;
    line-height:0
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    overflow:hidden;
    background:#0b122f
}
#preloader:before{
    content:'';
    position:fixed;
    top:calc(50% - 30px);
    left:calc(50% - 30px);
    border:6px solid #3464ff;
    border-top-color:#1f2440;
    border-radius:50%;
    width:60px;
    height:60px;
    -webkit-animation:1s linear infinite animate-preloader;
    animation:1s linear infinite animate-preloader
}
@-webkit-keyframes animate-preloader{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes animate-preloader{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.back-to-top{
    position:fixed;
    visibility:hidden;
    opacity:0;
    right:15px;
    bottom:15px;
    z-index:996;
    width:40px;
    height:40px;
    border-radius:50px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.back-to-top i{
    font-size:28px
}
.back-to-top.active{
    visibility:visible;
    opacity:1
}
@media screen and (max-width:768px){
    [data-aos-delay]{
        -webkit-transition-delay:0!important;
        -o-transition-delay:0!important;
        transition-delay:0!important
    }
}
#header{
    height:64px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    z-index:997;
    background:rgba(1,4,136,.9)
}
#header.header-scrolled{
    background:#191e3c;
    height:64px
}
#header .logo h1{
    font-size:28px;
    margin:0;
    padding:0;
    line-height:1;
    font-weight:700
}
#header .logo h1 a,#header .logo h1 a:hover{
    color:#fff;
    text-decoration:none
}
#header .logo img{
    padding:0;
    margin:0;
    max-height:40px
}
#header .header-logo-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:50px
}
#header .top-btns-login .btn-get-header,.navbar li,.navbar ul{
    display:-webkit-box;
    display:-ms-flexbox
}
#header .header-info-profile .desc .currency,#header .top-btns-login,.block-competition .right-part-competition .top-3 .el-top,.mid-conatainer .body-mid-li .block-order .block-2 .price-block,.mid-conatainer .body-mid-li .table-mid table td .td,.mid-conatainer .body-mid-li .you-referal-link .desc .inn-block,.right-container .daily-tasks .body-tasks .desc-inn,.stats-user-list .name-user,section.form .block .body .desc-inn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px
}
#header .top-btns-login .btn-get-header{
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:10px 20px;
    background:rgba(93,100,136,.08);
    border:1.5px solid #262b4d;
    border-radius:8px;
    margin:auto;
    font-weight:500;
    font-size:14px;
    line-height:16px;
    color:#fff;
    cursor:pointer
}
#header .top-btns-login .btn-get-header:hover,section.form .block .body .block-btn .btn.main:hover,section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar .btn:hover{
    background:rgb(119 191 177);
    border:1.5px solid #77bfb1;
    border-radius:8px;
}
.navbar{
    padding:0
}
.navbar ul{
    margin:0;
    padding:0;
    display:flex;
    list-style:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:24px;
}
.navbar li{
    display:flex
}
.navbar a,.navbar a:focus{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:15px;
    font-weight:500;
    color:rgba(255,255,255,.7);
    white-space:nowrap;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    margin:auto;
    gap:10px
}
.navbar .dropdown ul,.navbar-mobile{
    -webkit-transition:.3s;
    -o-transition:.3s
}
.navbar a i,.navbar a:focus i{
    font-size:12px;
    line-height:0;
    margin-left:5px
}
.navbar .active:before,.navbar a:hover:before,.navbar li:hover>a:before{
    visibility:visible;
    width:25px
}
.about .icon-box:hover .icon i,.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a,.skills .desc-level .line .txt,.skills .progress .skill .white,section.form .block .body .process-block .li-process.complete>.title-process,section.form .block .body .title span{
    color:#fff
}
.navbar .dropdown ul{
    display:block;
    position:absolute;
    left:30px;
    top:calc(100% + 30px);
    margin:0;
    padding:10px 0;
    z-index:99;
    opacity:0;
    visibility:hidden;
    background:#fff;
    -webkit-box-shadow:0 0 30px rgba(127,137,161,.25);
    box-shadow:0 0 30px rgba(127,137,161,.25);
    transition:.3s;
    border-radius:4px
}
.navbar .dropdown ul li,.navbar-mobile .dropdown .dropdown ul li,.navbar-mobile .dropdown ul li{
    min-width:200px
}
.navbar .dropdown ul a{
    padding:10px 20px;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    color:#01036f
}
.navbar .dropdown ul a i,.navbar-mobile .dropdown .dropdown ul a i,.navbar-mobile .dropdown ul a i{
    font-size:12px
}
.navbar .dropdown:hover>ul{
    opacity:1;
    top:100%;
    visibility:visible
}
.navbar .dropdown .dropdown ul{
    top:0;
    left:calc(100% - 30px);
    visibility:hidden
}
.navbar .dropdown .dropdown:hover>ul{
    opacity:1;
    top:0;
    left:100%;
    visibility:visible
}
#header .header-notification .simple-icon,.list-info-win .win_block .silver-prise,.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts .manual-icon svg,.navbar .shop-icon,.navbar .tasks-icon,.tasks-icon{
    width:20px;
    height:20px;
    margin:auto
}
.navbar .compe-icon{
    width:17px;
    height:17px;
    margin:auto
}
.mobile-list-menu .li-mobile .supp-icon,.navbar .supp-icon,section#referal-bonus .block .body .block-input-two .manual-icon.copy svg{
    width:18px;
    height:18px
}
.navbar .supp-icon{
    margin:auto
}
#slider .pad .stars .star,.block-competition .right-part-competition .price-pool .coins iframe,.mobile-list-menu .li-mobile .tasks-icon,section#referal-bonus .block .body .block-input-two .manual-icon.reddit svg,section#referal-bonus .block .body .block-input-two .manual-icon.vk svg{
    width:20px;
    height:20px
}
#header .header-menu-user .li-menu-user:hover>svg,#header .inn-notif-block.active .header-notif-block .icon-b-n,.mid-conatainer .footer-table .table-nav svg,.mobile-list-menu .li-mobile svg,.navbar .nav-link svg,.you-referal-link .link-ref .btn-copy-ref:hover svg,section.form .block .body .block-input .show-pass.show{
    fill:#fff
}
#hero .spec span,#special-info p span,.mid-conatainer .body-mid-li .table-mid table.table-history td.processing,.mid-li-block .list-more-block-sup .block-more-support p span,.navbar .nav-link:hover,section.form .block .body .process-block .li-process.wait>.title-process{
    color:#3464ff
}
.navbar .nav-link:hover svg{
    fill:#3464FF
}
@media (max-width:1366px){
    .navbar .dropdown .dropdown ul{
        left:-90%
    }
    .navbar .dropdown .dropdown:hover>ul{
        left:-100%
    }
}
.mobile-nav-toggle{
    color:#fff;
    font-size:28px;
    cursor:pointer;
    display:none;
    line-height:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#hero,.dwn-btn{
    display:-webkit-box;
    display:-ms-flexbox
}
.navbar-mobile{
    position:fixed;
    overflow:hidden;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:rgba(1,3,91,.9);
    transition:.3s;
    z-index:999
}
.navbar-mobile .mobile-nav-toggle{
    position:absolute;
    top:15px;
    right:15px
}
.navbar-mobile ul{
    display:block;
    position:absolute;
    top:55px;
    right:15px;
    bottom:15px;
    left:15px;
    padding:10px 0;
    border-radius:8px;
    background-color:#fff;
    overflow-y:auto;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.navbar-mobile>ul>li>a:before{
    left:20px
}
.navbar-mobile a,.navbar-mobile a:focus{
    padding:10px 20px;
    font-size:15px;
    color:#0205a1
}
.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{
    color:#3f43fd
}
.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{
    margin:15px
}
.navbar-mobile .dropdown .dropdown ul,.navbar-mobile .dropdown ul{
    position:static;
    display:none;
    margin:10px 20px;
    padding:10px 0;
    z-index:99;
    opacity:1;
    visibility:visible;
    background:#fff;
    -webkit-box-shadow:0 0 30px rgba(127,137,161,.25);
    box-shadow:0 0 30px rgba(127,137,161,.25)
}
.navbar-mobile .dropdown .dropdown ul a,.navbar-mobile .dropdown ul a{
    padding:10px 20px
}
.about .icon-box .title a:hover,.navbar-mobile .dropdown .dropdown ul .active:hover,.navbar-mobile .dropdown .dropdown ul a:hover,.navbar-mobile .dropdown .dropdown ul li:hover>a,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{
    color:#1acc8d
}
#content-part .sup-block.show,.body-mid-li.competition .list-ul.active,.mid-conatainer .tabs-body .list-ul.active,.mid-li-block .first-body.show,.mid-li-block .second-body.show,.navbar-mobile .dropdown .dropdown>.dropdown-active,.navbar-mobile .dropdown>.dropdown-active,.right-container .daily-tasks .body-tasks .img-progress:hover>svg text,.search-list .block-check .container input:checked~img,section.form .block .body .block-check .container input:checked~img,section.form .block .body .img-progress:hover>svg text,section.form .block .body .tabs-body .list-ul.active{
    display:block
}
#hero{
    width:100%;
    padding:120px 0 0;
    height:100vh;
    display:flex
}
#hero .container,#special-info .box.flex img,.counts .count-box .txt,.details .sup-skills-info .block-i,.dwn-btn .col-md-auto,.mid-conatainer .body-mid-li .task-box-list.grid .block-info,.skills .level div,section#main-container #chat-part .chat-input .send-mess-btn svg,section.form .block .body .process-block .li-process .process-el div,section.form .block .body .social-btn-auth .social img,section.form .block .footer div{
    margin:auto
}
#hero:before{
    content:'';
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0
}
#hero h1{
    font-size:64px;
    font-weight:700;
    line-height:72px;
    font-family:Gilroy-Bold,sans-serif
}
#hero h1 span{
    border-bottom:4px solid #1acc8d
}
#hero h2{
    margin-bottom:48px;
    font-weight:500;
    font-size:24px;
    line-height:36px;
    margin-top:24px
}
#hero h3{
    font-weight:600;
    font-size:17px;
    line-height:24px;
    color:#434971;
    margin-bottom:12px
}
#hero h3 span,.counts .count-box .txt.total span,.mid-conatainer .body-mid-li .table-mid table.table-history td.delayed{
    color:#f75050;
}
#hero .btn-get-started{
    padding:16px 32px;
    font-size:20px;
    line-height:24px;
    display:inline-block;
    color:#fff;
    background:rgba(93,100,136,.08);
    border:1.5px solid #262b4d;
    border-radius:12px
}
#hero .btn-get-started:hover,#special-info .btn-get-started:hover{
        background: #0e1229;
    
}
#hero .suplim-img,#hero .suplim-img-bg{
    position:absolute;
    width:100%;
    height:100%
}
#hero .suplim-img .fx2{
    position:absolute;
    top:-1.8em;
    width:15.94%;
    left:0;
    max-width:105px
}
#hero .suplim-img .fx1{
    right:-10%;
    position:absolute;
    top:-23%;
    width:27.13%;
    max-width:179px;
}
#hero .animated{
    animation:2s ease-in-out infinite alternate-reverse both up-down
}
#hero .animated-2,.dwn-btn a{
    animation:4s ease-in-out infinite alternate-reverse both up-down
}
#hero .suplim-img-bg .sup-hero-bg{
    position:absolute;
    right:22.6%;
    top:-11.4%;
    max-width:57px;
    max-height:56px;
    width:8.64%;
    height:11.52%
}
#hero .suplim-img-bg .sup-hero-bg-2{
    position:absolute;
    max-width:61px;
    max-height:84px;
    left:2.5em;
    bottom:.5em;
    width:9.25%;
    height:17.27%
}
.dwn-btn{
    position:absolute;
    bottom:7%;
    display:flex;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%);
    left:50%
}
#hero .hero-img,.about,.hero-waves{
    position:relative
}
#content-part .main-block.hidden,#content-part .sup-block,#form-order-process,#form-settings,#form-task-process,#form-tasks,#header .header-info-profile .desc .name .down-menu .arrow-down .up,#header .header-info-profile .desc .name .down-menu .arrow-down.show .down,#header .header-notification .nr.hidden,#header .inn-notif-block.active .header-notif-block .nr,#header.login-session .btn-burger .close,#header.login-session .btn-burger.active .open,#login.form,#referal-bonus,#register.form,#reset-pass.form,#two-step.form,.body-mid-li.competition .list-ul,.dwn-btn.none,.mid-conatainer .header-mid-li .title .first-step,.mid-conatainer .header-mid-li .title .second-step,.mid-conatainer .tabs-body .list-ul,.mid-li-block .first-body,.mid-li-block .second-body,.mid-li-block.block .block-input .block-header .block-header-title span.error,.right-container .daily-tasks .body-tasks .img-progress:hover>svg.item,.right-container .daily-tasks .body-tasks .img-progress>svg text,.search-list .li-daily-task.toggle .header-toggle .btn-toogle .up,.search-list .li-daily-task.toggle .header-toggle.active .btn-toogle .down,li.show-nav,section#main-container .right-container.mobile,section.form .block .body .block-input .block-header .block-header-title span.error,section.form .block .body .img-progress:hover>svg.item,section.form .block .body .img-progress>svg text,section.form .block .body .tabs-body .list-ul{
    display:none
}
#hero .hero-btns-block,#hero .spec,.dwn-btn a{
    display:-webkit-box;
    display:-ms-flexbox
}
.dwn-btn a{
    width:2.5em;
    height:2.5em;
    background:#191e3c;
    border-radius:25px;
    display:flex
}
.dwn-btn a i{
    margin:auto;
    font-size:1.6875em
}
#hero .hero-btns-block{
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    gap:24px;
    margin-bottom:50px
}
#hero .spec{
    margin-top:48px;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0;
    gap:.375em;
    line-height:24px
}
#hero .hero-img,.breadcrumbs ol{
    display:-webkit-box;
    display:-ms-flexbox
}
#hero .spec .gift{
    width:1.25em;
    height:1.25em;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
#hero .spec .coin,#hero .spec .ticket,.skills .coin,.skills .ticket{
    width:.75em;
    height:.75em;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
#hero .hero-img{
    display:flex
}
#hero .hero-img .main-img{
    max-width:457px;
    margin:auto;
    padding:0;
    width:90%
}
@media (max-width:1440px){
    #hero .hero-img .main-img{
        width:80%
    }
    #hero .suplim-img-bg .sup-hero-bg{
        top:-2.4%
    }
    #hero .suplim-img .fx1{
        right:-2%;
        top:-15%
    }
}
@media (min-width:1024px){
    #hero{
        background-attachment:fixed
    }
}
@-webkit-keyframes up-down{
    0%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@keyframes up-down{
    0%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
.hero-waves{
    display:block;
    margin-top:60px;
    width:100%;
    height:60px;
    z-index:5
}
.wave1 use{
    -webkit-animation:10s linear -2s infinite move-forever1;
    animation:10s linear -2s infinite move-forever1
}
.wave2 use{
    -webkit-animation:8s linear -2s infinite move-forever2;
    animation:8s linear -2s infinite move-forever2
}
.wave3 use{
    -webkit-animation:6s linear -2s infinite move-forever3;
    animation:6s linear -2s infinite move-forever3
}
@-webkit-keyframes move-forever1{
    0%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
    100%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
}
@keyframes move-forever1{
    0%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
    100%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
}
@-webkit-keyframes move-forever2{
    0%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
    100%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
}
@keyframes move-forever2{
    0%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
    100%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
}
@-webkit-keyframes move-forever3{
    0%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
    100%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
}
@keyframes move-forever3{
    0%{
        -webkit-transform:translate(-90px,0);
        transform:translate(-90px,0)
    }
    100%{
        -webkit-transform:translate(85px,0);
        transform:translate(85px,0)
    }
}
section{
    padding:60px 0;
    overflow:hidden
}
.section-bg{
    background-color:#f5f5ff
}
.section-title{
    padding-bottom:40px
}
.section-title h2{
    font-size:14px;
    font-weight:500;
    padding:0;
    line-height:1px;
    margin:0 0 5px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#aaa
}
.section-title h2::after{
    content:'';
    width:120px;
    height:1px;
    display:inline-block;
    background:#1acc8d;
    margin:4px 10px
}
.section-title p{
    margin:0;
    font-size:36px;
    font-weight:700;
    text-transform:uppercase;
    color:#010483
}
.breadcrumbs{
    padding:20px 0;
    background-color:#fafaff;
    min-height:40px;
    margin-top:80px
}
.breadcrumbs h2{
    font-size:24px;
    font-weight:400;
    margin:0
}
@media (max-width:992px){
    .breadcrumbs{
        margin-top:64px
    }
    .breadcrumbs h2{
        margin:0 0 10px
    }
}
.breadcrumbs ol{
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:0;
    font-size:14px
}
.about .icon-box .icon,.features .icon-box{
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-box-align:center
}
.breadcrumbs ol li+li{
    padding-left:10px
}
.breadcrumbs ol li+li::before{
    display:inline-block;
    padding-right:10px;
    color:#6c757d;
    content:'/'
}
@media (max-width:768px){
    .breadcrumbs .d-flex{
        display:block!important
    }
    .breadcrumbs ol{
        display:block
    }
    .breadcrumbs ol li{
        display:inline-block
    }
}
.about{
    padding:40px 0 0;
    /*height:100vh;*/
    font-family:Gilroy-Regular,sans-serif
}
#racks .icon-boxes h1,.about .icon-boxes h1{
    font-weight:600;
    font-size:48px;
    line-height:52px;
    text-align:center;
    color:#fff
}
#racks .icon-boxes p,.about .icon-boxes p{
    font-style:normal;
    font-weight:500;
    font-size:20px;
    line-height:24px;
    text-align:center;
    color:#5d6488;
    margin-top:16px
}
.about .icon-box{
    margin-top:40px
}
.about .icon-box .icon{
    float:left;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:64px;
    height:64px;
    border:2px solid #7ceec6;
    border-radius:50px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.about .play-btn::after,.about .play-btn:hover::before{
    position:absolute;
    top:50%;
    width:0;
    height:0;
    content:'';
    left:50%
}
.about .icon-box .icon i{
    color:#1acc8d;
    font-size:32px
}
.about .icon-box:hover .icon{
    background:#1acc8d;
    border-color:#1acc8d
}
.about .icon-box .title{
    margin-left:85px;
    font-weight:700;
    margin-bottom:10px;
    font-size:18px
}
.about .icon-box .title a{
    color:#343a40;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.about .icon-box .description{
    margin-left:85px;
    line-height:24px;
    font-size:14px
}
.about .video-box{
    background:url('../img/about.html') center center/contain no-repeat;
    min-height:300px
}
.about .play-btn{
    width:94px;
    height:94px;
    background:-o-radial-gradient(#3f43fd 50%,rgba(63,67,253,.4) 52%);
    background:radial-gradient(#3f43fd 50%,rgba(63,67,253,.4) 52%);
    border-radius:50%;
    display:block;
    position:absolute;
    left:calc(50% - 47px);
    top:calc(50% - 47px);
    overflow:hidden
}
.about .play-btn::after{
    -webkit-transform:translateX(-40%) translateY(-50%);
    -ms-transform:translateX(-40%) translateY(-50%);
    transform:translateX(-40%) translateY(-50%);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    z-index:100;
    -webkit-transition:.4s cubic-bezier(.55, .055, .675, .19);
    -o-transition:.4s cubic-bezier(.55, .055, .675, .19);
    transition:.4s cubic-bezier(.55, .055, .675, .19)
}
.about .play-btn::before{
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    -webkit-animation:2s infinite pulsate-btn;
    animation:2s infinite pulsate-btn;
    -webkit-animation-direction:forwards;
    animation-direction:forwards;
    -webkit-animation-timing-function:steps;
    animation-timing-function:steps;
    opacity:1;
    border-radius:50%;
    border:5px solid rgba(63,67,253,.7);
    top:-15%;
    left:-15%;
    background:rgba(198,16,0,0)
}
.about .play-btn:hover::after{
    border-left:15px solid #3f43fd;
    -webkit-transform:scale(20);
    -ms-transform:scale(20);
    transform:scale(20)
}
.about .play-btn:hover::before{
    -webkit-transform:translateX(-40%) translateY(-50%);
    -ms-transform:translateX(-40%) translateY(-50%);
    transform:translateX(-40%) translateY(-50%);
    border:none;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    z-index:200;
    -webkit-animation:none;
    animation:none;
    border-radius:0
}
.about .container .row{
    padding-bottom:30px
}
@-webkit-keyframes pulsate-btn{
    0%{
        -webkit-transform:scale(.6,.6);
        transform:scale(.6,.6);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
        opacity:0
    }
}
@keyframes pulsate-btn{
    0%{
        -webkit-transform:scale(.6,.6);
        transform:scale(.6,.6);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
        opacity:0
    }
}
.features .icon-box{
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    padding:20px;
    background:#f5f5ff;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.counts .count-box,.counts .row{
    display:-webkit-box;
    display:-ms-flexbox
}
.features .icon-box i{
    font-size:32px;
    padding-right:10px;
    line-height:1
}
.features .icon-box h1{
    font-weight:700;
    margin:0;
    padding:0;
    line-height:1;
    font-size:16px
}
.features .icon-box h1 a{
    color:#010483;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.features .icon-box h1 a:hover{
    color:#01036f
}
.features .icon-box:hover{
    background:#ebebff
}
.counts .count-box{
    padding:30px 30px 25px;
    width:100%;
    position:relative;
    text-align:center;
    background:#191e3c;
    border-radius:0px;
    color:#fff;
    max-width:23%;
    height:188px;
    display:flex
}
.counts .count-box:before{
    position:absolute;
    content:'';
    width:100%;
    max-width:95%;
    height:100%;
    left:8px;
    top:8px;
    z-index:-1;
    /*background:rgba(25,30,60,.48);*/
    border-radius:32px
}
.counts .count-box i{
    position:absolute;
    top:-25px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:20px;
    background:#1acc8d;
    padding:12px;
    color:#fff;
    border-radius:50px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:0;
    width:48px;
    height:48px
}
.counts .count-box span{
    font-weight:600;
    font-size:48px;
    line-height:52px;
    text-align:center
}
.counts .count-box p,.service h3{
    line-height:24px;
    text-align:center
}
.counts .count-box p{
    padding:0;
    margin:16px 0 0;
    font-weight:500;
    font-size:20px;
    text-transform:uppercase
}
.counts .count-box .txt.register span{
    color:#af7ffb;
}
.counts .count-box .txt.tasks span,.mid-conatainer .body-mid-li .table-mid table.table-history td.approved{
    color:#3bb1f5;
}
.body-mid-li.support .block-input .block-header .block-header-title span.request,.counts .count-box .txt.payouts span,.mid-conatainer .body-mid-li .table-mid table.table-history td.reject{
    color:#23c87e;
}
.counts .row{
    display:flex;
    gap:2.6%
}
#footer .col,#header .header-login,#header .header-menu-user.show,#header .inn-notif-block.active .notification-content,#rewards .top-info .show-all,#special-info .row,.list-info-win .win_block,.right-container .daily-check .body-tasks .desc .value,.search-list .li-daily-task.toggle.active .body-toggle,.service .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dailycheck_timer,.service .count-box{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:auto
}
#racks .counts,.MultiCarousel{
    margin-top:24px
}
.service .count-box.activision img,.service .count-box.kefir img{
    width:200px
}
.service .count-box.steam img{
    width:154px
}
.service .count-box.super img{
    width:60px
}
.service .count-box.xbox img{
    width:156px
}
.service .count-box img{
    opacity:.16;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    margin:auto
}
.nav-link,.right-container .daily-tasks .body-tasks .img-progress:hover,.service .count-box:hover,section.form .block .body .img-progress:hover{
    cursor:pointer
}
.service .count-box:hover img{
    opacity:1
}
.service h3{
    font-size:17px;
    margin-bottom:30px;
    margin-top:30px
}
.about .sup-bg,.details .sup-bg{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    z-index:-1
}
.about .sup-bg .sup-bg-about-1{
    left:10%;
    position:absolute;
    top:3%;
    width:5.84%;
    max-width:84px
}
.about .sup-bg .sup-bg-about-2{
    width:3.96%;
    max-width:57px;
    right:4%;
    top:8%;
    position:absolute
}
@media (max-width:1200px){
    .counts .count-box span{
        font-size:40px;
        line-height:46px
    }
    .counts .count-box p{
        font-size:18px;
        line-height:20px
    }
}
@media (max-width:991px){
    #navbar .navbar li,#navbar ul{
        margin:auto
    }
    #navbar{
        width:100%;
        position:fixed;
        bottom:0;
        left:0;
        height:52px;
        background-color:#191e3c;
        border-top:1.5px solid #5d6488;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-shadow:linear-gradient(270deg,rgba(11,18,47,.96) 0,rgba(11,18,47,0) 100%);
        box-shadow:linear-gradient(270deg,rgba(11,18,47,.96) 0,rgba(11,18,47,0) 100%)
    }
    #navbar:before{
        width:100%;
        content:'';
        height:30px;
        background:-webkit-gradient(linear,left bottom,left top,from(rgb(11 18 47 / 32%)),to(rgba(11,18,47,0)));
        background:-o-linear-gradient(bottom,rgb(11 18 47 / 32%) 0,rgba(11,18,47,0) 100%);
        background:linear-gradient(0deg,rgb(11 18 47 / 32%) 0,rgba(11,18,47,0) 100%);
        position:absolute;
        bottom:52px
    }
    #navbar ul{
        max-width:720px;
        width:100%;
        -webkit-box-pack:space-evenly;
        -ms-flex-pack:space-evenly;
        justify-content:space-evenly
    }
    #navbar ul li .txt,.dwn-btn{
        display:none
    }
    #hero{
        padding-top:80px
    }
    #hero .animated{
        -webkit-animation:none;
        animation:none
    }
    #hero .hero-img{
        text-align:center
    }
    #hero .hero-img .main-img{
        width:40%
    }
    #hero h1{
        font-size:36px;
        line-height:36px;
        margin-bottom:10px
    }
    #hero h2,#hero h3{
        font-size:18px;
        line-height:24px;
        margin-bottom:30px
    }
    #hero h3 .spec{
        font-size:18px
    }
    #hero .btn-get-started{
        padding:12px 26px;
        font-size:16px;
        line-height:16px
    }
    .counts .count-box{
        max-width:48.6%;
        margin-bottom:3.6%;
        height:156px
    }
    #racks .icon-boxes h1,.about .icon-boxes h1{
        font-size:38px;
        line-height:38px
    }
    .counts .count-box p,.service h3{
        font-size:16px;
        line-height:16px
    }
    .counts .count-box span{
        font-size:36px;
        line-height:36px
    }
    .service h3{
        text-align:center;
        margin-bottom:25px;
        margin-top:25px
    }
    .about{
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    .service .count-box{
        -ms-flex-preferred-size:30%;
        flex-basis:30%;
        margin-bottom:30px
    }
    .about .sup-bg .sup-bg-about-1{
        width:9.84%
    }
    .about .sup-bg .sup-bg-about-2{
        width:7.96%;
        top:3%
    }
}
.details .block-info::after,.details .block-info:before{
    /*position:absolute;*/
    content:'';
    background:rgba(25,30,60,.64);
    top:0;
    left:1px;
    z-index:-1
}
.details .content+.content{
    margin-top:100px
}
.details .row{
    width:1120px;
    margin:auto
}
.details .content h3{
    font-size:48px;
    line-height:52px;
    color:#fff
}
.details .content .coins{
    width:48px;
    height:48px;
    margin-bottom:24px
}
.details .content p{
    font-weight:500;
    font-size:20px;
    line-height:24px;
    color:#5d6488
}
.details .content ul{
    list-style:none;
    padding:0
}
.details .content ul li{
    padding-bottom:10px
}
.details .content ul i{
    font-size:20px;
    padding-right:4px;
    color:#1acc8d
}
.details .content p:last-child{
    margin-bottom:0
}
.details .block-info{
    width:224.14px;
    height:251.03px;
    /*background:#191e3c;*/
    border-radius:15.0725px;
    padding-top:17.93px;
    padding-left:17.93px;
    padding-right:17.93px;
    position:relative;
    margin-left:auto
}
#rewards .block-info.left,.details .block-info.left{
    margin-right:auto;
    margin-left:0
}
.details .block-info:before{
    width:100%;
    height:100%;
    border-radius:132px 15.0725px 15.0725px;
    -webkit-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    transform:rotate(5deg)
}
.details .block-info::after{
    width:100%;
    height:100%;
    border-radius:15.0725px 132px 15.0725px 15.0725px;
    -webkit-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg)
}
.details .block-info .img{
    width:200px;
    height:200px;
   /* border:1.12069px solid #262b47;
    border-radius:8.96552px;
    overflow:hidden;
    background:#fff*/
}
.details .block-info .new,.details .block-info .sale{
    width:36.45px;
    height:18.48px;
    font-size:11.2069px;
    line-height:13px;
    display:-webkit-box;
    display:-ms-flexbox;
    left:14px;
    top:14px
}
#rewards .block-info .sale,.details .block-info .new,.details .block-info .sale{
    position:absolute;
    border-radius:4.48276px
}
#header .header-info-profile .img img,#rewards .block-info .img img,.details .block-info .img img,.last-winners-list .img-progress img,.mid-conatainer .body-mid-li .table-mid table td .avatar-user-table img,.refferal-bonus .li-daily-task .img img,.stats-user-list .img-avatar-user img,.stats-user-list .stat-user-li img,section#main-container #chat-part .chat-body .chat-message .cm-user-avatar img,section.form .block .body .block-main-order .img img,section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar .img img{
    width:100%;
    height:100%
}
#racks .count-box,.details .sup-bg div{
    height:-webkit-fit-content;
    height:-moz-fit-content
}
.details .block-info .sale{
    background:#1ebc61;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.details .block-info .new{
    background:#ff546b;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.details .block-info h1{
    font-weight:500;
    font-size:17.931px;
    line-height:22px;
    margin-top:10px
}
.details .block-info .desc{
    font-size:13.4483px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    gap:4.5px
}
#rewards .block-info .icons,.details .block-info .icons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5px
}
#rewards .block-info .icons .console,.details .block-info .icons .console{
    width:14px;
    height:11px;
    margin:auto
}
#rewards .block-info .icons .monitor,#rewards .block-info .icons .smarthone,.details .block-info .icons .basket,.details .block-info .icons .monitor,.details .block-info .icons .smarthone{
    width:16px;
    height:17px;
    margin:auto
}
.details .block-info .desc .star{
    width:15px;
    height:15px
}
.details .block-info .btn .coin{
    width:14px;
    height:15px
}
#rewards .block-info .btn,.details .block-info .btn,.mid-conatainer .body-mid-li .task-box-list .block-info .btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4.5px
}
.details .block-info .btn .txt-btn{
    font-weight:500;
    font-size:13.51px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
#rewards .block-info .row-task,.details .block-info .row-task,.mid-conatainer .body-mid-li .task-box-list .block-info .row-task{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:15px
}
.details .block-info .btn,.details .block-info .row-task .txt{
    line-height:16px;
    -webkit-box-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    font-weight:500;
    -webkit-box-ordinal-group:2;
    order:1
}
.details .block-info .row-task .txt{
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -ms-flex-order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    font-size:13.51px
}
.details .block-info .btn{
    background:rgba(52,100,255,.16);
    border:1.12069px solid #3464ff;
    border-radius:8.96552px;
    font-size:13.4483px;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -ms-flex-order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
.details .sup-skills-info{
    width:238px;
    height:56px;
    background:#191e3c;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:-12px
}
#header .inn-notif-block,#racks,.details .container,.details .skills-parent{
    position:relative
}
.details .sup-skills-info.sup-info-2{
    background:#191e3c;
    -webkit-box-shadow:0 -22px 16px rgba(19,23,45,.4);
    box-shadow:0 -22px 16px rgba(19,23,45,.4);
    position:absolute;
    right:50px;
    bottom:-7px
}
.details .sup-skills-info .block-i .title{
    font-weight:500;
    font-size:8.49368px;
    line-height:10px;
    color:#5d6488
}
.details .sup-skills-info .block-i .desc{
    font-weight:500;
    font-size:16.9874px;
    line-height:23px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    gap:8px
}
.details .sup-skills-info .block-i .block-percernt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:1.41561px 4.24684px;
    gap:1.42px;
    width:33.97px;
    height:11.32px;
    background:rgba(255,255,255,.04);
    border-radius:2.83123px;
    margin-left:auto
}
.details .sup-skills-info .block-i .block-percernt .txt{
    font-size:7.07807px;
    line-height:7px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    margin:auto
}
.details .sup-skills-info .block-i .down-arrow{
    width:10px;
    height:9px;
    margin:auto
}
.details .sup-skills-info .block-i .graph-1{
    width:61px;
    height:13px;
    margin-top:6px
}
.details .sup-bg div{
    width:100%;
    height:fit-content
}
.details .sup-bg .line-bg-1{
    margin-left:16%;
    width:46.14%;
    max-width:609px
}
.details .sup-bg .line-bg-2{
    margin-left:17%;
    margin-top:0;
    width:32.652%;
    max-width:431px
}
.details .sup-bg .line-bg-3{
    margin-left:8%
}
.skills .progress{
    height:60px;
    display:block;
    background:0 0;
    border-radius:0;
    margin-top:18.8px
}
.skills .level,.skills .progress .skill .val,.skills .sup-block{
    display:-webkit-box;
    display:-ms-flexbox
}
.skills .progress .skill{
    margin-top:5px;
    display:block;
    font-weight:500;
    font-size:14.1256px;
    line-height:16px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
.skills .progress .skill .val{
    float:right;
    font-style:normal;
    display:flex
}
.skills .progress-bar-wrap{
    background:#1f2440;
    border-radius:9.41709px
}
.skills .progress-bar{
    width:1px;
    height:4.71px;
    background:0 0/10px 10px #3464ff;
    border-radius:9.41709px;
    background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.125) 50%,rgba(255,255,255,.125) 75%,transparent 75%,transparent)
}
.right-container .daily-tasks .body-tasks .desc-inn .value iframe,.sup-skills-info .coin{
    width:12px;
    height:12px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.details .skills{
    margin-left:24px
}
.skills{
    width:395px;
    height:138px;
    left:24px;
    top:44px;
    /*background:#191e3c;*/
    -webkit-box-shadow:0 -24px 16px rgba(19,23,45,.4);
    box-shadow:0 -24px 16px rgba(19,23,45,.4);
    border-radius:16px;
    padding:18.8px
}
#header .header-menu-user,section.form .block{
    -webkit-box-shadow:0 0 8px rgba(168,188,252,.08),0 0 24px rgba(14,18,40,.24),0 16px 24px rgba(25,30,60,.16),0 12px 72px rgba(15,18,38,.48)
}
.skills .sup-block{
    display:flex;
    gap:14.3px
}
.skills .level{
    width:56.5px;
    height:56.5px;
    background:rgba(30,188,97,.24);
    border:2.35427px solid #1ebc61;
    border-radius:1177.14px;
    font-weight:600;
    font-size:23.5427px;
    line-height:24px;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#fff
}
.skills .desc-level{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-item-align:end;
    align-self:flex-end
}
.skills .desc-level .line{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:500;
    font-size:18.8342px;
    line-height:24px
}
.skills .desc-level .line .desc,section.form .block .body .process-block .li-process.disable>.title-process,section.form .block .option-order .par-option-txt{
    color:#5d6488
}
.skills .desc-level .line-2{
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
.skills .desc-level .line-2 .desc{
    color:#5d6488;
    font-size:14.1256px;
    line-height:16px
}
.skills .desc-level .line-2 .txt{
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.skills .desc-level .line-2 .txt .txt-s{
    font-size:14.1256px;
    line-height:16px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.list-info-win.left{
    margin-right:auto
}
.list-info-win .win_block:not(:first-child){
    margin-top:7.57px
}
.list-info-win .win_block .sup-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto auto auto 15.14px
}
.list-info-win .win_block .sup-block-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto;
    gap:35.96px
}
.list-info-win .win_block .sup-block-2 .txt-b{
    font-size:13.1429px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.list-info-win .win_block.broze .sup-block-2 .txt-b{
    font-size:12px;
    line-height:15px
}
.list-info-win .win_block.four .sup-block-2 .txt-b{
    font-size:10.1429px;
    line-height:13px
}
.list-info-win .win_block.gold{
    width:401.29px;
    height:56.79px;
    background:#191e3c;
    border-radius:8px
}
.list-info-win .win_block.silver{
    width:348.29px;
    height:49.21px;
    background:#191e3c;
    opacity:.9;
    border-radius:7.57143px
}
.list-info-win .win_block.broze{
    width:318px;
    height:45.43px;
    background:#191e3c;
    opacity:.8;
    border-radius:7.57143px
}
.list-info-win .win_block.four{
    width:268.79px;
    height:37.86px;
    background:#191e3c;
    opacity:.7;
    border-radius:7.57143px
}
.list-info-win .win_block .gold{
    width:23px;
    height:23px;
    margin:auto 11px auto auto
}
.list-info-win .win_block .broze,.list-info-win .win_block .broze-prise{
    width:18px;
    height:19px;
    margin:auto
}
.list-info-win .win_block .four-prise{
    font-weight:500;
    font-size:10.1429px;
    line-height:13px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#5d6488
}
.list-info-win .win_block .avatar{
    border-radius:25px;
    overflow:hidden;
    margin:auto auto auto 15.55px
}
#footer .row,.list-info-win .win_block .avatar img,.mid-conatainer .body-mid-li .table-mid table,.mid-conatainer .body-mid-li .table-mid.competition,.mid-conatainer .body-mid-li .table-mid.competition .body-table,.search-list .input-range input,.search-list .list-checkbox,section#form-settings .tabs-form,section#form-settings .tabs-form .tab,section#form-task-process .block .body .block-desc-order{
    width:100%
}
.list-info-win .win_block .avatar.gold{
    width:34.07px;
    height:34.07px;
    border:1.89286px solid #343b58
}
.list-info-win .win_block .avatar.sivler{
    width:29.57px;
    height:29.57px;
    border:1.64286px solid #343b58
}
.list-info-win .win_block .avatar.broze{
    width:27px;
    height:27px
}
.list-info-win .win_block .avatar.four{
    width:22.82px;
    height:22.82px
}
#footer .footer-top .container,.list-info-win .win_block .coins-block,.list-info-win .win_block .cupon-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto
}
.list-info-win .win_block.gold .coins-block,.list-info-win .win_block.gold .cupon-block{
    gap:7.57px
}
.list-info-win .win_block.silver .coins-block,.list-info-win .win_block.silver .cupon-block{
    gap:6.57px
}
.list-info-win .win_block.broze .coins-block,.list-info-win .win_block.broze .cupon-block{
    gap:6px
}
.list-info-win .win_block.four .coins-block,.list-info-win .win_block.four .cupon-block{
    gap:5.07px
}
#rewards .top-info .show-all .arrow,.list-info-win .win_block.gold .coins-block .coin,.list-info-win .win_block.gold .cupon-block .cupon,section#main-container #chat-part .chat-header .online iframe{
    width:16px;
    height:16px;
    margin:auto
}
.list-info-win .win_block.silver .coins-block .coin,.list-info-win .win_block.silver .cupon-block .cupon,.mid-conatainer .body-mid-li .task-box-list .block-info .icons .basket,.mid-conatainer .body-mid-li .task-box-list .block-info .icons .console,.mid-conatainer .body-mid-li .task-box-list .block-info .icons .monitor,.mid-conatainer .body-mid-li .task-box-list .block-info .icons .smarthone{
    width:14px;
    height:14px;
    margin:auto
}
.list-info-win .win_block.broze .coins-block .coin,.list-info-win .win_block.broze .cupon-block .cupon{
    width:13px;
    height:13px;
    margin:auto
}
.list-info-win .win_block.four .cupon-block .cupon{
    width:12px;
    height:11px;
    margin:auto
}
.list-info-win .win_block.four .coins-block .coin{
    width:11px;
    height:11px;
    margin:auto
}
.list-info-win .win_block.gold .name{
    margin:auto auto auto 7.57px;
    font-weight:500;
    font-size:15.1429px;
    line-height:19px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#9254ff
}
.list-info-win .win_block.silver .name{
    font-weight:500;
    font-size:13.1429px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#1ebc61;
    margin-left:6.57px
}
.list-info-win .win_block.broze .name{
    font-size:12px;
    line-height:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#3464ff;
    margin-left:5.57px
}
.list-info-win .win_block.four .name{
    font-size:10.1429px;
    line-height:13px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#ff546b;
    margin-left:4.57px
}
#racks .icon-boxes p{
    max-width:940px;
    margin:16px auto auto
}
#racks .count-box .icon{
    width:64px;
    height:64px
}
#racks .count-box h2{
    font-size:24px;
    line-height:32px;
    text-align:center;
    color:#fff;
    margin-top:16px
}
#racks .count-box p{
    font-size:16px;
    line-height:20px;
    text-align:center;
    color:#5d6488;
    text-transform:none
}
#racks .count-box{
    max-width:31.6%;
    height:fit-content;
    padding:24px 16px
}
#rewards .row{
    gap:30px
}
#rewards .block-info{
    width:200px;
    /*height:224px;*/
    background:#191e3c;
    border-radius:15.0725px;
    padding-top:17.93px;
    padding-left:17.93px;
    padding-right:17.93px;
    position:relative;
    align-items: center;
    display: flex;
    flex-direction: column;
}
#rewards .block-info:hover{
	 border: 2px solid #323c76;
}
#rewards .block-info .img{
    width:168px;
    height:108px;
    border:1.12069px solid #262b47;
    border-radius:8.96552px;
    overflow:hidden;
    background:#fff
}
#rewards .block-info .sale{
    background:#1ebc61;
    font-size:10px;
    line-height:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:14px;
    top:14px;
    padding:2px 6px
}
#rewards .block-info .new,#rewards .block-info .popular{
    border-radius:4.48276px;
    line-height:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    top:14px;
    padding:2px 6px;
    position:absolute;
    font-size:10px;
    left:14px
}
#rewards .block-info .new{
    background:#ff546b;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#rewards .block-info .popular{
    background:#f9ac39;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#rewards .block-info .btn .txt-btn,#rewards .block-info .desc{
    display:-webkit-box;
    display:-ms-flexbox;
    font-size:12px;
    line-height:14px
}
#rewards .block-info h1{
    font-weight:500;
    font-size:16px;
    line-height:20px;
    margin-top:8px;
    margin-bottom:5px
}
#rewards .block-info .desc{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    gap:4px
}
#rewards .block-info .icons .basket{
    width:11.67px;
    height:11.37px;
    margin:auto
}
#header .header-info-profile .desc .currency .value iframe,#rewards .block-info .btn .coin,#rewards .block-info .desc .star,.mid-conatainer .body-mid-li .block-order .block-2 .price-block .old-price iframe,.mid-conatainer .body-mid-li .task-box-list .block-info .btn .coin,.mid-conatainer .body-mid-li .task-box-list .block-info .desc .star,.search-list .input-range .coin-range iframe,section#main-container .live-line .live-li .live-desc .live-txt .live-coin,section.form .block .body .desc-inn .value iframe,section.form .block .option-order .chil-option-txt .value iframe{
    width:12px;
    height:12px
}
#rewards .block-info .btn .txt-btn{
    font-weight:500;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
#rewards .block-info .row-task .txt,.mid-conatainer .body-mid-li .task-box-list .block-info .row-task .txt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    font-weight:500;
    font-size:12px;
    line-height:14px
}
#footer .col .stats .number,#footer .col.links .link,.related-articles .body-tasks .desc-article .title-desc-article{
    line-height:20px;
    font-size:14px
}
#rewards .block-info .btn{
    background:rgba(52,100,255,.16);
    border:1.12069px solid #3464ff;
    border-radius:8.96552px;
    font-weight:500;
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
#rewards .top-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:16px
}
#rewards .top-info .txt{
    font-weight:500;
    font-size:20px;
    line-height:28px
}
#rewards .top-info .txt-2{
    font-size:14px;
    line-height:28px;
    color:#5d6488
}
#special-info h2{
    font-size:32px;
    line-height:40px;
    text-align:center;
    color:#fff
}
#special-info .coin,#special-info .ticket,.statistic-list .li-daily-task .value-statistic iframe{
    width:20px;
    height:20px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
#special-info p{
    font-size:20px;
    line-height:24px;
    color:#5d6488;
    text-align:center;
    margin-top:16px
}
#special-info .hero-btns-block{
    text-align:center!important;
    margin-top:32px
}
#special-info .box.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto;
    width:23.75%
}
#special-info .box{
    max-width:266px
}
#special-info .box-2{
    max-width:244px
}
#special-info .box-mid{
    max-width:568px;
    margin:auto;
    width:50.72%
}
#special-info .btn-get-started{
    padding:16px 32px;
    font-size:20px;
    line-height:24px;
    display:inline-block;
    color:#fff;
    
    border:1.5px solid #262b4d;
    border-radius:8px;
    margin:auto;
        background: rgb(119 191 177);
    border: 1.5px solid #77bfb1;
}
#footer .col .stats,#footer .footer-top{
    display:-webkit-box;
    display:-ms-flexbox
}
@-webkit-keyframes animate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes animate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#footer{
    background:#191e3c;
    border-top:1px solid rgb(93, 100, 136, .16);
}
#footer .footer-top{
    min-height:88px;
    display:flex
}
#footer .col.links{
    gap:24px
}
#footer .col.links .link{
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
#footer .col .stats iframe,#footer .social .social-link,#header .social-link{
    width:36px;
    height:36px
}
#footer .col .stats{
    display:flex;
    margin:auto;
    gap:11.71px
}
#footer .col .stats .desc,.block-competition .right-part-competition .top-3 .desc,.mid-conatainer .body-mid-li .table-mid table th,.mid-conatainer .head-competition .el .desc,.mid-conatainer .list-notification .li-notif .sup-txt-notif{
    font-size:12px;
    line-height:14px;
    color:#5d6488
}
#footer .copyright .credits .link,#footer .copyright .txt-copyright{
    color:#434971;
    font-size:14px;
    line-height:20px
}
#footer .copyright{
    border-top:1px solid rgb(93, 100, 136, .16);
    text-align:center;
    padding-top:30px
}
#footer .credits{
    padding-top:10px;
    text-align:center;
    font-size:13px;
    color:#fff
}
#footer .social{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    margin-right:inherit;
    padding:0
}
#footer .social .block-social,#header .block-social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    margin-left:auto
}
#footer .copyright{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:24px
}
#footer .copyright .credits,.mid-conatainer .body-mid-li .block-competition{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px
}
#footer .copyright .txt-copyright{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.MultiCarousel{
    float:left;
    overflow:hidden;
    padding:15px 15px 62px;
    width:100%;
    position:relative
}
.MultiCarousel .MultiCarousel-inner{
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
    float:left
}
.MultiCarousel .MultiCarousel-inner .item{
    float:left;
    padding:0 16px
}
.MultiCarousel .MultiCarousel-inner .item>div,.mid-conatainer .body-mid-li .no-items,.mid-conatainer .body-mid-li .table-mid table th.top{
    text-align:center
}
.MultiCarousel .leftLst,.MultiCarousel .rightLst{
    position:absolute;
    bottom:0
}
.MultiCarousel .leftLst img,.MultiCarousel .rightLst img{
    max-width:98px
}
.MultiCarousel .sup-stars{
    margin-left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    position:absolute;
    bottom:0
}
.MultiCarousel .leftLst{
    left:0
}
.MultiCarousel .rightLst{
    right:0
}
.MultiCarousel .leftLst.over,.MultiCarousel .rightLst.over{
    pointer-events:none
}
#slider .title{
    font-weight:600;
    font-size:17px;
    line-height:24px;
    text-align:center;
    color:#5d6488
}
#slider .pad .txt{
    font-size:24px;
    line-height:32px;
    text-align:center;
    color:#fff;
    margin-bottom:26px
}
#slider .pad .name{
    font-size:20px;
    line-height:24px;
    text-align:center;
    color:#fff;
    margin-top:26px;
    margin-bottom:8px
}
#slider .pad .desc{
    font-size:17px;
    line-height:24px;
    text-align:center;
    color:#5d6488
}
#slider .pad .stars{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:auto
}
.details .sup-bg .bg-1{
    position:absolute;
    top:18%;
    margin-left:5%
}
.details .sup-bg .bg-2{
    position:absolute;
    top:25%;
    right:7%
}
.details .sup-bg .bg-3{
    position:absolute;
    top:78%;
    right:7%
}
.details .sup-bg .bg-4{
    position:absolute;
    top:96%;
    left:7%
}
.racks .sup-bg{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1
}
.racks .sup-bg .bg-5{
    position:absolute;
    top:0;
    left:12%
}
.racks .sup-bg .bg-6{
    position:absolute;
    top:1%;
    right:11%
}
@media (min-width:1200px){
    #rewards .container,#special-info .container,.racks .container{
        max-width:1120px
    }
}
@media (max-width:1200px){
    .details .row{
        width:auto;
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .details .sup-skills-info.sup-info-2{
        right:0;
        bottom:20px
    }
    .details .skills{
        margin-left:0
    }
    .details .sup-skills-info{
        margin-left:22px
    }
    #rewards .block-info.block-5{
        display:none
    }
    #footer .col.links .link,#rewards .block-info{
        margin:auto
    }
    #special-info h2{
        font-size:27px;
        line-height:36px
    }
    #footer .row{
        width:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:20px;
        padding-top:20px
    }
    #footer .social .block-social{
        margin:auto;
        padding-bottom:12px
    }
}
@media (max-width:991px){
    .details .content h3{
        font-size:38px;
        line-height:38px
    }
    .skills{
        width:312px
    }
    .list-info-win .win_block.gold{
        width:348.29px
    }
    .list-info-win .win_block.silver{
        width:318px
    }
    .list-info-win .win_block.broze{
        width:268.79px
    }
    .list-info-win .win_block.four{
        width:234.79px
    }
    .list-info-win .win_block .avatar{
        margin-left:4.55px
    }
    .list-info-win .win_block .sup-block-2{
        gap:10.96px
    }
    .details .skills{
        margin-left:-38px
    }
    .details .sup-skills-info{
        margin-left:0
    }
    .details .sup-skills-info.sup-info-2{
        right:22px
    }
    #racks .count-box{
        max-width:80%;
        margin-left:auto;
        margin-right:auto
    }
    #slider .pad .txt{
        font-size:20px;
        line-height:24px
    }
    #slider .pad .desc{
        font-size:16px;
        line-height:20px
    }
    #slider .pad .name{
        font-size:18px;
        line-height:20px
    }
    #rewards .block-info.block-4,.details .sup-bg .line-bg-1,.details .sup-bg .line-bg-2,.details .sup-bg .line-bg-3{
        display:none
    }
    #special-info .box-mid{
        width:100%
    }
    #footer .container.pad{
        padding-bottom:48px
    }
    #footer .copyright{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    #footer .copyright .credits{
        margin:auto auto 10px
    }
}
@media (max-width:764px){
    .details .block-info,.details .block-info.left,.details .skills{
        margin:auto
    }
    .details .sup-skills-info{
        margin-left:100px
    }
    .details .sup-skills-info.sup-info-2{
        right:111px;
        bottom:-29px
    }
    .list-info-win.left{
        margin:auto auto 20px;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
    .details .skills-parent{
        margin-bottom:30px
    }
    #racks .count-box .icon{
        width:48px;
        height:48px
    }
    #rewards .block-info{
        width:108.58px;
        font-size:5.42899px;
        line-height:7px;
        padding:8.69px;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    #rewards .block-info .img{
        width:91.21px;
        height:58.63px
    }
    #rewards .block-info h1{
        font-size:8.68639px;
        line-height:11px;
        margin-bottom:2.5px
    }
    #rewards .block-info .btn .coin,#rewards .block-info .desc .star{
        width:6.51px;
        height:6.51px
    }
    #rewards .block-info .btn .txt-btn,#rewards .block-info .row-task .txt{
        font-size:6.51479px;
        line-height:8px
    }
    #rewards .block-info .desc{
        gap:2.17px
    }
    #rewards .block-info .btn{
        padding:3.26px;
        border-radius:4.3432px
    }
    #rewards .block-info .row-task{
        margin-top:11px
    }
    #rewards .block-info.block-4{
        display:block
    }
    #special-info h2{
        font-size:20px;
        line-height:24px
    }
    #special-info p{
        font-size:18px;
        line-height:20px
    }
    #special-info .box.flex img{
        width:100%
    }
    #special-info .box.flex{
        width:37.75%
    }
    #special-info{
        padding-top:20px
    }
    #special-info .btn-get-started{
        padding:12px 26px;
        font-size:16px;
        line-height:16px
    }
    .details .sup-bg .bg-1{
        top:22%;
        width:13%
    }
    .details .sup-bg .bg-3{
        right:2%;
        width:13%
    }
    .details .sup-bg .bg-4{
        top:91%;
        left:13%
    }
    .details .sup-bg .bg-4,.racks .sup-bg .bg-6{
        width:13%
    }
    .racks .sup-bg .bg-5{
        width:6%
    }
}
@media ((max-width:575px)){
    .counts .count-box{
        max-width:80%;
        margin:auto auto 5%;
        height:130px
    }
    .about{
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    .service .count-box{
        -ms-flex-preferred-size:80%;
        flex-basis:80%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    #racks .icon-boxes h1,.about .icon-boxes h1{
        font-size:28px;
        line-height:28px
    }
    #racks .icon-boxes p,.about .icon-boxes p,.details .content p{
        font-size:16px;
        line-height:16px
    }
    .about .sup-bg .sup-bg-about-1{
        top:9%
    }
    .about .sup-bg .sup-bg-about-2{
        top:0
    }
    .details .content h3{
        font-size:28px;
        line-height:28px;
        float:left;
        margin-left:12px;
        margin-top:12px
    }
    .details .content .coins{
        margin-bottom:24px;
        float:left
    }
    .details .content p:last-child{
        float:left
    }
    .details .block-info{
        margin-bottom:20px!important
    }
    .details .skills-parent{
        margin-bottom:60px
    }
    #rewards .block-info.block-4{
        display:none
    }
    #rewards .row{
        gap:inherit
    }
    .MultiCarousel .leftLst img,.MultiCarousel .rightLst img{
        max-width:56px
    }
    .sup-stars img{
        width:70%
    }
}
section.form,section.form .block .header{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox
}
section.form{
    position:fixed;
    height:100%;
    background:rgba(5,7,17,.72);
    z-index:998;
    padding-top:96px;
    display:flex;
    top:0;
    overflow:auto
}
section.form::-webkit-scrollbar{
    width:0
}
section.form::-webkit-scrollbar-track{
    background:#262b47;
    border-radius:4px;
    margin-top:16px;
    margin-bottom:16px
}
section.form::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
section.form .block{
    width:408px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid rgba(255,255,255,.04);
    box-shadow:0 0 8px rgba(168,188,252,.08),0 0 24px rgba(14,18,40,.24),0 16px 24px rgba(25,30,60,.16),0 12px 72px rgba(15,18,38,.48);
    border-radius:12px;
    background:#191e3c;
    overflow:hidden;
    padding:0
}
section.form .block .header{
    display:flex;
    height:60px;
    background:#1f2440;
    position:relative
}
section.form .block .header .title{
    font-size:20px;
    line-height:28px;
    text-align:center;
    color:#fff;
    margin:auto
}
section.form .block .header .close-form{
    margin-right:auto;
    width:24px;
    height:24px;
    position:absolute;
    right:16px;
    top:18px;
    cursor:pointer
}
section.form .block .body{
    padding:0 16px 16px
}
section.form .block .body::-webkit-scrollbar{
    width:0
}
section.form .block .body::-webkit-scrollbar-track{
    background:#262b47;
    border-radius:4px;
    margin-top:16px;
    margin-bottom:16px
}
section.form .block .body::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
section.form .block .body .title{
    font-size:12px;
    line-height:14px;
    text-align:center;
    color:#5d6488;
    padding:8px 0;
    width:53.48%;
    margin:auto
}
section.form .block .body .social-btn-auth{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    padding:8px 0
}
section.form .block .body .social-btn-auth .social{
    width:100%;
    height:32px;
    border-radius:8px;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
section.form .block .body .social-btn-auth .social.gl{
    background-color:#ea4335
}
section.form .block .body .social-btn-auth .social.fb{
    background-color:#4267b2
}
section.form .block .body .social-btn-auth .social.tw{
    background-color:#1da1f2
}
section.form .block .body .delimiter{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:6px;
    padding:8px 0
}
section.form .block .body .delimiter .line{
    height:2px;
    width:100%;
    margin:auto;
    background:#1f2440;
    border-radius:8px
}
section.form .block .body .delimiter .txt{
    font-size:10px;
    line-height:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#5d6488;
    font-weight:600;
    text-transform:uppercase
}
.body-mid-li.support .block-input,section.form .block .body .block-input{
    padding:8px 0;
    position:relative;
    width:100%
}
section.form .block .body .block-input .block-header{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:4px
}
.body-mid-li.support .block-input input,.body-mid-li.support .block-input textarea,section.form .block .body .block-input input,section.form .block .body .block-input textarea{
    background:#1f2440;
    border-radius:8px;
    width:100%;
    border:none;
    padding:8px 36px 8px 8px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#fff
}
section.form .block .body .block-input input:focus-visible,section.form .block .body .block-input textarea:focus-visible{
    outline:#3464FF solid 1px
}
.body-mid-li.support .block-input .block-header .block-header-title,section.form .block .body .block-input .block-header .block-header-title{
    font-size:12px;
    line-height:14px
}
.mid-li-block .block-input .block-header .block-header-title span.request,section.form .block .body .block-input .block-header .block-header-title span.request{
    color:#ff546b;
    display:none
}
.mid-li-block .error_log .block-input .block-header .block-header-title span.error,section.form .error_log .block-input .block-header .block-header-title span.error{
    display:contents!important;
    color:#ff546b
}
section.form .block .body .block-input .block-header .block-header-link{
    font-size:10px;
    line-height:14px;
    color:#3464ff;
    cursor:pointer
}
.search-list .input-range,section.form .block .body .block-input .block-input-parent{
    position:relative;
    width:100%
}
section#main-container #chat-part .chat-input .inn-chat-input .emoji,section.form .block .body .block-input .show-pass{
    position:absolute;
    right:10px;
    cursor:pointer;
    bottom:10px;
    width:16px;
    height:16px;
    fill:#5D6488
}
section.form .block .body .block-input .progress{
    height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:0 0;
    border-radius:0;
    margin-top:12px;
    gap:8px
}
section.form .block .body .block-input .progress-bar-wrap{
    background:#1f2440;
    border-radius:9.41709px;
    max-width:347px;
    width:100%;
    height:4px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
section.form .block .body .block-input .txt-pass-strenght{
    display:block;
    font-size:10px;
    line-height:10px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    color:#5d6488
}
section.form .block .body .block-input .progress-bar{
    width:1px;
    height:4px;
    border-radius:9.41709px
}
section.form .block .body .block-input .progress-bar.easy{
    background:#ff546b;
    width:5%
}
section.form .block .body .block-input .progress-bar.normal{
    background:#ffbb54;
    width:50%
}
section.form .block .body .block-input .progress-bar.hard{
    background:#54ff54;
    width:100%
}
.search-list .block-check,section.form .block .body .block-check{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:8px 0
}
section.form .block .body .block-check .txt-check{
    margin-left:8px;
    font-size:12px;
    line-height:14px;
    color:#5d6488
}
.search-list .block-check .txt-check span,section.form .block .body .block-check .txt-check span{
    color:#3464ff;
    cursor:pointer
}
section.form .block .body .block-check .container{
    display:block;
    position:relative;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:14px;
    height:14px;
    padding:0
}
.search-list .block-check .container input,section.form .block .body .block-check .container input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.search-list .block-check .checkmark,section.form .block .body .block-check .checkmark{
    position:absolute;
    top:0;
    left:0;
    width:14px;
    height:14px;
    background:rgba(52,100,255,.32);
    border:1px solid #3464ff;
    border-radius:4px
}
.search-list .block-check .container input:checked~.checkmark,.search-list .block-check .container:hover input~.checkmark,section.form .block .body .block-check .container input:checked~.checkmark,section.form .block .body .block-check .container:hover input~.checkmark{
    background-color:#3464ff
}
.search-list .block-check .container img,section.form .block .body .block-check .container img{
    width:10px;
    height:10px;
    display:none;
    position:absolute;
    left:50%;
    z-index:1;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
section.form .block .body .block-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:16px 0
}
section.form .block .body .block-btn .btn{
    background:#3464ff;
    border-radius:8px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:8px 24px;
    gap:10px;
    font-size:12px;
    line-height:14px;
    color:#fff;
    text-align:center
}
section.form .block .body .block-btn .btn.main{
    border:1.5px solid #262b4d;
    border-radius:8px;
    background:rgba(93,100,136,.08)
}
section.form .block .body .block-btn .btn.right{
    margin-left:auto
}
.mid-conatainer .body-mid-li .you-referal-link .desc .txt-desc,.right-container .daily-tasks .body-tasks .desc .txt-desc,section.form .block .block-desc-order .desc-order,section.form .block .body .block-btn .link-part,section.form .block .body .desc .txt-desc{
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
.body-mid-li.support .block-btn .link-part span,section.form .block .body .block-btn .link-part span{
    color:#3464ff;
    margin-left:4px;
    cursor:pointer
}
section.form .block .body .block-btn .link-part svg{
    width:6px;
    height:10px;
    fill:#3464FF
}
section.form .block .body .block-input-two{
    padding:8px 0;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px
}
section#referal-bonus .block .body .block-input-two{
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly
}
section.form .block .body .block-input-two svg{
    width:48px;
    height:48px
}
section.form .block .body .block-input-two input{
    background:#1f2440;
    border-radius:8px;
    width:100%;
    height:48px;
    border:none;
    padding:8px;
    font-weight:500;
    font-size:24px;
    line-height:20px;
    color:#fff;
    text-align:center;
    margin:auto
}
section.form .block .body .block-input-two input:focus-visible{
    outline:#3464FF solid 1px
}
section.form .block .body .tabs-form{
    background:#1f2440;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding:2px;
    margin:16px auto
}
.body-mid-li.competition .list-ul .block-instructions{
    padding:16px;
    white-space:pre-line
}
.mid-conatainer .tabs-form .tab,section.form .block .body .tabs-form .tab{
    font-weight:500;
    font-size:12px;
    line-height:26px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    width:108px;
    height:26px;
    border-radius:6px;
    cursor:pointer;
    color:#5d6488;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#header .header-info-profile .img,#header .header-notification .nr{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.mid-conatainer .tabs-form .tab.active,section.form .block .body .tabs-form .tab.active{
    background:#262b47;
    color:#fff
}
section.form .block .body .li{
    margin:8px 0;
    height:80px;
    background:#1f2440;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    gap:12px;
    padding:16px
}
.right-container .daily-tasks .body-tasks .img-progress,section.form .block .body .img-progress{
    background-color:rgba(255,255,255,.25);
    border-radius:25px;
    position:relative;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    background-color:rgb(249,172,57,.3);
    margin:auto
}
.right-container .daily-tasks .body-tasks .img-progress svg.svg,section.form .block .body .img-progress svg.svg{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:bottom;
    width:48px;
    height:48px
}
.right-container .daily-tasks .body-tasks .img-progress circle,section.form .block .body .img-progress circle{
    stroke-width:8px;
    stroke-dasharray:0;
    fill:none
}
.right-container .daily-tasks .body-tasks .img-progress .meter,section.form .block .body .img-progress .meter{
    stroke-width:8px;
    fill:none;
    -webkit-transition:stroke-dashoffset 1s cubic-bezier(.43, .41, .22, .91);
    -o-transition:stroke-dashoffset 1s cubic-bezier(.43, .41, .22, .91);
    transition:stroke-dashoffset 1s cubic-bezier(.43, .41, .22, .91);
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    -webkit-transform:rotate(-90deg) scaleX(-1);
    -ms-transform:rotate(-90deg) scaleX(-1);
    transform:rotate(-90deg) scaleX(-1);
    stroke:rgb(249,172,57)
}
.right-container .daily-tasks .body-tasks .img-progress text,section.form .block .body .img-progress text{
    fill:#fff;
    font-size:28px
}
.right-container .daily-tasks .body-tasks .img-progress svg.item,section.form .block .body .img-progress svg.item{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:24px;
    height:24px;
    fill:rgb(249,172,57)
}
section.form .block .body .desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    margin:auto
}
.block-competition .right-part-competition .price-pool .txt,.mid-conatainer .head-competition .el .title,.right-container .daily-tasks .body-tasks .desc .title-desc,section.form .block .body .desc .title-desc{
    font-size:16px;
    line-height:20px;
    color:#fff
}
#header .header-info-profile .desc .currency .value,.mid-conatainer .body-mid-li .task-box-list .block-info .icons,.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts,.right-container .daily-tasks .body-tasks .desc-inn .value,.statistic-list .li-daily-task .value-statistic,.stats-user-list .stats-user-list,section#main-container #chat-part .chat-body .chat-message .cm-user-head,section.form .block .body .desc-inn .value,section.form .block .option-order .chil-option-txt .value{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4px
}
.right-container .daily-tasks .body-tasks .desc-inn .value .txt-desc-2,section.form .block .body .desc-inn .value .txt-desc-2{
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.privacy-policy p,section.form .block .body .tabs-body .block-set-avatar .title-avatar{
    font-size:14px;
    line-height:18px;
    color:#5d6488
}
section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    padding:12px 0
}
section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar-inn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar .img{
    width:64px;
    height:64px;
    border:2px solid #343b58;
    border-radius:32px;
    overflow:hidden
}
section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar .desc-avatar{
    font-size:12px;
    line-height:14px;
    color:#5d6488;
    margin:auto
}
section.form .block .body .tabs-body .block-set-avatar .block-inn-avatar .btn{
    font-size:12px;
    line-height:14px;
    text-align:right;
    color:#fff;
    padding:8px 24px;
    background:rgba(93,100,136,.08);
    border:1.5px solid #262b4d;
    border-radius:8px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-top:auto;
    margin-bottom:auto
}
section.form .block .body .group-block-input{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    gap:16px
}
section#form-settings .block .body textarea{
    resize:none
}
section.form .block .body .process-block{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px 0
}
section.form .block .body .process-block .li-process{
    width:100%;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:12px
}
section.form .block .body .process-block .li-process .process-el{
    width:48px;
    height:48px;
    border:2px solid;
    border-radius:1000px;
    font-size:20px;
    line-height:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    margin:auto
}
section.form .block .body .process-block .li-process .title-process{
    font-size:16px;
    line-height:20px;
    text-align:center;
    margin:auto
}
section.form .block .body .process-block .li-process.complete>.process-el{
    color:#fff;
    background:rgba(30,188,97,.24);
    border-color:#1ebc61
}
section.form .block .body .process-block .li-process.wait>.process-el{
    color:#fff;
    background:rgba(52,100,255,.24);
    border-color:#3464ff
}
section.form .block .body .process-block .li-process.reject>.title-process{
    color:#ff3434
}
section.form .block .body .process-block .li-process.reject>.process-el{
    color:#fff;
    background:rgba(255,52,52,.24);
    border-color:#ff3434
}
section.form .block .body .process-block .li-process.disable>.process-el{
    color:#5d6488;
    background:rgba(93,100,136,.08);
    border-color:#262b4c
}
section.form .block .body .block-main-order{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    padding:8px 0
}
section.form .block .body .block-main-order .img.order{
    width:112px;
    height:72px;
    border-radius:8px;
    border:1px solid #262b47;
    overflow:hidden
}
.mid-conatainer .body-mid-li,.mid-conatainer .body-mid-li .block-order .block-2 .part-input,.right-container .daily-tasks,.right-container .daily-tasks .body-tasks,section#form-task-process .block .li-gr-opt-ord,section.form .block .body .block-desc-order{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px
}
section.form .block .title-order{
    width:100%;
    margin:auto;
    font-size:14px;
    line-height:18px;
    color:#fff
}
section.form .block .option-order{
    width:100%;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4px;
    font-size:12px;
    line-height:14px;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
section.form .block .option-order .chil-option-txt{
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4px
}
.mid-conatainer .body-mid-li .block-order .block-2 .price-block .price iframe,.refferal-bonus .desc-inn .value-bonus iframe,section.form .block .option-order .chil-option-txt.value iframe{
    width:14px;
    height:14px
}
section.form .block .footer{
    width:100%;
    height:58px;
    background:rgba(41,46,76,.36);
    border-radius:0 0 8px 8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-top:1px solid
}
#header .notification-content .body-notif .li-notif .title-notif,.mid-conatainer .list-notification .li-notif .title-notif,.right-container .daily-tasks .header-tasks,.statistic-list .li-daily-task .desc-inn-stats,.statistic-list .li-daily-task .header-statistic-li,section.form .block .group-option-order{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
section#form-task-process .block .body .block-main-order .img.order{
    width:100%;
    max-width:84px;
    height:84px
}
#form-order-process .body{
    padding:0 16px
}
section#form-tasks .block{
    width:368px
}
section#form-settings .block{
    width:480px
}
section#form-order-process .block,section#form-task-process .block{
    width:500px
}
@media (max-width:425px){
    section.form .block .body .process-block .li-process .title-process{
        font-size:12px;
        line-height:16px
    }
    section.form .block .body .process-block .li-process .process-el{
        width:36px;
        height:36px
    }
    section.form .block .body .block-main-order{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    section.form .block .body .block-main-order .img.order{
        margin:auto
    }
}
section#main-container #content-part,section#main-container #parent-content-part{
    width:100%;
    gap:24px;
    -ms-flex-direction:column;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
section#main-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100vh;
    padding-bottom:0
}
section#main-container #content-part{
    padding-left:48px;
    padding-top:24px;
    padding-right:48px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    overflow:auto;
    overflow-x:hidden
}
section#main-container #content-part.support{
    overflow-x:auto;
    overflow:initial
}
section#main-container #parent-content-part{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    overflow:auto;
    overflow-x:hidden
}
section#main-container #content-part::-webkit-scrollbar,section#main-container #parent-content-part::-webkit-scrollbar{
    width:0
}
section#main-container #content-part::-webkit-scrollbar-track,section#main-container #parent-content-part::-webkit-scrollbar-track{
    background:#262b47;
    border-radius:4px;
    margin-top:16px;
    margin-bottom:16px
}
section#main-container #content-part::-webkit-scrollbar-thumb,section#main-container #parent-content-part::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
section#main-container .child-main-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:48px;
    padding-bottom:80px;
    height:fit-content;
    width:100%
}
section#main-container .right-container{
    width:100%;
    max-width:336px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:24px
}
section#main-container .live-container,section#main-container .mid-container{
    width:100%;
    min-width:632px
}
section#main-container #chat-part{
    width:100%;
    max-width:328px;
    z-index:3;
    background-color:#1f2440;
    position:relative
}
section#main-container .live-line{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
section#main-container .live-line .live-li{
    width:214px;
    height:52px;
    background:#191e3c;
    border-radius:8px;
    gap:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px 16px 8px 8px;
    opacity:0;
    -webkit-animation:2.5s forwards ani;
    animation:2.5s forwards ani
}
@-webkit-keyframes ani{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes ani{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
section#main-container .live-line .li-shadow{
    width:52px;
    height:52px;
    position:absolute;
    right:0;
    background:-webkit-gradient(linear,right top,left top,from(#0b122f),to(rgba(11,18,47,0)));
    background:-o-linear-gradient(right,#0b122f 0,rgba(11,18,47,0) 100%);
    background:linear-gradient(270deg,#0b122f 0,rgba(11,18,47,0) 100%);
    z-index:2
}
section#main-container .live-line .live-btn{
    width:56px;
    height:52px;
    gap:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:8px;
    border-radius:8px;
    background:#191e3c
}
section#main-container .live-line .live-btn .point{
    width:5px;
    height:5px;
    background-color:#ff546b;
    border-radius:32px;
    margin-left:auto;
    margin-top:auto;
    margin-bottom:auto
}
section#main-container .live-line .live-btn .txt{
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    text-transform:uppercase;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto
}
section#main-container .live-line .live-li .live-img{
    width:36px;
    height:36px;
    border:2px solid #343b58;
    border-radius:32px;
    overflow:hidden
}
section#main-container .live-line .live-li .live-img img{
    height:100%;
    width:100%
}
section#main-container .live-line .live-li .live-desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:4px
}
section#main-container .live-line .live-li .live-desc .live-name{
    font-size:14px;
    line-height:18px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#ff546b;
    width:145px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:block
}
section#main-container .live-line .live-li .live-desc .live-txt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:12px;
    line-height:14px;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    gap:4px
}
section#main-container .live-line .live-li .live-desc .live-txt .txt{
    font-size:smaller
}
section#main-container .live-line .live-li .live-desc .live-txt .point{
    width:3px;
    height:3px;
    background-color:#fff;
    border-radius:32px
}
section#main-container #chat-part .chat-header{
    width:100%;
    height:52px;
    background:#1f2440;
    border-bottom:1px solid;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
section#main-container #chat-part .chat-header div{
    margin:auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4px
}
section#main-container #chat-part .chat-header .title{
    font-size:14px;
    line-height:16px;
    color:#fff
}
section#main-container #chat-part .chat-body{
    padding:16px 7px 16px 16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:calc(100% - 116px);
    gap:8px;
    overflow:auto;
    width:calc(100% - 7px)
}
section#main-container #chat-part .chat-body::-webkit-scrollbar{
    width:2px
}
section#main-container #chat-part .chat-body::-webkit-scrollbar-track{
    background:#262b47;
    border-radius:4px;
    margin-top:16px;
    margin-bottom:16px
}
section#main-container #chat-part .chat-body::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
section#main-container #chat-part .chat-input{
    height:64px;
    width:100%;
    position:absolute;
    padding:16px 16px 12px;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px
}
section#main-container #chat-part .chat-input input{
    background:#262b47;
    border-radius:8px;
    padding:8px;
    border:none;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#fff;
    padding-right:36px;
    width:100%
}
section#main-container #chat-part .chat-input input:focus-visible{
    outline:#3464FF solid 1px
}
section#main-container #chat-part .chat-input .inn-chat-input{
    position:relative;
    width:100%;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
section#main-container #chat-part .chat-input .send-mess-btn{
    width:36px;
    height:36px;
    margin:auto;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
section#main-container #chat-part .chat-body .chat-message{
    width:100%;
    padding:8px;
    background-color:#262b47;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px
}
section#main-container #chat-part .chat-body .chat-message .cm-user-avatar{
    min-width:36px;
    max-width:36px;
    height:36px;
    border-radius:32px;
    border:2px solid #343b58;
    overflow:hidden
}
section#main-container #chat-part .chat-body .chat-message .cm-user-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:2px
}
section#main-container #chat-part .chat-body .chat-message .cm-user-name{
    font-size:14px;
    line-height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fe5c9d
}
.block-competition .right-part-competition .top-3 .el-top .desc-top,section#main-container #chat-part .chat-body .chat-message .cm-user-message{
    font-size:12px;
    line-height:14px;
    color:#fff
}
section#main-container #chat-part .chat-body .chat-message .cm-user-message .emojioneemoji{
    width:20px
}
section#main-container #chat-part .chat-body .chat-message .cm-user-time{
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
#header.login-session .container{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    max-width:100%;
    padding-left:48px;
    padding-right:14px
}
#header .header-profile{
    width:100%;
    min-width:328px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:20px;
    gap:20px
}
#header .header-notif-block,#header .header-notification{
    display:-webkit-box;
    display:-ms-flexbox;
    position:relative
}
#header .header-notification{
    display:flex;
    gap:2px
}
#header .header-notif-block{
    margin:auto;
    width:40px;
    height:40px;
    display:flex
}
#header .header-notification .prize-icon{
    width:24px;
    height:24px;
    margin:auto
}
#header .header-notification .nr{
    border:2px solid #191e3c;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:18px;
    font-size:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#fff;
    border-radius:32px;
    position:absolute;
    top:3px;
    left:45%;
    padding:0 4.6px;
    user-select:none
}
#header .header-notification .nr.prize,.mid-conatainer .body-mid-li .task-box-list .block-info .spec-info.sale{
    background:#1ebc61
}
#header .header-notification .nr.simple,.mid-conatainer .body-mid-li .task-box-list .block-info .spec-info.popular{
    background:#f9ac39
}
#header .header-info-profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    position:relative
}
#header .header-menu-user,#header .notification-content{
    position:absolute;
    bottom:0;
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
#header .header-info-profile .img{
    width:40px;
    height:40px;
    border:4px solid #343b58;
    border-radius:32px;
    overflow:hidden;
    user-select:none
}
#header .header-info-profile .desc .name,#header .header-menu-user .title-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
#header .header-info-profile .desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:3px
}
#header .header-info-profile .desc .name{
    display:flex;
    gap:4px;
    cursor:pointer;
    user-select:none
}
#header .header-info-profile .desc .name .txt-name{
    font-size:14px;
    line-height:18px
}
#header .header-info-profile .desc .name .down-menu .arrow-down svg{
    width:14px;
    height:14px;
    vertical-align:text-top;
    cursor:pointer
}
#header .header-info-profile .desc .name .down-menu .arrow-down.show .up{
    display:inline-block
}
#header .header-info-profile .desc .currency .value .txt-currency{
    font-size:12px;
    line-height:14px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
#header .header-menu-user{
    padding:8px 6px;
    left:0;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px;
    background:#262b4c;
    border:1px solid rgba(255,255,255,.04);
    box-shadow:0 0 8px rgba(168,188,252,.08),0 0 24px rgba(14,18,40,.24),0 16px 24px rgba(25,30,60,.16),0 12px 72px rgba(15,18,38,.48);
    border-radius:8px;
    -webkit-transform:translateY(103%);
    -ms-transform:translateY(103%);
    transform:translateY(103%)
}
#header .header-menu-user .title-menu{
    font-size:15px;
    line-height:20px;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    min-width:146px;
    min-height:28px;
    padding:4px;
    user-select:none
}
#header .header-menu-user .delimiter{
    height:.5px;
    background:rgba(93,100,136,.16);
    border-radius:4px
}
#header .header-menu-user .li-menu-user{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    min-width:146px;
    min-height:28px;
    padding:4px
}
#header .header-menu-user .li-menu-user>svg,#header .header-notif-block .icon-b-n,.mid-conatainer .footer-table .table-nav.disabled svg{
    fill:#5D6488
}
#header .header-menu-user .li-menu-user:hover{
    background:#3464ff;
    border-radius:6px;
    cursor:pointer
}
#header .header-menu-user .li-menu-user .txt-user,.mobile-list-menu .li-mobile .txt{
    font-size:14px;
    line-height:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
#header .notification-content{
    -ms-flex-direction:column;
    flex-direction:column;
    width:408px;
    background:#191e3c;
    border:1px solid rgba(255,255,255,.04);
    -webkit-box-shadow:0 0 8px rgba(168,188,252,.08),0 0 24px rgba(14,18,40,.24),0 16px 24px rgba(25,30,60,.16),0 12px 72px rgba(15,18,38,.48);
    box-shadow:0 0 8px rgba(168,188,252,.08),0 0 24px rgba(14,18,40,.24),0 16px 24px rgba(25,30,60,.16),0 12px 72px rgba(15,18,38,.48);
    border-radius:12px;
    right:0;
    -webkit-transform:translate(0 ,103%);
    -ms-transform:translate(0 ,103%);
    transform:translate(0 ,103%);
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#header .notification-content .header-notif{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:24px;
    padding-right:20px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:60px;
    background:#1f2440
}
#header .notification-content .header-notif .header-text{
    margin-top:auto;
    margin-bottom:auto
}
#header .notification-content .header-notif svg{
    margin-top:auto;
    margin-bottom:auto;
    cursor:pointer
}
#header .notification-content .body-notif .tabs-notif{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:36px;
    width:100%;
    border-bottom:1px solid #1f2440
}
#header .notification-content .body-notif .tabs-notif .tab{
    margin:auto;
    font-size:14px;
    line-height:20px;
    cursor:pointer
}
#header .notification-content .body-notif .ul-notif,.mid-conatainer .list-notification .ul-notif{
    padding:16px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:16px
}
#header .notification-content .body-notif .li-notif,.mid-conatainer .list-notification .li-notif{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-right:24px;
    padding-left:10px
}
#header .notification-content .body-notif .li-notif iframe,.mid-conatainer .list-notification .li-notif iframe{
    width:36px;
    height:36px;
    margin:auto 12px auto 10px
}
#header .notification-content .body-notif .li-notif .desc-notif,.mid-conatainer .list-notification .li-notif .desc-notif{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:2px;
    width:100%
}
#header .notification-content .body-notif .li-notif .point-notif{
    width:3px;
    height:3px;
    background-color:#3464ff;
    margin-top:auto;
    margin-bottom:auto;
    margin-right:auto
}
#header .notification-content .body-notif .li-notif .txt-notif,.mid-conatainer .list-notification .li-notif .txt-notif{
    font-size:14px;
    line-height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
#header .notification-content .body-notif .li-notif .time-notif,.mid-conatainer .list-notification .li-notif .time-notif{
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:right;
    color:#5d6488
}
#header .notification-content .body-notif .li-notif .sup-txt-notif{
    font-size:12px;
    line-height:14px;
    color:#5d6488;
    max-width:260px
}
#header .notification-content .body-notif .delimiter-notif{
    height:1px;
    width:80%;
    margin:auto;
    background:#1f2440
}
#header .notification-content .footer-notif{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:48px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:4px;
    border-top:1px solid #1f2440;
    cursor:pointer
}
#header .notification-content .footer-notif .text{
    font-size:14px;
    line-height:20px;
    text-align:center;
    color:#5d6488
}
#header .inn-notif-block.active .header-notif-block{
    background-color:#262b47;
    border-radius:32px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#header .header-notif-block:hover{
    cursor:pointer;
    background-color:#262b47;
    border-radius:32px
}
.mobile-list-menu{
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    position:fixed;
    bottom:52px;
    left:0;
    padding:16px 8px;
    gap:8px;
    background:#191e3c;
    border-top:1.5px solid;
    max-height:calc(100vh - 115px)
}
.mobile-list-menu .li-mobile{
    padding:0 5.67px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.mobile-list-menu .li-mobile .nav-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px
}
.mobile-list-menu .li-mobile .nav-link svg,.stats-user-list .name-user svg{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.mobile-list-menu .delimiter{
    background:#5d6488;
    opacity:.16;
    height:1px;
    width:100%
}
#header.login-session .btn-burger.active .close,.search-list .li-daily-task.toggle .header-toggle.active .btn-toogle .up{
    display:inline
}
.chat-mobile.active svg{
    fill:#ffc934
}
@media (max-width:1262px){
    #header .header-social{
        display:none
    }
}
@media (max-width:991px){
    section.form .block .body .block-btn,section.form .block .body .group-block-input{
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal
    }
    section.form{
        padding:0
    }
    section#form-settings .block,section#form-tasks .block,section.form .block{
        width:100%;
        border-radius:0;
        max-height:100vh
    }
    section.form .block .body{
        max-height:calc(100vh - 60px);
        overflow:auto
    }
    section.form .block .body .block-btn{
        flex-direction:column;
        gap:16px
    }
    section.form .block .body .block-btn .btn.main,section.form .block .body .title{
        width:100%
    }
    section.form .block .body .group-block-input{
        flex-direction:column;
        gap:0
    }
    section.form .block .body .block-btn .block-check{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
    section.form .block .group-option-order{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:8px
    }
    #header.login-session .container,section#main-container #content-part{
        padding-right:calc(var(--bs-gutter-x) * .5);
        padding-left:calc(var(--bs-gutter-x) * .5)
    }
    #chat-part,#header.login-session .hide-nav{
        display:none
    }
    #header.login-session .show-nav{
        display:block;
        cursor:pointer
    }
    #header .inn-notif-block.active .notification-content{
        width:100vw;
        position:fixed;
        top:64px;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        border-radius:0;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content;
        max-height:calc(100vh - 115px)
    }
    #header .inn-notif-block.active .notification-content .body-notif{
        overflow:auto
    }
    section#main-container #content-part{
        --bs-gutter-x:1.5rem
    }
    #header.login-session .mobile-list-menu.active{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:16px
    }
    #chat-part{
        position:fixed!important;
        max-width:100%!important;
        height:calc(100% - 112px)
    }
    #chat-part.active{
        display:block
    }
    section#main-container #chat-part .chat-body{
        gap:10px
    }
    #header .header-profile{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:end;
        min-width:100%;
        padding-left:0
    }
}
.right-container .daily-tasks .header-tasks .title{
    font-size:20px;
    line-height:28px;
    color:#fff
}
.right-container .daily-tasks .header-tasks .btn-show-all{
    cursor:pointer;
    font-size:14px;
    line-height:28px;
    text-align:right;
    color:#5d6488
}
.mid-conatainer .body-mid-li .you-referal-link,.right-container .daily-tasks .body-tasks .li-daily-task{
    background:#191e3c;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    gap:12px;
    padding:16px;
    position:relative
}
.right-container .daily-tasks .body-tasks .img-progress.avatar{
    overflow:hidden
}
.right-container .daily-tasks .body-tasks .desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    margin:auto;
    gap:4px
}
.right-container .daily-tasks .body-tasks .li-daily-task .show-more{
    width:16px;
    height:16px;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer
}
.last-winners-list .img-progress{
    max-width:48px;
    max-height:48px;
    border:2px solid #343b58
}
.last-winners-list .desc-inn .txt-desc-spec{
    font-size:12px;
    line-height:14px;
    color:#1ebc61;
    margin-right:4px
}
.refferal-bonus .desc-inn .txt-desc-bonus{
    font-size:14px;
    line-height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
.refferal-bonus .li-daily-task .desc-bonus{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    max-width:210px;
    gap:8px
}
.refferal-bonus .btn-bonus{
    padding:6px 12px;
    gap:10px;
    background:rgba(93,100,136,.08);
    border:1.5px solid #262b4d;
    border-radius:8px;
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    margin-top:16px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.refferal-bonus .btn-bonus:hover{
    cursor:pointer;
    background:rgba(52,100,255,.16);
    border:1.5px solid #3464ff
}
.refferal-bonus .li-daily-task .img{
    position:absolute;
    right:0
}
.statistic-list .li-daily-task .block-percent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:2px 6px;
    gap:2px;
    background:rgba(255,255,255,.04);
    border-radius:4px
}
.statistic-list .li-daily-task .block-percent .txt{
    font-size:10px;
    line-height:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.statistic-list .li-daily-task .value-statistic .txt-desc-stats{
    font-size:24px;
    line-height:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.statistic-list .li-daily-task .desc-inn-stats .stat-line{
    -ms-flex-item-align:end;
    -ms-grid-row-align:end;
    align-self:end
}
.stats-user-list .img-avatar-user{
    min-width:48px;
    max-width:48px;
    height:48px;
    border:4px solid #343b58;
    border-radius:32px;
    overflow:hidden
}
.stats-user-list .name-user .txt-name{
    font-size:16px;
    line-height:20px;
    color:#fff;
    margin-top:4px
}
.stats-user-list .desc-user{
    font-size:12px;
    line-height:16px;
    color:#fff
}
.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts .manual-icon.viber svg,.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts .manual-icon.whatsapp svg,.stats-user-list .stat-user-li,section#referal-bonus .block .body .block-input-two .manual-icon.viber svg,section#referal-bonus .block .body .block-input-two .manual-icon.whatsapp svg{
    width:16px;
    height:16px
}
.you-referal-link .desc{
    gap:8px!important
}
.you-referal-link .link-ref{
    background:#1f2440;
    border-radius:8px;
    padding:6px 6px 6px 8px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.mid-conatainer .body-mid-li .you-referal-link .desc .link-ref .txt-ref,.you-referal-link .link-ref .txt-ref{
    font-size:14px;
    line-height:20px;
    color:#fff;
    overflow:hidden;
    margin-right:8px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.mid-conatainer .body-mid-li .you-referal-link .desc .link-ref .txt-ref .btn-copy-ref,.you-referal-link .link-ref .btn-copy-ref{
    min-width:24px;
    height:24px;
    border-radius:6px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer
}
.you-referal-link .link-ref .btn-copy-ref svg{
    margin:auto;
    fill:#5D6488
}
.you-referal-link .link-ref .btn-copy-ref:hover{
    background:rgba(93,100,136,.16)
}
.mid-conatainer .body-mid-li .row-social .el-social,.search-list .block-input-search{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    position:relative
}
.search-list .block-input-search input{
    background:0 0;
    border-radius:8px;
    width:100%;
    border:none;
    padding:12px 36px 12px 16px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#fff
}
.body-mid-li.support h1,.privacy-policy h1{
    border-bottom:1px solid #3464ff;
    width:fit-content
}
.search-list .block-input-search input::-webkit-input-placeholder{
    color:#5d6488
}
.search-list .block-input-search input::-moz-placeholder{
    color:#5d6488
}
.search-list .block-input-search input:-ms-input-placeholder{
    color:#5d6488
}
.search-list .block-input-search input::-ms-input-placeholder{
    color:#5d6488
}
.search-list .block-input-search input::placeholder{
    color:#5d6488
}
.search-list .block-input-search .btn-search{
    position:absolute;
    right:9px;
    top:9px;
    cursor:pointer
}
.search-list .block-input-search input:focus-visible{
    outline:0;
    background:#1f2440
}
.search-list .li-daily-task.search{
    padding:0!important
}
.search-list .li-daily-task.toggle{
    padding:8px 16px!important;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px
}
.search-list .ui-slider-horizontal .ui-slider-handle{
    margin-left:-7px
}
.search-list .li-daily-task.toggle .header-toggle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:100%;
    cursor:pointer
}
.block-competition .right-part-competition,.block-competition .right-part-competition .price-pool,.block-competition .right-part-competition .top-3,.mid-conatainer .body-mid-li .block-order .block-2,.mid-conatainer .body-mid-li .block-order .block-2 .part-bottom,.mid-conatainer .body-mid-li .block-order .slider,.mid-conatainer .body-mid-li .user-social-link,.mid-conatainer .body-mid-li .you-referal-link .desc,.mid-conatainer .head-competition .el.el-1,.search-list .li-daily-task.toggle .body-toggle,section#main-container .mid-conatainer .mid-li-block{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
.search-list .li-daily-task.toggle .body-toggle{
    display:none;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px
}
.search-list .li-daily-task.toggle .body-toggle .li{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.search-list .li-daily-task.toggle .body-toggle .li.input{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:48px
}
.search-list .ui-widget.ui-widget-content{
    border:none
}
.search-list .ui-slider-horizontal{
    height:4px;
    background-color:#1f2440;
    width:96%;
    margin:auto auto 15px
}
.search-list .ui-widget-header{
    background:#3464ff
}
.search-list .price-range-search{
    width:40.5%;
    background-color:#f9f9f9;
    border:1px solid #6e6666;
    min-width:40%;
    display:inline-block;
    height:32px;
    border-radius:5px;
    float:left;
    margin-bottom:20px;
    font-size:16px
}
.search-list .price-range-field{
    background:#262b47;
    border-radius:8px;
    width:100%;
    border:none;
    padding:8px 8px 8px 24px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#fff
}
.search-list .ui-button,.search-list .ui-button.ui-state-disabled:active,.search-list .ui-button.ui-state-disabled:hover,.search-list .ui-state-default,.search-list .ui-widget-content .ui-state-default,.search-list .ui-widget-header .ui-state-default{
    width:14px;
    height:14px;
    background:#3464ff;
    border:2px solid #191e3c;
    border-radius:32px
}
.search-list .ui-state-default:focus-visible,.search-list .ui-widget-content .ui-state-default:focus-visible{
    outline:0
}
.search-list .input-range input:focus-visible{
    outline:0
}
.search-list .input-range input::-webkit-inner-spin-button,.search-list .input-range input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.search-list .input-range .coin-range{
    position:absolute;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    margin-top:7px;
    margin-left:7px
}
.search-list .header-toggle .txt-toogle{
    font-size:12px;
    line-height:16px;
    color:#5d6488;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.search-list .block-check .txt-check{
    margin-left:8px;
    font-size:14px;
    line-height:20px
}
.search-list .block-check .container{
    display:block;
    position:relative;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:14px;
    height:14px;
    padding:0;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.search-list .count-check{
    font-size:14px;
    line-height:20px;
    text-align:right;
    color:#5d6488;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.search-list .li-check{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.related-articles .body-tasks .desc-article{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    gap:8px
}
.mid-conatainer .main-block,section#main-container .mid-conatainer{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px;
    overflow:hidden
}
section#main-container .mid-conatainer .mid-li-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px;
    width:100%
}
.mid-conatainer .header-mid-li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    align-items:center
}
.mid-conatainer .second-body.modal-offer{
    overflow:hidden;
    border-radius:10px;
    height:69vh
}
.mid-conatainer .second-body.modal-offer iframe{
    height:100%
}
.mid-conatainer .second-body.modal-offer iframe::-webkit-scrollbar-thumb{
    background:rgb(93,100,136,.48);
    border-radius:8px
}
.mid-conatainer .header-mid-li .title{
    font-size:20px;
    line-height:28px;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.mid-conatainer .header-mid-li .title .parent{
    color:#5d6488;
    cursor:pointer
}
.mid-conatainer .header-mid-li .btn-show-all{
    font-size:14px;
    line-height:28px;
    text-align:right;
    color:#5d6488;
    cursor:pointer;
    align-items:center;
    white-space:nowrap
}
.mid-conatainer .body-mid-li .task-box-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    overflow-x:hidden
}
.mid-conatainer .body-mid-li .task-box-list.grid{
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    max-height:380px;
    overflow-y:hidden;
    height:fit-content
}
.mid-conatainer .body-mid-li .task-box-list .block-info{
    max-width:200px;
    width:100%;
    max-height:224px;
    background:#191e3c;
    border-radius:8px;
    padding:8px;
    position:relative
}
.mid-conatainer .body-mid-li .task-box-list .block-info .img{
    width:100%;
    height:80px;
    border:1px solid #262b47;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    display:flex
}
.mid-conatainer .body-mid-li .block-order .slider .main-img img,.mid-conatainer .body-mid-li .block-order .slider .sup-img .li-sup-img img,.mid-conatainer .body-mid-li .task-box-list .block-info .img img{
    height:100%;
    margin:auto
}
.mid-conatainer .body-mid-li .task-box-list .block-info .spec-info{
    position:absolute;
    padding:2px 6px;
    border-radius:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:14px;
    top:14px;
    font-size:10px;
    line-height:12px
}
.mid-conatainer .body-mid-li .task-box-list .block-info .spec-info.new{
    background:#ff546b
}
.mid-conatainer .body-mid-li .task-box-list .block-info h1{
    font-size:16px;
    line-height:20px;
    margin:8px 0 0
}
.mid-conatainer .body-mid-li .task-box-list .block-info .desc{
    font-size:12px;
    line-height:14px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    gap:4px;
    margin-top:4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%
}
.mid-conatainer .body-mid-li .task-box-list .block-info .btn .txt-btn{
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0
}
.mid-conatainer .body-mid-li .task-box-list .block-info .btn{
    background:rgba(52,100,255,.16);
    border:1px solid #3464ff;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    font-size:12px;
    line-height:14px;
    margin:auto
}
.chart-stat-user,.mid-conatainer .body-mid-li .table-mid{
    padding:16px;
    background:#191e3c;
    border-radius:8px
}
.mid-conatainer .body-mid-li .table-mid table.table-referal th{
    width:42%
}
.mid-conatainer .body-mid-li .table-mid table tbody tr{
    border-bottom:1px solid
}
.mid-conatainer .body-mid-li .table-mid table.table-history th{
    width:12%;
    padding-bottom:17px
}
.mid-conatainer .body-mid-li .table-mid table td{
    padding:12px 0;
    font-size:16px;
    line-height:20px
}
.mid-conatainer .body-mid-li .table-mid table.table-history td{
    font-size:12px;
    line-height:14px;
    padding:12px 24px 12px 0;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.mid-conatainer .body-mid-li .table-mid table td .avatar-user-table{
    border:2px solid #343b58;
    width:36px;
    height:36px;
    border-radius:32px;
    overflow:hidden
}
.mid-conatainer .body-mid-li .table-mid table td .name-user-table{
    font-size:16px;
    line-height:20px;
    color:#9254ff;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.mid-conatainer .body-mid-li .table-mid table td .icon-table{
    width:16px;
    height:16px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.mid-conatainer .footer-table{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:20px;
    padding-bottom:0
}
.mid-conatainer .footer-table .table-nav{
    padding:6px 12px;
    font-size:12px;
    line-height:14px;
    color:#fff;
    background:rgba(93,100,136,.16);
    border:1px solid #343b58;
    border-radius:8px;
    cursor:pointer
}
.mid-conatainer .footer-table .table-nav:hover,.mid-conatainer .head-competition .el .btn:hover{
    background:rgba(52,100,255,.16);
    border:1px solid #3464ff
}
.mid-conatainer .footer-table .pagination-table .txt,.mid-conatainer .footer-table .table-nav.disabled,.mid-conatainer .head-competition .el .time span{
    color:#5d6488
}
.mid-conatainer .footer-table .table-nav.disabled:hover{
    background:rgba(93,100,136,.16);
    border:1px solid #343b58;
    cursor:not-allowed
}
.mid-conatainer .footer-table .pagination-table{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:4px;
    font-size:12px;
    line-height:14px;
    text-align:center;
    color:#fff;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.mid-conatainer .tabs-form{
    background:#1f2440;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding:2px;
    margin:auto auto 19px
}
.mid-conatainer .body-mid-li.competition,.mid-conatainer .list-notification{
    background:#191e3c;
    border-radius:8px
}
.mid-conatainer .list-notification .delimiter-notif{
    height:1px;
    width:100%;
    margin:auto;
    background:#1f2440
}
.mid-conatainer .delimiter-competitiotn{
    background:#5d6488;
    opacity:.16;
    border-radius:8px;
    height:1px;
    width:calc(100% - 32px);
    margin:auto
}
.mid-conatainer .head-competition{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:16px
}
.mid-conatainer .body-mid-li .block-order .block-2 .btn-block,.mid-conatainer .head-competition .el{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.mid-conatainer .head-competition .el.el-1{
    -ms-flex-direction:column;
    flex-direction:column;
    gap:4px
}
.mid-conatainer .head-competition .el .time{
    font-size:12px;
    line-height:14px;
    text-align:right;
    margin:auto 8px auto auto
}
.mid-conatainer .head-competition .el .btn{
    padding:6px 12px;
    background:rgba(93,100,136,.16);
    border:1px solid #343b58;
    border-radius:8px;
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    margin-top:auto;
    margin-bottom:auto
}
.mid-conatainer .head-competition .el.el-2{
    gap:8px
}
.block-competition .right-part-competition{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:192px
}
.block-competition .right-part-competition .price-pool{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:8px;
    padding-top:8px
}
.block-competition .right-part-competition .price-pool .coins{
    font-size:24px;
    line-height:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    gap:4px
}
.block-competition .right-part-competition .top-3{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    -ms-flex-direction:column;
    flex-direction:column
}
.block-competition .right-part-competition .top-3 .el-top .top-nr{
    background:rgba(93,100,136,.16);
    border:1px solid #343b58;
    border-radius:32px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    text-align:center;
    min-width:36px;
    min-height:36px;
    line-height:36px
}
.block-competition .right-part-competition .btn-invite{
    width:100%;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    background:rgba(93,100,136,.16);
    border:1.5px solid #343b58;
    border-radius:8px;
    padding:8px 16px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    font-size:14px;
    line-height:16px;
    color:#fff;
    margin-top:26px;
    cursor:pointer
}
.block-competition .right-part-competition .btn-invite:hover{
    background:rgba(52,100,255,.16);
    border:1.5px solid #3464ff
}
.block-competition .table-competion .bronze,.block-competition .table-competion .gold,.block-competition .table-competion .silver{
    width:24px;
    height:24px
}
.block-competition .table-competion td.top{
    color:#5d6488;
    padding:12px 8px!important;
    text-align:center
}
.block-competition .table-competion .me-top{
    background:rgba(255,255,255,.04)
}
.mid-conatainer .body-mid-li .you-referal-link .desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    margin:auto;
    gap:8px
}
.mid-conatainer .body-mid-li .you-referal-link .desc .link-ref{
    background:#1f2440;
    border-radius:8px;
    padding:6px 6px 6px 8px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts svg{
    width:36px;
    height:36px;
    cursor:pointer
}
.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts .manual-icon{
    width:36px;
    height:36px;
    background-color:#262b4d;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
section#referal-bonus .block .body .block-input-two .manual-icon{
    width:36px;
    height:36px;
    background-color:#262b4d;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer
}
section#referal-bonus .block .body .block-input-two .manual-icon svg{
    margin:auto;
    height:100%
}
.mid-conatainer .body-mid-li .user-social-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    background:#191e3c;
    border-radius:8px;
    padding:16px;
    -ms-flex-direction:column;
    flex-direction:column
}
.mid-conatainer .body-mid-li .row-social{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px
}
.mid-conatainer .body-mid-li .row-social .el-social:hover{
    cursor:pointer;
    background:rgba(45,50,82,.32);
    border-radius:8px
}
.mid-conatainer .body-mid-li .row-social .el-social svg{
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    left:12px
}
.mid-conatainer .body-mid-li .row-social .el-social .rewrite-social{
    width:35px;
    height:25px;
    position:absolute;
    right:9px;
    top:6px;
    font-size:10px;
    background-color:rgba(45,50,82,.32);
    border-radius:8px;
    text-align:center;
    line-height:25px;
    color:#5d6488;
    display:none
}
.mid-conatainer .body-mid-li .row-social .el-social .rewrite-social:hover{
    color:#fff;
    background-color:#5d6488;
    cursor:pointer
}
.mid-conatainer .body-mid-li .row-social .el-social input{
    background:0 0;
    border-radius:8px;
    width:100%;
    border:none;
    padding:8px 36px 8px 44px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#fff
}
.mid-conatainer .body-mid-li .row-social .el-social input:focus-visible{
    outline:0
}
.mid-conatainer .body-mid-li .row-social .el-social input::-webkit-input-placeholder{
    color:#5d6488
}
.mid-conatainer .body-mid-li .row-social .el-social input::-moz-placeholder{
    color:#5d6488
}
.mid-conatainer .body-mid-li .row-social .el-social input:-ms-input-placeholder{
    color:#5d6488
}
.mid-conatainer .body-mid-li .row-social .el-social input::-ms-input-placeholder{
    color:#5d6488
}
.mid-conatainer .body-mid-li .row-social .el-social input::placeholder{
    color:#5d6488
}
.mid-conatainer .body-mid-li .row-social .el-social.show .rewrite-social{
    display:block;
    margin:0
}
.iosAddToHomeScreenTip{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:fixed;
    z-index:2000;
    background:#787ead;
    bottom:-80px;
    padding:7px;
    width:100%;
    opacity:0;
    -webkit-transition:2s;
    -o-transition:2s;
    transition:2s
}
.iosAddToHomeScreenTip--active{
    opacity:1;
    bottom:80px
}
.iosAddToHomeScreenTip>i{
    margin-right:10px;
    font-size:20px
}
.iosAddToHomeScreenTip .iosAddToHomeScreenTipText{
    line-height:20px
}
.verif_cell::-webkit-inner-spin-button,.verif_cell::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.verif_cell[type=number]{
    -moz-appearance:textfield
}
.mid-conatainer .header-mid-li .title .first-step.children,.mid-conatainer .header-mid-li .title .first-step.parent,.mid-conatainer .header-mid-li .title .second-step.children,.mid-conatainer .header-mid-li .title .second-step.parent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.mid-conatainer .body-mid-li .block-order{
    background:#191e3c;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px;
    gap:16px;
    width:100%
}
.mid-conatainer .body-mid-li .block-order .block-2,.mid-conatainer .body-mid-li .block-order .slider{
    width:50%
}
.mid-conatainer .body-mid-li .block-order .slider .main-img{
    border:1px solid #262b47;
    border-radius:10px;
    overflow:hidden;
    background-color:#fff;
    max-height:196px;
    max-width:304px;
    width:100%;
    display:flex
}
.mid-conatainer .body-mid-li .block-order .slider{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    -ms-flex-direction:column;
    flex-direction:column
}
.mid-conatainer .body-mid-li .block-order .slider .sup-img{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px
}
.mid-conatainer .body-mid-li .block-order .slider .sup-img .li-sup-img{
    width:96px;
    height:64px;
    border:1px solid #262b47;
    border-radius:10px;
    overflow:hidden;
    background-color:#fff;
    cursor:pointer;
    display:flex
}
.mid-conatainer .body-mid-li .block-order .slider .sup-img .li-sup-img.active{
    border:4px solid #3464ff
}
.mid-conatainer .body-mid-li .block-order .block-2 .price-block .price{
    font-size:16px;
    line-height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:6px
}
.mid-conatainer .body-mid-li .block-order .block-2 .price-block .old-price{
    font-weight:500;
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    gap:4px;
    opacity:.5;
    position:relative
}
.mid-conatainer .body-mid-li .block-order .block-2 .price-block .old-price svg{
    position:absolute
}
.mid-conatainer .body-mid-li .block-order .block-2 .desc{
    font-size:12px;
    line-height:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488;
    gap:5px
}
.mid-conatainer .body-mid-li .block-order .block-2 .name{
    font-size:16px;
    line-height:20px;
    color:#fff;
    margin-top:8px
}
.mid-conatainer .body-mid-li .block-order .block-2 .part-bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:12px
}
.mid-conatainer .body-mid-li .block-order .block-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.mid-conatainer .body-mid-li .block-order .block-2 .sel-type{
    background:#262b47;
    border-radius:8px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:12px 8px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.mid-conatainer .body-mid-li .block-order .block-2 .sel-type input{
    background:0 0;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:12px 8px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border:none;
    color:#fff;
    font-size:12px;
    width:70%;
    text-align:end
}
.mid-conatainer .body-mid-li .block-order .block-2 .sel-type input:placeholder-shown{
    text-overflow:ellipsis
}
.mid-conatainer .body-mid-li .block-order .block-2 .sel-type input:focus-visible{
    outline:#3464FF solid 1px
}
.mid-conatainer .body-mid-li .block-order .block-2 .sel-type .desc{
    font-size:12px;
    line-height:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#5d6488
}
.mid-conatainer .body-mid-li .block-order .block-2 .btn-block .btn{
    background:rgba(52,100,255,.16);
    border:1px solid #3464ff;
    border-radius:8px;
    padding:9px 25px;
    color:#fff;
    float:right;
    margin-left:auto
}
#link-ref{
    position:fixed;
    top:-100px
}
.head-competition .tab-competion{
    display:none!important
}
.head-competition .tab-competion.active{
    display:block!important
}
.right-container .daily-check .body-tasks .desc .title-desc{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto;
    text-align:center
}
.right-container .daily-check .body-tasks .desc .value iframe{
    width:12px;
    height:12px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    margin-left:4px
}
.right-container .daily-check .body-tasks .desc .btn{
    background:rgba(52,100,255,.16);
    border:1px solid #3464ff;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -ms-flex-positive:0;
    flex-grow:0;
    font-size:12px;
    line-height:14px;
    margin:20px auto auto
}
.mid-li-block{
    display:flex;
    flex-direction:column;
    gap:16px
}
.mid-li-block .search-support-block{
    width:100%;
    height:192px;
    background:#191e3c;
    border-radius:8px
}
.mid-li-block .list-category-faq,.mid-li-block .list-more-block-sup{
    width:100%;
    height:fit-content
}
.mid-li-block .title{
    width:100%;
    padding:8px 0;
    font-weight:500;
    font-size:20px;
    line-height:28px;
    text-align:center;
    color:#fff
}
.mid-li-block .list-more-block-sup .par_block_more{
    width:100%;
    display:flex;
    gap:16px
}
.mid-li-block .list-more-block-sup .block-more-support{
    width:100%;
    height:fit-content;
    background:#191e3c;
    border-radius:8px;
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:8px
}
.mid-li-block .list-more-block-sup .block-more-support iframe{
    width:36px;
    height:36px;
    margin-left:auto;
    margin-right:auto
}
.mid-li-block .list-more-block-sup .block-more-support h2{
    width:100%;
    font-size:14px;
    line-height:18px;
    text-align:center;
    color:#fff;
    margin:0
}
.mid-li-block .list-more-block-sup .block-more-support p{
    font-size:12px;
    line-height:14px;
    text-align:center;
    color:#5d6488;
    margin:0
}
.mid-li-block .list-more-block-sup .block-more-support .block-btn{
    width:100%;
    display:flex;
    height:inherit
}
.mid-li-block .list-more-block-sup .block-more-support .block-btn .btn{
    padding:8px 24px;
    background:rgba(52,100,255,.16);
    border:1.5px solid #3464ff;
    border-radius:8px;
    margin:auto;
    color:#fff
}
.mid-li-block .list-category-faq .par_block_faq{
    width:100%;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    column-gap:16px;
    cursor:pointer
}
.mid-li-block .list-category-faq .par_block_faq .li-cat-faq{
    width:100%;
    height:56px;
    background:#191e3c;
    border-radius:8px;
    flex:1 1 33%;
    display:flex;
    padding:16px;
    cursor:pointer
}
.mid-li-block .list-category-faq .par_block_faq .li-cat-faq .arrow{
    margin-left:auto;
    align-self:center
}
.mid-li-block .list-category-faq .par_block_faq .li-cat-faq .book{
    margin-right:auto;
    align-self:center
}
.mid-li-block .list-category-faq .par_block_faq .li-cat-faq .txt{
    width:inherit;
    padding-left:12px;
    padding-right:16px;
    font-size:16px;
    line-height:24px;
    color:#fff
}
.articles-support .tab-support svg{
    align-self:center
}
.body-mid-li.support{
    background:#191e3c;
    border-radius:12px;
    padding:24px
}
.body-mid-li.support h1{
    font-size:16px;
    line-height:24px;
    color:#fff;
    padding-bottom:4px
}
.body-mid-li.support p{
    font-size:14px;
    line-height:20px;
    color:#5d6488
}
.body-mid-li.support .block-input .block-header{
    margin-bottom:4px
}
.body-mid-li.support .block-input input:focus-visible,.body-mid-li.support .block-input textarea:focus-visible{
    outline:#3464FF solid 1px
}
.body-mid-li.support .block-input textarea{
    height:76px;
    resize:none
}
.body-mid-li.support .block-btn{
    display:flex;
    justify-content:space-between;
    padding:16px 0
}
.body-mid-li.support .block-btn .link-part{
    font-size:12px;
    line-height:14px;
    display:flex;
    align-items:center;
    color:#5d6488
}
.body-mid-li.support .block-btn .btn{
    background:rgba(52,100,255,.16);
    border:1.5px solid #3464ff;
    border-radius:8px;
    align-items:flex-start;
    padding:8px 24px;
    gap:10px;
    font-size:12px;
    line-height:14px;
    color:#fff;
    text-align:center
}
.body-mid-li.support .block-btn .btn:hover{
    background:#3464ff;
    border:1.5px solid #3464ff;
    border-radius:8px
}
.body-mid-li.support #file-upload{
    position:absolute;
    left:-9999px
}
.body-mid-li.support .group-input{
    width:100%;
    display:flex
}
.body-mid-li.support label[for=file-upload]{
    padding:.5em;
    display:inline-block;
    cursor:pointer;
    background:#434a6f;
    border-radius:0 8px 8px 0;
    height:100%;
    margin:0;
    border-left:1px solid #434a6f
}
.body-mid-li.support label[for=file-upload]:hover{
    background:#6b3880
}
.body-mid-li.support #filename{
    padding:.5em;
    float:left;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    background:#1f2440;
    border-radius:8px 0 0 8px
}
.privacy-policy h1{
    font-size:16px;
    line-height:24px;
    color:#fff;
    margin-bottom:4px
}
.title.error-password{
    flex-direction:column;
    display:flex
}
.title.error-password span{
    color:#ff546b!important
}
.mid-conatainer .body-mid-li .task-box-list.grid.all{
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    max-height:fit-content
}
@media (max-width:1440px){
    section#main-container #content-part{
        padding-left:16px;
        padding-right:16px
    }
    section#main-container .child-main-container{
        gap:20px
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .inn-block{
        flex-direction:column
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts{
        margin:auto;
        gap:10px
    }
}
@media (max-width:1350px){
    .mid-conatainer .body-mid-li .task-box-list.grid{
        grid-template-columns:repeat(auto-fit,minmax(174px,1fr))
    }
}
@media (max-width:1300px){
    section#main-container .right-container{
        max-width:303px
    }
}
@media (max-width:1260px){
    section#main-container .child-main-container{
        flex-direction:column
    }
    section#main-container .right-container{
        width:100%;
        flex-direction:initial;
        max-width:100%
    }
    .right-container .daily-tasks{
        width:47%
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .inn-block{
        flex-direction:initial
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts{
        gap:4px
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info.show-on-4{
        display:block
    }
    .mid-conatainer .body-mid-li .task-box-list.grid{
        grid-template-columns:repeat(auto-fit,minmax(175px,1fr))
    }
}
@media (max-width:800px){
    .mid-conatainer .body-mid-li .task-box-list.grid{
        grid-template-columns:repeat(auto-fit,minmax(170px,1fr))
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info .desc{
        font-size:10px
    }
}
@media (max-width:685px){
    .mid-conatainer .body-mid-li .block-order .block-2 .desc,.mid-conatainer .body-mid-li .block-order .block-2 .price-block,.mid-conatainer .body-mid-li .block-order .slider .sup-img{
        width:fit-content;
        margin:auto
    }
    .mid-conatainer .body-mid-li .block-order,.mid-conatainer .body-mid-li .you-referal-link .desc .inn-block,.mid-li-block .list-category-faq .par_block_faq,.mid-li-block .list-more-block-sup .par_block_more,section#main-container .right-container{
        flex-direction:column
    }
    .mid-conatainer .body-mid-li .block-order .block-2,.mid-conatainer .body-mid-li .block-order .slider,.right-container .daily-tasks{
        width:100%
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts{
        margin:auto;
        gap:10px
    }
    .mid-conatainer .body-mid-li .block-order .slider .main-img{
        margin:auto
    }
    .mid-conatainer .body-mid-li .block-order .slider .main-img img{
        width:50%;
        height:fit-content-
    }
    .mid-conatainer .body-mid-li .block-order .block-2 .name{
        text-align:center
    }
    section#main-container .right-container.mobile{
        display:block
    }
    section#main-container .right-container.desc_full .last-winners-list{
        display:none
    }
    .mid-conatainer .body-mid-li .task-box-list.grid{
        grid-template-columns:repeat(auto-fit,minmax(158px,1fr))
    }
}
@media (max-width:575px){
    #hero .hero-btns-block,#hero h2,#hero h3{
        margin-bottom:20px
    }
    #hero .hero-img .main-img{
        width:60%
    }
    #hero .suplim-img .fx1{
        right:0
    }
    #hero h2,#hero h3{
        font-size:16px;
        line-height:16px
    }
    #hero .spec{
        margin-top:20px
    }
    #hero{
        padding-top:120px;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    #footer .footer-top .footer-info{
        margin:-20px 0 30px
    }
    section#main-container .live-line .live-li{
        width:164.57px;
        height:39.99px;
        gap:6.15px;
        padding:6.15px 9.23px
    }
    section#main-container .live-line .live-li .live-img{
        width:27.68px;
        height:27.68px;
        gap:6.15px
    }
    section#main-container .live-line .live-li .live-desc .live-name{
        font-size:10.7661px;
        line-height:14px;
        width:111px
    }
    section#main-container .live-line .live-btn .txt,section#main-container .live-line .live-li .live-desc .live-txt{
        font-size:9.22807px;
        line-height:11px
    }
    section#main-container .live-line .live-li .live-desc{
        gap:3.84px
    }
    section#main-container .live-line .live-li .live-desc .live-txt .live-coin{
        width:9.23px;
        height:9.23px
    }
    section#main-container .live-line .live-btn{
        width:43.06px;
        height:39.99px
    }
    section#main-container .live-line .live-btn .point{
        width:3px;
        height:3px
    }
    .mid-conatainer .body-mid-li .task-box-list.grid,.mid-conatainer .body-mid-li .task-box-list.grid2{
        grid-template-columns:repeat(auto-fit,minmax(169px,1fr));
        max-height:325px;
        height:fit-content
    }
    .mid-conatainer .body-mid-li .task-box-list.grid2{
        display:-ms-grid;
        display:grid;
        overflow-y:hidden
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info h1{
        font-size:12px;
        line-height:12px
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info{
        height:fit-content;
        padding:8px
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info .img{
        height:70px
    }
    .mid-conatainer .body-mid-li .block-order .block-2 .btn-block .btn{
        width:100%
    }
    .mid-conatainer .tabs-form .tab{
        width:95px
    }
    .mid-conatainer .body-mid-li .task-box-list .block-info .row-task{
        margin-top:5px
    }
    .mid-conatainer .body-mid-li .table-mid table.table-history td{
        padding:12px 0;
        text-align:center;
        font-size:small
    }
    .mid-conatainer .body-mid-li .table-mid table.table-history td:first-child{
        white-space:normal;
        text-align:left
    }
    .mid-conatainer .body-mid-li .table-mid table td .name-user-table{
        font-size:smaller
    }
}
@media (max-width:385px){
    .mid-conatainer .body-mid-li .task-box-list.grid,.mid-conatainer .body-mid-li .task-box-list.grid2{
        grid-template-columns:repeat(auto-fit,minmax(125px,1fr))
    }
    .mid-conatainer .body-mid-li .task-box-list.grid2 .block-info{
        margin:auto
    }
    .mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts .manual-icon,.mid-conatainer .body-mid-li .you-referal-link .desc .social-bnts svg,section#referal-bonus .block .body .block-input-two .manual-icon{
        width:30px;
        height:30px
    }
    .mid-conatainer .body-mid-li .table-mid table td{
        font-size:12px
    }
    .mid-conatainer .footer-table .table-nav{
        font-size:10px
    }
}