@charset "utf-8";
#load,.preloader{
    width:100%;
    height:100%
}
.navbar-dark .navbar-nav .nav-link,.theme-heading{
    font-family:GothamCondensed-Bold;
    text-transform:uppercase
}
.fame-render,.intro-render{
    object-position:0 0;
    object-fit:none
}
.btn-login,.global-container h2,.news-contain .article-type,.social-title,.status-label,.theme-heading,h3{
    text-transform:uppercase
}
@font-face{
    font-family:GothamCondensed-Medium;
    src:url('../fonts/GothamCondensed-Medium.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:GothamCondensed-Bold;
    src:url('../fonts/GothamCondensed-Bold.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Gotham-Bold;
    src:url('../fonts/Gotham-Bold.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Gotham-Book;
    src:url('../fonts/Gotham-Book.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Gotham-Medium;
    src:url('../fonts/Gotham-Medium.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Black;
    src:url('../fonts/Inter-Black.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Bold;
    src:url('../fonts/Inter-Bold.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-ExtraBold;
    src:url('../fonts/Inter-ExtraBold.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-ExtraLight;
    src:url('../fonts/Inter-ExtraLight.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Light;
    src:url('../fonts/Inter-Light.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Medium;
    src:url('../fonts/Inter-Medium.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Regular;
    src:url('../fonts/Inter-Regular.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-SemiBold;
    src:url('../fonts/Inter-SemiBold.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter-Thin;
    src:url('../fonts/Inter-Thin.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Raleway-Bold;
    src:url('../fonts/Raleway-Bold.ttf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:SportyPro-Bold;
    src:url('../fonts/SportyPro-Bold.otf');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:SportyPro-Regular;
    src:url('../fonts/SportyPro-Regular.otf');
    font-weight:400;
    font-style:normal
}
:root{
    --themeTextColor:#fff;
    --themeTextSubColor:#626262;
    --themeColor:#ff8f00;
    --themeColorSub:#ff8f00;
    --themeHover:#b21612;
    --tooltipColor:rgba(0, 0, 0, 0.8)
}
body,html{
    scroll-behavior:smooth
}
body{
    background:#131313;
    margin:0;
    padding:0;
    border:0
}
#load{
    position:fixed;
    z-index:9999;
    background:#000
}
.preloader{
    max-width:585px;
    max-height:26px;
    margin:calc(50vh - 26px) auto;
    text-align:center;
    font-size:10pt
}
.container-header,.owl-theme .owl-dots{
    margin:0 auto!important
}
.preloader img{
    width:15%!important
}
.theme-heading{
    font-size:36pt;
    color:var(--themeColorSub)
}
@keyframes heartbeat{
    0%{
        transform:scale(1)
    }
    20%{
        transform:scale(.9)
    }
    40%{
        transform:scale(.8)
    }
}
@keyframes pulse{
    0%,100%{
        transform:scale(.95)
    }
    70%{
        transform:scale(1)
    }
}
@-webkit-keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes bounce-in-bck{
    0%{
        -webkit-transform:scale(7);
        transform:scale(7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%,72%,89%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(1.24);
        transform:scale(1.24);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(1.04);
        transform:scale(1.04);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-bck{
    0%{
        -webkit-transform:scale(7);
        transform:scale(7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%,72%,89%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(1.24);
        transform:scale(1.24);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(1.04);
        transform:scale(1.04);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-top{
    0%{
        -webkit-transform:translateY(-500px);
        transform:translateY(-500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(-65px);
        transform:translateY(-65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%,72%,90%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(-28px);
        transform:translateY(-28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-top{
    0%{
        -webkit-transform:translateY(-500px);
        transform:translateY(-500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(-65px);
        transform:translateY(-65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%,72%,90%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(-28px);
        transform:translateY(-28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes flicker-in-1{
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0
    }
    10.1%,100%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%{
        opacity:1
    }
}
@keyframes flicker-in-1{
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0
    }
    10.1%,100%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%{
        opacity:1
    }
}
@-webkit-keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.main-container{
    height:auto;
    min-height:60px
}
.content-wrap{
    padding:50px 0!important
}
.text-themetext{
    color:var(--themeTextColor)!important
}
.text-themecolor{
    color:var(--themeColor)!important
}
.text-themeHover{
    color:var(--themeHover)!important
}
.bg-themeGradient{
    background:linear-gradient(180deg,#e87d32 30%,#bd5120 100%)!important
}
.bg-fbGradient{
    background:linear-gradient(180deg,#3c7cb6 30%,#294080 100%)!important;
    padding:12px 10px!important
}
.tooltip>.tooltip-inner{
    background-color:var(--tooltipColor)
}
.tooltip.bs-tooltip-top .tooltip-arrow::before{
    border-top-color:var(--tooltipColor)
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before{
    border-bottom-color:var(--tooltipColor)
}
.tooltip.bs-tooltip-start .tooltip-arrow::before{
    border-left-color:var(--tooltipColor)
}
.tooltip.bs-tooltip-end .tooltip-arrow::before{
    border-right-color:var(--tooltipColor)
}
.animate-faderight-transition{
    animation:1.5s ease-in-out fade-in-right
}
.animate-fadeleft-transition{
    animation:1.5s ease-in-out fade-in-left
}
.main-header{
    min-height:78px
}
.container-header{
    max-width:1400px;
    padding:0 12px
}
.navbar-dark .navbar-nav .nav-link{
    font-size:14pt;
    color:var(--themeTextColor)
}
#pagemenu a,#submenu a,.admin-menu a,.character-stats .stat-name,.generic-form-table td p,.global-container a,.important,.navbar-dark .navbar-nav .nav-link:hover,.news-contain .title:hover,.pages .page-num,.search-form label,.search-form2 label,.toggler a,.woe-table .time{
    color:var(--themeColor)
}
#dropdownUser1,.btn-login,.sortable:hover{
    color:#fff
}
.navbar-brand{
    margin-left:-50px
}
.navbar-nav{
    max-width:730px;
    width:730px!important;
    justify-content:space-between
}
.btn-login{
    background:linear-gradient(180deg,#b70500 30%,#780401 100%);
    font-family:GothamCondensed-Medium;
    font-size:13pt;
    padding:13px 10px
}
.btn-login:hover{
    background:linear-gradient(180deg,#f7d154 30%,#bd5120 100%);
    color:#fff
}
.main-section{
    background:url(../img/main-bg.jpg) top center no-repeat #420c0c
}
.main-logo{
    position:relative;
    top:7px;
    animation:1.5s ease-in-out bounce-in-top
}
.bg-navbar{
    background:#0d0d0d!important
}
@media (max-width:1399.98px){
    .navbar-brand{
        background:url('../img/logo-mobile.png') center/75% no-repeat;
        max-width:245px;
        height:78px;
        margin-left:-20px
    }
    .navbar-brand img{
        opacity:0;
        max-width:245px
    }
}
@media (max-width:1324.98px){
    .navbar-nav{
        max-width:700px
    }
}
@media (max-width:1299.98px){
    .navbar-nav{
        max-width:660px
    }
}
@media (max-width:1244.98px){
    .navbar-nav{
        max-width:630px
    }
}
@media (max-width:991.98px){
    .main-section{
        background-size:cover
    }
    .navbar-brand{
        background-size:60%;
        max-width:245px;
        height:78px;
        display:block;
        left:5px
    }
    .navbar-brand img{
        opacity:0;
        max-width:245px
    }
}
.intro-container,.sparks{
    max-width:1200px
}
.main-logo:hover{
    filter:brightness(1);
    cursor:pointer
}
.sparks{
    position:absolute;
    left:-10%;
    right:0;
    top:400px;
    z-index:1
}
.smoke,.smoke2{
    left:0;
    width:100%;
    background-image:url(../img/smoke.png);
    background-position:left top;
    background-repeat:repeat-x;
    position:absolute
}
.sparks>div{
    position:absolute
}
.sparks .spark_1{
    background:url(../img/spark_1.png) no-repeat;
    width:764px;
    height:313px;
    right:0;
    bottom:-320px;
    -webkit-transform:scale(.6);
    transform:scale(.6);
    -webkit-animation:4s linear 1s infinite spark-1;
    animation:4s linear 1s infinite spark-1
}
.sparks .spark_2{
    background:url(../img/spark_2.png) no-repeat;
    width:179px;
    height:335px;
    right:230px;
    bottom:-320px;
    -webkit-transform:scale(.6);
    transform:scale(.6);
    -webkit-animation:4s linear 2s infinite spark-1;
    animation:4s linear 2s infinite spark-1
}
.sparks .spark_3{
    background:url(../img/spark_3.png) no-repeat;
    width:128px;
    height:165px;
    right:280px;
    bottom:-140px;
    -webkit-transform:scale(.6);
    transform:scale(.6);
    -webkit-animation:4s linear 2s infinite spark-3;
    animation:4s linear 2s infinite spark-3
}
.sparks .spark-big{
    background:url(../img/spark_4.png) no-repeat;
    width:794px;
    height:176px;
    right:0;
    bottom:-180px;
    -webkit-transform:scale(.6);
    transform:scale(.6);
    -webkit-animation:4s linear infinite spark-5;
    animation:4s linear infinite spark-5
}
.sparks .spark_5{
    -webkit-animation-delay:2s;
    animation-delay:2s;
    right:40px
}
.sparks_2 .spark_1{
    background:url(../img/spark_1.png) no-repeat;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.sparks_2 .spark_2{
    background:url(../img/spark_2.png) no-repeat;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.sparks_2 .spark_3{
    background:url(../img/spark_3.png) no-repeat;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.sparks_2 .spark-big{
    background:url(../img/spark_4.png) no-repeat
}
.sparks_2 .spark_5{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
@-webkit-keyframes spark-1{
    0%{
        bottom:-320px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-240px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-160px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:-80px;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes spark-1{
    0%{
        bottom:-320px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-240px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-160px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:-80px;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes spark-3{
    0%{
        bottom:-140px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-80px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-20px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:40px;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:100px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes spark-3{
    0%{
        bottom:-140px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-80px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-20px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:40px;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:100px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes spark-5{
    0%{
        bottom:-180px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-120px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-60px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:0;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:60px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes spark-5{
    0%{
        bottom:-180px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:0
    }
    25%{
        bottom:-120px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-60px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:0;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    100%{
        bottom:60px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.smoke{
    right:0;
    top:250px;
    height:484px;
    -webkit-animation:20s linear infinite forwards smoke;
    animation:20s linear infinite forwards smoke
}
.smoke2{
    right:0;
    bottom:-230px;
    height:100px;
    -webkit-animation:20s linear infinite forwards smoke;
    animation:20s linear infinite forwards smoke
}
@-webkit-keyframes smoke{
    0%{
        background-position:left -1920px top
    }
    100%{
        background-position:left 1920px top
    }
}
@keyframes smoke{
    0%{
        background-position:left -1920px top
    }
    100%{
        background-position:left 1920px top
    }
}
.intro-status{
    background:url('../img/submenu-bg.jpg') top center no-repeat #191919
}
.intro-desc{
    font-size:12pt;
    color:var(--themeTextColor)
}
.intro-1,.intro-2{
    padding:30px 0
}
.server-status{
    padding:50px 30px
}
.status-label{
    font-family:Gotham-Bold;
    font-size:8pt
}
.innershadow,.innershadow-dark{
    -moz-box-shadow:inset 0 0 7px #141414;
    -webkit-box-shadow:inset 0 0 7px #141414;
    box-shadow:inset 0 0 7px #141414
}
.dropshadow{
    -moz-box-shadow:2px 2px 0 rgba(255,255,255,.1);
    -webkit-box-shadow:2px 2px 0 rgba(255,255,255,.1);
    box-shadow:2px 2px 0 rgba(255,255,255,.1)
}
.statusvalue-bg{
    background-color:#111
}
.current-time{
    font-family:GothamCondensed-Bold;
    font-size:24pt;
    font-weight:700
}
.online-value{
    font-family:Inter-Bold;
    font-size:16pt
}
.online-maxw{
    max-width:46%!important
}
.status-value{
    font-family:Inter-Bold;
    font-size:11pt
}
.status-maxw{
    max-width:28%!important
}
.online{
    color:#55a90b!important
}
.offline{
    color:#c80d1a!important
}
.btn-intro-discord,.btn-intro-dl,.btn-intro-reg,.btn-intro-tips{
    background:url('../img/intro-btns.png') no-repeat;
    width:300px;
    height:52px;
    transition:.1s ease-in-out
}
.btn-intro-reg,.icon1{
    background-position:0 0
}
.btn-intro-reg:hover{
    background-position:-301px 0
}
.btn-intro-dl{
    background-position:0 -59px
}
.btn-intro-dl:hover{
    background-position:-301px -59px
}
.btn-intro-discord{
    background-position:0 -119px
}
.btn-intro-discord:hover{
    background-position:-301px -119px
}
.btn-intro-tips{
    background-position:0 -178px
}
.btn-intro-tips:hover{
    background-position:-301px -178px
}
.welcome-intro{
    background:url('../img/welcome-bg.png') top center/cover no-repeat
}
.intro-render{
    width:460px;
    height:450px;
    margin-top:-30px
}
.intro-heading{
    font-family:GothamCondensed-Bold;
    font-size:56pt;
    line-height:53pt;
    margin-bottom:20pt;
    margin-top:10pt
}
.welcome-desc{
    font-family:Gotham-Book;
    font-size:10pt;
    line-height:18pt
}
.read-more{
    font-family:GothamCondensed-Medium;
    font-size:13pt;
    border-radius:.6rem!important
}
.newsupdates{
    background:#131313
}
.newsupdates .nav-link{
    font-family:Gotham-Medium;
    font-size:11pt;
    color:#626262;
    border-right:1px solid var(--themeTextSubColor);
    padding:0 1rem;
    border-radius:0;
    line-height:7pt
}
.news-contain .date,.news-contain p,ul#pills-tab{
    font-family:Inter-Regular
}
.newsupdates .nav-link.active,.newsupdates .nav-link:hover{
    background:0 0;
    color:var(--themeHover);
    border:0;
    border-right:1px solid var(--themeTextSubColor)
}
.footer-links li:last-child,.horizontal-table>.table-bordered,.nav-tabs,.newsupdates .nav-link:last-of-type,.pvp-ranking tr:last-child td{
    border:0
}
.news-article{
    float:left;
    background:#3c3c3c
}
.news-contain{
    padding:20px;
    background:#181818;
    border-radius:0 0 3px 3px
}
.news-article .article-thumbnail{
    border-bottom:2px solid #b31612;
    border-radius:3px 3px 0 0
}
.news-contain .date{
    font-size:8pt;
    color:var(--themeTextColor)
}
.news-contain .article-type{
    color:#fff!important;
    text-align:center;
    float:right;
    font-family:GothamCondensed-Bold;
    font-size:12pt;
    padding:1px 8px
}
.news-contain .update{
    background-color:#d52e07
}
.news-contain .news{
    background-color:#ac0a06
}
.news-contain .event{
    background-color:#004895
}
.news-contain .read-more{
    color:var(--themeColor)!important;
    text-transform:capitalize;
    text-decoration:underline;
    text-align:right;
    float:right;
    font-family:Inter-Bold;
    font-size:8pt
}
.features,.owl-carousel .item{
    text-align:center
}
.news-contain .author{
    font-family:Inter-Bold;
    font-size:9pt;
    color:#626262
}
.features,.news-contain .title{
    font-family:Inter-Bold;
    font-size:11pt
}
.news-contain .title,.news-contain p{
    color:var(--themeTextColor);
    overflow:hidden
}
.news-contain .title{
    white-space:nowrap;
    text-overflow:ellipsis;
    text-decoration:none
}
.news-contain p{
    font-size:8pt;
    max-height:75px
}
.owl-carousel .owl-nav{
    overflow:hidden;
    height:0
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#2caae1
}
.owl-carousel .nav-btn{
    height:25px;
    position:absolute;
    width:26px;
    cursor:pointer;
    top:43%!important
}
.owl-carousel .owl-next.disabled,.owl-carousel .owl-prev.disabled{
    pointer-events:none;
    opacity:.2
}
.owl-carousel .prev-slide{
    background:url('../img/nav-icon.png') no-repeat;
    height:27px;
    left:-33px
}
.owl-carousel .next-slide{
    background:url('../img/nav-icon.png') -30px 0 no-repeat;
    height:27px;
    right:-33px
}
.owl-carousel .prev-slide:hover{
    background-position:0 -29px
}
.owl-carousel .next-slide:hover{
    background-position:-30px -29px
}
.server-features{
    background:#d4d4d4
}
.features{
    color:#626262
}
#pagemenu,.character-stats .stat-value,.generic-form-table td div,.generic-form-table th label,.horizontal-table td,.horizontal-table th,.pages .page-next,.pages .page-prev,.pvp-ladder .nav-pills .nav-link,.streamer-desc,.streamer-tag,.vertical-table td,.vertical-table th{
    color:var(--themeTextColor)
}
.icon1,.icon2,.icon3,.icon4,.icon5,.icon6{
    background:url(../img/features-icons.png) no-repeat;
    width:200px;
    height:178px;
    display:block
}
.btn-download,.btn-streamer{
    width:245px;
    height:44px;
    padding:5px 40px
}
.icon2{
    background-position:-180px 0
}
.icon3{
    background-position:-380px 0
}
.icon4{
    background-position:-560px 0
}
.icon5{
    background-position:-760px 0
}
.icon6{
    background-position:-1000px 0
}
.feature-icons{
    filter:grayscale(100%);
    cursor:pointer
}
.feature-icons.active,.feature-icons:hover{
    filter:grayscale(0%)
}
.streamers{
    background:url(../img/streamers-bg.png) top center/cover no-repeat
}
.streamer-render{
    margin-top:-20px
}
.streamer-heading{
    font-family:GothamCondensed-Bold;
    font-size:47pt;
    line-height:47pt
}
.streamer-tag{
    font-family:Gotham-Bold;
    font-size:16pt
}
.streamer-desc{
    font-family:Gotham-Book;
    font-size:11pt
}
.btn-streamer{
    background:url('../img/btn-join.png') no-repeat
}
.btn-download{
    background:url('../img/btn-dlkit.png') no-repeat
}
.btn-streamer:hover{
    background:url('../img/btn-join-hover.png')
}
.btn-download:hover{
    background:url('../img/btn-dlkit-hover.png')
}
.fame-render{
    height:400px;
    width:550px;
    position:relative;
    left:-225px
}
.fame-char{
    width:265px;
    height:420px;
    object-fit:none;
    object-position:-17px 0;
    margin-top:20px
}
.pvp-ladder{
    min-width:320px;
    padding:10px 20px;
    background:#181818;
    border:1px solid #343434;
    border-radius:3px;
    height:fit-content;
    position:absolute;
    left:140px
}
.pvp-score,.text-pvp,.tourna1v1-title{
    font-family:Gotham-Bold;
    font-size:9pt
}
.text-rank{
    font-family:GothamCondensed-Bold;
    font-size:12pt
}
.pvp-name,.tourna1v1-winner{
    font-family:Gotham-Book;
    font-size:9pt
}
.pvp-ranking{
    font-family:Inter-Bold;
    font-size:9pt
}
.pvp-ranking td{
    border-bottom:1px solid #343434;
    line-height:13pt
}
ul#pills-tab{
    font-size:7pt
}
ul#pills-tab li .nav-link{
	align: center;
}
.nav-pills .show>.nav-link,.pvp-ladder .nav-pills .nav-link.active{
    background:0 0;
    color:var(--themeColor)
}
.hall-of-fame{
    background:url(../img/gotm-bg.png) top center no-repeat #5b0b0d
}
.fame-title{
    font-family:GothamCondensed-Bold!important;
    font-size:32pt!important
}
@media (max-width:1199.98px){
    .fame-render{
        height:640px;
        width:611px
    }
    .hall-of-fame{
        background:url(../img/gotm-bg-mobile.png) top center no-repeat #000
    }
}
.guild-container,.tournaments{
    margin-top:80px!important
}
@media (max-width:767.98px){
    .tournaments{
        margin-top:0!important
    }
}
.tourna-render{
    position:absolute;
    right:-120px;
    top:100px
}
.gotm img.agitlord_emblem{
    margin-left:47px;
    margin-top:55px
}
.btn-castleowners{
    font-family:GothamCondensed-Medium;
    font-size:16pt;
    color:#fff;
    background-color:var(--themeHover);
    padding:0 12px
}
.btn-castleowners:hover{
    color:#fff;
    opacity:.8
}
.agitlord-title{
    font-family:Gotham-Bold;
    font-size:9pt;
    color:var(--themeColor)
}
.agitlord-guildmaster,.agitlord-guildname,.tourna-team{
    font-family:Inter-Bold;
    font-size:10pt
}
.empires{
    margin:20px 0 10px 5px
}
.guild-flags{
    margin:0;
    overflow:hidden
}
.gotm{
    background:url(../img/gotm.png) no-repeat
}
.flag{
    background:url(../img/flag.png) no-repeat;
    height:70px;
    padding:20px 0 0 18px;
    margin-bottom:20px;
    float:left
}
.flag-container{
    width:60px
}
.text-tourna{
    font-family:SportyPro-Regular;
    font-size:9pt;
    width:245px
}
.tourna_1v1,.tourna_7v7{
    border:2px solid var(--themeTextSubColor);
    max-width:300px
}
.tourna1v1-entry{
    padding:0 20px;
    width:300px;
    max-width:300px
}
.border-1v1{
    border-color:var(--themeTextSubColor)!important
}
.tourna1v1_thumbnail{
    background:#b5b5b5;
    border-radius:50%;
    height:46px;
    width:46px;
    object-fit:none;
    object-position:center -50px
}
.team-photo{
    max-width:235px
}
#footer-section{
    background:url(../img/footer-bg.png) top center/cover no-repeat;
    padding-top:45px;
    padding-bottom:45px
}
.footer-links li a{
    font-family:Gotham-Bold;
    font-size:9pt;
    color:#cacaca;
    padding:0 .5rem
}
.footer-links li a:hover{
    color:var(--themeHover)
}
.footer-links li{
    border-right:1px solid #505050
}
.footer-copyrights{
    font-family:Inter-Regular;
    font-size:9pt;
    color:#858585
}
.credits{
    max-width:600px
}
@media (max-width:768px){
    .intro-1,.intro-2,.server-status{
        padding:50px 10px
    }
    .footer-links li{
        border:0;
        padding:.5rem
    }
}
.social-media{
    border:1px solid #696969;
    max-width:200px
}
legend{
    float:none;
    padding:inherit
}
.social-title{
    font-family:GothamCondensed-Medium;
    font-size:17pt;
    color:var(--themeHover);
    width:132px
}
.soc-items{
    width:170px;
    margin:-10px auto 15px 10px
}
.soc-fb{
    background:url(../img/btn-sfb.png) no-repeat
}
.soc-dis{
    background:url(../img/btn-sdiscord.png) no-repeat
}
.soc-twi{
    background:url(../img/btn-stwitter.png) no-repeat
}
.soc-yt{
    background:url(../img/btn-syt.png) no-repeat
}
.soc-ig{
    background:url(../img/btn-sinstagram.png) no-repeat
}
.soc-dis,.soc-fb,.soc-ig,.soc-twi,.soc-yt{
    display:block;
    width:28px;
    height:28px;
    opacity:.5;
	text-decoration: none;
}
.soc-dis:hover,.soc-fb:hover,.soc-ig:hover,.soc-twi:hover,.soc-yt:hover{
    opacity:1
}
.downloads-page p{
    font-family:Inter-Medium;
    font-size:11pt
}
.downloads-container{
    border:2px solid #e87d32;
    border-radius:15px
}
.downloads-container p{
    font-family:Inter-Medium;
    font-size:9pt
}
.downloads-container a:hover{
    opacity:.8
}
.heading-container{
    background:linear-gradient(180deg,#e87d32 30%,#bd5120 100%);
    font-family:Inter-Bold;
    font-size:12pt!important;
    padding:5px 10px;
    border-radius:12px 12px 0 0
}
.vote-render{
    text-align:right
}
.vote-render img{
    position:relative;
    right:-80px;
    top:235px
}
.vote-page td,.vote-page th,.vote-stats td{
    font-family:Inter-Medium;
    font-size:9pt!important;
    padding:10px 20px;
    border:3px solid #fff;
    text-align:center
}
.bg-themeGradient a{
    color:#fff!important;
    text-decoration:none
}
#submenu,.admin-menu,.admin-menu a:after,.global-container,.global-container h2,h3{
    color:var(--themeTextColor)
}
.table-label{
    padding:5px!important
}
.table-value{
    padding:5px 20px!important
}
table.vote-page{
    max-width:190px!important
}
.vote-page th{
    font-family:SportyPro-Bold;
    font-size:11pt!important
}
.bg-votelabel{
    background:#2b2b2b!important
}
.bg-black{
    background:#1d1d1d!important
}
.vote-warning p{
    font-size:8pt!important;
    font-weight:700
}
#submenu,.admin-menu{
    background:0 0;
    font-size:10pt
}
#submenu a:hover,.admin-menu a:hover{
    text-decoration:none;
    color:var(--themeTextColor)
}
.admin-menu a:after{
    content:' / ';
    text-decoration:none
}
.pages .current-page{
    color:#cc9808!important;
    font-weight:700
}
.horizontal-table,.vertical-table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
}
.global-container{
    font-family:Inter-Regular;
    border-radius:5px;
    margin:0 auto!important;
    font-size:9pt;
    background:url(../img/submenu-bg.jpg) top center no-repeat #191919;
    padding:80px 15px
}
@media (max-width:575.98px){
    .global-container{
        padding:80px 15px
    }
}
@media (min-width:576px){
    .global-container{
        padding:80px calc((100vw - 540px)/ 2)
    }
}
@media (min-width:768px){
    .dev-logo{
        margin-left:-20px
    }
    .global-container{
        padding:80px calc((100vw - 720px)/ 2)
    }
}
@media (min-width:992px){
    #dropdownUser1{
        color:var(--themeTextColor)
    }
    .global-container{
        padding:80px calc((100vw - 960px)/ 2)
    }
}
@media (min-width:1200px){
    .global-container{
        padding:80px calc((100vw - 1140px)/ 2)
    }
}
@media (min-width:1400px){
    .global-container{
        padding:80px calc((100vw - 1320px)/ 2)
    }
}
.global-container h2,h3{
    font-size:36pt;
    text-decoration-color:var(--themeTextColor);
    width:unset;
    margin:20px 0;
    padding:5px 0;
    font-family:GothamCondensed-Bold
}
.global-container p{
    font-family:Inter-Medium;
    font-size:10pt
}
.customborder-bottom{
    padding-bottom:15px;
    border-bottom:2px solid var(--themeTextColor)
}
.fs-medium{
    font-size:90%!important
}
.fs-small{
    font-size:75%!important
}
.security-code{
    background-color:#b7b7b7;
    height:auto;
    border:#8e8e8e
}
.reg-label{
    font-family:Inter-Bold!important;
    font-size:9pt!important;
    color:var(--themeTextColor)!important
}
.birthdate select{
    background-color:#212529!important;
    color:#fff!important;
    padding:.4rem 1rem!important;
    -moz-box-shadow:inset 0 0 7px #141414;
    -webkit-box-shadow:inset 0 0 7px #141414;
    box-shadow:inset 0 0 7px #141414
}
h3{
    font-size:30pt
}
.global-container:empty{
    display:none
}
.horizontal-table td,.vertical-table td{
    padding:5px 10px;
    background:0 0
}
.horizontal-table td,.horizontal-table th,.vertical-table td,.vertical-table th{
    font-size:9pt;
    border:1px solid var(--themeTextColor)
}
.horizontal-table th,.vertical-table th{
    padding:5px 10px;
    background-color:transparent
}
.request,.woe-table{
    background:0 0!important
}
.generic-form{
    border:1px solid var(--themeColor);
    background:0 0
}
.sortable{
    color:#38a6e8;
    text-decoration:underline
}