@charset "utf-8";
@import "validation.css";
@import "notice.css";
@import "ui.css";

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; overflow-x: hidden; }

body { 
  width: 100%; 
  background: url(../images/top-fon-home.jpg) center top no-repeat, url(../images/bottom-fon-home.jpg) center bottom no-repeat; 
  background-color: #070501; 
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; 
  font-size: 14px;
  color: #ffffff; 
 }

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color: #ffcc00; }

a:hover { color: #fff; text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3, h4 { color: #fff; margin-bottom: 20px; line-height: 1.3; }

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

table {
 width: 100%; 
 background: #25160f; 
}

table thead td { 
  color: #34fab6; 
  border-bottom: 2px solid #234451; 
}

table td { 
  border-collapse: collapse; 
  padding: 10px;
  border: 1px solid #945f1c; 
  color: #ffab45; 
  text-align: center; }

img { max-width: 100%; }

.img-news{
box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.7);
}

caption { margin-bottom: 15px; }

select {
 background: #0a1419;
  border: 1px solid #1c3640; 
  color: #71d5fd;
   min-width: 350px; 
   padding: 0px 30px;
    height: 45px; 
    position: relative; 
    background-image: url(../images/select-bg.jpg); 
    background-position: right; background-repeat: no-repeat; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
    -ms-appearance: none; 
    appearance: none !important; 
    cursor: pointer; 
    display: block; 
    margin: 0 auto; 
    margin-bottom: 30px; 
  }

input, textarea {
  background: none; 
  border: 1px solid #1d3944;
  color: #fff; 
  padding: 12px 20px; 
  position: relative; 
  text-align: center; 
  font-size: 15px;
  min-width: 220px; 
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

button, .button {
 -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  cursor: pointer;
  background-image: url(../images/button.png); 
  background-repeat: no-repeat;
  height:66px; 
  width:240px;
  padding-top: 24px;
  border: none; 
  color: #fff; 
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); 
  position: relative;
  z-index: 1; 
  text-align: center; 
  text-transform: uppercase; 
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
  font-size: 15px; 
  font-weight: bold;
}

button:hover, 
.button:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.button { 
  display: inline-block; 
  text-decoration: none;
   }

.button-green { 
  padding: 18px 35px;
  background-image: url(../images/button-green.jpg);
}

.button-small {
  position: relative;
  transition: all 0.3s ease; 
  cursor: pointer;
  font-size: 14px;
  text-transform: none; 
  height: 37px;
  width: 90px;
  color: #fff;
  background-image: url(../images/button_small.jpg); 
  display: inline-block; 
  text-decoration: none;
  text-align: center; 
  justify-content: center;
  padding-top: 11px;
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.4);
}
.button-small:hover{
 -webkit-filter: brightness(120%);
  filter: brightness(120%); 
}

.button-green-big { padding: 25px 60px; background-image: url(../images/button-green--big.jpg); }

.button-green-medium { padding: 23px 75px; background-image: url(../images/button-green--big.jpg); }

:focus { outline: none; }

::-webkit-input-placeholder { color: #00aac3; }

::-moz-placeholder { color: #00aac3; }

:-moz-placeholder { color: #00aac3; }

:-ms-input-placeholder { color: #00aac3; }

.wrapper { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c-c {
  display: -webkit-box; 
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-pack: center; 
  -ms-flex-pack: center; 
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bright:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.topPanel { border-bottom: 1px solid rgba(255, 254, 252, 0.5); padding: 5px 0px; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 20; }
.topPanel-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; }
.topPanel-wrapper_right span { margin: 0px 40px; font-weight: bold; color: #89150d; }

.logo-mini { margin: 0px 20px 0px 30px; }

.menu li { padding: 0px 10px; }

.menu li a {
 color: #000;
  font-size: 16px; 
  font-weight: bold; 
  text-transform: uppercase;
  padding: 0px 10px; 
  display: block; 
 }

.menu li a:hover { color: #89150d; }
.menu li.active a { color: #89150d; }

.sign-in { color: #89150d; font-size: 15px; font-weight: bold; text-decoration: underline; }
.sign-in:hover { text-decoration: none; }

header { height: 660px; position: relative; }

.logo { position: absolute; top: 246px; left: -29px; }

.headerBlock { position: absolute; bottom: 10px; left: 0; right: 0; width: 100%; }

.headerButtons {
 -ms-flex-wrap: nowrap; 
 flex-wrap: nowrap; 
}

.radial-stat {
display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(7, 5, 1, 0.7);
    width: 205px;
    height: 205px;
    border-radius: 50%;
     }


@-webkit-keyframes server { 0% { top: 0px; height: 227px; background-position: top center; }
  15% { top: 0px; height: 0px; background-position: top center; }
  25% { top: 0px; height: 0px; background-position: top center; }
  40% { top: 0px; height: 227px; background-position: top center; }
  50% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; }
  65% { top: auto; bottom: 0px; height: 0px; background-position: bottom center; }
  75% { top: auto; bottom: 0px; height: 0px; background-position: bottom center; }
  90% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; }
  100% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; } }

@keyframes server { 0% { top: 0px; height: 227px; background-position: top center; }
  15% { top: 0px; height: 0px; background-position: top center; }
  25% { top: 0px; height: 0px; background-position: top center; }
  40% { top: 0px; height: 227px; background-position: top center; }
  50% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; }
  65% { top: auto; bottom: 0px; height: 0px; background-position: bottom center; }
  75% { top: auto; bottom: 0px; height: 0px; background-position: bottom center; }
  90% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; }
  100% { top: auto; bottom: 0px; height: 227px; background-position: bottom center; } }
.circle-online { width: 180px; height: 180px; text-align: center; position: relative; display: inline-block; z-index: 2; }

.serverInfo {
  position: absolute;
    width: 140px;
    height: 150px;
    left: 20px;
    padding-top: 50px;
  }

.serverInfo span { display: block; width: 100%; text-align: center; position: relative; }

.serverInfo__name { font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 3px; }

.serverInfo__online { 
  color: #f19737;
 font-size: 30px;
 padding-top: 10px;
  font-family: Candara, Arial,; 
}

.h-button { 
  width: 300px; 
  height: 95px; 
  background-repeat: no-repeat; 
  background-position: center; 
  padding-top: 30px; 
  padding-left: 120px;
}

.h-button:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }
.h-button p { font-size: 25px; font-weight: bold; font-style: italic; text-transform: uppercase; margin-bottom: 5px; }

.h-button span {
 font-size: 14px; 
 color: #301907;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.h-button.download { 
  background-image: url(../images/download-button.jpg);
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.4);
}

.h-button.download p { 
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.33) 0px 1px 2px;
}

 }
.h-button.download span {
 color: #1bcdff; 
}

.h-button.registration {
 background-image: url(../images/registration-button.jpg);
 box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.4);
}

.h-button.registration p {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.33) 0px 1px 2px; 
}

.h-button.registration span { color: #240404; }

.headerInfo { margin-bottom: 20px; }
.headerInfo-slider { width: calc(100% - 400px); height: 363px; }
.headerInfo-buttons a { display: block; width: 398px; height: 90px; margin-bottom: 1px; padding: 26px 0px 0px 155px; }

.headerInfo-buttons a:hover {
  position: relative;
 -webkit-transform: scale(1.1); 
 transform: scale(1.1); 
 padding: 26px 0px 0px 170px;
 z-index: 2;
  }

.headerInfo-buttons a p { color: #fff; font-size: 20px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; margin-bottom: 10px; }
.headerInfo-buttons a span { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.headerInfo-buttons .b-donate { background: url(../images/button_1.jpg) no-repeat; }
.headerInfo-buttons .b-vote { background: url(../images/button_2.jpg) no-repeat; }
.headerInfo-buttons .b-cabal { background: url(../images/button_3.jpg) no-repeat; }
.headerInfo-buttons .b-shop { background: url(../images/button_4.jpg) no-repeat; }

.color-crema { color: #fff1d5; }

.color-green { color: #6fffc9; }

.color-red { color: #ef5151; }

.color-yellow { color: #fd7a94; }

.color-tur { color: #fd7a94; }

.slider { width: 100%; height: 100%; }
.slider .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; }
.slider .swiper-slide a { display: block; height: 100%; width: 100%; }
.slider .swiper-slide a:after { content: ""; position: absolute; left: 0px; width: 100%; height: 40%; bottom: 65px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(16, 13, 13, 0.6)), to(rgba(16, 13, 13, 0))); background: linear-gradient(to top, rgba(16, 13, 13, 0.6), rgba(16, 13, 13, 0)); z-index: 1; }

.slider .swiper-button-next, .slider .swiper-button-prev { width: 55px; height: 55px; top: 50%; margin-top: -25px; }
.slider .swiper-button-next:after, .slider .swiper-button-prev:after { display: none; }

.slider .swiper-button-next { background: url(../images/arrow-next.jpg) no-repeat; right: 1px; }

.slider .swiper-button-prev { background: url(../images/arrow-prev.jpg) no-repeat; left: 1px; }

.slider .swiper-pagination { background: rgba(29, 15, 8, 0.8); bottom: 0px; height: 65px; }

.slider .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 0px; margin: 0px 8px !important; background: #9c9793; opacity: 1; }
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #a3df00; }

.homeTitle {
 border-bottom: 1px solid rgba(163, 223, 0, 0.3);
  padding-left: 40px;
  margin-bottom: 30px; 
 }

.homeTitle h2 {
 margin-bottom: 10px; 
  font-size: 32px; 
  color: #c7c617;
}

.homeTitle h2 span { 
  font-size: 52px;
  margin-right: 5px; 
 }

.newsTabs { 
  margin-bottom: 20px; 
  position: relative; 
  z-index: 3; 
}

.tabs-n { width: 100%; }

.news-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.news-tabs:after { content: ''; display: table; clear: both; }

.news-tabs li { padding: 30px 17px; margin: 0px 20px; font-size: 16px; color: #fff; position: relative; }
.news-tabs li:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; width: 0px; }

.news-tabs li:not(.active) { cursor: pointer; color: #c7c617;}

.news-tabs .active:after { width: 100%; color: #c7c617; }

.tabs-content { display: none; }

.tabs-content.active { display: block; }


.container-home {
  display: -webkit-box;
  display: -ms-flexbox; 
  display: flex;
  margin: 0px -2px; 
  position: relative; 
 }

.container-home-1 {
  width: 398px;
  position: relative;
 }

.block-4 { 
  width: 33%;
  margin: 0px 2px;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); 
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); 
}

.block-44 { 
  margin-top: 6px;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); 
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); 
}

.news {
 background: url(../images/images_block.png) center no-repeat;  
 position: relative; 
 height: 526px;
 padding: 50px 40px 80px 40px;
  }

.news h3 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 30px; 
 }

.news-img { 
  margin-bottom: 30px; 
  text-align: center; 
}

.news-img img {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6); 
  transition: 0.3s;
  transform: scale(1);
}

.news-img img:hover {
    transform: scale(1.02);
  }

.news-text { 
  line-height: 1.3;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
   }

.news-info {
 position: absolute; 
 width: calc(100% - 80px); 
 bottom: 40px; 
 left: 40px; 
}

.news-info-1 { 
 padding-top: 20px;
}

.news-date {
 font-size: 15px; 
 color: #945f1c; 
}
.news-date span { 
  color: #ffab45;
 font-size: 20px; 
}

.stat-block {
  background: url(../images/stat-block-bg.jpg) center no-repeat; 
  height: 670px; 
  position: relative; 
  padding: 165px 40px 40px 40px; 
}

.stat-block h3 {
  position: relative;
  text-align: center; 
  color: #ffcc00; 
  font-size: 20px; 
  text-transform: uppercase; 
  margin-bottom: 35px; 
}

.stat-block.server:before {
 content: ""; 
 position: absolute; 
 background: url(../images/server-status-bg.png) center no-repeat; 
 width: 623px; 
 height: 674px; 
 left: -305px; 
 top: -28px; 
}

.stat-block.event:before {
  content: ""; 
  position: absolute;
  background: url(../images/events-bg.png) center no-repeat; 
  width: 593px;
  height: 459px; 
  right: -283px; 
  top: 23px; 
}

.stat-block.event_1:before {
  content: ""; 
  position: absolute;
  background: url(../images/events-bg_1.png) center no-repeat; 
  width: 593px;
  height: 459px; 
  right: 100px; 
  top: 23px; 
}

.stat-block.top:before { 
  content: ""; 
  position: absolute; 
  background: url(../images/top-player-bg.png) center no-repeat; 
  width: 406px; 
  height: 679px; 
  left: 50%; 
  margin-left: -201px; 
  top: -6px; 
}

/*page-content*/


.page-content{
  margin-top: 6px;
  width: calc(100% - 398px);
  padding: 40px 34px 40px 34px;
  margin-left: 5px;
  background: url(../images/fon-news-top.jpg) center top no-repeat, url(../images/fon-news-bottom.jpg) center bottom no-repeat, url(../images/fon-news-repeat.jpg) center repeat-y;
  position: relative;
}

.page-content:after{
  content: "";
  position: absolute;
  height: 66px;
  width: 797px;
  bottom: -15px;
  left: 0;
  background: url(../images/fon-news-bottom-bottom.png) center bottom no-repeat;
}

.page-content:before{
  content: "";
  position: absolute;
  height: 105px;
  width: 797px;
  top: -19px;
  left: 0;
  background: url(../images/fon-news-top-top.png) center top no-repeat;
}

.page-top{
  position: relative;
  text-transform: uppercase;
  font-size: 20px;
  color: #ffcc00;
  text-align: center;
  font-weight: bold;
  z-index: 1;
}

.page-title{
  padding-top: 35px;
  padding-bottom: 30px;
}


.page-title-news{
  color: #ffcc00;
  text-transform: uppercase;
  font-size: 18px;
}

.page-text{
  line-height: 20px;
}

.page-text p{
 padding-top: 20px;
} 

.page-text a{
  color: #ffab45;
  text-decoration: underline;
}

.page-text a:hover{
  text-decoration: none;
  color: #c0ff00;
}

.page-text-img{

  box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.7);
}

.news-all{
  margin-bottom: 20px;
}
/*end page-content*/

/*paginator*/


.pagination {
  padding-top: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;

}
.page-numbers {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 38px;
  color: #7b8913;
  text-decoration: none !important;
  font-size: 14px;
  margin: 0px 7px;
  background: rgba(123, 137, 19, 0.15);
}

.page-numbers.active {
  background: #7b8913;
  color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

.page-numbers:hover {
  background: #7b8913;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
}

.page-numbers.prev,
.page-numbers.next {
  background: rgba(123, 137, 19, 0.25);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  font-size: 0px;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
  background: #7b8913;
  -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.png) no-repeat;
  width: 12px;
  height: 18px;
  margin-left: -8px;
  margin-top: -8px;
  left: 50%;
  top: 50%;
  z-index: 2;
  opacity: 0.25;
}
.page-numbers.prev:hover:after {
  background: url(../images/prev-p.png) no-repeat;
  opacity: 0.9;
}
.page-numbers.next:after {
  content: "";
  position: absolute;
  background: url(../images/next-p.png) no-repeat;
  width: 12px;
  height: 18px;
  margin-right: -8px;
  margin-top: -8px;
  right: 50%;
  top: 50%;
  opacity: 0.25;
}

.page-numbers.next:hover:after {
  background: url(../images/next-p.png) no-repeat;
  opacity: 0.9;
}

/*end paginator*/

/* text_TOP */


.guild .top-number {
  width: 60px;
}
.top-block.guild .top-number img {
  margin-bottom: -2px;
  margin-left: 5px;
}


.top-block.guild .score {
  padding-left: 55px
}

.top-block {
  position: relative;
  width: 100%;
  padding-bottom: 15px;
  z-index: 1;
}

.top-block span {
  display: block;
}
.top-block .top-number {
  width: 20px;
}

.guild img{
  border: 1px solid #360e17;
}

.top-block .top-flag {
  width: 30px;
  padding-top: 2px;
}

.top-block .top-name {
  width: 162px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-block .top-lvl {
  width: 80px;
}

.top-block .top-Res sup {
  font-size: 10px;
  color: #ff0000;
  position: absolute;
  margin-top: -5px;
}

.top-list {
  height: 41px;
  display: flex;
  align-items: center;
  font-size: 15px;
  transition: 0.3s;
  color: #fff;
}
.top-list a {
  color: #fff;
  text-decoration: none;
}
.top-list:hover {
  background-color: #070501;
  border-bottom: 1px solid #293407;
  box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.45);
  height: 41px;
  margin: 0px -40px 0px -40px;
  padding: 0px 25px 0px 25px;
  color: #c0ff00;
  position: relative;
  z-index: 5;
}

.top-list:hover a {
  color: #c0ff00;
}

.top-title {
  color: #ffcc00;
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-bottom: 15px;
}


.top-block.guild .top-number {
    width: 60px;
}

/*widget Discussions*/

.discussions-content-top{
  position: relative;
  z-index: 1;
}

.admin-icon{
float: left;
border-radius: 50%;
width: 45px;
height: 45px;
background-size: 45px;
box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);
margin-right: 26px;
}


.discussions-icon{
float: left;
border-radius: 50%;
width: 45px;
height: 45px;
background-size: 45px;
box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);
}

.discussions-message{
  float: right;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #945f1c;
  opacity: 0.6;
  color: #fff;
  font-size: 12px;
  box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);
}

.discussions-text{
  padding-left: 16px;
  font-size: 14px;
}

.discussions-text-bt{
  padding-left: 16px;
  font-size: 15px;
  color: #945f1c;
}

.discussions-content-block:hover .discussions-text-bt{
  color: #69811e;
}

.discussions-text-bt a{
  color: #fff;
}

.discussions-content-block{
  padding-bottom: 10px;
  padding-top: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.discussions-content-block:hover .discussions-message{
  background-color: #392d01;
  color: #c0ff00;
  font-weight: bold;
}


.discussions-content-block:hover{
background-color: #070501;
border-bottom: 1px solid #293407;
box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.45);
transition: 0.4s;
margin: 0px -40px 0px -40px;
padding: 10px 26px 10px 26px;
cursor: pointer;
}

.discussions-content-block:hover .discussions-text {
  color: #c0ff00;
}

.discussions-content-block:hover .discussions-text-bt a {
  text-decoration:none;
  color: #ffcc00;
}

/*widget Discussions end*/

/*end text TOP*/

.more-top {
  left:20%;
  bottom: 40px;
  position: absolute; 
}


.blockStat { 
  margin-bottom: 20px; 
}

.blockStat-1 {  
  display:flex;
  justify-content: center;
}

.video a { display: block; position: relative; height: 100%; width: 100%; }
.video a:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(10, 20, 25, 0.5); left: 0px; top: 0px; -webkit-transition: 0.3s; transition: 0.3s; }
.video a:after { content: ""; background: url(../images/play-icon.png) no-repeat; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; }
.video a img { display: block; }
.video a:hover:before { background: rgba(10, 20, 25, 0.1); }

.toTopBlock {
  background: url(../images/top.png) center no-repeat; 
  height: 65px; 
  margin-bottom: 40px; 
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0.6;
}

.toTopBlock:hover { 
  opacity: 100; 
   -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; 
}

.toTopBlock span {
 width: 65px; 
 height: 65px;
 display: block; 
 margin: 0 auto; 
 cursor: pointer; }

/*download*/

.downloadBlock {
  text-align: center;
  padding: 35px;
  margin: 0px 35px;
}

.downloadBlock p {
  margin-bottom: 30px;
}

.download-block-1 {
  margin-bottom: 40px;
}
.download-block-1:last-child {
  margin-bottom: 0px;
}

.client-text {
  margin-right: 50px;
  width: 255px;
  height: 90px;
  flex-wrap: wrap;
  align-content: center;
  background: #070501;
}
.client-text span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 9px;
  color: #c0ff00;
}

/*end download*/

/*footer*/

footer { padding: 40px 0px; }


.footer-block-t{
  padding-top: 33px;
  justify-content: center;
  align-items: center;
  text-align:center;
}

.f-menu li {
  display: inline-block;
  margin: 15px 23px;
}

.f-menu li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
}

.f-menu li a:hover{
  color: #c0ff00;
  font-weight: bold;
}

.f-menu li a:active{
  color: #e39f45;
  font-weight: bold;
}

.footer-end{
  margin-top: 51px;
}

.footer-block-coperite{
  float: left;
  color: #484817;
  padding-top: 70px;
}

.footer-block-coperite a{
  color: #fff;
}

.footer-block-coperite a:hover{
  text-decoration: underline;
}

.footer-block-r {
  float: right;
}

.soc-block{
  margin-bottom: 45px;
}

.soc-block a {
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  padding-top: 8px;
  margin-left: 20px;
  background-color: #080702;
  border: 1px solid #d3e637;
  height: 33px;
  width: 33px;
  box-shadow: inset 0px 0px 7px 0px rgb(172, 189, 30);
}

.soc-block a:hover {
  box-shadow: inset 0px 0px 15px 0px rgba(183, 55, 77, 0.9);
  filter: drop-shadow(0px 0px 6px rgba(220, 84, 107, 0.75));
  border: 1px solid #c66047;
}

.footer-logo{
  text-align:center;
  margin-top: 50px;
}

.footer-logo:hover{
  -webkit-filter: brightness(120%); 
  filter: brightness(120%);
}

.copyright{
  color: #c7c617;
}

.templstock:hover{
  -webkit-filter: brightness(120%); 
  filter: brightness(120%);
}
/*end footer*/

.modal_div {
  max-width: 480px; 
  width: 100%;
  min-height: 300px;
  background: url(../images/fon-modal-top.jpg) center top no-repeat, url(../images/fon-modal-bottom.jpg) center bottom no-repeat, url(../images/fon-modal-repeat.jpg) center repeat-y;
  position: fixed; 
  top: 5%; 
  left: 50%; 
  margin-left: -240px; 
  margin-top: -50px; 
  display: none; 
  opacity: 0; 
  z-index: 999; 
  padding: 40px 0px 40px 0px; 
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); 
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); 
 }

.modal_div:before {
  content: "";
  position: absolute;
  height: 105px;
  width: 480px;
  top: -15px;
  left: 0;
  background: url(../images/fon-modal-top-top.png) center top no-repeat;
}

.modal_div:after {
  content: "";
  position: absolute;
  height: 71px;
  width: 480px;
  bottom: -15px;
  left: 0;
  background: url(../images/fon-modal-bottom-bottom.png) center bottom no-repeat;
}

.modal_div h1 { 
  font-size: 20px; 
  margin-bottom: 30px; 
  font-weight: normal; 
  letter-spacing: 2px; 
  padding-bottom: 30px; 
  color: #c7c617; 
  text-align: center; 
}

.modal_div input {
 border: 1px solid #50460d; 
}

.modal_div .modal_close {
 position: absolute; top: 25px; 
 right: 25px; 
 cursor: pointer; 
 display: block; 
}

.modal_div .modal_close span { display: block; position: relative; background: #c7c617; width: 15px; height: 2px; }
.modal_div .modal_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -2px; }
.modal_div .modal_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal-v { width: 300px; height: 100%; overflow-y: auto; margin: 0 auto; }

#overlay {
 z-index: 998; 
 position: fixed; 
  background-color: hsla(40, 75%, 2%, 0.9); 
 opacity: 0.9; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 left: 0; 
 cursor: pointer; 
 display: none; 
}

.formGroup { margin-bottom: 20px; }
.formGroup p { text-align: center; color: #ffb251; margin-bottom: 10px; }
.formGroup input { width: 100%; }

.formGroup-button { 
  padding-top: 20px;
  text-align: center;
}

.btn { display: none; -webkit-transition: 0.3s; transition: 0.3s; left: 10px; }
.btn span { width: 30px; height: 4px; display: block; margin: 6px 0px; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }

.content { 
  background: url(../images/content-top-bg.jpg) top center no-repeat, url(../images/content-bottom-bg.jpg) bottom center no-repeat;
  background-color: #0a1419; 
  padding: 50px 40px; 
  line-height: 1.4; 
  position: relative; 
  color: #9bdeff;
  min-height: 1300px; 
  }

.content h2 { 
  font-size: 20px; 
  margin-bottom: 40px; 
  font-weight: normal; 
}

.content h3 {
  color: #2ef9b9; 
  font-size: 18px;
  margin-bottom: 40px; 
  font-weight: normal; 
}

@-webkit-keyframes bar { 0% { background-position: left -999px center; }
  100% { background-position: left 999px center; } }

@keyframes bar { 0% { background-position: left -999px center; }
  100% { background-position: left 999px center; } }

/*leaves*/

.leaves {
  position: absolute;
  bottom: 0;
  left: 200px;
}

.leaves-1 {
  background: url(../images/leaves_1.png);
  width: 300px;
  height: 197px;
  left: 0px;
  bottom: -200px;
  position: absolute;
  animation: 5s leaves-1 linear infinite;
}

@keyframes leaves-1 {
  0% {
    transform: scale(0.7) rotate(0deg);
    bottom: -200px;
    left: 250px;
  }
  33% {
    transform: scale(0.8) rotate(30deg);
    bottom: -100px;
    left: 500px;
  }
  66% {
    transform: scale(0.9 rotate(60deg));
    bottom: 0px;
    left: 750px;
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(90deg);
    bottom: 100px;
    left: 1000px;
    opacity: 0;
  }
}
.leaves-2 {
  background: url(../images/leaves_2.png);
  width: 283px;
  height: 171px;
  left: 0px;
  bottom: -200px;
  position: absolute;
  animation: 5s leaves-2 linear infinite;
  animation-delay: 2s;
}

@keyframes leaves-2 {
  0% {
    transform: scale(0.7) rotate(0deg);
    bottom: -200px;
    left: 250px;
  }
  33% {
    transform: scale(0.8) rotate(-30deg);
    bottom: -100px;
    left: 500px;
  }
  66% {
    transform: scale(0.9 rotate(-60deg));
    bottom: 0px;
    left: 750px;
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(-90deg);
    bottom: 100px;
    left: 1000px;
    opacity: 0;
  }
}
.leaves-3 {
  background: url(../images/leaves_3.png);
  width: 324px;
  height: 222px;
  left: 0px;
  bottom: -200px;
  position: absolute;
  animation: 5s leaves-3 linear infinite;
  animation-delay: 4s;
}

@keyframes leaves-3 {
  0% {
    transform: scale(0.7) rotate(0deg);
    bottom: -200px;
    left: 250px;
  }
  33% {
    transform: scale(0.8) rotate(-30deg);
    bottom: -100px;
    left: 500px;
  }
  66% {
    transform: scale(0.9 rotate(-60deg));
    bottom: 0px;
    left: 750px;
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(-90deg);
    bottom: 100px;
    left: 1000px;
    opacity: 0;
  }
}
/*end leaves*/
/*sparks*/

.sparks { position: absolute; width: 1200px; left: -60%; bottom: 40px; }
.sparks > div { position: absolute; }
.sparks .spark_1 { background: url(../images/spark_1.png) no-repeat; width: 764px; height: 313px; right: 0; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }
.sparks .spark_2 { background: url(../images/spark_2.png) no-repeat; width: 179px; height: 335px; right: 230px; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark_3 { background: url(../images/spark_3.png) no-repeat; width: 128px; height: 165px; right: 280px; bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-3 4s linear infinite; animation: spark-3 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark-big { background: url(../images/spark_4.png) no-repeat; width: 794px; height: 176px; right: 0; bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-5 4s linear infinite; animation: spark-5 4s linear infinite; }
.sparks .spark_5 { -webkit-animation-delay: 2s; animation-delay: 2s; right: 40px; }

.sparks_1 { margin-left: -1200px; }
.spark_1 { background: url(../images/spark-l_1.png) no-repeat; -webkit-animation-delay: 2s; animation-delay: 2s; }
.spark_2 { background: url(../images/spark-l_2.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.spark_3 { background: url(../images/spark-l_3.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.spark-big { background: url(../images/spark-l_4.png) no-repeat; }
.spark_5 { -webkit-animation-delay: 3s; animation-delay: 3s; }

@-webkit-keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

@keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

/*end sparks*/

main { position: relative; z-index: 2; }

@media (max-width: 1200px) {.sparks { display: none; } .leaves { display: none; }
  .wrapper { padding: 0px 10px; }
  .topPanel-wrapper_right { padding-right: 10px; }
  .headerButtons { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .logo { top: 170px; }
  .menu li { padding: 0px 5px; }
  .menu li.active a {color: #c0ff00;}
  .menu li a:hover {color: #c0ff00;}
  .menu li a { padding: 0px 5px; font-size: 14px; color: #fff; }
  .news { padding: 40px 40px 50px 40px; }
  .stat-block { padding: 30px 20px; }
  .button-download {padding-top: 20px;}
  .client-text {margin-right: 0;}
  .content { min-height: auto; }}
@media (max-width: 940px) { .topPanel { background: rgba(0, 0, 0, 0.7); position: fixed; }
  .btn { display: block; position: relative; z-index: 14; }
  .btn.active { left: 250px; } 
  .sign-in {color: #fff; }
  .topPanel-wrapper_right span { margin: 0px 10px; color: #fff }
  .btn.active span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -9px; }
  .btn.active span:nth-child(2) { display: none; }
  .btn.active span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .topPanel-wrapper_left { position: fixed; width: 320px; height: 100%; background: rgba(0, 0, 0, 0.8); left: -320px; top: 0px; z-index: 12; display: block; padding: 140px 20px 40px 20px; -webkit-transition: 0.3s; transition: 0.3s; }
  .topPanel-wrapper_left.active { left: 0px; }
  .logo-mini { position: absolute; top: 20px; left: 10px; }
  .menu { display: block; overflow-y: auto; height: 100%; }
  .menu li { padding: 5px 0px; }
  .menu li a { width: 100%; font-size: 20px; padding: 10px 20px; }
  .logo, .headerBlock { position: relative; top: auto; left: auto; }
  .logo { padding-top: 290px; }
  header { height: auto; }
  .headerInfo-slider { width: 100%; margin-bottom: 20px; }
  .headerInfo-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .container-home { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .block-4 { width: 49%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; }
  .stat-block:before { display: none; }
  .modal-char { margin-left: 0px; left: 10px; max-width: 100%; width: calc(100% - 20px); } }
@media (max-width: 769px) { .logo { width: 100%; text-align: center; }
  .headerButtons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .content { padding: 30px 20px; }}
@media (max-width: 640px) { .block-4 { width: 100%; }
  .stat-block table { width: 320px; margin: 0 auto; }
  .stat-block ul { width: 320px; margin: 0 auto; }
  .video a img { margin: 0 auto; }
  .more-top { bottom: 40px; position: absolute; }
  .news { padding: 40px 80px 50px 80px; }
  .news-info{ position: absolute; left: 80px; width: calc(80% - 80px); bottom: 40px; }
  .footer-block-t { margin: 10px 20px; }
  .footer-end{ text-align: center; justify-content: center; } }
@media (max-width: 575px) { .h-button { width: 300px; height: 95px; background-size: 300px 95px; padding-top: 31px; padding-right: 23px;  margin-bottom: 20px; margin-top: 10px;}
  .headerInfo-slider { height: 280px; }
  .headerInfo-buttons a p { font-size: 16px; }
  .news-tabs li { padding: 15px 10px; margin: 0px 10px; }
  .stat-block table { width: 300px; }
  .stat-block { padding: 30px 0px; }
  .homeTitle { padding-left: 10px; }
  .modal_div { margin-left: 0px; left: 10px; max-width: 100%; width: calc(100% - 20px); }
  .modal-v { width: 280px; }
  select { min-width: 270px; }
  .blockForm { background: #0f1e25; padding: 30px 20px; }
  .userTable td { padding: 14px 10px; }
  .page-tabs li { padding: 12px 15px; }
  .p-tabs input { min-width: 220px; }}
@media (max-height: 790px) { #modal-register { height: 100%; }
  .modal-v { height: calc(100% - 120px); } }

@media (max-width: 860px) {
  .blockStat-1 {
    flex-wrap: wrap;
  }

  .client-text
  {
    margin-right: 0;
  }

  .page-content {
    width: 100%;
    order: 1;
  }
  .container-home-1 {
    order: 2;
  }
}


#events div {
	padding: 8px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#events div small {
	float:right;
	color: #ffcc00

}


#events {
  padding-right: 10px;
  height: 381px;
    overflow: auto;
}


#loading {
  background-image:url(../images/l_bg.png);
  border-radius:0 0 4px 4px;
  color:#fff;
  display:none;
  position:fixed;
  top:0;
  left:48%;
  z-index:1000;
  padding:6px;
}


#tooltip {
	position: absolute;
	z-index: 11001;
	border: 1px solid #111;
	background-color: #221f28;
	padding: 5px;
	opacity: 0.90;
	font: normal 10px Tahoma, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

#tooltip h3, 
#tooltip div {
	margin: 0;
}

#lean_overlay {
    position: fixed;
    z-index: 9998;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}



.i_note, .s_note, .w_note, .e_note {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 40px;
background-repeat: no-repeat;
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em; 
text-align: left;
}
.i_note {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
background-position: left center;
}
.s_note {
color: #4F8A10;
background-color: #E8EFD3;
background-image:url('../images/success.png');
background-position: left center;
}
.w_note {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
background-position: left center;
}
.e_note {
color: #D8000C;
background-color: #F7E0CC;
background-image: url('../images/error.png');
background-position: left center;
}


ul#vote-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
ul#vote-options { list-style:none; }
ul#vote-options h5{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

#vote-options {
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}

#vote-options li {
	border-radius:5px;
	line-height:45px;
	height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin-top:10px;
	padding:10px;
	background: rgba(255, 255, 255, 0.6);
}

#vote-options li img {
	width:75px;
	height:45px;
}

#vote-options li button {
	border:1px solid #999;
	line-height:28px;
	margin:6px 0;
	padding:0 5px;
}
#vote-options li h5 {
	color:#444;
	font-weight:bolder;
	font-size:24px;
	border-left:1px solid #453129;
	padding-left:10px;
	margin-left:10px;
}

ul#paypal-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
ul#paypal-options { list-style:none; }
ul#paypal-options h4{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
ul#paypal-options h3{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

#paypal-options {
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}

#paypal-options li {
	border-radius:5px;
	line-height:45px;
	height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin-top:10px;
	padding:10px;
	background: rgba(255, 255, 255, 0.6);
}

#paypal-options li h4 {
	color:#444;
	font-weight:bolder;
	font-size:22px;
	padding-left:10px;
	margin-left:10px;
}
#paypal-options li h3 {
	color:#444;
	font-size:18px;
	padding-left:10px;
	margin-left:10px;
}

#helm{
	position:absolute; 
	left:73px; 
	top:58px; 
	width:56px; 
	height:66px; 
}

#wings{
	position:absolute; 
	left:272px;	
	top:59px; 	
	width:127px; 
	height:110px; 
}

#pendant{
	position:absolute; 
	left:233px;	
	top:80px; 	
	width:29px; 
	height:29px; 
}

#sword{
	position:absolute; 
	left:6px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#armor{
	position:absolute; 
	left:40px; 
	top:138px; 
	width:82px; 
	height:98px; 
}

#shield{
	position:absolute; 
	left:330px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#gloves{
	position:absolute; 
	left:271px;	
	top:178px;	
	width:85px;	
	height:55px; 
}
#pants{
	position:absolute; 
	left:89px;	
	top:297px;	
	width:58px; 
	height:74px; 
}
#ring_left{
	position:absolute; 
	left:102px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}
#ring_right{
	position:absolute; 
	left:272px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}

#boots{
	position:absolute; 
	left:258px;	
	top:297px; 	
	width:58px; 
	height:74px; 
}



.item_table{
	width: 200px;
	border: 0;
	margin: auto;
}
.item_table td{
	padding: 3px;
}
.each_item{
	width: 10px;
	border: 0;
	border-collapse: collapse;

}
.each_item td{
	padding: 0px;	
}
.each_item .item_name{
	background: url(../images/ws_item_name.png);
	background-size:136px 34px;
	height: 34px;
}
.each_item .item_bg{
	background-image: url(../images/ws_item_bg.png);
	background-size:136px 140px;
	height: 140px;
}
.each_item .item_footer{
	background: url(../images/ws_item_footer.png);
	background-size:136px 6px;
	height: 6px;
}
.item_image{
	text-align: center;
	height: 140px;
	width: 136px;
}
.items{
	text-align: center;
}
.items a{ 
	color:#FFFFFF; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:13px; 
	text-decoration:none; 
	padding-bottom:5px;
}
.items a:hover{ 
	color:#000000; 
}
#item_buy{
	margin-left:5px;
	margin-right:5px;
	width: 100%;
}
#item_buy_left{
	float: left;
	padding-right: 5px;
}
#item_buy_right{
	float: left;
	background-color: #3e1d1c;
	width: 492px;
	padding: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#item_buy_right .full{
	margin: 1px;
	padding: 1px;
	width: 488px;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 18px;	
	line-height: 18px;
}
#item_buy_right .opt_title{
	margin: 1px;
	padding-left: 1px;
	width: 250px;
	float: left;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;	
	line-height: 20px;
}
#item_buy_right .opt{
	margin: 1px;
	padding-left: 1px;
	width: 236px;
	float: left;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;
	line-height: 20px;
}

#item_buy_right .opt select{
	border:0px; 
	border-radius: 0;
	width:60%; 
	font-size:12px; 
	line-height: 1;
	background:#5d302f; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
}

#item_buy_right .opt input[type="number"]{
	width: 35px;
	border:0px; 
	border-radius: 0;
	font-size:12px; 
	line-height: 1;
	background:#5d302f; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
}

#item_image_bg{
	position:relative;
	background:url(../images/item_bg.png) no-repeat;
	width: 129px;
	height: 184px;	
}
#item_image_bg img{
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto; 
}
.item_info{
	margin-top: 2px;
	background:url(../images/item_desc.png) no-repeat;
	width: 129px;
	height: 36px;
	line-height: 36px;	
	z-index:500;
}

.item_info .info{
	padding-left: 5px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;

}


.w-coins, .wcoins {
	color: #CC6600;
	font-weight: bold;
}

.zz-coins, .zzcoins {
	color: #003399;
	font-weight: bold;
}



.offline{
	color: red;
}

.online{
	color: green;
}



.plans {
	list-style: none;
	margin: 0;
	padding: 10px 20px;
}	
.plan {
	background: white;
	border-radius: 6px;
	height: 60px;
	margin: 10px 0;
	opacity: 1;
	padding: 4px 25px;
	width: 100%;
}	
	
.price {
	border-radius: 100%;
	cursor: default;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	margin: 8px 10px 0 0;
	text-align: center;
	width: 46px;
}			
.price-green {
	background-color: #e1f1d1;
	color: #52b327;
	font-weight: bold;
}
		
.price-red {
	background-color: #f1e1d1;
	color: #b35227;
}
		
		
.details {
	color: #222;
	display: block;
	float: left;
	height: 46px;
	margin: 8px 0;
	padding: 0px 10px;
}
	
.plan-title {
	font-size: 17px;
	font-weight: normal;
	margin: 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
			
.plan-description {
	color: #666;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
		
		
.select {
	background: #660000; 
	border: none;
	border-radius: 4px;
	color: white;
	display: inline-block;
	float: right;
	font-size: 14px;
	margin: 15px 0;
	padding: 7px 16px;
	text-decoration:none;
	
}	
.select:hover {
	background-color:#990000;
	text-decoration:none;
	cursor: painter;
}

#exception{
	width: 100%;
	height: 0 auto;
	line-height: 25px;
	min-height:25px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	display: none;
	background-color:red;
	position:fixed;
	z-index: 9999;
}

.wh_items{
	width: 261px;
	margin:2px auto;
	padding-top:6px;
	padding-left:3px;
	height:485px;
}

.square{
	cursor:pointer; 
	position:absolute;
	opacity: 0.8;
}

.square:hover{
	padding: 1px;
	opacity: 1;
}

.square img{
	width:100%;
	height:100%;
}

.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(../images/flags.png) no-repeat;}
.f16 ._African_Union{background-position:0 -16px;}
.f16 ._Arab_League{background-position:0 -32px;}
.f16 ._ASEAN{background-position:0 -48px;}
.f16 ._CARICOM{background-position:0 -64px;}
.f16 ._CIS{background-position:0 -80px;}
.f16 ._Commonwealth{background-position:0 -96px;}
.f16 ._England{background-position:0 -112px;}
.f16 ._European_Union, .f16 .eu{background-position:0 -128px;}
.f16 ._Islamic_Conference{background-position:0 -144px;}
.f16 ._Kosovo{background-position:0 -160px;}
.f16 ._NATO{background-position:0 -176px;}
.f16 ._Northern_Cyprus{background-position:0 -192px;}
.f16 ._Northern_Ireland{background-position:0 -208px;}
.f16 ._Olimpic_Movement{background-position:0 -224px;}
.f16 ._OPEC{background-position:0 -240px;}
.f16 ._Red_Cross{background-position:0 -256px;}
.f16 ._Scotland{background-position:0 -272px;}
.f16 ._Somaliland{background-position:0 -288px;}
.f16 ._Tibet{background-position:0 -304px;}
.f16 ._United_Nations{background-position:0 -320px;}
.f16 ._Wales{background-position:0 -336px;}
.f16 .ad{background-position:0 -352px;}
.f16 .ae{background-position:0 -368px;}
.f16 .af{background-position:0 -384px;}
.f16 .ag{background-position:0 -400px;}
.f16 .ai{background-position:0 -416px;}
.f16 .al{background-position:0 -432px;}
.f16 .am{background-position:0 -448px;}
.f16 .ao{background-position:0 -464px;}
.f16 .aq{background-position:0 -480px;}
.f16 .ar{background-position:0 -496px;}
.f16 .as{background-position:0 -512px;}
.f16 .at{background-position:0 -528px;}
.f16 .au{background-position:0 -544px;}
.f16 .aw{background-position:0 -560px;}
.f16 .ax{background-position:0 -576px;}
.f16 .az{background-position:0 -592px;}
.f16 .ba{background-position:0 -608px;}
.f16 .bb{background-position:0 -624px;}
.f16 .bd{background-position:0 -640px;}
.f16 .be{background-position:0 -656px;}
.f16 .bf{background-position:0 -672px;}
.f16 .bg{background-position:0 -688px;}
.f16 .bh{background-position:0 -704px;}
.f16 .bi{background-position:0 -720px;}
.f16 .bj{background-position:0 -736px;}
.f16 .bm{background-position:0 -752px;}
.f16 .bn{background-position:0 -768px;}
.f16 .bo{background-position:0 -784px;}
.f16 .br{background-position:0 -800px;}
.f16 .bs{background-position:0 -816px;}
.f16 .bt{background-position:0 -832px;}
.f16 .bw{background-position:0 -848px;}
.f16 .by{background-position:0 -864px;}
.f16 .bz{background-position:0 -880px;}
.f16 .ca{background-position:0 -896px;}
.f16 .cg{background-position:0 -912px;}
.f16 .cf{background-position:0 -928px;}
.f16 .cd{background-position:0 -944px;}
.f16 .ch{background-position:0 -960px;}
.f16 .ci{background-position:0 -976px;}
.f16 .ck{background-position:0 -992px;}
.f16 .cl{background-position:0 -1008px;}
.f16 .cm{background-position:0 -1024px;}
.f16 .cn{background-position:0 -1040px;}
.f16 .zh{background-position:0 -1040px;}
.f16 .co{background-position:0 -1056px;}
.f16 .cr{background-position:0 -1072px;}
.f16 .cu{background-position:0 -1088px;}
.f16 .cv{background-position:0 -1104px;}
.f16 .cy{background-position:0 -1120px;}
.f16 .cz{background-position:0 -1136px;}
.f16 .de{background-position:0 -1152px;}
.f16 .dj{background-position:0 -1168px;}
.f16 .dk{background-position:0 -1184px;}
.f16 .dm{background-position:0 -1200px;}
.f16 .do{background-position:0 -1216px;}
.f16 .dz{background-position:0 -1232px;}
.f16 .ec{background-position:0 -1248px;}
.f16 .ee{background-position:0 -1264px;}
.f16 .eg{background-position:0 -1280px;}
.f16 .eh{background-position:0 -1296px;}
.f16 .er{background-position:0 -1312px;}
.f16 .es{background-position:0 -1328px;}
.f16 .et{background-position:0 -1344px;}
.f16 .fi{background-position:0 -1360px;}
.f16 .fj{background-position:0 -1376px;}
.f16 .fm{background-position:0 -1392px;}
.f16 .fo{background-position:0 -1408px;}
.f16 .fr{background-position:0 -1424px;}  
.f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;}
.f16 .ga{background-position:0 -1440px;}
.f16 .gb{background-position:0 -1456px;}  
.f16 .sh{background-position:0 -1456px;}
.f16 .gd{background-position:0 -1472px;}
.f16 .ge{background-position:0 -1488px;}
.f16 .gg{background-position:0 -1504px;}
.f16 .gh{background-position:0 -1520px;}
.f16 .gi{background-position:0 -1536px;}
.f16 .gl{background-position:0 -1552px;}
.f16 .gm{background-position:0 -1568px;}
.f16 .gn{background-position:0 -1584px;}
.f16 .gp{background-position:0 -1600px;}
.f16 .gq{background-position:0 -1616px;}
.f16 .gr{background-position:0 -1632px;}
.f16 .gt{background-position:0 -1648px;}
.f16 .gu{background-position:0 -1664px;}
.f16 .gw{background-position:0 -1680px;}
.f16 .gy{background-position:0 -1696px;}
.f16 .hk{background-position:0 -1712px;}
.f16 .hn{background-position:0 -1728px;}
.f16 .hr{background-position:0 -1744px;}
.f16 .ht{background-position:0 -1760px;}
.f16 .hu{background-position:0 -1776px;}
.f16 .id{background-position:0 -1792px;}
.f16 .mc{background-position:0 -1792px;}
.f16 .ie{background-position:0 -1808px;}
.f16 .il{background-position:0 -1824px;}
.f16 .im{background-position:0 -1840px;}
.f16 .in{background-position:0 -1856px;}
.f16 .iq{background-position:0 -1872px;}
.f16 .ir{background-position:0 -1888px;}
.f16 .is{background-position:0 -1904px;}
.f16 .it{background-position:0 -1920px;}
.f16 .je{background-position:0 -1936px;}
.f16 .jm{background-position:0 -1952px;}
.f16 .jo{background-position:0 -1968px;}
.f16 .jp{background-position:0 -1984px;}
.f16 .ke{background-position:0 -2000px;}
.f16 .kg{background-position:0 -2016px;}
.f16 .kh{background-position:0 -2032px;}
.f16 .ki{background-position:0 -2048px;}
.f16 .km{background-position:0 -2064px;}
.f16 .kn{background-position:0 -2080px;}
.f16 .kp{background-position:0 -2096px;}
.f16 .kr{background-position:0 -2112px;}
.f16 .kw{background-position:0 -2128px;}
.f16 .ky{background-position:0 -2144px;}
.f16 .kz{background-position:0 -2160px;}
.f16 .la{background-position:0 -2176px;}
.f16 .lb{background-position:0 -2192px;}
.f16 .lc{background-position:0 -2208px;}
.f16 .li{background-position:0 -2224px;}
.f16 .lk{background-position:0 -2240px;}
.f16 .lr{background-position:0 -2256px;}
.f16 .ls{background-position:0 -2272px;}
.f16 .lt{background-position:0 -2288px;}
.f16 .lu{background-position:0 -2304px;}
.f16 .lv{background-position:0 -2320px;}
.f16 .ly{background-position:0 -2336px;}
.f16 .ma{background-position:0 -2352px;}
.f16 .md{background-position:0 -2368px;}
.f16 .me{background-position:0 -2384px;}
.f16 .mg{background-position:0 -2400px;}
.f16 .mh{background-position:0 -2416px;}
.f16 .mk{background-position:0 -2432px;}
.f16 .ml{background-position:0 -2448px;}
.f16 .mm{background-position:0 -2464px;}
.f16 .mn{background-position:0 -2480px;}
.f16 .mo{background-position:0 -2496px;}
.f16 .mq{background-position:0 -2512px;}
.f16 .mr{background-position:0 -2528px;}
.f16 .ms{background-position:0 -2544px;}
.f16 .mt{background-position:0 -2560px;}
.f16 .mu{background-position:0 -2576px;}
.f16 .mv{background-position:0 -2592px;}
.f16 .mw{background-position:0 -2608px;}
.f16 .mx{background-position:0 -2624px;}
.f16 .my{background-position:0 -2640px;}
.f16 .mz{background-position:0 -2656px;}
.f16 .na{background-position:0 -2672px;}
.f16 .nc{background-position:0 -2688px;}
.f16 .ne{background-position:0 -2704px;}
.f16 .ng{background-position:0 -2720px;}
.f16 .ni{background-position:0 -2736px;}
.f16 .nl{background-position:0 -2752px;}  
.f16 .bq{background-position:0 -2752px;}
.f16 .no{background-position:0 -2768px;}  
.f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;}
.f16 .np{background-position:0 -2784px;}
.f16 .nr{background-position:0 -2800px;}
.f16 .nz{background-position:0 -2816px;}
.f16 .om{background-position:0 -2832px;}
.f16 .pa{background-position:0 -2848px;}
.f16 .pe{background-position:0 -2864px;}
.f16 .pf{background-position:0 -2880px;}
.f16 .pg{background-position:0 -2896px;}
.f16 .ph{background-position:0 -2912px;}
.f16 .pk{background-position:0 -2928px;}
.f16 .pl{background-position:0 -2944px;}
.f16 .pr{background-position:0 -2960px;}
.f16 .ps{background-position:0 -2976px;}
.f16 .pt{background-position:0 -2992px;}
.f16 .pw{background-position:0 -3008px;}
.f16 .py{background-position:0 -3024px;}
.f16 .qa{background-position:0 -3040px;}
.f16 .re{background-position:0 -3056px;}
.f16 .ro{background-position:0 -3072px;}
.f16 .rs{background-position:0 -3088px;}
.f16 .ru{background-position:0 -3104px;}
.f16 .rw{background-position:0 -3120px;}
.f16 .sa{background-position:0 -3136px;}
.f16 .sb{background-position:0 -3152px;}
.f16 .sc{background-position:0 -3168px;}
.f16 .sd{background-position:0 -3184px;}
.f16 .se{background-position:0 -3200px;}
.f16 .sg{background-position:0 -3216px;}
.f16 .si{background-position:0 -3232px;}
.f16 .sk{background-position:0 -3248px;}
.f16 .sl{background-position:0 -3264px;}
.f16 .sm{background-position:0 -3280px;}
.f16 .sn{background-position:0 -3296px;}
.f16 .so{background-position:0 -3312px;}
.f16 .sr{background-position:0 -3328px;}
.f16 .st{background-position:0 -3344px;}
.f16 .sv{background-position:0 -3360px;}
.f16 .sy{background-position:0 -3376px;}
.f16 .sz{background-position:0 -3392px;}
.f16 .tc{background-position:0 -3408px;}
.f16 .td{background-position:0 -3424px;}
.f16 .tg{background-position:0 -3440px;}
.f16 .th{background-position:0 -3456px;}
.f16 .tj{background-position:0 -3472px;}
.f16 .tl{background-position:0 -3488px;}
.f16 .tm{background-position:0 -3504px;}
.f16 .tn{background-position:0 -3520px;}
.f16 .to{background-position:0 -3536px;}
.f16 .tr{background-position:0 -3552px;}
.f16 .tt{background-position:0 -3568px;}
.f16 .tv{background-position:0 -3584px;}
.f16 .tw{background-position:0 -3600px;}
.f16 .tz{background-position:0 -3616px;}
.f16 .ua{background-position:0 -3632px;}
.f16 .ug{background-position:0 -3648px;}
.f16 .us, .f16 .en{background-position:0 -3664px;}
.f16 .uy{background-position:0 -3680px;}
.f16 .uz{background-position:0 -3696px;}
.f16 .va{background-position:0 -3712px;}
.f16 .vc{background-position:0 -3728px;}
.f16 .ve{background-position:0 -3744px;}
.f16 .vg{background-position:0 -3760px;}
.f16 .vn{background-position:0 -3776px;}
.f16 .vi{background-position:0 -3792px;}
.f16 .vu{background-position:0 -3808px;}
.f16 .ws{background-position:0 -3824px;}
.f16 .ye{background-position:0 -3840px;}
.f16 .za{background-position:0 -3856px;}
.f16 .zm{background-position:0 -3872px;}
.f16 .zw{background-position:0 -3888px;}
.f16 .sx{background-position:0 -3904px;}
.f16 .cw{background-position:0 -3920px;}
.f16 .ss{background-position:0 -3936px;}
.f16 .nu{background-position:0 -3952px;}

.active{opacity:1;filter:alpha(opacity=100);}
.nonactive{opacity:0.3;filter:alpha(opacity=30);}
.active:hover, .nonactive:hover{opacity: 0.6;filter: alpha(opacity=60);
	margin-bottom:-1px;
	margin-top:1px;}
.active:active, .nonactive:active{opacity: 1;filter: alpha(opacity=100);
	margin-bottom:-2px;
	margin-top:2px;}


  
.item_size_12{
	font-size: 12px;
}

.item_font_family{
	font-family: tahoma;
}

.item_white{
	color:#FFFFFF;
}

.item_light_green{
	color:#00FF00;
}

.item_light_blue{
	color:#80B2FF;
}

.item_light_blue_2{
	color:#3366FF;
}

.item_blue{
	color:#0066FF;
}

.item_pink{
	color:#FF1493;
}

.item_yellow{
	color:#FADE09;
}

.item_yellow_2{
	color:#FFCC00;
}

.item_red{
	color:#FF0000;
}

.item_dark_red{
	color:#800000;
}

.item_dark_red_background{
	background-color:#800000;
}

.item_purple{
	color: #800080;
}

.item_socket{
	color: #B266FF;
}

.item_grey{
	color: #808080;
}

.item_yellow_title{
	color: #FFCC19;
}
.item_luck{
	color:#80B2FF;
}
.item_exe_title{
	color: #008000;
}

.item_socket_title{
	color: #B266FF;
}

.item_socket_exe_title{
	color: #7401DF;
}

.item_ancient_title{
	color: #01DF01;
}

.item_ancient_background{
	background-color: #0000FF;
}


#inventoryc {
    background-image:url('../../default_assets/images/inventoryc.png?v1');
    width:395px;
    height:320px;
	text-align:center;
	display: inline-block;
	position:relative; 
}
#inventoryc > img {
	position: absolute;
    top: 90px; left: 145px;
    border-radius: 50%;
    border: 3px solid #24314e;
	width: 110px;
	height: 110px;
}
#inventoryc > div {
    position:absolute;
    background-repeat:no-repeat;
    background-position:center center;
}
#in_weapon { width:90px;height:136px;bottom:0;left:-6px; background-size: contain !important;}
#in_shield { width:60px;height:136px;bottom:0;right:8px; background-size: contain !important;}
#in_helm { width:68px;height:68px;top:2px;left:66px; }
#in_armor { width:72px;height:110px;top:72px;left:40px; background-size: contain !important;}
#in_pants { width:68px;height:68px;bottom:8px;left:82px; background-size: contain !important;}
#in_gloves { width:68px;height:68px;top:116px;right:54px; background-size: contain !important;}
#in_boots { width:68px;height:68px;bottom:8px;right:82px; background-size: contain !important;}
#in_wings { width:138px;height:102px;top:8px;right:-2px; background-size: contain !important;}
#in_zoo { width:42px;height:42px;top:15px;left:10px; background-size: contain !important;}
#in_pendant { width:38px;height:38px;top:20px;right:136px; background-size: contain !important;}
#in_ring1 { width:38px;height:38px;bottom:92px;left:96px; background-size: contain !important;}
#in_ring2 { width:38px;height:38px;bottom:92px;right:96px; background-size: contain !important;}
#in_pentagram { width:64px;height:64px;bottom:8px;right:169px; background-size: contain !important;}
#in_ear1 {  width:32px;height:32px;top:72px;left:0px; background-size: contain !important;} 
#in_ear2 {  width:32px;height:32px;top:72px;left:115px; background-size: contain !important;} 
 .cworkshop{
	display: table;
	margin:  50px auto;
}
.cworkshop .inventoryy{
	background-image: url("../../default_assets/images/inv.png");
	height: 610px;
	width: 311px;
	display:block;
}
.cworkshop .item{
	position: absolute;
	/*top: 0px;*/
	margin-top:10px;
	margin-left:3px;
}
.cworkshop .item>div{
	cursor: pointer;
	border: solid 2px transparent;
}
div[id*="item-slot-occupied-"] img {
	background-color: rgba(31, 31, 31, 0.73);
	
}

div[id*="item-slot-occupied-"] img:hover {
	background-color: rgba(154, 60, 45, 0.43);
}
.cworkshop .item>div.selected{
	background-color: rgba(154, 60, 45, 0.43);
	border: solid 2px rgba(154, 60, 45, 0.44);
}

.cworkshop .item .hover_inv:hover{
	background-color: rgba(154, 60, 45, 0.43);
	border: solid 2px rgba(154, 60, 45, 0.44);
}
.cworkshop .title{
	margin-top: 13px;
	text-align: center;
	margin-bottom: 30px;
}

.live_popup {
	background-image: url("../../default_assets/images/OxlwMBp.png");
	height: 86px;
	position: fixed;
	bottom: 10px;
	z-index: 99999;
}
#live_popup_ch{
	margin-left: 50px;  
	margin-right: 40px;  
	-webkit-transform: skew(-10deg); /* Chrome, Opera */
	-ms-transform: skew(-10deg); /* IE */
	transform: skew(-10deg); /* Padrão */
	max-width: 740px;	
	min-width: 130px;
	overflow-y: hidden;
	height: 86px;
}

#live_popup_ch div{
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

#live_popup_ch img{
	opacity: 0.7;

}
#live_popup_ch a:hover img{
	height: 70px;
	opacity: 1;
}
#live_popup_ch a .img {
	border: solid rgba(255, 255, 255, 0.8) 2px;
	background: #000;
}

#live_popup_ch a:hover .img {
	border: solid rgba(255, 255, 255, 1.0) 2px;
}
#live_btn{
	position: absolute;
	height: 80px;
	width: 80px;
	left: 10px;
	top: 0px;
	cursor: pointer;
}
#live_btn i{
	margin-left: 18px;
	margin-top: 8px;
	font-size: 12px;
}
.live-110 {
	background-image: url("../../default_assets/images/OxlwMBp.png");
	height: 86px;
	position: fixed;
	bottom: 150px;
	z-index: 999999;
	width: 110px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.live-840 {
	background-image: url("../../default_assets/images/OxlwMBp.png");
	height: 86px;
	position: fixed;
	bottom: 150px;
	z-index: 99999;
	max-width: 740px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}


#buy_windows, #add_to_card_windows, #select_server, #auction_bet{
	width: 404px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);  
	z-index:9999;
}