body,
html,
p {
  margin: 0;
  padding: 0;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: url('../imgs/bg_main.jpg') no-repeat center center;
    background-size: cover;
}
section {
  flex: 1;
  padding: 0;
}

#alerta .ok > div,
a.default,
input.default,
span.default {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-align: center;
  text-transform: uppercase;
}

#alerta,
.saldo {
  font-size: 15px;
}
.all .menu,
.content,
.whitArea,
nav,
section {
  position: relative;
}
h1,
h2 {
  margin: 0 0 15px 15px;
}
body,
html {
  min-width: 1190px;
  height: 100%;
  overflow-x: hidden;
}
#video-background {
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}
.content {
  min-height: 100vh;
  padding: 20px;
  color: #000;
  margin-top: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
}
a,
a:active,
a:link,
a:visited,
body,
input,
select,
textarea {
  font-family: HV45, Arial;
  font-size: 14px;
  text-decoration: none;
}
#alerta .ok > div,
footer {
  font-size: 13px;
  font-weight: 700;
}
a,
a:active,
a:link,
a:visited {
  font-weight: 700;
  font-family: HV65, Arial;
  color: #be7c02;
}
a,
input {
  outline: 0;
}

.pddInner {
  padding: 0 15px 30px;
}
a:hover {
  color: #be7c02;
}
a:active {
  color: #a6a6a6;
}
#alerta {
  visibility: hidden;
  position: fixed;
  display: table;
  z-index: 1001;
  margin: 0 auto;
  padding: 25px 30px;
  color: #5a5a5a;
  background: #f7f7f7;
  border-radius: 6px;
}
#alerta .ok,
.inventory > div {
  display: table;
  width: 100%;
}
#alerta .ok > div {
  display: table;
  float: right;
  margin: 15px 0 0;
  padding: 5px 0;
  width: 60px;
  color: #fff;
  background: #ac0f0f;
  border: 1px solid #ac0f0f;
  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 {
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
  z-index: 1000;
}
a.default,
input.default,
span.default {
  transition: background-color 0.4s;
  display: block;
  font-weight: 700;
  font-size: 14px;
  padding: 8px 0;
  width: 180px;
  margin: 0 0 1px;
  border-radius: 5px;
  font-family: HV65, Tahoma;
  background: #be7c02;
  background: -moz-linear-gradient(top, #000 0, #000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #be7c02),
    color-stop(100%, #be7c02)
  );
  color: #fff !important;
  border: 1px solid #be7c02 !important;
}
.ucp a.default,
.ucp input.default,
.ucp span.default,
article .ucp a.default {
  padding: 12px 0 13px;
}
.donateButtons a:active,
.header .opts a:active,
.shopPacks > a:hover,
a.default:active,
article a.default:active,
input.default:active,
label.captcha a:hover,
nav > span > .dropdown a:active,
span.default:active {
  opacity: 0.7;
}
a.default.big,
input.default.big,
span.default.big {
  text-transform: uppercase;
  min-width: 140px;
  padding: 12px 24px;
  font-size: 15px;
}
a.default.superbig,
input.default.superbig,
span.default.superbig {
  text-transform: uppercase;
  min-width: 140px;
  padding: 13px 30px;
  font-size: 16px;
}
a.default:hover,
input.default:hover,
span.default:hover {
  background: #be7c02;
  border-color: #be7c02 !important;
}
a.default.sucesso,
input.default.sucesso,
span.default.sucesso {
  background: #be7c02 !important;
  color: #fff !important;
}
.server_status {
  margin: 0 auto;
  width: 55%;
  height: 295px;
  background: url("../imgs/logo.png") no-repeat;
}
section {
  margin: 0 auto;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all {
  width: 100%;
  display: table;
  background: #161616e0;
}
#enchItemSelected > img,
.formpadrao,
.formpadrao .camp input,
.formpadrao .camp select,
.formpadrao > div {
  border-radius: 4px;
}
.formpadrao {
  display: table;
  margin: 0 auto 2px;
  padding: 2px;
}
.formpadrao > div {
  display: table;
  background: rgba(0, 0, 0, 0.1);
}
.formpadrao .desc {
  color: #000;
  width: 150px;
  padding: 0 10px;
  font-weight: 700;
  text-align: right;
}
.formpadrao .camp,
.formpadrao .camp2,
.formpadrao .desc {
  float: left;
  height: 46px;
  line-height: 46px;
}
.formpadrao .camp input[type="file"],
.formpadrao .camp input[type="password"],
.formpadrao .camp input[type="text"] {
  border: 0;
  width: 200px;
  margin: 5px 5px 0 0;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
}
.formpadrao .camp select {
  border: 0;
  width: 216px;
  margin: 5px 5px 0 0;
  padding: 9px 8px 8px;
}
.formpadrao textarea {
  border: 0;
  resize: vertical;
  height: 300px;
  width: 200px;
  margin: 0 4px 10px 0;
  padding: 8px;
}
.all .menu:hover > div,
.all .menu > div > div,
nav:hover,
nav:hover > * {
  width: 330px;
}
.formpadrao.tdate .camp input {
  text-align: center;
  padding: 0 9px;
}
.formpadrao.errorc > div {
  background: #c70000;
}
.formpadrao.errorc .desc,
.leftTop > a:active,
ul.breadcrumb li a {
  color: #000;
}
.formpadrao .camp input[type="file"],
.formpadrao .camp input[type="password"],
.formpadrao .camp input[type="text"],
.formpadrao .camp select,
.formpadrao textarea {
  background: #fff;
}
.formpadrao .camp input[type="password"]:focus,
.formpadrao .camp input[type="text"]:focus,
.formpadrao .camp select:hover,
.formpadrao textarea:focus {
  background: #fffbd5;
}
.formpadrao > div:hover {
  background: #000;
}
.formpadrao > div:hover .desc,
.header .langs:hover {
  color: #fff;
}
footer {
    color: rgba(0, 0, 0, 0.6);
    padding-top: 35px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
nav > *,
nav > span > .dropdown a {
  color: #fff !important;
  display: block;
  box-sizing: border-box;
}
footer span {
  font-size: 11px;
  font-weight: 400;
}
.header .langs a:hover span,
label.captcha a:active {
  opacity: 1;
}
.all .menu {
  z-index: 1;
  width: 70px;
  min-height: 10px;
  float: left;
}
.all .menu > div {
    transition: width 0.4s;
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    overflow: hidden;
    min-height: 100px;
    background: linear-gradient(to bottom, rgb(171 111 2) 0%, rgb(255 215 0 / 0%) 100%);
}
.header {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding: 0 15px 0 0;
  background: #1a1a1acc;
}
.header .icon-top {
  float: left;
  width: 70px;
  height: 70px;
  background: url("../imgs/icon-header-one.png") center center no-repeat;
}
.header a.server-name {
  font-weight: 400;
  float: left;
  height: 70px;
  line-height: 70px;
  padding: 0 0 0 30px;
}
.server-name img {
    margin-top: 3px;
    position: absolute;
    height: 90px;
    filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px black);
}
.header .langs {
  background: #272727;
  height: 34px;
  line-height: 34px;
  margin: 18px 0 0;
  padding: 0 0 0 20px;
  border-radius: 5px;
  display: table;
  float: left;
  font-size: 14px;
  font-family: HV45, Arial;
  color: #fff;
  text-transform: uppercase;
}
.header .langs > span {
  display: block;
  float: right;
  margin: 0 0 0 10px;
  background: #272727;
  border-radius: 4px;
  padding: 3px 0 3px 3px;
}
.header .langs a,
section .header .langs a span {
  display: block;
  width: 42px;
  height: 28px;
  background: url("../imgs/langs.png") no-repeat;
}
.header .langs a {
  float: left;
  margin: 0 3px 0 0;
}
.header .langs a span {
  opacity: 0;
  transition: opacity 0.4s;
}
.header .langs a.en {
  background-position: 0 0;
  border-radius: 3px 0 0 3px;
}
.header .langs a.pt {
  background-position: -45px 0;
}
.header .langs a.es {
  background-position: -90px 0;
  border-radius: 0 3px 3px 0;
}
.header .langs a.en span {
  background-position: 0 -30px;
}
.header .langs a.pt span {
  background-position: -45px -30px;
}
.header .langs a.es span {
  background-position: -90px -30px;
}
.header .langs a:active,
.horMenu a:active {
  opacity: 0.6;
}
.header .opts {
  float: left;
  margin: 0 0 0 15px;
  padding: 11px 0 0;
}
.header .opts a {
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 14px 0;
  float: left;
  text-align: center;
  color: #9a9fa5;
  font-size: 18px;
  transition: background 0.4s, color 0.4s;
  border-radius: 6px;
}
.header .opts a:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.bluArea,
.purpArea,
article,
aside,
nav {
  height: 100%;
  min-height: 500px;
  float: left;
}
nav {
  min-width: 70px;
}
nav:hover {
  background: #be7c02;
}
nav > * {
  width: 70px;
  transition: width 0.2s;
  height: 60px !important;
  min-height: 60px;
  line-height: 60px;
  white-space: nowrap;
  padding: 0;
  font-size: 18px !important;
  font-family: HV45, Arial !important;
}
nav:hover > * {
  height: auto !important;
}
nav > * .actived {
  background: url("../imgs/orange-arrow10.png") right 20px no-repeat;
}
nav > :hover {
  background-color: rgba(255, 255, 255, 0.1);
}
nav > :active {
  background-color: rgba(255, 255, 255, 0.2);
}
nav > * .icon {
  width: 70px;
  font-size: 26px !important;
  text-align: center;
  float: left;
  padding: 16px 0;
  margin: 0 2px 0 0;
}
nav > span > .dropdown {
  visibility: hidden;
  display: none;
  padding: 0 10px 10px 70px;
}
nav > span > .dropdown a {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 0 1px;
  background-color: rgba(255, 255, 255, 0.2) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
nav > span > .dropdown a:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
nav:hover > span > .dropdown {
  visibility: visible;
}
.menu:hover nav > .actived .dropdown,
nav:hover > .actived .dropdown {
  display: block;
}
nav > span.dropped {
  cursor: default;
}
nav > span {
  padding-left: 0 !important;
  cursor: default !important;
}
nav > span > span {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.all .menu.disabled:hover > div,
.all .menu.disabled > div > div {
  width: 95px !important;
}
.donbox1 {
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.donbox {
  padding: 20px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.endbox {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.saldo {
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 20px;
  border: 2px solid #181818;
  background: #181818;
  border-radius: 3px;
  font-family: HV65, Arial;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.saldo > span {
  float: right;
  color: #0f0;
  font-size: 12px;
}
.saldo > span > span {
  font-size: 16px;
}
.donateButtons,
.donateButtons > * {
  width: 100%;
  display: table;
  margin: 0 auto;
}
.donateButtons a {
  transition: background 0.4s;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  border-radius: 4px;
  float: left;
  font-size: 11px;
  font-family: HV65, Arial;
  color: #fff;
  box-sizing: border-box;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.leftTop > a,
h1 {
  font-size: 20px;
}
.donateButtons a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.donateButtons .one a {
  width: calc(50% - 1px);
  min-width: 105px;
  height: 117px;
  padding: 23px 15px 0;
  text-align: center;
}
.donateButtons .one a:first-child {
  margin-right: 2px;
}
.donateButtons .one a .icon {
  font-size: 50px;
  margin: 0 0 3px;
}
.donateButtons .one a span {
  font-size: 9px;
}
.donateButtons .two a {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
}
.donateButtons .two a .icon {
  font-size: 18px;
  margin: 0 10px 0 0;
  float: left;
  padding: 10px 0 0;
}
.bluArea > .loggedInfo > .donateButtons a,
.leftTop .langs {
  font-size: 10px;
  font-family: RalewayBold, Arial;
  border-radius: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.bluArea {
  background: url("../imgs/char-opacity.png") left bottom no-repeat #be7c02;
}
.box,
.leftTop .langs > div,
.whitArea,
article {
  background: #fff;
}
.bluArea > .loggedInfo {
  width: 268px;
  min-height: 100px;
  float: left;
  position: relative;
}
.bluArea > .loggedInfo > .blue-bg-5,
.bluArea > .loggedInfo > .userCts {
  width: 220px;
  height: 295px;
}
/*
.bluArea > .loggedInfo > .blue-bg-5 {
  opacity: 0.5;
  background: #be7c02;
  background: -moz-linear-gradient(top, #be7c02 0, #be7c02 100%);
}
*/
.bluArea > .loggedInfo > .userCts {
  position: absolute;
  left: 0;
  top: 0;
  padding: 60px 0 0 30px;
}
.bluArea > .loggedInfo > .userCts .avatar {
  display: table;
  margin: 0 auto;
  width: 188px;
  height: 104px;
  box-sizing: border-box;
  padding: 11px 0 0 54px;
  background: url("../imgs/avatar-bg.png") center center no-repeat;
}
.bluArea > .loggedInfo > .userCts .avatar > div {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.bluArea > .loggedInfo > .userCts .acc {
  text-transform: uppercase;
  width: 100%;
  margin: 15px 0 7px;
  font-size: 20px;
  font-family: HV65, Arial;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}
.bluArea > .loggedInfo > .userCts .acc > span {
  display: block;
  font-size: 11px;
  font-family: HV45, Arial;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.bluArea > .loggedInfo > .userCts .altpass {
  display: table;
  margin: 0 auto;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  padding: 0 22px;
  background: #181818;
  font-family: HV65, Arial;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  border-radius: 5px;
}
.bluArea > .loggedInfo > .donateButtons {
  padding: 40px;
}
.bluArea > .loggedInfo > .donateButtons a {
  display: block;
  text-align: center;
  width: 215px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px;
  background: #fff;
  color: #929292;
}
.castled,
.castled > div,
.leftTop .langs:hover > div,
.lines > div,
.mult,
.mult .selec,
.twoBox,
ul.breadcrumb {
  display: table;
}
.bluArea > .loggedInfo > .donateButtons a:hover {
  background-color: #3f4872;
  color: #fff;
}
.whitArea {
  z-index: 0;
  width: 810px;
  min-height: 700px;
  float: left;
}
.leftTop {
  position: absolute;
  top: 30px;
  right: 40px;
  color: #be7c02;
}
#buyItemForm,
#enchItemSelected,
.box,
.fullGallery a,
.leftTop .langs,
.mult .selec > *,
.service > .title,
.shopPacks > a,
.smallCenter,
label.captcha {
  position: relative;
}
#enchItemSelected > *,
.leftTop > * {
  float: left;
}
.leftTop .langs {
  z-index: 2;
  padding: 0 17px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e8e8e8;
}
.leftTop .langs:hover {
  border-color: #606060;
  color: #606060;
}
.leftTop .langs > div {
  display: none;
  position: absolute;
  left: 0;
  top: 29px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.leftTop .langs > div a {
  display: block;
  width: 100%;
  text-align: center;
}
.leftTop > a {
  color: #aeaeae;
  margin: 5px 0 0 20px;
}
.leftTop > a:hover {
  color: #1ba7f7;
}
section.login {
  width: 905px;
}
.box,
.box h1,
.twoBox {
  width: 100%;
}
section.login .whitArea {
  min-height: 560px;
}
article {
  width: 800px;
  box-sizing: border-box;
  padding: 36px 40px 40px;
}
label.captcha img.captchaImage {
  position: absolute;
  left: 8px;
  top: 3px;
  opacity: 0.8;
  border-radius: 2px;
}
label.captcha a {
  position: absolute;
  right: 13px;
  top: 14px;
}
label.captcha a,
label.captcha a img {
  width: 23px;
  height: 23px;
}
ul.breadcrumb {
  width: 100%;
  margin: 0 0 20px;
  padding: 0 15px 10px;
  box-sizing: border-box;
  list-style: none;
  border: 0;
  border-bottom: 2px solid #e5e5e5;
}
ul.breadcrumb li {
  display: inline-block;
  float: left;
}
ul.breadcrumb li + li:before {
  padding: 8px;
  color: #000;
  content: "»";
}
ul.breadcrumb li a:hover {
  color: #585858;
}
ul.breadcrumb li a:active {
  color: #ccc;
}
ul.breadcrumb a,
ul.breadcrumb b,
ul.breadcrumb li {
  font-weight: 700;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  font-family: HV65, Arial;
}
h1,
h2,
h3 {
  font-family: HV65, Arial;
  font-weight: 700;
}
h1 i {
  margin-right: 7px;
}
h2 {
  font-size: 17px;
}
.box {
  box-sizing: border-box;
  border: 2px solid #be7c02;
  margin: 0;
  padding: 0 0 15px;
}
.twoBox .box {
  float: left;
  width: calc(50% - 10px);
  margin: 0 0 20px 20px;
}
.twoBox .box:first-child {
  margin-left: 0;
}
.box h1 {
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  background: #be7c02;
  color: #fff;
  margin: 0 0 10px;
  padding: 0 0 0 15px;
}
.lines > div,
.mult .lines > div {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.lines {
  padding: 0 15px;
}
.lines > div {
  height: 36px;
  line-height: 36px;
  font-family: HV45, Arial;
  font-size: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.lines > div.two {
  background: rgba(0, 0, 0, 0.05);
}
.lines > div:first-child,
table.default tr td:first-child {
  border: 0;
}
.lines > div span {
  float: right;
  font-family: HV65, Arial;
  font-weight: 700;
}
.lines.logs > div {
  border-color: rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.2);
}
.lines.logs > div.two {
  background: rgba(0, 0, 0, 0.1);
}
.mult {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.mult .selec {
  box-sizing: border-box;
  margin: 5px auto 0;
}
.mult .selec > * {
  float: left;
  transition: background-color 0.4s;
  width: 80px;
  height: 80px;
  padding: 10px;
  overflow: hidden;
  background: #d9d9d9;
  margin: 0 1px 0 0;
  border-radius: 2px 2px 0 0;
}
.mult .selec > div {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
.mult .selec > div:hover {
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.mult .selec > span:hover {
  background: rgba(0, 0, 0, 0.2);
}
.mult .selec > div.actived {
  cursor: default;
  background: #f9f9f9;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.mult .selec > div > img {
  width: 80px;
  height: 80px;
  border-radius: 2px;
}
.mult .selec > div > div {
  width: 72px;
  height: 22px;
  line-height: 22px;
  position: absolute;
  bottom: 11px;
  right: 15px;
  font-family: Arial;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 2px #000;
  text-align: center;
  overflow: hidden;
}
.mult .infos,
.mult .opts {
  display: none;
  width: calc(100% - 15px);
  min-height: 200px;
  padding: 15px 0 0;
  background: rgba(255, 255, 255, 0.3);
}
.mult .infos.actived,
.mult .opts,
.service > input.default {
  display: table !important;
}
.mult .lines {
  float: left;
  width: calc(50% - 15px);
  padding: 0;
  margin: 0 0 0 15px;
}
.mult .lines > div {
  margin: 0;
}
.mult .charSelectedTxt,
.service {
  box-sizing: border-box;
  width: calc(100% - 25px);
  background: #fffb99;
  margin: 0 0 0 20px;
  padding: 12px 18px;
  font-size: 15px;
  border-radius: 4px;
}
.service,
table.default tr td,
table.donateBox th {
  background: rgba(0, 0, 0, 0.1);
}
.service > .desc,
.service > .title {
  margin: 0 0 10px;
}
.rmsg,
.service {
  font-size: 14px;
}
.service {
  margin-top: 20px;
  padding: 20px 20px 25px;
}
.service > .title {
  font-size: 18px;
}
.service > .title .costs {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 15px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 2px;
}
.service > .work {
  margin: 0 0 15px;
}
.service > input.default {
  width: auto !important;
  margin: 0 auto;
  padding: 10px 15px;
  font-size: 13px;
}
.service .confirmChar {
  box-sizing: border-box;
  min-width: 381px;
  padding: 10px 15px;
  display: table;
  text-align: center;
  margin: 10px auto 0;
  background: #fffb99;
  border-radius: 4px;
}
.rulesbox,
table.donateBox {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  width: 100%;
  box-sizing: border-box;
}
#enchItemSelected.invis,
.service .confirmChar.invis,
span#confirm.invis {
  display: none !important;
}
.service .confirmChar a.default {
  width: 120px;
  display: inline-block;
  margin: 0 0 0 10px;
  background: #b70000;
  background: -moz-linear-gradient(top, #e50000 0, #b70000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #e50000),
    color-stop(100%, #b70000)
  );
  border: 1px solid #b70000;
  color: #fff;
}
.service .confirmChar a.default:hover {
  background: #6c0d0d;
  border-color: #6c0d0d;
}
.rulesbox {
  height: 280px;
  overflow: auto;
  margin: 0 auto 20px;
  padding: 20px;
}
.rulesbox h1 {
  padding: 0 0 10px;
  font-size: 17px;
}
table.donateBox {
  border-radius: 4px;
}
table.donateBox td,
table.donateBox th {
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 0;
  border-bottom: 0;
  text-align: left;
}
table.donateBox th {
  border-top: 0;
}
table.donateBox td:first-child,
table.donateBox th:first-child {
  border-left: 0;
}
table.donateBox select {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 5px;
  border-radius: 4px;
}
table.donateBox select:hover {
  background: #fffdd4;
}
table.donateBox .bonus {
  display: none;
  background: #fffb99;
  text-align: center;
  width: 100%;
  margin: 5px auto 0;
  padding: 5px 0;
  box-sizing: border-box;
  border-radius: 4px;
}
table.default {
  border: 2px solid #be7c02;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  background: 0;
  overflow: hidden;
}
table.default tr td {
  text-align: center;
  font-size: 12px;
  padding: 6px 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
table.default tr.two td {
  background: rgba(0, 0, 0, 0.03);
}
table.default tr td.foco {
  font-weight: 700;
  color: #be7c02;
  background: rgba(0, 0, 0, 0.15);
}
table.default tr.two td.foco {
  background: rgba(0, 0, 0, 0.06);
}
table.default tr th {
  font-weight: 700;
  text-align: center;
  background: #be7c02;
  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, 0.1);
}
table.default .pos {
  width: 25px;
  text-align: center;
}
table.default tr.pin td {
  background: #fffde5 !important;
}
span#confirm {
  background: #fffb99;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin: 10px 0;
  padding: 30px 0;
  text-align: center;
  font-size: 15px;
}
.wSelectBg {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0 20px 40px;
  margin: 0 0 20px;
  border-radius: 4px;
}
.wSelectBg select {
  border: 0;
  width: 570px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 0 0 10px;
  padding: 5px;
}
.shopPacks {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 30px 15px;
  display: table;
}
.shopPacks > a {
  opacity: 1;
  transition: opacity 0.3s;
  float: left;
  width: 136px;
  height: 136px;
  display: block;
  margin: 0 10px 10px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  border-radius: 3px;
}
.horMenu,
.paginate,
.rmsg {
  display: table;
}
.shopPacks > a > div {
  overflow: hidden;
  box-sizing: border-box;
  width: 136px;
  height: 50px;
  padding: 30px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../imgs/nm/degrade_black_transp.png");
  color: #fff;
  font-size: 10px;
  text-align: center;
  border-radius: 0 0 3px 3px;
}
#enchItemSelected > a,
.shopItemList table td {
  font-size: 13px !important;
}
.shopItemList {
  padding: 0 20px 20px;
}
.shopItemList table td,
.shopItemList table th {
  text-align: left !important;
}
.shopItemList .packImg {
  position: absolute;
  top: -40px;
  right: 20px;
  padding: 6px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
}
.shopItemList .packImg,
.shopItemList .packImg img {
  width: 80px;
  height: 80px;
}
#buyTrigger {
  width: 120px;
}
.horMenu {
  margin: 20px auto;
}
.castled,
.horMenu a:first-child {
  margin: 0;
}
.horMenu a {
  float: left;
  padding: 10px 15px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  margin: 0 0 0 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6) !important;
}
.horMenu a:hover {
  border-color: rgba(0, 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, 0.6);
}
.castled {
  float: left;
  width: 355px;
}
.castled .ct {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0 10px 30px;
}
.castled .imgc {
  width: 175px;
  height: 99px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  float: left;
  border-radius: 6px;
}
.castled .imgc span {
  display: block;
  width: 175px;
  height: 99px;
  background: url("../imgs/nm/castles.jpg") no-repeat rgba(0, 0, 0, 0.6);
  border-radius: 5px;
}
.castled .ci {
  float: left;
  width: 168px;
  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: -175px top;
}
.castled .imgc.giran span {
  background-position: -350px top;
}
.castled .imgc.oren span {
  background-position: -525px top;
}
.castled .imgc.dion span {
  background-position: -700px top;
}
.castled .imgc.gludio span {
  background-position: -875px top;
}
.castled .imgc.innadril span {
  background-position: -1050px top;
}
.castled .imgc.rune span {
  background-position: -1225px top;
}
.castled .imgc.schuttgart span {
  background-position: -1400px top;
}
.rmsg {
  width: 371px;
  margin: 0 auto 20px;
  padding: 10px;
  background: #108c00;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}
.rmsg.error {
  background-color: #b30000 !important;
}
.rmsg.warn {
  background-color: #fffca1 !important;
  color: #000 !important;
}
.fullGallery {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 15px 0 0;
}
.fullGallery > div {
  width: calc(100% + 20px);
  display: table;
}
.fullGallery a,
.fullGallery a div,
.fullGallery a img {
  width: 88px;
  height: 88px;
}
.fullGallery a {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.5);
  display: block;
  float: left;
  padding: 1px;
  margin: 0 10px 10px 0;
}
.fullGallery a div {
  position: absolute;
  top: 1px;
  left: 1px;
  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
}
.fullGallery a span {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  left: 23px;
  top: 23px;
  background: url("../imgs/nm/play2.png") no-repeat;
}
.fullGallery a:hover {
  border-color: rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.4);
}
.fullGallery a:hover div {
  box-shadow: 0 0 10px #fff inset;
}
.fullGallery a mark {
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.7);
  bottom: 1px;
  right: 1px;
  color: #fffeb4;
  font-size: 10px;
  text-align: center;
  font-family: Arial;
  font-weight: 700;
}
.fullGallery i {
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  background: #ba0000;
  color: rgba(255, 255, 255, 0.7);
  width: 22px;
  height: 22px;
  padding: 4px;
  box-sizing: border-box;
  text-align: center;
}
.fullGallery i:hover {
  background: red;
  color: #fff;
}
.paginate {
  margin: 30px auto;
}
.paginate a {
  display: block;
  padding: 5px 8px;
  font-weight: 700;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  float: left;
  margin: 0 1px 0 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.7) !important;
}
.paginate a.atual,
.paginate a.desatived {
  cursor: default;
  box-shadow: none;
}
.paginate a:hover {
  background: rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.9) !important;
  color: #fff !important;
}
.paginate a.atual,
.paginate a:active {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.paginate a:active {
  opacity: 0.5;
}
.paginate a.desatived {
  background: rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.atualEnd {
  padding: 0 0 20px;
}
.atualEnd.invis {
  display: none;
}
.inventory {
  width: 100%;
  max-width: 722px;
  margin: 0 auto;
  padding: 10px 10px 4px 4px;
  border: 2px solid #d9d9d9;
  box-sizing: border-box;
  background: #f5f5f5;
}
.inventory.loading {
  min-height: 106px;
  background: url("../imgs/nm/loader.gif") center center no-repeat #f5f5f5;
}
.inventory > div > span {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  padding: 1px;
  margin: 0 0 6px 6px;
  border: 2px solid #ccc;
}
.inventory > div > span:hover {
  border-color: #00b40d;
}
.inventory > div > span.actived {
  border-color: #fffb99 !important;
  box-shadow: 0 0 10px #00b40d;
}
.inventory.passive > div > span > img {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.9 !important;
}
.inventory.passive > div > span.actived > img,
.inventory > div > span:hover > img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1 !important;
}
#enchItemSelected {
  display: table;
  margin: 40px auto 50px;
  background: #fffb99;
  padding: 30px;
  border-radius: 8px;
}
#enchItemSelected > .n {
  height: 32px;
  line-height: 32px;
  padding: 0 15px 0 10px;
}
#enchItemSelected > span {
  display: block;
  height: 32px;
  line-height: 32px;
  font-weight: 700;
}
#enchItemSelected > span > input {
  background: #fff !important;
  text-align: center;
  width: 50px;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  padding: 0 5px;
  height: 32px;
  line-height: 32px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
#enchItemSelected > .c,
#enchItemSelected > .m {
  position: absolute;
  top: -15px;
  padding: 6px;
  border-radius: 6px;
  color: #fff;
}
#enchItemSelected > span > input:focus,
#enchItemSelected > span > input:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
#enchItemSelected > .c {
  right: 30px;
  width: 200px;
  background: #0da500;
  text-align: center;
  box-sizing: border-box;
}
#enchItemSelected > .m {
  left: 30px;
  background: #b30000;
}
#enchItemSelected > a {
  box-sizing: border-box !important;
  width: 200px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 15px !important;
  margin: 0 !important;
}
.smallCenter {
  text-align: center;
  display: table;
  margin: 0 auto;
  padding: 20px 0 50px;
}
.smallCenter .grayArea {
  width: 100%;
  margin: 10px 0;
  padding: 10px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
  color: #6e6e67;
  border-radius: 4px;
}
.smallCenter .accessButton {
  display: table;
  margin: 10px auto 20px;
}


::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(145deg, #d4af37 0%, #f9d423 50%, #d4af37 100%);
  border-radius: 6px;
  border: 2px solid #1a1a1a;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(145deg, #f9d423 0%, #ffea00 50%, #f9d423 100%);
}


html {
  scrollbar-color: #d4af37 #1a1a1a;
  scrollbar-width: thin;
}

* {
    cursor: url(../../images/cur/l2.cur), pointer;
}

a, 
button, 
[onclick], 
[href], 
[role="button"], 
input[type="submit"], 
input[type="button"], 
input[type="reset"], 
.selectable, 
.clickable {
  cursor: url('../../images/cur/select.cur'), pointer;
}