@import url('ae88a29f4b8b430c9751fb923155f960.css');
@import url(4c6357d63e2143f9866a2ab3cca4415c.css);

.wrapper{
  overflow-x: hidden;
}
body{
  overflow-x: hidden;
}
a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

input, select, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

input:-webkit-autofill {
  box-shadow: 0 0 0 30px transparent inset;
  -moz-box-shadow: 0 0 0 30px transparent inset;
  -webkit-box-shadow: 0 0 0 30px transparent inset;
  -o-box-shadow: 0 0 0 30px transparent inset;
  -ms-box-shadow: 0 0 0 30px transparent inset;
  background-color: transparent !important; }

button{
  cursor:pointer;
}

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

p {
  margin: 0;}

.signup-form h2 {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-weight: 900;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px; }

.clear {
  clear: both; }

body {
  font-size: 14px;
  line-height: 1.8;
  color: #222;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  background: #020200;
}
ul,ol{
  list-style-type: none;
  padding:0;
  margin:0;
}
.big-side{}
.big-side .card{
  margin-bottom: 20px;
}
.sidebox{}
.sidebox .card{
  margin-bottom: 20px;
}
.signup-form {
}
.signup-form .tab-content{
  padding: 70px;
}
.signup-img-content {
  background: #fff;
}

.register-form {
  margin-bottom: -8px; }

.form-input, .form-select, .form-radio {
  margin-bottom: 23px;
}

input:not([type="submit"]):not([type="reset"]) {
  display: block;
  width: 100%; }

label {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 7px;
  color: #fff;
}

label.required {
  position: relative; }
label.required:after {
  content: '*';
  margin-left: 2px;
  color: #b90000; }

input {
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  padding: 14px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif; }
input:focus {
  border: 1px solid #681f00; }

.label-flex {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between; }
.label-flex label {
  width: auto; }

.form-link {
  font-size: 12px;
  color: #222;
  text-decoration: none;
  position: relative; }
.form-link:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #d7d7d7;
  left: 0;
  bottom: 12px; }

.form-radio {
  margin-bottom: 18px; }
.form-radio input {
  width: auto;
  display: inline-block; }

.radio-label {
  padding-right: 72px; }

.form-radio-group {
  padding-bottom: 10px;
  padding-top: 12px; }

.form-radio-item {
  position: relative;
  margin-right: 30px; }
.form-radio-item label {
  font-weight: 500;
  padding-left: 30px;
  position: relative;
  z-index: 9;
  display: block;
  cursor: pointer;
  text-transform: none; }

.check {
  display: inline-block;
  position: absolute;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 18px;
  width: 18px;
  top: 2px;
  left: 0px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }
.check:before {
  position: absolute;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear; }

input[type=radio] {
  position: absolute;
  visibility: hidden; }
input[type=radio]:checked ~ .check {
  border: 1px solid #681f00; }
input[type=radio]:checked ~ .check::before {
  background: #681f00; }

.submit {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#reset, #login-reset {
  background: #fff;
  color: #999;
  border: 2px solid #ebebeb; }
#reset:hover, #login-reset:hover {
  border: 2px solid #015c7b;
  background: #016384;
  color: #fff; }

#submit, #login-submit {
  background: #681f00;
  border: 2px solid #541a02;
  color: #fff;
}
#submit:hover, #login-submit:hover {
  background-color: #541a02;
}

.form-input {
  position: relative; }

label.error {
  display: block;
  position: absolute;
  top: 0px;
  right: 0; }
label.error:after {
  font-family: 'Material-Design-Iconic-Font';
  position: absolute;
  content: '\f1f8';
  right: 20px;
  top: 37px;
  font-size: 23px;
  color: #c70000; }

input.error {
  border: 1px solid #c70000; }
input[type=text],
input[type=email],
input[type=password],
textarea,
select{
  color: #fff;
  background-color: #2b281661;
  background-image: none;
  border: 1px solid #4a4646;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.content-body{

}
.content-stuffed{
  background: url(../images/bg.jpg) no-repeat;
  background-position: center top;
  padding-bottom:55px;
}
.signup-form .nav-tabs,
.signup-form .nav-tabs .nav-item{
  border:none;
}
.signup-form .nav-tabs .nav-item.active{
  background: transparent;
  color: #fff;
}
.signup-form .nav-tabs .nav-item{
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  border: none;
  cursor: pointer;
  background: #6e6334;
  color: #fff;
  text-transform: uppercase;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main-menu{
  width: 100%;
}

.main-menu .navbar-brand{
  color: #fff;
}
.topbar{
  background: rgb(44, 39, 36) url(../images/media.png);
  background-position: center top;
  background-size: cover;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  padding: 0;
}

.topbar .container .row {
  margin:-7px;
  padding:0;
}

.topbar .container .row .col-md-12 {
  padding:0;
}

.topbar p{
  margin:0;
  display:inline-block;
  font-size: 13px;
  color: #f1f6ff;
}

.topbar p > i{
  margin-right:5px;
}
.topbar p:last-child{
  text-align:right;
}

header .navbar {
  margin-bottom: 0;
}

.topbar li.topbar {
  display: inline;
  padding-right: 18px;
  line-height: 52px;
  transition: all .3s linear;
}

.topbar li.topbar:hover {
  color: #1bbde8;
}

.topbar ul.info i {
  color: #131313;
  font-style: normal;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.topbar ul.info li {
  float: right;
  padding-left: 30px;
  color: #ffffff;
  font-size: 13px;
  line-height: 44px;
}

.topbar ul.info i span {
  color: #aaa;
  font-size: 13px;
  font-weight: 400;
  line-height: 50px;
  padding-left: 18px;
}

ul.social-network {
  border:none;
  margin:0;
  padding:0;
}

ul.social-network li {
  border:none;
  margin:0;
}

ul.social-network li i {
  margin:0;
}

ul.social-network li {
  display:inline;
  margin: 0 5px;
  border: 0px solid #2D2D2D;
  padding: 5px 0 0;
  width: 32px;
  display: inline-block;
  text-align: center;
  height: 32px;
  vertical-align: baseline;
  color: #000;
}

ul.social-network {
  list-style: none;
  margin: 5px 0 10px -25px;
  float: right;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: .3s ease-out;
  color: #fff;
}
a {
  color: #0a0a0a;
  text-decoration: none;
}

li {
  list-style-type: none;
}
.bg-image-full {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.bg-dark {
  background-color: #222!important;
}

.mx-background-top-linear {
  background: -webkit-linear-gradient(45deg, #6e6334 48%, #080800 48%);
  background: -webkit-linear-gradient(45deg, #6e6334 48%, #080800 48%);
  background: linear-gradient(45deg, #6e6334 48%, #080800 48%) url(../images/media.png);
}
.discord-avatar:hover{
  transform: rotate(360deg);
}
.discord-avatar{
  width: 52px;
  height: 52px;
  margin: auto;
  background-size: cover!important;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #74634d, inset 0 0 6px 3px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.5);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  cursor: pointer;
}
.header{
  min-height:550px;
}
.content-box{
  background: rgb(44, 39, 36) url(../images/media.png);
  background-position: center top;
  background-size: cover;
  display: block;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}
.content-box .card-header{
  border-bottom: 1px solid rgba(0,0,0,.225);
  padding-left: 10px;
}
.discord-member .member-box{
  background: rgba(123, 88, 71, 0.08);
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  border-radius: 5px;
  padding: 10px;
}
.discord-member{
  text-align: center;
  color: #fff;
  margin-right: 10px;
}
.discord-members{
  display: flex;
  justify-content: center;
  margin:0;
  padding: 15px;
}
.discord-btn:hover{
  background: #6376c8 url("../images/dsc-hover.png");
  background-size: cover;
}
.discord-btn{
  background: #6376c8 url(../images/dsc.png);
}
.conn-btn:hover{
  background: #6376c8 url("../images/conn-hover.png");
  background-size: cover;
}
.conn-btn{
  background: #6376c8 url(../images/conn.png);
}
.dw-btn:hover{
  background: #6376c8 url("../images/downloads-hover.png");
  background-size: cover;
}
.dw-btn{
  background: #6376c8 url(../images/downloads.png);
}
.extrabtns-btn{
  background-size: cover;
  border: none;
  padding: 25px;
  display: block;
  min-height: 76px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  margin-top:15px;
}
.online-players{
  max-height: 440px;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* width */
.online-players::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.online-players::-webkit-scrollbar-track {
  background: #020200;
}
/* Handle */
.online-players::-webkit-scrollbar-thumb {
  background: #7a6b53;
}
/* Handle on hover */
.online-players::-webkit-scrollbar-thumb:hover {
  background: #a48f6e;
}

.online-players .table th{
  color: #fff;
  margin-bottom:10px;
  border-top: 2px solid rgba(0,0,0,.225);
  border-bottom: 2px solid rgba(0,0,0,.225);
}
.online-players .table td{
  color: #fff;
  padding: .25rem;
  border-top: 1px solid rgba(0,0,0,.225);
}
.user-box ul > li > span{
  display: inline-block;
  width:40%;
}
.user-box {
  color: #fff;
}
.user-box a{
  color: #846f45;
  text-shadow: 0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.6);
  text-decoration: none;
}
.user-box{
  background: url(../images/account_info_bg.png) no-repeat top;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 14px;
  text-shadow: 0 0 4px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.2);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.01), 0 0 45px 5px rgba(0,0,0,.65), 0 1px 1px rgba(0,0,0,.25);
  padding-top: 15px;
  padding-bottom: 15px;
}
.user-menu .bf-menu-icn {
  background-size: cover!important;
  display: inline-block;
  vertical-align: top;
  margin-right:10px;
  height: 46px;
  width: 46px;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #27a243, inset 0 0 0 4px #000, 0 0 10px rgba(21, 91, 40, 0.75);
}
.user-menu {
  margin-top:30px;
}
.user-menu .acc-menu-link a{
  display:block;
  text-decoration: none;
}
.user-menu .acc-menu-link:hover{
  background: rgba(123, 88, 71, 0.28);
}
.user-menu .acc-menu-link{
  background: rgba(123, 88, 71, 0.08);
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  border-radius: 5px;
  padding: 10px;
}
.user-menu .acc-menu-link a span {
  color: #846f45;
  text-shadow: 0 1px 1px rgba(0,0,0,.4), 0 0 4px rgba(0,0,0,.6);
  display: inline-block;
  vertical-align: top;
}
.user-menu .acc-menu-link a span p {
  color: #90856e;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
h1 {
  background-color:  #87bfef;
  box-shadow: 0px 1px 1px 0.00px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: relative;
  height: 46px;
  text-align: left;
  margin: 0;
  padding-left: 20px;
  color:  #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
}

h1 img {
  position: absolute;
  top: 13px;
  right: 35px;
  width: 17px;
  height: 18px;
  float:right;
  cursor: pointer;
}

/* ------- The comments content ------- */

.shoutbox-content {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  height: 260px;
  overflow-y: scroll;
}
.shoutbox-content::-webkit-scrollbar {
  width: 5px;
}
.shoutbox-content::-webkit-scrollbar-track {
  background: #1a1716;
}
.shoutbox-content::-webkit-scrollbar-thumb {
  background: #9e7f5a;
  border-radius: 3px;
}
.shoutbox-content li:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.225);
}
.shoutbox-content li {
  padding: 20px;
}

.shoutbox-username {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

.shoutbox-comment {
  display: inline;
  color:  #717c87;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
}

.shoutbox-comment-details {
  width: 100%;
  margin: 5px auto;
  height: 11px;
}

.shoutbox-comment-delete{
  display: inline-block;
  float: left;
  color:  #9e7f5a;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  height: 9px;
  cursor: pointer;
  margin-left: 15px;
}
.shoutbox-comment-reply {
  display: inline-block;
  float: left;
  color:  #5896cb;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  height: 9px;
  cursor: pointer;
}

.shoutbox-comment-ago {
  display: inline-block;
  float: right;
  color:  #9aa1a7;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  text-align: right;
  height: 11px;
}


/* ------- Writing a new comment form ------- */

#shoutbox-area h3 .fa:hover{
  color: #fff;
}
.announcement_box h3 .fa,
#shoutbox-area h3 .fa{
  cursor: pointer;
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  padding:10px;
  font-size:14px;
  color: #90856e;
  border-radius: 3px;
}
#shoutbox-area {
  margin-bottom: 50px;
}
#shoutbox-area h2 {
  position: relative;
  max-width: 100%;
  height: 45px;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  cursor: pointer;
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

#shoutbox-area h2 span {
  display: none;
  position: absolute;
  float: right;
  right: 13px;
  font-size: 22px;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 20;
}

.shoutbox-form form {
  display: none;
  max-width: 100%;
  text-align: left;
  padding: 20px 20px 30px;
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

.shoutbox-form form label {
  display: inline-block;
  color: #90856e;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  width: 80px;
  height: 11px;
  line-height: 11px;
  margin-bottom: 15px;
}

.shoutbox-form form .shoutbox-comment-label {
  position: relative;
  top: -75px;
}

.shoutbox-form form #shoutbox-name {
  display: inline-block;
  background-color: #ffffff;
  box-shadow: 1px 3px 0px 0.00px rgba(0, 0, 0, 0.04);
  border: 1px solid #bfcdda;
  outline: none;
  max-width: 170px;
  width: 100%;
  height: 41px;
  font-size: 14px;
  margin-right: 150px;
  margin-bottom: 20px;
  padding: 0 10px;
  box-sizing: border-box;
  color:inherit;
}

.shoutbox-form form #shoutbox-comment {
  outline: none;
  max-width: 320px;
  width: 100%;
  height: 76px;
  margin-bottom: 20px;
  resize: none;
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  background-color: #2b281661;
  background-image: none;
  border: 1px solid #4a4646;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.shoutbox-form form input[type=submit] {
  background: #681f00;
  border: 2px solid #541a02;
  color: #fff;
  box-shadow: 0px 1px 2px 0.00px rgba(0, 0, 0, 0.1);
  width: 110px;
  height: 41px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  outline: none;
  margin-left: 83px;
  cursor: pointer;
}


/* ------- Make the page responsive ------- */

@media(max-width: 445px) {
  .shoutbox-form form .shoutbox-comment-label {
    top: 0;
  }
  .shoutbox-form form input[type=submit] {
    margin-left: 0;
  }
}
.account-table td,
.account-table th{
  border-color: rgba(0,0,0,.225)!important;
}
.account-table{
  color: #fff;
}
.content-row-body.announce p{
  width: 100%;
  padding: 5px 0;
}
.content-row-body.announce{
  display:block;
}
.content-row-body{
  margin: 0;
  padding: 15px 20px;
}
.posted{
  color: #846f45;
}
.box-no-content .card-header div{
  margin-left: 10px;
}
.box-no-content .card-header small{
  margin-left: 15px;
  padding-top: 5px;
  font-size: 12px;
}
.box-no-content .card-header h3{
  font-size:18px;
}
.box-no-content{
  margin-top: 10px;
  margin-bottom: 0!important;
}
.box-no-content .card-header{
  border: none;
}
.content-row-body blockquote{
  width: 100%!important;
      padding-left: 15px;
}
.content-row-body ul,
.content-row-body ol{
  padding-left: 25px;
  list-style-type: disc;
  margin-top: 15px;
}
.donation-card{
  margin-bottom: 25px;
}
.donation-card .panel strong{
  color: #d29f4e;
}
.donation-card .panel{
  border: none;
  background: none;
  min-width: 370px;
  color: #b5a490;
}
.donation-card .panel-body small{
  color: #706352;
}
.donation-card .panel-body h3{
  font-size:18px;
  color: #fff;
}
.donation-card .panel-body h5{
  margin-top:15px;
  color: #fff;
  font-size:14px;
}
.donation-card .panel-body{
  padding: 15px;
  background: rgb(31, 25, 21) url(../images/account_subhead_bg.png);
  background-size: cover;
  box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
}
.donation-card .panel-footer a{
  color: #706352;
}
.donation-card .panel-footer a:hover{
  color: #8d7d67;
}
.donation-card .panel-footer{
  color: #706352;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.35);
  background: rgb(44, 39, 33);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 1px 0 rgba(194,181,132,.05), inset 0 0 3px rgba(255,255,255,.02), 0 0 10px rgba(0,0,0,.25);
  transition: all 300ms;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  cursor: pointer;
}

.mods_misc{
  background: rgba(0,0,0,.4);
  box-shadow: inset 0 0 11px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.02);
  border-radius: 0 0 4px 4px;
  color: #806a48;
  text-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
  margin-bottom: 25px;
  padding: 15px;
  display: block;
  width: 100%;
  text-align: left;
}
.mods-form form{
  text-align: right;
  width:100%;
}
.mods-form {
  display:block;
  width:100%;
}
.mods-form input{
  margin-bottom: 15px;
}
body.modal-open #wrap{
  -webkit-filter: blur(7px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}

.modal-backdrop {background: #f7f7f7;}

.close:hover {
  color: #fff;
}
.close {
  font-size: 50px;
  display:block;
  color: #806a48;
  box-shadow: none;
}
.signup-form .close:hover,
.content-box .close:hover {
  color: #fff;
}
.signup-form .close,
.content-box .close {
  font-size: 24px;
  display:block;
  color: #806a48;
  box-shadow: none;
}
a{
  cursor: pointer;
}
#modals .modal.show{
  background: #000 url(../images/rulesbg.jpg) no-repeat;
  background-size: cover;
  background-position: center top;
}

#showRules .modal-header h4{
  color: #948164 !important;
  margin-bottom: 10px;
  text-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
  text-transform: uppercase;
  font-size: 44px;
}

#showRules .modal-header{
  background: url(../images/account_info_bg.png) no-repeat top;
  margin-top:50px;
}
#showRules .modal-body{
  background: #020200;
}
#showRules .modal-body,
#showRules .modal-header{
  -webkit-background-size: cover;
  background-size: cover;
  text-shadow: 0 0 4px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.2);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.01), 0 0 45px 5px rgba(0,0,0,.65), 0 1px 1px rgba(0,0,0,.25);
  border: none;
}
#showRules .modal-body h3{
  color: #fff;
}
#showRules .modal-body h4{
  font-size:16px;
}
#showRules .modal-body h4 > a:hover{
  color: #fff;
}
#showRules .modal-body .panel-body{
  color: #469404;
}
#showRules .modal-body h4 > a{
  color: #948164 !important;
  margin-bottom: 10px;
  text-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.8);
  text-decoration: none;
}
.mods_box select:focus option{
  color:#000;
}
.mods_box textarea:focus,
.mods_box input:focus,
.mods_box select:focus
{
  background: none;
  color: #fff;
}
.mods_box textarea,
.mods_box select {
  color: #fff;
  background-color: #2b281661;
  background-image: none;
  border: 1px solid #4a4646;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 0 0 rgba(255,255,255,0.05) inset;
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  margin-bottom: 15px;
}
.fa-trash{
  color: #dc3545!important;
}
.fa-edit{
  color: #5f72b8!important;
}
.character-box{
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  border-radius: 5px;
  padding: 10px;
}
.character-box .race{
  color: #5f72b8
}
.character{
  margin-bottom:20px;
}
.dropdown-menu.show{
  z-index:99999;
}
.footer p{
  color: #948164
}
.footer{
  background: rgb(44, 39, 36) url(../images/media.png);
  background-position: center top;
  background-size: cover;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  margin:0;
  padding:0;
  margin-top: 35px;
  padding-bottom:50px;
}
.footer::before{
  display: block;
  content: "";
  height: 96px;
  background: url(../images/divider-thickdown.png) no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  top: -50px;
}
.video-section .pattern-overlay {
  background-size: cover!important;
  background: url(../images/overlay-bg.jpg) no-repeat;
  padding: 450px 0;
  min-height: 396px;
  z-index: 0;
}
#banner {
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}
.player1 {font-size: 1px;}
.mbYTP_wrapper{
  position: absolute!important;;
  z-index: 0!important;;
  min-height: 100%!important;;
  left: 0px!important;;
  top: 0px!important;;
  overflow: hidden!important;;
  opacity: 1!important;;
  background-image: none!important;;
  transition-property: opacity!important;;
  transition-duration: 1500ms!important;
}

#character .btn-primary:hover,
#character .btn-primary:focus {
  box-shadow: none;
  outline: none;
}
#character .btn-primary {
  color: #fff;
}

#character .card {
  border: none;
  background: #ffffff;
}

#character .image-flip:hover .backside,
#character .image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}

#character .image-flip:hover .frontside,
#character .image-flip.hover .frontside {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#character .mainflip {
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}

#character .frontside {
  width: 100%;
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

#character .backside {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#character .frontside,
#character .backside {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
}

#character .frontside .card,
#character .backside .card {
  background: rgba(123, 88, 71, 0.08);
  min-height: 312px;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

#character .backside .card a {
  font-size: 18px;
}

#character .frontside .card .card-body p{
  color: #846f45
}
#character .frontside .card .card-title,
#character .backside .card .card-title {
}

#character .frontside .card .card-body img {

}
#character .race{
  color: #846f45;
  margin-right: 15px;
}
#character .char_icon{
  display: inline-flex;
  width: 16px;
  height: 16px;
}
#character .nameline{
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  padding: 10px;
}
#character .character-stats > tr > td{
  padding: 10px;
}
#character .character-stats{
  margin-top:25px;
  color: #846f45;
  width: 100%;
}
#character .inventory-list{
  max-height: 230px;
  overflow-y: scroll;
  width:100%;
}
#character .inventory-list::-webkit-scrollbar {
  width: 5px;
}
#character .inventory-list::-webkit-scrollbar-track {
  background: #1a1716;
}
#character .inventory-list::-webkit-scrollbar-thumb {
  background: #9e7f5a;
  border-radius: 3px;
}
#character .backside h4{
  color: #90856e;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
#character .inv-item{
  cursor: pointer;
}
#character .inv-item-details table td span{
  color: #469404;
}
#character .inv-item-details table td{
  color: #fff
}
#character .inv-item-details table{
  width: 100%;
}
#character .inv-item-details{
}
#character .inv-item:hover .inv-item-details {
  overflow:hidden;
}

.bb-textarea{
  border: 1px solid rgba(0,0,0,.225)!important;
  border-top: 0!important;
  border-radius: 0 0 5px 5px!important;
  resize: vertical!important;
}
.bb-heading{
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  border: 1px solid rgba(0,0,0,.225);
  padding:5px;
}
.bb-group > li{
  display: inline-block;
}
.bb-group {
  list-style-type: none;
  display: inline-block;
  padding: 3px 5px;
  background: linear-gradient(#353019, #4d4624);
  border-radius: 5px;
  border-bottom: 1px solid rgba(0,0,0,.225)!important;
  margin: 1px 5px 1px 0;
}
.bb-group > li > a:hover{
  background: #353019;
  border: 1px solid rgba(0,0,0,.225)!important;
  border-radius: 5px;
}
.bb-group > li > a{
  cursor: pointer;
  color: #90856e!important;
  -webkit-transition: all 60ms linear 60ms; /* For Safari 3.1 to 6.0 */
  transition: all 60ms linear 60ms;
  display: inline-block;
  padding:3px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.bb-group .open,
.bb-group .dropdown-toggle:active,
.bb-group .dropdown-toggle:focus,
.bb-group .dropdown-toggle:hover {
  background: #353019;
  border: 1px solid rgba(0,0,0,.225)!important;
  border-radius: 5px;
  box-shadow: none;
  outline: none!important;
}
.bb-group .btn-group.open .dropdown-toggle {
  box-shadow: none;
  outline: none!important;
}
.bb-group a.dropdown-toggle{
  background: none!important;
  cursor: pointer;
  color: #90856e!important;
  -webkit-transition: all 60ms linear 60ms;
  transition: all 60ms linear 60ms;
  display: inline-block;
  padding: 3px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.bb-group .dropdown-menu{
  min-width: 300px;
  max-height: 250px;
  overflow-y: scroll;
  background: rgba(123, 88, 71, 0.28);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  border: 1px solid rgba(0,0,0,.225);
  color: #90856e;
}

.bb-group .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.bb-group .dropdown-menu::-webkit-scrollbar-track {
  background: #1a1716;
}
.bb-group .dropdown-menu::-webkit-scrollbar-thumb {
  background: #9e7f5a;
  border-radius: 3px;
}

.bb-group .dropdown-menu > li{
  padding: 5px 20px;
}
.bb-group .dropdown-menu > li:hover{
  background: rgba(123, 88, 71, 0.58);
}
.bb-group .dropdown-menu > li > a{
  cursor: pointer;
}

.announcement_box {
  margin-bottom: 50px;
}
.announcement_box .card-header h3>span{
  color: #9e7f5a;
}
#character .inv-item a{
  font-size: 12px!important;
  font-weight: normal!important;
}
.advert{
  text-align: center;
  margin-top: 35px;
  background: rgb(44, 39, 36) url(../images/media.png);
  background-position: center top;
  background-size: cover;
  display: block;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  overflow:hidden;
}
.legendline{
  margin-bottom: 25px;
}
.legendline .card-header{
  border:none;
}
.legendline .row .col-12 {
  text-align: center;
}
.legendline .row .col-12 .boss-avatar a{
  display: block;
  width: 100%;
  height: 100%;
}
.legendline .row .col-12 .boss-avatar.mithic{
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #6376c8, inset 0 0 0 4px #000, 0 0 10px rgb(58, 87, 151);
}
.legendline .row .col-12 .boss-avatar.active{
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #a2a226, inset 0 0 0 4px #000, 0 0 10px rgba(97, 97, 0, 0.75);
}
.legendline .row .col-12 .boss-avatar{
  margin-left:15px;
}
.legendline .row .col-12 .boss-avatar:first-child{
  margin-left: 0;
}
.boss-avatar{
  display: inline-block;
  background-size: cover!important;
  height: 64px;
  width: 64px;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #27a243, inset 0 0 0 4px #000, 0 0 10px rgba(21, 91, 40, 0.75);
}

#cframe .boss-frame{

}
#cframe .boss-frame h3{
  color: #9c8d6d;
  padding-top: 15px;
  margin-bottom: 0;
  text-align: left;
  margin-top: 0;
 }
#cframe .boss-stats > tr > td{
  padding: 10px;
}
#cframe .boss-stats{
  margin-top:25px;
  color: #846f45;
  width: 100%;
}
#cframe .inv-item a{
  font-size: 12px!important;
  font-weight: normal!important;
}
#cframe .btn-primary:hover,
#cframe .btn-primary:focus {
  box-shadow: none;
  outline: none;
}
#cframe .btn-primary {
  color: #fff;
}

#cframe .card {
  border: none;
}

#cframe .image-flip:hover .backside,
#cframe .image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}

#cframe .image-flip:hover .frontside,
#cframe .image-flip.hover .frontside {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#cframe .mainflip {
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}

#cframe .frontside {
  width: 100%;
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

#cframe .backside {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#cframe .frontside,
#cframe .backside {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
}

#cframe .frontside .card,
#cframe .backside .card {
  background: rgba(123, 88, 71, 0.08);
  min-height: 312px;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

#cframe .backside .card a {
  font-size: 18px;
}

#cframe .frontside .card .card-body p{
  color: #846f45
}
#cframe .frontside .card .card-title,
#cframe .backside .card .card-title {
}

#cframe .frontside .card .card-body img {

}
#cframe .race{
  color: #846f45;
  margin-right: 15px;
}
#cframe .char_icon{
  display: inline-flex;
  width: 16px;
  height: 16px;
}
#cframe .nameline{
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  padding: 10px;
}
#cframe .character-stats > tr > td{
  padding: 10px;
}
#cframe .character-stats{
  margin-top:25px;
  color: #846f45;
  width: 100%;
}


#cframe .inventory-list th,
#cframe .inventory-list td{
  width: 20%;
  text-align: right;
}
#cframe .inventory-list th:first-child,
#cframe .inventory-list td:first-child{
  text-align: left;
  width: 40%;
}
#cframe .inventory-list th:last-child,
#cframe .inventory-list td:last-child{
  padding-right:25px;
}

#cframe .inventory-list{
  display: block;
  width: 100%;
  padding: 0;
  color: #fff;
  max-height: 330px;
  overflow-y: scroll;
}
#cframe .inventory-list::-webkit-scrollbar {
  width: 5px;
}
#cframe .inventory-list::-webkit-scrollbar-track {
  background: #1a1716;
}
#cframe .inventory-list::-webkit-scrollbar-thumb {
  background: #9e7f5a;
  border-radius: 3px;
}
#cframe .backside h4{
  color: #90856e;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
#cframe .inv-item{
  cursor: pointer;
}
#cframe .inv-item-details table td span{
  color: #469404;
}
#cframe .inv-item-details table td{
  color: #fff
}
#cframe .inv-item-details table{
  width: 100%;
}
#cframe .inv-item-details{
}
#cframe .inv-item:hover .inv-item-details {
  overflow:hidden;
}
#cframe .tag{
  background: rgba(123, 88, 71, 0.08);
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  padding:15px;
  margin-top: 15px;
  color: #90856e;
  min-height: 460px;
}
#cframe h4.subtitle{
  margin-top: 25px;
  color: #d8ae5f;
}
.tag .date{
  margin-bottom: 10px;
}
.tag .name{
  font-size: 24px;
}
#err404{
  padding: 250px 0;
  background: rgba(12, 12, 3, 0.8196078431372549) url(../images/bg.jpg);
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
#err404 h1{
  font-size: 8em;
  color: #fff;
  background: none;
  margin: inherit;
  position: inherit;
  line-height: inherit;
  height: inherit;
  padding: inherit;
}
#err404 h2{
  color: #c95b25;
  text-shadow: 18px 2px 18px #000;
  margin: inherit;
  position: inherit;
}
#err404 a:hover{
  padding-left:25px;
  color: #846f45;
}
#err404 a{
  font-size: 3em;
  color: #fff;
  margin-top: 45px;
  display: block;
  text-decoration: none;
  -webkit-transition: all .6s linear;
  -moz-transition: all .6s linear;
  -ms-transition: all .6s linear;
  -o-transition: all .6s linear;
  transition: all .6s linear;
}

.modal-backdrop.show {
  opacity: 0.7;
  background: #000;
}
.item-tooltip .modal-body{
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.item-tooltip .modal-header{
  border: none;
  padding-bottom: 0;
}
.item-tooltip .modal-content .close {
  padding: 0 15px;
  margin: -15px -15px -15px auto;
}
.item-tooltip .modal-content .close span{
  font-size: 24px;
  color: #eeeeee;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
.item-tooltip .modal-content tbody{
  max-height: inherit!important;
  overflow: visible!important;
  color: #fff;
}
.item-tooltip .modal-content{
  background: rgba(6, 13, 33, 0.85);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #7b7b7b, #ffffff);
  border-image-slice: 1;
}
.absolute-sidebar{
  position: absolute;
  right: 0;
  top:0;
  z-index: 99999;
}
.absolute-sidebar .tab-content{
  padding:15px!important;
}
.sticky-menu-toggler{
  background: rgb(44, 39, 36) url(../images/media.png);
  background-position: center top;
  background-size: cover;
  display: block;
  -webkit-box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  box-shadow: 0 0 6px rgba(13,13,12,0.5), 0 0 9px rgba(0,0,0,0.79), inset 0 2px 6px 1px rgba(255,255,255,0.03), inset 0 0 5px rgba(252,252,252,0.05);
  position: absolute;
  left: -67px;
  top: 5%;
  padding: 5px 5px;
  color: #fff!important;
  border-radius: 5px 0 0 5px;
}
.sticky-menu-toggler .bf-menu-icn {
  background-size: cover!important;
  display: inline-block;
  vertical-align: top;
  margin-right:10px;
  height: 46px;
  width: 46px;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #27a243, inset 0 0 0 4px #000, 0 0 10px rgba(21, 91, 40, 0.75);
}
.content-upped{
  margin-top: -500px;
  z-index:2;
}
.manalert{
  background: url(../images/important_bar.png) no-repeat;
  color: #F44336;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  border: none;
  padding-left: 65px;
  text-align: left;
}
.manalert.success{
  background: url(../images/important_bar-success.png) no-repeat;
  color: #8bc34a;
}
.manalert .close {
  font-size: 24px;
  display: block;
  color: #8f3e42;
  box-shadow: none;
}
.manalert.success .close {
  color: #8BC34A;
}
.acp-info{}
.acp-info .dp{
  color: #d29f4e;
}
.acp-info .vp{
  color: #959595;
}
.acp-info{
  color: #9c907f;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}
.account-table{
  margin-top: 30px;
  color: #b5a590;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}
.account-table tbody tr:nth-child(odd) {
  background: rgba(115, 99, 77, 0.17);
}

.account-table tbody tr:nth-child(even){
  background: rgba(115, 99, 77, 0.27);
}
.account-table tbody tr td .date{
  font-size: 12px;
  color: #806a48;
}

.realm-status{
  color: #b5a590;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}
.online-players{
  color: #b5a590!important;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}
.gson{
  color: #aad372;
}
.gsoff{
  color: #c41e3b;
}
.gsdsc{
  color: #9382c9;
}
.gscuptime{
  color: #ffffff;
}
.gschorde{
  color: #c41e3b;
}
.gscalliance{
  color: #1b95df;
}
.gscpon{
  color: #ffffff;
}

.acp-info .submit:first-child{
  border-radius: 5px 0 0 5px;
}
.acp-info .submit{
  color: #a99b89!important;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.acp-info .submit:last-child{
  border-radius: 0 5px 5px 0;
}

.acp-info .submit:hover{
  background: rgba(119, 89, 50, 0.21);
  color: rgb(163, 162, 129) !important;
}
.float-right.acp-info.d-flex.flex-row{
  background: url(../images/index_news_container.png) no-repeat top;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(163, 122, 61, 0.52), inset 0 0 15px rgba(88,71,63,.20);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-family: Arial,Helvetica,sans-serif;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #7a6d5e;
  margin-top: 13px;
  margin-right: 10px;
}

.vip-icon{
  display: inline-block;
  vertical-align: top;
  background-size: cover!important;
  height: 64px;
  width: 64px;
  /* padding: 15px; */
  text-align: center;
  text-shadow: 3px 3px 3px #000;
  color: #fff;
  font-size: 35px;
  /* padding-bottom: 14px; */
  border: 1px solid #000;
  border-radius: 3px;
  margin-right: 10px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #a5ab1b, inset 0 0 0 4px #000, 0 0 10px rgba(244, 246, 5, 0.75);
}
.live-icon{
  display: inline-block;
  vertical-align: top;
  background-size: cover!important;
  height: 24px;
  width: 24px;
  border: 1px solid #000;
  border-radius: 3px;
  margin-right: 10px;
}
.live-icon.type_0{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #045a21, inset 0 0 0 4px #000, 0 0 10px rgba(93, 201, 13, 0.75);
}
.live-icon.type_1{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #4c0f75, inset 0 0 0 4px #000, 0 0 10px rgba(96, 30, 181, 0.75);
}
.live-icon.type_2{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #8f0000, inset 0 0 0 4px #000, 0 0 10px rgba(199, 0, 0, 0.75);
}
.live-icon.type_3{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 0 0 0 3px #a5ab1b, inset 0 0 0 4px #000, 0 0 10px rgba(244, 246, 5, 0.75);
}
.live-row{
  color: #ececec;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  padding: 5px;
  background: url(../images/sbg.png) no-repeat;
  background-size: cover;
  max-height:520px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.live-row .nameline .live-data .date{
  font-size: 12px;
  color: #b5a590;
}
.live-row .nameline .live-data{
  padding-left: 10px;
}
.live-row .nameline{
  margin-top:10px;
}

/* width */
.live-row::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.live-row::-webkit-scrollbar-track {
  background: #020200;
}
/* Handle */
.live-row::-webkit-scrollbar-thumb {
  background: #7a6b53;
}
/* Handle on hover */
.live-row::-webkit-scrollbar-thumb:hover {
  background: #a48f6e;
}

.text-white {
  color: #b5a590!important;
}

.guidebody{  }
.guidebody p,
.guidebody ul li
{
  margin: 5px 0;
  line-height: 1.4em;
}
.guidebody h1, h2, h3, h4, h5, h6 {
  margin:10px 0;
}
.guidebody h6{
  font-size: 1em;
}
.guidebody ul li{
  list-style-type: disc;
}
.guidebody ul{
  padding-left: 25px;
}


.fullscreen-bg__video {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
}
.video-overlay{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/overlay-bg.png) no-repeat;
  background-position: center bottom;
  z-index: 1;
}
.peck{
  padding: 10px;
  background: url(../images/ac-info.png) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  z-index: 999999;
}

.item-faded{
  display: none;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #7d7d7d;
}

.inv-item h5{
  font-size: 0.8rem;
}

.item-faded h5{
  font-size: 0.9rem;
}
.answer{
  color: #a99a87;
}

.donation-button{
  background: url(../images/index_news_container.png) no-repeat top;
  box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(163, 122, 61, 0.52), inset 0 0 15px rgba(88,71,63,.20);
  font-weight: bold;
  margin-top: 13px;
  margin-right: 10px;
  color: #a99b89!important;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  border-radius: 0;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.btn:focus {
  outline: none!important;
}
.subtitle{
  font-size: 1rem;
  color: #806a48;
}

.donation-card .panel::before{
  font-family: FontAwesome, cursive;
  content: "\f0d8";
  font-size: 32px;
  color: rgb(38, 31, 24);
  position: absolute;
  top: -25px;
  left: 25px;
}


/* Slider */
#textSlider.row {
  position: absolute;
  top: 35%;
  left: 48%;
  transform: translate(-50%, -50%);
}
#textSlider div {
  color: #FFF;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}

.iamCol {
  text-align: right;
  float: left;
  font-weight: 300;
  font-size:30pt;
}
.iamCol p:nth-child(2) { margin-top: -20pt !important; }
.slideCol {
  text-align: left;
  overflow: hidden;
  font-weight: 900;
  font-size:70pt;
  display: block;
  white-space: nowrap;
}
.slideCol p {     margin: 0px !important;
  text-shadow: 0 0 1px #FFF, 0 0 3px #FFF, 0 0 5px #FFF, 0 0 1px #49ff18, 0 0 3px #49FF18, 0 0 10px #49FF18, 0 0 12px #49FF18, 0 0 15px #49ff18;
  padding: 0 5px; }

.scroller {
  height: 70pt;
  line-height: 70pt;
  overflow: hidden;
}
.scroller .inner { animation: 15s normal infinite running scroll; }
@keyframes scroll {
  0%  	{margin-top: 0px;}
  15% 	{margin-top: 0px;}

  25%  {margin-top: -70pt;}
  40%  {margin-top: -70pt;}

  50%  {margin-top: -140pt;}
  65%  {margin-top: -140pt;}

  75%  {margin-top: -210pt;}
  90%  {margin-top: -210pt;}

  100% {margin-top: 0px;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 479px) {
  #textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
  .iamCol { text-align: center; font-size:20pt; }
  .iamCol p { display: inline !important; }
  .slideCol { font-size: 25pt; text-align: center; margin-top: -20px; }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width : 765px) {
  #textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
  .iamCol { text-align: center; font-size:25pt; }
  .iamCol p { display: inline !important; }
  .slideCol { font-size: 38pt; text-align: center; margin-top: -20px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
  #textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
  .iamCol { text-align: center; font-size:30pt; }
  .iamCol p { display: inline !important; }
  .slideCol { font-size: 50pt; text-align: center; margin-top: 5px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
  #textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
  .iamCol { text-align: right; font-size:30pt; }
  .slideCol { font-size: 55pt; text-align: left; }
}