@font-face { font-family: H67; src: url('fonts/H67.otf') format('opentype'); font-weight: bold; font-style: normal; }
@font-face { font-family: H77; src: url('fonts/H77.otf') format('opentype'); font-weight: bold; font-style: normal; }
@media screen and (max-width: 768px) {    

    /* COUNTDOWN RESPONSIVE */
    .flip-clock-wrapper ul li {
        line-height: 23px !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
        border-radius: 3px !important;
        font-size: 15px !important;
    }
    .flip-clock-wrapper ul {
        width: 27px !important;
        height: 24px !important;
        margin: 1px !important;
    }
    .flip-clock-dot {
        width: 2px !important;
        height: 2px !important;
    }
    .flip-clock-divider{
        width: 10px !important;
        height: 30px !important;
    }
    .flip-clock-dot.bottom {
        bottom: 25px !important;
    }
    .flip-clock-dot.top {
        top: 10px !important;
    }
    .flip-clock-divider .flip-clock-label {
        right: -55px !important;
    }
    .flip-clock-divider.minutes .flip-clock-label {
        right: -60px !important;
    }
    .flip-clock-divider.seconds .flip-clock-label {
        right: -60px !important;
    }
    .jumbotron h1{
        font-size: 20px !important;
    }
    /* Header */
    header{
        height: 200px !important;
    }
    /* Page Title */
    /*.Server-Time {
        font-size: 12px !important;
    }*/
    .pageTitle h1{
        font-size: 15px !important;
    }
    /* Castlesiege Banner */
    .castle-siege-banner .guild_owner, .castle-siege-banner .guild_owner a {
		font-size: 15px !important;
	}
	.castle-siege-banner .guild_master, .castle-siege-banner .guild_master a {
		font-size: 15px !important;
	}
	.castle-siege-banner .guild_countdown {
		font-size: 15px !important;
	}
		.castle-siege-banner .guild_countdown span {
			font-size: 14px !important;
    }
    /* Table Ranking */
    .table td, .table th {
        font-size: 10px;
    }
    /* Navbar */
    .dropdown-usercp .btn{
        color: #f1f1f1 !important;
    }
    
    .dropdown-usercp .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: unset !important;
    }
    
    .dropdown-usercp .dropdown-item{
        color: #f1f1f1;
    }
    
    .dropdown-usercp .dropdown-item:hover{
        color: #2d2d2d;
    }
    .admincp-button {
        position: absolute !important;
        top: 33px !important;
        right: 20% !important;
        z-index: 9999 !important;
    }

    .box-jugando{
      width: unset !important;
      margin-left: unset !important;
      margin-bottom: 5px;
    }

    .horario-server{
      text-align: center !important;
      margin-bottom:45px;
      margin-left: unset !important;
    }
}

.box-jugando{
  width: 290px;
  margin-left: -30px;
}

.horario-server{
  text-align: right;
  z-index:10;
  margin-right:-30px;
}

/* Body */
body{
  background: url(../img/bg-top.png) no-repeat center top,url(../img/bg-repeat.png) repeat-y center;
  background-color: #0f1923!important;
  color: #f1f1f1!important;
}

.navbar{
  background: #fff;
  color: #000!important;
}

@media screen and (min-width:768px){
   /* Navbar */
.navbar-register{
    font-size: 15px;
    margin-left: 10px;
}

.navbar-register .nav-link {
    color: #f1f1f1 !important;
}

.navbar{
  background: #191919;
  width: 100%;
  border-bottom: 2px solid rgba(51, 51, 51, 0.25);
  color: #f9f9f9!important;
  text-decoration: none;
    display: inline-block;
    position: relative;
    font-family: H67,Arial;
    text-transform: uppercase;
    font-weight: 600;
}

button.navbar-login{
    font-size: 15px;
    margin-top: -35px;
    margin-bottom: -35px;
    color: #f1f1f1;
    font-family: H67,Arial;
    text-transform: uppercase;
    border-radius: unset;
}

button.usercp-navbar{
    font-size: 15px;
    margin-top: -35px;
    margin-bottom: -25px;
}

.dropdown-usercp .btn-danger:hover {
    color: #000;
    background-color: unset !important; 
    border-color: unset !important;
}

.dropdown-usercp .btn{
    color: #f1f1f1 !important;
}

.dropdown-usercp .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
}

.dropdown-usercp .dropdown-item{
    color: #f1f1f1;
}

.dropdown-usercp .dropdown-item:hover{
    color: #2d2d2d;
}

.dropdown-usercp{
    margin-top: -35px;
    margin-bottom: -35px;
}

.navbar-login .nav-link {
    color: #f1f1f1 !important;
}

.navbar-logo{
    margin: -15px;
}

#mainNav li {
    margin-top: -35px;
    margin-bottom: -35px;
    padding-top: 15px;
    font-family: H67,Arial;
    text-transform: uppercase;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

#mainNav .nav-item:hover{
    background: #ece8e1;
    transition: all .5s ease;
}

#mainNav li a:hover {
    color: #010101!important;
    text-shadow: 0 0 5px rgb(33 33 33 / 30%);
    border-radius: 2px;
    transition: all .5s ease;
}

#mainNav li a:hover:after {
	width: 30%;
  }
  #mainNav li a:hover:before {
	width: 30%;
  }
  #mainNav li a:after {
	content: "";
	height: 1px;
	width: 0px;
	background: #010101;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transition: width .5s ease;
  }
  #mainNav li a:before {
	content: "";
	height: 1px;
	width: 0px;
	background: #010101;
	position: absolute;
	bottom: 5px;
	right: 50%;
	transition: width .5s ease;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

:root{
  --color1: #f9f9f9;
  --color2: #fff;
  --color3: #e0e0e0;
  --colorimg: #cacaca;
  }
/* Stats */
.estadisticas-pjs .progress{
  height: 1.35rem !important;
}
.estadisticas-pjs .btn{
  color: #212121 !important;
}

/* Contenedor de contendor */
#about{
  background: #191919;
  border-top: 2px solid rgba(51, 51, 51, 0.25);
  border-bottom: 2px solid rgba(51, 51, 51, 0.25);
}

/* Contenedor */
@media (min-width: 992px){
.container {
    max-width: 1300px !important;
}

}
.contenedor{
  position: relative;
  display: table;
  margin: 0 auto;
  background: #191919;
}


/* Sidebar */
.ServerInfoIzq {
  background: #f1f1f1!important;
  color: #010101!important;
  padding: 7px!important;
  width: 60%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  /*justify-content: right!important;*/
  text-align: right!important;
  border-color: transparent;
}

.ServerInfoDer {
  background: #212121!important;
  color: #f1f1f1!important;
  width: 40%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

hr{
  border-top: 1px solid rgb(255 255 255 / 10%) !important;
}

.UserCPInfoDer {
  background: #f1f1f1!important;
  color: #212121!important;
  padding: 7px!important;
  width: 60%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  /*justify-content: right!important;*/
  text-align: right!important;
  border-color: transparent;
}

.UserCPInfoIzq {
  background: #212121!important;
  color: #f1f1f1!important;
  width: 40%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.panel-usercp .input-group-text{
  border-top: unset !important;
  border-bottom: unset !important;
}

.input-group-text{
  border: 1px solid #383838 !important;
}

/* Cards Ranking */
.card {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.card {
  border: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 6px;
  color: #333;
  background: #fff;
  /*width: 300px;*/
  height: 80px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-category:not([class*="text-"]) {
  color: #999;
}
.card .card-category {
  margin-top: 10px;
}
.card .card-category .material-icons {
  position: relative;
  top: 8px;
  line-height: 0;
}
.card .form-check {
  margin-top: 15px;
}
.card .card-title:last-child {
  margin-bottom: 0;
}
.card.no-shadow .card-header-image,
.card.no-shadow .card-header-image img {
  box-shadow: none !important;
}
.card .card-body + .card-footer {
  border: 0;
}
.card .card-footer {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 0;
}
.card .card-footer .author,
.card .card-footer .stats {
  display: inline-flex;
}
.card .card-footer .stats .material-icons {
  margin-right: 3px;
  margin-left: 3px;
}
.card.bmd-card-raised {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .card.bmd-card-flat {
      box-shadow: none;
  }
}
.card .card-header {
  border-bottom: none;
  background: 0 0;
}
.card .card-header .title {
  color: #fff;
}
.card .card-header .nav-tabs {
  padding: 0;
}
.card .card-header.card-header-image {
  position: relative;
  padding: 0;
  z-index: 1;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
}
.card .card-header.card-header-image img {
  width: 100%;
  border-radius: 6px;
  pointer-events: none;
  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card .card-header.card-header-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.125rem;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}
.card .card-header.card-header-image .colored-shadow {
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
  top: 12px;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: -1;
  transition: opacity 0.45s;
  opacity: 0;
}
.card .card-header.card-header-image.no-shadow {
  box-shadow: none;
}
.card .card-header.card-header-image.no-shadow.shadow-normal {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card .card-header.card-header-image.no-shadow .colored-shadow {
  display: none !important;
}
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .back,
.card.card-rotate.bg-primary .front {
  background: linear-gradient(60deg, #ab47bc, #8e24aa);
}
.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.bg-info,
.card.card-rotate.bg-info .back,
.card.card-rotate.bg-info .front {
  background: linear-gradient(60deg, #26c6da, #00acc1);
}
.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card.bg-success,
.card.card-rotate.bg-success .back,
.card.card-rotate.bg-success .front {
  background: linear-gradient(60deg, #66bb6a, #43a047);
}
.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card.bg-warning,
.card.card-rotate.bg-warning .back,
.card.card-rotate.bg-warning .front {
  background: linear-gradient(60deg, #ffa726, #fb8c00);
}
.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.bg-danger,
.card.card-rotate.bg-danger .back,
.card.card-rotate.bg-danger .front {
  background: linear-gradient(60deg, #ef5350, #e53935);
}
.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card.bg-rose,
.card.card-rotate.bg-rose .back,
.card.card-rotate.bg-rose .front {
  background: linear-gradient(60deg,var(--colorimg), var(--colorimg));
}
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text) {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text) {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text) {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.card [class*="card-header-"],
.card [class*="card-header-"] .card-title,
.card [class*="card-header-"] .card-title a,
.card [class*="card-header-"] .icon i,
.card[class*="bg-"],
.card[class*="bg-"] .card-title,
.card[class*="bg-"] .card-title a,
.card[class*="bg-"] .icon i {
  color: #fff;
}
.card [class*="card-header-"] .icon i,
.card[class*="bg-"] .icon i {
  border-color: rgba(255, 255, 255, 0.25);
}
.card [class*="card-header-"] .author a,
.card [class*="card-header-"] .card-category,
.card [class*="card-header-"] .card-description,
.card [class*="card-header-"] .stats,
.card[class*="bg-"] .author a,
.card[class*="bg-"] .card-category,
.card[class*="bg-"] .card-description,
.card[class*="bg-"] .stats {
  color: rgba(255, 255, 255, 0.8);
}
.card [class*="card-header-"] .author a:active,
.card [class*="card-header-"] .author a:focus,
.card [class*="card-header-"] .author a:hover,
.card[class*="bg-"] .author a:active,
.card[class*="bg-"] .author a:focus,
.card[class*="bg-"] .author a:hover {
  color: #fff;
}
.card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}
.card .author a {
  color: #3c4858;
  text-decoration: none;
}
.card .author a .ripple-container {
  display: none;
}
.card .card-category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px;
}
.card .card-category-social .material-icons {
  position: relative;
  top: 5px;
}
.card[class*="bg-"],
.card[class*="bg-"] .card-body {
  border-radius: 6px;
}
.card[class*="bg-"] .card-body h1 small,
.card[class*="bg-"] .card-body h2 small,
.card[class*="bg-"] .card-body h3 small,
.card[class*="bg-"] h1 small,
.card[class*="bg-"] h2 small,
.card[class*="bg-"] h3 small {
  color: rgba(255, 255, 255, 0.8);
}
.card .card-stats {
  background: 0 0;
  display: flex;
}
.card .card-stats .author,
.card .card-stats .stats {
  display: inline-flex;
}
.card-plain {
  background: 0 0;
  box-shadow: none !important;
}
.card-plain .card-header:not(.card-avatar) {
  margin-left: 0;
  margin-right: 0;
}
.card-plain .card-header:not(.card-avatar) .card-category,
.card-plain .card-header:not(.card-avatar) .card-description {
  color: #999;
}
.card-plain .card-body {
  padding-left: 5px;
  padding-right: 5px;
}
.card-plain .card-header-image {
  margin: 0 !important;
  border-radius: 6px;
}
.card-plain .card-header-image img {
  border-radius: 6px;
}
.card-plain .card-footer {
  padding-left: 5px;
  padding-right: 5px;
  background-color: transparent;
}
.card-profile,
.card-testimonial {
  margin-top: 30px;
  text-align: center;
}
.card-profile .card-avatar,
.card-testimonial .card-avatar {
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-profile .card-avatar + .card-body,
.card-testimonial .card-avatar + .card-body {
  margin-top: 15px;
}
.card-profile .card-avatar img,
.card-testimonial .card-avatar img {
  width: 100%;
  height: auto;
}
.card-profile .card-body + .card-footer,
.card-testimonial .card-body + .card-footer {
  margin-top: -15px;
}
.card-profile .card-footer .btn.btn-just-icon,
.card-testimonial .card-footer .btn.btn-just-icon {
  font-size: 20px;
  padding: 12px;
  line-height: 1em;
}
.card-plain.card-profile .card-avatar,
.card-plain.card-testimonial .card-avatar {
  margin-top: 0;
}
.card-testimonial .card-avatar {
  max-width: 100px;
  max-height: 100px;
}
.card-testimonial .card-footer {
  margin-top: 0;
  display: block;
}
.card-testimonial .card-footer .card-avatar {
  margin-top: 10px;
  margin-bottom: -60px;
}
.card-testimonial .card-description {
  font-style: italic;
}
.card-testimonial .card-description + .card-title,
.card-testimonial .icon {
  margin-top: 30px;
}
.card-testimonial .icon .material-icons {
  font-size: 40px;
}
.card-profile .card-header:not([class*="card-header-"]) {
  background: 0 0;
  box-shadow: none;
}
.card-profile .card-avatar {
  max-width: 130px;
  max-height: 130px;
}
.card-blog {
  margin-top: 60px;
}
.card-blog [class*="col-"] .card-header-image img {
  width: 100%;
}
.card-blog .carf-footer .stats .material-icons {
  font-size: 18px;
  position: relative;
  top: 4px;
  width: 19px;
}
.card-product {
  margin-top: 30px;
}
.card-product .btn-simple.btn-just-icon {
  padding: 0;
}
.card-product .card-footer .price h4 {
  margin-bottom: 0;
}
.card-product .card-footer .btn {
  margin: 0;
}
.card-product .card-category,
.card-product .card-description,
.card-product .card-title {
  text-align: center;
}
.card-product .category {
  margin-bottom: 0;
}
.card-product .category ~ .card-title {
  margin-top: 0;
}
.card-product .price {
  font-size: 18px;
  color: #9a9a9a;
}
.card-product .price-old {
  text-decoration: line-through;
  font-size: 16px;
  color: #9a9a9a;
}
.card-product .price-new {
  color: #f44336;
}
.card-pricing {
  text-align: center;
}
.card-pricing:after {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.card-pricing .card-title {
  margin-top: 30px;
}
.card-pricing .card-body {
  padding: 15px !important;
  margin: 0 !important;
}
.card-pricing .card-icon {
  padding: 10px 0 0;
}
.card-pricing .card-icon i {
  font-size: 55px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 130px;
  line-height: 130px;
  height: 130px;
}
.card-pricing h1 small {
  font-size: 18px;
  display: inline-flex;
  height: 0;
}
.card-pricing h1 small:first-child {
  position: relative;
  top: -17px;
  font-size: 26px;
}
.card-pricing ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto;
}
.card-pricing ul li {
  color: #999;
  text-align: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.card-pricing ul li:last-child {
  border: 0;
}
.card-pricing ul li b {
  color: #3c4858;
}
.card-pricing ul li i {
  top: 6px;
  position: relative;
}
.card-pricing.card-background ul li,
.card-pricing[class*="bg-"] ul li {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.card-pricing.card-background ul li b,
.card-pricing[class*="bg-"] ul li b {
  color: #fff;
  font-weight: 700;
}
.card-pricing.card-background .card-category,
.card-pricing.card-background [class*="text-"],
.card-pricing[class*="bg-"] .card-category,
.card-pricing[class*="bg-"] [class*="text-"] {
  color: #fff !important;
}
.card-pricing .card-footer {
  z-index: 2;
}
.card-collapse,
.card-collapse .card-header {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
}
.card-collapse {
  margin: 0;
}
.card-collapse .card-header {
  border-bottom: 1px solid #ddd;
  padding: 25px 10px 5px 0;
  margin: 0;
  box-shadow: none !important;
  background: #fff;
}
.card-collapse .card-header a {
  color: #3c4858;
  font-size: 0.9375rem;
  display: block;
}
.card-collapse .card-header a:active,
.card-collapse .card-header a:hover,
.card-collapse .card-header a[aria-expanded="true"] {
  color: #e91e63;
}
.card-collapse .card-header a i {
  float: right;
  top: 4px;
  position: relative;
}
.card-collapse .card-header a[aria-expanded="true"] i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.card-collapse .card-body {
  padding: 15px 0 5px;
}
.card-signup .card-header {
  padding: 20px 0;
  width: 100%;
  margin: -40px 20px 15px;
}
.card-signup .card-body {
  padding: 0 30px 0 10px;
}
.card-signup .form-check label {
  margin-left: 18px;
}
.card-signup .form-check .form-check-sign {
  padding-right: 27px;
  left: 27px;
}
.card-signup .social-line {
  margin-top: 1rem;
  text-align: center;
  padding: 0;
}
.card-signup .social-line .btn {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}
.card-form-horizontal .card-body {
  padding-left: 15px;
  padding-right: 15px;
}
.card-form-horizontal .form-group .form-control,
.card-form-horizontal .input-group .form-control {
  margin-bottom: 0;
}
.card-form-horizontal .btn,
.card-form-horizontal form {
  margin: 0;
}
.card-form-horizontal .input-group .input-group-addon {
  padding-left: 0;
}
.card-form-horizontal .bmd-form-group {
  padding-bottom: 0;
  padding-top: 0;
}
.card-background {
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.card-background .card-body {
  position: relative;
  z-index: 2;
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 440px;
  margin: 0 auto;
}
.card-background .card-category,
.card-background .card-description,
.card-background small {
  color: rgba(255, 255, 255, 0.7) !important;
}
.card-background .card-title {
  color: #fff;
  margin-top: 10px;
}
.card-background:not(.card-pricing) .btn {
  margin-bottom: 0;
}
.card-background:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.56);
  border-radius: 6px;
}

.icon-login {
  background-color: #0f1923!important;
  color: #f1f1f1!important;
}

.login-block form {
  padding: 0 10px;
}

.btn-dark {
  color: #fff;
  background-color: #0f1923;
  border-color: #343a40;
}

.panel-news .panel-heading {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 25px;
  border-radius: 2px;
  background: #000;
}

.card {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.card .table tr:first-child td {
  border-top: none;
}
.card .card-title {
  margin-top: 0;
  margin-bottom: 3px;
}
.card .card-body {
  padding: 0.9375rem 20px;
  position: relative;
}
.card .card-header {
  z-index: 3 !important;
}
.card .card-header .card-category {
  margin: 0;
}
.card .card-header.card-header-text {
  display: inline-block;
}
.card .card-header.card-header-text:after {
  content: "";
  display: table;
}
.card .card-header.card-header-icon i,
.card .card-header.card-header-text i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
}
.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
  margin-top: 15px;
  color: #3c4858;
}
.card .card-header.card-header-icon h4,
.card .card-header.card-header-text h4 {
  font-weight: 300;
}
.card .card-header.card-header-tabs .nav-tabs {
  background: 0 0;
  padding: 0;
}
.card .card-header.card-header-tabs .nav-tabs-title {
  float: left;
  padding: 10px 10px 10px 0;
  line-height: 24px;
}
.card.card-plain .card-header.card-header-icon + .card-body .card-category,
.card.card-plain .card-header.card-header-icon + .card-body .card-title {
  margin-top: -20px;
}
.card .card-actions {
  position: absolute;
  z-index: 1;
  top: -50px;
  width: calc(100% - 30px);
  left: 17px;
  right: 17px;
  text-align: center;
}
.card .card-actions .card-header {
  padding: 0;
  min-height: 160px;
}
.card .card-actions .btn {
  padding-left: 12px;
  padding-right: 12px;
}
.card .card-actions .fix-broken-card {
  position: absolute;
  top: -65px;
}
.card.card-chart .card-footer i:nth-child(1n + 2) {
  width: 18px;
  text-align: center;
}
.card.card-chart .card-category {
  margin: 0;
}
.card .card-body + .card-footer,
.card .card-footer {
  padding: 10px 0 0;
  margin: 0 15px 10px;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
}
.card .card-body + .card-footer h6,
.card .card-footer h6 {
  width: 100%;
}
.card .card-body + .card-footer .stats,
.card .card-footer .stats {
  color: #999;
  font-size: 12px;
  line-height: 22px;
}
.card .card-body + .card-footer .stats .card-category,
.card .card-footer .stats .card-category {
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0;
}
.card .card-body + .card-footer .stats .material-icons,
.card .card-footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.card [class*="card-header-"] {
  margin: 0 15px;
  padding: 0;
  position: relative;
}
.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
  border-radius: 3px;
  margin-top: -20px;
  padding: 15px;
}
.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
  border-radius: 3px;
  background-color: #999;
  padding: 3px;
  margin-top: -20px;
  margin-right: 15px;
  float: left;
}
.card [class*="card-header-"] .card-text {
  float: none;
  display: inline-block;
  margin-right: 0;
}
.card [class*="card-header-"] .card-text .card-title {
  color: #fff;
  margin-top: 0;
}
.card [class*="card-header-"] .ct-chart .card-title {
  color: #fff;
}
.card [class*="card-header-"] .ct-chart .card-category {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
}
.card [class*="card-header-"] .ct-chart .ct-label {
  color: rgba(255, 255, 255, 0.7);
}
.card [class*="card-header-"] .ct-chart .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-line,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-point,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.8);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-area,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-pie {
  fill: rgba(255, 255, 255, 0.4);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar {
  stroke-width: 10px;
}
.card [class*="card-header-"] .ct-chart .ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.card [class*="card-header-"] .ct-chart .ct-line {
  fill: none;
  stroke-width: 4px;
}
.card [data-header-animation="true"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s cubic-bezier(0.34, 1.61, 0.7, 1);
}
.card:hover [data-header-animation="true"] {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
.card.card-stats .card-header.card-header-icon,
.card.card-stats .card-header.card-header-text {
  text-align: right;
}
.card.card-stats .card-header .card-icon + .card-category,
.card.card-stats .card-header .card-icon + .card-title {
  padding-top: 10px;
}
.card.card-stats .card-header .card-category,
.card.card-stats .card-header .card-title {
  margin: 0;
}
.card.card-stats .card-header .card-category {
  margin-bottom: 0;
  margin-top: 0;
}
.card.card-stats .card-header .card-category:not([class*="text-"]) {
  color: #999;
  font-size: 14px;
}
.card.card-stats .card-header + .card-footer {
  border-top: 1px solid #eee;
  margin-top: 20px;
}
.card.card-stats .card-header i {
  font-size: 36px;
  line-height: 56px;
  width: 56px;
  height: 56px;
  text-align: center;
}
.card.card-stats .card-body {
  text-align: right;
}
.card .map {
  height: 280px;
  border-radius: 6px;
  margin-top: 15px;
}
.card .map.map-big {
  height: 420px;
}
.card .card-body.table-full-width {
  padding: 0;
}
.card .card-plain .card-header-icon {
  margin-right: 15px !important;
}
.iframe-container {
  margin: 0 -20px;
}
.iframe-container iframe {
  width: 100%;
  height: 500px;
  border: 0;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-wizard .nav.nav-pills .nav-item {
  margin: 0;
}
.card-wizard .nav.nav-pills .nav-item .nav-link {
  padding: 6px 15px !important;
}
.card-wizard .mat-form-field {
  width: 80%;
  font-size: 14px;
  top: 3px;
}
.card-wizard .nav-pills:not(.flex-column) .nav-item + .nav-item:not(:first-child) {
  margin-left: 0;
}
.card-wizard .nav-item .nav-link.active,
.card-wizard .nav-item .nav-link:focus,
.card-wizard .nav-item .nav-link:hover {
  background-color: inherit !important;
  box-shadow: none !important;
}
.card-wizard .input-group-text {
  padding: 6px 15px 0 !important;
}
.card-wizard .card-footer {
  border-top: none !important;
}
.card-chart .card-body + .card-footer,
.card-product .card-body + .card-footer {
  border-top: 1px solid #eee;
}
.card-product .price {
  color: inherit;
}
.card-collapse {
  margin-bottom: 15px;
}
.card-collapse .card .card-header a[aria-expanded="true"] {
  color: #e91e63;
}

.card .table tr:first-child td {
  border-top: none;
}
.card .card-title {
  margin-top: 0;
  margin-bottom: 3px;
}
.card .card-body {
  padding: 0.9375rem 20px;
  position: relative;
}
.card .card-header {
  z-index: 3 !important;
}
.card .card-header .card-category {
  margin: 0;
}
.card .card-header.card-header-text {
  display: inline-block;
}
.card .card-header.card-header-text:after {
  content: "";
  display: table;
}
.card .card-header.card-header-icon i,
.card .card-header.card-header-text i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
}
.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
  margin-top: 15px;
  color: #3c4858;
}
.card .card-header.card-header-icon h4,
.card .card-header.card-header-text h4 {
  font-weight: 300;
}
.card .card-header.card-header-tabs .nav-tabs {
  background: 0 0;
  padding: 0;
}
.card .card-header.card-header-tabs .nav-tabs-title {
  float: left;
  padding: 10px 10px 10px 0;
  line-height: 24px;
}
.card.card-plain .card-header.card-header-icon + .card-body .card-category,
.card.card-plain .card-header.card-header-icon + .card-body .card-title {
  margin-top: -20px;
}
.card .card-actions {
  position: absolute;
  z-index: 1;
  top: -50px;
  width: calc(100% - 30px);
  left: 17px;
  right: 17px;
  text-align: center;
}
.card .card-actions .card-header {
  padding: 0;
  min-height: 160px;
}
.card .card-actions .btn {
  padding-left: 12px;
  padding-right: 12px;
}
.card .card-actions .fix-broken-card {
  position: absolute;
  top: -65px;
}
.card.card-chart .card-footer i:nth-child(1n + 2) {
  width: 18px;
  text-align: center;
}
.card.card-chart .card-category {
  margin: 0;
}
.card .card-body + .card-footer,
.card .card-footer {
  padding: 10px 0 0;
  margin: 0 15px 10px;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
}
.card .card-body + .card-footer h6,
.card .card-footer h6 {
  width: 100%;
}
.card .card-body + .card-footer .stats,
.card .card-footer .stats {
  color: #999;
  font-size: 12px;
  line-height: 22px;
}
.card .card-body + .card-footer .stats .card-category,
.card .card-footer .stats .card-category {
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0;
}
.card .card-body + .card-footer .stats .material-icons,
.card .card-footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.card [class*="card-header-"] {
  margin: 0 15px;
  padding: 0;
  position: relative;
}
.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
  border-radius: 3px;
  margin-top: -20px;
  padding: 15px;
}
.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
  border-radius: 3px;
  background-color: #999;
  padding: 3px;
  margin-top: -20px;
  margin-right: 15px;
  float: left;
}
.card [class*="card-header-"] .card-text {
  float: none;
  display: inline-block;
  margin-right: 0;
}
.card [class*="card-header-"] .card-text .card-title {
  color: #fff;
  margin-top: 0;
}
.card [class*="card-header-"] .ct-chart .card-title {
  color: #fff;
}
.card [class*="card-header-"] .ct-chart .card-category {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
}
.card [class*="card-header-"] .ct-chart .ct-label {
  color: rgba(255, 255, 255, 0.7);
}
.card [class*="card-header-"] .ct-chart .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-line,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-point,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.8);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-area,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-pie {
  fill: rgba(255, 255, 255, 0.4);
}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar {
  stroke-width: 10px;
}
.card [class*="card-header-"] .ct-chart .ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.card [class*="card-header-"] .ct-chart .ct-line {
  fill: none;
  stroke-width: 4px;
}
.card [data-header-animation="true"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s cubic-bezier(0.34, 1.61, 0.7, 1);
}
.card:hover [data-header-animation="true"] {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
.card.card-stats .card-header.card-header-icon,
.card.card-stats .card-header.card-header-text {
  text-align: right;
}
.card.card-stats .card-header .card-icon + .card-category,
.card.card-stats .card-header .card-icon + .card-title {
  padding-top: 10px;
}
.card.card-stats .card-header .card-category,
.card.card-stats .card-header .card-title {
  margin: 0;
}
.card.card-stats .card-header .card-category {
  margin-bottom: 0;
  margin-top: 0;
}
.card.card-stats .card-header .card-category:not([class*="text-"]) {
  color: #999;
  font-size: 14px;
}
.card.card-stats .card-header + .card-footer {
  border-top: 1px solid #eee;
  margin-top: 20px;
}
.card.card-stats .card-header i {
  font-size: 36px;
  line-height: 36px;
  width: 56px;
  height: 56px;
  text-align: center;
}
.card.card-stats .card-body {
  text-align: right;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid #eee;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.mini-ranks-hard {
  background: #212121!important;
  border: 1px solid #383838!important;
}

.mini-ranks-hard-text {
  color: #eee9e1!important;
}

.mini-ranks-hard-text-bar {
  color: #010101!important;
  text-shadow: unset!important;
}

.text-dark {
  color: #f1f1f1 !important;
}

.panel-news .panel-title a {
  font-size: 21px;
  color: #f1f1f1!important;
  line-height: .9;
  font-family: H67;
  font-weight: 600;
  text-transform: uppercase;
}

.miniranks {
  font-size: 25px;
  color: var(--color1)!important;
  line-height: .9;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
}

img {
    vertical-align: middle !important;
}

.aifos-char-offline {
    border: 3px solid #D0D0D0;
    vertical-align: middle;
}

.aifos-char-online {
    border: 3px solid #b1e730;
    vertical-align: middle;
}

.rounded-circle {
    border-radius: 50%;
}

.news-article h2 a {
    color: #b00c0c !important;
    text-decoration: none;
}

a {
    transition: all 0.3s ease;
    color: #f9f9f9 !important;
    text-decoration: none;
}

a:hover {
    transition: all 0.3s ease;
    color: #1c3986;
    text-decoration: none;
}

/* Page Tittle */
.pageTitle {
    display: flex;
      align-items: center;
      color: #000000;
      font-size: 22px;
      margin-bottom: 0px;
      height: 110px;
      width: 100%;
      position: relative;
      left: 0;
      top: -111px;
  }
  .pageTitle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
  }
  .pageTitle h1 {
    color: #f1f1f1;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }
  .pageTitle select {
    position: absolute;
    right: 45px;
    top: 25px;
    z-index: 10;
  }

  .nk-feature-1, .nk-feature-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    background-color: #191919;
    border: 2px solid rgba(51, 51, 51, 0.25);
    border-radius: 5px;
    height: 80px;
}
.nk-feature-1 .nk-feature-icon, .nk-feature-2 .nk-feature-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 116px;
  height: 50px;
  font-size: 3rem;
  line-height: 50px;
  color: #eee9e1;
  text-align: center;
  border-right: 2px solid rgba(51, 51, 51, 0.25);
  border-radius: 3px;
}
.nk-feature-1 .nk-feature-cont, .nk-feature-2 .nk-feature-cont {
  padding-left: 22px;
  padding-right: 15px;
}

.Server-Time {
    color: #f1f1f1;
    font-family: 'Montserrat', sans-serif;
}
#tServerTime {
    color: #28a745;
}
#tLocalTime {
    color: #28a745;
}

section {
    padding: 0px !important;
  }

/* HEADER */  
header {
    height: 400px;
    position: relative;
    padding: 100px 0 40px;
    min-height: 400px;
}
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 400px;
    max-width: 400px;
    object-fit: cover;
}

/* JUMBOTRON */
.jumbotron{
    background: rgba(0, 0, 0, 0.8);
    color: #fefefe;
    padding:0;
    position: relative;
    z-index: 999;
    max-height: 400px;
  }
  
  .jumbotron h1{
    color: #da1212 !important;
    font-size: 2.5rem;
    font-family: 'Montserrat', sans-serif;
  }

/* Countdown */

.webengine-countdown h1 {
	color: #000000;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.flip-clock-wrapper {
    width: unset !important;
  }
  
.flip-clock-wrapper ul li a div div.inn {
    background-color: #b00c0c !important;
  }
  
.flip-clock-dot {
    background: #b00c0c !important;
  }

.flip-clock-divider .flip-clock-label {
    color: #fff !important;
}

/* CASTLE SIEGE BANNER */
.panel-castle-siege {
  color: var(--color1);
}
.panel-castle-siege img {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
}
.panel-castle-siege a {
  color: #1c3986;
  text-shadow: 1px 1px #000;
}
.panel-castle-siege a:hover {
  color: #2d2d2d !important;
  text-shadow: 1px 1px #000;
}
.panel-castle-siege .title-castle-owner {
  font-weight: 700;
  color: var(--color1);
}
.panel-castle-siege .title-guild-master {
  font-weight: 700;
  color: var(--color1);
}
.panel-castle-siege .title-castle-battle {
  font-weight: 700;
}
.panel-castle-siege .castle-siege-countdown {
  margin-top: 20px;
}
.panel-castle-siege .castle-countdown {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.panel-castle-siege .castle-countdown span {
  color: #1c3986;
  font-size: 30px;
}

#cscountdown {
  color: var(--color1);
  font-weight: 700;
}
        
/* PAGINATION */
.pagination {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination li .number {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0px 7px;
    font-size: 14px;
    color: #404243;
    border-radius: 50%;
    position: relative;
  }
  .pagination li .active {
    color: #f1f8ff;
    background: #5f5d55;
  }
  .pagination li .prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #918f84;
  }
  .pagination li .prev:before {
    content: "<";
    font-stretch: ultra-condensed;
    color: #f1f8ff;
    font-size: 18px;
  }
  .pagination li .next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #918f84;
  }
  .pagination li .next:before {
    content: ">";
    font-stretch: ultra-condensed;
    color: #f1f8ff;
    font-size: 18px;
  }        

  .admincp-button {
	position:absolute;
	top:10px;
	right:10px;
	z-index: 9999;
}
/* FOOTER */
footer{
  margin-top: 250px;
  background: #191919;
  border-top: 2px solid rgba(51, 51, 51, 0.25);
}
/* SIDEBAR */
.panel-sidebar {
	background: #fefefe;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ececec;
	-webkit-box-shadow: 0 0 10px #ececec;
	box-shadow: 0 0 10px #ececec;
	border-radius: 5px;
}

.panel-news .panel-footer {
  border-top: 1px solid #d6d6d6;
  background: #fff;
  font-family: H67,Arial;
  font-size: 11px;
  height: 40px;
  color: #2d2d2d;
  padding-top: 10px;
  text-transform: uppercase;
}

.panel-sidebar > .panel-heading {
	color: #344b72;
	font-family: 'PT Sans', sans-serif;
	border: 0px;
	padding: 20px 15px;
}

.panel-sidebar > .panel-heading > .panel-title {
	font-weight: bold;
}

.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
}

.panel-usercp ul li a {
	color: #2d2d2d !important;
  font-family: H67,Arial;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.panel-usercp a:active, .panel-usercp ul li a:hover {
	color: #1c3986 !important;
}

.panel-usercp ul li img {
	position: relative;
	/*top: -2px;*/
	bottom: -5px;
	padding-right: 10px;
}

.sidebar-block {
  background: #212121;
  border: 1px solid #383838;
  padding-bottom: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	width: 100%;
	height: auto;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body .panel-title {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
	padding: 30px 0px;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: bold;
}

.whatsapp {
    position: fixed;
    bottom: 100px;
    right: 25px;
    z-index: 999;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	padding: 20px;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

.panel-downloads > .panel-body > .panel-title {
	font-size: 20px;
	padding-bottom: 8px;
}

.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color:  #1c3986 !important;; }
.webengine-powered:active, .webengine-powered:hover { color: #23449c !important; }

.page-title {
	color: #344b72;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* NEWS */
.news-article {
	position: relative;
	padding: 15px 15px;
	margin-bottom: 30px;
}
	.news-article .news-image {
		padding: 10px;
	}
	.news-article .news-image img {
		width: 100%;
		height: auto;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
	}
	.news-article .news-content {
		padding: 10px;
	}
		.news-article .news-content h3 {
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 5px 0px;
			text-transform: uppercase;
			font-size: 18px;
			font-weight: bold;
			border-bottom: 1px solid #d4d4d4;
		}
		.news-article .news-content h3 a {
			color: #000;
		}
		.news-article .news-content .news-date {
			font-size: 12px;
			font-style: italic;
			color: #aaa;
		}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	-moz-box-shadow: 0 0 10px #e8e8e8;
	-webkit-box-shadow: 0 0 10px #e8e8e8;
	box-shadow: 0 0 10px #e8e8e8;
}

.rankings-class-image {
	width: 30px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px;
	font-size: 18px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: #666;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
	color: #344b72;
	border-bottom: 3px solid #344b72;
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 50px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	display: inline-block;
	width: 160px;
	border: 1px solid #e3e3e3;
	text-align: center;
	padding: 10px 0px;
	margin: 5px;
	background: #f1f1f1;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #212529;
}
.rankings_menu a.active {
	color: #fff;
	border-color: #333;
	background: var(--color1);
}
.rankings_menu a:hover.active {
	color: #fff !important;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
  width: 100%;
  color: #f1f1f1;
	background: #212121;
  border: 1px solid #383838;
}
.myaccount-table tr td:first-child {
	color: #f1f1f1;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #383838;
  padding: 25px !important;
  border-top: 1px solid #383838;
}
.myaccount-table tr:last-child td {
	border: 0px;
}
.myaccount-table tr td {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.myaccount-table tr:hover td {
	background: #2d2d2d;
}


/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
  table-layout: fixed;
  color: #f1f1f1;
	background: #212121;
  border: 1px solid #383838;
	padding: 10px;
}

.general-table-ui tr td {
  padding: 15px 5px !important;
  border-top: 1px solid #383838;
	vertical-align: middle !important;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.general-table-ui tr:hover td {
  background: #131313;
  color: #f1f1f1;
}
.general-table-ui tr:first-child td {
	color: #f1f1f1;
	font-weight: bold;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #2d2d2d;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #f1f1f1;
	-webkit-box-shadow: 0 0 5px #f1f1f1;
	box-shadow: 0 0 5px #f1f1f1;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: #0000aa;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
width: 100%;
background: #1a2133;
border: 1px solid #2e374f;
}

.paypal-gateway-logo {
width: 100%;
height: 68px;
background: #0000006e url('../img/paypal-logo-200-68.png') no-repeat top center;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.paypal-gateway-content {
  margin: 10px;
  background: #343a40;
  border: 2px solid #585e65;
  padding: 10px;
  overflow: auto;
}

.paypal-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}

.paypal-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}

.paypal-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #f1f1f1;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.paypal-gateway-form input[type=text] {
width: 40px;
}

.paypal-gateway-continue {
margin: 0px auto;
text-align: center;
}

.paypal-gateway-continue input[type=submit] {
  background: #0000006e;
  width: 200px;
  height: 40px;
  border: 0px;
  margin-top: 10px;
  border-radius: 20px;
  color: #f1f1f1;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* MODULE DOWNLOAD */
  .downloadBlock-left {
    background: #dddfe4;
    padding: 30px 70px;
  }
  .downloadBlock-right {
    background: #b00c0c;
    color: #d5e7e8;
    padding: 30px 60px;
  }
  .downloadBlock-right h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
  }
  
  .file-size {
    font-size: 24px;
    color: #27353d;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 20px;
  }
  
  .filesBlock {
    display: flex;
    justify-content: center;
  }
  .filesBlock a {
    display: block;
    width: 120px;
    height: 90px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #c8ccd6;
  }
  .filesBlock a:last-child {
    border-right: none;
  }
  .filesBlock a:hover {
    background-color: #eef2ff;
  }
  .filesBlock .mega {
    background-image: url(../img/mega-icon.png);
  }
  .filesBlock .googledrive {
    background-image: url(../img/googledrive-icon.png);
  }
  .filesBlock .torrent {
    background-image: url(../img/torrent-icon.png);
  }
  .filesBlock .mediafire {
    background-image: url(../img/mediafire-icon.png);
  }
  
  .download-button {
    color: #fbfcff;
    display: inline-block;
    padding: 14px 35px;
    border: 1px solid #fbfcff;
  }
  .download-button:hover {
    background: #8b3a3a;
    color: #fbfcff;
  }
  
  .block {
    margin-bottom: 50px;
  }
  
  .drivers {
    justify-content: space-between;
  }
  .drivers .driver {
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bdbec1;
  }

  /*Progress bar*/
  .bg-aifos{
background-color: #eee9e1 !important;
  }
  .text-aifos{
    color: #010101 !important;
  }
  .progress {
    background-color: #0f1923 !important;
    height: 2rem !important;

}

.progress-bar {
  color: #000 !important;
}