@font-face{
    font-family:TJP3-BOLD;
    src:url(./fonts/tjpb3.otf) format('opentype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:TJP3-REG;
    src:url(./fonts/tjpr3.otf) format('opentype');
    font-weight:700;
    font-style:normal
}
body,html,.all{
    margin:0;
    padding:0
}
body,a,a:active,a:visited,a:link{
    font-family:Arial;
    font-size:13px;
    text-decoration:none
}
a,a:active,a:visited,a:link{
    cursor:pointer;
    font-weight:700
}
p{
    margin:0;
    padding:0
}
.pddInner{
    padding:0 20px
}
hr{
    width:100%;
    height:2px;
    padding:0;
    margin:20px auto;
    border:0;
    background:transparent url(../img/separator.png) no-repeat center top
}
h1{
    display:block;
    text-shadow:1px 1px 0 rgba(255,255,255,.3);
    font-weight:400;
    padding:0;
    width:80%;
    margin:24px auto 16px
}
h1 a{
    float:right;
    display:block
}
h2{
    text-shadow:1px 1px 0 rgba(255,255,255,.3);
    font-weight:400;
    padding:0;
    margin:30px 0 20px 20px
}
.faceIndex{
    overflow:hidden;
    min-height:200px;
    background:0 0;
    margin:15px auto;
    border-radius:8px
}
p.cbold{
    font-weight:700;
    text-align:center;
    width:100%;
    padding:10px 0;
    text-transform:uppercase
}
.rmsg{
    display:table;
    width:360px;
    margin:0 auto 20px;
    padding:10px;
    background:#108c00;
    border-radius:5px;
    text-align:center;
    color:#fff;
    font-size:14px
}
.rmsg.error{
    background-color:#b30000!important
}
.rmsg.warn{
    background-color:#fffca1!important;
    color:#000!important
}
#alerta{
    visibility:hidden;
    position:fixed;
    display:table;
    z-index:1001;
    margin:0 auto;
    padding:25px 30px;
    color:#5a5a5a;
    font-size:15px;
    background:#f7f7f7;
    border-radius:6px
}
#alerta .ok{
    display:table;
    width:100%
}
#alerta .ok>div{
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    display:table;
    float:right;
    margin:15px 0 0;
    padding:5px 0;
    text-align:center;
    width:60px;
    text-transform:uppercase;
    color:#fff;
    background:#ac0f0f;
    border:1px solid #ac0f0f;
    box-shadow:0 1px 0 rgba(255,255,255,.2) inset;
    border-radius:4px
}
#alerta .ok>div:hover{
    background:#d21818;
    border-color:#d21818
}
#alerta .ok.sucesso>div{
    background:#0dbb00;
    border:1px solid #0dbb00
}
#alerta .ok.sucesso>div:hover{
    background:#0a8c00;
    border:1px solid #0a8c00
}
#backblack{
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    background:#000;
    opacity:.8;
    z-index:1000
}
input.default.sucesso{
    background:#0dbb00!important;
    border-color:#0dbb00!important;
    color:#fff!important
}
body,html,.all{
    min-width:1100px
}
body{
    background-color:#141920;
    background-image:linear-gradient(to bottom,#24293a 0,#171c27 54%,#10151d 100%);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100%;
    color:#f1cf90
}
.site-background{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:843px;
    overflow:hidden;
    pointer-events:none
}
.site-background img{
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:2000px;
    height:auto;
    max-width:none!important;
    transform:translateX(-50%)
}
a,a:active,a:visited,a:link{
    color:#f1cf90
}
a:hover{
    color:#fcecba
}
a:active{
    color:#fff
}
article a{
    color:#2d176b!important
}
article a:hover{
    color:#5c3db3!important
}
article a:active{
    color:#5f49a1!important
}
article a.default,a.default,span.default,input.default,.rankings_options>div a{
    transition:background-color .4s,border-color .4s;
    cursor:pointer;
    display:block;
    text-align:center;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    padding:6px 0 5px;
    width:218px;
    margin:0 0 1px;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(255,255,255,.2) inset;
    font-family:Tahoma
}
article .ucp a.default,.ucp a.default,.ucp span.default,.ucp input.default{
    padding:9px 0 10px
}
article a.default:active,a.default:active,input.default:active,span.default:active{
    opacity:.7
}
a.default.dbig,input.default.dbig{
    font-size:16px;
    padding:12px 35px 13px;
    display:table;
    width:auto!important
}
article a.default,a.default,span.default,input.default,.rankings_options>div a{
    background:#551503;
    background:-moz-linear-gradient(top,#b92d01 0%,#551503 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b92d01),color-stop(100%,#551503));
    border:1px solid #551503;
    color:rgba(255,255,255,.8)!important
}
article a.default:hover,a.default:hover,input.default:hover,span.default:hover,.rankings_options>div a:hover{
    background:#d54012;
    border-color:#d54012;
    color:#fff!important
}
.all{
    width:1100px;
    position:relative;
    z-index:1;
    display:table;
    margin:0 auto;
    padding-top:390px
}
.all::before{
    content:"";
    position:absolute;
    top:45px;
    left:50%;
    width:740px;
    height:422px;
    transform:translateX(-50%);
    background:transparent url(../img/mubest-logo.png) no-repeat center top;
    background-size:contain;
    pointer-events:none;
    z-index:0
}
h1{
    font-family:Arial;
    font-size:29px;
    color:#353535
}
h1 a{
    font-family:Arial!important;
    font-size:15px!important;
    padding:17px 0 0
}
h2{
    font-family:Arial;
    font-size:23px;
    color:#353535
}
#fanback{
    background:transparent url(../img/nm/fanbg.png) repeat;
    display:none;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    width:100%;
    z-index:99999
}
#fan-exit{
    height:100%;
    width:100%
}
#fanbox{
    background:#fff;
    border-radius:5px;
    left:50%;
    margin:-123px 0 0 -210px;
    position:absolute;
    top:50%;
    width:420px
}
#fanbox>iframe{
    border:none;
    overflow:hidden;
    margin:8px 0 0 8px;
    width:402px;
    height:230px
}
#fanclose{
    background:transparent url(../img/nm/fanclose.png) repeat scroll 0 0;
    cursor:pointer;
    float:right;
    height:15px;
    right:-22px;
    top:-20px;
    padding:20px 40px 20px 20px;
    position:absolute
}
#fanclose:hover{
    background-position:0 -56px
}
.status-bar .hsep,aside .box .title .bg{
    background:transparent url(../img/css-sprites.png) no-repeat
}
.status-bar{
    position:absolute;
    top:0;
    left:75px;
    width:526px;
    height:52px;
    box-sizing:border-box;
    padding:0 0 0 37px;
    font-family:TJP3-BOLD,Tahoma,Arial;
    font-size:11px;
    font-weight:700;
    color:#9ea5b5;
    background:transparent url(../img/status-bar-full.png) no-repeat
}
.status-bar.mini{
    width:380px;
    background:transparent url(../img/status-bar-mini.png) no-repeat
}
.status-bar .langs{
    z-index:2;
    display:table;
    float:left;
    height:18px;
    padding:6px 0 0;
    margin:0 10px 0 0
}
.status-bar .langs a{
    transition:border-color .4s;
    float:left;
    display:block;
    width:24px;
    height:16px;
    border:1px solid #1f1f1f;
    margin:0 3px 0 0;
    background:transparent url(../img/langs.png) no-repeat
}
.status-bar .langs a:first-child{
    margin-left:0
}
.status-bar .langs a.pt{
    background-position:0 0
}
.status-bar .langs a.en{
    background-position:-26px 0
}
.status-bar .langs a.es{
    background-position:-52px 0
}
.status-bar .langs a:hover{
    border-color:#a6a6a6
}
.status-bar .langs a.pt:hover{
    background-position:0 -18px
}
.status-bar .langs a.en:hover{
    background-position:-26px -18px
}
.status-bar .langs a.es:hover{
    background-position:-52px -18px
}
.status-bar .langs a:active{
    opacity:.6
}
.status-bar .hsep{
    width:2px;
    height:30px;
    float:left
}
.status-bar .stt-txt{
    float:left;
    display:block;
    padding:10px 15px 0 10px
}
.status-bar .stt-txt span.on{
    color:#0f0;
    text-shadow:0 0 5px rgba(0,255,0,.5)
}
.status-bar .stt-txt span.off{
    color:red;
    text-shadow:0 0 5px rgba(255,0,0,.5)
}
.serial-killer-hud{
    position:absolute;
    z-index:5;
    top:8px;
    right:260px;
    width:230px;
    height:126px;
    box-sizing:border-box;
    padding:0;
    background:transparent url(../img/hud-serial-killer-frame.png) no-repeat center;
    background-size:100% 100%;
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.62));
    color:#f6df9b!important;
    text-decoration:none!important;
    overflow:visible;
    transition:transform .2s ease,filter .2s ease
}
.serial-killer-hud:hover{
    color:#fff0b8!important;
    transform:translateY(-2px);
    filter:drop-shadow(0 8px 10px rgba(0,0,0,.7)) brightness(1.06)
}
.top-online-hud{
    right:20px
}
.serial-killer-title{
    display:block;
    position:absolute;
    top:25px;
    left:78px;
    right:18px;
    width:auto;
    height:18px;
    font-family:Cinzel,Georgia,serif;
    font-size:11px;
    font-weight:700;
    line-height:16px;
    letter-spacing:.55px;
    text-align:center;
    text-shadow:0 1px 2px #000
}
.serial-killer-content{
    display:block;
    position:absolute;
    inset:0
}
.serial-killer-content>img{
    position:absolute;
    left:36px;
    top:61px;
    width:43px;
    height:43px;
    object-fit:cover;
    border:2px solid #d2ad55;
    border-radius:50%;
    box-shadow:0 0 9px rgba(0,0,0,.9),0 0 7px rgba(226,172,48,.35)
}
.serial-killer-data{
    display:block;
    position:absolute;
    top:61px;
    left:89px;
    right:20px;
    width:auto;
    text-align:left
}
.serial-killer-data strong{
    display:block;
    max-width:100%;
    overflow:hidden;
    color:#fff;
    font-family:Tahoma,Arial,sans-serif;
    font-size:13px;
    line-height:20px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.serial-killer-data small{
    display:block;
    color:#b8bdc7;
    font-family:Tahoma,Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    line-height:16px;
    letter-spacing:.5px
}
.serial-killer-data small b{
    margin-left:5px;
    color:#ffcc4d;
    font-size:12px
}
section{
    display:table;
    position:relative;
    width:1150px;
    padding:227px 58px 60px;
    box-sizing:border-box;
    background:url(../img/content_bot.jpg) no-repeat center bottom,url(../img/content_top.jpg) no-repeat center top,url(../img/content_repeat.png) repeat-y center 188px,url(../img/content_repeat.jpg) repeat-y center 188px

}
nav{
    position:absolute;
    left:29px;
    top:120px;
    z-index:3;
    width:1090px;
    height:69px;
    padding:0;
    box-sizing:border-box;
    display:table
}
nav>*{
    float:left;
    display:block;
    position:relative;
    height:69px;
    z-index:4;
    transition:background-color .4s;
    background:transparent url(../img/separator_nav.png) no-repeat top right
}
nav>*.o1{
    width:179px;
    border-radius:10px 0 0 10px
}
nav>*.o2{
    width:196px
}
nav>*.o3{
    width:170px
}
nav>*.o4{
    width:170px
}
nav>*.o5{
    width:152px;
    border-radius:0 10px 10px 0
}
nav>*>.ntxt{
    display:block;
    position:absolute;
    left:32px;
    top:22px;
    height:14px;
    background:transparent url(../img/nav_txts.png) no-repeat
}
nav>*.o1>.ntxt{
    width:112px;
    background-position:0 0
}
nav>*.o2>.ntxt{
    width:129px;
    background-position:0 -16px
}
nav>*.o3>.ntxt{
    width:98px;
    background-position:0 -32px
}
nav>*.o4>.ntxt{
    width:129px;
    background-position:0 -48px
}
nav>*.o5>.ntxt{
    width:100px;
    background-position:0 -64px
}
nav>*>.ndesc{
    display:block;
    position:absolute;
    left:32px;
    top:37px;
    font-family:TJP3-REG,Tahoma,Arial;
    font-size:9px;
    font-weight:400;
    color:#9ea5b5
}
nav>*:hover{
    background-color:rgba(255,255,255,.1);
    z-index:999!important
}
nav a:active{
    opacity:.6
}
nav>span{
    position:relative;
    z-index:5
}
nav>span>a{
    width:100%;
    height:69px;
    display:none
}
nav>span>div{
    transition:opacity .4s;
    opacity:0;
    position:absolute;
    top:68px;
    display:block;
    width:1px;
    height:1px;
    overflow:hidden;
    background:0 0;
    padding:0;
    border-radius:0 0 5px 5px;
    box-shadow:5px 5px 5px rgba(0,0,0,.4)
}
nav>span>div>a{
    background:#4a4e54;
    border:1px solid #4a4e54;
    color:rgba(255,255,255,.7)!important;
    display:block;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    height:28px;
    line-height:28px;
    font-size:11px!important;
    padding:0 10px;
    box-sizing:border-box;
    border-radius:4px;
    margin:0 0 2px;
    box-shadow:0 1px 0 rgba(255,255,255,.2) inset
}
nav>span>div>a:hover{
    background:#983eb9;
    color:#fff!important
}
nav>span:hover>div{
    background:#2c2f34;
    opacity:1;
    width:200px;
    height:auto;
    padding:5px 5px 3px
}
nav>span:hover>div>a{
    display:block
}
a.forum-button{
    transition:opacity .4s;
    position:absolute;
    right:35px;
    top:126px;
    z-index:4;
    width:213px;
    height:55px
}
.en a.forum-button{
    background:transparent url(../img/forum_EN.png) no-repeat
}
.pt a.forum-button{
    background:transparent url(../img/forum_PT.png) no-repeat
}
.es a.forum-button{
    background:transparent url(../img/forum_ES.png) no-repeat
}
a.forum-button:hover{
    opacity:.7
}
a.forum-button:active{
    opacity:1
}
footer{
    font-size:14px;
    height:126px;
    width:962px;
    box-sizing:border-box;
    padding:50px 0 0;
    color:#fff;
    margin:0 auto;
    text-align:center;
    position:relative;
    z-index:1;
    font-weight:700
}
footer a.atualstudio{
    position:absolute;
    top:99px;
    right:103px;
    opacity:.5;
    display:block;
    width:120px;
    height:18px;
    background:transparent url(../img/nm/atualstudio.png)
}
footer a.atualstudio:hover{
    opacity:1
}
footer a.atualstudio{
    top:49px;
    right:34px
}
article{
    width:746px;
    padding:42px;
    color:#35291f;
    background:#e6d4ae;
    border:1px solid #987c56;
    border-radius:8px;
    box-shadow:inset 0 0 34px rgba(92,61,30,.18),0 3px 14px rgba(0,0,0,.38);
    box-sizing:border-box;
    z-index:1;
    margin:0;
    float:left;
    position:relative
}
article h1,article h2,article h3,article h4,article h5,article h6{
    color:#35291f
}
article .table:not(.panel-sidebar .table){
    color:#3b2d22;
    background:#f1e4c8
}
article .table:not(.panel-sidebar .table)>thead>tr>th,
article .table:not(.panel-sidebar .table)>tbody>tr>th,
article .table:not(.panel-sidebar .table)>tfoot>tr>th,
article .table:not(.panel-sidebar .table)>thead>tr>td,
article .table:not(.panel-sidebar .table)>tbody>tr>td,
article .table:not(.panel-sidebar .table)>tfoot>tr>td{
    color:#3b2d22;
    border-color:#b89c72
}
article .table-striped:not(.panel-sidebar .table)>tbody>tr:nth-of-type(odd){
    background:#d8c39b
}
article .page{
    display:table;
    width:100%;
    position:relative
}
article img,article object{
    max-width:662px!important
}
aside{
    width:280px;
    display:table;
    float:right
}
aside .box{
    width:220px;
    display:table;
    padding:22px 30px 30px;
    margin:0 0 10px;
    background:rgba(0,0,0,.4);
    border-radius:10px
}
aside .box .title{
    position:relative;
    z-index:2;
    width:100%;
    height:24px;
    margin:0 0 20px
}
aside .box .title .bg{
    position:absolute;
    top:0;
    left:0;
    width:220px;
    height:37px;
    background-position:-4px -3px
}
aside .box .title .txt{
    width:100%;
    text-align:center;
    height:20px;
    line-height:20px;
    position:absolute;
    top:0;
    font-family:TJP3-REG,Tahoma,Arial;
    font-size:13px;
    font-weight:400;
    color:#f4e7b6
}
.box.support a:hover{
    opacity:.7
}
.box.support a:active{
    opacity:1
}
a.voteBanner,a.voteBanner span{
    width:220px;
    height:62px;
    display:block;
    border-radius:5px;
    position:relative
}
.pt a.voteBanner,.pt a.voteBanner span{
    background:transparent url(../img/vote-PT.jpg)
}
.en a.voteBanner,.en a.voteBanner span{
    background:transparent url(../img/vote-EN.jpg)
}
.es a.voteBanner,.es a.voteBanner span{
    background:transparent url(../img/vote-ES.jpg)
}
a.voteBanner span{
    transition:opacity .4s;
    opacity:0;
    box-shadow:0 0 20px rgba(255,255,255,.8) inset
}
a.voteBanner:hover span{
    opacity:1
}
a.voteBanner:active span{
    opacity:0
}
a.voteBanner>div{
    width:100%;
    text-align:center;
    position:absolute;
    left:0;
    top:40px;
    font-family:TJP3-REG,Tahoma,Arial;
    font-size:8px;
    font-weight:400;
    color:#fd835e
}
.loginarea{
    position:relative
}
.loginarea .error{
    margin:0 auto 10px;
    padding:4px;
    background:#b30000;
    border-radius:4px;
    text-align:center;
    color:#fff;
    font-size:11px
}
.loginarea .loader{
    opacity:.8;
    width:80px;
    height:80px;
    background:#000 url(../img/nm/loader.gif) no-repeat center center;
    position:absolute;
    left:70px;
    top:16px;
    border-radius:40px
}
.loginarea .ess{
    display:block;
    padding:4px 0 6px 10px
}
.loginarea .ess a{
    font-size:10px
}
.anpc{
    width:100%;
    text-align:center;
    height:20px;
    line-height:20px;
    font-size:10px;
    border-radius:3px
}
.anpc a{
    font-size:10px
}
.logged{
    font-size:11px;
    width:100%;
    height:20px;
    line-height:20px;
    padding:0 10px;
    box-sizing:border-box;
    text-align:center;
    margin:0 0 10px;
    border-radius:3px
}
.logged span{
    font-weight:700;
    font-size:12px
}
.fieldsBox{
    position:relative;
    background:#393939;
    width:218px;
    padding:1px;
    border-radius:5px
}
.fieldsBox .inpt{
    outline:none;
    background:#0b0b0b;
    color:#fff;
    font-size:13px;
    border:0;
    padding:0 10px 0 28px;
    margin:0;
    width:180px;
    height:28px;
    line-height:28px;
    border-radius:4px 4px 0 0;
    box-shadow:5px 5px 5px rgba(0,0,0,.2) inset
}
.fieldsBox .inpt.pass{
    border-radius:0 0 4px 4px;
    margin:1px 0 0;
    padding:0 70px 0 28px;
    width:120px
}
.fieldsBox .acc_icon{
    position:absolute;
    width:11px;
    height:11px
}
.fieldsBox .acc_icon.user{
    left:10px;
    top:10px;
    background:transparent url(../img/login-icons.png) no-repeat 0 0
}
.fieldsBox .acc_icon.pass{
    left:10px;
    top:39px;
    background:transparent url(../img/login-icons.png) no-repeat 0 -13px
}
.fieldsBox .gologin{
    position:absolute;
    right:1px;
    bottom:1px;
    width:60px;
    height:27px;
    line-height:24px;
    padding:0;
    margin:0;
    box-sizing:border-box;
    border:0;
    font-size:12px;
    font-family:Arial;
    text-transform:none;
    border-radius:4px 0 4px 4px
}
.anpc,.logged{
    background:#2e2e2e;
    color:#969696
}
.logged span{
    color:#fff
}
.statsButtons a,.statsButtons a span{
    width:220px;
    height:48px;
    display:block;
    background:transparent url(../img/statsButtons.png) no-repeat
}
.statsButtons a{
    margin:0 0 2px
}
.statsButtons a.b1{
    background-position:0 0
}
.statsButtons a.b2{
    background-position:0 -50px
}
.statsButtons a.b3{
    background-position:0 -100px
}
.statsButtons a span{
    transition:opacity .4s;
    opacity:0
}
.statsButtons a.b1 span{
    background-position:-220px 0
}
.statsButtons a.b2 span{
    background-position:-220px -50px
}
.statsButtons a.b3 span{
    background-position:-220px -100px
}
.statsButtons a:hover span{
    opacity:1
}
.statsButtons a:active span{
    opacity:0
}
.indexRank{
    width:212px;
    margin:0 auto;
    display:table;
    font-size:11px
}
.indexRank>div{
    width:100%;
    height:24px;
    line-height:24px;
    background:transparent url(../img/separator_index_rank.png) no-repeat center bottom;
    display:table
}
.indexRank>div>span{
    float:right
}
.indexRank{
    color:#fff3da
}
.serverStatus.on div{
    background:transparent url(../img/server_on.jpg)
}
.serverStatus.off div{
    background:transparent url(../img/server_off.jpg)
}
.serverStatus{
    position:relative;
    margin:0;
    width:180px;
    height:201px
}
.serverStatus div{
    position:absolute;
    left:0;
    top:-1px;
    margin:0;
    width:180px;
    height:202px
}
.players_on{
    width:160px;
    height:25px;
    line-height:25px;
    margin:0 auto 15px;
    text-align:center;
    font-size:11px;
    font-weight:700;
    font-family:Tahoma;
    text-transform:uppercase;
    border-radius:4px
}
.players_on{
    background:#0d0d0d;
    color:#6a6a6a
}
.players_on span{
    color:#0ea500
}
.galleryBox{
    width:220px;
    overflow:hidden;
    margin:0 auto
}
.galleryBox>div{
    width:240px;
    display:table
}
.galleryBox a,.galleryBox a div,.galleryBox a img{
    width:64px;
    height:64px
}
.galleryBox a{
    background:rgba(0,0,0,.5);
    border:1px solid rgba(255,255,255,.2);
    display:block;
    position:relative;
    float:left;
    padding:1px;
    margin:0 8px 8px 0;
    border-radius:4px;
    overflow:hidden
}
.galleryBox a div{
    border-radius:4px;
    position:absolute;
    top:1px;
    left:1px;
    transition:border-color .3s,background .3s,box-shadow .3s
}
.galleryBox a img{
    border-radius:4px
}
.galleryBox a span{
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    left:24px;
    top:24px;
    background:transparent url(../img/nm/play.png) no-repeat;
    border-radius:4px
}
.galleryBox a:hover{
    background:rgba(0,0,0,.8);
    border:1px solid rgba(255,255,255,.5)
}
.galleryBox a:hover div{
    box-shadow:0 0 10px rgba(255,255,255,.6) inset
}
.fullGallery{
    width:620px;
    overflow:hidden;
    margin:0 auto;
    padding:20px 0 0
}
.fullGallery>div{
    width:650px;
    display:table
}
.fullGallery a,.fullGallery a div,.fullGallery a img{
    width:88px;
    height:88px
}
.fullGallery a{
    border:1px solid rgba(0,0,0,.4);
    background:rgba(255,255,255,.2);
    display:block;
    position:relative;
    float:left;
    padding:1px;
    margin:0 5px 5px 0;
    border-radius:7px;
    overflow:hidden
}
.fullGallery a div{
    border-radius:5px;
    position:absolute;
    top:1px;
    left:1px;
    transition:border-color .3s,background .3s,box-shadow .3s
}
.fullGallery a img{
    border-radius:5px
}
.fullGallery a span{
    display:block;
    width:46px;
    height:46px;
    position:absolute;
    left:23px;
    top:23px;
    background:transparent url(../img/nm/play2.png) no-repeat;
    border-radius:5px
}
.fullGallery a:hover{
    border-color:rgba(0,0,0,.7);
    background:rgba(255,255,255,.4)
}
.fullGallery a:hover div{
    box-shadow:0 0 10px rgba(255,255,255,.6) inset
}
.news{
    cursor:default;
    width:calc(100% - 80px);
    display:table;
    padding:18px 0;
    margin:0 auto
}
.news a.imgn,.news a.imgn img{
    width:178px;
    height:178px
}
.news a.imgn{
    display:block;
    float:left;
    padding:1px;
    border:1px solid rgba(0,0,0,.4);
    border-radius:10px
}
.news a.imgn img{
    border-radius:10px
}
.news .contentn{
    width:calc(100% - 182px);
    box-sizing:border-box;
    padding:16px 0 0 20px;
    float:left
}
.news a.titlen{
    font-weight:700;
    display:table;
    font-family:TJP3-BOLD,Tahoma,Arial;
    font-size:16px;
    padding:0 0 10px
}
.news .textn{
    color:rgba(0,0,0,.8);
    font-size:14px;
    min-height:84px;
    overflow:hidden
}
.news .finalinfo{
    width:100%;
    display:block;
    padding:5px 0 0
}
.news .finalinfo .datan{
    color:rgba(0,0,0,.6);
    float:left;
    font-weight:700;
    font-size:12px
}
.news .finalinfo .lermaisn{
    float:right;
    font-weight:700;
    padding-right:20px
}
.news .finalinfo .lermaisn a,.ctcarea .lermaisn_all a{
    font-size:14px;
    font-weight:700
}
.shadownew{
    opacity:.7;
    width:100%;
    height:12px;
    background:transparent url(../img/separator_news.png) no-repeat center top;
    margin:0 auto
}
#modal{
    position:fixed;
    z-index:2000;
    top:0;
    left:0;
    padding:20px 0 0;
    width:460px;
    height:250px;
    left:calc(50% - 233px);
    top:calc(50% - 128px);
    text-align:center;
    border:3px solid #6c6c6e;
    border-radius:10px;
    box-shadow:0 0 25px rgba(0,0,0,.5)
}
#modal h1{
    text-align:center;
    width:100%;
    margin:16px 0 20px;
    font-size:23px!important
}
#modal{
    color:#000;
    background:transparent url(../img/central_repeat.jpg) no-repeat center center
}
.banner{
    transition:opacity .4s;
    position:relative;
    background:0 0
}
.banner .circles{
    z-index:3;
    height:13px;
    position:absolute
}
.banner .circles div{
    cursor:pointer;
    float:left;
    width:13px;
    height:13px;
    background:transparent url(../img/nm/circles.png) no-repeat -14px 0;
    margin:0 4px 0 0;
    border-radius:6px;
    box-shadow:0 0 5px rgba(0,0,0,.7)
}
.banner .circles div.act{
    background-position:0 0
}
.banner>a{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    display:block
}
.banner>a.bvis{
    z-index:2
}
.banner,.banner>a{
    border-radius:10px
}
.banner>a>img{
    border-radius:8px
}
.banner>a>.bmask{
    position:absolute;
    left:0;
    top:0
}
.banner{
    border:2px solid rgba(0,0,0,.4)
}
.banner .circles{
    bottom:10px;
    right:10px
}
.banner:hover{
    opacity:.9
}
.faceIndex{
    border:2px solid rgba(0,0,0,.4)
}
.paginate{
    display:table;
    margin:30px auto
}
.paginate a{
    display:block;
    padding:5px 8px;
    font-weight:700;
    box-shadow:0 1px 0 rgba(255,255,255,.2) inset;
    float:left;
    margin:0 1px 0 0;
    border-radius:3px
}
.paginate a.atual,.paginate a.desatived{
    cursor:default;
    box-shadow:none
}
.paginate a{
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7);
    color:rgba(255,255,255,.7)!important
}
.paginate a:hover{
    background:rgba(0,0,0,.9)!important;
    border-color:rgba(0,0,0,.9)!important;
    color:#fff!important
}
.paginate a:active,.paginate a.atual{
    background:#000!important;
    border-color:#000!important;
    color:#fff!important
}
.paginate a:active{
    opacity:.5
}
.paginate a.desatived{
    background:rgba(0,0,0,.1)!important;
    border-color:rgba(0,0,0,.1)!important;
    color:rgba(0,0,0,.3)!important
}
table.default{
    border-radius:4px;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    width:100%;
    background:0;
    overflow:hidden
}
table.default tr td:first-child{
    border:0
}
table.default tr td{
    font-size:12px;
    padding:6px 8px;
    border-left:1px solid rgba(0,0,0,.2);
    background:rgba(255,255,255,.4)
}
table.default tr.two td{
    background:rgba(255,255,255,.7)
}
table.default tr td.foco{
    font-weight:700;
    color:#000;
    background:rgba(255,255,255,.6)
}
table.default tr.two td.foco{
    background:rgba(255,255,255,.9)
}
table.default tr th{
    font-weight:700;
    text-align:center;
    background:rgba(0,0,0,.8);
    color:#fff;
    padding:10px 0
}
table.default tr.ctype2,table.default tr.ctype2 td{
    padding:0;
    margin:0;
    height:2px;
    background:rgba(0,0,0,.1)
}
table.default .pos{
    width:25px;
    text-align:center
}
.horMenu{
    display:table;
    margin:20px auto
}
.horMenu a{
    float:left;
    padding:10px 15px;
    border-bottom:2px solid rgba(0,0,0,.5);
    margin:0 0 0 10px;
    text-transform:uppercase;
    font-size:12px;
    color:rgba(0,0,0,.6)!important
}
.horMenu a:first-child{
    margin:0
}
.horMenu a:hover{
    border-color:rgba(0,0,0,.9)!important
}
.horMenu a.act{
    cursor:default;
    border-color:#000!important;
    color:#000!important;
    text-shadow:0 0 5px rgba(255,255,255,.6)
}
.horMenu a:active{
    opacity:.6
}
.rulesbox{
    height:260px;
    box-sizing:border-box;
    overflow:auto;
    margin:0 auto 20px;
    padding:20px;
    width:calc(100% - 20px);
    border:2px solid rgba(255,255,255,.6);
    background:rgba(255,255,255,.3)
}
.rulesbox h1{
    padding-top:0;
    width:auto;
    height:auto;
    margin:0;
    padding:0 0 20px 20px;
    font-size:20px
}
.formpadrao,.formpadrao>div,.formpadrao .camp input,.formpadrao .camp select{
    border-radius:3px
}
.formpadrao{
    display:table;
    margin:0 auto 2px;
    padding:2px
}
.formpadrao>div{
    display:table
}
.formpadrao .desc{
    width:140px;
    padding:0 10px;
    font-weight:700;
    text-align:right
}
.formpadrao .desc,.formpadrao .camp,.formpadrao .camp2{
    float:left;
    height:40px;
    line-height:40px
}
.formpadrao .camp input[type=text],.formpadrao .camp input[type=password],.formpadrao .camp input[type=file]{
    border:0;
    width:200px;
    margin:5px 5px 0 0;
    height:30px;
    line-height:30px;
    padding:0 5px;
    box-shadow:1px 1px 1px rgba(0,0,0,.4) inset
}
.formpadrao .camp select{
    border:0;
    width:210px;
    margin:5px 5px 0 0;
    padding:6px 5px 5px;
    box-shadow:1px 1px 1px rgba(0,0,0,.4) inset
}
.formpadrao textarea{
    border:0;
    resize:vertical;
    height:300px;
    width:200px;
    margin:0 4px 10px 0;
    padding:5px
}
.formpadrao.tdate .camp input{
    text-align:center;
    padding:0 9px
}
.formpadrao.errorc,.formpadrao.errorc .desc,.formpadrao.errorc .camp{
    border-color:#c70000
}
.formpadrao.errorc>div{
    background:#c70000
}
.formpadrao.errorc .desc{
    color:#fff
}
.formpadrao{
    border:1px solid rgba(0,0,0,.7)
}
.formpadrao>div{
    background:rgba(0,0,0,.7)
}
.formpadrao .desc{
    color:#fff
}
.formpadrao .camp input[type=text],.formpadrao .camp input[type=password],.formpadrao .camp input[type=file],.formpadrao .camp select,.formpadrao textarea{
    background:#fff
}
.formpadrao .camp input[type=text]:focus,.formpadrao .camp input[type=password]:focus,.formpadrao .camp select:hover,.formpadrao textarea:focus{
    background:#fffbd5
}
label.captcha{
    position:relative
}
label.captcha img.captchaImage{
    position:absolute;
    left:8px;
    top:3px;
    opacity:.8;
    border-radius:3px
}
label.captcha a{
    position:absolute;
    right:12px;
    top:12px
}
label.captcha a,label.captcha a img{
    width:23px;
    height:23px
}
label.captcha a:hover{
    opacity:.7
}
label.captcha a:active{
    opacity:1
}
.castled{
    width:400px;
    margin:0 auto
}
.castled,.castled>div{
    display:table
}
.castled .ct{
    font-size:16px;
    font-weight:700;
    padding:10px 0 10px 30px
}
.castled .imgc{
    width:200px;
    height:113px;
    border:1px solid rgba(0,0,0,.4);
    float:left;
    border-radius:6px
}
.castled .imgc span{
    display:block;
    width:200px;
    height:113px;
    background:rgba(0,0,0,.6) url(../img/nm/castles.jpg) no-repeat;
    border-radius:5px
}
.castled .ci{
    float:left;
    width:188px;
    padding:2px 0 0 10px
}
.castled .ci .co{
    font-weight:700
}
.castled .ci .cc{
    margin-bottom:8px
}
.castled .nwar{
    padding:5px 0 10px
}
.castled .imgc.aden span{
    background-position:left top
}
.castled .imgc.goddard span{
    background-position:-200px top
}
.castled .imgc.giran span{
    background-position:-400px top
}
.castled .imgc.oren span{
    background-position:-600px top
}
.castled .imgc.dion span{
    background-position:-800px top
}
.castled .imgc.gludio span{
    background-position:-1000px top
}
.castled .imgc.innadril span{
    background-position:-1200px top
}
.castled .imgc.rune span{
    background-position:-1400px top
}
.castled .imgc.schuttgart span{
    background-position:-1600px top
}
.rankings_options{
    cursor:pointer;
    transition:background .5s,border-color .5s,color .5s;
    position:absolute;
    top:20px;
    right:20px;
    background:rgba(255,255,255,.3);
    border:1px solid rgba(255,255,255,.7);
    height:34px;
    line-height:34px;
    padding:0 26px 0 10px;
    border-radius:5px;
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
    color:rgba(0,0,0,.6)
}
.rankings_options .rankings_arrow{
    transition:opacity .5s;
    position:absolute;
    top:15px;
    right:10px;
    display:block;
    width:10px;
    height:6px;
    background:transparent url(../img/nm/rankings_arrow.png) no-repeat;
    opacity:.6
}
.rankings_options:hover{
    background:rgba(255,255,255,.8);
    border-color:#fff;
    color:rgba(0,0,0,.8)
}
.rankings_options:hover .rankings_arrow{
    opacity:.8
}
.rankings_options>div{
    opacity:0;
    transition:opacity .5s;
    width:0;
    height:0;
    overflow:hidden;
    position:absolute;
    top:35px;
    right:0;
    border-radius:6px;
    box-shadow:5px 5px 5px rgba(0,0,0,.2)
}
.rankings_options>div a{
    line-height:normal;
    width:150px!important;
    font-size:10px!important;
    padding:5px 0!important
}
.rankings_options:hover>div{
    width:auto!important;
    height:auto!important;
    opacity:1;
    padding:10px;
    background:rgba(255,255,255,.8);
    border:1px solid #fff
}

/* Keep the header artwork covering virtual viewports created by low browser zoom. */
@media only screen and (min-width:2001px){
    .site-background{
        height:42.16vw
    }
    .site-background img{
        width:100vw
    }
}

/* RESPONSIVE LAYOUT */
@media only screen and (max-width:767px){
    *,*::before,*::after{
        box-sizing:border-box
    }
    html,body,.all{
        min-width:0!important;
        width:100%!important
    }
    html,body{
        overflow-x:hidden
    }
    body{
        background-position:center top
    }
    .site-background{
        height:530px
    }
    .site-background img{
        width:auto;
        height:530px
    }
    .all{
        display:block;
        padding-top:245px
    }
    .all::before{
        top:48px;
        width:340px;
        max-width:92vw;
        height:194px
    }
    .status-bar{
        left:50%;
        transform:translateX(-50%) scale(.65);
        transform-origin:top center
    }
    .serial-killer-hud{
        top:235px;
        left:50%;
        right:auto;
        width:290px;
        height:159px;
        transform:translateX(-50%);
        padding:0
    }
    .serial-killer-title{
        top:32px;
        right:20px;
        width:175px;
        font-size:14px
    }
    .serial-killer-content{
        height:auto;
        padding:0
    }
    .serial-killer-content>img{
        left:45px;
        top:73px;
        width:52px;
        height:52px
    }
    .serial-killer-data strong{
        max-width:160px;
        font-size:16px;
        line-height:24px
    }
    .serial-killer-data{
        top:77px;
        left:112px;
        right:24px;
        width:auto
    }
    .serial-killer-data small{
        font-size:11px;
        line-height:20px
    }
    .serial-killer-data small b{
        font-size:14px
    }
    .serial-killer-hud:hover{
        transform:translateX(-50%) translateY(-2px)
    }
    .top-online-hud{
        top:404px
    }
    .all{
        padding-top:575px
    }
    section{
        display:flex;
        flex-direction:column;
        width:100%;
        padding:172px 10px 24px;
        background:linear-gradient(180deg,#1d222b 0,#12171e 100%);
        border-top:1px solid rgba(255,255,255,.1)
    }
    nav{
        left:10px;
        top:12px;
        width:calc(100% - 20px);
        height:auto;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px
    }
    nav>*{
        float:none;
        width:auto!important;
        height:44px;
        background:linear-gradient(180deg,#343a45 0,#1b2028 100%);
        border:1px solid rgba(244,231,182,.24);
        border-radius:5px!important
    }
    nav>a{
        display:flex;
        align-items:center;
        justify-content:center
    }
    nav>*>.ntxt{
        display:none
    }
    nav>*>.ndesc{
        position:static;
        color:#f4e7b6;
        font-family:TJP3-REG,Tahoma,Arial;
        font-size:11px;
        text-transform:uppercase
    }
    nav>*.o5{
        grid-column:1
    }
    a.forum-button{
        top:112px;
        right:10px;
        width:calc(50% - 13px);
        height:44px;
        background-position:center;
        background-size:contain
    }
    article{
        order:1;
        float:none;
        width:100%;
        min-height:0!important;
        margin:0;
        padding:22px 16px;
        background:#e6d4ae;
        border:1px solid #8f7658;
        border-radius:8px
    }
    article .page{
        display:block;
        width:100%
    }
    article img,article object{
        max-width:100%!important;
        height:auto
    }
    aside{
        order:2;
        float:none;
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        width:100%;
        margin-top:16px
    }
    aside .box{
        width:100%;
        margin:0;
        padding:20px;
        border:1px solid rgba(255,255,255,.08)
    }
    aside .box .title .bg{
        left:50%;
        transform:translateX(-50%)
    }
    .home-news-section,
    .home-news-block-body,
    .home-news-block-header{
        margin-left:0!important;
        margin-right:0!important
    }
    .home-news-section>.home-news-block{
        float:none;
        width:100%;
        padding:0
    }
    .home-news-block-header h2{
        font-size:21px
    }
    .home-news-card{
        min-height:0
    }
    .home-widgets-row{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        margin:0!important
    }
    .home-widget-column{
        display:block;
        float:none;
        width:100%;
        padding:0
    }
    .home-widget-column>.panel{
        min-height:0
    }
    .rankings-class-filter{
        gap:6px;
        padding:10px 5px
    }
    .rankings-class-filter-selection{
        width:68px
    }
    .rankings-table{
        min-width:520px
    }
    .page-title{
        font-size:25px
    }
    footer{
        width:100%;
        height:auto;
        padding:28px 15px 40px;
        margin:0
    }
}