@font-face{font-family:'Coming Soon';src:url(../webfonts/ComingSoon/ComingSoon.ttf)}@font-face{font-family:'Chilling Sabrina';src:url(../webfonts/ChillingSabrina/ChillingSabrina.ttf)}@font-face{font-family:'Hey August';src:url(../webfonts/HeyAugust/Hey+August.ttf),url(../webfonts/HeyAugust/Hey+August.otf)}html{position:relative;min-height:100%}body,h1,h2,h3{font-family:Roboto,sans-serif}
body{
    background:#ffff;
    color: #000000;
    margin-bottom:400px
}

.menu-bar{
    background: linear-gradient(
        90deg,
        #2f2f4e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
}
.navbar-custom{
    z-index:1002;
    border:0;
    width:100%;
    border-radius:0;
    background:transparent;
    transition:color .3s cubic-bezier(.17,.67,.83,.67);
    -webkit-transition:margin-top .1s ease-out;
    -o-transition:margin-top .1s ease-out;
    transition:margin-top .1s ease-out;
    font-family:Roboto,sans-serif
}
.navbar-custom .navbar-brand{
    position:absolute;
    margin-top:0;
    z-index:1003
}

.navbar-custom .navbar-nav{
    width:auto
}
.navbar-custom .navbar-nav li{
    margin:0 5px;
    padding:5px 0
}
.navbar-custom .navbar-nav li:first-child{
    margin-left:0
}
.navbar-custom .navbar-nav li:last-child{
    margin-right:0
}
.navbar-custom .navbar-nav li a{
    color:#ffffff;
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    text-align:center;
    min-width:100px
}
.navbar-custom .navbar-nav li a:hover{
    color:#bebebe
}
.navbar-custom .navbar-nav li a small{
    display:block
}
.navbar-custom .navbar-nav li a i{
    margin-right:4px
}
.navbar-custom .dropdown .dropdown-menu{
    width:280px;
    margin-top:10px;
    padding:10px;
    background: linear-gradient(
        90deg,
        #2f2f4e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
}
.navbar-custom .dropdown .dropdown-menu:before{
    position:absolute;
    top:-7px;
    left:20%;
    display:inline-block;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-left:7px solid transparent;
    border-bottom-color:rgba(0,0,0,0.2);
    content:''
}
.navbar-custom .dropdown .dropdown-menu:after{
    position:absolute;
    top:-6px;
    left:20%;
    display:inline-block;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-left:6px solid transparent;content:''
}
.navbar-custom .dropdown .dropdown-menu-right:before,.navbar-custom .dropdown .dropdown-menu-right:after{
    left:initial;
    right:30%
}
.navbar-custom .dropdown .dropdown-menu form{
    padding:0 10px!important
}
.navbar-custom .dropdown .dropdown-menu label{
    font-size:14px;
    font-weight:700;
    color:#ffffff
}
.navbar-custom .dropdown .dropdown-menu button{
    background:#FFA543;
    border:1px solid #FF9117
}
.navbar-custom .dropdown .dropdown-menu button:hover{
    background:#FF9117
}
.navbar-custom .dropdown .dropdown-menu .head h2{
    margin:10px 0 0;
    color:#FFA543;
    text-transform:uppercase;
    font-size:14px
}
.navbar-custom .dropdown .dropdown-menu .head p{
    margin:0 0 10px;
    color:#ffffff;
    font-size:12px
}
.navbar-custom .dropdown .dropdown-menu a,.navbar-custom .dropdown .dropdown-menu a:focus,.navbar-custom .dropdown .dropdown-menu a:active{
    text-align:left;
    background:transparent;
    color:#ffffff;
    font-size:13px;
    font-weight:400;
    padding:10px 5px;
    border-bottom:1px solid rgba(117,117,117,0.1)
}
.navbar-custom .dropdown .dropdown-menu a:hover{
    color:#a8a6a7
}
.navbar-custom .dropdown .dropdown-menu a:first-child{
    margin-top:0
}
.navbar-custom .dropdown .dropdown-menu a:last-child{
    border-bottom-color:transparent
}
.navbar-custom .dropdown .dropdown-menu a .menu-icon{
    width:16px;
    margin-right:6px;
    margin-top:-2px
}
.navbar-custom .navbar-nav > li:first-child{
    padding-left:0!important
}
.navbar-custom .navbar-nav li:last-child{
    padding-right:0!important
}
.navbar-custom .navbar-nav > li:first-child:before{
    display:none
}
.navbar-custom .dropdown-toggle::after{
    display:none
}
.navbar-custom .dropdown .dropdown-menu input{font-size:14px;padding:0 10px}.navbar-custom .dropdown .dropdown-menu .btn{width:100%}.navbar-custom .dropdown .dropdown-menu .links{margin:20px 0 0}
.navbar-custom .dropdown .dropdown-menu .links a{
    color:#fffc60;
    text-decoration:none;
    font-size:12px;font-weight:400;
    text-transform:uppercase;
    margin:10px 0;
    padding:0;
    border:0
}
.navbar-custom .dropdown .dropdown-menu .links a:hover{
    color:#8b8b60
}
.navbar-custom .dropdown .dropdown-menu .links .links::after{display:block;content:"";clear:both}@media (min-width: 992px){.navbar-custom .animate{animation-duration:.3s;-webkit-animation-duration:.3s;animation-fill-mode:both;-webkit-animation-fill-mode:both}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}100%{transform:translateY(0rem);opacity:1}0%{transform:translateY(1rem);opacity:0}}@-webkit-keyframes slideIn{0%{-webkit-transform:transform;-webkit-opacity:0}100%{-webkit-transform:translateY(0);-webkit-opacity:1}0%{-webkit-transform:translateY(1rem);-webkit-opacity:0}}.navbar-custom .slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}
.top-bar{
    background: linear-gradient(
        90deg,
        #2f2f4e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
    height:55px
}
.server-status .item,.community-bar .community-links,.community-bar .search-database{
    z-index:999;
    position:relative
}
.community-bar{
    width:300px;
    height:auto;padding:0;
    margin-top:10px;background:transparent;
    float:right
}
.server-status{
    float:left;height:auto;width:500px;margin-top:11px
}
.server-status .item{
    float:left
}
.server-status .item{z-index:1001;margin-right:25px;margin-top:0;color:#235697;font-size:22px}
.server-status .item .fa-sitemap{
    color:#000000
}
.server-status .item .fa-chess-rook{
    color:#B6923C
}
.server-status .item .fa-child{
    color:#3dc52b
}
.server-status .item .fa-users{
    color:#ffee00
}
.server-status .item .icon{
    float:left;
    width:auto
}
.server-status .item .base{
    float:right;
    display:inline-block;
    width:50px;
    height:auto;
    padding:3px;
    text-align:left;
    margin:4px 0 0 12px;
    background:#000000;
    line-height:15px;
    border-radius:2px
}
.server-status .item .base.auto{
    width:auto;
    padding:5px 10px;
    font-size:10px;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:bold;
    border-radius:4px;
}
.server-status .item .base.active{
    color:#1aff00
}
.server-status .item .base.deactivate{
    color:#ff001e
}
.server-status .item .base i{
    font-size:18px
}
.community-bar .search-database input,.community-bar .search-database select,.community-bar .search-database button,.community-bar .search-database .dropdown{
    float:left;
    line-height:26px;
    outline:0
}
.community-bar .search-database input{
    width:150px;
    background:#fff;
    padding-left:30px;
    border:1px solid #EEE!important;
    border-right:0!important;
    border-radius:2px 0 0 2px!important
}
.community-bar .search-database input:focus,.community-bar .search-database input:active,.community-bar .search-database input:visited{
    background:#fff!important;
    border:1px solid #EEE!important;
    border-right:0!important
}
.community-bar .search-database .dropdown button{
    min-width:100px
}
.community-bar .search-database .dropdown button,.community-bar .search-database .dropdown button:active,.community-bar .search-database .dropdown button:focus,.community-bar .search-database .dropdown button:visited{
    padding:0 10px;
    background:#fff;
    color:#757575;
    font-size:13px;
    height:36px;
    border:1px solid #EEE;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;outline:0;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.community-bar .search-database .dropdown .dropdown-toggle::after{
    float:right;margin-top:10px
}
.community-bar .search-database .dropdown .dropdown-menu{
    margin-top:10px;padding:10px
}
.community-bar .search-database .dropdown .dropdown-menu a{
    color:#757575;
    font-size:13px;
    padding:5px 12px;
    border-bottom:1px solid rgba(117,117,117,0.1);
    margin-top:5px
}
.community-bar .search-database .dropdown .dropdown-menu a:first-child{
    margin-top:0
}
.community-bar .search-database .dropdown .dropdown-menu a:last-child{
    border-bottom-color:transparent
}
.community-bar .search-database .dropdown .dropdown-menu a:hover{
    background:#FFA329;
    color:#fff;
    border-radius:2px;
    border-bottom-color:transparent
}
.community-bar .search-database .dropdown .dropdown-menu:before{
    position:absolute;
    top:-7px;
    left:35%;
    display:inline-block;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-left:7px solid transparent;
    border-bottom-color:rgba(0,0,0,0.2);
    content:''
}
.community-bar .search-database .dropdown .dropdown-menu:after{
    position:absolute;
    top:-6px;
    left:35%;
    display:inline-block;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-left:6px solid transparent;
    content:''
}

.community-links{
    float:left;
    width:145px;
    margin:10px 70px 0;
    text-align:right;
    background:#ffffff;
    border-radius:4px;
    box-sizing:border-box;

}
.community-links .community-link{
    margin-right:16px;
    font-size:24px;
    margin-top:0;
    color:#fff
}
.community-links .fa-facebook{
    color:#38539B
}
.community-links .fa-discord{
    color:#6F85D4
}
.community-links .fa-youtube{
    color:#EF1B0D
}
.community-links .fa-instagram{
    color:#7421B6
}
.community-links a:hover i{
    opacity:.5
}
.header{background:url(../images/bg-header.png) no-repeat;background-size:100%;background-position:center center;height:auto}

.header .logo{
    padding:30px 0;
    background:url(../images/bg-header-render.png) no-repeat;
    background-size:515px;
    background-position:right bottom
}
.sub-content{padding:15px 25px 50px!important}.sub-content .head{color:#ff9119}.sub-content .head,.sub-content .sub-head{margin:0;padding:0}.sub-content .sub-head{font-size:12px}.main-content{padding:0;margin-top:10px}
.home .news {
    float:left;
    width:500px;
    height:258px;
}
.home .news .filter{list-style:none;margin:0;padding:0 0 15px;border-bottom:2px solid #f2f2f2}.home .news .filter li{display:inline-block;width:auto;margin:0 2px;font-size:12px;padding:0;text-transform:uppercase;text-align:center}.home .news .filter li a{display:inline-block;min-width:60px;padding:10px 2px 2px;color:#657a4c;text-decoration:none}.home .news .filter li a:hover{color:#94AE76}.home .news .filter li.active a{color:#b0aeae}.home .news .filter li.read-more{float:right}.home .news .filter li.read-more a{padding:6px 8px;width:auto;min-width:auto;font-size:8px;color:#657a4c;border:1px solid #657a4c;margin-top:4px}.home .news .filter li.read-more a:after{display:none}.home .news .filter li.read-more a:hover:after,.home .news .filter li.read-more a:focus:after,.home .news .filter li.read-more a:hover::after{width:5px;background:transparent}.home .news .items{margin-top:20px}.home .news .item{margin-top:15px;display:block}.home .news .empty{font-size:14px;color:#3B3B3B}.home .news .items .tag,.home .news .items .title,.home .news .items .date{float:left;font-size:13px;line-height:20px}.home .news .items .tag{padding:0;width:70px;text-align:center;text-transform:uppercase;color:#fff;font-weight:700;font-size:8px;background:#2BA124;border-radius:1px}.home .news .items .tag.event{background:#FFA329}.home .news .items .tag.update{background:#128CD9}.home .news .items .tag.maintenance{background:#C52C3F}.home .news .items .title{width:270px;margin-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#525151}.home .news .items .date{text-align:right;width:70px;margin-left:20px;color:#999797}.home .news .items:after,.home .news .items .item:after{content:"";display:table;clear:both}
.home .slider-container{
    float:right;
    padding:4px;
    width:580px;
    height:258px;
    background:#0f172a;
    border-radius: 8px;
}
.home .slider-container .anim-slider{
    width:100%;
    height:248px;
    background-color:rgba(158,204,254,0.5)
}
.home .slider-container .anim-slider .anim-slide{width:100%;height:248px;border:0}.home .slider-container .anim-slider .anim-slide .content{width:100%;height:248px;border:0}.home .slider-container nav.anim-arrows>span.anim-arrows-prev:after{color:#fff}.home .slider-container nav.anim-arrows>span.anim-arrows-next:after{color:#fff}.home .slider-container nav.anim-arrows>span.anim-arrows-prev,.home .slider-container nav.anim-arrows>span.anim-arrows-next{-webkit-box-shadow:0 0 0 2px #fff;-moz-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}.home .slider-container nav.anim-arrows>span.anim-arrows-prev{left:1.8%}.home .slider-container nav.anim-arrows>span.anim-arrows-next{right:1.8%}.home .slider-container .anim-dots{display:none}.home .slider-container li.anim-slide:nth-of-type(1) .content{background:url(../images/slider/image-01.jpg) 100%/cover}.home .slider-container li.anim-slide:nth-of-type(2) .content{background:url(../images/slider/image-02.jpg) 100%/cover}.home .slider-container li.anim-slide:nth-of-type(3) .content{background:url(../images/slider/image-03.jpg) 100%/cover}.home .slider-container li.anim-slide .description{position:absolute;width:auto;max-width:300px;padding:10px 20px 20px;right:20px;border-radius:2px;text-decoration:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.home .slider-container li.anim-slide:nth-of-type(1) .description,.home .slider-container li.anim-slide:nth-of-type(2) .description,.home .slider-container li.anim-slide:nth-of-type(3) .description{bottom:20px;color:#fff}.home .slider-container li.anim-slide:nth-of-type(1) .description{background:rgba(82,177,73,0.9)}.home .slider-container li.anim-slide:nth-of-type(1) .description:hover{background:rgba(82,177,73,1)}.home .slider-container li.anim-slide:nth-of-type(2) .description{background:rgba(249,179,50,0.9)}.home .slider-container li.anim-slide:nth-of-type(2) .description:hover{background:rgba(249,179,50,1)}.home .slider-container li.anim-slide:nth-of-type(3) .description{background:rgba(18,140,218,0.9)}.home .slider-container li.anim-slide:nth-of-type(3) .description:hover{background:rgba(18,140,218,1)}
.home .slider-container li.anim-slide:nth-of-type(1) .head,.home .slider-container li.anim-slide:nth-of-type(2) .head,.home .slider-container li.anim-slide:nth-of-type(3) .head,.home .slider-container li.anim-slide:nth-of-type(1) .text,.home .slider-container li.anim-slide:nth-of-type(2) .text,.home .slider-container li.anim-slide:nth-of-type(3) .text{
    width:100%;
    position:relative;
    text-align:left
}.home .slider-container li.anim-slide:nth-of-type(1) .head,.home .slider-container li.anim-slide:nth-of-type(2) .head,.home .slider-container li.anim-slide:nth-of-type(3) .head{font-weight:700;text-transform:uppercase;font-size:20px;font-family:'Open Sans',sans-serif}.home .slider-container li.anim-slide:nth-of-type(1) .text,.home .slider-container li.anim-slide:nth-of-type(2) .text,.home .slider-container li.anim-slide:nth-of-type(3) .text{
    font-size:14px;
    letter-spacing:0px;
    font-family:'Roboto',sans-serif
}
.home .slider-container li.anim-slide:nth-of-type(1) .line-2,.home .slider-container li.anim-slide:nth-of-type(2) .line-2,.home .slider-container li.anim-slide:nth-of-type(3) .line-2{margin-top:70px;letter-spacing:2px;font-family:'Open Sans Condensed',sans-serif}.wrapper-left{float:left;width:280px;margin-top:30px}

.wrapper-center{
    float:left;
    width: calc(100% - 280px - 20px);
    margin: 30px 0 0 20px;
}
.wrapper-right{float:right;width:280px;margin-top:30px}.wrapper-full{width:100%;float:left}
.server-info,.woe-info{
    margin:0;
    padding:20px;
    height:350px;
    background: linear-gradient(
        90deg,
        #3f3f7e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
    border-radius: 8px;
}
.woe-info .head{border-bottom:1px solid #EDEDED;padding-bottom:20px}.woe-info .head .title{width:190px}.server-info .head .title,.woe-info .head .icon{float:left}.woe-info .head .title{float:right}.woe-info .head .icon{width:50px}
.server-info .head .title h2,.woe-info .head .title h2{
    color:#ffffff;
    font-size:14px;
    font-weight:700;
    font-family:'Roboto';text-transform:uppercase;
    letter-spacing:1px;
    line-height:28px
}
.woe-info .head .title h2,.woe-info .head .title span{margin:0;padding:0;line-height:normal!important}
.woe-info .head .title span{
    font-family:'Roboto';
    font-size:12px;
    color:#ffffff;
    margin-top:-4px!important
}
.woe-info .items{margin-top:20px}.woe-info .items:after,.woe-info .items .item:after{content:"";display:table;clear:both}.woe-info .items .item{margin:10px 0}
.woe-info .items .item .day{
    float:left;
    width:50px;
    font-size:20px;
    text-transform:uppercase;
    line-height:38px;
    color:#fff019;
}
.woe-info .items .item .content{float:right;width:180px}.woe-info .items .item .content .title{font-weight:700;font-size:14px}.woe-info .items .item .content .time{font-size:12px}
.woe-info .items .item .content .title,.woe-info .items .item .content .time{
    color:#ffffff
}
.server-info .head .status-wrapper{
    float:right;
    display:inline-block;
    width:106px;
    height:26px;
    padding:2px;
    text-transform:uppercase;
    text-decoration:none;
    background:#ff0400;
    -moz-transform:skew(-20deg);
    -o-transform:skew(-20deg)
}
.server-info .head .status-wrapper .base{
    position:relative;
    width:104px;
    line-height:18px;
    padding:3px;
    color:#fff;
    font-size:10px;
    font-weight:400;
    text-align:center;
    background:transparent;
    -moz-transform:skew(20deg);
    -o-transform:skew(20deg)
}
.server-info .head .status-wrapper.active{
    background:#0dff00
}
.server-info .filter{margin:20px 0}.server-info .filter button{float:left;width:50%;color:#3b3b3b;background:#dfdad6;border:1px solid #b7b4ab;border-radius:0;font-family:'Roboto';font-size:12px;text-transform:uppercase}.server-info .filter button:focus,.server-info .filter button:active{outline:0!important;box-shadow:none!important}.server-info .filter .active{background:#ededed!important}.server-info .filter button:last-child{float:right;border-left:0}.server-info .items{margin-top:10px}.server-info .items .item{margin:8px 0}.server-info .items .item:first-child{margin-top:0}.server-info .items .item:last-child{margin-bottom:0}
.server-info .items .item .label{
    float:left;
    width:130px;
    color:#ffffff;
    font-size:12px;
    font-weight:700
}
.server-info .items .item .value{
    float:right;
    width:50px;
    color:#fff019;
    font-size:12px;
    text-align:right
}
.server-info .items .item .value.on {
    color: #00ff00;
    font-weight: bold;
}

.server-info .items .item .value.off {
    color: #ff0000;
    font-weight: bold;
}
.server-info .filter::after,.server-info .items .item::after,.server-info .head::after,.woe-info .head::after{content:"";display:table;clear:both}
.ranking{
    padding:6.5px 20px;
    background: linear-gradient(
        90deg,
        #3f3f7e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
    border-radius: 8px;
}
.ranking .head .icon{float:left;width:38px;line-height:32px}
.ranking .head .title{
    float:left;
    color:#fff019;
    font-size:32px;
    line-height:48px;
    padding:0;
    margin:0 5px;
    filter:drop-shadow(1px 1px #010101)
}
.ranking .head .read-more{
    float:right;
    text-align:center;
    margin-top:5px
}
.ranking .head .read-more a{
    margin-top:0;
    width:25px;
    line-height:20px;
    font-size:8px;
    padding:6px 8px;
    color:#007BFF;
    border:1px solid #007BFF
}
.ranking .head .read-more a:hover{
    color:#046fe0;
    border-color:#046fe0
}
.ranking .head::after{
    content:"";
    display:table;
    clear:both
}
.ranking .filter{
    list-style:none;
    margin:5px 0;
    padding:0 0 15px;
    text-align:center;
    border-bottom:2px solid #f2f2f2
}
.ranking .filter li{
    display:inline-block;
    width:auto;
    margin:0 2px;
    font-size:12px;
    padding:0;
    text-transform:uppercase;
    text-align:center
}
.ranking .filter li a{
    display:inline-block;
    min-width:60px;
    padding:10px 2px 2px;
    color:#f7ef7e;
    text-decoration:none
}
.ranking .filter li a:hover{
    color:#ff9119;
}
.ranking .filter li.active a{
    color:#ff9119;
}
.ranking .content{
    margin-top:10px
}

.ranking .content .view {
    float: left;
    width: 220px;
    text-align: center;
}

.ranking .content .positions {
    float: left;
    width: calc(100% - 220px);
}

.ranking .content .positions .table {
    width: 100%;
}
.ranking .content::after,.ranking .content .positions::after{
    content:"";
    display:table;
    clear:both
}
.ranking .content .view .name{
    font-family:'Roboto';
    color:#ff9119;
    font-size:12px;
    padding:5px 0
}
.ranking .content .view .image{
    margin:8px 0;
    padding:10px 0;
    height:auto;
    position:relative;
    height:100%
}
.ranking .content .view .guild-flag{
    background:url(../images/guild-flag.png) no-repeat;
    background-position:top center;
    text-align:center;
    height:110px;
    line-height:80px
}
.ranking .content .view .image .desc{
    position:absolute;
    text-align:center;
    width:100%;
    margin-top:-20px
}
.ranking .content .view .more .btn{
    font-size:12px;
    border-radius:2px;
    margin-top:8px
}
.ranking .table thead,.ranking .table thead tr,.ranking .table thead tr th,.ranking .table tbody,.ranking .table tbody tr,.ranking .table tbody tr td{
    border:0
}
.ranking .table thead tr th{
    font-weight:400;
    font-size:12px;
    font-family:'Roboto';
    text-transform:uppercase;
    color:#fff019;
    padding:6px;
    font-weight:bold
}
.ranking .table tbody tr td{
    line-height:24px;
    height:24px;
    padding:5.5px;
    font-size:12px;
    color: #ffffff;
    font-family:'Roboto'
}
.ranking .table tbody tr:nth-child(odd) td{
    color: #ffffff;
    background:#0f172a
}
.ranking .table tbody tr td:first-child{
    font-weight:700;
    color:#ffffff
}
.ranking .table tbody [data-action="rank-change"]{
    cursor:pointer
}
.ranking .ranking-hidden{
    display:none
}

.home .owl-gallery{margin-top:30px}
.home .owl-gallery .owl-carousel{
    background:#0f172a;
    padding:5px
}
.home .owl-gallery .owl-carousel .item{width:270px;height:180px}.home .owl-gallery .owl-carousel .item iframe{width:100%;height:180px}
.home .owl-gallery .owl-gallery-nav{
    position:absolute;
    top:88%;
    left:0;
    right:0;
    width:100%
}
.home .owl-gallery .owl-gallery-nav .owl-prev,.home .owl-gallery .owl-gallery-nav .owl-next{
    z-index:1001;
    position:absolute;
    width:40px;
    height:40px;
    line-height:30px;
    text-align:center;
    color:#fff;
    background:#000000;
    border:1px solid #DFDAD6;
    border-radius:0;
    visibility:hidden;
    cursor:pointer;
    outline:0;
    -webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.home .owl-gallery .owl-gallery-nav i{font-size:20px}.home .owl-gallery:hover .owl-gallery-nav .owl-prev,.home .owl-gallery:hover .owl-gallery-nav .owl-next{visibility:visible}
.home .owl-gallery .owl-gallery-nav .owl-prev:hover,.home .owl-gallery .owl-gallery-nav .owl-next:hover{
    background:#2c2c2c;
    border-color:#000000;
    color:#fff
}
.home .owl-gallery .owl-gallery-nav .owl-prev{left:-10px}.home .owl-gallery .owl-gallery-nav .owl-next{right:-10px}.sub-menu{z-index:1;padding:5px 0;margin:0;background:transparent}
.sub-menu .container{
    padding:10px 16px;
    background:#ffffff;
    border:1px solid #ffffff
}
.sub-menu .container::after{
    content:"";
    display:table;
    clear:both
}
.sub-menu .menu-icon{float:left;margin:5px 0;text-decoration:none;font-size:12px;font-weight:400;text-transform:uppercase;color:#ff9119}.sub-menu .menu-icon i{margin-right:5px}.sub-menu .breadcrumb{width:92%;float:left;border:0;padding:0;margin:0 10px;background:transparent;border:0;border-radius:0}.sub-menu .breadcrumb-item::before{color:#e6e3e3}.sub-menu li{margin:5px 0}.sub-menu li,.sub-menu li a{text-decoration:none;font-size:12px;font-weight:400;text-transform:uppercase}
.sub-menu li a{
    color:#000000
}
.sub-menu a:hover{
    color:#007BFF
}
.news-list .head{
    margin-top:30px
}
.news-view .head h2,.news-view .head p,.news-list .head h2,.news-list .head p{
    margin:0;padding:0
}
.news-list .head h2{
    color:#16B5D5
}
.news-list .head h2 a{
    color:#16B5D5;
    text-decoration:none
}
.news-view .head p,.news-list .head p{
    color:#000;
    font-size:14px
}
.news-view .head .tag a,.news-list .head .tag a{
    text-transform:uppercase;font-size:12px;text-decoration:none
}
.news-view .footer a i,.news-list .footer a i,.news-view .head .tag a i,.news-list .head .tag a i{
    margin-right:3px
}
.news-view .head p small,.news-list .head p small{
    font-size:13px
}
.news-view .content,.news-list .content{
    margin:10px 0;font-size:14px;height:80px
}
.news-view .footer,.news-list .footer{
    font-size:10px;color:#EBE8E8
}
.news-view .footer a,.news-list .footer a{
    text-transform:uppercase;font-size:12px;text-decoration:none;margin:0 10px
}
.news-view .footer a:first-child,.news-list .footer a:first-child{margin-left:0}.news-view .footer a:last-child,.news-list .footer a:last-child{margin-right:0}.donate-page .item{display:block;width:300px;height:300px;margin:60px auto;text-align:center;border-radius:4px}.donate-page .item:hover{opacity:.9}.donate-page .item.green{background:#FF9F17}.donate-page .item.blue{background:#15B6D3}.donate-page .item.green img{width:380px;margin-top:-40px;margin-left:-60px}.donate-page .item.blue img{width:340px;margin-top:-40px;margin-left:-20px}.search-toggle-btn{margin-top:10px}.search-toggle-btn a{font-size:14px;text-transform:uppercase;text-decoration:none}.search-toggle button i,.search-toggle-btn a i{margin-right:2px}.search-toggle{display:none}.form-main input,.search-toggle input{padding-left:10px;padding-right:10px}.form-main .form-group,.search-toggle .form-group{margin-top:5px}.form-main .form-group label,.search-toggle .form-group label{text-transform:uppercase;font-weight:700;font-size:12px}.form-main .form-group .form-text{margin:0}.mce-tinymce{border-radius:2px;border-width:1px}input,select{border-radius:2px!important;background:#fff;line-height:20px}select{height:30px;padding:5px 10px;font-size:12px}

input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active,input[type="button"]:hover,input[type="button"]:focus,input[type="button"]:active,button:hover,button:focus,button:active{background:#ff9119}.table-green{border:0;margin-top:40px}.table-green thead,.table-green thead tr,.table-green thead th,.table-green tbody,.table-green tbody tr,.table-green tbody td{border:0;font-family:Roboto,sans-serif;font-weight:400}.table-green thead tr{background:#2BA124;color:#fff;border:0}.table-green thead th,.table-green tbody td{min-width:24px}.table-green thead th a{color:#fff;text-decoration:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.table-green thead th a:hover{color:#f9f4f4}.table-green thead th:first-child{border-top-left-radius:2px}.table-green thead th:last-child{border-top-right-radius:2px}.table-green tbody{border:1px solid #DEE2E6;border-top:0}.table-green tbody td{border-bottom:1px solid #DEE2E6;line-height:25px}.table-green tbody td a{text-decoration:none}.table-green tbody tr:last-child td{border-bottom:0}.security-code{margin-bottom:10px}.search-form2 p{border:0}.search-form2 label{font-family:Roboto,sans-serif;font-style:normal;font-size:12px;font-weight:700}.search-form2 input[type="submit"]{font-weight:400}.go-top,.go-top:active,.go-top:focus{z-index:1003;display:none;position:absolute;position:fixed;bottom:2%;right:2%;width:40px;height:40px;color:#fff;text-align:center;line-height:40px;background-attachment:scroll;background:url(../images/scroll-top.png) no-repeat,#fea444;background-position:center center;background-size:18px;border-radius:50%;bottom:20px;box-sizing:border-box;color:#fff}
.go-top:hover{
    color:#fff;
    background-color:#ff9119;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#footer{
    position:absolute;
    bottom:0;width:100%;
    margin-top:200px;
    height:400px;
    background-color:#ffffff
}
#footer .copyright{
    text-align:center;
    margin:30px 0;
    font-size:12px;
    z-index:1002;
    height:100px;
    background-color:#ffffff
}
#footer .copyright p{
    padding:0;
    margin:0;
    font-family:'Roboto';
    text-transform:uppercase;
    color:#919191
}
#footer .copyright img{
    width:150px;
    margin-top:10px
}
#footer .copyright a{
    color:#C52639;
    text-decoration:none;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}
    
#footer .copyright a:hover{
    color:#E13B50
}
#footer .navigation{
    background:url(../images/bg-footer.jpg) no-repeat;
    background-size:cover cover;
    background-position:center -240px;
    height:240px;
}
#footer .contact{
    height:60px;
    margin:5px 0;
    color:#fff
}
#footer .contact .title{
    float:left;font-family:'Hey August';color:#FFA329;font-size:24px;padding:0;margin:10px 5px;line-height:30px;filter:drop-shadow(1px 1px #010101)
}
#footer .contact .mail{float:left;line-height:30px;margin:10px;font-family:'Roboto';font-weight:700;font-size:12px;text-transform:uppercase
}
#footer .contact::after{
    content:'';clear:both;display:table;background:#000;width:100%;margin-top:100px;height:1px;-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:0 1px 1px 0 rgba(255,255,255,0.1);box-shadow:0 1px 1px 0 rgba(255,255,255,0.1)
}
#footer .navigation .logo{width:200px;line-height:150px;float:left
}
#footer .navigation .logo img{
    max-width:150px
}
#footer .navigation .links{float:left;width:500px;margin:0 20px 0 50px
}
#footer .navigation .links .head{
    font-family:'Hey August';
    color:#FFA329;
    font-size:24px;
    padding:0;
    margin:10px 5px;
    line-height:30px;
    filter:drop-shadow(1px 1px #010101)
}
#footer .navigation .links .items{float:left;list-style-type:none;padding:0;width:125px;margin:0 25px
}
#footer .navigation .links .items li{margin:0;padding:0
}
#footer .navigation .links .items:nth-child(2){
    margin-left:10px
}
#footer .navigation .links .items:nth-child(4){
    margin-right:10px
}
#footer .navigation .links .items li a{
    font-size:12px;font-weight:700;font-family:'Roboto';letter-spacing:1px;color:#fff;text-transform:uppercase;text-decoration:none
}
#footer .navigation .links .items li a:hover{
    color:#E5E5E5
}
#footer::after{
    content:'';clear:both;position:absolute;width:450px;height:380px;right:5%;bottom:0;background:url(../images/bg-footer-render.png) no-repeat;background-position:right bottom
}
.tooltip{font-family:Roboto,sans-serif;font-size:10px;text-transform:uppercase}@media (min-width : 1280px){.tooltip-xs{display:none}}@media (max-width : 1024px){.tooltip-sm{display:none}}.overlay{z-index:1003;display:none;position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:1003;opacity:0;transition:all .5s ease-in-out}.overlay.active{display:block;opacity:1}.modal-waiting,.modal-window,.modal-confirm,.language-waiting,.modal-page-error,.p-waiting{background:rgba(0,0,0,0.6);z-index:10001}.p-waiting{width:100%;height:100%;position:fixed}.modal-waiting .modal-dialog,.modal-window .modal-dialog,.modal-confirm .modal-dialog,.language-waiting .modal-dialog,.modal-page-error .modal-dialog,.p-waiting .modal-dialog{width:100%;height:200px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.modal-confirm .modal-dialog,.modal-page-error .modal-dialog{height:250px}.modal-waiting .modal-dialog .loader-logo,.modal-window .modal-dialog .loader-logo,.modal-confirm .modal-dialog .loader-logo,.language-waiting .modal-dialog .loader-logo,.modal-page-error .modal-dialog .loader-logo,.p-waiting .modal-dialog .loader-logo{width:110px;height:119px;margin:-110px auto;font-size:10px;position:relative;background:url(../images/icon/modal-waiting.png);background-repeat:no-repeat;background-size:110px;background-position:center center}.modal-waiting .modal-dialog .message,.modal-window .modal-dialog .message,.modal-confirm .modal-dialog .message,.language-waiting .modal-dialog .message,.modal-page-error .modal-dialog .message,.p-waiting .modal-dialog .message{width:100%;text-align:center;color:#fff;margin-top:125px!important;background:transparent!important;text-transform:uppercase;font-size:14px;border:1px solid #fff;display:block;border:0}.modal-waiting .modal-dialog .message h3,.modal-window .modal-dialog .message h3,.modal-confirm .modal-dialog .message h3,.language-waiting .modal-dialog .message h3,.modal-page-error .modal-dialog .message h3,.p-waiting .modal-dialog .message h3{text-transform:uppercase;border-bottom:0}.modal-waiting .modal-dialog .message p,.modal-window .modal-dialog .message p,.modal-confirm .modal-dialog .message p,.language-waiting .modal-dialog .message p,.modal-page-error .modal-dialog .message p,.p-waiting .modal-dialog .message p{font-weight:400}.modal-confirm .modal-dialog .footer button:first-child{margin-right:5px}.modal-confirm .modal-dialog .footer button:last-child{margin-left:5px}.modal-confirm .modal-dialog .modal-content{background:transparent;border:0}.modal-window .close,.modal-confirm .close{position:absolute;font-weight:400;font-size:40px;color:#fff;right:30px;top:30px;border:0!important;outline:0;background:transparent!important}.modal-window .close:hover,.modal-confirm .close:hover{color:#fff!important;opacity:1}.loader-spinner,.loader-spinner:after{border-radius:50%;width:10em;height:10em}.loader-spinner{margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,0.2);border-right:1.1em solid rgba(255,255,255,0.2);border-bottom:1.1em solid rgba(255,255,255,0.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load1 1.1s infinite linear;animation:load1 1.1s infinite linear}@-webkit-keyframes load1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.continue-spinner{margin:10px auto 0;width:90px;text-align:center}.continue-spinner > div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.continue-spinner .bounce1{-webkit-animation-delay:-.48s;animation-delay:-.48s}.continue-spinner .bounce2{-webkit-animation-delay:-.32s;animation-delay:-.32s}.continue-spinner .bounce3{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}
.notice,.message,.red{
    display:none
}
[data-notify="progressbar"]{
    margin-bottom:0;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;height:5px
}
[data-notify="progressbar"] .progress-bar{
    background:#93C615
}
[data-notify="container"][class*="alert-default-"]{
    background-color:rgb(182, 182, 182);
    border-width:0;
    border-radius:2px;
    box-shadow:0 0 5px rgba(51,51,51,0.3);
    font-size:14px
}
[data-notify="container"] button:hover,[data-notify="container"] button:active,[data-notify="container"] button:focus,[data-notify="container"] button:visited{
    background:transparent!important;
    border:0;
    outline:0
}
.no-margin{margin:0}.no-padding{padding:0}.no-display{display:none}

.ranking .see-more {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ranking .see-more-btn {
    display: inline-block;
    padding: 6px 12px;
    background: #ffaa33;
    border: 1px solid #ff9d00;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
}

.ranking .see-more-btn:hover {
    background: #ff8c00;
    color: #fff;
}

.extra-box {
    background: linear-gradient(
        90deg,
        #2f2f4e 0%,
        #2f345d 25%,
        #1d3054 60%,
        #162643 100%
    );
    border-radius: 4px;
    padding: 15px;
    margin-top: 20px;
    animation-duration: .4s;
    height: 206px;
}

.extra-box .head .title h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.extra-box .items .item {
    padding: 5px 0;
}

.extra-box .items .label,
.extra-box .items .content .title {
    color: #fea444;
    font-weight: 600;
}

.home .wrapper-right {
    display: none;
}

.home .wrapper-center.full-width {
    width: calc(100% - 280px - 20px);
}

.wrapper-left .server-info {
    margin-bottom: 20px !important;
}

.wrapper-left .woe-info {
    margin-top: 20px !important;
}



.server-info,
.woe-info {
    height: 350px;
}


.woe-info {
    height: auto !important;
}

.ranking .rank-wrapper .top3-wrapper {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 25px;
}

.ranking .rank-wrapper .top3-box {
    color: #ffffff;
    background: rgba(255,255,255,0.05);
    border: 2px solid rgba(255,255,255,0.15);
    padding: 15px;
    border-radius: 12px;
    width: 180px;
    text-align: center;
}

#bg-ranked .positions,
#pvp-ranked .positions,
#mvp .positions {
    float: none !important;
    width: 100% !important;
    display: block !important;
}


.navbar-custom .nav-logo-brand {
    padding: 0;
    margin-right: 20px;
}

.navbar-custom .nav-logo-img {
    height: 40px;
    width: auto;
    display: block;
}

.navbar-custom .navbar-logo-img {
    height: 48px;
    width: auto;
    display: block;
}

.navbar-custom .navbar-brand.navbar-logo {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1.5rem;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content {
    position: relative;
    z-index: 3;
    width: 120%;
    max-width: 480px;
    padding: 32px;
    margin-top: 56px;
    background: rgba(255, 255, 255, 0.555);
    backdrop-filter: blur(8px);
    border-radius: 10px;
}

.hero-content h1 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 16px;
    color: #000;
}

.hero-content p {
    font-size: 15px;
    color: #111;
    line-height: 1.5;
}

.hero-buttons {
    margin-top: 20px;
}

.hero-btn {
    display: inline-block;
    padding: 10px 22px;
    margin-right: 8px;
    font-size: 14px;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    transition: 0.2s;
}

.register-btn {
    background: #ce6d03;
    
}

.register-btn:hover {
    background: #ded3ff;
}

.download-btn {
    background: linear-gradient(90deg, #3f3f7e 0%, #2f345d 25%, #1d3054 60%, #162643 100%);
}

.download-btn:hover {
    background: #ded3ff;
}

@media (max-width: 767px) {
    .hero-section {
        height: auto;
        padding-bottom: 40px;
    }

    .hero-content {
        margin: 20px;
        padding: 20px;
    }

    .hero-content h1 {
        font-size: 30px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .hero-buttons {
        text-align: center;
    }

    .hero-btn {
        margin-top: 10px;
        width: 90%;
        display: block;
    }
}


.server-info-block {
    margin-bottom: 25px;
}

.server-info-block h2 {
    font-size: 26px;
    color: #000000;
    margin-bottom: 10px;
}

.server-info-block h3 {
    font-size: 20px;
    color: #4d4d4d;
    margin-top: 15px;
}

.server-info-block p, 
.server-info-block ul, 
.server-info-block li {
    font-size: 16px;
    line-height: 1.6;
}

.info-table td {
    padding: 6px 10px;
    font-size: 16px;
}

.page-download .download-wrapper {
    max-width: 960px;
    margin: 30px auto 40px;
}

.server-info-page {
    padding: 20px 0 40px;
}

.server-info-wrapper {
    max-width: 960px;
    margin: 30px auto 40px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #000000;
    box-shadow: 0 0 12px rgba(0,0,0,0.06);
}

.server-info-wrapper h1 {
    font-size: 28px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}

.server-info-block {
    background: rgba(255,255,255,0.98);
    border: 1px solid #000000;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 18px;
}

.server-info-block h2 {
    font-size: 22px;
    margin-bottom: 10px;
}

.server-info-block h3 {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 6px;
}

.server-info-block p,
.server-info-block ul,
.server-info-block li {
    font-size: 15px;
    line-height: 1.6;
}

.info-table {
    width: 100%;
    border-collapse: collapse;
}

.info-table td {
    padding: 6px 10px;
    font-size: 15px;
}

.info-table td:first-child {
    width: 160px;
    font-weight: 600;
    color: #555;
}

.char-section-box {
    background: #ffffff;
    border: 1px solid #b3b3b3;
    padding: 15px 20px;
    margin: 25px 0;
    border-radius: 6px;
}

.char-section-box h3 {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.char-section-box .vertical-table {
    width: 100% !important;
    border-collapse: collapse;
}

.char-section-box .vertical-table th,
.char-section-box .vertical-table td {
    border: 1px solid #ccc !important;
    padding: 8px;
}

.server-status-simple {
    float: left;
    margin-top: 9px;
    font-size: 14px;
    color: #fff;
    display: flex;
    gap: 25px;
}

.server-status-simple span strong {
    font-weight: bold;
}

.server-status-simple .on {
    color: #00ff00;
}

.server-status-simple .off {
    color: #ff4d4d;
}

.server-status,
.server-status * {
    animation: none !important;
    transition: none !important;
}

.status-online {
    color: #00ff00;
    font-weight: bold;
}

.status-offline {
    color: #ff0000;
    font-weight: bold;
}

.status-count {
    color: #ffffff !important;
    font-weight: bold;
}

.server-status-simple {
    background: rgba(0,0,0,0.65);
    padding: 8px 15px;
    border-radius: 6px;
    display: flex;
    gap: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.server-status-simple span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.server-status-simple .on {
    color: #00ff00 !important;
}

.server-status-simple .off {
    color: #ff4d4d !important;
}

.server-status-simple .status-count {
    color: #ffffff !important;
    font-weight: bold;
}

.community-box {
    float: none !important;
    align-self: flex-end;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: 20px !important;

    background: rgb(255, 255, 255);
    padding: 8px 15px;
    border-radius: 6px 6px 0 0;
    
    display: flex;
    align-items: center;
    gap: 12px;
}

.community-title {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
}

.community-icon-yt {
    font-size: 22px;
    color:#EF1B0D;
    transition: 0.2s ease;
}

.community-icon-dc {
    font-size: 22px;
    color:#6F85D4;
    transition: 0.2s ease;
}

.community-icon-fb {
    font-size: 22px;
    color:#38539B;
    transition: 0.2s ease;
}

.community-icon-yt:hover {
    color:#ff6b60;
    opacity: 0.6;
}

.community-icon-dc:hover {
    color:#a9baf8;
    opacity: 0.6;
}

.community-icon-fb:hover {
    color:#6276ad;
    opacity: 0.6;
}

#limit {
    padding: 5px 8px;
    font-size: 12px;
    margin-left: 15px;
}

#footer .navigation .container,
#footer .navigation .row {
    height: 100%;
}

#footer .navigation .row {
    display: flex;
    align-items: center;
}

#footer .navigation .col-12 {
    display: flex;
    align-items: center;
}

#footer .navigation .logo,
#footer .navigation .links {
    float: none;
}

#footer .navigation .logo {
    line-height: normal;
    display: flex;
    align-items: center;
}

#footer .navigation .links {
    margin-left: 40px;
}

.community-bar .search-database {
    display: flex !important;
    align-items: center !important;
    height: 37px;
}

.community-bar .search-database input,
.community-bar .search-database select,
.community-bar .search-database button,
.community-bar .search-database .dropdown {
    float: none !important;
    line-height: normal !important;
}

.community-bar .search-database input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 37px;
    background: #fff;
    padding-left: 30px;
    border: 1px solid #EEE !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;
}

.community-bar .search-database .dropdown {
    flex: 0 0 auto;
}

.community-bar .search-database .dropdown button,
.community-bar .search-database .dropdown button:active,
.community-bar .search-database .dropdown button:focus,
.community-bar .search-database .dropdown button:visited {
    min-width: 100px;
    height: 37px;
    padding: 0 10px;
    background: #fff;
    color: #757575;
    font-size: 13px;
    border: 1px solid #EEE;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.community-bar .search-database button[type="submit"] {
    flex: 0 0 auto;
    height: 37px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #fff;
    background: #FFA543;
    border-color: #FFA543;
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.community-bar .search-database button[type="submit"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: #FFA543 !important;
}

.community-bar .search-database button[type="submit"]:hover,
.community-bar .search-database button[type="submit"]:focus,
.community-bar .search-database button[type="submit"]:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: #ff8f23 !important;
}

.top-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
}

.server-status-simple,
.community-bar {
    float: none !important;
}

.community-box {
    float: none !important;
}

@media (max-width: 991px) {
    .top-bar .container {
        flex-direction: column;
        height: auto;
        gap: 8px;
    }

    .community-bar {
        width: 100%;
        justify-content: center;
    }
}

.ranking .rank-wrapper .top3-box .top3-name {
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
}

.ranking .rank-wrapper .top3-box .top3-job {
    font-size: 12px;
    color: #f7ef7e;
    margin-top: 2px;
    text-transform: none;
}

#pvp-ranked .table thead th:nth-child(3),
#mvp .table thead th:nth-child(3) {
    width: 180px; 
}

#pvp-ranked .table,
#mvp .table {
    table-layout: fixed;
}

.community-bar .search-database {
    margin-top: -9px !important;
}