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

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

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

@font-face {font-family: BebasNeue; 
src: local("BebasNeueRegular"), url(http://forumfiles.ru/files/001a/66/8b/77684.otf);}

@font-face {font-family: Bebas; 
src: local("BebasRegular"), url(http://forumfiles.ru/files/001a/66/8b/89570.ttf);}

@font-face {font-family: Beer; 
src: local("BeerRegular"), url(http://forumfiles.ru/files/001a/66/8b/11988.ttf);}

@font-face {font-family: Typewriter; 
src: local("Typewriter"), url(http://forumfiles.ru/files/001a/66/8b/82155.ttf);}

@font-face {font-family: dali; 
src: local("dali"), url(http://forumfiles.ru/files/001a/66/8b/45615.ttf);}

@font-face {font-family: Intro; 
src: local("Intro"), url(http://forumfiles.ru/files/001a/66/8b/90707.ttf);}

@font-face {font-family: Bahnschrift; 
src: local("Bahnschrift"), url(http://forumfiles.ru/files/001a/66/8b/12002.ttf);}


@font-face {font-family: Code Pro Bold; 
src: local("Code Pro Bold"), url(http://forumfiles.ru/files/001a/5f/8b/20280.otf);}
@font-face {font-family: Code Pro Light; 
src: local("Code Pro Light"), url(http://forumfiles.ru/files/001a/5f/8b/61658.otf);}
@font-face {font-family: Code Pro Light LC; 
src: local("Code Pro Light LC"), url(http://forumfiles.ru/files/001a/5f/8b/51133.otf);}

@font-face {font-family: SFUIText-Regular; 
src: local("SFUIText-Regular"), url(http://forumfiles.ru/files/001a/5f/8b/81923.ttf);}
@font-face {font-family: SFUIText-Semibold; 
src: local("SFUIText-Semibold"), url(http://forumfiles.ru/files/001a/5f/8b/98251.ttf);}
@font-face {font-family: Vanity-Bold; 
src: local("Vanity-Bold"), url(http://forumfiles.ru/files/001a/5f/8b/91581.ttf);}
@font-face {font-family: Cheque-Black; 
src: local("Cheque-Black"), url(http://forumfiles.ru/files/001a/5f/8b/57593.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 {
  table-layout: fixed;
  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.01%;
  /* height: 1020px; */
background-color: #3b4954;

background-repeat: no-repeat;
background-attachment: fixed!important; 
background-position: top center;

background-size: cover;
overflow-x: hidden !important;
  }

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

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

/* кнопка
{
  font: 1em verdana, arial, helvetica, sans-serif;
  color: #fff;
  background-color: #000;
  border-radius: 7px;
  padding: 3px 7px 3px 7px;
  }*/

/* 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 {
  font-size: 1em;
 border: 1px solid #3c4c5b; 
  text-transform: lowercase;
  background-color: #3c4c5b!important;
  color: #fff;
  font-family: "Code Pro Light LC";
  padding: 3px 20px 2px 20px;
  }

/* 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 {
  /* text-decoration: underline; */
  }

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


/* 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: auto;
width: 916px;
 position: center top;
background-color: #fff;
  }


/* A5.2 */
.punbb {
  float: none;
  margin-left: 20px;
  width:877px;
  top: 40px;
  height: auto;
  position: relative;
  }

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

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

/* 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: 0px;
  }

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



/*************************************************************
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;
  border-top: 1


px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* 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 1.8em;
    padding: 1em;
    border-style: none;
    border-width: 0px;
   
   
    color: #080808 !important;
   
    background: #f1f1ef;
 
    padding: 10px 15px;
    position: relative;
    margin-top: 10px;
    border: 1px solid #adadad!important;
 
}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    text-transform: lowercase;
    padding-bottom: 6px;

font-style: normal;
}

.punbb .quote-box cite, .punbb .code-box strong.legend a {
   color: #86605b!important;
  /* border-bottom: 1px dashed; */
  font-weight: bold;
  /* background-color: #f1f1ef; */
  background: url(https://i.imgur.com/adECndX.jpg);
  position: relative;
  margin-top: -25px;
  max-width: 230px;
  left: 10px;
  /* padding: 3px; */
  text-align: center;
}

.punbb .quote-box cite, .punbb .code-box .legend, .punbb .spoiler-box > div {padding: .7em 1em;/* background-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%); */border-radius: 4px 4px 0 0;/* background: rgb(245, 232, 232); */}

/* 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: 1.1em; */
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;

  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  text-transform: lowercase;
    color: #86605b;
  }

/* 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 1em 0.5em 1em;
text-transform: lowercase;
    /* font-size: 1.1em; */
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
margin-top: 10px;
  }

/* 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 2.3em 1.1em 2.3em;
  }

/* 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;
  /* background-color: #000; */
  /* color: #fff; */
  /* padding: 2px 16px 2px 16px; */
  font-family: aria black;
  text-transform: lowercase;
  font-size: 11px;
  text-transform: lowercase;
  background: #3c4c5b;
  color: #fff;
  font-family: "Code Pro Light LC";
  padding: 3px 20px 2px 20px;
  /* border-radius: 5px; */
  /* text-indent: inherit; */
  font-style: bold;
}

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

/* 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: 0;
  }

/* 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;
  text-align: left;
  width: 50%;
  }

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

  }

.category .container table .hasicon .tc2,
.category .container table .hasicon .tc3,
.forum .container table .hasicon tr .tc2,
.forum .container table .hasicon tr .tc3  {
  font-family: 'Bahnschrift';
  color: #86605b;
  }


/* 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 {
  font-size: 1.2em;
  font-weight: bold;
  /* background: #4a1109; */
  /* width: 300px; */
  padding: 1px 1px 10px 1px;
  font-family: arial black;
  text-transform: uppercase;
  text-shadow: 1px 0px #fff;
  }


#pun-index .tcl h3 a {
  color: #000;
}

/* 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:  0 0 0 0;
  padding: 0.8em 1em;
  }

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em;
  /* background: rgba(212,200,186,0.6); */
  opacity: .8;
  color: #080808 !important;
  /* border: 1px solid #cfa3ba!important; */
  border-radius: 1px;
  padding: 10px 15px;
text-align: justify;
  }

/* C2.144 */
.punbb tbody.hasicon td{
  padding-left: 3.2em;
  /* background: rgba(212,200,186,0.6); */
  opacity: .8;
  border-radius: 1px;
/* padding: 10px 15px; */
  /* border-top: 1px solid #cfa3ba; */  
  /* border-bottom: 1px solid #cfa3ba; */  
  }

/* C2.15 */
.punbb div.icon {
  border-style: none;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none none none none;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: none none none none;
  border-width: 0px;
  }

/* C3.3 */
/* номер поста */
.punbb .post h3 span {
  padding: 3px 5px 5px 5px;
  display: block;
  /* margin-left: 19em; */
  border-left-style: none;
  border-left-width: 0px;
  /* background-color: #b89c83; */
  /* color: #86605b; */
  background: #3c4c5b;
  color: #fff;
  /* font-family: "Code Pro Light LC"; */
  margin-top: 20px;
  height: 10px;
  font-size: 10px;
  text-transform: lowercase;
  border-radius: 3px;
  font-family: arial;
  }

.punbb .post h3 span a {color: #fff;}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
/* профиль */
/* ïðîôèëü */
.punbb .post .post-author ul, .punbb .post .post-author p {
 padding: 1em 1em 1em 1em;
 line-height: 110%;
 line-height: 140%;
 /* position: relative; */
 /* border-style: none; */
 position: relative;
 margin-top: 7px;
 /* border-width: 0px; */
 /* background: rgba(191,186,182,0.9); */
 /* opacity: .8; */
 color: #080808 !important;
 border: 1px solid #adadad!important;
 border-radius: 1px;
 text-align: center;
 /* padding: 10px 15px; */  }

/* C3.7 */
/* ник профиля*/
.pa-author {
  font-size: 1.2em;
  position: relative;
  width: 150px;
  left: 17px;
  top: -17px;
  font-weight: bold;
  text-align: center;
  font-family: Cheque-Black;
  /* border: 1px solid #adadad!important; */
  background: url(https://i.imgur.com/adECndX.jpg);
  /* padding: 3px 0px 3px 0px !important; */
  text-shadow: 0px 1px #fff;

  }

/* аватар */
li.pa-avatar.item2 img {
  margin: 0 0 5px 0;
 border: 1px solid #a8a3a0;
max-width: 170px;
    max-height: 170px;
  }
  


/* C3.8 */
.pa-author a {
  text-decoration: none;
/* color: #fff!important;*/
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  /* font-weight: bold; */
  font-family: Bahnschrift;
  text-transform: lowercase;
  }

li.pa-online {
  line-height: 0.8em;
  text-transform: lowercase;
  border-left-style: none;
  font-size: 9px;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  font-weight: 0;
  font-family: arial;
  font-weight: normal!important;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: none;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1.5em 1em 1em 1em;
  }


/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/*профиль лс емайл */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: none;
  border-left-width: 0px;
  }

/* C3.15 */
/* профиль */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: none;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  margin-top: 30px;
  text-transform: lowercase;
  font-weight: bold;
  }


/* 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 {
  padding: 0.5em 1em;
  text-align: right;
  }

/* 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 {
  border-style: none;
  border-width: 0px;
  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;
  }

/* 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: none;
  border-width: 0px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 0 0 0 0;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
display: none;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none none none none;
  }

/* D1.4 */


/* шапка*/


#pun-title table {
  border: none;
  margin-left: -20px;
  height: 344px;
  width: 916px;
  background-image: url(https://i.imgur.com/t00fLMv.jpg);
  background-repeat: no-repeat;
 background-color: #d4c8ba; 
top:-40px;
position:relative;



}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  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;
  margin: 0;
  width: 700px;
  position: relative;
  margin-top: -33px;
  top: -15px;
  left: 37px;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
text-align: center;
border: 1px solid #b6b6b4;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  font-family: Code Pro Light LC;
  text-transform: lowercase;
  padding-right: 1em;
  width: 700px;
  }

/* D3.4 */
#pun-navlinks li a {
    font-size: 17px;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  /* font-family: 'Bahnschrift'; */
  text-transform: lowercase;
  position: relative;
  left: -3px;
  top: -25px;
  text-align: center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 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 {
  padding: 0.8em 1em 1em 1em;
  text-align: right;
  text-transform: lowercase;
  /* color: #86605b; */
  margin-top: -40px;
 
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
/* убрать названия форума на главной */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
    text-transform: lowercase;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: none none;
  border-width: 0px 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 none none;
  border-width: 0 0 0 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
/* убрать объявления */
#pun-announc
ement h2 span {
  display: block;
display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: none;
  border-bottom-width: 0em ;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 1.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* 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: none;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: em;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  text-align: justify;
  }

/* 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: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* 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;
  font-size: 1.1em;
  text-transform: lowercase;
  }


/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: none  none;
  border-width: 0 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: none;
  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;
  }


/* убрать поделиться*/
.topic a.sharelink {
    display: none;
}



/* убрать подчеркивание ссылок*/
a:-webkit-any-link { text-decoration: none !important; }


.post-content td {
    border-style: none; }


/* категории*/
.punbb  td div .tclcon,
.category .container table .hasicon .tc1 {
    opacity: 0.85;
    font-family: 'Arial';
    font-size: 11px;
    font-style: none;
    text-transform: none;
    /* max-height: 85px; */
    text-align: justify;
    line-height: 10px;
    border: none;
    border-radius: 1px;
    background-color: rgba(55,46,38,0.2);
    border: 1px solid rgba(117,80,35,0.2);
    /* border-right: 5px solid rgba(117,80,35,0.1); */
    padding: 10px; }



#lll-s1 {background-color: #705D91;}
#lll-s4 {background-color: #77A29C;}
#lll-s3 {background-color: #8d1515;}


#lll-s1, #lll-s2, #lll-s3, #lll-s4  {width: 245px;height: 140px;/* z-index: 3; */position: relative;mix-blend-mode: multiply;margin-top: -140px;margin-left: 1px;}
#lll-s2 {background-color: rgba(108,80,128,0.75);
/* background-image: url(http://savepic.ru/14290096.png); */}






/* анкета */
.form {width: 550px; height: 550px;     background: #f1f1ef;
    position: relative;
    margin-top: 20px;
    border: 1px solid #b6b6b4;}
/* картинка в анкете*/

.form .ava1 .ava {position:absolute; margin: 35px 0 0 20px;} 
.form .ava2 .ava {position:absolute; margin: -140px 0 0 260px;}
.form .ava img {width: 245px; height: 140px;  filter: grayscale(100); position:relative; object-fit: cover;}
.form .ava { position:relative;  width: 245px; height: 140px;}
.form .ava:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    opacity: 0.5;
    }


/* дата рождения, профессия и тд*/
.form .infa {overflow: auto;
    height: 22px;
    /* top: 50px; */
    font-family: arial;
    text-transform: lowercase;
    /* border-top: 1px solid #b6b6b4; */
    border-bottom: 1px solid #b6b6b4;
    padding: 0px 0px px 0px;
    width: 510px;
    font-size: 10px;
    position: relative;
    top: 155px;
}


/* внешность*/
.form .look {margin: -160px 0 0 145px;
    width: 210px!important;
    overflow: auto;
    height: 15px!important;
    text-align: center;
font-family: 'Bahnschrift';
  /*  border: 1px solid #000;*/
    padding: 0 2px;}

.form .vnex{position:absolute;    
 text-align: center; text-transform: lowercase; 
overflow: hidden;  object-fit: cover;
 z-index: 99;}

/* внешность */
.form .vnex {    margin: -80px 0 0 35px;}





.form .inp1 input {background: transparent;
    border: 0; text-align: center;
    box-shadow: 0 0;
    color: #141d2e;
    margin-top: 1px;}

.form .inp2 input {background: transparent;
    border: 1px solid #000;
    box-shadow: 0 0;
    color: #141d2e;
    background: #fff;
    text-align: center;
    margin-top: 1px;}


/* имя */
.form .name {position: absolute;
    font-family: arial;
    font-weight: 900;
    text-transform: uppercase;
    color: #141d2e;
    font-size: 16px;
    width: 450px;
    background: url(https://i.imgur.com/adECndX.jpg);
    height: 29px;
    /* border: 1px solid #b6b6b4; */
    overflow: hidden;
    text-align: center;
    margin: -15px 0 0 50px;
}


.form .inp-name input {
    height: 26px;
    font-size: 20px;
    font-family: arial;
    font-weight: 900;
    text-align: center;
    text-transform: none!important;
    color: #141d2e;

    } 



/* шрифт кнопок  */
.ank label {position: relative;
font-size: 11px;
letter-spacing: 3px;
text-align: center;
font-family: "Code Pro Light LC";
color: #0e1d15;
text-transform: lowercase;
padding: 0px 45px 5px 45px;
margin-bottom: 0px;top: 20px;/* bottom: 3000000px; */left: 5px;}

/* переключалка  */
.ank > div, .ank > input { display: none; }
.ank {  position: relative;
   top: 140px;
   width: 500px;
   overflow-y: auto;
   height: 360px;
   left: 5px;}
.ank input[type="radio"]:checked + label {
font-weight: bold;
text-transform: lowercase;
z-index: 2; border-bottom: 1px solid #222;
}
.ank > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.ank > input:nth-of-type(2):checked ~ div:nth-of-type(2)
{ display: block; margin-top: 30px; text-align: justify; }


.ank1 {overflow-y: auto; /* background-color: #000; */    /* width: 500px; */
    height: 280px; text-align: justify; padding: 5px; line-height: 1.5;}



.form input {
    background-color: transparent;
    padding: 1px 5px;
    border: none;
    z-index: 5;
    width: 200px;
    height: 10px;
    font-size: 10px;
    text-transform: lowercase;
    overflow: auto;
    color: #141d2e;
}

 .cnt-part .button {
    font-weight: 700;
    position: relative;
    left: 440px;
    top: -57px; }



/* поля профиля*/
.pa-posts, .pa-respect1, .pa-respect, .pa-fld1 {
    padding: 7px 10px 7px 10px!important;
    display: inline-block!important;
    max-width: 37px!important;
    height: 30px!important;
    text-transform: lowercase;
    font-size: 9px;
    font-family: arial;
    color:#484848;
}

 .pa-respect a {color:#484848!important;}

/* ИНСТАГРАМ © nova*/

.post #instpost {
line-height: 16px;
margin-left: 80px;
}

.post #inst {width:500px;height:140px;background: url(https://i.imgur.com/tfXOK5N.png);}

.post #inst1 {
font-family: arial;
color: #000;
margin-left: 234px;
font-size: 12px;
width: 30px;
height: 15px;
}

.post #inst2 {
border: none;
border-radius: 30px;
width: 40px;
height: 40px;
margin-left: 11px;
margin-top: 60px;
overflow: hidden;
clear: both;
}

.post #inst2 img{
margin-top: 0px;
}

.post #inst3 {font-family: SFUIText-Semibold;color: #000;margin-left: 64px;margin-top: -58px;font-size: 12px;}

.post #inst4 {font-family: SFUIText-Regular;color: #000;margin-left: 64px;margin-top: -18px;font-size: 12px;}

.post #inst5 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst5 img{
max-width: 500px;
min-width: 500px;
}

.post #inst5 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst6 {width:500px;height:207px;margin-top: -23px;background: url(https://i.imgur.com/8ZHBGAp.png);}

.post #inst7 {font-family: SFUIText-Semibold;color: #403e3e;margin-left: 210px;padding-top: 61px;font-size: 16px;}

.post #inst8 {font-family: SFUIText-Regular;color: #000;margin-left: 11px;margin-top: -12px;font-size: 12px;width: 470px;height: 105px;text-align: justify;overflow-y: auto;padding: 4px;}


.post #inst9 {
width: 500px;
height: 707px;
background: url(https://i.imgur.com/NUi0U1c.png);
line-height: 16px;
margin-left: 80px;
}

.post #inst10 {font-family: SFUIText-Semibold;color: #000;margin-left: 100px;font-size: 22px;width: 300px;text-align: center;}

.post #inst11 {
border: none;
border-radius: 90px;
width: 111px;
height: 109px;
margin-left: 15px;
margin-top: 20px;
overflow: hidden;
}

.post #inst11 img{
margin-top: 0px;
}

.post #inst12 {font-family: SFUIText-Semibold;color: #000;margin-left: 150px;margin-top: -104px;font-size: 19px;width: 90px;text-align: center;}

.post #inst13 {font-family: SFUIText-Semibold;color: #000;margin-left: 254px;margin-top: -32px;font-size: 19px;width: 90px;text-align: center;}

.post #inst14 {font-family: SFUIText-Semibold;color: #000;margin-left: 355px;margin-top: -32px;font-size: 19px;width: 90px;text-align: center;}

.post #inst15 {font-family: SFUIText-Semibold;color: #000;margin-left: 10px;margin-top: 74px;font-size: 17px;}

.post #inst16 {font-family: SFUIText-Regular;color: #000;margin-left: 10px;margin-top: -14px;font-size: 12px;}

.post #inst17 {
width: 500px;
max-height: 164px;
padding-top:152px;
clear: both;
white-space: nowrap;
}

.post #inst17 img{margin-top: -8px;max-width: 164px!important;min-width: 164px;min-height: 164px;max-height: 164px!important;object-fit: cover;}

.post #inst17a {
width: 500px;
max-height: 164px!important;
margin-top: -13px;
clear: both;
white-space: nowrap;
}

.post #inst17a img{margin-top: -2px;max-width: 164px!important;min-width: 164px;min-height: 164px;max-height: 164px!important;object-fit: cover;}

.post #inststory {
min-width: 500px;
min-height: 888px;
line-height: 16px;
margin-left: 80px;
}


.post #inst18 {
width: 500px;
height: 888px;
position: relative;
z-index: 1;
}

.post #inst18 img{
max-width: 500px;
min-width: 500px;
min-height: 888px;
max-height: 888px;
object-fit: cover;
}

.post #inst19 {
width: 500px;
height: 888px;
margin-top: -899px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 {
border: none;
width: 60px;
height: 60px;
margin-left: 19px;
margin-top: -870px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 img{
margin-top: 0px;
border-radius: 90px;
object-fit: cover;
}

.post #inst21 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 300px;
margin-top: -70px;
position: relative;
z-index: 2;
}

.post #inst22 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 100px;
margin-top: -12px;
position: relative;
z-index: 2;
}

.post #inst23 {
width: 250px;
height: 40px;
position: sticky;
margin-left: 120px;
margin-top: 670px;
position: relative;
z-index: 2;
}

.post #inst24 {
font-family: arial;
color: #fff;
margin-left: 155px;
margin-top: -40px;
width: 200px;
height: 20px;
font-size: 19px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 2;
}

.post #inst25 {
margin-left: 360px;
margin-top: -690px;
height: 100px;
width: 100px;
position: relative;
z-index: 2;
}

.post #inst25 img{
max-width: 100px;
max-height: 100px;
}

.post #instnews {
line-height: 16px;
margin-left: 80px;
}

.post #inst26 {
width: 500px;
height: 259px;
background: url(http://forumfiles.ru/files/001a/0d/86/78928.png);
}

.post #inst27 {
margin-left: 16px;
margin-top: 56px;
overflow: hidden;
clear: both;
width: 463px;
height: 75px;
justify-content: space-between;
align-items: center;
display: flex;
}

.post #inst27 img{
border: none;
border-radius: 40px;
width: 67px;
height: 67px;
object-fit: cover;
}

.post #inst28 {
border: none;
border-radius: 30px;
width: 39px;
height: 39px;
margin-left: 12px;
margin-top: 30px;
overflow: hidden;
clear: both;
}

.post #inst28 img{
margin-top: 0px;
}

.post #inst29 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -54px;
font-size: 15px;
}

.post #inst30 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -16px;
font-size: 12px;
}

.post #inst31 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst31 img{
max-width: 500px;
min-width: 500px;
}

.post #inst31 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst32 {
width: 500px;
height: 53px;
margin-top: -23px;
background: url(http://forumfiles.ru/files/001a/0d/86/34983.png);
}



/* низ форума */
#pun-about p.container {
  background: url(https://i.imgur.com/y9KEfdL.jpg) no-repeat center top;
  text-align: center;
  margin-left: -31px;
  margin-top: -10px;
  height: 172px;
  width: 916px;
  }



/* убрать полосы таблица*/
.post-content td {
    border: none transparent !important;
}



/* нужники */
.nugn {
    width: 550px;
    height: 470px;
    background: #f1f1ef;
    position: relative;
    margin-top: 20px;
    border: 1px solid #b6b6b4;
    }
/* картинка в нужниках */

.nugn .ava1 .ava {position:absolute; margin: 35px 0 0 20px;} 
.nugn .ava2 .ava {position:absolute; margin: -140px 0 0 260px;}
.nugn .ava img {width: 245px; height: 140px;  filter: grayscale(100); position:relative; object-fit: cover;}
.nugn .ava { position:relative;  width: 245px; height: 140px;}
.nugn .ava:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    opacity: 0.5;
    }

.nugn .inp1 input {background: transparent;
    border: 0; text-align: center;
    box-shadow: 0 0;
    color: #141d2e;
    margin-top: 1px;}

.nugn .inp2 input {background: transparent;
    border: 1px solid #000;
    box-shadow: 0 0;
    color: #141d2e;
    background: #fff;
    text-align: center;
    margin-top: 1px;}


/* имя */
.nugn .name {position: absolute;
    font-family: arial;
    font-weight: 900;
    text-transform: uppercase;
    color: #141d2e;
    font-size: 18px;
    width: 350px;
      background: url(https://i.imgur.com/adECndX.jpg);
    height: 29px;
/* border: 1px solid #b6b6b4; */
    overflow: hidden;
    text-align: center;
    margin: -15px 0 0 95px;}

/* внешность*/
.nugn .look {margin: -160px 0 0 145px;
    width: 210px!important;
    overflow: auto;
    height: 15px!important;
    text-align: center;
  /*  border: 1px solid #000;*/
    padding: 0 2px;}

.nugn .vnex{position:absolute;    
 text-align: center; text-transform: lowercase; 
overflow: hidden;  object-fit: cover;
 z-index: 99;}

/* внешность */
.nugn .vnex {    margin: -80px 0 0 35px;}


.nugn input {
    background-color: transparent;
    padding: 1px 5px;
    border: none;
    z-index: 5;
    width: 200px;
    height: 10px;
    font-size: 10px;
    text-transform: lowercase;
    overflow: auto;
    color: #141d2e;
}



/* имя */

.nugn .inp-name input {
    height: 26px;
    font-size: 20px;
    font-family: arial;
    font-weight: 900;
    text-align: center;
    text-transform: none!important;
    color: #141d2e;

    } 



.ank2 {
   position: relative;
   top: 160px;
   width: 500px;
   overflow-y: auto;
   height: 360px;
   left: 5px;
   font-size: 14px;
   color: #000;
   font-weight: bold;
   font-family: Code Pro Light LC;
   }


.ank3 {
 overflow-y: auto;
 /* background-color: #000; */
 width: 480px;
 height: 215px;
 text-align: justify;
 /* padding: 5px; */
 padding: 10px;
 position: relative;
 top: -180px;
 /* background-color: rgba(55,46,38,0.1); */
 /* border: 1px solid rgba(117,80,35,0.2); */
 /* border-radius: 3px; */
 /* background: #ccc; */
 line-height: 1.5;
 }






/* эпизоды  */
.epiz {width: 550px;
    height: 325px;
    background: #f1f1ef;
    position: relative;
    margin-top: 20px;
    border: 1px solid #b6b6b4;
    }
/* картинка в нужниках */

.epiz .ava1 .ava {position:absolute; margin: 35px 0 0 20px;} 
.epiz .ava2 .ava {position:absolute; margin: -140px 0 0 260px;}
.epiz .ava img {width: 245px; height: 140px;  filter: grayscale(100); position:relative; object-fit: cover;}
.epiz .ava { position:relative;  width: 245px; height: 140px;}
.epiz .ava:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    opacity: 0.5;
    }

.epiz .inp1 input {background: transparent;
    border: 0; text-align: center;
    box-shadow: 0 0;
    color: #141d2e;
    margin-top: 1px;}

.epiz .inp2 input {background: transparent;
    border: 1px solid #000;
    box-shadow: 0 0;
    color: #141d2e;
    background: #fff;
    text-align: center;
    margin-top: 1px;}


/* имя */
.epiz .name {position: absolute;
    font-family: arial;
    font-weight: 900;
    text-transform: uppercase;
    color: #141d2e;
    font-size: 18px;
    width: 470px;
    background: url(https://i.imgur.com/adECndX.jpg);
    height: 29px;
/* border: 1px solid #b6b6b4; */
    overflow: hidden;
    text-align: center;
    margin: -15px 0 0 39px;}

/* внешность*/
.epiz .look {    margin: -160px 0 0 70px;
    width: 360px!important;
    overflow: auto;
   font-family: 'Bahnschrift';
    height: 15px!important;
    text-align: center;
    /* border: 1px solid #000; */
    /* border: 1px solid #000; */
    padding: 0 2px;}

.epiz .vnex{position:absolute;    
 text-align: center; text-transform: lowercase; 
overflow: hidden;  object-fit: cover;
 z-index: 99;}

/* внешность */
.epiz .vnex {    margin: -80px 0 0 35px;}


.epiz input {
    background-color: transparent;
    padding: 1px 5px;
    border: none;
    z-index: 5;
    width: 200px;
    height: 10px;
    font-size: 10px;
    text-transform: lowercase;
    overflow: auto;
    color: #141d2e;
}



/* имя */

.epiz .inp-name input {
    height: 26px;
    font-size: 20px;
    font-family: arial;
    font-weight: 900;
    text-align: center;
    text-transform: none!important;
    color: #141d2e;

    } 



.epiz .ank2 {
   position: relative;
   top: 160px;
   width: 500px;
   overflow-y: auto;
   height: 360px;
   left: 5px;
   font-size: 14px;
   color: #000;
   font-weight: bold;
   font-family: Code Pro Light LC;
   }

.epiz .ank3 {
 overflow-y: auto;
 /* background-color: #000; */
 width: 480px;
 height: 65px;
 text-align: justify;
 /* padding: 5px; */
 padding: 10px;
 position: relative;
 top: -180px;
 /* background-color: rgba(55,46,38,0.1); */
 /* border: 1px solid rgba(117,80,35,0.2); */
 /* border-radius: 3px; */
 /* background: #ccc; */
 line-height: 1.5;
 }




li.pa-fld2 {/* height: 200px; */width: 160px;position: relative;left: 7px;top: -9px;
padding: 6px 5px 5px 5px; border: 1px solid #adadad;text-align: justify;/* background: #ccc; */border-radius: 1px;background-color: rgba(55,46,38,0.2);border: 1px solid rgba(117,80,35,0.2);font-size: 10px;font-family: arial;}

li.pa-fld2 b {color:#000;text-transform: uppercase;text-align: center;font-size: 11px;font-family: Bahnschrift;}

li.pa-last-visit {
    text-transform: lowercase;
    font-size: 9px;
    font-family: arial;
    /* letter-spacing: 1em; */
}

/* репутация поста*/
div.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important;
    font-family: intro;
}

/*не видно , сколько зарегалос*/
#pun-stats ul.container .item3 {
  display: none;  } 

#anstoryright {float: right; margin: 5px; border: 2px solid white}
#anstoryleft {float: left; margin: 5px; border: 2px solid white}



/* фсе  картинки сепия при наведение */
.punbb .post-content img.postimg {-moz-transition: 1s ease;/* -webkit-transition: 1s ease; */}

.punbb .post-content img.postimg:hover {
-webkit-filter: sepia(100%);
-moz-transition: 1s ease;
-webkit-transition: 1s ease;}

/* маска профиля */

#mask_dialog .inner .hv-mask-dialog-title {
    text-align: center;
    font-weight: 900;
    position: relative;
    color: #88615c;
    font-size: 18px;
    text-transform: uppercase;
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 770px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    border-radius: 3px;
    background-image: url(https://i.imgur.com/adECndX.jpg);
    padding: 10px 30px 10px 10px;
    border: 1px solid #adadad!important;
    }



/* итоги недели */
#liesm { opacity: 0.0; width: 800px; height: 285px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
#liesm:hover { width: 800px; height: 285px; opacity: 1; }
.liesb {/* background-color: rgba(41, 37, 34, 0.4); */background: url(https://i.imgur.com/adECndX.jpg);width: 440px;height: 173px;position: relative;top: 70px;color: #000;left: 160px;}

.md-img3 {width: 90px;height: 35px;border-radius: 2px; border: 2px solid #88615c; background-color: #6b7d8b;background-blend-mode: multiply;overflow: hidden;background-size: cover;object-fit: cover;opacity: .9;}

.md-imghov3 {background: rgba(0,0,0,0.7);width: 90px;height: 35px;
opacity: 0;
transition: all 1.0s ease-in-out 0s;
-webkit-transition: all 1.0s ease-in-out 0s;
-moz-transition: all 1.0s ease-in-out 0s;
-o-transition: all 1.0s ease-in-out 0s;border-radius: 2px;} 

.md-imghov3:hover { opacity: 1; 
transition: all 1.0s ease-in-out 0s; 
-webkit-transition: all 1.0s ease-in-out 0s; 
-moz-transition: all 1.0s ease-in-out 0s; 
-o-transition: all 1.0s ease-in-out 0s; border-radius: 2px; } 

.md-char-info3 { width: 90px; position: 
relative; top: 10px; line-height: 15px; 
font-family: arial; font-size: 10px; 
color: #fff; text-align: center; 
text-transform: lowercase;  
border-radius: 100%;}

.md-img1 {width: 150px;height: 50px;border-radius: 2px; border: 2px solid #88615c; background-color: #6b7d8b;background-blend-mode: multiply;overflow: hidden;background-size: cover;object-fit: cover;opacity: .9;}

.md-imghov1 {background: rgba(0,0,0,0.7);width: 150px;height: 50px;
opacity: 0;
transition: all 1.0s ease-in-out 0s;
-webkit-transition: all 1.0s ease-in-out 0s;
-moz-transition: all 1.0s ease-in-out 0s;
-o-transition: all 1.0s ease-in-out 0s;border-radius: 2px;} 

.md-imghov1:hover { opacity: 1; 
transition: all 1.0s ease-in-out 0s; 
-webkit-transition: all 1.0s ease-in-out 0s; 
-moz-transition: all 1.0s ease-in-out 0s; 
-o-transition: all 1.0s ease-in-out 0s; border-radius: 2px; } 

.md-char-info1 { width: 150px; position: 
relative; top: 15px; line-height: 15px; 
font-family: arial; font-size: 10px; 
color: #fff; text-align: center; 
text-transform: lowercase;  
border-radius: 100%;}

.opf {font-family: Cheque-Black; line-height: 28px; 
position: relative; left: 157px; top: -196px;
-webkit-transform: rotate(-90deg);}

.opp {font-family: Cheque-Black;line-height: 28px;
position: relative;left: -150px;top: -172px;-webkit-transform: rotate(-90deg);}

.opp2 {font-family: Cheque-Black;line-height: 28px;
position: relative;left: -160px;top: -152px;-webkit-transform: rotate(-90deg);}

.opp3 {font-family: Cheque-Black;line-height: 28px;
position: relative;left: 168px;top: -181px;-webkit-transform: rotate(-90deg);}











/* плшюшка в профиле*/
li.pa-fld3 {
    z-index:999;
    top: -16px;
    display: block;
    /* text-align: left; */
    position: relative;
    }
li.pa-fld3 img{
    width: 47px;
    height: 47px;
    margin: -15px 30px 0 -95px;
    mix-blend-mode: multiply;
    object-fit: cover;
    }
    
    
li.pa-fld4{
    background-color: #3b4954;
    width: 171px;
    /* height: 35px; */
    /* display: block; */
    position: relative;
    margin-top: -50px;
    border: 1px solid #adadad!important;
    left: 6px;
    z-index: 13;
    color: #ccc;
    /* top: 50%; */
    /* left: 20px; */
    /* left:50%; */
    /* vertical-align: middle; */
    /* display: flow-root; */
    border-radius: 0px;
    /* vertical-align: middle; */
    /* font-family: arial black; */
}

li.pa-fld4 b{
    position: relative;
    line-height: em;
    letter-spacing: 0.1em;
    left: 15px;
    text-transform: uppercase;
    text-align: center;
    /* text-align: right; */
    font-family: Cheque-Black;
    /* font-family: Bahnschrift; */
    font-size: 11px;
    /* width: 200px; */
    /*background-color: #fff;*/
}

li.pa-fld4 u{
    position: relative;
    /* top: 13px; */
     left: 15px;
   text-align: center;
    /* width: 200px!important; */
    /* background-color: #fff; */
     text-decoration: none;
     font-family: Bahnschrift;
}

li.pa-fld4 hr {width: 120px; position: relative;left: 40px; 
background-color: #ccc; 
    height:1px;
    border:none!important; top:1px;}