body{
    font-family:open sans,sans-serif;
    min-width:360px;
    max-width:2560px;
    margin-left:auto;
    margin-right:auto
}
a{
    color:#bc493c;
    text-decoration:none
}
a:hover{
    color:#e05747
}
.clearfix{
    margin-bottom:30px
}
.section{
    padding-top:60px;
    padding-bottom:60px
}
.wide-page .container{
    max-width:1800px
}
.form-control{
    margin-bottom:10px;
    border-color:#f1f1f1;
    border-radius:15px;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    box-shadow:3px 3px 9px 0 rgb(0 0 0/7%)
}
.panel{
    background-color:#fff;
    box-shadow:9px 9px 21px 0 rgba(0,0,0,.11);
    border-radius:15px;
    padding:30px;
    color:#656565;
    font-size:16px;
    line-height:1.25
}
#invite-panel{
    background-image:url(../images/invite_panel.png);
    background-repeat:no-repeat;
    background-position:center;
    width:374px;
    height:504px;
    position:fixed;
    z-index:10000;
    left:100px;
    top:calc((100% - 504px)/2);
    box-shadow:4px 4px 18px 0 rgb(0 0 0/50%);
    border-radius:15px;
    text-align:center;
    color:#fff;
    font-size:17px;
    line-height:1.25;
    text-shadow:3px 3px 7px rgb(0 0 0/54%);
    padding:25px;
    padding-top:285px;
    overflow:hidden
}

#invite-panel-close{
    color:#fff;
    position:absolute;
    right:5px;
    top:0;
    font-size:20px;
    padding:5px;
    text-shadow:0 0 5px rgb(0 0 0/33%)
}
#invite-panel-close:hover{
    color:#e5e5e5
}
#invite-panel-button{
    background-image:url(../images/invite_button.png);
    background-repeat:no-repeat;
    background-position:center;
    width:337px;
    height:115px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    color:#000;
    font-size:16px;
    font-weight:700;
    text-align:left;
    padding-top:67px;
    padding-left:20px;
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    transition-duration:.2s;
    text-shadow:none
}
#invite-panel-button:hover{
    filter:brightness(110%)
}
#invite-panel h4{
    background:linear-gradient(90deg,rgba(255,228,152,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,228,152,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:27px;
    font-weight:700;
    text-transform:uppercase;
    text-shadow:none;
    display:inline
}
.topbar{
    background-color:#171717;
    color:#fff;
    font-size:14px;
    padding:14px
}
#navbar{
    font-size:17px;
    font-weight:600
}
#navbar .navbar-nav .nav-link{
    color:#3a2920;
    padding:20px;
    padding-bottom:25px
}
#navbar .nav-link:focus,#navbar .nav-link:hover,#navbar .nav-link.active{
    color:#bc493c
}
#navbar .nav-link.active{
    background-image:url(../images/navbar_active_decoration.png);
    background-repeat:no-repeat;
    background-position:bottom
}
.nav-link-button{
    background-color:#bc493c;
    color:#fff!important;
    padding:8px!important;
    padding-left:60px!important;
    padding-right:60px!important;
    border-radius:20px;
    margin-top:12px;
    margin-left:30px
}
.nav-link-button:hover{
    background-color:#d35243
}

.header{
    background-image:url(../images/background_header.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:793px;
    color:#fff;
    font-family:open sans,sans-serif;
    font-size:18px;
    text-shadow:1px 1px 2px rgb(0 0 0/41%);
    text-align:center;
    line-height:1.25;
    padding-top:225px
}
.header h2{
    font-size:50px;
    font-weight:700;
    margin-bottom:15px
}
.header-button-download{
    display:block;
    background-image:url(../images/button_download.png);
    background-repeat:no-repeat;
    background-position:center;
    width:311px;
    height:102px;
    margin-left:auto;
    margin-right:auto;
    transition-duration:.2s;
    color:#f7d991!important;
    font-size:19px;
    text-transform:uppercase;
    line-height:90px;
    margin-top:25px;
    margin-bottom:-20px
}
.header-button-download:before{
    content:'';
    display:inline-block;
    background-image:url(../images/button_download_icon.png);
    background-repeat:no-repeat;
    background-position:center;
    width:32px;
    height:27px;
    margin-right:10px;
    margin-bottom:-10px
}
.header-button-download:hover{
    filter:brightness(110%)
}
.section-presentation{
    background-image:url(../images/background_section_presentation.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    color:#fff;
    font-size:16px
}
.section-presentation h2{
    color:#f7d991;
    font-size:33px;
    font-family:open sans,sans-serif;
    line-height:100px;
    margin:0;
    margin-top:8px;
    white-space:nowrap
}
.section-presentation h2:before{
    content:'';
    display:inline-block;
    background-image:url(../images/presentation_icon.png);
    background-repeat:no-repeat;
    background-position:center;
    width:154px;
    height:120px;
    margin-right:30px;
    float:left
}
.section-presentation a{
    color:#f7d991
}
.section-presentation a:hover{
    color:#ceb579
}
.section-presentation p{
    margin-top:28px;
    margin-bottom:10px
}
.section-presentation-button{
    display:block;
    width:270px;
    margin-left:auto;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#f7d991;
    border-radius:15px;
    padding:8px;
    margin-bottom:20px
}
.section-presentation-button:hover{
    border-color:#ceb579
}
.section-stats{
    background:#745f3d;
    background:linear-gradient(90deg,rgba(116,95,61,1) 0%,rgba(208,194,125,1) 45%,rgba(208,194,125,1) 55%,rgba(116,95,61,1) 100%);
    color:#fff;
    font-size:14px;
    text-shadow:1px 1px 2px rgb(0 0 0/27%);
    text-align:center;
    padding-bottom:20px
}
.section-stats h4{
    font-family:open sans,sans-serif;
    font-size:22px;
    font-weight:700;
    margin-top:20px
}
.section-stats h4 small{
    display:block;
    font-size:18px;
    font-weight:400
}
.section-stats h5{
    font-size:18px;
    font-weight:600;
    margin-top:15px
}
.section-stats-bar{
    background-image:url(../images/stats_bar.png);
    background-repeat:no-repeat;
    background-position:center;
    width:215px;
    height:16px;
    padding:1px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px
}
.section-stats-bar>div{
    background-image:url(../images/stats_bar_fill.png);
    background-repeat:no-repeat;
    width:213px;
    height:14px
}
.news-slider{
    position:relative
}
.news-slider-container{
    display:flex;
    overflow-x:auto;
    margin-top:-60px
}
.news-slider-container::-webkit-scrollbar{
    height:6px
}
.news-slider-container::-webkit-scrollbar-track{
    background:#ddd;
    border-radius:3px
}
.news-slider-container::-webkit-scrollbar-thumb{
    background:#da5041;
    border-radius:3px
}
.news-slider-container::-webkit-scrollbar-thumb:hover{
    background:#f25648
}
.news-slider-panel{
    background-repeat:no-repeat;
    background-position:top center;
    width:374px;
    min-width:374px;
    margin-left:35px;
    margin-top:60px;
    margin-bottom:60px;
    padding:25px;
    padding-top:225px;
    padding-bottom:100px;
    text-align:center;
    box-shadow:2px 2px 32px 6px rgb(0 0 0/15%);
    border-radius:15px;
    color:#000;
    font-size:17px;
    font-weight:500;
    line-height:1.2;
    position:relative
}
.news-slider-panel:last-child{
    margin-right:35px
}
.news-slider-panel-update{
    background-image:url(../images/news_type_update.png)
}
.news-slider-panel-maintance{
    background-image:url(../images/news_type_maintance.png)
}
.news-slider-panel-christmas{
    background-image:url(../images/news_type_christmas.png)
}
.news-title{
    font-size:21px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:2px
}
.news-author{
    color:#be4c3e;
    font-size:14px;
    margin-bottom:20px
}
.news-button{
    display:block;
    position:absolute;
    left:25px;
    right:25px;
    bottom:25px;
    box-shadow:2px 2px 10px 2px rgb(93 93 93/20%);
    border-radius:15px;
    color:#000!important;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    padding:16px
}
.news-button:hover{
    background-color:#ededed
}
.news-button-archive{
    display:block;
    position:absolute;
    left:25px;
    right:25px;
    bottom:250px;
    box-shadow:2px 2px 10px 2px rgb(93 93 93/20%);
    border-radius:15px;
    color:#000!important;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    padding:16px
}
.news-button-archive:hover{
    background-color:#ededed
}
.news-slider-text{
    color:#be4c3e;
    font-size:13px;
    position:absolute;
    left:0;
    bottom:8px
}
.news-slider-text-right{
    left:initial;
    right:0
}
.section-register{
    background-image:url(../images/background_section_register.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    color:#fff
}
.section-register h2{
    color:#f7d991;
    font-size:33px;
    font-family:open sans,sans-serif;
    line-height:100px;
    margin:0;
    margin-top:8px;
    white-space:nowrap
}
.section-register h2:before{
    content:'';
    display:inline-block;
    background-image:url(../images/icon_register.png);
    background-repeat:no-repeat;
    background-position:center;
    width:95px;
    height:92px;
    margin-right:30px;
    float:left
}
.section-register a{
    color:#f7d991
}
.section-register a:hover{
    color:#ceb579
}
.section-register p{
    margin-top:28px;
    margin-bottom:10px
}
.section-register p:before{
    content:'';
    display:inline-block;
    background-image:url(../images/icon_register2.png);
    background-repeat:no-repeat;
    background-position:center;
    width:48px;
    height:43px;
    margin-right:5px;
    float:left;
    margin-top:-8px
}
.section-register-button{
    display:block;
    background-color:#3a3a3a;
    color:#fff!important;
    width:270px;
    margin-left:auto;
    text-align:center;
    border-radius:15px;
    padding:9px;
    margin-bottom:20px
}
.section-register-button:hover{
    background-color:#444
}
.section-ranking{
    background-image:url(../images/ranking_background.png),url(../images/background_section_ranking.png);
    background-repeat:no-repeat;
    background-position:center -300px,bottom center;
    padding-top:40px;
    padding-bottom:80px
}
.section-ranking-title{
    color:#000;
    font-family:open sans,sans-serif;
    font-size:32px;
    font-weight:700;
    text-align:center
}
.section-ranking-subtitle{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:22px;
    font-weight:400;
    text-align:center
}
.section-ranking-nav{
    justify-content:center;
    margin-top:40px;
    margin-bottom:25px
}
.section-ranking-nav .nav-item{
    width:185px;
    position:relative
}
.section-ranking-nav .nav-item:last-child{
    width:120px
}
.section-ranking-nav .nav-item:after{
    content:'';
    display:block;
    width:65px;
    height:2px;
    background-color:#d5d5d5;
    position:absolute;
    top:45px;
    right:0
}
.section-ranking-nav .nav-item:last-child:after{
    display:none
}
.section-ranking-nav .nav-link{
    background-color:transparent!important;
    color:#959595;
    font-family:open sans,sans-serif;
    font-size:21px;
    text-transform:uppercase;
    width:120px;
    text-align:center
}
.section-ranking-nav .nav-link.active,.section-ranking-nav .nav-link:hover{
    color:#bc493c
}
.section-ranking-nav .nav-link:before{
    content:'';
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    height:48px;
    margin-left:-2px
}
.section-ranking-nav-warrior .nav-link:before{
    background-image:url(../images/ranking_icon_warrior.png)
}
.section-ranking-nav-ninja .nav-link:before{
    background-image:url(../images/ranking_icon_ninja.png)
}
.section-ranking-nav-sura .nav-link:before{
    background-image:url(../images/ranking_icon_sura.png)
}
.section-ranking-nav-shaman .nav-link:before{
    background-image:url(../images/ranking_icon_shaman.png)
}
.section-ranking-nav-lycan .nav-link:before{
    background-image:url(../images/ranking_icon_lycan.png)
}
.section-ranking-nav-warrior .nav-link.active:before{
    background-image:url(../images/ranking_icon_warrior_active.png)
}
.section-ranking-nav-ninja .nav-link.active:before{
    background-image:url(../images/ranking_icon_ninja_active.png)
}
.section-ranking-nav-sura .nav-link.active:before{
    background-image:url(../images/ranking_icon_sura_active.png)
}
.section-ranking-nav-shaman .nav-link.active:before{
    background-image:url(../images/ranking_icon_shaman_active.png)
}
.section-ranking-nav-lycan .nav-link.active:before{
    background-image:url(../images/ranking_icon_lycan_active.png)
}
.section-ranking-character{
    background-repeat:no-repeat;
    background-position:bottom center;
    width:100%;
    height:537px
}
.section-ranking-character-warrior-m{
    background-image:url(../images/character_warrior_m.png)
}
.section-ranking-character-ninja-m{
    background-image:url(../images/character_ninja_m.png)
}
.section-ranking-character-sura-m{
    background-image:url(../images/character_sura_m.png)
}
.section-ranking-character-shaman-m{
    background-image:url(../images/character_shaman_m.png)
}
.section-ranking-character-warrior-f{
    background-image:url(../images/character_warrior_f.png)
}
.section-ranking-character-ninja-f{
    background-image:url(../images/character_ninja_f.png)
}
.section-ranking-character-sura-f{
    background-image:url(../images/character_sura_f.png)
}
.section-ranking-character-shaman-f{
    background-image:url(../images/character_shaman_f.png)
}
.section-ranking-character-lycan{
    background-image:url(../images/character_lycan.png)
}
.section-ranking-character-info{
    margin-top:40px;
    margin-bottom:20px
}
.section-ranking-character-info h4{
    color:#000;
    font-family:open sans,sans-serif;
    font-size:25px;
    font-weight:700;
    margin-bottom:0
}
.section-ranking-character-info h5{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:20px;
    font-weight:400;
    white-space:nowrap
}
.section-ranking-character-info h5 span{
    margin-left:10px
}
.section-ranking-flag{
    background-repeat:no-repeat;
    background-position:center;
    width:107px;
    height:51px;
    float:left;
    margin-right:15px
}
.section-ranking-flag-shinsoo{
    background-image:url(../images/flag_shinsoo.png)
}
.section-ranking-flag-chunjo{
    background-image:url(../images/flag_chunjo.png)
}
.section-ranking-flag-jinno{
    background-image:url(../images/flag_jinno.png)
}
.section-ranking-button{
    display:block;
    background-color:#000;
    width:432px;
    max-width:100%;
    color:#fff!important;
    font-size:15px;
    font-weight:700;
    text-align:center;
    padding:18px;
    border-radius:15px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px
}
.section-ranking-button:hover{
    background-color:#262626
}
.section-ranking-table{
    width:100%
}
.section-ranking-character-button{
    display:block;
    box-shadow:2px 2px 10px 2px rgb(93 93 93/20%);
    border-radius:15px;
    color:#000!important;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    padding:16px;
    background-color:#fff;
    text-align:center;
    margin-top:25px
}
.section-ranking-character-button:hover{
    background-color:#ededed
}
.section-ranking-panel-title{
    color:#000;
    font-family:open sans,sans-serif;
    font-size:21px;
    font-weight:700;
    text-align:center;
    margin-top:40px
}
.section-ranking-panel{
    background-color:#fff;
    padding:15px;
    border-radius:15px;
    box-shadow:7px 7px 27px 0 rgb(0 0 0/18%)
}
.section-ranking-panel-table{
    width:calc(100% + 30px);
    color:#000;
    font-size:15px;
    margin-left:-15px
}
.section-ranking-panel-table th{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:15px;
    font-weight:700
}
.section-ranking-panel-table tr{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ededed
}
.section-ranking-panel-table th,.section-ranking-panel-table td{
    padding:5px
}
.section-ranking-panel-table th:first-child,.section-ranking-panel-table td:first-child{
    padding-left:10px
}
.section-ranking-panel-table th:last-child,.section-ranking-panel-table td:last-child{
    padding-right:10px
}
.icon-class{
    background-repeat:no-repeat;
    background-position:center;
    width:27px;
    height:27px;
    margin:-3px;
    margin-left:auto;
    margin-right:auto
}
.icon-class-warrior-m{
    background-image:url(../images/icon_mwarrior.png)
}
.icon-class-warrior-f{
    background-image:url(../images/icon_wwarrior.png)
}
.icon-class-ninja-m{
    background-image:url(../images/icon_mninja.png)
}
.icon-class-ninja-f{
    background-image:url(../images/icon_wninja.png)
}
.icon-class-sura-m{
    background-image:url(../images/icon_msura.png)
}
.icon-class-sura-f{
    background-image:url(../images/icon_wsura.png)
}
.icon-class-shaman-m{
    background-image:url(../images/icon_mshaman.png)
}
.icon-class-shaman-f{
    background-image:url(../images/icon_wshaman.png)
}
.icon-class-lycan{
    background-image:url(../images/icon_mlykaner.png)
}
.icon-flag{
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:38px;
    height:18px;
    margin-left:auto;
    margin-right:auto
}
.icon-flag-jinno{
    background-image:url(../images/flag_jinno.png)
}
.icon-flag-chunjo{
    background-image:url(../images/flag_chunjo.png)
}
.icon-flag-shinsoo{
    background-image:url(../images/flag_shinsoo.png)
}
.section-community{
    background-image:url(../images/background_section_presentation.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover
}
.section-community h2{
    color:#f7d991;
    font-size:33px;
    font-family:open sans,sans-serif;
    line-height:100px;
    margin:0;
    margin-top:8px;
    white-space:nowrap;
    position:relative;
    padding-left:110px
}
.section-community h2:before{
    content:'';
    display:inline-block;
    background-image:url(../images/community_icon.png);
    background-repeat:no-repeat;
    background-position:center;
    width:205px;
    height:205px;
    margin-right:30px;
    position:absolute;
    left:-55px;
    top:-50px
}
.section-community-button{
    display:inline-block;
    background-color:#000;
    width:250px;
    color:#f7d991!important;
    font-family:open sans,sans-serif;
    font-size:18px;
    line-height:30px;
    text-align:center;
    padding:8px;
    border-radius:15px;
    margin-left:20px;
    margin-top:30px
}
.section-community-button:hover{
    background-color:#262626
}
.section-community-button .fa-brands{
    float:left;
    font-size:32px;
    margin-left:8px
}
.footer{
    background-color:#000;
    background-image:url(../images/background_footer.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    color:#a6a6a6;
    font-size:14px
}
.footer-nav{
    text-align:center
}
.footer-nav a{
    display:inline-block;
    font-size:15px;
    color:#fff;
    padding:19px
}
.footer-nav a.active,.footer-nav a:hover{
    color:#bc493c
}
.footer-logo{
    height:162px;
    text-align:center;
    padding-top:18px
}
.footer-links{
    height:161px;
    padding-top:30px
}
.footer-links a{
    display:inline-block
}
.footer-copyright{
    margin-bottom:45px
}
.footer-social{
    padding-top:10px
}
.footer-social a{
    display:inline-block;
    background-color:#4c4c4c;
    color:#000!important;
    width:26px;
    height:26px;
    text-align:center;
    border-radius:15px;
    font-size:14px;
    line-height:26px;
    margin-left:3px
}
.footer-social a:hover{
    background-color:#636363
}
.page{
    background-image:url(../images/background_page.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    padding-top:80px;
    padding-bottom:120px;
    min-height:500px
}
.page-title{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:45px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:0
}
.page-subtitle{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:16px;
    text-align:center;
    margin-bottom:80px
}
.panel-login{
    background-color:#fff;
    background-image:url(../images/panel_login.png);
    background-repeat:no-repeat;
    background-position:left;
    height:552px;
    box-shadow:9px 9px 21px 0 rgba(0,0,0,.11);
    border-radius:20px;
    text-align:center;
    padding:30px;
    color:#7a7a7a;
    font-size:15px
}
.panel-login-title{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:25px
}
.panel-login-form{
    height:450px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.panel-login-submit{
    display:block;
    background-color:#bc493c;
    border-style:none;
    border-radius:15px;
    color:#fff;
    font-size:15px;
    font-weight:700;
    padding:12px
}
.panel-login-submit:hover{
    background-color:#d35243
}
.download-title{
    color:#bc493c;
    font-family:open sans,sans-serif;
    font-size:38px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:0
}
.download-button{
    display:block;
    background-color:#bc493c;
    margin:20px;
    margin-left:auto;
    margin-right:auto;
    color:#fff!important;
    font-family:open sans,sans-serif;
    font-size:26px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    border-radius:15px;
    padding:10px
}
.download-button small{
    display:block;
    font-size:15px;
    font-weight:400;
    text-transform:initial
}
.download-button:hover{
    background-color:#d35243
}
.download-requirements{
    background-color:#f9f9f9;
    color:#000;
    padding:40px;
    border-radius:15px;
    margin-top:20px
}
.download-requirements table{
    width:100%
}
.panel-button{
    display:inline-block;
    background-color:#6b6b6b;
    width:180px;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    padding:10px;
    border-radius:15px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px
}
.panel-button:hover{
    background-color:#828282
}
.panel-button-active{
    background-color:#bc493c
}
.panel-button-active:hover{
    background-color:#d35243
}
.panel-button-green{
    background-color:#4b8041
}
.panel-button-green:hover{
    background-color:#5a994e
}
.panel-bar{
    background-color:#f8f8f8;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#ececec;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ececec;
    color:#6b6b6b;
    font-size:14px;
    padding:15px;
    padding-left:30px;
    padding-right:30px;
    margin:20px;
    margin-left:-30px;
    margin-right:-30px;
    position:relative
}
.panel-box{
    background-color:#f8f8f8;
    border-style:solid;
    border-width:1px;
    border-color:#ececec;
    color:#6b6b6b;
    font-size:14px;
    padding:20px;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:40px
}
.panel-settings-table{
    width:calc(100% + 10px);
    margin:-5px
}
.panel-settings-table td{
    color:#bc493c;
    text-align:right;
    padding:12px
}
.panel-settings-table td:first-child{
    color:#6b6b6b;
    font-weight:700;
    text-align:left
}
.panel-settings-table td:last-child{
    width:30px;
    padding-left:0
}
.panel-settings-table td:last-child a{
    display:block;
    font-size:20px;
    margin:-5px
}
.panel-settings-input{
    width:180px;
    border-style:none;
    padding:8px;
    border-radius:5px;
    box-shadow:2px 2px 13px 1px rgb(0 0 0/9%);
    margin-left:5px
}
.panel-settings-submit{
    background-color:#bc493c;
    color:#fff!important;
    font-size:18px!important;
    margin:0!important;
    width:33px;
    height:34px;
    text-align:center;
    padding:6px;
    border-radius:5px;
    margin-left:-5px!important;
    margin-right:-8px!important
}
.panel-settings-submit:hover{
    background-color:#d35243
}
.panel-box-title{
    color:#bc493c;
    font-size:14px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:15px
}
.panel-settings-button{
    display:inline-block;
    background-color:#bc493c;
    width:180px;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    text-align:center;
    padding:8px;
    border-radius:5px;
    margin-left:5px
}
.panel-settings-button:hover{
    background-color:#d35243
}
.panel-settings-button-twitter{
    background-color:#1c9cea
}
.panel-settings-button-twitter:hover{
    background-color:#1eacff
}
.panel-settings-button-facebook{
    background-color:#395694
}
.panel-settings-button-facebook:hover{
    background-color:#4366ad
}
.panel-settings-button-white{
    background-color:#fff;
    color:#6b6b6b!important;
    box-shadow:2px 2px 13px 1px rgba(0,0,0,.09)
}
.panel-settings-button-white:hover{
    background-color:#e5e5e5
}
.panel-settings-character{
    background-repeat:no-repeat;
    background-position:center;
    width:76px;
    height:98px;
    margin-left:auto;
    margin-right:auto
}
.panel-settings-character-warrior-m{
    background-image:url(../images/icon_mwarrior_big.png)
}
.panel-settings-character-warrior-f{
    background-image:url(../images/icon_wwarrior_big.png)
}
.panel-settings-character-ninja-m{
    background-image:url(../images/icon_mninja_big.png)
}
.panel-settings-character-ninja-f{
    background-image:url(../images/icon_wninja_big.png)
}
.panel-settings-character-sura-m{
    background-image:url(../images/icon_msura_big.png)
}
.panel-settings-character-sura-f{
    background-image:url(../images/icon_wsura_big.png)
}
.panel-settings-character-shaman-m{
    background-image:url(../images/icon_mshaman_big.png)
}
.panel-settings-character-shaman-f{
    background-image:url(../images/icon_wshaman_big.png)
}
.panel-settings-character-lycan{
    background-image:url(../images/icon_mlykaner_big.png)
}
.panel-settings-character-button{
    display:block;
    background-color:#bc493c;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    padding:8px;
    border-radius:5px;
    margin-top:10px
}
.panel-settings-character-button:hover{
    background-color:#d35243
}
.panel-settings-character-button-black{
    background-color:#000
}
.panel-settings-character-button-black:hover{
    background-color:#333
}
.panel-purchase-title{
    color:#bc493c;
    font-size:17px;
    font-weight:400;
    text-align:center
}
.panel-purchase-method{
    background-color:#f6f6f6;
    border-style:solid;
    border-width:1px;
    border-color:#eee;
    font-size:14px;
    padding:15px;
    padding-left:25px;
    margin-top:15px;
    margin-bottom:15px;
    cursor:pointer
}
.panel-purchase-method:hover{
    background-color:#e8e8e8;
    border-color:#e0e0e0
}
.panel-purchase-method strong{
    display:block
}
.panel-purchase-checkbox{
    background-color:#fff;
    color:#e2e2e2;
    box-shadow:2px 2px 13px 1px rgb(0 0 0/9%);
    width:34px;
    height:33px;
    border-radius:6px;
    float:right;
    text-align:center;
    font-size:20px;
    line-height:34px;
    margin-left:10px
}
.panel-purchase-method.active .panel-purchase-checkbox{
    background-color:#bc493c;
    color:#fff;
    box-shadow:none
}
.panel-purchase-currency{
    display:inline-block;
    height:32px;
    width:67px;
    border-radius:6px;
    margin-left:10px;
    margin-bottom:10px;
    cursor:pointer;
    background-color:#fff;
    box-shadow:2px 2px 13px 1px rgb(0 0 0/9%);
    color:#979797;
    font-size:14px;
    font-weight:700;
    text-align:center;
    line-height:30px
}
.panel-purchase-currency.active{
    box-shadow:none;
    background-color:#bc493c;
    color:#fff
}
.panel-purchase-currency:hover{
    background-color:#e5e5e5
}
.panel-purchase-currency.active:hover{
    background-color:#ad4337
}
.panel-purchase-title2{
    color:#bc493c;
    font-family:philosopher,sans-serif;
    font-size:31px;
    font-weight:700;
    text-align:center;
    margin-bottom:25px
}
.panel-purchase-packet{
    background-color:#f6f6f6;
    border-style:solid;
    border-width:1px;
    border-color:#eee;
    color:#6b6b6b;
    font-size:14px;
    text-align:center;
    padding:30px;
    margin-bottom:20px
}
.panel-purchase-packet-title{
    color:#000;
    font-size:18px;
    font-weight:700;
    margin-top:-10px
}
.panel-purchase-packet-image{
    height:148px;
    background-repeat:no-repeat;
    background-position:center;
    margin-left:-30px;
    margin-right:-30px
}
.panel-purchase-packet-image-1{
    background-image:url(../images/coins_packet01.png)
}
.panel-purchase-packet-image-2{
    background-image:url(../images/coins_packet02.png)
}
.panel-purchase-packet-image-3{
    background-image:url(../images/coins_packet03.png)
}
.panel-purchase-packet-image-4{
    background-image:url(../images/coins_packet04.png)
}
.panel-purchase-packet-image-5{
    background-image:url(../images/coins_packet05.png)
}
.panel-purchase-packet-image-6{
    background-image:url(../images/coins_packet06.png)
}
.panel-purchase-packet-image-7{
    background-image:url(../images/coins_packet07.png)
}
.panel-purchase-packet-image-8{
    background-image:url(../images/coins_packet08.png)
}
.panel-purchase-packet-image-9{
    background-image:url(../images/coins_packet09.png)
}
.panel-purchase-packet-button{
    display:block;
    background-color:#bc493c;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    margin:-31px;
    margin-top:20px;
    padding:11px
}
.panel-purchase-packet-button:hover{
    background-color:#d35243
}
.panel-ranking-table{
    text-align:center;
    font-size:14px;
    width:calc(100% + 60px);
    margin-left:-30px;
    margin-top:-20px;
    margin-bottom:40px
}
.panel-ranking-table th{
    color:#bc493c;
    border-bottom:2px solid #ececec;
    padding-top:15px;
    padding-bottom:15px
}
.panel-ranking-table td{
    padding-top:15px;
    padding-bottom:15px
}
.panel-ranking-table-flag-chunjo,.panel-ranking-table-flag-jinno,.panel-ranking-table-flag-shinsoo{
    display:inline-block;
    width:53px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    margin:-5px
}
.panel-ranking-table-flag-chunjo{
    background-image:url(../images/flag_chunjo.png)
}
.panel-ranking-table-flag-jinno{
    background-image:url(../images/flag_jinno.png)
}
.panel-ranking-table-flag-shinsoo{
    background-image:url(../images/flag_shinsoo.png)
}
.panel-ranking-pagination .page-item{
    padding-left:4px;
    padding-right:4px
}
.panel-ranking-pagination .page-link{
    border-radius:20px!important;
    color:#6b6b6b;
    font-size:14px;
    min-width:38px;
    height:38px;
    text-align:center;
    line-height:24px;
    box-shadow:none!important
}
.panel-ranking-pagination .page-item.active .page-link{
    background-color:#bc493c;
    border-color:#bc493c
}
.panel-ranking-pagination .page-item:nth-child(2) .page-link{
    margin-right:20px
}
.panel-ranking-pagination .page-item:nth-last-child(2) .page-link{
    margin-left:20px
}
#panel-ranking-search-button{
    display:block;
    width:290px;
    height:40px;
    background-color:#fff;
    box-shadow:3px 3px 9px 0 rgb(0 0 0/7%);
    border-radius:15px;
    margin-left:auto;
    margin-right:auto;
    color:#6b6b6b;
    font-size:14px;
    padding:11px;
    padding-left:15px;
    padding-right:15px
}
#panel-ranking-search-button:hover{
    color:#9b9b9b
}
#panel-ranking-search-dropdown{
    background-color:#fff;
    box-shadow:3px 3px 9px 0 rgb(0 0 0/7%);
    border-radius:15px;
    padding:10px;
    padding-top:15px;
    padding-bottom:15px;
    width:290px;
    position:absolute;
    top:61px;
    left:calc((100% - 290px)/2);
    text-align:center
}
.panel-ranking-search-dropdown-input{
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color:#ccc;
    border-radius:5px;
    box-shadow:1px 1px 3px 2px rgb(0 0 0/8%);
    color:#6b6b6b;
    font-size:14px;
    text-align:center;
    padding:8px;
    outline-style:none!important;
    margin-bottom:10px
}
.panel-ranking-search-dropdown-input:focus{
    border-color:#7f7f7f
}
.panel-ranking-search-dropdown-input-level input{
    width:calc(50% - 16px)
}
.panel-ranking-search-dropdown-input-level input:first-child{
    margin-right:10px
}
.panel-ranking-search-dropdown-input-level input:last-child{
    margin-left:10px
}
#panel-ranking-search-dropdown h6{
    font-size:14px;
    font-weight:400;
    margin-top:10px
}
#panel-ranking-search-dropdown-empire div{
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:76px;
    height:35px;
    border-radius:5px;
    cursor:pointer;
    filter:grayscale(100%)
}
#panel-ranking-search-dropdown-empire div.active{
    filter:grayscale(0%)
}
.panel-ranking-search-dropdown-empire-chunjo{
    background-image:url(../images/flag_chunjo.png);
    margin-right:15px
}
.panel-ranking-search-dropdown-empire-shinsoo{
    background-image:url(../images/flag_shinsoo.png);
    margin-left:15px
}
.panel-ranking-search-dropdown-empire-jinno{
    background-image:url(../images/flag_jinno.png)
}
#panel-ranking-search-dropdown-class div{
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:47px;
    height:47px;
    cursor:pointer;
    filter:grayscale(100%);
    margin-left:2px;
    margin-right:2px
}
#panel-ranking-search-dropdown-class div.active{
    filter:grayscale(0%)
}
.panel-ranking-search-dropdown-class-warrior{
    background-image:url(../images/icon_mwarrior_medium.png)
}
.panel-ranking-search-dropdown-class-ninja{
    background-image:url(../images/icon_mninja_medium.png)
}
.panel-ranking-search-dropdown-class-sura{
    background-image:url(../images/icon_msura_medium.png)
}
.panel-ranking-search-dropdown-class-shaman{
    background-image:url(../images/icon_mshaman_medium.png)
}
.panel-ranking-search-dropdown-class-lycan{
    background-image:url(../images/icon_mlykaner_medium.png)
}
#panel-ranking-search-dropdown-submit{
    background-color:#bc493c;
    display:block;
    width:100%;
    border-style:none;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    border-radius:5px;
    padding:9px;
    margin-top:15px
}
#panel-ranking-search-dropdown-submit:hover{
    background-color:#d35243
}
.wiki-header{
    background-image:url(../images/wiki_header.png);
    background-repeat:no-repeat;
    background-position:top center;
    padding-top:5px;
    padding-bottom:10px
}
.wiki-header-logo{
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:contain;
    display:block;
    width:170px;
    height:84px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px
}
.wiki-header-title{
    font-family:philosopher,sans-serif;
    font-size:34px;
    font-weight:700;
    line-height:25px;
    margin:0;
    text-align:center;
    background:#eee396;
    background:linear-gradient(180deg,rgba(238,227,150,1) 0%,rgba(225,203,80,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.wiki-pagination{
    background:#745f3d;
    background:linear-gradient(90deg,rgba(116,95,61,1) 0%,rgba(206,193,124,1) 45%,rgba(206,193,124,1) 55%,rgba(116,95,61,1) 100%);
    color:#fff;
    font-size:15px;
    text-shadow:1px 1px 1px rgb(0 0 0/37%);
    padding:15px
}
.wiki-page{
    background-image:url(../images/wiki_background.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    padding-top:20px;
    padding-bottom:50px;
    min-height:500px
}
.wiki-title{
    color:#e8d876;
    font-family:philosopher,sans-serif;
    font-size:50px;
    font-weight:700;
    text-align:center;
    margin-top:40px;
    margin-bottom:20px
}
.wiki-title small{
    display:block;
    color:#a2382f;
    font-size:18px;
    font-weight:400
}
.wiki-class{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.wiki-class-panel{
    width:calc(20% - 20px);
    max-width:343px;
    background-color:#fff;
    box-shadow:2px 2px 32px 6px rgb(0 0 0/15%);
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    border-radius:15px;
    overflow:hidden;
    padding:15px
}
.wiki-class-panel-header{
    background-repeat:no-repeat;
    background-position:top center;
    height:280px;
    padding-top:150px;
    margin:-15px
}
.wiki-class-panel-header-warrior{
    background-image:url(../images/wiki_panel_class_header_warrior.png)
}
.wiki-class-panel-header-ninja{
    background-image:url(../images/wiki_panel_class_header_ninja.png)
}
.wiki-class-panel-header-sura{
    background-image:url(../images/wiki_panel_class_header_sura.png)
}
.wiki-class-panel-header-shaman{
    background-image:url(../images/wiki_panel_class_header_shaman.png)
}
.wiki-class-panel-header-lycan{
    background-image:url(../images/wiki_panel_class_header_lycan.png)
}
.wiki-class-panel-header-title{
    background-image:url(../images/wiki_panel_class_header_title.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:100%;
    height:102px;
    color:#eacc83;
    font-family:philosopher,sans-serif;
    font-size:30px;
    text-align:center;
    text-shadow:1px 1px 1px rgb(0 0 0/72%);
    line-height:92px
}
.wiki-class-panel-button{
    display:block;
    background-color:#fff;
    box-shadow:4px 4px 10px 0 rgb(93 93 93/20%);
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
    border-radius:15px;
    color:#000!important;
    font-size:15px;
    text-align:center;
    padding:10px
}
.wiki-class-panel-button:hover{
    background-color:#f2f2f2
}
.wiki-buttons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.wiki-buttons a{
    display:block;
    background-color:#fff;
    box-shadow:4px 4px 10px 0 rgb(93 93 93/20%);
    border-radius:15px;
    color:#000!important;
    font-size:15px;
    text-align:center;
    padding:10px;
    width:calc(16.66% - 15px);
    margin-left:7px;
    margin-right:7px;
    margin-bottom:10px
}
.wiki-buttons a:hover{
    background-color:#f2f2f2
}
.wiki-buttons a.active{
    background-color:#2f2f2f;
    color:#fff!important
}
.wiki-buttons a.active:hover{
    background-color:#474747
}
.wiki-panel{
    background-color:#fff;
    box-shadow:4px 4px 10px 0 rgba(93,93,93,.2);
    border-radius:15px;
    padding:30px;
    padding-top:15px;
    color:#000;
    font-size:16px;
    line-height:1.25;
    text-align:center
}
.wiki-panel h4{
    font-size:21px;
    font-weight:700;
    margin-top:25px;
    margin-bottom:10px
}
.wiki-panel table{
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color:#d6d6d6;
    margin-top:30px;
    margin-bottom:30px
}
.wiki-panel th,.wiki-panel td{
    border-style:solid;
    border-width:1px;
    border-color:#d6d6d6;
    padding:5px;
    padding-top:10px;
    padding-bottom:10px
}
.wiki-panel th{
    background:#f0f0f0;
    background:linear-gradient(180deg,rgba(240,240,240,1) 0%,rgba(250,250,250,1) 100%)
}
@media screen and (max-width:2300px){
    #invite-panel{
        left:20px
    }
}
@media screen and (max-width:2100px){
    #invite-panel{
        width:200px;
        padding-top:260px;
        left:10px
    }
    #invite-panel-button{
        text-align:center;
        width:100%;
        background-position:0 0
    }
}
@media screen and (max-width:1750px){
    #invite-panel{
        display:none
    }
}
@media screen and (max-width:1399px){
    .wiki-class-panel{
        width:calc(40% - 20px)
    }
    .wiki-buttons a{
        width:calc(25% - 14px)
    }
}
@media screen and (max-width:1199px){
    #navbar{
        font-size:15px
    }
    #navbar .navbar-nav .nav-link{
        padding-left:10px;
        padding-right:10px
    }
    .nav-link-button{
        padding-left:40px!important;
        padding-right:40px!important;
        margin-left:15px
    }
    .section-community-button{
        width:200px
    }
    .panel-login{
        background-position:-125px 0
    }
}
@media screen and (max-width:991px){
    #navbar .navbar-nav .nav-link{
        text-align:center;
        padding-top:5px
    }
    .nav-link-button{
        margin-left:0
    }
    .nav-link-button{
        margin-top:0;
        margin-bottom:20px
    }
    .header{
        font-size:16px;
        padding-top:150px
    }
    .header h2{
        font-size:40px
    }
    .section-ranking{
        background-position:center -200px,bottom center
    }
    .section-community-button{
        margin-top:0;
        margin-bottom:30px
    }
    .panel-login{
        background-position:-300px 0
    }
    .wiki-buttons a{
        width:calc(33.33% - 15px)
    }
}
@media screen and (max-width:767px){
    .header{
        background-position:-580px 0;
        font-size:18px
    }
    .footer-social a{
        margin-left:-1px
    }
    .panel-login{
        background-image:none
    }
    .wiki-buttons a{
        width:calc(50% - 14px)
    }
    .wiki-panel{
        padding:10px
    }
}
@media screen and (max-width:575px){
    .section-presentation h2,.section-register h2,.section-community h2{
        text-align:center;
        line-height:40px;
        margin-top:25px;
        padding:0
    }
    .section-presentation h2:before,.section-register h2:before,.section-community h2:before{
        display:none
    }
    .section-ranking-nav .nav-item{
        width:120px
    }
    .section-ranking-nav .nav-item:after{
        display:none
    }
    .section-community-button{
        margin-top:20px;
        margin-bottom:20px
    }
    .section-community-button:last-child{
        margin-top:0
    }
    .footer-copyright{
        margin-bottom:5px
    }
    .panel-ranking{
        overflow-x:auto
    }
    .wiki-class-panel{
        width:100%
    }
    .wiki-buttons a{
        width:calc(100% - 14px)
    }
}
.disabled{
    pointer-events:none;
    opacity:.6
}
.hidden{
    visibility:hidden
}


/* ===== InfinityMt2 presentation theme adaptation ===== */
:root{
  --im-bg:#090806;
  --im-bg-soft:#12100c;
  --im-panel:rgba(16,12,8,.88);
  --im-panel-2:rgba(24,18,12,.78);
  --im-gold:#f3d58a;
  --im-gold-strong:#ffdf93;
  --im-gold-soft:#c8a55a;
  --im-orange:#c77a2a;
  --im-red:#7b2f18;
  --im-text:#f8f1df;
  --im-muted:#d7c09a;
  --im-border:rgba(243,213,138,.28);
  --im-shadow:0 18px 40px rgba(0,0,0,.45);
}
body{
  background:
    radial-gradient(circle at top, rgba(199,122,42,.14), transparent 30%),
    radial-gradient(circle at bottom, rgba(255,223,147,.07), transparent 22%),
    linear-gradient(180deg,#090806 0%,#0f0b07 45%,#090806 100%);
  color:var(--im-text);
}
a{color:var(--im-gold-soft)}
a:hover{color:var(--im-gold-strong)}
.topbar{
  background:linear-gradient(90deg, rgba(10,9,7,.98), rgba(33,23,12,.95), rgba(10,9,7,.98));
  border-bottom:1px solid rgba(243,213,138,.15);
  color:#f5ead0;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
#navbar{
  background:linear-gradient(180deg, rgba(14,11,8,.94), rgba(10,8,6,.92));
  border-bottom:1px solid rgba(243,213,138,.18);
  backdrop-filter:blur(8px);
}
#navbar .navbar-brand img{max-height:72px}
#navbar .navbar-nav .nav-link{color:#f3e2bc;letter-spacing:.3px}
#navbar .nav-link:focus,#navbar .nav-link:hover,#navbar .nav-link.active{color:var(--im-gold-strong)}
#navbar .nav-link.active{filter:drop-shadow(0 0 10px rgba(243,213,138,.32))}
.nav-link-button,
.section-ranking-button,
.section-community-button,
.section-register-button,
.news-button,
.news-button-archive{
  background:linear-gradient(180deg, #5d2b14 0%, #9f5a22 35%, #d29a47 100%) !important;
  color:#fff3d7 !important;
  border:1px solid rgba(255,223,147,.4);
  box-shadow:0 10px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,245,220,.25);
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.nav-link-button:hover,
.section-ranking-button:hover,
.section-community-button:hover,
.section-register-button:hover,
.news-button:hover,
.news-button-archive:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.header{
  position:relative;
  min-height:820px;
  height:auto;
  background-image:
    linear-gradient(180deg, rgba(7,6,4,.35), rgba(7,6,4,.82)),
    radial-gradient(circle at center, rgba(214,153,66,.16), transparent 38%),
    url(../images/background_header.png);
  background-size:cover;
  background-position:center top;
  padding-top:210px;
  padding-bottom:120px;
  text-align:left;
}
.header:before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.5) 36%, rgba(0,0,0,.15) 100%);
  pointer-events:none;
}
.header .container,.header .row,.header .col-md-6{position:relative;z-index:1}
.header h2{
  font-size:62px;
  line-height:1.04;
  max-width:760px;
  margin-bottom:20px;
  color:var(--im-gold-strong);
  text-transform:uppercase;
  letter-spacing:1.2px;
  text-shadow:0 0 20px rgba(243,213,138,.18), 0 3px 10px rgba(0,0,0,.7);
}
.header p{
  max-width:700px;
  font-size:19px;
  color:#f2e8d2;
  line-height:1.7;
}
.header small{display:block;color:#cdb68c;margin-top:18px;font-size:14px}
.header-button-download{
  background-image:none;
  width:320px;
  height:auto;
  line-height:1.2;
  padding:18px 26px;
  border-radius:16px;
  background:linear-gradient(180deg, #5d2b14 0%, #9f5a22 35%, #d29a47 100%);
  border:1px solid rgba(255,223,147,.45);
  box-shadow:0 12px 26px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,245,220,.28);
}
.header-button-download:before{display:none}
.section-stats{
  background:linear-gradient(180deg, rgba(11,9,6,1), rgba(28,20,12,1));
  border-top:1px solid rgba(243,213,138,.14);
  border-bottom:1px solid rgba(243,213,138,.12);
}
.section-stats h4,.section-stats h5{color:#f5e7c4}
.section-stats h4 small{color:#c4ab80}
.section-stats-bar{filter:drop-shadow(0 0 6px rgba(243,213,138,.2))}
.section-presentation,.section-register,.section-community,.footer,.page,.section-ranking{
  position:relative;
}
.section-presentation,
.section-register,
.section-community,
.footer,
.page{
  background-size:cover;
}
.section-presentation:before,
.section-register:before,
.section-community:before,
.page:before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(8,7,5,.78), rgba(8,7,5,.56));
  pointer-events:none;
}
.section-presentation > .container,
.section-register > .container,
.section-community > .container,
.page > .container{position:relative;z-index:1}
.panel,
.section-ranking-panel,
.news-slider-panel,
.panel-login,
.panel-register,
.panel-download,
.panel-player,
.panel-guild,
.panel-lost,
.panel-email,
.panel-wiki,
.panel-referral,
.panel-referral-table,
table.table,
.modal-content{
  background:linear-gradient(180deg, rgba(20,15,10,.94), rgba(10,8,6,.92)) !important;
  color:#f2ead9;
  border:1px solid var(--im-border);
  box-shadow:var(--im-shadow);
}
.page-title,.page-subtitle,.section-ranking-title,.section-ranking-subtitle,.section-register h2,.section-community h2,.section-presentation h2{
  color:var(--im-gold-strong) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.form-control,
.form-select{
  background:rgba(14,11,8,.92);
  border:1px solid rgba(243,213,138,.18);
  color:#f4ead2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.18);
}
.form-control::placeholder{color:#ac9b7d}
.form-control:focus,.form-select:focus{
  background:rgba(16,12,8,.96);
  color:#fff4da;
  border-color:rgba(243,213,138,.45);
  box-shadow:0 0 0 .2rem rgba(243,213,138,.12);
}
.news-slider-container::-webkit-scrollbar-track{background:#1c1610}
.news-slider-container::-webkit-scrollbar-thumb{background:#a76428}
.news-slider-panel{
  border:1px solid rgba(243,213,138,.18);
  color:#f4ebd8;
  overflow:hidden;
}
.news-title{color:var(--im-gold-strong);text-shadow:0 2px 10px rgba(0,0,0,.35)}
.news-author,.news-slider-text{color:#c59f63}
.section-register p,.section-presentation p,.section-community p,.page-subtitle{color:#e4d6b7}
.section-ranking{
  background:
    radial-gradient(circle at top, rgba(243,213,138,.09), transparent 25%),
    linear-gradient(180deg,#0b0906,#130f0a 35%,#0d0a07 100%);
  color:#f5ecd7;
}
.section-ranking-nav .nav-link{color:#ceb88d}
.section-ranking-nav .nav-link.active,.section-ranking-nav .nav-link:hover{color:var(--im-gold-strong)}
.section-ranking-character-info h4{color:#fff0cb}
.section-ranking-character-info h5,.section-ranking-panel-table th,.page-title{color:var(--im-gold-strong)}
.section-ranking-panel-table{color:#eadfca}
.section-ranking-panel-table tr{border-bottom-color:rgba(243,213,138,.08)}
.footer{
  background-image:linear-gradient(180deg, rgba(7,6,4,.35), rgba(7,6,4,.95)), url(../images/background_footer.png);
  color:#ccb894;
}
.footer-nav a,.footer-links a{color:#f6ead0}
.footer-social a{
  background:linear-gradient(180deg, #4f3a1a, #a26a29);
  color:#fff2d1 !important;
}
#invite-panel{
  background-image:linear-gradient(180deg, rgba(18,13,8,.2), rgba(18,13,8,.2)), url(../images/invite_panel.png);
  border:1px solid rgba(243,213,138,.28);
}
#invite-panel-button{
  background-image:none;
  width:300px; height:auto;
  border-radius:16px;
  text-align:center;
  padding:16px 20px;
  background:linear-gradient(180deg, #5d2b14 0%, #9f5a22 35%, #d29a47 100%);
  border:1px solid rgba(255,223,147,.45);
  box-shadow:0 12px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,245,220,.22);
}
/* InfinityMt2 old-school setup: no lycan on public theme */
.section-ranking-nav-lycan,
.section-ranking-character-lycan,
.icon-class-lycan,
img[src*="lycan"],
img[src*="lykaner"]{display:none !important}
@media (max-width: 991px){
  .header{padding-top:150px;text-align:center}
  .header:before{background:linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.78))}
  .header h2{font-size:42px;margin-left:auto;margin-right:auto}
  .header p{margin-left:auto;margin-right:auto}
  .nav-link-button{margin-left:0}
  #invite-panel{display:none}
}


/* ===== InfinityMt2 logo integration refinements ===== */
#navbar .navbar-brand{position:relative;display:flex;align-items:center;padding:10px 0}
#navbar .navbar-brand img{max-height:94px;width:auto;filter:drop-shadow(0 0 18px rgba(245,188,74,.22)) drop-shadow(0 8px 20px rgba(0,0,0,.35));transition:transform .25s ease, filter .25s ease}
#navbar .navbar-brand:hover img{transform:translateY(-1px) scale(1.01);filter:drop-shadow(0 0 22px rgba(245,188,74,.28)) drop-shadow(0 10px 24px rgba(0,0,0,.42))}
.footer-logo img{max-width:420px;width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(245,188,74,.16))}
.header:after,
.page:after,
.footer:after{
  content:'';
  position:absolute;
  inset:auto 0 0 auto;
  width:min(44vw, 760px);
  height:min(30vw, 520px);
  background:url(../images/logo_watermark.png) no-repeat center/contain;
  opacity:.16;
  pointer-events:none;
  z-index:0;
}
.header:after{right:2%;bottom:5%;opacity:.18}
.page:after{right:2%;bottom:4%;opacity:.12}
.footer:after{right:4%;bottom:14%;opacity:.11}
.header .col-md-6{max-width:760px}
.header h2{max-width:820px;font-size:58px}
.header p{max-width:760px}
#invite-panel{backdrop-filter:blur(6px);background-size:cover;box-shadow:0 16px 42px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06)}
#invite-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,6,4,.08), rgba(7,6,4,.42));pointer-events:none}
#invite-panel > *{position:relative;z-index:1}
.invite-panel-brand{display:flex;justify-content:center;align-items:center;margin-top:-145px;margin-bottom:8px}
.invite-panel-brand img{max-width:250px;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(245,188,74,.22))}
#invite-panel h4{font-size:30px;letter-spacing:.6px}
#invite-panel-button{font-size:17px;font-weight:800;letter-spacing:.4px}
.section-stats-bar div, .section-ranking-progressbar div{box-shadow:0 0 10px rgba(245,188,74,.3)}
.news-slider-panel, .section-ranking-panel, .panel{border-radius:20px}
.table, table, .section-ranking-panel-table{color:#f4ead3}
.dropdown-menu{background:rgba(16,12,8,.98);border:1px solid rgba(243,213,138,.18)}
.dropdown-item{color:#f3e2bc}
.dropdown-item:hover{background:rgba(243,213,138,.08);color:#fff0cb}
@media (max-width: 991px){
  #navbar .navbar-brand img{max-height:76px}
  .header h2{font-size:40px}
  .invite-panel-brand{display:none}
}

/* InfinityMt2 premium homepage expansion */
.hero-eyebrow,
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(243,213,138,.08);
  border:1px solid rgba(243,213,138,.18);
  color:#f3d58a;
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-size:12px;
  font-weight:700;
  margin-bottom:18px;
}
.header-premium{overflow:hidden}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.header-button-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:18px 26px;
  border-radius:16px;
  border:1px solid rgba(243,213,138,.22);
  background:linear-gradient(180deg, rgba(28,20,12,.94), rgba(13,10,7,.94));
  color:#f5e6bf !important;
  box-shadow:0 12px 26px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
  text-transform:uppercase;
  letter-spacing:.7px;
  font-weight:700;
}
.header-button-secondary:hover{color:#fff3d5 !important; border-color:rgba(243,213,138,.4)}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.hero-meta span{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(10,8,6,.55);border:1px solid rgba(243,213,138,.12);
  padding:10px 14px;border-radius:14px;color:#e8d8b5;font-size:14px;
}
.hero-logo-card{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-logo-card img{
  position:relative; z-index:2;
  max-width:100%;
  filter:drop-shadow(0 0 35px rgba(243,190,73,.22)) drop-shadow(0 16px 30px rgba(0,0,0,.45));
}
.hero-logo-glow{
  position:absolute; inset:10% 12%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(243,190,73,.28), rgba(243,190,73,.08) 36%, transparent 68%);
  filter:blur(16px);
}
.hero-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:54px;
}
.hero-feature-card,
.download-card,
.download-side-panel,
.register-info-box,
.final-cta-box,
.premium-page-hero,
.premium-steps,
.section-news-premium .news-slider,
.section-ranking-premium .section-ranking-panel,
.section-ranking-premium .tab-content > .active,
.section-ranking-premium .tab-pane,
.premium-requirements{
  background:linear-gradient(180deg, rgba(21,16,10,.9), rgba(9,7,5,.9));
  border:1px solid rgba(243,213,138,.14);
  box-shadow:0 18px 40px rgba(0,0,0,.36);
}
.hero-feature-card{
  padding:22px;
  border-radius:20px;
  min-height:170px;
  backdrop-filter:blur(4px);
}
.hero-feature-card h4,
.download-card h4,
.final-cta-box h3,
.register-info-box h3,
.download-side-panel h3,
.section-block-title{color:#f3d58a}
.hero-feature-card p,
.section-block-text,
.ranking-side-copy,
.download-card p,
.download-side-panel li,
.final-cta-box p,
.register-info-box p{color:#e6d6b2}
.section-news-premium{padding:80px 0 20px}
.section-intro-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:28px;
}
.section-block-title{font-size:42px;line-height:1.05;margin:0 0 12px;text-transform:uppercase}
.section-block-text{font-size:17px;max-width:700px;margin:0}
.section-intro-actions{display:flex;align-items:center;gap:12px}
.section-register-premium{padding:90px 0}
.premium-steps{padding:28px;border-radius:24px}
.premium-step{display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(243,213,138,.08)}
.premium-step:last-child{border-bottom:0}
.premium-step span{
  width:46px;height:46px;border-radius:14px;flex:0 0 46px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg, #5d2b14 0%, #9f5a22 35%, #d29a47 100%);
  color:#fff2d5;font-weight:800;
  box-shadow:0 10px 22px rgba(0,0,0,.32);
}
.premium-step h5{margin:2px 0 6px;color:#f6dfaa;font-size:20px}
.premium-step p{margin:0;color:#ddcfb0;line-height:1.6}
.premium-cta-group,.final-cta-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.section-ranking-premium{padding:90px 0}
.section-intro-row-ranking{align-items:center;margin-bottom:36px}
.ranking-side-copy{max-width:430px;text-align:right;line-height:1.7}
.section-final-cta{padding:30px 0 90px}
.final-cta-box{
  border-radius:28px;
  padding:38px;
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.final-cta-box:before{
  content:'';position:absolute;right:-120px;top:50%;transform:translateY(-50%);
  width:420px;height:420px;background:url(../images/logo_watermark.png) no-repeat center/contain;
  opacity:.08;pointer-events:none;
}
.section-community-premium{padding:85px 0}
.premium-page-hero{
  border-radius:28px;
  padding:34px 36px;
  margin-bottom:28px;
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
}
.premium-page-hero-logo{
  min-width:300px;
  justify-content:center;
}
.premium-page-hero-logo img{max-width:280px;filter:drop-shadow(0 0 24px rgba(243,190,73,.18))}
.panel-download-premium{padding:30px;border-radius:28px}
.download-grid{display:grid;gap:16px}
.download-card{border-radius:22px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.download-card-label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#d6b36b;margin-bottom:8px}
.download-card .download-button{margin:0;min-width:220px;width:auto;border-radius:16px}
.download-side-panel,.register-info-box{border-radius:22px;padding:24px}
.download-side-panel ul{margin:16px 0 22px;padding-left:20px}
.download-side-panel li{margin-bottom:10px}
.premium-requirements{margin-top:24px;border-radius:24px;padding:28px}
.premium-requirements h3{color:#f3d58a;margin-bottom:18px}
.premium-requirements table td{padding:12px 8px;border-bottom:1px solid rgba(243,213,138,.08)}
.panel-login-premium{padding:30px;border-radius:28px}
.register-form-premium{display:flex;flex-direction:column;gap:14px}
.register-form-premium .panel-login-submit{margin-top:8px}
.captcha-box{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(11,9,6,.65);
  border:1px solid rgba(243,213,138,.12);
  display:flex;
  justify-content:center;
}
.captcha-box img{max-width:100%;height:auto}
.footer-logo img{max-height:120px;filter:drop-shadow(0 0 20px rgba(243,190,73,.16))}

@media (max-width: 1199px){
  .hero-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 991px){
  .header h2{font-size:48px}
  .hero-feature-grid{grid-template-columns:1fr}
  .section-intro-row,
  .final-cta-box,
  .premium-page-hero{flex-direction:column;align-items:flex-start}
  .ranking-side-copy{text-align:left;max-width:none}
  .download-card{flex-direction:column;align-items:flex-start}
  .download-card .download-button{width:100%}
}
@media (max-width: 767px){
  .header{padding-top:160px;min-height:auto;padding-bottom:80px}
  .header h2{font-size:36px}
  .hero-meta span{width:100%}
  .section-block-title{font-size:30px}
  .premium-page-hero,.final-cta-box,.panel-download-premium,.panel-login-premium,.premium-steps{padding:22px}
}


/* ===== InfinityMt2 patch v2 ===== */

/* administration page exact boxes */
.page .panel-box,
.page .panel-bar,
.page .panel-settings-table,
.page .panel-settings-table td,
.page .panel-box-title,
.page .panel-box .table,
.page .panel-box .table td,
.page .panel-box .table th{
    background:linear-gradient(180deg, rgba(22,16,10,.98), rgba(11,8,6,.98)) !important;
    color:#eadfc7 !important;
    border-color:rgba(243,213,138,.14) !important;
}
.page .panel-box{
    border:1px solid rgba(243,213,138,.14) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.34) !important;
}
.page .panel-bar{
    border-top:1px solid rgba(243,213,138,.12) !important;
    border-bottom:1px solid rgba(243,213,138,.12) !important;
}
.page .panel-settings-table td:first-child{
    color:#f3d58a !important;
}
.page .panel-settings-table td:nth-child(2),
.page .panel-settings-table td:last-child,
.page .panel-box .table td,
.page .panel-box .table th{
    color:#eadfc7 !important;
}
.page .panel-box a,
.page .panel-bar a{
    color:#f3d58a !important;
}
.page .panel-box a:hover,
.page .panel-bar a:hover{
    color:#fff0c9 !important;
}

/* stronger override for any white utility class inside administration */
.page .panel-box *,
.page .panel-bar *,
.page .panel-box .bg-white,
.page .panel-box .text-dark{
    background-color:transparent;
}
.page .panel-box .bg-white{
    background:linear-gradient(180deg, rgba(22,16,10,.98), rgba(11,8,6,.98)) !important;
}

/* exact CTA overflow fix */
.section-register h2,
.section-register-premium h2{
    white-space:normal !important;
    line-height:1.22 !important;
    display:block !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}
.section-register h2:before,
.section-register-premium h2:before{
    float:none !important;
    display:block !important;
    margin:0 auto 14px auto !important;
}
.section-register .col-lg-6,
.section-register-premium .col-lg-6{
    min-width:0 !important;
}
@media (min-width: 992px){
    .section-register-premium .row{
        align-items:center !important;
    }
    .section-register-premium h2{
        font-size:34px !important;
    }
}
@media (max-width: 767px){
    .section-register h2,
    .section-register-premium h2{
        font-size:28px !important;
    }
}

/* article/news icon fallback styling when font icons are present */
.news-slider-panel i,
.news-slider-panel .fa,
.news-slider-panel .fas,
.news-slider-panel .far,
.news-slider-panel .fab,
.news-slider-panel .fa-solid,
.news-slider-panel .fa-regular,
.news-slider-panel .fa-brands,
.page i.fa,
.page i.fas,
.page i.far,
.page i.fab,
.page i.fa-solid,
.page i.fa-regular,
.page i.fa-brands{
    color:#f3d58a !important;
    opacity:1 !important;
    visibility:visible !important;
    display:inline-block !important;
}

/* fallback pseudo-icons for old FA4 classes if remote shim fails */
.fa.fa-pencil:before{content:"\f303" !important;}
.fa.fa-trash:before{content:"\f1f8" !important;}
.fa.fa-plus:before{content:"\2b" !important;}
.fa.fa-user:before{content:"\f007" !important;}
.fa.fa-calendar:before{content:"\f073" !important;}
.fa.fa-clock-o:before{content:"\f017" !important;}
.fa.fa-comments:before{content:"\f086" !important;}
.fa.fa-download:before{content:"\f019" !important;}

/* ===== v2.1 targeted fixes only ===== */

/* keep v2 look, only align premium CTA buttons */
.hero-actions,
.hero-actions-3,
.premium-cta-group,
.premium-cta-group-equal,
.final-cta-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:16px !important;
    align-items:stretch !important;
}
.hero-actions > a,
.hero-actions-3 > a,
.premium-cta-group > a,
.premium-cta-group-equal > a,
.final-cta-actions > a{
    flex:1 1 220px !important;
    min-width:220px !important;
    width:auto !important;
    margin:0 !important;
}
.header-button-download,
.header-button-download-premium,
.header-button-secondary,
.section-register-button,
.section-register-button-premium{
    min-height:66px !important;
    height:66px !important;
    line-height:1.15 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:16px 28px !important;
    border-radius:18px !important;
}
.header-button-download,
.header-button-download-premium{
    width:auto !important;
    background-size:100% 100% !important;
}
.header-button-download:before,
.header-button-download-premium:before{
    margin-bottom:0 !important;
}
@media (max-width:767px){
    .hero-actions > a,
    .hero-actions-3 > a,
    .premium-cta-group > a,
    .premium-cta-group-equal > a,
    .final-cta-actions > a{
        flex:1 1 100% !important;
        width:100% !important;
    }
}

/* exact user administration white tables / boxes */
.page .table-responsive,
.page .table-responsive > .table,
.page .table-responsive > .table tbody,
.page .table-responsive > .table tr,
.page .table-responsive > .table td,
.page .table-responsive > .table th,
.page table.table,
.page table.table tbody,
.page table.table tr,
.page table.table td,
.page table.table th,
.page .table-bordered,
.page .table-bordered td,
.page .table-bordered th,
.page .table-striped tbody tr,
.page .table-hover tbody tr,
.page .character-list,
.page .character-list table,
.page .character-list td,
.page .character-list th{
    background:transparent !important;
    color:#eadfc7 !important;
    border-color:rgba(243,213,138,.10) !important;
}
.page .table-responsive,
.page .character-list,
.page .character-list table{
    background:linear-gradient(180deg, rgba(22,16,10,.98), rgba(10,7,5,.98)) !important;
    border:1px solid rgba(243,213,138,.14) !important;
    box-shadow:0 16px 30px rgba(0,0,0,.28) !important;
}
.page table.table thead th,
.page .character-list th{
    color:#f3d58a !important;
    background:rgba(35,24,15,.92) !important;
}

/* ranking last white buttons/blocks */
.section-ranking-panel,
.section-ranking-panel-title,
.section-ranking-panel-table,
.section-ranking-character-button,
.section-ranking .btn,
.section-ranking .btn-light,
.section-ranking .btn-default{
    background:linear-gradient(180deg, rgba(20,14,10,.96), rgba(10,7,5,.96)) !important;
    color:#f3d58a !important;
    border-color:rgba(243,213,138,.16) !important;
}
.section-ranking-panel-table td,
.section-ranking-panel-table th{
    color:#eadfc7 !important;
}
.section-ranking-character-button:hover,
.section-ranking .btn:hover{
    background:linear-gradient(180deg, rgba(42,30,18,.98), rgba(17,12,8,.98)) !important;
    color:#fff0c9 !important;
}

/* ===== v2.2b restore actual login/register artwork image ===== */
.panel-login{
    background:
        linear-gradient(90deg, rgba(10,7,5,.18) 0%, rgba(10,7,5,.08) 32%, rgba(10,7,5,.72) 62%, rgba(10,7,5,.92) 100%),
        url(../images/panel_login.png) no-repeat left center !important;
    background-size: cover !important;
    background-color:#0f0a07 !important;
    min-height:552px !important;
    height:auto !important;
    border:1px solid rgba(243,213,138,.14) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.34) !important;
    color:#eadfc7 !important;
}
.panel-login .row{
    min-height:492px !important;
    align-items:center !important;
}
.panel-login .form-control,
.panel-login .alert,
.panel-login .captcha-box,
.panel-login img{
    position:relative;
    z-index:2;
}
@media (max-width: 991px){
    .panel-login{
        background:
            linear-gradient(180deg, rgba(10,7,5,.32) 0%, rgba(10,7,5,.58) 34%, rgba(10,7,5,.90) 100%),
            url(../images/panel_login.png) no-repeat center top !important;
        background-size: cover !important;
    }
    .panel-login .row{
        min-height:unset !important;
        align-items:flex-start !important;
    }
}

/* ===== final small fixes ===== */

/* 1) news type icons visible again */
.news-slider-panel-update,
.news-slider-panel-maintance,
.news-slider-panel-christmas{
    position:relative !important;
    overflow:hidden !important;
}
.news-slider-panel-update:before,
.news-slider-panel-maintance:before,
.news-slider-panel-christmas:before{
    content:'' !important;
    position:absolute !important;
    top:15px !important;
    left:15px !important;
    width:80px !important;
    height:80px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    opacity:.95 !important;
    z-index:2 !important;
    pointer-events:none !important;
}
.news-slider-panel-update:before{
    background-image:url(../images/news_type_update.png) !important;
}
.news-slider-panel-maintance:before{
    background-image:url(../images/news_type_maintance.png) !important;
}
.news-slider-panel-christmas:before{
    background-image:url(../images/news_type_christmas.png) !important;
}

/* 2) brighter mobile navbar 3 lines */
.navbar-toggler{
    background:rgba(30,20,10,.82) !important;
    border:1px solid rgba(243,213,138,.35) !important;
    border-radius:10px !important;
    padding:8px 10px !important;
}
.navbar-toggler-icon{
    background-image:none !important;
    width:26px !important;
    height:3px !important;
    background:#f3d58a !important;
    display:inline-block !important;
    position:relative !important;
    border-radius:3px !important;
    box-shadow:0 0 10px rgba(243,213,138,.8) !important;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after{
    content:'' !important;
    width:26px !important;
    height:3px !important;
    background:#f3d58a !important;
    position:absolute !important;
    left:0 !important;
    border-radius:3px !important;
    box-shadow:0 0 10px rgba(243,213,138,.8) !important;
}
.navbar-toggler-icon::before{
    top:-8px !important;
}
.navbar-toggler-icon::after{
    top:8px !important;
}

/* ===== news article card image full size fix ===== */
/* use the full article-box artwork instead of small corner icon */
.news-slider-panel-update:before,
.news-slider-panel-maintance:before,
.news-slider-panel-christmas:before{
    content:none !important;
    display:none !important;
}

.news-slider-panel-update{
    background-image:url(../images/news_type_update.png) !important;
    background-repeat:no-repeat !important;
    background-position:top center !important;
    background-size:100% auto !important;
    padding-top:225px !important;
}
.news-slider-panel-maintance{
    background-image:url(../images/news_type_maintance.png) !important;
    background-repeat:no-repeat !important;
    background-position:top center !important;
    background-size:100% auto !important;
    padding-top:225px !important;
}
.news-slider-panel-christmas{
    background-image:url(../images/news_type_christmas.png) !important;
    background-repeat:no-repeat !important;
    background-position:top center !important;
    background-size:100% auto !important;
    padding-top:225px !important;
}

/* keep full image visible on smaller screens */
@media (max-width: 767px){
    .news-slider-panel-update,
    .news-slider-panel-maintance,
    .news-slider-panel-christmas{
        background-size:100% auto !important;
        background-position:top center !important;
        padding-top:210px !important;
    }
}

/* ===== DOWNLOAD PAGE FULL DARK FIX ===== */

/* main container */
.panel-download,
.panel-download-premium,
.download-panel,
.download-section,
.download-content,
.download-box {
    background: linear-gradient(180deg, rgba(20,14,10,.96), rgba(10,7,5,.96)) !important;
    border: 1px solid rgba(243,213,138,.14) !important;
    color: #eadfc7 !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.32) !important;
}

/* cards */
.download-card,
.download-item,
.download-option {
    background: linear-gradient(180deg, rgba(18,13,9,.95), rgba(9,7,5,.95)) !important;
    border: 1px solid rgba(243,213,138,.12) !important;
    color: #eadfc7 !important;
}

/* text */
.download-card h4,
.download-card p,
.download-panel h3,
.download-section h3 {
    color: #f3d58a !important;
}

/* system requirements (THIS is usually the white box) */
.premium-requirements,
.download-requirements,
.requirements-box,
.requirements-table,
.download-table {
    background: linear-gradient(180deg, rgba(22,16,10,.96), rgba(10,7,5,.96)) !important;
    border: 1px solid rgba(243,213,138,.14) !important;
    color: #eadfc7 !important;
}

/* table inside requirements */
.requirements-table td,
.requirements-table th,
.download-table td,
.download-table th {
    background: transparent !important;
    color: #eadfc7 !important;
    border-color: rgba(243,213,138,.10) !important;
}

/* buttons */
.download-button,
.btn-download,
.download-card .btn {
    background: linear-gradient(180deg, #8a4e1e 0%, #c98a3d 55%, #e5b55f 100%) !important;
    color: #fff7e6 !important;
    border: none !important;
}

.download-button:hover,
.btn-download:hover {
    filter: brightness(1.05) !important;
}

/* ===== DESKTOP LANGUAGE DROPDOWN FINAL FIX ===== */
.topbar,
#navbar,
.navbar,
.header,
.header .container,
.topbar .container,
.topbar .container-fluid {
    position: relative !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

#navbar .dropdown,
#navbar .nav-item.dropdown,
.topbar .dropdown,
.topbar .btn-group {
    position: relative !important;
}

#navbar .dropdown-menu,
.topbar .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;

    display: none;
    min-width: 190px !important;
    width: max-content !important;
    max-width: 320px !important;

    background: linear-gradient(180deg, rgba(35,24,15,.98), rgba(18,12,8,.98)) !important;
    border: 1px solid rgba(243,213,138,.18) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 35px rgba(0,0,0,.45) !important;
    padding: 8px !important;

    z-index: 999999 !important;
}

#navbar .dropdown-menu.show,
.topbar .dropdown-menu.show {
    display: block !important;
}

#navbar .dropdown-item,
.topbar .dropdown-item {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    color: #f3d58a !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
}

#navbar .dropdown-item:hover,
.topbar .dropdown-item:hover {
    background: rgba(243,213,138,.10) !important;
    color: #fff0c9 !important;
}

/* the section below must stay under the dropdown */
.header,
.page,
.section,
main,
.wrapper,
.content {
    position: relative !important;
    z-index: 1 !important;
}


/* footer extra links */
.footer-extra-links {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.footer-extra-links a {
	color: #c9a45c;
	font-size: 13px;
	text-decoration: none;
	transition: 0.2s;
}

.footer-extra-links a:hover {
	color: #f3d58a;
	text-shadow: 0 0 8px rgba(243,213,138,0.3);
}