ol, ul, li{

	margin: 0;

	padding: 0;

	border: 0;

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  width: 100%;

  background: url(images/fon-bg-top.jpg) center top no-repeat, url(images/fon-bg-bottom.jpg) center bottom no-repeat, url(images/fon-bg-repeat.jpg) center repeat-y;

  background-color: #eaecff;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 13px;

  color: #230707;

  line-height: 1;

  min-height: 100vh;

}

a {

  transition: all 0.3s ease;

  color: #bf5252;

  text-decoration: none;

}

a:hover,

button:hover {

  -webkit-filter: brightness(120%);

  filter: brightness(120%);

  text-decoration: none;

}

p {

  margin-bottom: 15px;

}

h1,

h2,

h3 {

  color: #ebf0f4;

  margin-bottom: 20px;

  line-height: 1.2;

  text-transform: uppercase;

  font-weight: 600;

}

h1 {

  font-size: 20px;

}

h2 {

  font-size: 18px;

}

h3 {

  font-size: 16px;

}

/*

table {

  width: 100%;

}

table td {

  border-collapse: collapse;

  padding: 4px;

  border: 1px solid #8a3c51;

}

table tr:nth-child(odd) {

  background-color: rgba(170, 115, 132, 0.2);

}*/

caption {

  margin-bottom: 15px;

}

input,

textarea {

  background: url(images/red-light-bg.jpg);

  border-radius: 30px;

  border: 1px solid #9b666e;

  color: #fff;

  padding: 8px 18px;

  position: relative;

}

button,

.button {

  transition: all 0.3s ease;

  cursor: pointer;

  background: #d13131;

  border-radius: 30px;

  border: none;

  color: #fff;

  font-size: 11px;

  position: relative;

  z-index: 1;

  padding: 12px 28px;

  text-transform: uppercase;

  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3), 0px 5px 15px 0px rgba(0, 0, 0, 0.2);

  text-decoration: none !important;

}

button:hover,

.button:hover {

  background: #6a2e36;

}

.button-border:after {

  content: "";

  border-radius: 30px;

  border: 1px solid rgba(208, 49, 49, 0.3);

  left: -2px;

  top: -2px;

  height: 100%;

  width: 100%;

  position: absolute;

  padding: 1px;

}

.button-small {

  text-transform: none;

  padding: 6px 12px;

}

:focus {

  outline: none;

}

::-webkit-input-placeholder {

  color: #c37289;

}

::-moz-placeholder {

  color: #c37289;

}

:-moz-placeholder {

  color: #c37289;

}

:-ms-input-placeholder {

  color: #c37289;

}

.wrapper_web {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.container_web {

  min-height: 1300px;

  display: flex;

  background-color: #f1e6d0;

  position: relative;

}

.container_web:before {

  content: "";

  position: absolute;

  background: url(images/container-icon.png) no-repeat;

  width: 103px;

  height: 105px;

  left: -25px;

  top: -25px;

}

.flex {

  display: flex;

}

.flex-s {

  display: flex;

  justify-content: space-between;

}

.flex-s-c {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.flex-c-c {

  display: flex;

  justify-content: center;

  align-items: center;

}

#navbar {

  width: 100%;

  position: absolute;

  top: 0px;

  height: 66px;

  background: rgba(195, 147, 163, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  z-index: 10;

}

.menu {

  width: 1200px;

  margin: 0 auto;

  height: 66px;

}

.menu li {

  margin: 0px 8px;

	list-style-type: none;

}

.menu a {

  color: #000000;

  font-size: 14px;

  text-transform: uppercase;

  padding: 0px 26px;

  font-weight: 600;

  display: block;

  height: 66px;

  line-height: 66px;

  position: relative;

}

.menu a:after {

  content: "";

  transition: 0.3s;

  height: 0px;

  width: 0px;

}

.menu a:hover:after {

  content: "";

  height: 2px;

  width: 100%;

  bottom: 0px;

  left: 0px;

  position: absolute;

  background: #000000;

}

.menu .active a {

  border-bottom: 2px solid #7c5849;

}

/* Header

-----------------------------------------------------------------------------*/

.header_web {

  height: 500px;

  position: relative;

}

.logo a {

  display: block;

  position: absolute;

  top: 150px;

  left: 70px;

}



.countdown-block {

  position: absolute;

  bottom: 184px;

	right: 310px;

  text-align: center;

  width: 100%;

}

.countdown-block h3 {

  color: #5a2824;

  font-size: 14px;

  margin-bottom: 10px;

  font-weight: bold;

}

.countdown li {

  margin: 0px 7px;

  position: relative;

	list-style-type: none;

}

.countdown li:after {

  content: ":";

  position: absolute;

  right: -12px;

  top: 8px;

  font-size: 38px;

  color: #3b0c16;

}

.countdown li:first-child:after {

  __display: none;

}

.countdown li:last-child:after {

  display: none;

}



.countdown span {

  display: block;

  background: rgba(120, 40, 62, 0.5);

  border-radius: 6px;

  height: 60px;

  width: 60px;

  font-size: 32px;

  color: #fff;

  text-align: center;

  line-height: 60px;

  margin-bottom: 7px;

}

.countdown p {

  font-size: 12px;

  margin-bottom: 0px;

  font-weight: bold;

  color: #5a2823;

  text-transform: uppercase;

}

.start-game {

  position: absolute;

  bottom: 75px;

  width: 100%;

  text-align: center;

  z-index: 3;

}

.start-game a {

  display: block;

  background: url(images/start-game-button.png) no-repeat;

  width: 230px;

  height: 100px;

  margin: 0 auto;

  text-transform: uppercase;

  font-size: 20px;

  color: #fff;

  padding-top: 19px;

}

.leaves-1 {

  background: url(images/leaves-1.png) no-repeat;

  width: 243px;

  height: 86px;

  position: absolute;

  left: 190px;

  bottom: 0;

  opacity: 0;

  animation: leaves-1 6s linear infinite;

}

.leaves-2 {

  background: url(images/leaves-2.png) no-repeat;

  width: 202px;

  height: 150px;

  position: absolute;

  left: 190px;

  bottom: 0;

  opacity: 0;

  animation: leaves-1 6s linear infinite;

  animation-delay: 2s;

}

.leaves-3 {

  background: url(images/leaves-3.png) no-repeat;

  width: 198px;

  height: 132px;

  position: absolute;

  left: 190px;

  bottom: 0;

  opacity: 0;

  animation: leaves-1 6s linear infinite;

  animation-delay: 4s;

}

.leaves-d-1 {

  animation-delay: 3s;

  background: url(images/leaves-2-d.png) no-repeat;

}

.leaves-d-2 {

  animation-delay: 5s;

  background: url(images/leaves-3-d.png) no-repeat;

}

.leaves-d-3 {

  animation-delay: 1s;

}

@keyframes leaves-1 {

  0% {

    left: 190px;

    bottom: 0px;

    transform: scale(0.5);

    opacity: 0;

  }

  10% {

    left: 240px;

    bottom: -20px;

  }

  20% {

    left: 290px;

    bottom: -40px;

    transform: scale(0.8);

    opacity: 1;

  }

  30% {

    left: 340px;

    bottom: -60px;

  }

  40% {

    left: 390px;

    bottom: -70px;

  }

  50% {

    left: 440px;

    bottom: -60px;

  }

  60% {

    left: 490px;

    bottom: -40px;

    transform: rotate(-50deg);

  }

  70% {

    left: 540px;

    bottom: -20px;

  }

  80% {

    left: 590px;

    bottom: 0px;

  }

  90% {

    left: 640px;

    bottom: 20px;

  }

  100% {

    left: 690px;

    bottom: 40px;

    transform: rotate(-100deg);

  }

}

/* Left Sidebar

-----------------------------------------------------------------------------*/

.download-block a {

  background: url(images/download-button.jpg) center;

  height: 90px;

  font-size: 20px;

  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);

  color: #fff;

  border: 1px solid #a880a0;

}

.download-block a span {

  padding-left: 50px;

}

.download-block a b {

  font-weight: 400;

  display: block;

  color: #d2d2e1;

  font-size: 12px;

  margin-top: 5px;

}

.widget {

  padding: 25px;

  min-height: 250px;

  border-bottom: 1px solid #884358;

}

.widget-title {

  text-transform: uppercase;

  font-weight: 600;

  color: #fec16a;

  font-size: 14px;

  margin-bottom: 15px;

  position: relative;

}

.widget-title a:hover {

  text-decoration: underline;

}

.widget-title span {

  display: block;

  margin-top: 9px;

}

.widget-title:after {

  content: "";

  background: url(images/widget-title-bg.png) center right no-repeat;

  width: 54px;

  height: 53px;

  position: absolute;

  right: -5px;

  top: -11px;

}

.widget-title span,

.widget-title a {

  text-transform: none;

  font-size: 12px;

  color: #f59eb8;

  font-weight: 400;

}

.l-input {

  width: 235px;

  height: 59px;

  border: none;

  padding: 17px 60px 15px 10px;

  position: relative;

}

.l-input input {

  background: none;

  border: none;

  padding: 5px 15px;

  width: 170px;

}

.select-hidden {

  display: none;

  visibility: hidden;

}

.select {

  cursor: pointer;

  display: block;

  position: relative;

  width: 170px;

  height: 30px;

}

.select-styled {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition: all 0.2s ease-in;

  color: #fff;

  padding: 7px 15px;

  width: 170px;

}

.select-options {

  display: none;

  position: absolute;

  top: 100%;

  right: 0;

  left: 0;

  z-index: 999;

  margin: 0;

  padding: 0;

  list-style: none;

  background: linear-gradient(to bottom, #712634, #873950);

  width: 200px;

  padding-left: 0px !important;

}

.select-options li {

  margin: 0;

  list-style: none !important;

  margin: 0px !important;

  padding: 10px 10px;

  border-bottom: 1px solid #9b656c;

  -moz-transition: all 0.15s ease-in;

  -o-transition: all 0.15s ease-in;

  -webkit-transition: all 0.15s ease-in;

  transition: all 0.15s ease-in;

  color: #fff;

}

.select-options li:hover {

  background: rgba(255, 255, 255, 0.1);

}

.select-options li[rel="hide"] {

  display: none;

}

.login-block p {

  margin-bottom: 5px;

}

.login-block a:hover {

  text-decoration: underline;

}

.login-block .lost {

  color: #fff;

  font-size: 12px;

}

.login-block .widget-title:after {

  display: none;

}

.login {

  background: url(images/login-input.png) no-repeat;

}

.pass {

  background: url(images/password-input.png) no-repeat;

}

.select-s {

  background: url(images/select_server.html) no-repeat;

}

.select-s-page {

  background: url(images/select_server-page.html) no-repeat;

}

.buttons {

  margin-top: 10px;

}

.top-block {

  width: 100%;

  color: #f59eb8;

}

.top-block span {

  display: block;

  padding-bottom: 1px;

}

.top-block .top-number {

  width: 35px;

}

.top-block .top-flag {

  width: 25px;

  padding-top: 2px;

}

.top-block .top-name {

  width: 100px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.top-block .top-event-name {

  width: 120px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.top-block .top-drop-name {

  width: 200px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.top-block .top-lvl {

  width: 55px;

}

.top-block .top-lvl sup {

  font-size: 10px;

  color: #ff0000;

}

.top-block .top-event-time {

  width: 100px;

}

.top-list {

  height: 36px;

  display: flex;

  align-items: center;

  padding: 0px 10px;

  font-size: 12px;

  border-bottom: 1px solid rgba(133, 52, 73, 0.5);

  transition: 0.3s;

}

.top-list a {

  color: #fff;

}

.top-list:hover {

  background: linear-gradient(to bottom, #390b13, #671f39);

  margin: -1px -25px 0px -25px;

  padding: 0px 35px 0px 35px;

  box-shadow: 0px 0px 10px 0px rgba(162, 132, 136, 0.5);

  height: 37px;

  color: #fd588a;

}

.top-list:hover a {

  color: #fd588a;

}

.top-title {

  height: 36px;

  display: flex;

  align-items: center;

  padding: 0px 10px;

  background: #380d14;

  font-size: 13px;

  border-bottom: 1px solid #853449;

}

.no-reset {

  text-align: right;

  margin-top: 15px;

}

.no-reset a {

  color: #fff;

  font-size: 12px;

}

.gallery {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.gallery li {

  position: relative;

	list-style-type: none;

}

.gallery li img {

  outline: 1px solid rgba(255, 255, 255, 0.3);

  outline-offset: -1px;

  width: 113px;

  height: 75px;

}

.gallery li:first-child {

  margin-bottom: 8px;

}

.gallery li:first-child img {

  width: 235px;

  height: 145px;

  outline: 1px solid #ffffff;

}

.gallery li:first-child a {

  width: 235px;

  height: 145px;

}

.gallery li:first-child a:after {

  content: "";

  background-color: rgba(0, 0, 0, 0.4);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  box-shadow: inset 0px 50px 80px 5px rgba(0, 0, 0, 0.7);

}

.gallery li:first-child a:before {

  content: "";

  background: url(images/play-icon.png) no-repeat;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -23px;

  margin-top: -20px;

  width: 46px;

  height: 46px;

  z-index: 2;

}

.gallery li a {

  display: block;

  cursor: pointer;

}

/* Middle

-----------------------------------------------------------------------------*/

.content {

  width: 630px;

  line-height: 1.3;

  background: url(images/block-bottom-bg.jpg) right bottom no-repeat;

  background-color: #fff;

  padding-bottom: 20px;

}

.content-page {

  background: url(images/block-top-bg.jpg) right top no-repeat;

  min-height: 50px;

  padding: 20px;

}

.content-page img {

  max-width: 590px;

}

.content-page ul {

  padding-left: 20px;

  margin-bottom: 20px;

}

.content-page ul li {

  list-style: circle;

  margin: 5px 0px;

}

.sidebar {

  width: 285px;

  background: url(images/sidebar-bg.jpg);

}

.slider {

  overflow: hidden;

  position: relative;

  width: 630px;

  height: 280px;

}

.slider .slides {

  position: relative;

  transition: 1s;

}

.slider .slides .slide {

  float: left;

  display: block;

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  width: 630px;

  height: 280px;

  border: 1px solid #c9aa71;

}

.slider .slides .slide:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  /*background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0) 80%);*/

}

.slider .slides .slide-info {

  position: relative;

  padding: 40px 35px 35px 35px;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 4;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

}

.slider .slides .slide-info h2 {

  font-size: 24px;

  margin-bottom: 25px;

}

.slider .slides .slide-info .slide-text {

  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0));

  color: #fff;

  line-height: 1.7;

  padding: 15px 35px;

  width: 470px;

  margin-left: -35px;

  margin-bottom: 15px;

  position: relative;

}

.slider .slides .slide-info .slide-text:before {

  content: "";

  position: absolute;

  height: 2px;

  width: 75%;

  background: #fff;

  top: -2px;

  left: 0;

}

.slider .slides .slide-info .slide-i {

  width: 100%;

}

.slider .slides .slide-info p {

  margin-bottom: 0px;

}

.slider .slides .slide-info .slide-date {

  font-size: 14px;

  color: #38352f;

  font-family: Candara, Arial, sans-serif;

}

.slider .slides .slide-info .slide-date span {

  color: #38352f;

  font-size: 18px;

}

.slider .slides .active .slide-info {

  transition: all 2s ease;

  opacity: 1;

}

.slider .arrows {

  position: absolute;

  height: 33px;

  width: 33px;

  top: 125px;

  z-index: 10;

  cursor: pointer;

  opacity: 0;

}

.slider .next {

  background: url(images/arrow-right.png) no-repeat;

  right: 1px;

}

.slider .prev {

  background: url(images/arrow-left.png) no-repeat;

  left: 1px;

}

.slider .navigation {

  position: absolute;

  bottom: 20px;

  left: 0px;

  z-index: 4;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}

.slider .navigation .dot {

  width: 2px;

  height: 2px;

  cursor: pointer;

  background-color: #fff;

  margin: 0px 10px;

}

.slider:hover .next,

.slider:hover .prev {

  opacity: 1;

  transition: all 0.7s ease;

}

.slider .navigation .active {

  border-radius: 50%;

  width: 7px;

  height: 7px;

  margin: 0px 5px;

  background-color: #f04747;

  position: relative;

}

.slider .navigation .active:after {

  content: "";

  position: absolute;

  left: -2px;

  top: -2px;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  padding: 1px;

  border: 1px solid rgba(240, 71, 71, 0.3);

  box-shadow: 0px 0px 8px 0px rgba(240, 71, 71, 0.6);

}

.content-title, .title1 {

  background: url(images/content-title-bg.html) no-repeat;

  min-height: 50px;

  display: flex;

  align-items: center;

  background-color: #cec5b0;

  border-bottom: 1px solid #b8af9c;

  margin-bottom: 1px;

}

.content-title h1,

.content-title h2,

.content-title h3,

.title1 h1,

.title1 h2,

.title1 h3 {

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 0px;

  font-weight: 400;

  padding: 0px 25px;

}

.block {

  background: url(images/block-top-bg.jpg) right top no-repeat, url(images/block-bottom-bg.jpg) right bottom no-repeat;

  min-height: 110px;

  background-color: #fff;

  padding: 1px;

}

.news-block {

  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.09);

  margin-bottom: 30px;

}

.news {

  position: relative;

  margin-bottom: 2px;

  transition: 0.3s;

}

.news:after {

  content: "";

  height: calc(100% - 2px);

  position: absolute;

  border-right: 1px solid #cbbcbc;

  border-left: 1px solid #fff;

  width: 0px;

  top: 1px;

  left: 245px;

}

.news .news-img {

  width: 245px;

}

.news .news-img img {

  display: block;

}

.news .news-info {

  width: 385px;

  padding: 15px 20px;

}

.news .news-info p {

  line-height: 1.6;

  margin-bottom: 10px;

}

.news:hover {

  margin: 0px -5px 2px -5px;

  box-shadow: 0px 5px 8px 1px rgba(171, 152, 154, 0.6), 0px -5px 8px 1px rgba(171, 152, 154, 0.6);

}

.news:hover .button {

  background: #6a2e36;

}

.news-date {

  font-family: Candara, Arial, sans-serif;

  color: #903c3c;

  font-size: 14px;

}

.news-date b {

  font-size: 18px;

  font-weight: 600;

}

.top-news-block:before {

  content: "";

  background: url(images/texture_right.png) repeat-y;

  position: absolute;

  width: 29px;

  height: 100%;

  right: 0;

  top: 0;

}

.top-news-block:after {

  content: "";

  border-right: 1px solid rgba(197, 157, 154, 0.5);

  border-left: none;

}

.top-news-block:hover {

  margin: 0px 0px 2px 0px;

}

.top-news-block .news-info {

  padding: 20px 20px 80px 20px;

  position: relative;

}

.top-news-block .news-info h2 {

  border-bottom: 1px solid #a88d5e;

  margin: 0px -20px 20px -19px;

  padding: 0px 20px 20px 20px;

}

.top-news {

  background-position: left;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 300px;

}

.top-news-img {

  position: relative;

}

.top-news-img .read-more {

  position: absolute;

  bottom: 50px;

  width: 100%;

  text-align: center;

}

.top-news-i {

  position: absolute;

  width: 340px;

  bottom: 50px;

}

.top-news-v {

  color: #9e998f;

  font-size: 12px;

}

.top-news-v a {

  text-decoration: none;

}

.br-t {

  margin: 0px 15px;

}

.pagination {

  display: flex;

  justify-content: center;

  align-items: center;

}

.page-numbers {

  display: block;

  width: 30px;

  height: 30px;

  position: relative;

  text-align: center;

  line-height: 30px;

  border: 1px solid rgba(145, 125, 86, 0.3);

  border-radius: 50%;

  text-decoration: none !important;

  color: #8d7951;

  font-size: 12px;

  margin: 0px 7px;

}

.page-numbers.active {

  background: #cd3030;

  color: #fff;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);

}

.page-numbers.prev,

.page-numbers.next {

  border: 1px solid #e2c3c3;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

  font-size: 0px;

}

.page-numbers.prev:hover,

.page-numbers.next:hover {

  background-color: #cd3030;

  -webkit-filter: brightness(100%);

  filter: brightness(100%);

}

.page-numbers.prev {

  margin: 0px 25px 0px 0px;

}

.page-numbers.next {

  margin: 0px 0px 0px 25px;

}

.page-numbers.prev:after {

  content: "";

  position: absolute;

  background: url(images/prev-p.html) no-repeat;

  width: 15px;

  height: 12px;

  margin-left: -8px;

  margin-top: -6px;

  left: 50%;

  top: 50%;

  z-index: 2;

}

.page-numbers.prev:hover:after {

  background: url(images/prev-p.html) 0px -12px no-repeat;

}

.page-numbers.next:after {

  content: "";

  position: absolute;

  background: url(images/next-p.html) no-repeat;

  width: 15px;

  height: 12px;

  margin-right: -8px;

  margin-top: -6px;

  right: 50%;

  top: 50%;

}

.page-numbers.next:hover:after {

  background: url(images/next-p.html) 0px -12px no-repeat;

}

/* Right Sidebar

-----------------------------------------------------------------------------*/

.status-block {

  background: url(images/status-bg.jpg) no-repeat;

  height: 80px;

}

.server-x {

  background: url(images/status-icon.png) no-repeat;

  width: 84px;

  height: 67px;

  text-align: center;

  color: #fff;

  font-weight: 600;

  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);

  padding: 22px 0px 0px 5px;

}

.server {

  width: 160px;

  font-size: 12px;

}

.server .server-name {

  color: #fec16a;

}

.server .status-online, .server .status-offline {

  color: #fff;

}

.server .status-online b {

  font-weight: 400;

  color: #58c526;

}

.server .status-offline b {

  font-weight: 400;

  color: #f7161d;

}

.progress-barr {

  height: 4px;

  background-color: #591113;

  border-radius: 5px;

  margin: 9px 0px 6px 0px;

  position: relative;

}

.progress-barr:after {

  content: "";

  position: absolute;

  border: 2px solid rgba(255, 255, 255, 0.05);

  width: 103%;

  height: 100%;

  top: -2px;

  left: -3px;

  padding: 2px;

  border-radius: 5px;

}

.progress-barr span {

  height: 4px;

  background-color: #58c526;

  display: block;

  border-radius: 5px;

}

.desc {

  color: #fec16a;

  font-size: 10px;

  text-decoration: underline;

}

.desc:hover {

  text-decoration: none;

}

.top-block.guild .top-number {

  width: 60px;

}

.top-block.guild .top-number img {

  margin-bottom: -2px;

}

.top-block.guild .top-name {

  width: 105px;

}

.top-block.guild .score {

  width: 60px;

}

.events {

  line-height: 1.2;

}

.events li {

  border-bottom: 1px solid #843349;

  padding: 15px 0px;

  transition: 0.3s;

}

.events li:hover {

  background: linear-gradient(to bottom, #390b13, #671f39);

  margin: -1px -25px 0px -25px;

  padding: 15px 20px 15px 20px;

  box-shadow: 0px 0px 10px 0px rgba(162, 132, 136, 0.5);

  color: #fd588a;

}

.events li:hover a {

  color: #fd588a;

}

.events li:hover span {

  color: #ad5169;

}

.events li a {

  display: block;

  margin-bottom: 4px;

  color: #fdc3d3;

}

.events li span {

  color: #bfb5ae;

  font-size: 11px;

}

.guides li {

  padding: 15px 0px 12px 0px;

}

.guides li:hover {

  margin: -3px -25px 0px -25px;

}

.guides li a {

  color: #fff;

}

.banner-block {

  min-height: 100px;

}

.banner-FB {

  text-align:center;

  width: 250px;

  align-items: center;

  margin-left:15px;

  margin-bottom:15px;

}

.banner-block img {

  border: 1px solid #b5486d;

}

/* Footer

-----------------------------------------------------------------------------*/

.footer {

  height: 310px;

  background: url(images/footer-bg.png) center bottom no-repeat;

  position: relative;

}

.footer:after {

  content: "";

  position: absolute;

  width: 1200px;

  left: 0;

  background: rgba(255, 255, 255, 0.3);

  height: 1px;

  top: 73px;

}

.footer-block-t {

  position: absolute;

  width: 1200px;

  bottom: 160px;

  left: 0;

}

.f-menu {

  display: flex;

}

.f-menu li {

  margin: 0px 25px;

	list-style-type: none;

}

.f-menu li:first-child {

  margin: 0px 25px 0px 0px;

}

.f-menu li:last-child {

  margin: 0px 0px 0px 25px;

}

.f-menu li a {

  text-transform: uppercase;

  color: #fff;

  font-size: 12px;

  padding: 0px 10px;

  display: block;

}

.footer-block-l {

   position: absolute;

  top: 6px;

  left: 280px;

}

.footer-block-r {

  width: 350px;

  text-align: center;

}

.soc-block a {

  display: inline-block;

  margin: 0px 6px;

  border-radius: 50%;

  border: 1px solid rgba(239, 226, 229, 0.5);

  height: 25px;

  width: 25px;

}

.soc-block a:hover {

  background-color: #d13131;

  border: 1px solid #d13131;

}

.soc-block .facebook {

  background: url(images/soc-icons.png) 7px 4px no-repeat;

}

.soc-block .twitter {

  background: url(images/soc-icons.png) -32px 4px no-repeat;

}

.soc-block .twitch {

  background: url(images/soc-icons.png) -72px 4px no-repeat;

}

.soc-block .youtube {

  background: url(images/soc-icons.png) -113px 4px no-repeat;

}

.footer-block-b {

  position: absolute;

  width: 1200px;

  top: 200px;

  left: 0;

  align-items: flex-end;

}

.copyright p {

  font-size: 12px;

  color: #e0f0fd;

  margin-bottom: 15px;

}

.copyright p a {

  color: #f2a6b8;

}

.copyright span {

  color: #8b8b8c;

  text-transform: uppercase;

  font-size: 10px;

}

#toTop {

  background: url(images/top-button.png) no-repeat;

  width: 40px;

  height: 40px;

  position: absolute;

  top: 53px;

  right: 150px;

  cursor: pointer;

  display: block;

  z-index: 2;

}

.red-light {

  background: url(images/red-light-top-bg.jpg) center top no-repeat, url(images/red-light-bottom-bg.jpg) center bottom no-repeat, url(images/red-light-bg.jpg) center repeat-y;

}

.red-dark {

  background: url(images/red-dark-top-bg.html) center top no-repeat, url(images/red-dark-bottom-bg.jpg) center bottom no-repeat;

  background-color: #501d29;

}

.brown-widget {

  background: url(images/brown-top-bg.html) center top no-repeat, url(images/brown-bottom-bg.html) center bottom no-repeat, url(images/brown-bg.html) repeat-y;

  min-height: 450px;

}

.modalx-overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1000;

  cursor: pointer;

  overflow: auto;

  visibility: hidden;

  -webkit-transition: background 0.25s linear;

  -moz-transition: background 0.25s linear;

  transition: background 0.25s linear;

}

.modal_window {

  z-index: 9999;

  position: relative;

  cursor: auto;

  margin: 0 auto;

  display: none;

  -webkit-transition: all 0.25s linear;

  -moz-transition: all 0.25s linear;

  transition: all 0.25s linear;

  margin-bottom: 20px;

  transform: scale(0.4);

  background: #000;

  width: 1000px;

  height: 540px;

  box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.5);

  background: url(images/sidebar-bg.jpg);

}

.close-r {

  display: block;

  position: absolute;

  margin-top: -25px;

  width: 70px;

  height: 70px;

  right: -35px;

  background: url(images/close_popup.png) no-repeat;

  filter: hue-rotate(50deg);

  -webkit-filter: hue-rotate(50deg);

}

.modal_window iframe {

  border: 0px;

}



/*Web Engine

-----------------------------------------------------------------------------*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  border-top: none !important;

}



.admincp-button {

	position:absolute;

	top:10px;

  right:10px;

  z-index: 9999;

}



.page-title {

	color: #ff0000;

	font-family: 'PT Sans', sans-serif;

	font-size: 32px;

	margin-bottom: 10px;

  font-weight: bold;

  text-align: center;

}

/*Idiomas*/

.lenguage a{

  margin:0px 5px;

}

.lenguage a:hover{

  filter: brightness(110%);

}

/* RANKINGS MODULE */

.rankings-table {

	width: 100%;

	border-spacing: 0;

	border-collapse: collapse;

	-moz-box-shadow: 0 0 5px #e3e3e3;

	-webkit-box-shadow: 0 0 5px #e3e3e3;

	box-shadow: 0 0 5px #e3e3e3;

}



.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: #ff0000;

	border-bottom: 3px solid #ff0000;

}

.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: 10px;

}

.rankings_menu span {

	width: 100%;

	display: inline-block;

	padding: 10px 0px;

	color: #ccc;

	font-size: 24px;

}

.rankings_menu a {

  background-color: #E04E4A;

  background-image: linear-gradient(#E04E4A,#C73936);

  border-color: #BA2522;

  text-decoration: none !important;

  border-radius: 5px;

  text-shadow: -1px -1px 0 rgba(0,0,0,0.6);

  border: 1px solid #BA2522;

  color: #FFFFFF;

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  margin: 5px 5px 5px 5px;

}

.rankings_menu a.active {

  background: #C4241F;

  border-color: #BA2522;

  border: 1px solid #BA2522;

}

.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%;

	background: #f1f1f1;

	border: 1px solid #e3e3e3;

}

.myaccount-table tr:first-child td {

  border-top: 2px solid #fec16a!important;

}

.myaccount-table tr td:first-child {

	color: #666;

	font-weight: bold;

}

.myaccount-table tr td {

	border-bottom: 1px solid #e3e3e3;

	padding: 15px !important;

}

.myaccount-table tr:last-child td {

	border: 0px;

}



/* GENERAL TABLE UI */

.general-table-ui {

	width: 100%;

	table-layout: fixed;

	background: #f1f1f1;

	border: 1px solid #e3e3e3;

	padding: 10px;

	margin: 10px 0px;

}

.general-table-ui tr td {

	padding: 5px;

	vertical-align: middle !important;

}

.general-table-ui tr:first-child td {

  color: #ff0000;

  border-top: 2px solid #fec16a!important;

}

.general-table-ui tr:nth-child(2n+2) td {

	background: #fafafa;

}

.general-table-ui tr td {

	text-align: center;

}

.general-table-ui img {

	width: 50px;

	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;

}



/* TERMS OF SERVICE PAGE */

.tos_list li {

	color: #aa0000;

	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: #edf3ff;

border: 1px solid #0079c2;

}



.paypal-gateway-logo {

width: 100%;

height: 68px;

background: #ffffff url('images/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: #0079c2;

border: 2px solid #ffffff;

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: 20px auto;

text-align: center;

}



.paypal-gateway-form div {

display: inline-block;

padding: 0px 10px;

color: #fff;

font-size: 18px;

}



.paypal-gateway-form div input{

  background: #fff;

  /*border-radius:0;*/

  color: #000; 

  /*padding: 0;*/

}



.paypal-gateway-form input[type=text] {

width: 200px;

}



.paypal-gateway-continue {

margin: 0px auto;

text-align: center;

}



.paypal-gateway-continue input[type=submit] {

background: url('images/paypal-submit.png') no-repeat;

width: 200px;

height: 40px;

border: 0px;

}

/* GENERAL PANEL STYLING */

.panel-general {

	margin-bottom: 30px;

	background: #f1f1f1;

	border: 1px solid #e3e3e3;

	-moz-border-radius: 0px;

	border-radius: 0px;

  color: #333;

  border-top: 2px solid #fec16a!important;

}



.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: #f1f1f1;

	border: 1px solid #e3e3e3;

	-moz-border-radius: 0px;

	border-radius: 0px;

  color: #333;

  border-top: 2px solid #fec16a!important;

}

.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;

}



/* DOWNLOADS */

.panel-downloads {

	margin-bottom: 30px;

	background: #f1f1f1;

	border: 1px solid #e3e3e3;

	-moz-border-radius: 0px;

	border-radius: 0px;

	color: #333;

}

	.download-description {

		font-size: 11px;

		position: relative;

		top: -7px;

		color: #777;

	}



.online-status-indicator {

	margin-left: 5px;

}

/* PANEL SIDEBAR EVENT TIMERS */

.event-schedule{

  padding:20px 10px;

}

.event-schedule:hover{

  padding:20px 35px;

}

.event-schedule-open {

	color: #00ff00;

}



.event-schedule-inprogress {

	color: #ffff00;

}



.smalltext {

	font-size: 11px;

  color:#ffb86b;;

}



/*CASTLE SIEGUE*/

.cs-title {

  text-transform: uppercase;

  font-weight: 600;

  color: #fec16a;

  font-size: 12px;

  display: block;

  margin:15px 0px 10px 0px;

}

#top_guilds img{

  background: #000;

  border-radius:5px;

}

.guild_countdown {

  text-transform: none;

  font-size: 16px;

  color: #f59eb8;

  font-weight: 400;

}

.guild_countdown span {

  color: #fd588a;

  font-size: 16px;

  font-weight:600;

}

/* NEWS MODULE */

.panel-news {

	margin-bottom: 30px;

	color: #333;

	border: 0px;

	-moz-border-radius: 0px;
	

	border-radius: 0px;

	-moz-box-shadow: 0 0 10px #e3e3e3;

	-webkit-box-shadow: 0 0 10px #e3e3e3;

	box-shadow: 0 0 10px #e3e3e3;

}

.panel-news .panel-heading {

	padding-top: 20px;

	padding-bottom: 20px;

	background: url(images/sidebar-bg.jpg);

}

.panel-news .panel-title {

	color: #FFFFFF;

	font-family: 'PT Sans', sans-serif;
	

	font-size: 18px;

	font-weight: bold;

}

.panel-news .panel-footer {

	border-top: 1px solid #e7e7e7;

	background: #fff;

	font-style: italic;

	font-size: 11px;

	height: 40px;

	color: #777;

}