/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1763212883.css);


@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Amatic+SC|Bad+Script|Balsamiq+Sans|Caveat|Comfortaa|Cormorant+SC|Exo+2|Gabriela|Jost|Jura|Kelly+Slab|Kurale|Lobster|Marck+Script|Montserrat|Montserrat+Alternates|Neucha|Old+Standard+TT|Oranienbaum|Oswald|Pacifico|Pangolin|Pattaya|Play|Playfair+Display+SC|Poiret+One|Press+Start+2P|Rubik+Mono+One|Ruslan+Display|Russo+One|Tenor+Sans|Spectral+SC|Vollkorn+SC|Viaoda+Libre|Underdog|Yanone+Kaffeesatz|Yeseva+One');

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');

@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@font-face {
font-family: 'Conv_Briolin';
src: url('http://forumstatic.ru/files/000f/56/7e/53252.eot'),
url('http://forumstatic.ru/files/000f/56/7e/93206.woff') format('woff'),
url('http://forumstatic.ru/files/000f/56/7e/30768.ttf') format('truetype'),
url('http://forumstatic.ru/files/000f/56/7e/62093.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OCR';
src: url('http://forumstatic.ru/files/001a/c4/33/67241.eot?'),
url('http://forumstatic.ru/files/001a/c4/33/27411.woff') format('woff'),
url('http://forumstatic.ru/files/001a/c4/33/29920.ttf') format('truetype'),
url('http://forumstatic.ru/files/001a/c4/33/99435.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'Beauty';
src: url('http://forumstatic.ru/files/001a/e0/41/17360.eot?'),
url('http://forumstatic.ru/files/001a/e0/41/87059.woff') format('woff'),
url('http://forumstatic.ru/files/001a/e0/41/88792.ttf') format('truetype'),
url('http://forumstatic.ru/files/001a/e0/41/97752.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {font-family: Clarissa; 
src: local("Clarissa"), url(http://forumstatic.ru/files/001b/6f/13/84316.ttf);}

@font-face {font-family: PrincesS AND THE FROG; 
src: local("PrincesS AND THE FROG"), url(http://forumstatic.ru/files/001b/6f/13/27838.ttf);}


@font-face {font-family: Marcellus SC; 
src: local("Marcellus SC"), url(http://forumstatic.ru/files/001b/9e/b3/98551.ttf);}



@font-face {font-family: Supernatural; 
src: local("Supernatural"), url(http://forumstatic.ru/files/001b/b3/c1/53432.ttf);}


@font-face {font-family: Kingthings; 
src: local("Kingthings"), url(//forumstatic.ru/files/001b/c7/87/86379.ttf);}


@font-face {font-family: Assassin; 
src: local("Assassin"), url(//forumstatic.ru/files/001b/7a/0c/91232.ttf);}

@font-face {font-family: Colus; 
src: local("Colus"), url(//forumstatic.ru/files/001b/7a/84/93625.otf);}


@font-face {font-family: PRISTINA; 
src: local("PRISTINA"), url(//forumstatic.ru/files/001b/c7/87/80320.ttf);}


@font-face {font-family: Swistblnk; 
src: local("Swistblnk"), url(//forumstatic.ru/files/001b/d4/ad/45469.ttf);}


@font-face {font-family: SpringSunshine; 
src: local("SpringSunshine"), url(//forumstatic.ru/files/001c/1b/46/68960.ttf);}


@font-face {font-family: Archive; 
src: local("Archive"), url(//forumstatic.ru/files/001b/7a/84/79625.otf);}

@font-face {font-family: Astina; 
src: local("Astina"), url(//forumstatic.ru/files/001c/57/b0/67511.ttf);}


@font-face {font-family: Morpheus; 
src: local("Morpheus"), url(//forumstatic.ru/files/001b/7a/0c/27696.ttf);}



/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0;}

/* A2.2 */
.punbb * {
margin: 0%;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {

width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100%;
}

/* A3.2 */
.punbb {
font: normal 69.75% verdana, arial, helvetica, sans-serif;
}

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif;


}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
}

.punbb h1 span {
  font-family: spectral sc;
font-size: 14px;
color: #02698f;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {

}

/* A3.11 */
.punbb optgroup {
font-weight: normal;
}


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width: 984px;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}

/* A5.2 */
.punbb {
width: 92%;
  height: auto;
  margin-top: 327px;
  padding: 0 40px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 20% 0px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0.5em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px
}

/* A5.9 */
.punbb .container {
border-style: none;
border-width: 0;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 0px 0em;
border-style: none none none none;
border-width: 0 0 0 0;
}




#pun-stats h2, #pun-main h2 {
width: 700px;
  font-family: spectral sc;
  font-size: 15px;
  color: #dbdcde;
  text-align: center;
  font-weight: normal !important;
  background: url('http://forumstatic.ru/files/001c/57/b0/22885.jpg') 0% 2%;
  height: 24px;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 1px;
  text-shadow: 1px 0px 2px #b64f4a;
  border: 1px solid #0e4d80;
  margin: 0px auto 15px auto;
}



/*************************************************************

B - MAIN CONTENT - GENERAL

**************************************************************/



/* B1 Parsed Content, Signatures and Scroll Boxes

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



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {
    display: block;
    width: auto;
    margin: 5px 0px;
  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em;
  padding: 1em;
  color: #dbdcde;
  background: #02364d;
  border: 1px solid #0b446f;
  outline: 1px solid #dbdcde;
  outline-offset: -2px;
  box-shadow: 0px 0px 4px #1787a8 inset;
 }

.code-box a {color: #be534f !important;}


/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

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



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  border-width: 0px;

  margin: 0 0 1.1em 0;

  }



/* B2.2 */

.punbb .info-box * {

  padding: 0 0 0.7em 0;

  }



/* B2.3 */

.punbb #pun-main .info-box .legend {

  font-size: 1.1em;

  font-weight: bold;

  }





/* B3 Pagination and posting links

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



/* B3.1 */

.punbb .linkst {

  float: left;

  position: relative;

  width: 100%;

 font-size: 11px;
font-family: spectral sc;
color: #105485;

  height: 0;

  }

.linksb .pagelink {
font-size: 11px;
font-family: spectral sc;
color: #1d5c8b;}


/* B3.2 */

.multipage {
margin-left: -15px;
  margin-top: 3em;

  }



/* B3.3 */

.linkst .pagelink {

position: absolute;
top: -4em;
margin-left: 19px;
width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {
text-align: right;
padding: 1.4em 0em 0.5em 0em;
font-size: 10px;
margin-left: 19px;
  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/



/* C1 Form layout

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



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 0.3em 1.1em 1.5em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }



/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }



/* C1.6 */

.punbb fieldset legend span {

padding: 0 5px;
margin: 0 0 0 -15px;
color: #072b4d;
font-size: 11px;
border-radius: 10px;
}



/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }



/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }



/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }



/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }



/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }



/* C1.12 */

.punbb .datafield br {

  display: none

  }



/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold

  }



/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }



/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }



/* C1.16 */

.punbb textarea, .punbb .longinput input {
width: 64%;
  margin: 0px;
 border: 1px solid #b0b0b0;
  background-color: #e1e1e1;
  padding: 5px;}



/* C1.17 */

.punbb .hashelp {

  position: relative;

  }



/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }



/* C1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }



/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }


/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }





/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
width: 56%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }


/* C2.8 */
#pun-index .tcl h3 {
margin-bottom: 9px;
  padding: 0px 3px 3px 3px;
  text-align: center;

  }





/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 1.5em 0em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
display: none;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
text-align: justify;
margin-left: 8px;
}

/* C2.15 */
.punbb div.icon {
float: left;
  margin-top: 2px;
  margin-left: 20px;
  font-family: 'Font Awesome 6 Pro';
  font-weight: lighter;
}

/* C3 Topics

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



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: 7px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;
  border-width: 0px;

  margin-left: -7px;
  height: 18px;

  }



/* C3.3 */

.punbb .post h3 span {
padding: 0.5em 1.3em;
  display: block;
  border-left-style: none;
  border-left-width: 0px;
  color: rgb(18, 20, 21) !important;
  font-size: 10px;
  margin-left: 245px;
  }



.punbb .post h3 span a {
 font-size: 10px;
color: #194256;
font-weight: bold;
  }



/* C3.4 */

.punbb .post h3 strong {
    float: right;
width: 15px;
text-align: center;
color: rgb(210, 92, 88) !important;
font-size: 10px;
}


/* C3.5 */

.punbb .post .post-author {
float: left;
  overflow: visible;
  width: 228px;
  color: #b3b1af;
  margin-left: 19px;
  background: url("http://forumstatic.ru/files/001c/57/b0/81822.png") repeat-x scroll 100% 0%, url("http://forumstatic.ru/files/001c/57/b0/15178.png") repeat-x scroll 100% 100%, url("http://forumstatic.ru/files/001c/57/b0/14687.png") repeat scroll 100% 42%;
  text-align: center;
  min-height: 110px;
  padding-bottom: 10px;
  margin-top: 0px;
}




/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }



/* C3.7 */

.pa-author {
  text-align: center;
  font-family: PrincesS AND THE FROG;
  font-size: 15px;
  margin-top: 10px;
  width: 206px !important;
  z-index: 100000;
  position: relative;
  margin-bottom: 5px;}



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {
text-align: center;
font-size: 11px;
color: #dbdcde;
line-height: 12px;
font-family: arial;
text-transform: lowercase;
width: 210px;
margin-bottom: 10px;
position: relative;
margin-left: 0px;}


li.pa-online {
font-size: 9px;
text-align: center;
color: #cc5954; }



/* C3.11 */

.punbb .post-body {

  margin-left: 22em;

  border-left-style: none;

  border-left-width: 0px;

padding: 0px 0px 1px 15px;

  }



/* C3.12 */

.punbb .post-box {



  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {


font-family: spectral sc;
border-left-style: solid;
border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {


  height: 2em;
margin-left: 10px;
border-top-style: none;
border-top-width: 0px;
background: transparent;
text-align: right;

  }



/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }



/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }



/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }





/* C4 Moderator menu

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



/* C4.1 */

.punbb .modmenu .container {

     text-align: right;
    margin-left: 16px;
  }



/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }



/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }



/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }





/* C5 Message boxes

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



/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }



/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }





/* C6 Profile

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



/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }



/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }



/* C6.4 */

#viewprofile ul, #profilenav ul {
font-size: 12px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;
outline: none !important;
  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

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



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/



/* D1 Logo and description

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



/* D1.1 */

#pun-title {
border-style: none none none none;
  border-width: 0px 0px 0 0px;
  background: url("http://forumstatic.ru/files/001c/57/b0/22754.png") no-repeat;
  height: 409px;
  width: 1216px;
  margin-left: -166px;
  margin-top: -328px;
  position: absolute;
}

/* D1.2 */

#pun-title h1 {

  display : none;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



/* D1.4 */

#pun-title h1 span  {

  font-size: 1.5em;

  }



#pun-title table {
    border: none;
    width: 100%;

}



#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 0px;
  left: 31%;
  top: 0;
  margin-left: 200px;
}



/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: 0px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

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



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

border-style: none;
  border-width: 0;
  text-align: center;
  width: 984px;
  margin-left: -20px;
  z-index: 1 !important;
  position: relative;
  padding-top: 17px; } 




/* D3.2 */

#pun-navlinks .container {
text-align: center;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;

}


/* D3.3 */

#pun-navlinks li {

  display: inline-block;

  }



/* D3.4 */

#pun-navlinks li a {
  color: #1b466c;
  transition: all .2s linear;
  font-size: 19px;
  font-weight: normal;
  font-family: PrincesS AND THE FROG;
  padding-right: 11px;
}

#pun-navlinks li a:hover  {color: #188fa7; transition: all .2s linear;
 }


/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  
text-align: center; position: relative;

  }



/* D4.2 */

#pun-ulinks .container {

}




/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

display: inline;  transition: all .2s linear;
font-size: 10px;
white-space: nowrap;
color: #aa7472;

  }

#pun-ulinks li a:hover {

color: #437087;  
transition: all .2s linear;

  }

/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.6em 0 0.6em;

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

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



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;
  margin-bottom: 0;

  }



/* D5.2 */

#pun-status .container {

color: #7b7b7b;
font-size: 10px;
text-transform: lowercase; 
text-align: center;
margin-top: 16px;
}



#pun-status li a {

color: #65624f !important;

  }

/* D5.3 */

#pun-status span {

  white-space: nowrap;


  }



/* D5.4 */

#pun-crumbs1 {

overflow: hidden;
position: relative;
margin-bottom: 15px;
  }



/* D5.5 */

#pun-crumbs1 p.container, #pun-crumbs2 p.container {
border-top: none;
  font-size: 13px;
  font-family: spectral sc;
  text-align: center;
  color: #1b466c;
  font-weight: bold;
  margin-top: 20px;
  
  }



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

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



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  display: none;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {
padding: 0.3em 1em 1em;
position: absolute;
color: #8f96bd;
width: 409px;
margin-top: -191px;
margin-left: 43px;
  }


/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {

padding: 2.8em 1em;
  color: #646768;
  font-family: spectral sc;
  font-size: 12px;
}


/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

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



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: center;

  line-height: 150%;

  padding: 2.8em 0em;

  }



/* D8.5 */

#pun-about p span {

  display:block;
 padding-left: 50%;
font-size: 9px;
color: #467481;
margin-top: -16px;
  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em !important;


color: #181c13;
  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 0px;

  }





/* D9 Help file

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



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

  border-bottom-width: 0px;

  padding-bottom: 0;

  margin-bottom: 0.8em;

  }



/* D9.2 */

#pun-help .formal .info-box h3.legend span {

  padding-bottom: 0.6em;

  display: block;

  border-bottom-style: none;

  border-bottom-width: 0px;

  font-size: 1.1em;

  }



/* D9.3 */

#pun-help .formal p, #pun-help .formal dd {

  margin-bottom: 1em

  }



/* D9.4 */

#pun-help .formal ul, #pun-help .formal dl {

  padding: 0 0 0 1em

  }



/* D9.5 */

#pun-help .formal li {

  padding: 0;

  line-height: 130%

  }



/* D9.6 */

#pun-help .formal li * {

  vertical-align: text-top

  }



/* D9.7 */

#pun-help .formal dt span {

  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace

  }



/* D9.8 */

#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }


#main-reply {
    width: 97% !important;
    padding: 5px;
}

.post-content td {
padding: 0.1em 0.5em !important;}





 .pa-author a {  color: #42a9c0 !important;

}

 .pa-author a:hover {color: #cc5954 !important;
 }


 .pa-respect a {color: rgb(232, 219, 210) !important;}
 .pa-avatar {text-align: center; }

#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #image-area, #keyboard-area, #addition-area, #video-area, #pun-reputation .inner, #spoiler-area {
background-color: rgb(2, 54, 77);
  color: #dbdcde !important;
  border: 1px solid #02678d;
  scrollbar-width: thin;
}

#image-area a, #spoiler-area a, #video-area a {color: #87b7c7 !important;}

#font-area {
    height: 280px;
    overflow-x: auto;
}

#tags .container {right: 6px !important;}

.hasicon tr .tcr a {
font-size: 11px;
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}


#pun-index .tcl h3 a {
color: #dbdcde !important;
  font-size: 14px;
  font-family: Morpheus;
  text-transform: uppercase;
  letter-spacing: 1px;
}





#byuser {color: rgb(104, 104, 104) !important;}

.punbb .post h3 a {
    font-size: 10px;
margin-left: 9px;
}


.punbb td div.tclcon  {

}

#pun-index .tclcon {
text-align: justify;
  font-size: 10px;
  width: 376px;
  color: #dbdcde;
  margin-left: 24px;
  padding: 10px 20px 22px 20px;
  background: url("http://forumstatic.ru/files/001c/57/b0/68351.png") repeat-x scroll 100% 0%, url("http://forumstatic.ru/files/001c/57/b0/40216.png") repeat-x scroll 100% 100%, transparent url("http://forumstatic.ru/files/001c/57/b0/64673.png") repeat scroll 100% 42%;
  min-height: 114px;}

#pun-index .tcl h3 a:hover  {}

#pun-viewtopic .post h3 { 
}

#pun-live-rusff {display: none;}

.pa-posts, .pa-respect {
font-size: 10px;
  text-align: center;
  color: rgb(219, 220, 222);
  display: inline-block;
  width: 88px;
  border: 1px solid #095475;
  background: #0000003d;
}



dl.post-sig {border-top: 1px solid #cacaca; }


.pa-avatar.item2 img.allow_change {
    outline: solid 0px transparent !important;
border: 1px solid #235882;
  }

.pa-avatar.item2 img {border: 1px solid #235882;

}

.pun-modal .modal-inner h2 {
background: transparent !important;
}

.pun-modal .modal-inner {
 border: 6px solid !important;
color: #aaa5a5;
background-color: #d2d2d2;
}


#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
border: 1px solid #826d3d !important;
color: #5b3922 !important;
background-color: #e7d6c6;
z-index: 100000 !important;
}



#floatbut {width: 26px;}


.topic a.sharelink {
    display: none;
}


HTML, body {
    scrollbar-color: #be534f rgb(5, 75, 103);
}


::-webkit-scrollbar {
    background-color: rgb(5, 75, 103); 
}

::-webkit-scrollbar-thumb {
    background-color: #be534f; 
}



.punbb .modmenu .container span {
    display: none;
}



.punbb .post-content  {
    text-align: justify;
}

.pa-awards {
    text-align: center; 
}



#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
margin-right: 10px;
margin-top: -1px;}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
margin-right: 10px;
margin-top: -1px;}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
margin-right: 10px;
margin-top: -1px;}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
margin-right: 10px;
margin-top: -1px;}


#pun-viewforum table div.icon::after, #pun-messages table div.icon::after, #pun-searchtopics table div.icon::after {
  content: '\f2dc';
  font-size: 15px;
  color: #8c8c8c;
}

#pun-viewforum tr.inew div.icon::after, #pun-messages tr.inew div.icon::after, #pun-searchtopics tr.inew div.icon::after {
  content: '\f2dc';
  font-size: 15px;
color: #ac4846;
  font-weight: bolder;
}


#pun-viewforum tr.iclosed div.icon::after,
#pun-messages tr.iclosed div.icon::after,
#pun-searchtopics tr.iclosed div.icon::after {content: '\f2dc';
font-size: 15px;
color: #000;}


#pun-viewforum tr.isticky div.icon::after,
#pun-messages tr.isticky div.icon::after,
#pun-searchtopics tr.isticky div.icon::after {content: '\f2dc';
font-size: 15px;
color: #016d8f;}


.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
}

#main-reply {height: 200px;}


.punbb .user-avatar .avatar-image {
border: 1px solid #437085;
border-radius: 0px !important;}


#news {
position: absolute;
  color: #dbdcde;
  margin-left: 729px;
  margin-top: -251px;
  width: 193px;
  height: 159px;
  overflow-y: auto;
  text-align: justify;
  padding-right: 3px;
  font-size: 9px;
  z-index: 2;
  line-height: 10px;
  scrollbar-width: none;
}

#weather  {
position: absolute;
  margin-left: -43px;
  margin-top: -274px;
  width: 209px;
  color: #dbdcde;
  font-size: 10px;
  z-index: 2;
  height: 130px;
  overflow: hidden;
}










.tooltip {
    background: none;
    display: inline-block;
    text-decoration: none;
    outline: none;
}
.tooltip span {visibility: hidden;
  position: absolute;
  color: #dbdcde;
  z-index: 999999;
  width: 325px;
  padding: 5px;
  background-color: #296a8d;
  line-height: 13px;
  font-family: arial;
  font-size: 10px;
  height: 123px;
  overflow-y: auto;
  scrollbar-width: thin;
  font-weight: normal !important;
  text-align: justify !important;
  border: 1px solid #c75650;
}
.tooltip:hover {
    border: 0; /* IE6 fix */
}
.tooltip:hover span {
    visibility: visible;
}

.tooltip span:before {
    border-top-color: #ccc;
    bottom: -8px;
}

.tooltipA2 {
top: 79px;
  left: -74px;
  width: 299px !important;
  height: 46px !important;
}

.tooltipA22 {top: 79px;
  left: -163px;
  width: 299px !important;
  height: 46px !important;}


.tooltipA3 {left: -310px;
  height: 81px !important;
  width: 318px !important;
  top: -21px;}

.tooltipA3 b {
background: #c75651;
color: #fff;
padding: 1px 7px;
}

.tooltipA4 {top: -16px;
  left: -399px;
  height: 81px !important;
  width: 354px !important;}

.tooltipA4 b {
background: #c75651;
color: #fff;
padding: 1px 7px;
}


.tooltipA7 {top: 93px;
left: -249px;
height: 81px !important;
width: 354px !important;}

.tooltipA7 b {
background: #c75651;
color: #fff;
padding: 1px 7px;
}


.tooltipA5 {
height: 92px !important;
width: 354px !important;
top: 93px;
left: -233px;}

.tooltipA5 b {
background: #c75651;
color: #fff;
padding: 1px 7px;
}

.tooltipA6 {top: 93px;
width: 352px !important;
height: 100px !important;
left: -273px;}

.tooltipA6 b {
background: #c75651;
color: #fff;
padding: 1px 7px;
}

#shapkaams {
  position: absolute;
margin-left: 598px;
margin-top: -332px;
font-family: spectral sc;
text-align: center;
width: 126px;
font-size: 19px;
color: #c8beb5;
z-index: 2;
}

#shapkaams2 {
    position: absolute;
margin-left: 709px;
margin-top: -297px;
font-family: spectral sc;
text-align: center;
width: 126px;
font-size: 19px;
color: #c8beb5;  z-index: 2;
}


#shapkaams a, #shapkaams2 a {  color: #cabfb6 !important;}




.pa-fld1  {
margin-bottom: 2px;
margin-left: -11px;
width: 228px;
text-align: center;
}

.pa-fld2, .pa-fld3, .pa-fld4 {
text-align: justify;
font-size: 10px;
line-height: 11px;
 color: rgb(219, 220, 222);
  border: 1px solid #095475;
  background: #0000003d;
box-shadow: inset 0px 0px 2px #593925;
padding: 5px !important;


}

.pa-fld2 a, .pa-fld3 a, .pa-fld4 a, .pa-gifts a {color: #42a9c0 !important;}


.pa-fld3 {
    text-align: center !important;
  
}


.mini_awards_label {
    color: #7a9ec0;
    font-weight: bold;
}

.punbb-admin #pun-admain h2 {color: #0c4473 !important;}

.adformal h2, #pun-adnav h2 {border-width: 0px !important;}


.pa-time-visit {
    color: #ffc492;
    font-size: 10px;
}










li#navawards {display: none;}





/* ÏÎÄËÎÆÊÈ */

.mercy-looks {background: url('http://forumstatic.ru/files/001c/57/b0/19498.jpg');
  width: 550px;
  height: 695px;
}

.mercy-looks a {
color: #c8d7e2 !important;
font-weight: bold;
}

.mercy-looks .text {  margin: 52px 0px 0px 18px;
color: #dbdcde;
font-size: 10px;
position: absolute;
width: 513px;
height: 48px;
overflow: auto;
line-height: 10px;}

.mercy-looks .men-abcde,
.mercy-looks .men-fghij,
.mercy-looks .men-klmno,
.mercy-looks .men-pqrst,
.mercy-looks .men-uvwxyz,

.mercy-looks .women-abcde,
.mercy-looks .women-fghij,
.mercy-looks .women-klmno,
.mercy-looks .women-pqrst,
.mercy-looks .women-uvwxyz {   position: absolute;
color: #dbdcde;
font-size: 10px;
width: 241px;
height: 77px;
overflow: auto;
text-align: left;
scrollbar-width: thin;}

.mercy-looks .men-abcde {margin: 130px 0 0 289px;}
.mercy-looks .men-fghij {margin: 244px 0 0 289px;}
.mercy-looks .men-klmno {margin: 354px 0 0 289px;}
.mercy-looks .men-pqrst {margin: 464px 0 0 289px;}
.mercy-looks .men-uvwxyz {margin: 574px 0 0 289px;}

.mercy-looks .women-abcde {margin: 130px 0 0 22px;}
.mercy-looks .women-fghij {margin: 244px 0 0 22px;}
.mercy-looks .women-klmno {margin: 354px 0 0 22px;}
.mercy-looks .women-pqrst{margin: 464px 0 0 22px;}
.mercy-looks .women-uvwxyz {margin: 574px 0 0 22px;}


.mercy-about-us {background: url(http://s7.uploads.ru/PXodU.png); width: 450px; height: 400px;}
.mercy-about-us .admin1, .mercy-about-us .admin2 {    position: absolute;
    width: 198px;
    height: 270px;
    text-align: center;
  color: #c4b9c1;
    text-shadow: 1px 1px 0 #444256;
    font-size: 10px;}

.mercy-about-us .adm-image1, .mercy-about-us .adm-image2 {   border: 1px solid #46404c; width: 190px; height: 76px; margin-left: 3px;}

.adm-image1 {background-image: url(https://i.imgur.com/P7xb9Pu.gif); }
.adm-image2 {background-image: url(https://i.imgur.com/CWn6Bdc.gif); }

.mercy-about-us .admin1 {    margin: 70px 0 0 15px;}

.mercy-about-us .admin2 {    margin: 70px 0 0 236px;}

.mercy-about-us .admin1 .text, .mercy-about-us .admin2 .text {width: 180px;
    height: 157px;
    overflow: auto;
    padding: 0 5px;
    text-align: justify;
    margin: 6px 0 0 3px;}

.mercy-about-us .admin1 span, .mercy-about-us .admin2 span {   font-family: impact;
    text-transform: uppercase;
    font-size: 18px;}


.mercy-welcome {background: url('http://forumstatic.ru/files/001c/57/b0/53732.png');
  width: 550px;
  height: 350px;}

.mercy-welcome .text, .mercy-welcome .links {position:absolute;}

.mercy-welcome .text {color: #dbdcde;
  width: 483px;
  overflow: auto;
  padding: 2px 15px;
  height: 160px;
  text-align: justify;
  margin: 116px 0 0 17px;
  line-height: 15px;}

.mercy-welcome .links a { padding: 1px 7px 0px 7px;
  margin-right: 10px;
  background-color: #02364d;
  color: #dbdcde !important;
  border: 1px solid #3e6b80;
  box-shadow: inset 0px 0px 1px #5f8b98;
  font-family: spectral sc;
  transition: all .2s linear;
}

.mercy-welcome .links a:hover {
filter: brightness(1.2);
transition: all .2s linear;
}


.mercy-welcome .links {
    width: 550px;
    margin: 305px 0 0 7px;}











/* ÀÍÊÅÒÀ */

.mercy-form {  background: url('http://forumstatic.ru/files/001c/57/b0/48391.jpg');
  width: 590px;
  height: 450px;
}

.mercy-form .mercy-tabs {position:absolute; margin: 66px 0 0 217px;}

.mercy-form .name {     position: absolute;
  font-family: spectral sc;
  font-size: 17px;
  color: #0b2e4e;
  width: 356px;
  text-align: center;
  margin: 33px 0 0 210px;
  text-transform: uppercase;
  font-weight: bold;
}

.mercy-form .age,
.mercy-form .birth,
.mercy-form .place, 
.mercy-form .work,
.mercy-form .race,
.mercy-form .hw {  position: absolute;
  font-size: 9px;
  color: #0a3f6b;
  width: 148px;
  height: 20px;
  margin-left: 35px;
}

.mercy-form .age {margin-top: 204px;}
.mercy-form .birth {margin-top: 246px;}
.mercy-form .place {margin-top: 286px;}
.mercy-form .work {margin-top: 326px;}
.mercy-form .race {margin-top: 367px;}
.mercy-form .hw {margin-top: 408px;}

.mercy-form .looklike { position: absolute;
  border: 1px solid #143946;
  width: 160px;
  background: #062844;
  box-shadow: inset 0 0 2px #cdd7af;
  color: #dbdcde;
  font-size: 9px;
  margin: 155px 0 0 27px;
  padding: 0 0 2px;
  z-index: 5;}





.mercy-form .ava {    position: absolute;
  width: 160px;
  height: 160px;
  margin: 24px 0 0 28px;}

.mercy-form .ava img {width: 158px;
height: 158px;
}

.mercy-form .ava:hover > .ava2 {opacity: 1;
	z-index: 3; display:block; -webkit-transition-duration: 1.7s;
-moz-transition-duration: 1.7s;
-o-transition-duration: 1.7s;
-ms-transition-duration: 1.7s; /* IE9+ */}
.mercy-form .ava:hover > .mercy-form .ava {display: none;}
.mercy-form .ava2 {position:absolute;  margin-top: -158px;display: none; margin-left: 1px; }


.tabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 26px 4px;
}
.tab {
  float: left;
}
.tab label { position: relative;
  padding: 0px 7px 0px 7px;
  background-color: #062844;
  color: #dbdcde !important;
  border: 1px solid #3d667a;
  box-shadow: inset 0 0 2px #e7d6c5;
  margin-left: 10px;
  font-family: spectral sc;
  font-weight: bold;
  font-size: 12px;

}
.tab [type=radio] {
  display: none;   
}


.content {  position: absolute;
  top: 23px;
  left: -1px;
  right: 0;
  bottom: 0;
  padding: 5px;
  background: #dbdcde;
  width: 329px;
  height: 284px;
  overflow: auto;
  color: #061c31;
  text-align: justify;
  scrollbar-width: thin;
}

[type=radio]:checked ~ label {
background-color: #bb524e;
  color: #dbdcde !important;
  border: 1px solid #af9061;
  box-shadow: inset 0 0 2px #dbdcde;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}

.tabs a {padding: 0px 7px 3px 7px;
    background-color: #37434a;
    color: #acb7bd!important;
    border: 1px solid #455158;
    box-shadow: inset 0 0 2px #76868e;
    text-shadow: 1px 1px 0 #273036!important;}


.mercy-form .content h3 {text-align: center;
  background: #062844;
  color: #dbdcde;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 1px 0 #bb524e;
  border: 1px solid #31769f;
  box-shadow: inset 0 0 2px #183e4f;
  padding-bottom: 1px;
  font-family: spectral sc;
  margin-left: 0 !important;
  height: auto;}

.mercy-form  .content td {    vertical-align: top;}

















/* ÒÀÁËÈÖÀ */


.mercy-table .admins .adm2, .mercy-table .admins .adm1,
.mercy-table .active .activ1,
.mercy-table .active .activ2,
.mercy-table .active .activ3,
.mercy-table .active .activ4,
.mercy-table .active .activ5
  { display: inline-block; }

.mercy-table .text .adm1text, .mercy-table .text  .adm2text, .mercy-table .text .adm3text,
.mercy-table .text2 .activ1text2, 
.mercy-table .text2 .activ2text2, 
.mercy-table .text2 .activ3text2, 
.mercy-table .text2 .activ4text2, 
.mercy-table .text2 .activ5text2
 {    padding: 10px;
    text-align: justify;
    display: none;
color: #303246;
    font-size: 10px;
    text-shadow: 1px 1px 0 #908b9c;}

.mercy-table .admins .adm2 a, .mercy-table .admins .adm1 a {    color: #bdb6b5!important;
    text-shadow: 1px 1px 0 #414051!important;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: .5px;}

.mercy-table .text {      display: none;
     position: absolute;
margin: -203px 0 0 -311px;
   background: #807c8a;
width: 214px;
    z-index: 5;
    border: 1px solid #848191;
    box-shadow: inset 0 0 5px #555464; }

 .adm1:hover ~ .text > .adm1text,  .adm1:hover ~ .text,
 .adm2:hover ~ .text > .adm2text,  .adm2:hover ~ .text {display: block;}

.mercy-table .text2 {        display: none;
    position: absolute;
   margin: 88px 0 0 362px;
    background: #807c8a;
width: 214px;
    z-index: 5;
    border: 1px solid #848191;
    box-shadow: inset 0 0 5px #555464;}

 .activ1:hover ~ .text2 > .activ1text2,  .activ1:hover ~ .text2,
 .activ2:hover ~ .text2 > .activ2text2,  .activ2:hover ~ .text2,
 .activ3:hover ~ .text2 > .activ3text2,  .activ3:hover ~ .text2,
 .activ4:hover ~ .text2 > .activ4text2,  .activ4:hover ~ .text2,
 .activ5:hover ~ .text2 > .activ5text2,  .activ5:hover ~ .text2 {display: block; }


.mercy-table .active, .mercy-table .admins, .mercy-table .weather, .mercy-table .news  {position:absolute;}

.mercy-table .activ1 {      margin: 116px 0 0 -5px;position:absolute;}
.mercy-table .activ2 {      margin: 116px 0 0 825px;position:absolute;}
.mercy-table .activ3 {      margin: 208px 0 0 800px;position:absolute;}
.mercy-table .activ4 {      margin: 268px 0 0 800px;position:absolute;}
.mercy-table .activ5 {      margin: 328px 0 0 800px;position:absolute;}


.mercy-table .active img {margin-right: 11px; opacity: 0.95;}
.mercy-table .active img:hover { opacity: 1;}

.mercy-table .admins {margin: 388px 0 0 673px;
    width: 249px;
    text-align: center;}

.mercy-table .weather {width: 243px;
    padding-right: 3px;
    overflow: auto;
    height: 11px;
    line-height: 10px;
    color: #bdb6b5;
    text-shadow: 1px 1px 0 #414051;
    font-size: 8px;
    text-align: center;
    margin: 390px 0 0 19px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.mercy-table .news { line-height: 10px;
    color: #272a4c;
    text-shadow: 1px 1px 0 #b9aaa0;
    font-size: 10px;
    width: 133px;
    height: 144px;
    overflow: auto;
    padding: 0 5px;
    text-align: justify;
    margin: 240px 0 0 15px;
}

.mercy-table .news span {background: #5c5b69;
    padding: 0px 5px 2px;
    line-height: 15px;
    border: 1px solid #545362;
    box-shadow: inset 0 0 2px #a6a2af;
    text-transform: lowercase;
    color: #c4c1cc;
    text-shadow: 1px 1px 0 #3c3c48;}

.mercy-table .news span a {  color: #c4c1cc!important;
    text-shadow: 1px 1px 0 #3c3c48!important;}

.mercy-table .news span a:hover {color: #c4c1cc!important;}









/* ÂÀÊÀÍÑÈÈ */




.mercy-prof {width: 550px;
height: 814px;
background: url('http://forumstatic.ru/files/001c/57/b0/17755.jpg');}

.mercy-prof a {color: #be534f !important;
  font-weight: bold;}

.mercy-prof .header, .mercy-prof .pole, 
.mercy-prof .prof1, .mercy-prof .prof2, 
.mercy-prof .prof3, .mercy-prof .prof4, 
.mercy-prof .prof5, .mercy-prof .prof6, 
.mercy-prof .prof7, .mercy-prof .prof8, 
.mercy-prof .prof9, .mercy-prof .prof10, 
.mercy-prof .prof11, .mercy-prof .prof12, 
.mercy-prof .text1, .mercy-prof .text2,
.mercy-prof .text3, .mercy-prof .text4,
.mercy-prof .text5, .mercy-prof .text6,
.mercy-prof .text7, .mercy-prof .text8,
.mercy-prof .text9, .mercy-prof .text10,
.mercy-prof .text11, .mercy-prof .text12
 {position: absolute;}

.mercy-prof .header {
text-align: center;
margin: 53px 0 0 18px;
color: #dbdcde;
font-size: 11px;
width: 510px;
height: 53px;
overflow: auto;
transition: all 1s ease-out;
}

.mercy-prof .prof1, .mercy-prof .prof2  { width: 245px;
height: 110px;
margin: 115px 0 0 24px;}

.mercy-prof .prof2 {margin: 115px 0 0 277px;}
.mercy-prof .prof3 {height: 107px;
margin: 228px 0 0 24px;}
.mercy-prof .prof4 {height: 107px;
    margin: 228px 0 0 276px;}
.mercy-prof .prof5 {    height: 107px;
    margin: 341px 0 0 24px;}
.mercy-prof .prof6 {    height: 107px;
    margin: 341px 0 0 276px;}
.mercy-prof .prof7 {height: 107px;
    margin: 454px 0 0 24px;}
.mercy-prof .prof8 {height: 107px;
    margin: 454px 0 0 276px;}
.mercy-prof .prof9 {height: 107px;
    margin: 567px 0 0 24px;}
.mercy-prof .prof10 {height: 107px;
    margin: 567px 0 0 276px;}
.mercy-prof .prof11 {margin: 680px 0 0 24px;}
.mercy-prof .prof12 {margin: 680px 0 0 276px;}



.mercy-prof .text1, .mercy-prof .text2, 
.mercy-prof .text3, .mercy-prof .text4, 
.mercy-prof .text5, .mercy-prof .text6, 
.mercy-prof .text7, .mercy-prof .text8, 
.mercy-prof .text9, .mercy-prof .text10, 
.mercy-prof .text11, .mercy-prof .text12   {width: 247px;
  height: 110px;
  opacity: 0;
  color: #dbdcde;
  background: #02364d;
  outline: 1px solid #9a4240;
}


.mercy-prof .text1, .mercy-prof .text2 {height: 110px;}

.mercy-prof .prof1text1, .mercy-prof .prof2text2 {height: 98px;} 

 .mercy-prof .text11, .mercy-prof .text12 {    height: 104px;}

.mercy-prof .prof1text1, .mercy-prof .prof2text2, 
.mercy-prof .prof3text3, .mercy-prof .prof8text8, 
.mercy-prof .prof4text4, .mercy-prof .prof9text9, 
.mercy-prof .prof5text5, .mercy-prof .prof10text10, 
.mercy-prof .prof6text6, .mercy-prof .prof11text11, 
.mercy-prof .prof7text7, .mercy-prof .prof12text12  {width: 235px;
    height: 97px;
    overflow: auto;
    padding: 5px; scrollbar-width: thin;}




.mercy-prof .prof11text11, .mercy-prof .prof12text12  {    height: 94px;}


.mercy-prof .prof1text1 h3, .mercy-prof .prof2text2 h3,
.mercy-prof .prof3text3 h3, .mercy-prof .prof8text8 h3,
.mercy-prof .prof4text4 h3, .mercy-prof .prof9text9 h3,
.mercy-prof .prof5text5 h3, .mercy-prof .prof10text10 h3,
.mercy-prof .prof6text6 h3, .mercy-prof .prof11text11 h3,
.mercy-prof .prof7text7 h3, .mercy-prof .prof12text12 h3
 {background: #02293b;
  border: 1px solid #18465b;
  box-shadow: inset 0 0 2px #16456a;
  color: #dbdcde;
  font-family: spectral sc;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 15px;
  margin: 3px 0;
  height: auto;}

.prof1:hover > .text1, .prof2:hover > .text2,
.prof3:hover > .text3, .prof8:hover > .text8,
.prof4:hover > .text4, .prof9:hover > .text9,
.prof5:hover > .text5, .prof10:hover > .text10,
.prof6:hover > .text6, .prof11:hover > .text11,
.prof7:hover > .text7, .prof12:hover > .text12
 {opacity: 1; transition: all 1s ease-out;}






 /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
 width: 516px;
height: 326px;
border: 0px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */ 
margin-top: 10px;
margin-left: 73px;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
/* Style the front side */
.flip-box-front {
 background: url('http://forumstatic.ru/files/001a/f4/03/27203.png');
  color: black; border-radius: 20px;
}

/* Style the back side */
.flip-box-back {
 background: url('http://forumstatic.ru/files/001a/c4/33/48394.png');
  transform: rotateY(180deg); border-radius: 20px;
} 

#limit {
    position: absolute;
    margin-left: 379px;
    margin-top: 40px;
    font-size: 15px;
    font-family: impact;
    font-weight: bold;
    width: 60px;
    text-align: center;
}

#histcount {
    position: absolute;
    margin-left: 44px;
    text-align: left;
    margin-top: 100px;
    width: 208px;
    padding-right: 3px;
    height: 192px;
    overflow-y: auto;
    scrollbar-width: thin;
    font-family: arial;
    font-size: 12px;
    letter-spacing: 1px;
}

#histcount1 {
    position: absolute;
    margin-left: 267px;
    text-align: left;
    margin-top: 100px;
    width: 208px;
    padding-right: 3px;
    height: 192px;
    overflow-y: auto;
    scrollbar-width: thin;
    font-family: arial;
    font-size: 12px;
    letter-spacing: 1px;
}


#krnum {
   position: absolute;
font-family: ocr;
margin-top: 170px;
width: 516px;
text-align: center;
color: #fff;
font-size: 32px;
text-shadow: 1px 1px 2px #276187, 2px 0 0em #28668b;
}


#krval  {
    position: absolute;
font-family: ocr;
margin-top: 217px;
margin-left: 214px;
font-size: 23px;
color: #fff;
text-shadow: 1px 1px 2px #276187, 2px 0 0em #28668b;
}

#krns {
    position: absolute;
font-family: ocr;
color: #e5e6e7;
margin-top: 247px;
width: 374px;
text-align: center;
font-size: 26px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #276187, 2px 0 0em #28668b;
}


#krvac {
    position: absolute;
margin-top: 279px;
width: 366px;
text-align: center;
color: #fff;
text-shadow: 1px 1px 2px #276187, 2px 0 0em #28668b;
font-size: 16px;
font-family: Courier New;
letter-spacing: 1px;
line-height: 11px;
}











/* ÎÁÙÀß*/
.mercy-general {   background: url('http://forumstatic.ru/files/001c/57/b0/38163.png') 0 top no-repeat, url('http://forumstatic.ru/files/001c/57/b0/30387.png') 0 bottom no-repeat, url('http://forumstatic.ru/files/001c/57/b0/93570.png') 0 top repeat-y;
  width: 560px;
  height: auto;
  min-height: 150px;}

.mercy-general .header { color: #dbdcde;
  font-size: 19px;
  font-family: spectral sc;
  text-transform: uppercase;
  width: 530px;
  text-shadow: 1px 0px 0 #176a91;
  padding-top: 45px;
  font-weight: bold;
  height: 27px;
}

.mercy-general .header::first-letter {color: #3a7b9c;}

.mercy-general .info {width: 500px;
font-size: 10px;
color: #dbdcde;
height: 11px;
overflow: hidden;
margin-bottom: 29px;
margin-top: -4px;}


.mercy-general .text {     width: 480px;
text-align: center;
color: #c6c6c6;
padding: 10px 0 0px;
margin-bottom: 80px;}

.mercy-general .text a {color: #9bbdca !important;}


.mercy-general .end {padding: 10px 0;}

.mercy-general .text h3 {  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  background: #002737;
  border: 1px solid #1f5a72;
  box-shadow: inset 0 0 2px #457289;
  margin: 0 5px 5px 5px;
  padding: 0 0 1px 0;
  color: #a5bbc6;
  font-family: spectral sc;}


.mercy-general .text h4 {text-transform: uppercase;
color: #cc5954;
font-weight: bold;}



#viewprofile h2, #profilenav h2 {
    text-align: left !important;
}




#nametitlefon {
    position: absolute;
    margin-top: -319px;
    width: 984px;
    text-align: center;
}


.post-content .spoiler-box > div {

    font-family: spectral sc;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}


.post-content hr {color: #fff;}


#snowstar {
    position: absolute;
    margin-top: -359px;
    margin-left: 1021px;
    z-index: 100000 !important;
}



#bman {
position: absolute;
  z-index: 7;
  margin-top: -207px;
  margin-left: 618px;
}

#bman img { transition: all 0.5s ease; filter: brightness(100%);}

#bman img:hover { transition: all 0.5s ease; filter: brightness(110%);}



#bwoman {
position: absolute;
  z-index: 7;
  margin-top: -93px;
  margin-left: 573px;
}

#bwoman img { transition: all 0.5s ease; filter: brightness(100%);}

#bwoman img:hover { transition: all 0.5s ease; filter: brightness(110%);}


#bpost {
position: absolute;
  z-index: 7;
  margin-top: -120px;
  margin-left: 92px;
}

#bpost img { transition: all 0.5s ease; filter: brightness(100%);  }

#bpost img:hover { transition: all 0.5s ease; filter: brightness(110%);}


#bpara {
position: absolute;
  z-index: 7;
margin-top: -166px;
  margin-left: 190px;
}

#bpara img { transition: all 0.5s ease; filter: brightness(100%);}

#bpara img:hover {filter: brightness(110%); transition: all 0.5s ease;}



#bplot {
position: absolute;
  z-index: 7;
margin-top: -274px;
  margin-left: 202px;
}

#bplot img { transition: all 0.5s ease; filter: brightness(100%);}

#bplot img:hover { transition: all 0.5s ease; filter: brightness(110%);}


#ams1 {
position: absolute;
  z-index: 8;
  margin-top: -76px;
  margin-left: 755px;
}

#ams1 img { transition: all 0.5s ease; filter: brightness(100%);}

#ams1 img:hover { transition: all 0.5s ease; filter: brightness(110%);}

#ams2 {
position: absolute;
  z-index: 8;
  margin-top: -76px;
  margin-left: 848px;
}

#ams2 img { transition: all 0.5s ease; filter: brightness(100%);}

#ams2 img:hover { transition: all 0.5s ease; filter: brightness(110%);}





.punbb .formal fieldset {
    display: inherit !important;
}





.punbb .toppost {
    margin-top: 34px !important;
}




#post-form h2 {
    display: none;
}


#pun-status .status-right {
    display: none;
}



#dosraportback {
  background: url('http://forumstatic.ru/files/001b/9e/b3/49250.png');
  width: 634px;
  height: 588px;
  margin: 0 auto;
}

#dosraportback::before {
  content: url('http://forumstatic.ru/files/001b/9e/b3/62538.png');
  position: absolute;
  z-index: 1;
  margin-left: 113px;
  margin-top: 104px;
}

#dsadd {
 position: absolute;
color: #939393;
margin-top: 300px;
margin-left: 214px;
font-family: play;
height: 261px;
overflow-y: auto;
scrollbar-width: thin;
padding-right: 3px;
}

#dsadd td  {
  width: 118px;
}


#dsincome {
  position: absolute;
  font-family: play;
  margin-top: 555px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
}



#dsgroup {
  position: absolute;
  font-family: play;
  margin-top: 504px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 23px;
  overflow-y: auto;
  scrollbar-width: thin;
}


#dschildren {
  position: absolute;
  font-family: play;
  margin-top: 444px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 27px;
  overflow-y: auto;
  scrollbar-width: thin;
}


#dsmarital {
  position: absolute;
  font-family: play;
  margin-top: 386px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 27px;
  overflow-y: auto;
  scrollbar-width: thin;
}

#dshabbits {
  position: absolute;
  font-family: play;
  margin-top: 328px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 27px;
  overflow-y: auto;
  scrollbar-width: thin;
}

#dsfeatures {
  position: absolute;
  font-family: play;
  margin-top: 265px;
  color: #386882;
  margin-left: 21px;
  width: 167px;
  height: 32px;
  overflow-y: auto;
  scrollbar-width: thin;
}

#dsdeal {
  position: absolute;
font-family: play;
color: #c2c2c2;
margin-left: 235px;
margin-top: 194px;
width: 358px;
height: 44px;
font-size: 12px;
overflow-y: auto;
scrollbar-width: thin;
}


#dsplace {
  position: absolute;
  font-family: play;
  color: #c2c2c2;
  margin-left: 235px;
  margin-top: 155px;
  width: 358px;
  height: 22px;
  font-size: 12px;
  overflow-y: auto;
  scrollbar-width: thin;
}

#dsbirth {
  position: absolute;
  font-family: play;
  color: #c2c2c2;
  margin-left: 235px;
  margin-top: 124px;
  width: 358px;
  height: 22px;
  font-size: 12px;
  overflow-y: auto;
  scrollbar-width: thin;
}


#dsrace {
  position: absolute;
  font-family: play;
  color: #c2c2c2;
  margin-left: 235px;
  margin-top: 91px;
  width: 358px;
  height: 22px;
  font-size: 12px;
  overflow-y: auto;
  scrollbar-width: thin;}


#dsname {
  position: absolute;
  color: #267097;
  margin-left: 226px;
  margin-top: 40px;
  font-family: play;
  font-size: 17px;
  text-transform: uppercase;
  width: 370px;
  height: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
}


#dsfoto img {
  max-width: 160px;
}

#dsfoto {
  position: absolute;
  margin-left: 27px;
  margin-top: 41px;
}



.pa-fld5 {
width: 210px;
height: 22px;
font-size: 28px;
text-align: center;
margin: 15px 0px 0px 0px;
color: #fff;
font-family: PRISTINA;
text-transform: lowercase;
}


#rep_form .tcl {
  width: 27% !important;
}



#shgifkabird1  {
position: absolute;
  margin-top: -184px;
  z-index: 1;
  margin-left: 298px;
  font-size: 72px;
  font-family: Astina;
  color: white;
  animation: glow 1.5s ease-in-out infinite, blink 2s ease-in-out infinite;
  width: 200px;
  line-height: 56px;
  transform: rotate(-4deg);
        }

/* Àíèìàöèÿ äëÿ ñèÿíèÿ òåêñòà */
        @keyframes glow {
            0% {
                text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 80px white;
            }
            50% {
                text-shadow: 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 60px white, 0 0 100px white;
            }
            100% {
                text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 80px white;
            }
        }

        /* Àíèìàöèÿ äëÿ ìèãàíèÿ òåêñòà */
        @keyframes blink {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
            100% {
                opacity: 1;
            }
        }







   #shgifkabird2 {position: absolute;
  width: 10px;
  height: 40px;
  background-color: rgba(207, 211, 185, 0);
  border-radius: 50%;
  animation: glow1 5s ease-in-out infinite;
  z-index: 10;
  margin: -245px 0 0 949px;
        }

  @keyframes glow1 {
            0% {
                box-shadow: 0 0 40px rgba(255, 255, 100, 1), 0 0 80px rgba(255, 255, 100, 0.9), 0 0 120px rgba(255, 255, 100, 0.8), 0 0 180px rgba(255, 255, 100, 0.7);
            }
            50% {
                box-shadow: 0 0 70px rgba(255, 165, 0, 1), 0 0 200px rgba(255, 165, 0, 1), 0 0 200px rgba(255, 255, 100, 0.9), 0 0 200px rgba(255, 255, 100, 0.8);
            }
            100% {
                box-shadow: 0 0 40px rgba(255, 255, 100, 1), 0 0 80px rgba(255, 255, 100, 0.9), 0 0 120px rgba(255, 255, 100, 0.8), 0 0 180px rgba(255, 255, 100, 0.7);
            }
        }







  #shgifkabird3 {position: absolute;
  width: 10px;
  height: 50px;
  background-color: #4c241f00;
  border-radius: 50%;
  animation: glow2 5s ease-in-out infinite;
  z-index: 10;
  margin: -98px 0 0 1px;
        }

 @keyframes glow2 {
            0% {
                box-shadow: 0 0 100px rgba(255, 69, 0, 1), 0 0 200px rgba(255, 69, 0, 0.8), 0 0 300px rgba(255, 69, 0, 0.6), 0 0 400px rgba(255, 69, 0, 0.5);
            }
            50% {
                box-shadow: 0 0 150px rgba(255, 69, 0, 1), 0 0 300px rgba(255, 69, 0, 1), 0 0 450px rgba(255, 69, 0, 0.9), 0 0 600px rgba(255, 69, 0, 0.7);
            }
            100% {
                box-shadow: 0 0 100px rgba(255, 69, 0, 1), 0 0 200px rgba(255, 69, 0, 0.8), 0 0 300px rgba(255, 69, 0, 0.6), 0 0 400px rgba(255, 69, 0, 0.5);
            }
        }


#shgifkabird4 {
  position: absolute;
  z-index: -1;
  margin: -326px 0 0 -44px;
}