.totalcounter{
    padding:15px;
    border-bottom:1px solid rgba(142,227,255,.06);
    display:flex;
    justify-content:space-evenly;
    flex-direction:column;
    align-items:center
}
.systemBlock table{
    border:1px solid rgba(142,227,255,.301);
    margin-bottom:20px;
    box-shadow:0 0 10px rgba(255,255,255,.1)
}
.systemBlock table thead{
    background:#121a25;
    color:#f8e2e2;
    box-shadow:0 0 5px rgba(255,255,255,.1)
}
.systemBlock table td{
    border-collapse:collapse;
    padding:25px 40px;
    text-align:center
}
.systemBlock table tr:nth-child(odd){
    background:rgba(27,39,56,.062)
}
.systemBlock table thead tr{
    background:#215292!important
}
.systemBlock table tr:nth-child(even){
    background:#121a25
}
.swiper{
    margin-left:-20px
}
.swiper-wrappe{
    width:1890px;
    transform:translate3d(-630px,0px,0px)
}
.server-progress{
    width:100%
}
.menu-mobile{
    position:relative;
    text-transform:uppercase;
    display:none
}
.menu-mobile ul.menu-mob{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:10px
}
.menu-mobile ul.menu-mob li{
    display:flex;
    font-size:20px;
    position:relative
}
.menu-mobile ul.menu-mob li a{
    width:200px;
    height:30px;
    padding:20px;
    border-radius:10px;
    color:inherit;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.menu-mobile ul.menu-mob li a::after{
    content:"";
    background-image:url(../images/arrow-right.png);
    background-repeat:no-repeat;
    background-position:left 10px center;
    transition:.3s ease-in
}
.menu-mobile ul.menu-mob li a::before{
    content:"";
    background-image:url(../images/arrow-left.png);
    background-repeat:no-repeat;
    background-position:right 10px center;
    transition:.3s ease-in
}
.menu-mobile ul li a:hover{
    text-shadow:0 0 20px #2b69b9;
    transition:.3s ease-in-out
}
.menu-mobile ul li a:hover::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    z-index:-1;
    box-shadow:-5px -5px 20px #2b69b9
}
.menu-mobile ul li a:hover::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    z-index:-1;
    box-shadow:5px 5px 20px #2b69b9
}
.menu-mobile ul li a:hover::before,.menu-mobile ul li a:hover::after{
    transition:.3s ease-in-out
}
.closed{
    cursor:pointer;
    position:absolute;
    display:none;
    top:20px;
    right:20px;
    z-index:1;
    padding:10px 15px;
    border-radius:50%;
    background-color:rgba(61,75,93,.685);
    opacity:.7;
    transition:opacity .3s
}
.closed:hover{
    opacity:1;
    transition:opacity .3s
}
.closed div{
    width:32px;
    height:2px;
    background-color:#fff;
    margin:8px 0;
    transition:.3s
}
.wrap-download{
    text-align:center
}
.wrap-download h2{
    margin:20px 0
}
.wrap-download h3{
    font-size:12px;
    margin:20px 0;
    color:red;
    font-style:italic;
    font-weight:600
}
.download{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:10px
}
.download a{
    background:rgba(0,0,0,.15);
    min-width:200px;
    height:130px;
    padding:15px 5px;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:background .4s ease-in-out;
    box-shadow:0 0 5px rgba(255,255,255,.1)
}
.download .fonts img:first-child{
    width:200px;
    padding-bottom:20px
}
.download .fonts{
    width:calc(100% - 170px);
    height:auto
}
.download a:hover,.systemBlock td:hover{
    background:rgba(61,75,93,.4)
}
.download a:hover,.download a,.systemBlock td:hover,.systemBlock td{
    transition:background .4s ease-in-out
}
.download a img{
    width:50px
}
.tabs .section-register{
    height:auto;
    padding:20px;
    display:flex;
    justify-content:center;
    align-content:center
}
.tabs .section-register .title{
    margin:0 auto 20px;
    text-align:center;
    font-size:.8rem;
    max-width:400px;
    width:100%
}
.tabs .section-register .title span{
    font-size:1rem;
    text-transform:uppercase;
    color:#d10000;
    font-weight:800
}
.tabs .section-register form{
    display:grid;
    place-items:center;
    gap:10px
}
.tabs .section-register form>input{
    width:70%
}
.content #ucp_info img{
    max-width:auto;
    width:auto
}
.box-style4{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
@media(max-width:200px){
    .container{
        display:flex;
        flex-wrap:wrap;
        justify-content:center
    }
    .content{
        min-width:200px
    }
    #ucp_info{
        margin:0 auto;
        display:flex;
        flex-direction:column;
        align-items:start;
        align-content:center;
        gap:10px
    }
    #ucp_info .half:first-child{
        border-right:none;
        border-bottom:1px solid rgba(223,221,221,.08)
    }
    .systemBlock table td{
        padding:15px
    }
}
@media(max-width:200px){
    .container{
        max-width:100%
    }
    .top-panel{
        display:none
    }
    body.active{
        overflow:hidden
    }
    .menu-mobile.active{
        display:flex;
        width:100vw;
        height:100vh;
        justify-content:center;
        align-items:center;
        position:relative;
        background-color:#121a25
    }
    .closed.active .line1{
        transform:rotate(-45deg) translate(-8px,8px)
    }
    .closed.active .line2{
        opacity:0
    }
    .closed.active .line3{
        transform:rotate(45deg) translate(-5px,-7px)
    }
    .closed{
        display:block
    }
    .left-sidebar,.right-sidebar,.content{
        margin:0
    }
    .footer-info{
        display:flex;
        position:absolute;
        width:100%;
        top:170px;
        flex-direction:column;
        align-items:center
    }
    .copyright{
        text-align:center;
        padding-bottom:20px;
        padding-left:0
    }
    footer ul{
        display:flex;
        text-align:center;
        flex-wrap:wrap;
        gap:10px;
        justify-content:center;
        padding:5px;
        align-items:center
    }
    .f-menu li{
        display:inline-block;
        background:0 0;
        padding:0 10px
    }
    .f-menu li:first-child{
        padding:0 10px;
        border-left:1px solid #3d4b5d
    }
    .f-menu li:last-child{
        padding:0 10px
    }
    .tabs .section-register form>input{
        width:50%
    }
    .tabs .section-register .title{
        width:70%
    }
    #character-info tbody tr td{
        width:auto;
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        margin:0 0 5px
    }
    #ucp_info td{
        padding:2px
    }
    .systemBlock table tr{
        display:flex;
        flex-wrap:wrap
    }
    .systemBlock table tr td{
        width:100%
    }
}
@media(max-width:200px){
    body{
        background-image:none;
        background-color:#121a25
    }
    .container{
        max-width:100%;
        flex-direction:initial;
        align-items:center;
        justify-content:center
    }
    .right-sidebar,.left-sidebar{
        max-width:100%
    }
    .container{
        width:100%
    }
    .content{
        margin-bottom:0;
        width:100%;
        padding:0
    }
    .logo{
        margin:60px auto 0;
        position:unset;
        width:100%;
        scale:.7
    }
    .header{
        max-height:542px;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .arka-winner,.siege-winner{
        width:100%
    }
    .server{
        justify-content:center
    }
    .discord{
        display:flex;
        justify-content:center
    }
    .discord iframe{
        width:100%
    }
    .login-block{
    }
    .download-block{
        display:none
    }
    .flex-center{
        display:flex;
        justify-content:space-around;
        text-align:center
    }
    .slider,.ServerClock,.content:before,.left-sidebar:after,.rank,.container:before,.container:after,.right-sidebar:after,.content:after{
        display:none
    }
    .tabs{
        margin:0
    }
    .p-block{
        padding:20px
    }
    .download a{
        width:75%
    }
    #character-info tbody tr td{
        width:100%;
        padding:10px
    }
    .siege-winner .guild_siege{
        margin-left:0;
        text-align:right;
        padding:0 20px
    }
    .siege-winner .mark_siege img{
        left:50px;
        top:40px
    }
    .siege-winner .guild_owner{
        text-align:right;
        margin-top:10px;
        margin-left:0;
        padding:0 20px
    }
}