/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Подключаем шрифт
-------------------------------------------------------------*/
  @font-face {
    font-family: Supernatural Knight KG; /* Имя шрифта */
    src: url(http://forumfiles.ru/files/0018/e1/3e/95090.ttf); /* Путь к файлу со шрифтом */
   }

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background: #dfd1b4;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/

#smilies-area {
    width: 525px !important;
    height: 180px;
    overflow: auto;
    margin-left: 146px;
    padding: 15px!important;
    background: #15191d;
    top: 59px !important;
}


img.post-img-Sp {
  margin:1px;
  padding:2px;
transition: 1s;
}
img.post-img-Sp.active {
transition: 1s;
}
img.post-img-Sp {
margin:3px 3px;
    position: relative;
    left: -30px;
margin-top: -26px;
}
    div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{letter-spacing:1px;}


html {
		background: 
url(http://images.vfl.ru/ii/1515068504/78cf0adc/20014599.jpg) repeat-x top center,
		 url("http://images.vfl.ru/ii/1513015771/54735eff/19772200.jpg") repeat-x bottom #000;
}

#pun {
		background: url("http://images.vfl.ru/ii/1513258158/9ac1065d/19801421.jpg") repeat-y top  transparent;
color: #131313;
}

.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important;
    padding: 5px;
    color: #000!important;
}

.punbb thead, .lastedit {display:none;}
/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
 .punbb .post-links,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #1b1b1b;
  }


.post-box {
  color: #141414;
}



.post-box .post-content table td {
    border-color: transparent!important;
}


.post-box a:link, post-content a:visited {
  color: #013546!important;
}

.post-content a:hover, .post-content a:focus, .post-content a:active {
  color: #001a3c!important;
  text-decoration: none!important;
  }

.punbb-admin #pun-admain .adcontainer {
  color: #666;
  background: #040e19;
}

#pun-ulinks .container{
  background: transparent;
  color: #737373;
}

.pa-author a:hover {
  transition: all .5s;
    text-decoration: none!important;
}



/* CS1.2 */
.punbb .post .container, .punbb .post h3 {
  color: #737373;
}

.punbb .post h3 span {
  color: #737373;
}

/*.punbb td.tc2, .punbb td.tcr  {
  background: url(../../img/Mybb_Voodoo/alt1.gif) #1d1c1d repeat-x top;
  color: #737373;
  }*/

.punbb td.tcl , .punbb td.tc3, .punbb td.tc2, .punbb td.tcr   {
    background: rgba(138, 111, 53, 0.4);
    color: #191919;
  }

.punbb td.tc2, .punbb td.tc3 {
  color: #191919;
  font-weight: bold;
  font-size: 1.1em;
  font-family: verdana;
  font-style: normal;
}

.multipage td.tc2, .multipage td.tc3 {font-size: 1em !important;   font-family: tahoma;   font-style: normal}

#post-form h2 span {
    font-size: 1em;
    text-align: center;
    top: 2px;
    position: relative;
    margin-bottom: 35px!important;
    font-family: Supernatural Knight KG;
    font-variant: small-caps;
    text-transform: uppercase;
}

.punbb .main h2 #post-form h2 span {
    background: transparent!important;
}

.punbb .main h2{
    background: transparent;
}

/* CS1.3 */
/*.punbb .main h1,  #pun-debug h2 {
    background: rgba(138, 111, 53, 0.4);
    font-size: 1em;
    text-align: center;
    font-family: Supernatural Knight KG;
    font-variant: small-caps;
    text-transform: uppercase;
}*/

.punbb .main h1,  #pun-debug h2 {
    background: url(http://images.vfl.ru/ii/1515415576/78d09a32/20062738.png) no-repeat top center;
    font-size: 1em;
    height: 50px;
    color: #aeaeae;
    position: relative;
    top: -30px;
    text-align: center;
    font-family: Supernatural Knight KG;
    font-variant: small-caps;
    text-transform: uppercase;
}
.punbb .main h1 span,  #pun-debug h2 span {
    position: relative;
    top: 10px;
}

#pun-stats h2 {
    background: url(http://images.vfl.ru/ii/1513523473/eab8f8e0/19829395.jpg) no-repeat top center;
    color: #98989a!important;
    font-size: 1em;
    height: 75px;
    text-align: center;
    font-family: Supernatural Knight KG;
    font-variant: small-caps;
    text-transform: uppercase;
}


.punbb-admin #pun-admain h2 {
  background: #091929;
  color: #707070;
  font-weight: bold;
}

/* CS1.4 */
.punbb .modmenu .container {
  color: #000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background: transparent;
  color: #091929;
  }

/* CS1.6 */
#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #737373;
}
/* CS1.7 */
.punbb .quote-box {
background: rgba(189, 170, 131, 0.65);
    color: #000000;
    font-size: 14px;
    font-family: areal;
    /* word-spacing: 0.1em; */
    letter-spacing: 0.2px;
    font-weight: 500;
  }
.punbb .code-box {
  background: #bdaa83;
  color: #091929
  }

.punbb textarea, .punbb select, .punbb input {
  background: #0B0E16;
  color: #737373;
  border: 1px solid #0A0A0A;
    box-shadow: 0px 0px 15px #523b06;
}

/* CS1.8 */
#pun-ulinks .container a  {
text-transform: lowercase;
font-size:10px;
color:#444f67
}
#pun-navlinks .container {

  background: transparent;
  }
  #pun-navlinks .container a,  #pun-navlinks a:link,  #pun-navlinks a:visited {
  color: #a7a7a7;
  text-transform:uppercase;
    font-family: Supernatural Knight KG; 
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

.punbb th {
  color: #7998A0;
  background: #171717;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
  border-color: #11120E;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #0D0D0D;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #0A0A0A;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #423314;
  }
/* CS2.5 */
.punbb th {
  border-color: #0A0A0A;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #0A0A0A
  }

#pun-ulinks li, .category h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: rgba(66, 51, 20, 0.4);
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #a7b5bd;
  }


 li.pa-online {
  border-left-color: #262d5c;
  background: url(../../img/Mybb_Voodoo/online.gif)  no-repeat 0px 2px;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited  {
  color: #002a36;
  text-decoration: none;
  }

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #666;
  text-decoration: none;
}

/*
ССЫЛКИ В ПОСТАХ 
-------------------------------------------------------------*/
#pun-main .container .post-body .post-box a:link, #pun-main .container .post-body .post-box a:visited {
    color: #380000!important;
    text-decoration: none;
    font-weight: bold;
}

.post-content td a, .post-content td a:link{
	    color: #380000!important;
    text-decoration: none;
    font-weight: bold;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #437387;
  text-decoration: none;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
  color: #79531B;
  text-decoration: underline;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #F9FFFF;
  text-decoration: none;
  background: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #79531B;
  text-decoration: none;
  }

#pun-ulinks a {
  color: #6699CC;
  text-decoration: none;
  }

/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #79531B;
  text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #141414;
  color: #737373;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
        background: url(http://images.vfl.ru/ii/1518113644/885fea4f/20504685.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://images.vfl.ru/ii/1518113644/1bab6876/20504684.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://images.vfl.ru/ii/1514885934/aaeb1c2e/19990103.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Voodoo/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(http://images.vfl.ru/ii/1514885934/27d85b7c/19990104.png) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Voodoo/post.gif) no-repeat 0px 1px;
        padding-left: 12px;
        padding-bottom: 4px;
        pading-top: 7px;
}

#pun-stats ul.container {
        background: transparent;
        padding-left: 10px;
        margin-top: 40px;
}

 .punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#pun-stats div.statscon {
   background: transparent;
        color: #98989a!important;
}

#pun-crumbs2 .container {
         background: transparent; 
        color: #1b1b1b;
}

#pun-about {
background: url(http://images.vfl.ru/ii/1515230820/bedaeb62/20037462.jpg) no-repeat top center #000;
    color: #737373;
    width: 1025px;
    height: 190px;
    position: relative;
    left: -11px;
    top: 40px;
}
/*--------ПАРТНЕРСТВО
 -------------------------------------------------------------*/

.cmtrackerbg1 {
      width: 585px;
      padding: 20px;
      background: url(http://images.vfl.ru/ii/1503854263/a13fe932/18389962.jpg) 50% 50%;
      border: 5px groove #737e88;
      -moz-box-shadow:inset 9px -9px 15px rgba(218, 218, 218, 0.41);
      -webkit-box-shadow:inset 9px -9px 15px rgba(218, 218, 218, 0.41);
      box-shadow: inset 9px -9px 15px rgba(218, 218, 218, 0.41);
}

.cmnamebar {
   width: 440px;
   height: 20px;
   padding: 15px;
   background:rgba(51, 51, 51, 0.62);
   color: #d4d7d2;
   font: 400 25px/25px Supernatural Knight KG;
   line-height: 16px;
   letter-spacing: 0.5em;
}

.cmtrackerbg2 {
    width: 450px;
    padding: 10px;
    background-color: rgba(212, 213, 215, 0.83);
    background: rgba(212, 213, 215, 0.75);
    color: rgba(212, 213, 215, 0.6);
    border-top: 5px solid;
    border-bottom: 5px solid;
    color: #DEE1DC;
}

.cmtext {width: 450px;
font-family: areal;
font-size: 14px;
line-height: 15px;
color: #000;
text-align: justify;}

/* БАННЕРЫ
 -------------------------------------------------------------*/

div#big_banner {
    height: 60px;
    margin-left: 6px;
    margin-top: -132px;
    padding: 5px 3px;
    position: absolute;
    text-align: center;
    width: 500px;
    z-index: 100;
    overflow-x: auto;
    overflow-y: auto;
}

div#sm_banner a
{
    display: inline-block;
}

div#sm_banner {
    margin-left: 498px;
    height: 60px;
    overflow: auto;
    margin-top: -130px;
    padding: 5px 5px;
    position: absolute;
    text-align: center;
    width: 470px;
    z-index: 100;
    overflow-x: hidden;
}

div#sm_banner img {
margin-left:3px;
}

/* ПОЛОСА ПРОКРУТКИ
 -------------------------------------------------------------*/
::-webkit-scrollbar {width: 6px; height: 5px;}  
::-webkit-scrollbar-track {background-color: rgb(125, 125, 125);} 
::-webkit-scrollbar-thumb {background-color: #16191c;}
::-webkit-scrollbar-thumb:active {background:#79531B;} 
/* ВЫДЕЛИТЕЛЬ
 -------------------------------------------------------------*/
::selection {
    color: rgb(237,236,236);
    background-color: #79531B;
} 

/* ВНЕШНОСТИ
 -------------------------------------------------------------*/
.table {
	color: #999;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.tab_bg {
background-color: #ababab;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    line-height: 10px;
    padding: 0!important;
}

/* КЛИМАТ
 -------------------------------------------------------------*/
.wea {
	color: #000!important;
	background-color: #999;
	font-size: 14px!important;
	font-family:Areal;
	text-align:center;
}
.wea_mounth {
	text-align: center;
	background-color: #CCC;
}
/* ВАКАНСИИ
 -------------------------------------------------------------*/
.vakancy {
	    color: #999;
    background-color: #333333;
  font-family: Supernatural Knight KG;
    text-align: center;
    padding: 0!important;
    line-height: 20px;
    font-size: small;
    text-transform: uppercase;
}
.vak_poyas {
	font-size: 12px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
}

.nec {
		background-color: #b70000;
		font-size:13px;
		text-transform:uppercase;
		font-weight:600;
}

/*СТРЕЛКИ
 -------------------------------------------------------------*/
.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 5%; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .5;
 padding: 3px;
    filter: grayscale(.9);
 margin-bottom: 5px;
 width: 54px;
 height: 40px;}
.go-up { bottom: 60px; }
.go-down { bottom: 10px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;}


/*КОНЕЦ*/

/******************************************
ТАБЛИЦА
************************************************/
.obvi {
     background: url(http://images.vfl.ru/ii/1515004025/9d605d8e/20007120.png) no-repeat top center #000000;
    position: relative;
    left: -25px;
    top: -82px;
    width: 1026px;
    height: 325px;
}
.obv {
	    width: 1000px;
	    height: 300px;
	    display: block;
    color: #8a8a8a;
	     background: transparent;
	    position: relative;
	    left: 15px;
	    padding: 1px;
}

.hello {
    width: 350px;
    height: 30px;
    display: none;
    position: inherit;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid;
}

.first {
	height: 80px;
	width: 1000px;
	display: inline-block;
	position: inherit;
}

.ams {
    width: 330px;
    height: 80px;
    text-align: left;
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    border: 1px solid;
}

.ams img {
margin-left: 0px!important;
}
.ams span {
text-transform: uppercase;
font-size: 14px;
font-weight: bolder;
position:absolute;
margin-top:65px;
margin-left:4px;
}

.game {
	width: 294px;
	height: 70px;
	display: block;
	position:absolute;
	padding:5px;
	margin-left: 341px!important;
	margin-top: -82px!important;
	border:1px solid;
}

.quest{
    width: 310px;
    height: 80px;
    position: absolute;
    text-align: right;
    margin-left: 646px!important;
    margin-top: -82px!important;
    display: flex;
    flex-direction: row;
    border: 1px solid;
    padding-left: 40px;
}

.quest span {
text-transform: uppercase;
font-size: 14px;
font-weight: bolder;
position:absolute;
    margin-left: 150px;
margin-top:65px;
}

.quest img {
margin-left:4px!important;
}

.second{
	padding-top: 1px;
	height: 150px;
	display: inline-block;
	position: inherit;
}


.news {
    font-size: 11px;
    width: 340px;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.obvi a, .obvi a:link {
	color: #7e4617!important;
} 


#newdate {
	text-align:center;
	background:#737373;
	color:#141414;
	padding: 2px 130px;
	font-weight: bold;
	letter-spacing: 1px;
}

/*БОК__________НАВИГАЦИЯ
 -------------------------------------------------------------*/
.na{
    padding: 0 10px 0 10px;
    position: absolute;
    background: rgba(97, 72, 60, 0);
    width: 300px;
    height: 150px;
    margin-left: 347px!important;
    margin-top: -152px!important;
}

ul.menu {
	margin: 0;
	background: #030F1F;
	display: inline-block;
	width: 280px;
	text-align: center;
}

ul.menu li {
	list-style: none;
}

ul.menu li a {
	padding: 10px 12px 12px;
	color: #848d98!important;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
	display: block;
        border-top: 1px solid #848d98!important;
}

ul.menu li a:hover {
    background-color: #0D1723;
    color: #A38452!important;
	  transition: 1s;
	  text-decoration:none;
}

ul.menu li:first-child a {
	border-top: none;
}

ul.menu li:first-child a:hover {
	border-radius: 0px 5px 0px 0px;;
	-webkit-border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
}

ul.menu li:last-child a:hover {
	border-radius: 0px 0px 5px 0px;
	-webkit-border-radius: 0px 0px 5px 0px;
	-moz-border-radius: 0px 0px 5px 0px;
}

ul.menu li ul {
	display: none;
margin-left: 75px;
}

ul.menu li:hover ul {
	display: block;
	position: absolute;
	left: 190px;
	margin-top:-38px;
	background-color: #28283c ;
	width: 150px;
	z-index: 1000;
	border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
}
ul.menu li:hover ul a {
color:#a5a5a5 ;
}

ul.menu li:hover ul li:first-child a:hover {
	border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
}

ul.menu li:hover ul li:last-child a:hover {
	border-radius: 0px 0px 5px 0px;
	-webkit-border-radius: 0px 0px 5px 0px;
	-moz-border-radius: 0px 0px 5px 0px;
}

.develop{
    font-size: 11px;
    width: 338px;
    height:148px;
    padding-top: 0px;
    overflow: auto;
    margin-left:660px!important;
    margin-top: -150px!important;
}

.third{
	height: 80px;
	width:1000px;
	display: none;
    	position: inherit;
    margin-top: 0px!important;
}

.needed {
	width: 341px;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items:flex-end;
	text-align:left;
	border:1px solid;
	margin-left: 0px!important;
}

.needed span {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bolder;
	position:absolute;
	margin-top:-60px;
	margin-left: 4px;
	}

.needed img {
margin-left:2px;
}

.advice {
	width: 293px;
	height: 60px;
	display: block;
	position: absolute;
	margin-left: 343px!important;
	margin-top:-82px!important;
	padding:15px 5px 5px 5px;
	border:1px solid;
}

.activ {
	width: 345px;
	height: 80px;
	display: flex;
	flex-direction: row-reverse;
	align-items:flex-end;
	text-align: right;
	margin-left: 648px!important;
	margin-top: -82px!important;
	border:1px solid;
	padding-right:5px;
}

.activ span {
text-transform: uppercase;
font-size: 14px;
font-weight: bolder;
position:absolute;
margin-top:-58px;
margin-left: 0px;
}

.activ img {
margin-left:2px;
}

.friends {
	display: flex;
	flex-direction: row;
	align-items:flex;
	padding: 4px 0px;
	width: 99%;
	height: 40px;
	overflow-x: auto;
	overflow-y: hidden;
}
.friends img {
margin-left:5px!important;
}
.ban {
	width: 350px;
	display: none;
	height: 50px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bolder;
	position:absolute;
	margin-top: -45px!important;
	margin-left: 780px!important;
}


/***********ВСПЛЫВАЮЩАЯ ХРЕНЬ ТАБЛИЦА*****************/

h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

h6 {
		text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
}
.grid {
	max-width: 350px;
	margin: 0 auto;
	list-style: none;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	/*max-width: 100%;*/
	display: block;
	position: relative;
}

.grid figcaption {
    position: absolute;
    height: 80px;
    width: 300px;
	top: -2px;
    padding: 2px;
	background: #1c2229;
box-shadow: 0px 0px 10px #A38C34;
	color: #527097;
	border:1px double #362811;
}

.grid figcaption h5 {
	margin-top: 1px;
	padding: 0;
	color: #efefef;
}

.grid figcaption p {
	text-align: center;
	width: 306px;
	display: inline-block;
    background: #08192F;
	color: #d6d6d6;
	border-top:1px double #362811;
		border-bottom:1px double #362811;
	margin-top: 10px;
	margin-left:-3px;
}

figcaption h6 {
    margin-top: 1px!important;
}


figure figcaption {
visibility:hidden;
	text-align: center!important;
}  
/****************************
ВСПЛЫВАЮЩИЕ АДМИНЫ
******************************/
.cs-style-1 figcaption {
		left: 330px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-style-1:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  



.cs-style-1 figcaption p {
	margin-top: 3px;
}



.cs-style-2 figcaption {
		left: 259px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-style-2:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  

.cs-style-2 figcaption p {
	margin-top: 3px;
}


.cs-style-3 figcaption {
	position: absolute;
	left: 188px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-style-3:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  


.cs-style-3 figcaption p {
	margin-top: 3px;
}



.cs-style-4 figcaption {
    left: 117px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-style-4:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  


.cs-style-4 figcaption p {
	margin-top: 3px;
}
/****************************
КОНЕЦ ВСПЛЫВАЮЩИЕ АДМИНЫ
******************************/

/****************************
ВСПЛЫВАЮЩИЕ РОЗЫСК
******************************/
.cs-que-1 figcaption {
	left: -571px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-que-1:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  

figure figcaption:hover {
display:none;
}  


.cs-que-1 figcaption p {
	margin-top: 0px;
}



.cs-que-2 figcaption {
	left: -496px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-que-2:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  

figure figcaption:hover {
display:none;
}  


.cs-que-2 figcaption p {
	margin-top: 0px;
}


.cs-que-3 figcaption {
    left: -421px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-que-3:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  

figure figcaption:hover {
display:none;
}  


.cs-que-3 figcaption p {
	margin-top: 0px;
}



.cs-que-4 figcaption {
	left: -346px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-que-4:hover figure figcaption {
	opacity: 1;
	z-index:1000;
	visibility: visible;
}  

figure figcaption:hover {
display:none;
}  


.cs-que-4 figcaption p {
	margin-top: 0px;
}
/****************************
КОНЕЦ ВСПЛЫВАЮЩИЕ Акции
******************************/

/****************************
ВСПЛЫВАЮЩИЕ КВЕСТЫ
******************************/

.cs-nee-1 figcaption {
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-1:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-1 figcaption h5 {
	margin-top: 10px;
}


.cs-nee-1 figcaption p {
	margin-top: 0px;
}



.cs-nee-2 figcaption {
		position: absolute;
	top: -51px;
	left: 236px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-2:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-2 figcaption h5 {
	margin-top: 10px;
}


.cs-nee-2 figcaption p {
	margin-top: 0px;
}


.cs-nee-3 figcaption {
		position: absolute;
	top: -42px;
	left: 163px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-3:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-3 figcaption h5 {
	margin-top: 10px;
}



.cs-nee-3 figcaption p {
	margin-top: 0px;
}



.cs-nee-4 figcaption {
		position: absolute;
		top: -25px;
		left: 90px;
		height: 80px;
		width: 350px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-4:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-4 figcaption h5 {
	margin-top: 10px;
}


.cs-nee-4 figcaption p {
	margin-top: 0px;
}

/****************************
КОНЕЦ ВСПЛЫВАЮЩИЕ АКЦИИ
******************************/
/****************************
ВСПЛЫВАЮЩИЕ АКТИВЫ
******************************/
.cs-nee-1 figcaption {
		position: absolute;
	top: -55px;
	left: 309px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-1:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-1 figcaption h5 {
	margin-top: 10px;
}

.cs-nee-1 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-nee-1 figcaption p {
	margin-top: 20px;
}



.cs-nee-2 figcaption {
		position: absolute;
	top: -51px;
	left: 236px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-2:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-2 figcaption h5 {
	margin-top: 10px;
}

.cs-nee-2 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-nee-2 figcaption p {
	margin-top: 20px;
}


.cs-nee-3 figcaption {
		position: absolute;
	top: -42px;
	left: 163px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-3:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-3 figcaption h5 {
	margin-top: 10px;
}

.cs-nee-3 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-nee-3 figcaption p {
	margin-top: 20px;
}



.cs-nee-4 figcaption {
		position: absolute;
		top: -25px;
		left: 90px;
		height: 80px;
		width: 350px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-nee-4:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-nee-4 figcaption h5 {
	margin-top: 10px;
}

.cs-nee-4 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-nee-4 figcaption p {
	margin-top: 20px;
}


.cs-act-1 figcaption {
		position: absolute;
		top: -25px;
		left: -404px;
		height: 80px;
		width: 350px;
		opacity: 0;
		text-align: center;
		transition: transform 0.3s, opacity 0.3s;
}

.cs-act-1:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-act-1 figcaption h5 {
	margin-top: 10px;
}

.cs-act-1 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-act-1 figcaption p {
	margin-top: 20px;
}



.cs-act-2 figcaption {
		position: absolute;
	top: -42px;
	left: -477px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-act-2:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-act-2 figcaption h5 {
	margin-top: 10px;
}

.cs-act-2 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-act-2 figcaption p {
	margin-top: 20px;
}


.cs-act-3 figcaption {
		position: absolute;
	top: -51px;
	left: -550px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-act-3:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-act-3 figcaption h5 {
	margin-top: 10px;
}

.cs-act-3 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-act-3 figcaption p {
	margin-top: 20px;
}



.cs-act-4 figcaption {
		position: absolute;
	top: -55px;
	left: -623px;
	height: 80px;
	width: 350px;
	opacity: 0;
	text-align: center;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-act-4:hover figure figcaption {
	opacity: 1;
	z-index:1000;
}  

figure figcaption:hover {
display:none;
}  
.cs-act-4 figcaption h5 {
	margin-top: 10px;
}

.cs-act-4 figcaption span {
		margin-top: 1px;
				margin-left: 120px;
}

.cs-act-4 figcaption p {
	margin-top: 20px;
}


/*--------ССЫЛКИ В КАТЕГОРИЯХ
 -------------------------------------------------------------*/
.cat-tex{
    display: inline-block;
    padding: 5px 1px 3px 0;
}

.cat {
    padding: 1em;
    background: rgba(171, 171, 171, 0.2);
    border: 2px inset #423314;
}

a.navis, a.navis:active, a.navis:link, a.navis:visited {
    background: #030f1f;
    text-decoration: none;
    font-family: small fonts;
    padding: 5px;
    font-size: 8px;
    text-align: center;
    line-height: 9px;
    letter-spacing: 1px;
    color: #8ca6ad;
    text-transform: uppercase;
    display: block;
    width: 120px;
    margin: 1px;
    font-style: normal;
    border-bottom: 2px solid #737373;
    font-weight: bold;
    box-shadow: 1px 1px 1px #839ba2;
    display: inline-block;
    transition: 1s;
    position: relative;
}

a.navis:hover {
background: #0D1723;
font-family: small fonts;
padding:5px;
font-size:9px; 
text-align:center;
line-height: 9px;
letter-spacing: 1px;
color:#cccccc;;
text-transform: uppercase;
display:block;
width:120px;
margin:1px; 
text-decoration: none; 
font-style:normal;
font-weight:normal;
border-bottom :2px solid  #040021;;
font-weight: bold;
transition: 1s;
display: inline-block; 
position: relative;
}

/******************************************************************
  Cтиль к скрипту: 

 ВСПЛЫВАЮЩАЯ ХРЕНЬ С ИНФОЙ О ПЕРСОНАЖЕ
************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{
display: block!important;
    cursor: pointer;
    position: relative;
    text-align: left!important;
    left: 116px!important;
    top: 30px!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -90px 0 0!important;
 width:20px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
 display:none;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;
 z-index:1;
 top:-25px;
 display:none;
 text-align:center;
 vertical-align:middle;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 text-align:left;
 display: block;
}


/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:255px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background:  background: transparent!important;
}


/* СТИЛЬ САМОЙ ПЛАШКИ
************************************************/

/*основной контейнер */
.hero {width: 600px;
height: 600px;
position: relative;
display: block;
background: #15191d;
border: 2px #0f0f0f solid;}

/*средний контейнер*/
.unit {
    display: inline-block;
    background: #181918;
    border: 1px #0f0f0f solid;
    height: 310px;
    width: 560px;
    position: relative;
    left: 20px;
    top: 20px;
    padding: 2px;
}

.unit .pa-avatar img {
	max-width: 170px!important;
	position: relative;
	left:20px;
	top: 15px;
	z-index:100;
	border: 3px double #777;
}

.unit:last-child {
    display: flex;
    height: 218px;
    background: #181918;
    border: 1px #0f0f0f solid;
    width: 560px;
    position: relative;
    left: 19px;
    top: -70px;
}

/*верхний внутренний */
.dos {
	display:inline-block;
	background: #15191d;
	width: 355px;
	height: 240px;
	position:relative;
	top: -240px;
	left: 188px;
	border: 4px double #777777;
	}

.dos span {
  position: absolute;
  left: 85px;
  top: -16px;
  text-shadow: 1px 1px 1px rgba(191, 191, 191, 0.38);
  font-size: 13px;
  color: #8ca6ad;
  background: #15191d;
  border: 4px double #777777;
  font-family: Supernatural Knight KG; /* Имя шрифта */
  font-weight: bold;
  padding: 4px 2px;
  text-transform: uppercase;
  line-height: 1.1;
  z-index:150;
  width: 190px;
}

.dos img {
    position: relative;
    left: -30px;
    top: 55px;
    float: right;
    z-index: 500;
 }

/*инфа внутри*/
.infa {
  font-size: 13px;
  color: rgb(20, 15, 11);
  position:relative;
  top:30px;
  background: #777;
  left: 15px;
  width: 320px;
  border: 2px solid #79531B;
  box-shadow: inset 0px 0px 5px #000;
  padding:5px;
}

/*арена*/
/*арена*/
.fight {
	position:relative;
	left:5px;
	top: 15px;
	font-size: 12px;
	width: 285px;
	height: 145px;
	font-family: "Georgia";
	display: inline-block;
	background: #777; */
	border: 2px solid #79531b;
	box-shadow: inset 0px 0px 5px #000;
	border: 2px solid #79531b;
}
.fight span {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    top: -18px;
    left: 40px;
    color: #88a2a8;
    font-size: 10px;
    padding: 2px;
    /* margin-left: 20px; */
}



.combat {   position: relative;
    font-weight: bold;
    text-transform: uppercase;
    top: -5px;
    left: 115px!important;
    color: #88a2a8;
    font-size: 10px;
    padding: 2px;
}


.fight table {
position:relative;
top:-15px;
}

.fight table:last-child {
    position: absolute;
    left: 145px!important;
    top: 2px!important;
    width: 160px;
    height: auto;
    padding-left: 2px!important;
}

.fight table:last-child td{
padding:1px!important;
}

.hero .fight td {
 	    padding: 3px 2px!important;
 }
/* навыки*/
.skills{
    position: relative;
    left: 300px;
    top: -134px;
    background: #777;
    border: 2px solid #79531b;
    box-shadow: inset 0px 0px 5px #000;
    width: 230px;
    height: 145px;
    font-family: "Georgia";
    font-size: 12px;
}

.skills span {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    top: -18px;
    left: 90px;
    color: #88a2a8;
    font-size: 10px;
    padding: 2px;
}

.skills table {
    position: relative;
    top: -9px!important;
    left: -2px;
    width: 236px;
    /* height: 149px; */
}
.skills table td {
	padding-top:0px!important;
	padding-right:7px!important;
}

/* контейнер слота для плюшек*/
.slot  p {
    position: relative;
    left: 10px;
    width: 270px;
padding: 0 0 0.5em 0!important;
}

.slot {
    display: inline-block;
    height: 140px;
    box-shadow: inset 0px 0px 5px #000;
    border: 2px solid #79531b;
    width: 507px;
    position: relative;
    left: 10px;
    background: #777;
    padding: 4px;
    top: 10px;
    overflow-y: auto;
}

.slot img {
    filter: grayscale(90%); 
    padding: 1px;
margin-left: 4px;

}


/*************************************
БАЯН
******************/

/* базовый контейнер вкладок */
.tabs_block{
    position: relative;
    background: rgba(21, 25, 29, 0);
    left: 5px;
    top: 4px;
    font-size: 12px;
    width: 560px;
    height: 310px;
    padding: 0px;
    font-family: "Georgia";
}
.tabs_block:after{
    content:"";
    display:block;
    clear:both;
}
/* панель навигации вкладок */
.tabs {
    margin: 0;
    /* padding: 0; */
    list-style: none;
    float:left;
    /* padding: 0px!important; */
}
/* список вкладок */
.tabs li {
		  font-weight: bold;
		  text-transform: uppercase;
		  line-height: 1.2;
		  text-align:center;
		  float:left;
    position: relative;
    top: 3px;
		  padding:6px!important;
		  margin-right:1px;
		  cursor:pointer;
    color: #49575a;
		  -webkit-transition:all .2s linear 0s;
		  -webkit-transition-delay:.2s 0s;
		  transition:all .2s linear 0s;
}
/* активная вкладка */
.tabs li.active {
	z-index:500;
    background:#15191d;
    color:#88a2a8; 
    border-top: 3px double #777;
     border-left: 3px double #777;
      border-right: 3px double #777;
      border-bottom:3px solid #15191d;
}
/* блоки вкладок с содержанием */
.box {
    background:#15191d;
    width: 540px;
    height: 172px;
    display:none;
    text-align: left;
    float: left;
        border:3px double #777;
}
/* параграф внутри вкладок */
.box p {
    margin-bottom: 15px;
}
/* активный блок при загрузке */
.visible, .open_tab {
    display: block;
}

   	.tblCalc{
    border: 4px double black;
    margin-bottom: 15px!important;
    padding: 0;
    width: 50%!important;
    font-size: 13px!important;
 	}
h7 {
		text-transform: uppercase;
	font-weight: bolder;
}
     #caption {
text-align: center!important;
font-size: 14px;

  }

.tblAct  {
    border: 4px double black;
    padding: 0;
    position: relative;
    margin-left: 50%!important;
    margin-top: -399px!important;
    margin-bottom: 10px!important;
    width: 50%!important;
    font-size: 13px!important;
}