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

/* A1 Импорт
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Caveat|Cuprum|Neucha|Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Viga&display=swap');
@import url('https://fonts.googleapis.com/css?family=East+Sea+Dokdo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bahiana&display=swap');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yesteryear&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore&display=swap');
@import url('https://fonts.googleapis.com/css?family=Allura|Homemade+Apple|Pangolin|Poiret+One&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

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

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

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

/* 3.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 {
  font-size: 1.1em;
  }

/* 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 */
/* шрифты ссылок */
#pun-index .tcl h3 a { font-family: 'Neucha', sans-serif;
}


/* 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 Параметры страницы и "тела" форума
-------------------------------------------------------------*/
/* A5.1 ширина форума*/
#pun {
  margin: 0px;
  margin-left: 0px;
  position: center top;
  width: 972px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left: 33px;
  position: top center;
  float: none;
width: 93%;
 height: auto;
  }

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

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

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


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 97%;
  overflow: hidden;
  text-align: justify;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px dashed #888;
  opacity:0.4;
  width:80%;
  margin: 10px;
  margin-left: 10%;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
padding: 0 0 0.7em 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: none;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  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: solid;
  border-width: 1px;
  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;
  color: #876b52;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  color: #9e8c73;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  color: #9e8c73;
 text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  color: #9e8c73;
  }

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

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  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%;
  }

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  color: #9e8c73;
  width: 30%;
  }

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
  position: absolute;
  width: 300px;
  text-align: center;
  margin-left: 50px !important;
  margin-top: 5px !important;
   text-transform: uppercase;
color: #dfceb5; /*статус?*/
  }

/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

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

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

  * html .tclcon {height: 1px

}

/* C2.14 разделы форума и их названия */
#pun-index td div.tclcon {background: url("https://i.imgur.com/DZcQ19M.png") 0 top no-repeat, url("https://i.imgur.com/cmcSrvx.png") 0 bottom no-repeat, url("https://i.imgur.com/jvbGmTu.png") 0 0 repeat-y;
color: #d3baa6;
text-align: justify;
font-size: 10px;
font-family: Tahoma;
min-height: 50px; /*высота блока описания форума*/
line-height: 85%;
width: 360px;
margin-bottom: 5px;
margin-top: 5px;
padding-top: 30px;
padding-bottom: 45px;
padding-right: 300px;
padding-left: 5px;
margin-left: 9px; 
padding: 15px;
}


.tclcon h3 a {
position: absolute;
z-index:100;
left: -40px;
width:280px;
    font-size: 22px!important;
  font-family: 'Shadows Into Light'!important;
  font-weight: lighter!important;
  font-style: !important;
  color: #b39984!important;
  text-transform: lowercase;
  padding-left: 15px;
  padding-top: 2px;
  text-align: center;
  }

.tclcon h3 a:hover {color: #ebd7c6!important;}

.tclcon h3 {margin-bottom:25px!important; margin-left:10px;}

.navfor a {line-height: 100%;}



#pun-index td div.tclcon p {text-align:сenter;}

    /* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 35px;
        height: 40px;}

    /* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title {
  border-color: #ffffff;
}



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

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

  }

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

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #fff9ed;

  }

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

  }

/* объява */
#pun-announcement {margin-top: -90px;
 }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

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

  }

li.pa-online {
  border-left-color: transparent ;
margin-left:-0px

  }


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

/* C3.2 */
/* номер поста */
.punbb .post h3 {
  background-color: #fffbf3;
border: 0px solid #eef4f4;
border-radius: 0px;

  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.2em 1em;
  display: block;
  margin-left: 15em;
  font-family: Amatic SC;
  text-transform: lowercase;
  border-left-style: solid;
  border-left-width: 0.2em;
  font-size: 16px;

  }

/* 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: 0 1em 1em 1em;
  line-height: 2px;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: normal;
margin-left: -25px;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
}

.pa-fld3 {
  margin-top: -20px;
}

.pa-fld4 {
  margin-top: 10px;
}

/* C3.9 */
/* все по статусу*/
li.pa-title {
padding-bottom: 0.5em;
margin-top: 10px;
font-weight: normal;
font-size: 9px;
  text-transform: lowercase;
line-height: 100%; 
color: #dfceb5;
font-family: 'Comfortaa', sans-serif;
  }


li.pa-online {
  line-height: 0.8em;
  font-family: neucha; 
  font-size: 12px;
  text-transform: lowercase;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

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

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  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 {
  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: 18em;
  }

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

.punbb .user-avatar img.ava {
    border: 2px solid #d9e1ae;
}

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

/* D1.2 */
#pun-title h1 {
  display : block;
  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;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title h1 span  {
  font-size: 1.5em;
  }


/* 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 */
  /*1. Настройка общего вида линков */

#pun-navlinks {
display: block;
position: absolute;
top: 190px;
margin-left: -75px!important;
padding: 0px !important;
z-index: 999;
width: 35px !important;  }

    #pun-navlinks a {
    display: inline-block;
    height: 20px;
    width: 20px;
    }

    /*2. Настройка изображений навигации*/

    #navindex a {background: url(https://i.imgur.com/sOenBa5.png) no-repeat top center;}
    #navuserlist a {background: url(https://i.imgur.com/we3R0jj.png) no-repeat top center;}
    #navsearch a {background: url(https://i.imgur.com/eH5ER2n.png) no-repeat top center;}
    #navprofile a {background: url(https://i.imgur.com/NK1NBIs.png) no-repeat top center;}
    #navpm a {background: url(https://i.imgur.com/oeWkIcx.png) no-repeat top center;}
    #navadmin a {background: url(https://i.imgur.com/lZBtjqA.png) no-repeat top center;}
    #navlogout a {background: url(https://i.imgur.com/rhKSwWd.png) no-repeat top center;}
    #navlogin a {background: url(https://i.imgur.com/YCKCPoH.png) no-repeat top center;}
    #navregister  a {background: url(https://i.imgur.com/AwWowLm.png) no-repeat top center;}
    #navpr_1  a {background: url(https://i.imgur.com/4mWzQpz.png) no-repeat top center;}


    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(https://i.imgur.com/IQ8JtOk.png) no-repeat top center;}
    #navuserlist a:hover {background: url(https://i.imgur.com/UkltKKf.png) no-repeat top center;}
    #navsearch a:hover {background: url(https://i.imgur.com/wmeX06f.png) no-repeat top center;}
    #navprofile a:hover {background: url(https://i.imgur.com/YDskrrC.png) no-repeat top center;}
    #navpm a:hover {background: url(https://i.imgur.com/gNlvL1O.png) no-repeat top center;}
    #navadmin a:hover {background: url(https://i.imgur.com/6a0L4Gh.png) no-repeat top center;}
    #navlogout a:hover {background: url(https://i.imgur.com/G4WFQvY.png) no-repeat top center;}
    #navlogin a:hover {background: url(https://i.imgur.com/u0bzO31.png) no-repeat top center;}
    #navregister a:hover {background: url(https://i.imgur.com/qzlYPTe.png) no-repeat top center;}
    #navpr_1  a {background: url(https://i.imgur.com/8ldHliM.png) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}

/* D.3 */
#pun-navlinks li {
  display: block;
  padding-right: -15px;
  }

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

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 ссылки нижней навигации */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  font-weight: normal;
  color: #ebd7c6;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  text-shadow: 0px 0px 0 #db9da1;
  font-family: 'Tahoma';

  }

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

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

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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

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

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

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


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  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: solid;
  border-bottom-width: 1px;
  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;
  }


/* E1 Прочее
-------------------------------------------------------------*/

#pun-main h1 span {
text-transform: uppercase;
font-family: "calibri";
color: #8d9563;
text-shadow: 0px 0px #f6f8f8;
text-align: center;
font-size: 14px;}

/*шрифт верхних ссылок в структуре путь*/
#pun-crumbs1 .crumbs,
#pun-crumbs2 .crumbs {
font-family: 'Montserrat', sans-serif;
}

#post-form h2 span {
text-transform: uppercase;
font-family: "calibri";
font-size: large;}
.category .container table .hasicon .tc2,
.category .container table .hasicon .tc3,
.forum .container table .hasicon tr .tc2,
.forum .container table .hasicon tr .tc3 {
font-family: "calibri";
text-transform: uppercase;
font-size: 14px;}
.category .container table thead tr .tcl {
text-align: center;}
#pun-about .container .item1 {
margin-right: 100px;}


#pun-title table tbody tr .title-logo-tdr {
position: absolute;  z-index: 1;  left: 0px; top: 0px;}



/* цитаты*/
#pun-main .quote-box, #pun-main .code-box {
color: #928168; 
background-color: #fffcf6;
border-bottom: 2px solid #f4e5d7;
border-top: 2px solid #f4e5d7;
border-left: 1px solid #fffcf6;
border-right: 1px solid #fffcf6;
border-radius: 0px;
padding-top: 15px;
padding-bottom: -15px !important;
padding-left: 15px;
padding-right: 15px;}



.lastedit {
display: none;}



.pa-ip {
text-transform: uppercase;
letter-spacing: 1px;
margin-left:0px}

li.pa-awards span.mini_awards_label{
display:none!important;}

li.pa-awards {
margin-top:0px;
font-size: 10px;}

.scroll {
height: 400px;
background: transparent;
overflow: scroll;}
.scroll::-webkit-scrollbar {
width: 6px;}
.scroll::-webkit-scrollbar-track {
background: #fffcf6 top center;
border: 0px double #f6f8f8;}
.scroll::-webkit-scrollbar-thumb {
background: #d3baa6 top center;
border: 0px double #f6f8f8;}

::-webkit-scrollbar {  
width: 7px;  /* for vertical scrollbars */
height: 7px; /* for horizontal scrollbars */}
::-webkit-scrollbar-track {  
background: #fffcf6 top center;
border: 0px double #f6f8f8;}
::-webkit-scrollbar-thumb {  
background: #d3baa6 top center;
border: 0px double #f6f8f8;}

.htmldemo .code-box, .htmldemo p p button {display: none;}
.demHtml {display: block;}

/*убрать форум последнее сообщение*/
#pun-index .category table  thead {
display:none;
}

/***  Заплатка для поля ответа ***/
textarea#main-reply {
    height: 245px;
    position: relative;
    z-index: 1;
}
.inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp  {
    z-index: 2;
}


/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div, .pun-modal .modal-inner {
background-color: #fffcf6;}

/* Подложка шрифтов */
#post .container[id$="font-area"]{max-height: 150px!important; overflow: auto; background-color: white;}

/* Подложка размеры шрифтов */
#post .container[id$="size-area"]{max-height: 150px!important; overflow: hidden; background-color: white;}

/* Подложка загрузки изображений*/
#post .container[id$="image-area"]{max-height: 350px!important; overflow: hidden; background-color: white;}

/* Подложка загрузки видео*/
#post .container[id$="video-area"]{max-height: 350px!important; overflow: hidden; background-color: white;}

/* Подложка смайлов*/
#post .container[id$="smilies-area"]{max-height: 170px!important; width: 350px!important; background-color: white; overflow-y: auto; overflow-x: hidden;}

/* Подложка дополнений*/
#post .container[id$="addition-area"]{max-height: 350px!important; overflow: hidden; background-color: white;}




/* боковая таблица*/
#slideout {
          z-index: 200;
          position: fixed;
          top: 22px;
          right: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background: #F0F0F0;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          top: 22px;
          right: -250px;
          background: #F0F0F0;
          width: 200px;
          padding: 25px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }

/* ЛИЧНАЯ СТРАНИЦА */
.personal {background: url(https://i.imgur.com/1ZHwjS4.png); width:900px!important;height: 600px;text-align:justify;}

#prof { width: 280px; height: 280px; background-color: transparent;  position: relative; top: -57px; left: 52px; overflow: hidden;  }
      .iconcont img { position: relative; top: 17px; left: 54px; width: 140px; height: 140px; } 

.love{z-index: 10; width: 46px; height: 46px; position: relative; top: 103px; left: 27px; background: url(https://i.imgur.com/ltkMOU8.png);}

.insta{z-index: 11; width: 46px; height: 46px; position: relative; top: 120px; left: 27px; background: url(https://i.imgur.com/sNafYM8.png);}

.dnev{z-index: 12; width: 46px; height: 46px; position: relative; top: 137px; left: 27px; background: url(https://i.imgur.com/I4yXWxq.png);}

.team{ z-index: 7; position: absolute; display: block; width: 138px; bottom: 109px; left: 54px; font-family: 'Arial', sans-serif; font-size: 11px; line-height: 14px; overflow: hidden; text-align: center; color: #ecd6cc;} 

.track { z-index: 8; position: absolute; bottom: 74px; display: block; width: 147px; left: 50px; font-family: 'Arial', sans-serif; font-size: 8px; line-height: 11px; text-transform: uppercase; overflow: hidden; text-align: center; color: #dabeb4;} 

.name { z-index: 9; position: absolute; display: block; width: 175px; left: 29px;  bottom: 23px; font-family: 'Arial', sans-serif; font-size: 13px; line-height: 13px; text-transform: uppercase; overflow: hidden; text-align: center; color: #dabeb4!important;} 

.name a:hover {color: #ebd7c6!important;}

.adres { z-index: 9; position: relative; bottom: 104px; left: -300px; font-family: 'Arial', sans-serif; font-size: 11px; line-height: 11px; text-transform: uppercase; overflow: hidden; text-align: center; color: #dabeb4;} 

 .per-tabs {
       position: relative;
       width: 590px;
       height: 20px;
   }
   .per-tab {
       float: left;
   }

.per-tab label {
       display: block;
       width: 120px;
       height: 35px;
       margin: 0px 8px 0px 0px;
       background-image: url(https://i.imgur.com/RJmdHwu.png);
       background: transperent;
       position: relative;
       left: 328px;
       top: -340px;
       z-index: 1;
       text-align: center;
       font-family: neucha;
       color: #dabeb4;
       font-weight: 600;
       letter-spacing: 1px;
       font-size: 12px;
       line-height: 21px;
text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center
   }

.per-tab label p {
  margin: 0 }

   .per-tab input[type=radio]:checked ~ label {
       background: transperent;
       z-index: 2;
       color: #ebd7c6;
   }
   .per-tab input[type=radio] {
       display: none;
   }
 
   .per-tab input[type=radio]:checked ~ label ~ .per-content {
       z-index: 1;
       opacity: 1;
   }

 .per-content {
       position: absolute;
       top: -285px;
       left: 315px;
       background: transperent;
       height: 420px;
       width: 530px;
       opacity: 0;
       -webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

 .per-content::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
 .per-content::-webkit-scrollbar-track {  
background: #fefcf6top center;
border: 0px double #f6f8f8;}
 .per-content::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.per-app-two {
       height: 420px;
       width: 530px;
       font-family: Candara;
       position: relative;
       background: none;
       text-align: justify;
       overflow: hidden;
       padding-right: 7px;
       color: #b57c6d;
       font-size: 11px;
       line-height: 12px
   }

.razdel {width: 513px; height: 30px; background: #f3e2cc; font-family: neucha; font-size: 18px; text-transform: uppercase; color: #dec5b9; line-height: 30px;}

.razdel1 {width: 242px; height: 30px; background: #f3e2cc; font-family: neucha; font-size: 18px; text-transform: uppercase; color: #dec5b9; line-height: 30px;}

.stil {position: absolute; width: 513px; height: 420px; overflow: hidden;}


.gift { width: 513px;
height: 270px;
display: block; 
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.gift1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.gift1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.gift1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.gift1 { width:100%; height:255px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.coupon {width: 513px;
height: 100px;
display: block; 
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.coupon1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.coupon1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.coupon1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.coupon1 { width:100%; height:85px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.for { width: 233px;
max-height: 418px!important;
display: inline-block;
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.for1 { width:100%; height:360px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.for1::-webkit-scrollbar {  
width: 2px;  /* for vertical scrollbars */
height: 2px; /* for horizontal scrollbars */}
.for1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.for1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.yours { width: 233px;
max-height: 418px!important;
display: inline-block;
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.yours1 { width:100%; height:360px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.yours1::-webkit-scrollbar {  
width: 2px;  /* for vertical scrollbars */
height: 2px; /* for horizontal scrollbars */}
.yours1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.yours1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}


.chibi { width: 513px;
max-height: 115px!important;
display: block;
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.chibi1 { width:100%; height:80px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.chibi1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.chibi1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.chibi1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.albums {width: 513px;
height: 115px!important;
display: block; 
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.albums1 { width:100%; height:95px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.albums1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.albums1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.albums1::-webkit-scrollbar-thumb {  
background: #ead4c3  top center;
border: 0px double #f6f8f8;}

.light {width: 513px;
height: 115px;
display: inline-block; 
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.light1 { width:100%; height:80px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.light1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.light1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.light1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

.otcr { width: 513px;
max-height: 418px!important;
display: inline-block;
overflow: hidden;
-webkit-transition: 0.6s ease;
       -moz-transition: 0.6s ease;
       -ms-transition: 0.6s ease;
       -o-transition: 0.6s ease;
   }

.otcr1 { width:100%; height:368px;
  max-width:100%;
  overflow:hidden;
  overflow-y: auto!important;
   }

.otcr1::-webkit-scrollbar {  
width: 3px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.otcr1::-webkit-scrollbar-track {  
background: #fefcf6 top center;
border: 0px double #f6f8f8;}
.otcr1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

/* принятие */
#prinyatie1 { width: 550px; height: 264px; background-image: url(https://i.imgur.com/FKYlBMn.png) }
.hello1 { width: 468px; height: 110px; position: relative;  top: 110px; left: -2px; font-family: 'Tahoma', sans-serif; font-size: 11px; line-height: 100%; text-align: justify; color: #876b52; white-space: normal;}

#prinyatie { width: 550px; height: 264px; background-image: url(https://i.imgur.com/RofNnRJ.png) }
.hello { width: 468px; height: 110px; position: relative;  top: 110px; left: -2px; font-family: 'Tahoma', sans-serif; font-size: 11px; line-height: 100%; text-align: justify; color: #876b52; white-space: normal;}

/* ЛЗ */
.pa-fld2 {
    width: 172px !important;
    background-color: #fff8f1;
    display: inline-block;
    color: #876b52;
    font-size: 10px;
    text-align: justify;
    font-family: arial;
    line-height: 10px !important;
    letter-spacing: 0.1px;
    padding-left: 8px!important;
 padding-bottom: 12px!important; 
padding-right: 8px!important;
 padding-top: 10px!important;
}

.bul { width: 245px;
 margin-bottom: -20px; 
 margin-left: -9px;

}

/* Исправление ошибки мобильного текста */
.punbb textarea {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Админка, меню по левому краю */
#pun-admain #adnav-standard ul{
  text-align:left;
}

/*оформление тем*/
.freetheme{ background: url(https://i.imgur.com/GT5q3o7.png) top no-repeat, url(https://i.imgur.com/IhGP5ch.png) bottom no-repeat, url(https://i.imgur.com/XArtO7t.png) repeat-y; 
width: 550px;
min-height: 50px;}
.freetheme2{
width: 500px;
color: #928168;
text-align: justify;}
#poyas{max-width: 500px;
font-size: 11px;
font-family: 'Neucha';
padding-top: 1px;
color: #887861;
font-weight: bold;
text-align: center;}
.nazv{max-width: 300px;
font-family: 'Neucha';
font-size: 20px;
text-transform: uppercase;
color: #887861;
font-weight: bold;
text-align: center;
}

.podzag {max-width: 300px;
font-family: 'Neucha';
font-size: 15px;
text-transform: uppercase;
color: #876b52;
font-weight: bold;
text-align: center;
}


/*ОТКРЫТКИ*/

.tooltip2 { 
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 240px;
    top: -850%;
    left: 10%; 
  visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus { 
  outline: none;
}

.tooltip3 { 
  position: relative;
}
.tooltip3 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 240px;
    top: -850%;
    left: -150%; 
visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip3 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip3:hover > span,
.tooltip3:hover:before,
.tooltip3:hover:after,
.tooltip3:focus > span,
.tooltip3:focus:before,
.tooltip3:focus:after {
  visibility: visible;
}
.tooltip3:focus { 
  outline: none;
}

.overt {height: 172px!important;
width: 142pх!important;
padding-top: 75px;
display: block; 
}

.overt1 {width:66%;
height: 90%;
font-size: 15px;
font-family: 'Neucha';
padding-top: 1px;
color: black;
font-weight: bold;
text-align: center;
overflow: auto;
}

.overt1::-webkit-scrollbar {  
width: 1px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.overt1::-webkit-scrollbar-track {  
background: #f6f8f8 top center;
border: 0px double #f6f8f8;}
.overt1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

/* строка в соо */
.stroka {
background: #ebd7c6; color: #fefff5; text-align: center; font-family: 'Comfortaa', sans-serif; font-size: 10px; padding: 4px 0px 4px; text-transform: uppercase;}

/* ссылки в таблице */
a.sbla:link, a.sbla:visited { 
font-family: Athene; 
font-size: 13px; 
letter-spacing: 0px;
color: #d77f7f; 
text-transform: lowercase;  
opacity: 0.8;
}

/*центр в мобиле*/ 
#pun_wrap  {
margin: auto;
min-width: 1200px !important;
}


/* Инстаграм */
#insta {width: 90%;  -webkit-border-radius: 5px; border: 1px #eee solid;  border-radius: 5px;}
.hbase { width: 92%; padding: 20px; background-color: #fff; border-bottom: 1px solid #edeeee; position: relative;}
.hbase img { width: 20% }
.logopos { position: relative; left: -40%; }
.u { font-family: montserrat; font-size: 150%; color: #005588; position: relative; right: 0%; margin-top: -4%; margin-bottom: 1%; text-align: right; }
.probase { width: 92%; padding: 20px; background-color: #fafafa; position: relative;}
.proinfo { font-family: montserrat; }
.proinfoih { width: 92%; }
.proinfo img { border-radius: 100%; width: 90%; }
.proinfotext { width: 100%; font-family: montserrat; font-size: 90%; color: #717171; text-align: left; position: relative; left: 0%; margin-bottom: 3%; }
.user { font-family: montserrat; font-size: 170%; color: #4b4f54; line-height: 110%; margin-bottom:0%; }
.proinfostat { width: 100%; font-family: montserrat; font-size: 70%; text-align: left; position: relative; left: 0%; }
.statbox { font-family: montserrat; font-size: 130%; color: #4b4f54; }
.ih { width: 92%; padding: 20px; background-color: #fafafa; position: relative;}
.ih img { width: 92% }
.loadmore img { width: 10% }
#insta p { padding: 0 0 0 0;
}

/* Пост инстаграма */
.ihh {  position: relative; margin: 20px auto; width: 450px; height: auto; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 11px; background-color: #FEFDF8; color: #646464; border: 1px #eee solid;  border-radius: 5px; }
.ihh img { margin: -10px; width: 450px; height: 450px; margin-bottom: 10px; margin-top: 10px;}
.loadmore { width: 92%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #fafafa; position: relative; }
.ihh b { border-bottom: 1px rgba(217,199,175,0.5) solid;  font-size: 14px; margin: 4px 8px; padding: 2px 8px } 
.ihh i { font-style: normal; opacity: 0.7; font-family: 'Montserrat', sans-serif; cursor: default }
.ihh b { color: #645349 } /* colour of username */
.ihh i { color: #3b6b85} /* colour of hashtag */
#ihh b{font-size: 12px;}
#ihh{font-size: 11px;}




.postbase { width: 50%; border: 1px solid #edeeee; background-color: #fff; border-radius: 3px; padding-top: 10px; padding-bottom: 20px; }
.iguserpic { width: 90%; }
.iguserpic img { width: 80%; border-radius: 100%; border: 1px solid #edeeee; }
.iguser { width: 100%; font-family: montserrat; font-size: 90%; color: #125688; margin-left: 2%; }
.iguserlocale { width: 100%; font-family: montserrat; font-size: 140%; color: #a5a7aa; }
.igusertime { width: 100%; font-family: montserrat; font-size: 140%; color: #a5a7aa; }
.postbase img { width: 100%; margin-top: 3%; margin-bottom: 5%; }
.iguserbot { width: 90%; font-family: montserrat; font-size: 110%; color: #4b4f54; text-align: left; border-bottom: 1px solid #edeeee; padding-bottom: 3%; }
.iguserbot b { color: #125688; font-weight: 700; }
.iglikes { width: 90%; font-family: montserrat; font-size: 100%; color: #4b4f54; text-align: left; margin-bottom: 2%; }
.iglikest b { color: #125688; font-weight: 700; }
.iguser img { width: 100% }

.postbasecomment { width: 50%; border: 1px solid #edeeee; background-color: #fff; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; }
.iguserpic { width: 90%; }
.iguserpic img { width: 80%; border-radius: 100%; border: 1px solid #edeeee; }
.igusercomm { width: 95%; font-family: montserrat; font-size: 140%; color: #4b4f54; margin-left: 2%; padding-right: 2%; }
.igusercomm b { font-weight: 700; color: #125688; }
.iguseroriginal { width: 100%; }
.iguseroriginal img { width: 100%; }


/* Пост-качелька инстаграм */
.sung12 b { color: #645349 } .sung12 i { color: #3b6b85} #slider { position: relative; text-align: center; top: 10px; } #slider{ margin: 0 auto; } #slides article{ width: 20%; float: left; } #slides .image{ width: 500%; line-height: 0; } #overflow{ width: 100%; overflow: hidden; margin-bottom: 11px;} article img{ width: 100%; } #active label{ border-radius: 10px; display: inline-block; width: 15px; height: 15px; background: #bbb; } #active{ margin: 0% 0 0; text-align: center; } .all input{ display: none; } #switch1:checked ~ #slides .image{ margin-left: 0; } #switch2:checked ~ #slides .image{ margin-left: -100%; } #switch3:checked ~ #slides .image{ margin-left: -200%; } #active label:hover{ background: #89a8bc; border-color: #777 !important; } #switch1:checked ~ #active label:nth-child(1), #switch2:checked ~ #active label:nth-child(2), #switch3:checked ~ #active label:nth-child(3), background: #18a3dd; border-color: #18a3dd !important; } #slides .image{ transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }

.sung12 { margin: 20px auto; width: 450px; height: auto; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 11px; background-color: #FEFDF8; border: 1px #eee solid; -webkit-border-radius: 5px; border-radius: 5px }
.sung12 img { margin: 0px; width: 450px; height: 450px; margin-bottom: 10px } .sung12 b { border-bottom: 1px rgba(217,199,175,0.5) solid; font-size: 14px; margin: 4px 8px; padding: 2px 8px } .sung12 i { font-style: normal; opacity: 0.7; font-family: 'Montserrat', sans-serif; cursor: default } 

/* месс */
.mes { margin-left: 20px; width: 50px; height: 50px; border-width: 2px; border-style: solid; border-radius: 100px; border-color: #f1d5ad; }
.mnes { width: 50px; height: 50px; border-width: 2px; border-style: solid; border-radius: 100px; border-color: #f1d5ad; }
.mess { margin-left: -110px; width: 330px;padding: 10px; background-color: #f7e8d3; border-radius: 5px; text-align: justify; font-size: 10px; letter-spacing: 1px; color: #bc9b6c; }
.mees { margin-left: 120px; width: 330px; padding: 10px; background: -webkit-linear-gradient(top left,#f4e6c9bf,#fff9ed); border-radius: 5px; text-align: justify;font-size: 10px;letter-spacing: 1px; color: #bc9b6c;}
.mmess {margin-left: -10px; width: 50px; height: 50px; border-width: 2px; border-style: solid; border-radius: 100px; border-color: #f1d5ad;  }
.mmmess {  width: 50px; height: 50px; border-width: 2px; border-style: solid; border-radius: 100px; border-color: #f1d5ad;}


/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
  display:none!important;
}
/*Стиль формы входа*/
#pun-navlinks #New-exit img{
position: absolute;
    margin: -25px -38px;
    width: 22px;
    height: auto;

}
.punbb #pun-navlinks #form-login input{
border: 2px inset;
    text-rendering: auto;
    color: #736046;
    margin-top: 4px!important;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: start;
    font: normal normal 400 11px/normal Arial!important;
    background-color: #fffcf6;
}
}
#form-login #fld1,#form-login #fld2{
    background-color:#FAFFBD!important;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
    border: 2px outset #fffcf6!important;
    color: #000000;
    cursor: pointer;
    font-weight: 700!important;

}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
    font: normal normal 400 11px/normal Tahoma;
    color: #736046;
    text-transform: none;
    position: absolute;
    left: 210px;
    top: 3px;
    z-index: 1000;
    padding: 7px 4px;
    background: #fffcf6;
    border-color: #fae3c0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 0px;
    /* text-align: center; */
    /* box-shadow: inset 0 0 4em rgba(23,23,13,.99); */

}
#pun-navlinks #navlogin #form-login {
   margin-left: -36px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
   margin-left:-30px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left:-57px;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
cursor:pointer;
font: normal normal 400 10px/normal Tahoma!important;
letter-spacing:0.5!important;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
    margin-top: -8px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 10px 10px 10px 10px;
    background: #fffcf6;
    border-color: #fae3c0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 0px;
    text-align: center;
    /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99); */

}
/*Стиль контейнера под список Ников*/
#List-UserNames ul{
  overflow:hidden;
  overflow-y:auto;
  min-height:36px;
  max-height:72px;/*Видимое число Ников без прокрутки! сейчас — 4*/
}
/*Стиль полосок с никами*/
.punbb #List-UserNames li{
    display: block!important;
    position: relative;
    background: #f1d5ad;
    text-align: left;
    padding-left: 5px!important;
    nt: ;
    */: ;
    font: normal normal 700 12x/normal Verdana!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
}
.punbb #List-UserNames li:hover{
  opacity:.98;
  background:#ffecc5!important;
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
  cursor:pointer;
  opacity:.8;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
.punbb #List-UserNames li>b:hover{
  opacity:.93;
  text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
    background-color: #87896F;
    border: 1px solid #87896F;
    box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #B2B498;
    border: 2px solid #777961;
    box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
  display:inline-block;
  padding:0 3px;
  position:absolute;
  opacity:.88;
  cursor:pointer;
  top:0;bottom:0;
  right:2px;
  color:#fff;
  font: normal normal 700 10.56px/normal Verdana;
  text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии замомненных Ников!*/
#List-UserNames ul:empty:before{
  display:inline-block;
  content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
  display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
  display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames  ul+span{
  display:inline-block;
  padding:6px 0 8px 0;
  text-align:left;
  font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input { 
  background: rgba(0,0,0,0);
  border: 2px inset rgba(99,100,79,.3)!important;
  border-radius: 6px;
  text-shadow: none!important;
  color:#D8D8D8!important;
font: normal normal 400 11px/normal Arial!important;
/*  box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
  margin-top: 9px;
  padding: 2px !important;
  vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames  ul+span b{
  font: normal normal 400 13px/normal Verdana;
  padding:0 3px;
  color: #D8D8D8;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
  display:inline-block!important;
  cursor:pointer;
  float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
  cursor:pointer;
  display:inline-block!important;
  float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов