body, html { min-width: 1300px !important; }

article input, article textarea, .content article form {
    width: auto;
    min-width: auto;
    max-width: 100%;
}

article input, article textarea { font-size: 13px; }

a { text-decoration: none; }

.pddInner { padding: 0 20px; }

.faceIndex { overflow: hidden; min-height: 130px; background: transparent; margin: 15px auto; border-radius: 8px; }
p.cbold { font-weight: bold; text-align: center; width: 100%; padding: 10px 0; text-transform: uppercase; }

.rmsg { display: table; width: 488px; margin: 0 auto 20px auto; padding: 10px; background: #108c00; text-align: center; color: #fff; font-size: 14px; }
.rmsg.error { background-color: #b30000 !important; }
.rmsg.warn { background-color: #fffca1 !important; color: #000 !important; }

.rmsg.warn a { color: #7b1a00; }
.rmsg.warn a:hover { color: #c92b00; }

#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: bold; cursor: pointer; display: table; float: right; margin: 15px 0 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,0.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: 0.8; z-index: 1000; }
input.default.sucesso { background: #0dbb00 !important; border-color: #0dbb00 !important; color: #fff !important; }

article a.default, a.default, span.default, input.default { transition: background-color 0.4s; cursor: pointer; display: block; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 6px 0 5px 0; width: 178px; margin: 0 0 1px; border-radius: 3px; box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset; font-family: Tahoma; } article .ucp a.default, .ucp a.default, .ucp span.default, .ucp input.default { padding: 9px 0 10px 0; } article a.default:active, a.default:active, input.default:active, span.default:active { opacity: 0.7; } a.default.dbig, input.default.dbig { font-size: 16px; padding: 12px 35px 13px 35px; display: table; width: auto !important; }
article a.default, a.default, span.default, input.default { background: #343e47; color: rgba(255,255,255,0.8) !important; }
article a.default:hover, a.default:hover, input.default:hover, span.default:hover { background: #3f5568; color: #fff !important; }

#fanback { background: transparent url("../imgs/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: 140px; } #fanclose { box-sizing: content-box; background: transparent url("../imgs/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; } 

article .news { cursor:default; width: calc(100% - 80px); display: table; padding: 18px 0; margin: 0 auto 0; }
article .news > div { display: table; width: 100%; margin: 0 0 30px 0; }
article .news a.imgn, article .news a.imgn img { width: 96px; height: 96px; }
article .news a.imgn { display: block; float: left; padding: 1px; border: 1px solid rgba(255,255,255,0.4); border-radius: 6px; }
article .news a.imgn img { border-radius: 5px; }
article .news .contentn { width: calc(100% - 110px); box-sizing: border-box; padding: 10px 0 0 15px; float: left; }
article .news a.titlen { font-weight: bold; display: table; font-size: 16px; padding: 0 0 10px 0; }
article .news .textn { color: rgba(255,255,255,0.8); font-size: 11px; min-height:42px; overflow: hidden; }
article .news .finalinfo { width: 100%; display: block; padding: 5px 0 0 0; }
article .news .finalinfo .datan { color: rgba(255,255,255,0.6); float: left; font-weight: bold; font-size: 11px; }
article .news .finalinfo .lermaisn { float: right; font-weight: bold; padding-right: 20px; }
article .news .finalinfo .lermaisn a, .ctcarea .lermaisn_all a { font-size: 12px; font-weight: bold; }
article .news hr { margin: 0 0 10px; }
article .news:before { display: none; }

.faceIndex { border: 2px solid rgba(0,0,0,0.4); }

#modal { position: fixed; z-index: 2000; top:0; left: 0; padding: 20px; width: 640px; height: 300px; left:calc(50% - 320px);top:calc(50% - 150px); text-align: center; border-radius: 3px; box-shadow: 0 0 25px rgba(255,255,255,0.2); background: #2c2c2c; }
#modal h1 { color: #fff; text-align:center; width: 100%; padding:0; margin:16px 0 20px 0; font-size: 20px !important; background: transparent; }

table.default { width: 100%; background: 0; overflow: hidden; }
table.default tr td:first-child { border: 0; }
table.default tr td { font-size: 12px; letter-spacing: 0.5px; padding: 6px 8px; border: 0; border-left: 1px solid #161616; background: rgba(255,255,255,0.05); color: #fff; font-weight: normal; }
table.default tr td b { color: #fff; }
table.default tr.two td { background: rgba(255,255,255,0.1); }
table.default tr td.foco { font-weight: bold; color: #fff; background: rgba(0,0,0,0.05); }
table.default tr.two td.foco { background: rgba(255,255,255,0.05); }
table.default tr th { font-family: Arial; font-weight: bold; text-transform: uppercase; font-size: 12px; background: #fff; color: #000; padding: 10px 0; border-left: 1px solid #161616; }
table.default tr.ctype2, table.default tr.ctype2 td { padding: 0; margin: 0; height: 2px; background: #000; }
table.default .pos { width: 25px; text-align: center; }

.horMenu { display: table; margin: 20px auto; }
.horMenu a { font-weight: bold; float: left; padding: 10px 15px; border-bottom: 2px solid rgba(255,255,255,0.5); margin: 0 0 0 10px; text-transform: uppercase; font-size: 13px; color: rgba(255,255,255,0.6) !important; }
.horMenu a:first-child { margin: 0; }
.horMenu a:hover { border-color: #fff !important; color: #fff !important; }
.horMenu a.act { cursor: default; border-color: #fff !important; color: #fff !important; text-shadow: 0 0 5px rgba(255,255,255,0.6); }
.horMenu a:active { opacity: 0.6; }
.horMenu.ranks a { padding: 10px 10px; }

.rulesbox, .rulesbox .pddInner { text-align: left !important; }
.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,0.2); background: rgba(255,255,255,0.1); }
.rulesbox h1 { padding-top: 0; background: transparent !important; 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: 2px; }
.formpadrao { display: table; margin: 0 auto 2px auto; padding: 2px; }
.formpadrao > div { display: table; }
.formpadrao .desc { width: 200px; padding: 0 10px; color: #fff; font-family: Arial; font-weight: bold; text-transform: uppercase; font-size: 12px; text-align: right; }
.formpadrao .desc, .formpadrao .camp, .formpadrao .camp2 { float: left; height: 46px; line-height: 46px; }
.formpadrao .camp input[type="text"], .formpadrao .camp input[type="password"], .formpadrao .camp input[type="file"] { border: 0; width: 250px; margin: 5px 5px 0 0; height: 36px; line-height: 36px; padding: 0 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset; }
.formpadrao .camp select { border: 0; width: 246px; margin: 5px 5px 0 0; padding: 10px 8px; box-shadow: 1px 1px 1px rgba(0,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(255,255,255,0.05); }
.formpadrao > div { background: rgba(255,255,255,0.05); transition: background 0.4s; }
.formpadrao > div:hover { background: rgba(255,255,255,0.2); }
.formpadrao .desc { color: #fff; }
.formpadrao input, .formpadrao select, .formpadrao * { box-sizing: content-box !important; }

label.captcha { position: relative; }
label.captcha img.captchaImage { position: absolute; left: 8px; top: 3px; opacity: 0.8; border-radius: 3px; }
label.captcha a { position: absolute; right: 13px; top: 13px; }
label.captcha a, label.captcha a img { width: 23px; height: 23px; }
label.captcha a:hover { opacity: 0.7; }
label.captcha a:active { opacity: 1; }

.castled { box-sizing: border-box; width: 380px; height: 260px; margin: 0; float: left; padding: 10px; font-size: 13px; }
.castled b { color: #fff; }
.castled .ci .co { color: rgba(255,255,255,0.6); }
.castled, .castled > div { display: table; }
.castled .ct { color: #fff; font-size: 16px; font-weight: bold; padding: 10px 0 10px 30px; }
.castled .imgc { width: 140px; height: 113px; border: 1px solid rgba(0,0,0,0.4); float: left; border-radius: 6px; }
.castled .imgc span { display: block; width: 140px; height: 113px; background: rgba(0,0,0,0.6) url('../imgs/nm/castles.jpg') no-repeat; border-radius: 5px; }
.castled .ci { float: left; width: 160px; padding: 2px 0 0 10px; }
.castled .ci .co { font-weight: bold; }
.castled .ci .cc { margin-bottom: 8px; }
.castled .nwar { padding: 5px 0 10px 0; }
.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; }

.paginate { display: table; margin: 30px auto; }
.paginate a { display: block; box-sizing: border-box; width: 40px; height: 40px; line-height: 40px; text-align: center; float: left; font-family: Arial; text-transform: uppercase; margin: 0 4px 0 0; border-radius: 50%; background: #343e47; color: #fff !important; }
.paginate a:hover { background: #ffea78; color: #000 !important; }
.paginate a:active, .paginate a.atual { background: #b02230; color: #fff !important; }
.paginate a.desatived { background: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.3) !important; }
.paginate a.atual, .paginate a.desatived { cursor: default; box-shadow: none; }

.dual-colmn { width: 100%; display: table; }
.dual-colmn > div { width: calc(50% - 20px); float: left; }
.dual-colmn > div:first-child { margin-right: 40px; }

.center-txt { text-align: center; }
.center-txt h1, .center-txt h2 { padding-left: 0; padding-right: 0; }
.opacityh { transition: filter 0.4s; }
.opacityh:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.rankings_options { display: table; margin: 0 auto 20px; }
.rankings_options a { float: left; background: rgba(0,0,0,0.5); padding: 0 15px; margin: 0 0 0 1px; color: #fff; height: 40px; line-height: 40px; }
.rankings_options a:first-child { margin: 0; }
.rankings_options a:hover { background: #fff; color: #000; }
.rankings_options a.ativa { background: #a71b28; color: #fff; }
.rankings_options div { float: left; }

@import url(http://fonts.googleapis.com/css?family=Quicksand);
#soon-glow { font-family: 'Quicksand', sans-serif; color: #fff; background: transparent; text-transform:lowercase; }
#soon-glow .soon-label { color: #fff; text-shadow:0 0 .25rem rgba(255,255,255,.75); }
#soon-glow .soon-ring-progress { color: #fff; background-color:rgba(255,255,255,.15); }
#soon-glow>.soon-group { margin-bottom:-.5em; }
.soon[data-layout*="group"] { padding-top: 20px; }
.soon[data-face*="glow"] .soon-separator, .soon[data-face*="glow"] .soon-slot-inner { text-shadow: 0 0 .125em rgba(255,255,255,.75); }

.livestreams { width: 100%; overflow: hidden; }
.livestreams > div { display: table; width: calc(100% + 15px); }
.livestreams iframe { max-width: 100%; max-height: 305px; display: block; float: left; margin: 0 10px 10px 0; }

.tm-timeline-entry + .tm-timeline-entry {
    margin-top: 40px;
}

@media (min-width: 640px) {
    .tm-timeline { box-sizing: border-box; position: relative; }
    .tm-timeline * { box-sizing: border-box; }
    .tm-timeline:before { content: ''; position: absolute; top: 0; left: calc(30% - 2px); bottom: 0; width: 4px; background: #328d11; }
    .tm-timeline:after { content: ""; display: table; clear: both; }
    .tm-timeline-entry { clear: both; text-align: left; position: relative; }
    .tm-timeline-entry + .tm-timeline-entry { margin-top: 70px; }
    .tm-timeline-entry:after { display: block; content: ""; clear: both; }
    .tm-timeline-entry .tm-timeline-time { float: left; width: 30%; padding-right: 70px; text-align: right; position: relative; }
    .tm-timeline-entry .tm-timeline-time:before { content: ''; position: absolute; width: 20px; height: 20px; border: 4px solid #328d11; background-color: #fff; border-radius: 100%; top: 0; right: -14px; z-index: 99; }
    .tm-timeline-entry .tm-timeline-time h5 { margin: 3px 0 0; }
    .tm-timeline-entry .tm-timeline-body { float: right; width: 70%; padding-left: 70px; margin-top: -2px; }
    .tm-timeline-entry .tm-timeline-body h3 { margin: 0 0 15px; }
    .tm-timeline-entry .tm-timeline-body h3 span { padding: 1px 7px; }
}



.menu { margin-left: 0 !important; }
.socBlock a.ds { background: url(../template/images/soc-discord.png) no-repeat; }
.downloadBlock .download-links a.windows:after { display: none !important; }  

.streamBlock a.facebook {
    background-color: #1871e7;
}
.streamBlock a.facebook:after {
    background: url(../template/images/youtube-hero.png) no-repeat;
    width: 145px;
    height: 142px;
    right: 3px;
}
.streamBlock a.discord {
    background-color: #6c87d4;
}
.streamBlock a.discord:after {
    background: url(../template/images/twich-hero.png) no-repeat;
    width: 147px;
    height: 143px;
}

.toTop { z-index: 11; }

.mediaBlock .media a span { font-size: 20px !important; }

.topPanel-right a.signIn { text-transform: none !important; }

.fMenu { margin-right: 150px !important; }

.slideNewsBlock { padding-bottom: 50px; }

.bottom-msg { width: 100%; box-sizing: border-box; padding: 15px; background: #14171c; border-top: 4px solid #9db7d9; color: rgba(255,255,255,0.8); box-shadow: 0 0 25px rgba(0,0,0,0.4); position: fixed; left: 0; bottom: 0; z-index: 101; }
.bottom-msg > div { display: table; margin: 0 auto; }
.bottom-msg .msg { padding: 5px 5px 10px; text-align: center; width: 100%; }
.bottom-msg .buttons { display: table; margin: 0 auto 0 auto; }
.bottom-msg .buttons > a { float: left; margin: 0 0 0 10px; font-size: 13px; padding: 0 10px; width: auto !important; height: 30px !important; line-height: 30px !important; }
.bottom-msg .buttons > a.close { background: #c40000; }
.bottom-msg .buttons > a.close:hover { -webkit-filter: brightness(130%); filter: brightness(130%); }
.bottom-msg .buttons > a.close:active { opacity: 0.7; }
@media (max-width: 600px) {
    .bottom-msg .buttons > a { float: none; margin: 0 0 10px 0; width: 100% !important; }
}

article hr { background: rgba(255,255,255,0.2); width: 100%; margin: 30px 0; padding: 0; border: 0; height: 2px; }

.voteArea { position: absolute; right: 0; bottom: -100px; display: table; }
.voteArea > div { width: 100%; display: table; }
.voteArea > div > a { transition: box-shadow 0.4s, border-color 0.4s; display: block; float: left; width: 100px; height: 100px; line-height: 100px; margin: 0 0 0 20px; border-radius: 50%; border: 1px solid #fff; background: transparent; text-align: center; font-size: 11px; color: #fff; }
.voteArea > div > a:hover { box-shadow: 0 0 30px #e12332 inset; border-color: #ff1427; }
.voteArea h2 { font-size: 28px; text-align: left; padding: 0 0 0 20px; margin-bottom: 10px; }