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

/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
  @import url(style_cs.1765301655.css);


@font-face {
	font-family: 'B52';
	src: url(''); /* IE 9 Compatibility Mode */
	src: url('../fonts/b52.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/b52.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/b52.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/b52.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/b52.svg#b52') format('svg'); /* Chrome < 4, Legacy iOS */
}
font-family: 'Gwendolyn', cursive;

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:300,300i,400,600,700,800|Roboto:100,300,400,700,900');


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=cyrillic');

@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,700,800,900&display=swap&subset=cyrillic');

  @font-face {
    font-family: American; 
    src: url(http://forumstatic.ru/files/0015/8c/c8/98741.ttf); 
}

@font-face{font-family:icon;src:url(http://forumstatic.ru/files/0019/78/52/99693.eot?),url(http://forumstatic.ru/files/0019/78/52/81517.woff) format('woff'),url(http://forumstatic.ru/files/0019/78/52/58230.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:icon2;src:url(http://forumstatic.ru/files/0019/bd/e6/80769.eot?),url(http://forumstatic.ru/files/0019/bd/e6/75926.woff) format('woff'),url(http://forumstatic.ru/files/0019/bd/e6/86147.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:icon3;src:url(http://forumstatic.ru/files/0019/bd/e6/50376.eot?),url(http://forumstatic.ru/files/0019/bd/e6/78030.woff) format('woff'),url(http://forumstatic.ru/files/0019/bd/e6/59980.ttf) format('truetype');font-weight:400;font-style:normal}

@font-face {
    font-family: 'Bonheur Royale';
    src: local('Bonheur Royale Regular'), local('Bonheur-Royale-Regular'),
        url('BonheurRoyale-Regular.woff2') format('woff2'),
        url('BonheurRoyale-Regular.woff') format('woff'),
        url('BonheurRoyale-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin: 0px 78px 0px 113px;
    width: auto;
 position: unset !important;
}

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

body {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;


}

/* A2.2 */
.punbb * {
  margin: 0px
  }

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

/* A3.2 */
.punbb {
  font: normal 70%  verdana, geneva, lucida, 'lucida grande', Time New Romans, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea {
 font: 1em verdana, Time New Romans, helvetica, sans-serif;
   background-color: #7799b3;
    color: #0c0d0d;
}

 


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

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

.punbb h2 span {
     font-size: 14px;
    color: #bac3cc;
    text-transform: uppercase;
    margin-left: 100px;
    font-family: 'Tinos';
    text-align: center;
}


/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, Time New Romans, 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 dl.post-sig dt span,
.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: 1159px;
    padding: 0px 35px 0px 0px;
 
}

#pun {
    background: url(http://forumstatic.ru/files/0011/93/3d/28385.jpg) top center no-repeat, url(http://forumstatic.ru/files/0011/93/3d/59601.jpg) bottom center no-repeat, url(https://i.ibb.co/z720wsn/image.jpg) top center repeat-y;
    color: #000;
    padding-bottom: 10px;
}

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

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

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

/* A5.9 */


/* A5.10 */

#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
    padding: 2px 1em 9px 1em;
    border-style: none;
}
.punbb .main h2 {
    height: 30px;
    margin: auto;
}

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

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

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

/* B1.2  Это содержания поста. То же, что и .post-box, но .post-content находится внутри .post-box*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 Отступы между строками текста*/
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%; /*line-heightэто высота строки текста.*/
  font-family: Gorgia;
  font-size: 17px;
  text-align: justify;
}

/* 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 {
    background-color: #ccd0da;
    color: #252525;
    border: 1px;
    cursor: pointer;
    padding-left: 18px;
    font-family: 'Tinos';
    font-size: 12px;
    border-bottom: solid;
    border-top: solid;
    border-left: solid;
    border-right: solid;
    border-color: #9fb1c3;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }


.punbb .info-box {
    background-color: #6c7b89;
    color: #bac7cf;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

.punbb #pun-main .info-box .legend
{
  background-color: #9ab8d500;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
color: #fff;
  }

/* B3.2 */


/* B3.3 */

.linkst .pagelink {
  position: absolute;
    left: 1em;
    width: 24em;
    color: #3d4b5a!important;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -5em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    margin-top: 0px;
}

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

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

/* B3.7 */

/* B3.8 */

.subscribelink {
    color: rgb(255, 255, 255);
}
.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-bottom: 8px;
  }

/* C1.4 */
.punbb fieldset {
  border: solid 1px #c3c5c9;
    padding: 0px 31px 0px 26px;
    margin: 0px 0 1em 0;
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */


/* 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;
font-family: Arial;
  }

/* C1.11 */
.punbb .inline .infofield {
    clear: both;
    font-family: Arial;
    color: #b1b6c4;
    font-size: 12px;
}

/* 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;
  }
.punbb textarea, .punbb input {
 font-family: 'Tinos';
    background-color: #495162;
    color: #b3bfcf;
  
  
}

p.inputfield.required.longinput input {
    color: #dbdde4;
    font-family: Arial;
    font-size: 14px;
}

.punbb input {
    border-color: #fff;
    border: 1px solid #2d3e50;
}

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  width: 55%;
  color: #000000;
  }
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 5%;
  }
/* C2.3 */

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 19%;
}

td.tcr span {
   font-size: 12px;
    font-family: Arial;
    color: #2c3844;
}


#pun-index .tcr a {
font-size: 14px;
    font-weight: 600;
    color: #00181d;
    font-family: 'CORMORANT GARAMOND';
}


#pun-index .tcr a:hover {
    color: #7e152f;
}

/* 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: 25%;
  }
/* 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 .tclcon h3 {
    text-align: left;
    display: block;
    position: relative;
    margin: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    padding: 5px 0px 5px 15px;
    background: #192e40;
    border: 1px solid #424347;
    width: 524px;
}

#pun-index .tclcon {
    text-align: justify;
    margin: 10px 15px;
    padding: 5px;
    line-height: 18px;
    width: auto;
    z-index: 1;
    font-weight: 300;
    font-family: lol;
    font-size: 11px;
    color: #2e2b28;
    position: relative;
    text-transform: lowercase;
}

/* C2.15 */

.punbb div.icon {
    display: block;
    height: 35px;
    padding-top: 1px;
    position: relative;
    margin-left: 20px;
    z-index: 1;
    width: 100px;
}


 div.icon {
    margin-left: auto;
} 

.forum div.icon {
    left: 0;
    
}
#messages div.icon {
    left: 0;
    margin-left: -16px;
background: none;
}


.punbb div.icon.inew {
    background: url("http://forumstatic.ru/files/0011/93/3d/35600.png") no-repeat;
}

.punbb div.icon.iclosed {
    background: url("http://forumstatic.ru/files/0011/93/3d/63512.png") no-repeat;
}

#pun-index .tcl h3 a {
 font-family: 'Cormorant Garamond';
    font-size: 12px;
    color: #adb1c0!important;
    text-transform: uppercase;
}


#pun-index .tcl h3 a:hover {
    transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px); 
    -o-transform: translate(0px, -2px);
}
/* 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 */

/* C2.12 */
.punbb .main th {
    border-style: none;
}
/* C2.13 */

.punbb .main .tcl {
    border-left-width: 1px;
padding: 3px;
}

/* C2.14 */
* html .tclcon {
  height: 1px;
  }



/* C2.15 */

.forum div.icon {
    left: 0;
    
}
#messages div.icon {
    left: 0;
    margin-left: -16px;
background: none;
}

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

/* C3.1 */
.punbb .post .container {
    margin-top: -1px;
    padding-bottom: 1px;
}

.punbb .post {background:transparent url() left bottom repeat-y!important;}

.punbb .post-rating .container {
  background-color: transparent;
  }
/* C3.2 */
.punbb .post h3 {
background-color: #495162;
    border-width: 1px;
    background-repeat: repeat;
    outline: 1px solid #738085;
    color: #999ca4;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 80px;
    font-weight: normal;
    color: #b3b7bf;
}



/* C3.3 */
.punbb .post h3 span {
background-repeat: repeat;
    height: 20px;
    display: block;
    margin-left: 247px;
    margin-top: -1px;
    padding: 0px 0px 0px 5px;
    background-color: #495162;
    outline: 1px solid #738085;
}

/* C3.5 */

/*Фон мини-профиля в Топике*/

li.pa-author {
    margin-bottom: 3px;
}

.punbb .post .post-author > ul {
       float: left;
    margin-right: 7px;
    overflow: hidden;
    width: 247px;
}


.post-author {
    position: relative;
    float: left;
    display: block;
    width: 248px;
    align-self: start;
    text-align: center;
    font-size: 0.9em;
    color: #000000;
    border-radius: 5px;
    background-color: #6d7888;
    outline: 2px solid #63717c;
}

.pa-author a {
 color: #fff!important;
    font-family: Oswald;
    font-size: 14px;
    text-decoration: none;
    text-align: center!important;
text-transform: lowercase;
}
.pa-author {
    font-weight: bold;
}

.pa-author, .pa-author a {
    margin-top: 20px !important;
    font-family: 'Tinos';
    margin-left: 0px!important;
    padding-bottom: 3px !important;
    letter-spacing: 1.5px;
font-size: 10px;
}

.pa-author a {
    text-align: center !important;
    text-transform: uppercase;
    font-weight: bold;
}

.pa-posts {
    text-transform: lowercase;
    font-family: 'Playfair Display SC';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 0px 0px 0px 0px !important;
    margin: 0 !important;
    margin-top: 5px !important;
    width: 115px;
    margin-bottom: 0px !important;
    margin-left: 11px!important;
    height: 15px;
    background: rgb(73 81 98);
    line-height: 11px;
    color: #c2c6d2;
}


.pa-posts, .pa-respect, .pa-fld1 {
    text-transform: lowercase;
    font-family: 'Playfair Display';
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0px 0px 0px 0px !important;
    margin: 0 !important;
    margin-top: 5px !important;
    width: 115px;
    margin-bottom: 0px !important;
    margin-left: 11px!important;
    height: 15px;
    background: rgb(73 81 98);
    line-height: 11px;
    color: #c2c6d2;
	display: flex;
}

li.pa-fld5 {
    text-transform: lowercase;
    font-family: 'Playfair Display SC';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 0px 0px 0px 0px !important;
    margin: 0 !important;
    margin-top: 5px !important;
    width: 115px;
    margin-bottom: 0px !important;
    margin-left: 11px!important;
    height: 15px;
    background: rgb(73 81 98);
    line-height: 11px;
    color: #c2c6d2;
}


.pa-respect .fld-name a {
    color: #c2c6d2!important;
}

.pa-fld5 {
    padding-left: 25px;
    line-height: 20px;
    list-style-type: none;
}

.punbb li .textoso {
    color: #d2d4d6;
    font-family: 'Playfair Display';
	padding: 5px;
}




.pa-fld1{margin-left:7px;}
.pa-awards {
    margin-left: 30px;
    margin-right: 20px;
}

/* C3.9 */

li.pa-title {
font-family: 'Tinos';
    letter-spacing: 1px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: left top;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    box-sizing: border-box;
    font-size: 14px!important;
    text-align: center!important;
    height: auto;
    width: 200px;
    margin-left: 5px;
    text-transform: lowercase;
    color: #d5d9de!important;
    background: #505c6b;
    height: 28px;
    border-radius: 5px;
    margin-top: 230px;
}


li.pa-online {
 line-height: 0.8em;
  border-left-width: 0.7em;
  padding-left: 0.6em;
  margin-top: 0.8em;
  text-align: center;
  }
/* C3.11 */


.punbb .post-body {
    margin-left: 250px;
    padding: 0 0 1px 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}

/* C3.12 */


/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
/* C3.14 */
.punbb .post-links {
    border-left-style: none;
}
/* C3.15 */


.punbb .post-links ul {
border-top-style: none;
    border-top-width: 1px;
    height: 20px;
    line-height: 18px;
    padding: 0 1em 0 0;
    text-align: right;
    background-color: #495162;
    outline: 1px solid #738085;
}

.topic a.sharelink {
    color: #b3b7bf!important;
}

/* 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;
    color: #000000;
  }

/* 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;
    font-size: 12px;
    margin-left: 10px;
color: #000;
}

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
background-color: #c2c6d2;

}

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    display: inline;
    padding: 5px;
  }

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

#viewprofile ul {
    background: #c2c6d2;
}

/* 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;
    color: #000000;
}

/*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;
text-align: center;
  }

/* 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;
    background: #2c384426;
    background-repeat: no-repeat;
}
/* C7.2 */

#pun-userlist .usertable .container {
    border-top: none;
    background-color: #c2c6d2;
}

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

/* D1.2 */
#pun-title h1 {
  display : none;
  height : 40px;
  padding: 0em 0em 0 1em; /* Все стороны Лого*/
  }

/* D1.3 */
#pun-title .container {
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

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

}




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

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

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

/* D3.2 */


#pun-navlinks .container {
   display: block;
    width: 50px;
font-family: playfair display;
    padding: 0.7em;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-size-adjust: 100%;
    position: sticky;
    line-height: 43px;
    -webkit-text-size-adjust: 100%;
    z-index: 999;
}


/* D.3 */
#pun-navlinks li {
display: inline;
  padding-right: 1em;
  }



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

/* D4.1 */
#pun-ulinks {
    border-left-style: none;
    border-right-style: none;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 2;
margin-top: -65px;
}

/* D4.2 Текст "активные темы и пр*/

#pun-ulinks .container {
border: none;
    text-align-last: center;
    text-decoration: none;

 
}

#pun-navlinks .container a:hover {
    color: #fff;
    text-decoration: dotted;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  white-space: nowrap;
  }

/* D4.4 */

#pun-navlinks li a {
     font-size: 15px;
    padding: 5px 8px;
    border-radius: 50px;
    background: #161e29;
    color: #97b4cc;
    box-shadow: inset 0px 2px 1px #ffffff47, inset 0px 0px 0px #3f3d41, inset 0px 0px 0px #3f3d41;
}

/* при новедении */
#pun-navlinks li a:hover {  font-size: 15px;
    padding: 5px 8px;
    border-radius: 50px;
    background: #3c4e67;
    color: #b5bd9a;
}


/* Навигация */

@media screen and (max-width: 540px) {#pun-navlinks li a:before {display:none}  }
#pun-navlinks li a span{
font-size:0 !important;
display: none;
} 

#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em;
    color: #c5d2e4;
    font-family: 'Tinos';
    text-decoration: none;
    font-size: 7px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

#pun-ulinks li a:hover {
    color: #98989d;
}

/* 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;
    margin-top: 10px;
  }

/* D5.2 */


#pun-status .container {
    height: 30px;
    margin: 20px;
}


/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  font-family: 'mybb';
  }
/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }


/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }


/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */

  #pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }
/* D6.2 */
	#pun-announcement h2 {
  padding: 0;
  border-style: none none solid none;
  border-width: 0 0 0px 0;
  font-weight: bold;
  }

/* D6.3 */


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

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

/*Статистика */

#pun-stats li.item1, #pun-stats li.item2 {
float: left;
    float: left;
    clear: inherit;
    color: #163b38;
    background-color: #6d949d;
    padding: 3px;
    margin: 1px;
    box-shadow: 1px 1px 2px #0b0e26;
    line-height: 150%;
    font-family: Arial;
    font-size: 12px;
}

#pun-stats li.item3, #pun-stats li.item4 {
       float: left;
    clear: inherit;
    box-shadow: 1px 1px 2px #0b0e26;
    line-height: 150%;
}

#pun-stats h2, .punbb .main h1, #pun-debug h2 {
background-color: #546578;
    font-family: 'Tinos';
    font-style: normal;
    height: 20px;
    line-height: 26px;
    letter-spacing: 2px;
    text-align: center;
    color: #b8b8b8;
    font-size: 12px;
}

#pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: #213343;
    background-position: center center;
    font-family: 'Georgia', sans-serif;
    font-style: normal;
    height: 26px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 2px;
}

.item4 a {
    color: #294867;
}


/* D7.4 */
li#onlinelist  div {
     margin-top: 1em;
    border-top-style: none;
    border-top-width: 1px;
    float: left;
    width: 100%;
    padding: 0px 0px 20px;
    font-family: Arial;
    font-size: 12px;
  }

li#onlinelist {
    display: block;
}

.statscon {
    border-radius: 15px;
    margin-left: 10px;
    margin-top: 10px;
    color: #000000;
}


/* D7.5 */


/* 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;
    color: #2c3844;
    font-family: 'Cormorant Garamond';
    text-decoration: none;
    font-size: 19px;
    margin-bottom: 4px;
    padding: 1em 1em 0.8em 1em;
    margin-top: 15px;
}

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



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







#pun-navlinks {
  position: absolute!important;
    top: 200px;
    width: 50px;
    height: 100%;
    margin-left: -67px;
    background: linear-gradient(180deg, rgb(29 34 46 / 35%) 0%, rgb(32 38 49 / 48%) 100%);
    border-radius: 20px 0 0 20px;
    border-left: 1px solid #2c3844!important;
    border-top: 1px solid #2f4445!important;
    border-bottom: 1px solid #2f4445!important;
    z-index: 100;
}


#pun-admain {display: block !important; visibility: visible !important;}



/* Категория форумов
-------------------------------------------------------------*/
.alt1, .alt2 {
height: 150px; /* Может удлинять "форумы" */
}

/* Смена ползунка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-track {
  background: #c3c6d1;
}


::-webkit-scrollbar-thumb {
background: #627184;
}

#pun-index #pun-main .linksb .postlink a, .linksb .pagelink a, .linksb .subscribelink a, #topic-modmenu a, #topic-users-in a, #pun-index #pun-status .container a, #pun-about .container a{
color: #050404;
    text-decoration: none;
}




#pun-index #pun-stats .container a {
    color: #1d313e;
    font-family: 'Tinos';
    font-size: 13px;
}

#pun-index td div.tclcon a {
    color: #ffffff;
}



/* Скрипт админки
-------------------------------------------------------------*/

.admain {
    padding-left: 15em;
    margin-bottom: 1em;
}

#pun-admain {
    margin: 0px;
    color: #000;
    background-color: #e8edf3;
}


#pun-admain .acchide, #pun-admain h1 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0px;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, #pun-admain table, #pun-admain table * {
    font-size: 1em;
    font-weight: normal;
}

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

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}




span.item1 {
  font-size: 10px;
    font-family: Arial;
}
span.item2 {
   color: #2c3844;
}


.punbb a, .punbb a:link, .punbb a:visited {
   border-bottom: 0 none #000;
   color: #000;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}


.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
   color: #707070;
    transition: all .2s linear .2s;
}



li.pa-fld2 {
 height: auto;
    margin: 3px;
    font-family: 'Playfair Display';
    font-size: 11px;
    background-color: #505c6b;
    width: 228px;
    margin-top: 3px;
    margin-left: 10px;
}

li.pa-fld2 b {
    font-size: 12px;
    font-weight: 600;
    color: #a78e47 !important;
}

#pun-announcement .container {
    padding: 0;
    line-height: 1.5;
}


#pun_wrap {
    padding-bottom: 80px;
}




#pun {
    margin-left: auto;
    margin-right: auto;
}


td.tcr a {
    background: transparent;
    padding-left: 0;
    padding-bottom: 5px;
    padding-top: 7px;
font-family: Arial;
}

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


.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-style: none none none none;
}


#pun-stats .container {
    padding: 5px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font: normal 14px/16px Cambria, serif;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
font-family: Tinos;
    display: inline-flex;
    font-size: 12px;
    padding: 3px 0 4px;
    color: #a6afbe;
    flex-grow: 1;
    margin: 0 3px;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #213343;
    outline: 2px solid #7e8998;
}

#pun-index a:hover {
    color: #58565f;
}


.container.crumbs a, #pun-crumbs1 p.container {
color: #2c3844;
    font-family: 'Cormorant Garamond';
    text-decoration: none;
    font-size: 19px;
    margin-bottom: 4px;
    padding: 1em 1em 0.8em 1em;
    margin-top: -17px;
}


div#profilenav a {
    color: #0a1f26;
}

#profile-left li, #profile-left li * {
    padding-left: 0;
    margin-left: 0;
    color: #656464;
    text-decoration: none;
}

#profile-left {
    width: 30%;
    padding-top: 0 !important;
}

#profile-right {
    background-color: #808d9f;
}


li#pa-posts a {
    color: #000;
    text-decoration: none;
}

li#pa-email a {
    color: #000;
}

.punbb .datafield span.input a {
    font-weight: normal;
    color: #000;
}

a#user-topics {
    color: #000;
}

a#user-posts {
    color: #000;
}

li#pa-invites a {
    color: #000;
}


.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
}





html {
    background: url(http://forumstatic.ru/files/0011/93/3d/41896.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: #e0e0e0;
    background-size: cover;
overflow-x: hidden;
}






#pun-title table {
    background: none;
    width: 998px;
    margin-left: -18px;
margin-top: 450px
}

body{min-width: 600px;
position: initial!important;} 



.tabloss {
  display: none;
}


ul.topmenu {
    background-image: url(https://i.ibb.co/kSSTg7S/654.jpg);
    border: 4px solid #ffffff17;
}


.artoswewetext {
    background-color: #4b9a9f;
    border: 3px solid;
    border-color: #357c7f;
    box-shadow: inset 0 -3em 3em rgb(0 0 0 / 10%), inset 6px 14px 20px 0px rgb(0 88 90 / 61%), 0em 1em 6em rgb(130 210 212 / 58%);
    text-align: center;
    font-family: Arial;

display: none;
}


 .newso {
height:110px;
    overflow-y: scroll;
    font-size: 12px;
    text-align: center;
    font-family: Arial;
    color: #d2e1f2;
    border: 1px solid;
    padding: 10px;
    width: 195px;
    margin-left: 22px;
    position: absolute;
    margin-top: 28px;
}


.artoswewe {
    height: 200px;
    padding: 10px;
    font-size: 12px;
    font-family: Arial;
    color: #2f2827;
    text-align: justify;
}
topmenu > li > a {
    padding: 12px 28px;
    color:#b7b7b7!important;
    text-transform: inherit;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Lobster';
    font-size: 14px;
    text-decoration: none;
}



.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .post-links ul, .post-links, .usertable table {
  border-color: #758089;
}


.aidaho {
    padding: 10px;
    font-size: 22px;
    font-family: Oswald!important;
    color: #525358!important;
    background-color: #a6c5d2!important;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    width: 200px;
    margin-left: 80px;
}






#pun-category5, #pun-category11, #pun-category12,  #pun-category13,  #pun-category14,  #pun-category15,      color: #a4a8bf!important;
    font-family: 'Cormorant Garamond';
    text-align: center;
}


#pun-about p.container {
    margin: 4px 5px -70px -16px;
    background-position: center left;
    background-repeat: repeat-x;
    width: 1000px;
    padding-bottom: 50px;
}

.topmenu > li > a {
    padding: 12px 26px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'lol'!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    text-decoration: none;
    list-style: none;
    background-image: url(https://i.ibb.co/kSSTg7S/654.jpg);
        box-shadow: 0 0 0 1px #bbbbbb57 inset, 0 0 0 2px #ffffff69 inset, 0 0 10px 0px #f1f1f138, 0 0 10px 0 rgb(113 116 121 / 28%) inset;
    border-radius: 2px;
    color: #acd2d8 !important;
    transition: all 0.3s ease-in-out 0s;
    margin: auto;
}

#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    text-align: left;
    width: 25%;
}

#under_bg {
    background: url(https://s1.hostingkartinok.com/uploads/images/2021/12/298f53c815e37854e4d8585e5b5f02c8.jpg);
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


#pun_bg {
    background: url(https://s1.hostingkartinok.com/uploads/images/2021/12/298f53c815e37854e4d8585e5b5f02c8.jpg) no-repeat top center;
    width: 1140px;
    height: 700px;
    position: fixed;
    top: 93px;
    z-index: -1;
    transform: translateX(-50%);
    left: 50%;
}



.moon2 {
    position: fixed;
    background: url();
    width: 500px;
    height: 500px;
    top: 0;
    z-index: -1;
    margin-left: 867px !important;
}
 
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
 
}



#main-reply {
    border:4px solid #a3a5a8!important
    height: 180px;
}

small#plng {
letter-spacing: 2px;
    color: #3b4552;
    font-family: 'mybb';
    border: none!important;
}

textarea#main-reply {
 background-color: #c2c6d2;
    background-repeat: repeat;
    color: #080e12;
    font-family: Arial;
    font-size: 14px;
}




.punbb .post-box {
    background-color: #c2c6d2;
    padding: 1em;
    margin-top: -45px;
}

li#profile-name {
  background-color: #546578;
    margin-right: 3px;
    font-family: 'mybb';
    font-size: 12px;
}


#profile-right li strong {
    text-align: left;
    margin-top: 6px;
    padding-left: 1em !important;
}


td#profile-left {
    text-align: center;
    text-transform: lowercase;
    font-size: 10px;
    outline: 1px solid #c7d3d8;
    box-shadow: rgb(143 143 143 / 10%) 0px 0px 16px inset;
    -webkit-box-shadow: rgb(143 143 143 / 10%) 0px 0px 16px inset;
    -moz-box-shadow: rgb(143 143 143 / 10%) 0px 0px 16px inset;
    -ms-box-shadow: rgb(143 143 143 / 10%) 0px 0px 16px inset;
    width: 26% !important;
    padding: 10px 0px !important;
    border: 1px solid #3b403e;
    margin-bottom: 20px!important;
	background: #808d9f;
}



.topt {
    margin-top: 10px;
    color: #fff!important;
    text-align: justify;
    font-size: 8px;
}


#pun-admain textarea {
   background-color: #aeb5b8;
}


.holder {
    position: relative;
    width: 580px;
    height: 200px;
    margin: 100px auto;
    margin-left: 620px;
}
.block {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgb(52 61 60 / 45%);
    padding: 5px;
    display: none;
    border: 5px solid #414e4c6e;
    box-shadow: rgb(213 213 213) 0px 0px 1px inset;
}
.holder:hover .block{
    display:block;
}

.moon {
       position: absolute;
    background: url();
    width: 1000px;
    height: 250px;
    top: 0;
    z-index: unset;
    margin-left: -273px !important;
    margin-top: -20px;
}


li#profile-name strong {
    color: #9ea3b4!important;
}

#tags .container {
    background-color: #707787;
    outline: 2px solid #67717f;
    padding: 5px;
    color: #b3bfcf;
    font-family: 'Tinos';
}
#tags .container a {
    background-color: #707787;
    outline: 2px solid #67717f;
    padding: 3px;
    color: #b3bfcf;
    font-family: 'Tinos';
}

.fog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 980px;
    overflow: hidden;
    background: url("") center center;  
    background-size: cover;
z-index: -100;

}
.fog::before,
.fog::after,
.fog div::before, 
.fog div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
}
.fog div::before, 
.fog div::after    {
    left: 100%;
}
.fog::before, 
.fog div::before {
    background-image: url("https://i.ibb.co/Vg9T70c/fog-1.png");
    animation: fogmove 40s linear 0s infinite;

}
.fog::after, 
.fog div::after {
    background-image: url("https://i.ibb.co/1rm6412/fog-2.png");
    animation: fogmove 35s linear 0s infinite;

}
@keyframes fogmove {
    from {
        transform: translate3d(0, 0, 0);

    }
    to {
        transform: translate3d(-100%, 0, 0);

    }
}


.artos {
    position: absolute;
    margin-top: -80px;
    display: block;
    width: 200px;
    color: #a4bec1;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Time New Romans;
}





.sole {
    display: none;
    background-image: url(https://i.ibb.co/fpS8xzD/image.png);
    width: 400px;
    height: 450px;
    position: absolute;
    margin-top: -385px;
    margin-left: 740px;
    opacity: 0.5;
}

     .sol {
   display: none;
    width: 400px;
    height: 450px;
    position: absolute;
    background-image: url(https://i.ibb.co/svKwNTL/9.png);
    margin-left: 205px;
    margin-top: -370px;
    opacity: 0.6;
z-index: -1;
}




td.tcl.action a {
    color: #192a32;
}
td.tcl.username a {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.forum .hasicon {
    color: #000;
}


.post-links a {
    color: #b3b7bf!important;
}

#pun-online .tcl.action {
    width: 25%;
    color: #000;
}

.plashkatop {
width: 170px;
    height: 30px;
    background-image: url(https://i.ibb.co/g6B7dpB/image.png);
margin: auto;
}


.musics {
position: absolute;
    margin-left: 758px;
    z-index: 9999;
    margin-top: 176px;
}


.Inner span {
   height: 15px;
    width: auto;
    background-color: #40556c;
    padding: 5px;
    outline: 2px solid #c3c8cf69;
    font-family: 'Playfair Display';
    font-size: 10px;
    text-align: center;
    color: #ffffff;
}

.Inner span:hover {
    background-color: #aab5b6;
    box-shadow: inset 0px 0px 10px rgb(213 226 221 / 58%);
}

.subforums span {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.subforums span {
    display: block;
    margin-top: -1px;   
 margin: 5px;
}

.subforums {
margin-left: 24px;
    margin-top: 0.9em;
    margin-bottom: 0.2em;
    width: 500px;
}


.categorytext {
    text-align: center;
    margin: 3px 0 3px 0 !important;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    margin: 5px;
}

.categorytext a {
    background-color: #273e52;
    display: inline-block;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 7px!important;
    padding: 4px 6px 3px 6px;
    margin: 0 6px 0 0px !important;
    font-family: agen !important;
    letter-spacing: 2px;
    border: #2c3844 1px solid !important;
    box-shadow: 0 0 0 1px #727f8f;
    width: 200px;
}


[data-tooltip] {
    position: relative; /* Относительное позиционирование */ 
   }
   [data-tooltip]::after {
        content: attr(data-tooltip);
    position: absolute;
    width: 300px;
    left: 0;
    top: 0;
    background: #6799a3;
    color: #d4e1e4;
    padding: 0.5em;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
    pointer-events: none;
    opacity: 0;
    transition: 1s;
   } 
   [data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    z-index: 9999999;
    width: auto;
    height: auto;
   }


.pa-fld4 {
    height: 32px;
    position: relative;
    margin-left: -10px !important;
    margin-top: 1px!important;
    background: linear-gradient(to top, rgb(21 31 44) 0%, rgb(58 77 94) 100%);
    cursor: default;
}



.pa-fld4 fonpi {
    height: 32px;
    width: 226px;
}

.pa-fld4 ici {
    position: absolute;
    margin-left: -95px;
    margin-top: -7px;
}

.pa-fld4 ici img {
    opacity: .9;
    max-width: 40px;
    position: absolute;
    background: #224462;
    background: linear-gradient(to top, rgb(25 44 58) 0%, rgb(62 74 87) 100%);
    -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    padding: 1px 5px;
    filter: brightness(0.94);
    margin-top: -12px;
    margin-left: 72px;
}

.pa-fld4 kt {
 display: flex;
    align-items: center;
    width: 75px;
    font-size: 7.5px;
    height: 14px;
    position: absolute;
    margin-left: 15px;
    font-family: 'Tinos';
    font-weight: 600;
    color: #d2d4d6;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
    margin-top: 0px;
}
.pa-fld4 mt {
  display: flex;
    align-items: center;
    width: 75px;
    height: 14px;
    font-size: 7.5px;
    margin-left: 150px;
    position: absolute;
    font-family: 'Tinos';
    font-weight: 600;
    margin-top: 0px;
    color: #d2d4d6;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
}

.pricol {
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
    padding: 5px;
    position: absolute;
    margin-top: 10px;
}

li.pa-fld4 {
	    display: block;
    height: 39px;
    position: relative;
    margin-left: 10px !important;
    margin-top: 3px!important;
    background: #3c4558;
    cursor: default;
    margin-right: 10px;
}
.yacheqa {
       background: linear-gradient(217deg, rgb(15 34 56), rgb(39 45 51 / 16%) 70.71%), linear-gradient(127deg, rgb(6 14 22), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgb(70 5 5), rgba(0,0,255,0) 70.71%);
    box-shadow: inset 0 -3em 3em rgb(38 56 77 / 34%), 0 0 0 2px rgb(100 4 4 / 1%), 0.3em 0.3em 1em rgb(221 228 239 / 0%);
    width: 180px;
    height: 35px;
    margin: 3px;
    text-align: center;
    font-size: 14px;
    color: #e6e6e6;
    outline: 3px solid #66696d61;
    font-family: 'Cormorant Garamond'!important;
}

.yacheqa a {
   color: #a6afbe!important;
}

.yacheqa a:hove {
font-weight: bold;
}

.yacheqastil {
font-size: 9px;
    font-family: sans-serif;
}

.yacheqa:hover {
    background-color: #19252f;

}


.yacheqa-art1 {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(https://i.ibb.co/wsXZk2C/image.png);
margin-top: -13px;
}
.yacheqa-art2 {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(https://i.ibb.co/4YxJpR6/image.png);
margin-top: -10px;
}

.yacheqa-art3 {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(https://i.ibb.co/Zgjtd7q/image.png);
margin-top: -10px;
}

.yacheqa-art4 {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(https://i.ibb.co/Zm2S424/image.png);
margin-top: -10px;
}


#changeStyle img {
    border: solid 2px transparent;
    width: 30px;
}

div#changeStyle {
 margin-left: 125px;
    position: absolute;
    margin-top: 50px;
    width: 10px;
    display: flex;
    z-index: 999;
	}






	li.pa-avatar.item2:hover {
    transition: filter 0.5s ease-in-out;
    filter: brightness(2) grayscale(1) opacity(0.5);
}






.pou {
  width: 110px;
    height: 15px;
    background-color: #2e5573;
    outline: 2px solid #4e7087;
    font-family: 'Oswald';
    font-size: 11px;
    text-align: center;
}


.pou:hover {
    background-color: #91b0d0;
    outline: 2px solid #9dbacd;
}


.po4u {
    margin-left: 5px;
    background: #cdd9e680;
    color: #000;
    height: 30px;
    width: 180px;
}

.sols {
    width: 1000px;
    height: 100px;
    position: absolute;
    margin-top: -351px;
    margin-left: -16px;
    background-repeat: no-repeat;
}

.good {
 display: none;
    position: absolute;
    width: 400px;
    height: 450px;
    background-image: url(https://i.ibb.co/MnVLjzJ/9.png);
    margin-top: -430px;
    margin-left: 750px;
    z-index: -5;
    opacity: 0.4;
}


.fonar {
display: block;
    position: absolute;
    width: 220px;
    height: 108px;
    margin-top: -175px;
    margin-left: 500px;
    color: #718291!important;
    font-size: 12px;
    font-family: 'mybb';
    padding: 3px;
    text-align: justify;
    line-height: 16px;
    z-index: 999;
    background: #424c6a12;
}







.pogu {
    display: flex;
    flex-wrap: nowrap;
    padding: 3px;
}

.po4u {
    margin-left: 5px;
}
.pou8 {
    width: auto;
    height: 20px;
    background-color: #f1f7f8;
    outline: 2px solid #fcfbff;
    font-family: 'Oswald';
    margin-left: 20px;
    padding: 3px;
    margin-bottom: 8px;
    margin-top: 3px;
}


.pou81 {
    display: flex;
    flex-grow: inherit;
}


.newsss {
    height: 200px;
}

.dropbtn {
 background-color: #366181;
    color: #fffefe;
    padding: 5px;
    font-size: 15px;
    border: none;
    cursor: pointer;
    width: 260px;
    font-family: 'Oswald';
    margin-left: 40px;
    outline: 2px solid #445d6c;
    margin-top: 10px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #7496b0;}



.circle-image {
   display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    position: initial;
}

.circle-image img{
  width:100%;
  height:100%;
  object-fit: cover;
}


a.rolloverd1 {
    background: url(https://i.ibb.co/d07DJqN/4.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd1:hover {
    background: url(https://i.ibb.co/rF4Fz3y/4.gif); /* Путь к файлу с заменяемым рисунком  */
   }

a.rolloverd2 {
    background: url(https://i.ibb.co/pX1Mh0B/image.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd2:hover {
    background: url(https://i.ibb.co/pRjNkpc/e87e7f61ca9d2c90e24821f0f038a358.gif); /* Путь к файлу с заменяемым рисунком  */
   }

a.rolloverd3 {
    background: url(https://i.ibb.co/6wTnrqp/1.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd3:hover {
    background: url(https://i.ibb.co/XVSmy7h/499340.gif); /* Путь к файлу с заменяемым рисунком  */
   }


a.rolloverd4 {
    background: url(https://i.ibb.co/d4tgX2H/image.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd4:hover {
    background: url(https://i.ibb.co/SmK09My/giphy.gif); /* Путь к файлу с заменяемым рисунком  */
   }



a.rolloverd5 {
    background: url(https://i.ibb.co/rfZdsbk/1-2.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd5:hover {
    background: url(https://i.ibb.co/8DG6GzV/97d885e59138bfa4a82f5c46b84c1c18.gif); /* Путь к файлу с заменяемым рисунком  */
   }

a.rolloverd6 {
    background: url(https://i.ibb.co/BgkQGzj/image.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd6:hover {
    background: url(https://i.ibb.co/vLFwdBv/Hearty-Flamboyant-Hornedtoad-size-restricted.gif); /* Путь к файлу с заменяемым рисунком  */
   }


a.rolloverd7 {
    background: url(https://i.ibb.co/1fZf7dK/1.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd7:hover {
    background: url(https://i.ibb.co/NVpqKkk/image.gif); /* Путь к файлу с заменяемым рисунком  */
   }


a.rolloverd8 {
    background: url(https://i.ibb.co/27V0cdR/948662243690.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  � исунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverd8:hover {
    background: url(https://i.ibb.co/rF4Fz3y/4.gif); /* Путь к файлу с заменяемым рисунком  */
   }

.adminface {
    display: block;
    width: 220px;
    margin-left: 10px;
    margin-top: -40px;
}

.writersface {
    display: block;
    width: 220px;
    margin-left: 80px;
margin-top: 10px;
}


.view {

    padding: 5px;
}

.coloros {
color: fff;
}


.artosr {
    width: 180px;
    text-align: center;
    margin: auto;
}

.artoswewetext {
    height: 106px;
    overflow-y: scroll;
padding: 5px;
}

.cartinactiv {
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
}







.artoswewe {
    height: 200px;
    padding: 10px;
    font-size: 12px;
    font-family: sans-serif;
   color: #363c43;
    text-align: justify;
}

nav {
    background: #ffffff;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav a {
  text-decoration: none;
  outline: none;
  display: block;
  transition: .4s ease-in-out;
}
.topmenu {
  text-align: center;
  padding: 10px 0;
}
.topmenu > li {
  display: inline-block;
  position: relative;
}
.topmenu > li:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 12px;
  background: #d2d2d2;
  top: 16px;
  box-shadow: 4px -2px 0 #d2d2d2;
  transform: rotate(30deg);
}
.topmenu > li:last-child:after {
  background: none;
  box-shadow: none;
}
.topmenu > li > a {
  padding: 12px 26px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: Oswald;

font-size: 16px;
    text-decoration: none;
}
.topmenu li a:hover {color: #861313;}

.morph.pic {
    padding: 5px;
    margin: auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}


.view {
display: none;
}


.view .mask, .view .content {
    width: 80px;
    height: 80px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {
  display: block;
  position: relative
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 5px;
    font-family: Raleway, serif;
    padding: 10px;
    margin: 20px 0 0 0;
}

.view p {
  font-family: Merriweather, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 4px 2px;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    font-size: 10px;
    margin-right: 20px;
    margin-top: 40px;
}


.view a.info:hover {
  box-shadow: 0 0 5px #000
}

li.item4 a {
    margin: 3px;
}

.statscon .item4 a {
    color: #8c9bb5!important;
}

/*1*/

.view-first img {
    transition: all 0.2s linear;
    width: 60px;
    height: 60px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgb(42 55 68 / 38%);
    transition: all 0.4s ease-in-out;
}

.view-first h2 {
  transform: translateY(-100px);
  opacity: 0;
  font-family: Raleway, serif;
  transition: all 0.2s ease-in-out;
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


/* */

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
  opacity: 1;
  transform: translateY(0px);
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}

.artoso {
    width: 200px;
    height: auto;
}



.olveyskal {
    display: flex;
    flex-wrap: wrap;
    background-image: url(https://i.ibb.co/9bmzmCF/image.png);
    width: 280px;
    height: 150px;
    margin-top: 38px;
}

.kalendar19 {
    width: 220px;
    height: 80px;
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0px;
    margin-left: 30px;
}
.godkal19 {
    width: 70px;
}

.kalendar {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 50px;
    margin-left: 30px;
}

.godkal {
    width: 70px;
}


.infokal {
    color: #a6c5d2;
    width: 130px;
    height: 39px;
    padding: 2px;
    overflow-y: scroll;
    margin-top: 48px;
    margin-left: 0px;
}


.infokal19 {
    color: #a6c5d2;
    width: 130px;
    height: 39px;
    padding: 2px;
    overflow-y: scroll;
    margin-top: 18px;
}

.punbb .post-body, .punbb .post-links,  .punbb .formal fieldset .post-box, #setmods dd, {
    background-color: #9ab8d5;
    color: #0e0f13;
}


#viewprofile li strong {
    color: #000;
}

.punbb .formal fieldset {
    border: 1px solid #323e492e;
}

.punbb td.tc2 {
    background-color: #666f7500;
    color: #000000;
}



.section.online-list {
      background-image: url();
    margin-top: 1px;
}


div#pun-stats {
     background-image: url();
    width: 965px;
}


li#onlinelist div {
    margin-top: 1em;
    border-top-style: none;
    border-top-width: 1px;
    float: left;
    width: 100%;
    padding: 0px 0px 20px;
    font-family:'mybb';
    font-size: 13px;
}


.checkfield {
   background-color: #5d6b77;
}


div#post-form {
    max-width: 965px;
}

.postlink {
    color: #fff;
}


.subscribelink {
    color: #fff;
}


.punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box,  #setmods dd, .punbb .info-box,  {
    background-color: #08293f;
    color: #001415;
}




#pun-status .status-right {
    float: right;
    color: #294867;
}



.cpicok {
    width: 540px;
    background-color: #ffffff3d;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 5px;
background-image: url(https://masterfresok.ru/upload/iblock/722/fotooboi-tuman-v-lesu-foto.jpg);

outline: 2px solid #aecacc5e;
    margin-bottom: 2px;
    margin-top: 2px;
    box-shadow: 0 0 10px rgb(119 160 163);
   
}
.devvek {
    width: 270px;
}
.dvavek {
    width: 270px;
}

.knopkavek {
    width: 220px;
    background-color: #65a0a1;
    padding: 3px;
    margin: 3px;
    outline: 2px solid #d5dddf;
    box-shadow: inset 0px 0px 10px rgb(213 226 221 / 58%);
}

.rt:hover {
    color: #fafafa;
    background-color: #6b8c91;
}

.rt {
    width: 220px!important;
    background-color: #07222d;
    padding: 3px;
    outline: 2px solid #d8e5e9;
    box-shadow: inset 0px 0px 10px rgb(17 35 28 / 58%)!important;
    border-color: #fff1f1;
    color: #f1f1f1;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 18px;
    text-align: center;
}

.rt a {
    text-shadow: #fefefee3 1px 0 10px;
}

.dropdown-content a:hover {
    color: #b10000;
}



.forum a:hover {
    color: #a63f3f;
}

#pun-index td div.tclcon a:hover {
    color: #a63f3f;
}


.post-content td {
    padding: 0.4em 0.5em !important;
    overflow: hidden;
}







.punbb .formal fieldset .post-box {
background-color: #2f404942;
    color: #0b0c10;
}

tbody.hasicon a {
    font-size: 12px;
}
tbody.hasicon {
  background: #c2c6d2a8;

}



.forumtext {
    width: 350px;
    padding: 8px;
    overflow-y: scroll;
    height: 80px;
    margin-top: 8px;
    font-size: 10px;
    margin-left: 10px;
color: #000;
}

.forumrnop {
    width: 150px;
    overflow-y: scroll;
    height: 96px;
    margin-top: 8px;
    margin-left: -1px;
    background: #c1c7d0;
    margin-bottom: 5px;
}


tr#forum_f227 {
  background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f153{
    background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f279 {
    background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f255 {
background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f272 {background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f269{background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f33{background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}


tr#forum_f268{background-image: url(https://i.ibb.co/TWNGc84/image.png);
    background-repeat: no-repeat;
}
.punbb .user-avatar .isonline {
    z-index: 8!important;
    width: 9px!important;
    height: 9px!important;
    right: -3px!important;
    top: -2px!important;
    bottom: auto;
    background: #ade7f3!important;
}


td.tcl.username a:hover {
    color: #fff;
}


li.pa-online, li.pa-last-visit {
    position: absolute;
    font-size: 0;
    display: block;
    width: 45px;
    height: 90px;
    top: 0;
    left: 0;
    margin: 55px 0 0 188px;
}

li.pa-last-visit {
    background: url(https://i.ibb.co/G5KW33h/image.png) no-repeat top center;
}

li.pa-online {
    background: url(https://i.ibb.co/WvcRxwM/image.png) no-repeat top center;
}



#form-buttons {
outline: 1px solid #646d7f;
    background: #495162;
    box-shadow: 0 0 5px 1px #ffffff12 inset;
    padding-left: 145px;
    margin: 0px -7px 1px 0px;
}


#pun .user-avatar.user-avatar .avatar-image {
 border-radius: 10px 0px !important;
    border: 2px solid #3e89a78f;
    height: 35px;
    width: 35px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

#pun .user-avatar.user-avatar .avatar-image:hover {
    border-radius: 19px !important;
    border: 1px solid #3e89a791;
    height: 35px;
    width: 35px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .avatar-image {
filter: sepia(1) brightness(0.9) hue-rotate(166deg) contrast(1) grayscale(.3);
}



#pun-index .hasicon .intd {
    min-height: 50px;
    border-top: none;
    width: 590px;
    box-sizing: border-box;
padding: 0px;
    position: relative;
}

#pun-index .hasicon .icon {
    position: absolute;
    background: url() no-repeat top center;
    width: 171px;
    height: 86px;
    top: -11px;
    left: -29px;
    pointer-events: none;
}
#pun-index .hasicon .tclcon {
    font: normal 15px/100% Cambria, sans-serif;
    text-align: justify;
    display: flex;
    flex-direction: column;
}


   #pun-index .tcl {
    width: 610px;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
}


#pun th {
color: #a6afbe;
    height: 14px;
    padding: 5px 15px;
    font-family: Tanes;
    background-color: #213343;
    font-size: 12px;
}


#pun-index td div.tclcon {
    box-shadow: 0px 3px #69737c3b;
    width: 538px;
    height: 168px;
    opacity: 0.8;
    color: #c5d6e1;
}

.forumach {
   width: 535px;
    background-color: #ffffff54;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 4px;
    height: 113px;
}


p.d_title {
margin-top: -28px;
    margin-left: 10px;
    margin-right: 0px;
   display: none;
    color: #fff9f9;
}


.Inner {
    display: flex;
    flex-wrap: nowrap;
    width: 500px;
    margin-top: -10px;
    margin-left: 30px;
}

span.sf271 {
    display: none;
}

.fonars {
    display: none;
    width: 300px;
    height: 300px;
    position: absolute;
    background-image: url(https://i.ibb.co/mc7hW5n/image.png);
    margin-left: 700px;
    margin-top: -400px;
    opacity: 0.5;
}

.tablles {
    width: 980px;
    height: 230px;
    margin-top: -240px;
    margin-left: -50px;
}

.table-responsive {
    position: absolute;
    display: block;
    margin: 5px;
    width: 980px;
}

.admin-do {
    color: #fff;
    font-size: 14px;
    position: absolute;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin-top: -65px;
    margin-left: 30px;
}

#tiger2{
	position: relative;
	display: inline-block;
}
#tiger2 .text {
transition: all 0.6s;
opacity: 0;
position: absolute;
left: 0; bottom: 0;
background: rgba(5,13,156,.55);
color: #fff;
text-align: center;
font-family: cursive;
font-size: 14px;
padding: 3px 0;
width: 100%;
transform: scale(0);
}
#tiger2:hover .text{
	opacity: 1;
}

		
			#header_table .episodes .blocks {
    display: flex;
    flex-direction: column;
}

#header_table .episodes a:first-child {
    margin-bottom: 4px;
}


#header_table .episodes a {
    border: 1px solid rgb(var(--white_static) / .12);
    padding: 0 8px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 16px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

#header_table .episodes a b {
    font-size: 10px;
    font-weight: 600;
    font-family: var(--font);
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blocks {
    position: absolute;
    background: #36719885;
    margin-top: -45px;
    outline: 1px solid #263239;
    padding: 8px;
overflow-y: scroll;
}

.forum {
    margin-top: -29px;
}

.punbb .tbs {
    display: none;
   
}


.punbb .tb_post {
 display: block;
    position: absolute;
    margin: -170px 0 0 540px;
    width: 195px;
    height: 80px;
    overflow-y: scroll;
    font: 10px Arial;
    text-align: justify;
    padding-right: 10px;
    line-height: 13px;
}

.punbb .tb_ep {
    position: absolute;
    margin: -80px 0 0 835px;
    font: 12px Playfair Display;
    text-align: center;
    line-height: 14px;
}

.tb_ep a {
    margin-left: -80px;
    display: block;
}
.forum .intd {
    margin-left: 0px;
}
.banerss {
   position: absolute;
    margin-left: 5px;
    overflow-y: scroll;
    width: 930px;
    margin-top: 15px!important;
    background: #134361;
    height: 50px;
    padding: 15px;
}

:root {
    --main-color: #4a7a9f;
}

div#p14-content a {
    color: #ad0202;
}



.post-body {
    margin-top: 50px;
}

.topic a.permalink {
    color: #b3b7bf;
}

#messages .linksb {
    text-align: center;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
}




.punbb .main td {
    vertical-align: baseline;
}


.pauk {
    display: block;
    position: absolute;
    width: 300px;
    height: 200px;
    background-image: url(https://i.ibb.co/8gq9fpP/8.png);
    margin-top: -200px;
    margin-left: 467px;
}

.navid {
    position: absolute;
    display: block;
    width: 360px;
    height: 100px;
    margin-top: -400px;
    margin-left: 800px;
}

.punbb fieldset legend span {
font-family: 'Tinos';
    padding: 2px 5px;
    margin: auto;
    color: #29394a;
    font-size: 18px;
    text-align: center;
    z-index: 5;
}


#pun-admin_style {
    margin-top: -300px;
}

div#pun-admin_index {
    margin-top: -300px;
}

.punbb-admin {
    margin-top: -300px;
}


div.punbb-admin #pun-about .container {
    margin-left: -55px;
}


img.animate1 {
    filter: alpha (Opacity=25);
    opacity: 0.6;
    transition-duration: 2s;
}

img.animate1:hover {
    filter: alpha (Opacity=100);
    opacity: 1;
    transition-duration: 2s;
}






.babox {
position: absolute;
    width: 50px;
    height: 260px;
    margin-left: 980px;
    margin-top: -210px;
}


.tb_art {
    position: absolute;
    margin-left: 263px;
    width: 250px;
    height: 200px;
    background: url(https://i.ibb.co/M6F9Tdk/1.jpg);
    margin-top: -185px;
}

.tb_art_text {
   color: #a7c9e0c7;
    margin-top: 110px;
    padding: 3px;
    font-size: 10px;
    line-height: 15px;
    text-align: justify;
    margin-left: 5px;
}




#punbbsearch label {
 font-size: 16px;
    font-family: 'mybb';
    color: #2b3642;
}

input#fld1 {
  color: #fff;
    font-family: Arial;
}


span.item1 {
  color: #2c3844;
}

div#loginDiv {
    margin-top: 50px;
}


#profile fieldset,
#profile > p {
    margin-left: 200px;
}


#viewprofile-next #profilenav {
    display: none;
}

#togglePreview {
    float: right;
    margin-top: -58px!important;
}

div#post-form h2 {
    color: #fff!important;
}

.punbb .post-box a {
    color: #696e99;
}

div#html-footer {
    background: #2c3844;
    padding: 10px;
    outline: 1px solid #808c9c;
    height: 80px;
	 overflow-y: scroll!important;
}


#navindex  a:before {content:"\f004"; font-family: 'FontAwesome';  } /* Форум */
#navuserlist a:before {content:"\f0c0"; font-family: 'FontAwesome';   } /* Участники */
#navawards a:before {content:"\f005"; font-family: 'FontAwesome';  } /* Награды */
#navsearch a:before {content:"\f002"; font-family: 'FontAwesome';   } /* Поиск */
#navpm a:before {content:"\f0e0"; font-family: 'FontAwesome';  } /* Сообщения*/
#navprofile a:before {content:"\263D"; font-family: 'FontAwesome';  padding: 1.5px;} /* Профиль */
#navadmin a:before {content:"\f120"; font-family: 'FontAwesome';   } /* Администрирование */
#navlogin a:before {content:"\f090"; font-family: 'FontAwesome';  padding: 1.5px; } /* Вход */
#navlogout a:before {content:"\f0e2"; font-family: 'FontAwesome';  padding: 1.5px; } /* Выход */
#navregister a:before {content:"\f067"; font-family: 'FontAwesome'; padding: 1.5px; } /* � егистрация */
#navpr_1 a:before {content:"\f1d8"; font-family: 'FontAwesome';   } /* � еклама */
#navextra1 a:before {content:"\265B"; font-family: 'FontAwesome';   } /* Библиотека */
#navextra2 a:before {content:"\f1b0"; font-family: 'FontAwesome';   } /* Хронология */
#navpr_2 a:before {content:"\f007"; font-family: 'FontAwesome';   } /* Читатель */

.forumname:hover {
transition: ease-out 1.6s;
    transform: scale(0.92);}

 .forumnames {
    width: auto;
    position: absolute;
    cursor: default;
    margin-left: 205px;
    z-index: 1;
    margin-top: 10px;
    font-size: 10px;
    letter-spacing: 6px;
    font-family: 'Tinos';
    font-weight: 500;
    opacity: 1;
    overflow-y: hidden;
       color: #ffffff;
    -webkit-text-stroke: 1px #42516f73;
    transition: ease-out 1.6s;
  
}
.solso {
    position: absolute;
    display: block;
    width: 400px;
    height: 240px;
    margin-top: -250px;
    margin-left: 0px;
    background-image: url(https://i.pinimg.com/originals/65/38/92/6538925daffd6eb88441decb5e493d4b.gif);
}

.forumname {
       position: absolute;
    margin-left: 200px;
    z-index: 1;
    margin-top: 18px;
    font-size: 40px;
    letter-spacing: 6px;
    font-family: 'Playfair Display';
    font-weight: 500;
    opacity: 1;
    color: #888393;
    -webkit-text-stroke: 1px #3f4c6d6b;
    transition: ease-out 1.6s;
    text-shadow: 5px 5px #97afc521;
    width: 550px;
}


.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.postos {
}

.tooltip {
    display: inline;
    position: relative;
    z-index: 999;
}
 
/* Выделение "ключевого слова" */
 
.tooltip-item {
    color: #738ba9;
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, color 0.3s, transform 0.3s;
    font-family: 'Playfair Display SC';
    font-size: 10px;
}

.tooltip:hover .tooltip-item {
       color: #d4dee4;
    -webkit-transform: translate3d(0,-0.5em,0);
    transform: translate3d(0,-0.5em,0);
    font-family: italic;
    font-size: 15px;
}
 input.button:hover {
    background-color: #4d607c;
}

.button {
cursor: pointer;
    margin-top: 0px !important;
    padding: 0px 8px 2px;
    text-decoration: none;
    vertical-align: bottom;
    -webkit-transition: all 0.7s ease-in-out 0.3s;
    -moz-transition: all 0.7s ease-in-out 0.3s;
    -o-transition: all 0.7s ease-in-out 0.3s;
    letter-spacing: 2px;
    border: 1px solid #5f6f7c!important;
    font-size: 18px!important;
color: #c2c6d2;
}


/* Подсказка */
 
.tooltip-content {
    position: absolute;
    z-index: 99;
    width: 180px;
    margin-left: -140px;
    FONT-VARIANT: JIS83;
    margin-top: -150px;
    text-align: left;
    background: #242834;
    opacity: 0;
    line-height: 1.5;
    padding: 1.5em;
    color: #fff;
    border-bottom: 35px solid #2b3846;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    font-family: Arial;
    transform: translate3d(0,-0.5em,0);
    transition: opacity 0.3s, transform 0.3s;
    font-size: 12px;
    height: 100px;
    overflow-y: scroll;
}
.tooltip-content a {
    color: #32434f;
}
 
.tooltip-text {
    opacity: 0;
    -webkit-transform: translate3d(0,1.5em,0);
    transform: translate3d(0,1.5em,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
 
.tooltip:hover .tooltip-content,
.tooltip:hover .tooltip-text {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.longdesrcpt b {
    color:#a59f9f;
}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
   font-family: 'Playfair Display';
    font-size: 13px;
    background-color: #18222dad;
    color: #858b9d;
    font-weight: normal;
    text-align: center;
    display: block;
    margin: 1px;
    text-decoration: none;
    border-left-style: solid;
    border-left-color: #52586a;
    border-left-width: 5px;
    border-right-style: solid;
    border-right-color: #52586a;
    border-right-width: 5px;
    width: 200px;
	height: 20px;
}

a.tvm:hover {

  font-family: 'Arial';
    font-size: 13px
    background-color: #d0c7c7;
    color: #5e5b5b;
    font-weight: normal;
    text-align: center;
    display: block;
    margin: 1px;
cursor:crosshair; 
    text-decoration: none;
    border-left-style: solid;
    border-left-color: black;
    border-left-width: 5px;
    width: 200px;
}



.polosap {
    height: 15px;
    background: #460a0a;
    margin-bottom: 8px;
    width: 370px;
    margin-left: 10px;
}


.contannouncement {
    display: grid;
    grid-template-columns: 1fr .5fr 1fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr;
    gap: 5px 5px;
    grid-auto-flow: row;
    grid-template-areas:
        "icons picture text"
        "iconandtext picture links"
        "iconandtext picture description";
    justify-content: center;
    align-content: center;
    justify-items: stretch;
    align-items: stretch;
    width: 989px;
    height: auto;
    text-align: center;
    background: #15172240;
    padding: 5px;
    box-shadow: inset 0 -3em 3em rgb(38 56 77 / 34%), 0 0 0 2px rgb(100 4 4 / 1%), 0.3em 0.3em 1em rgb(221 228 239 / 0%);
    border-top: 1px solid #2c3844;
}


.description {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 5px 5px; 
  grid-auto-flow: row;
  grid-template-areas:
    "shortdscr shortdscr shortdscr"
    "longdesrcpt longdesrcpt longdesrcpt"
    "longdesrcpt longdesrcpt longdesrcpt";
  grid-area: description;
}

  .shortdscr {
     grid-area: shortdscr;
    color: #6a7e87;
    display: block;
    position: absolute;
    margin-top: -165px;
    margin-left: 510px;
    font-size: 12px;
    font-family: 'mybb';
}


.longdesrcpt {
grid-area: longdesrcpt;
    background: #4153760a;
    font-size: 11px;
    color: #b7ccdcab;
    height: 30px;
    margin-top: 13px;
    padding-top: 13px;
    position: absolute;
    margin-left: 505px;
}



.picturew {
    grid-area: picture;
    padding: 3px;
    justify-self: stretch;
    align-self: center;
    max-height: 168px;
    margin-left: 5px;
}

.lords {
    position: absolute;
    margin-top: 7px;
    margin-left: 5px;
}


.icons { /*блок с иконками 50 на 50 */
grid-area: icons;
    height: 80px;
    padding-top: 4px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 10px;
    margin-left: 80px;
}

.icons a {padding: 0 4px;} /*отступы между иконками*/
ul#userhero {
    margin-top: 23px;
}
.iconandtext {
 display: grid;
    grid-template-columns: 1fr 0.8fr 1.2fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas:
        "iconneartext textnearicon textnearicon"
        "iconneartext textnearicon textnearicon"
        "iconneartext textnearicon textnearicon";
    grid-area: iconandtext;
    background: #1111112e;
    padding-top: 4px;
    -webkit-box-shadow: 0px 0px 0px 1px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115);
    box-shadow: 0px 0px 0px 1px rgb(98 118 159 / 13%);
    height: 120px;
}



.thumbs {
max-width: 350px;
    opacity: .99;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
    margin-left: 8px;
    margin-top: -2px;
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
    line-height: 1;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Oswald';
    color: #b3c9df;
    font-weight: bold;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}







.textnearicon { 
grid-area: textnearicon;
    font-size: 11px;
    text-align: left;
    color: #7a8091;
    overflow-y: scroll;
 }






.hover-image-8 a {
 display: flex;
    background: #2b3846;
    margin: 3px;
    padding: 3px;
}


.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: #85919f!important;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}



.vansmail {
display: flex;
flex-wrap: wrap;
widht: 1001px;
position: absolute;
margin: -320px 0 0 -16px;
margin-left: 5px;
margin-top: -5px;
}


.hover-image-8 a img {
transition: filter 0.5s ease-out;
    filter: brightness(1) grayscale(1) opacity(0.5);
}

.hover-image-8 a:hover img {
  filter: none;
}



.vansmail {
    display: flex;
    flex-wrap: wrap;
    width: 750px;
    position: absolute;
    height: 250px;
}

 .vanlas {
 display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 510px;
}






.text {
    grid-area: text;
    font-size: 11px;
    FONT-WEIGHT: 100;
    height: 180px;
    position: absolute;
    width: 385px;
    margin-left: 605px;
    display: flex;
    flex-wrap: wrap;
}


.possishon {
    text-align: center;
    position: absolute;
    display: block;
    width: 1001px;
    height: 230px;
}


.acfrot {
    display: flex;
    position: absolute;
    margin-left: 40px;
    flex-wrap: wrap;
    margin-top: 0px;
}

acfrot-10 {
    display: flex;
    FONT-VARIANT: JIS90;
    margin-top: 73px;
    margin-left: 50px;
    color: #7a8091;
    width: 290px;
    height: 75px;
    background: #0d0e154f;
}

.acvan {
    width: 30px;
    height: 60px;
    margin-top: 10px;
}

.acva5n {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    width: 350px;
    height: 60px;
}

.navigvan {
    width: 250px;
    height: 60px;
    margin-left: 390px;
}

.navigva5n {
    position: absolute;
    width: 192px;
    height: 50px;
    margin-left: 295px;
    overflow-y: scroll;
    background: #18222d6b;
    color: #718291!important;
    font-family: 'mybb';
    font-size: 12px;
    padding: 3px;
    outline: 1px solid #27333f;
}

.vanas {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    width: 500px;
    height: 100px;
    margin-top: 80px;
}


.vanla5s {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    width: 750px;
    height: 60px;
    margin-top: 180px;
}
.infovan-block {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 250px;
    height: 240px;
    margin-left: 750px;
margin-top: -180px;
}


.aster8 {
    width: 58px;
    height: 20px;
    transform: rotate(270deg);
    transform-origin: top left;
    color: #7d8997;
    position: absolute;
    margin-left: 8px;
    background: #1a2531;
    margin-top: 60px;
    font-family: 'Cormorant Garamond';
    outline: 1px solid #9eb6c74f;
}

.ftor {
    height: 20px;
    transform: rotate(270deg);
    transform-origin: top left;
    position: absolute;
    margin-top: 78px;
    background: #1a2531;
    width: 65px;
    color: #7d8997;
    outline: 1px solid #9eb6c74f;
    font-size: 14px;
    font-family: 'Cormorant Garamond';
    margin-left: 8px;
}

.novos {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    padding: 5px;
    margin: 5px;
    background: #2c3c4d6b;
    overflow-y: scroll;
    outline: 1px solid #27333f;
    box-shadow: inset 0 -3em 3em rgb(43 38 53 / 69%), 0 0 0 2px rgb(100 4 4 / 1%), 0.3em 0.3em 1em rgb(221 228 239 / 0%);
    background-image: url(http://forumstatic.ru/files/0011/93/3d/41896.jpg);
}


.maket-novos {
 display: flex;
    padding: 3px;
}

#profile input {
    color: #ffffff;
    font-family: 'Playfair Display';
}

.info-novos {
    margin-left: 15px;
    font-family: 'mybb';
    font-size: 12px;
    height: auto;
	color: #718291!important;
}
.info-novos a {
    color: #6a7e87!important;
}

.possishon-4 {
    text-align: center;
    display: block;
    width: 1001px;
    height: 240px;
    background: linear-gradient(217deg, rgb(15 34 56), rgb(39 45 51 / 16%) 70.71%),
      linear-gradient(127deg, rgb(6 14 22), rgba(0,255,0,0) 70.71%),
      linear-gradient(336deg, rgb(70 5 5), rgba(0,0,255,0) 70.71%);
    box-shadow: inset 0 -3em 3em rgb(38 56 77 / 34%), 0 0 0 2px rgb(100 4 4 / 1%), 0.3em 0.3em 1em rgb(221 228 239 / 0%);
    border-top: 1px solid #2c3844;
    position: absolute;
    margin-top: -310px;
    margin-left: -15px;
}

.mark-novos {
    background: #1a2531;
    width: 140px;
    color: #646b79;
    font-family: 'Playfair Display SC';
    height: 20px;
    outline: 1px solid #27333f;
}


.ams-block {
    position: absolute;
    margin-left: 550px;
    margin-top: -150px;
}

.info-r {
   position: absolute;
    margin-left: 530px;
    color: #6f86a3;
    margin-top: -129px;
    font-family: 'mybb';
    font-size: 14px;
}


.longd {
    background: #1d192e;
    color: #a2a9af;
    font-family: 'Playfair Display SC';
    font-size: 14px;
    margin-top: -20px;
    margin-left: 12px;
    outline: 1px solid #27333f;
}


span.fld-name a:hover {
    color: #c0d1e8;
}

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


li.pa-time-visit .fld-name {
    display: none;
}

li.pa-time-visit {
    text-transform: lowercase;
    font-family: 'Playfair Display';
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0px 0px 0px 10px !important;
    FONT-VARIANT: JIS90;
    width: 99px;
    margin-bottom: 0px !important;
    margin-left: 130px!important;
    height: 53px;
    background: rgb(73 81 98);
    line-height: 11px;
    color: #c2c6d2;
    display: flex;
    position: absolute;
    margin-top: -55px;
}

/* Некоторые цвета в админке
-------------------------------------------------------------*/
.pa-title {
color: #5f6e82;
}

#pun-admain .adformal li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
color: #000;
}
#pun-admain .adinput em {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 140%;
    color: #000;
}
#pun-admain .adlabel {
    width: 16em;
    padding-left: 1em;
    padding-right: 1em;
    color: #000;
}

#pun-admain .adlabel, #pun-admain .adinput, #pun-admain fieldset dt, #pun-admain fieldset dd {
    line-height: 1.8em;
    color: #000;
}
#pun-admain .adformal p.adinfofield {
    background: transparent;
    border-left: none;
    position: static;
    padding: 0 0 8px 0;
    color: #000;
    font-family: Arial;
    font-size: 14px;
}

#pun-admain input {
    color: #fff;
    font-family: 'mybb';
}

#pun-admain .adcontainer .tcl {
    border-left-style: none;
    border-left-width: 0;
    color: #000;
}


#pun-admain .adcontainer td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 0.8em 1em;
    border-color: #e2dae8;
    color: #000;
    font-family: Arial;
    font-size: 14px;
}
/* ПАНЕЛЬ массовые e-mail рассылки и ксс-------------------------------------------------------------*/

#pun-admain fieldset p {
    border-left-style: solid;
    border-left-width: 18em;
    margin-bottom: 3px;
    padding: 6px 0;
    position: relative;
    border-color: #ebe0ed;
    background-color: #ebe0ed;
}

#pun-admain fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    border-color: #ccc0;
}

/* ЦВЕТ текста у форумов на главной странице
-------------------------------------------------------------*/
.punbb td div.tclcon {
       margin-left: 100px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
 margin-left: 60px;
   padding-top: 4px;
}



/* ЦВЕТ текста в профиле
-------------------------------------------------------------*/
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}


/* Украшение профиля
-------------------------------------------------------------*/

#post-form legend, #post-form #post .formsubmit, #pun-edit legend{text-align:center!important;}  
.punbb #profile, #pun-search #pun-main .formal #punbbsearch, .formal #register {
background: url("http://forumstatic.ru/files/0019/51/e9/74279.jpg") no-repeat center top;
}

.Lover {
    width: 300px;
    height: 200px;
    padding: 30px;
    background: url(http://forumstatic.ru/files/0019/51/e9/86949.png);
    margin-top: -20px;
    line-height: 100%;
    font-family: Arial;
    font-size: 13px;
    text-shadow: #cecece 1px 1px 0px;
}




/* Статус */



#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
}



.cool1, .cool2, .cool3 {
    background-color: #4D5D64 !important;
    color: #FFFFFF;
    text-decoration: none !important;
    text-shadow: 0 0 20px #0094FF;
}
.lastedit, li#navawards, .closedatafield {
    display: none;
}
.cooltext {
    color: #fff;
}

/* Кнопка входа
 -------------------------------------------------------------*/


form#form_login {
    background-color: #6072838c;
    width: 380px;
    height: 170px;
    color: #22252b;
    margin-top: -140px;
    margin-left: 80px;
    font-family: emoji;
}

span.byuser {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}




.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #7E6A94;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}



/* Профиль
-------------------------------------------------------------*/
#profile, .formal, #profile1, #profile2, #profile3, #profile4, #profile5, #profile6, #profile7,  #profile8, #profile9, #profile10,
#profile11, #profile12, #profile13, #profile14 {
font-family: Arial;
    font-size: 13px;
}



/* Настройки по стандарту */
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */


.punbb .post-body, .punbb .post-links, .punbb td.tc2, 
.punbb .formal fieldset .post-box, #viewprofile li div, #setmods dd, {
 background-color: #7d747400;
    color: #000000;
}

.punbb .formal fieldset {
    background-color: #2f404942;
    color: #1e2028;
}


.punbb td.tc3 {
    background-color: #7d747400;
   color: #010305;
    border: none;
    font-family: Arial;
    font-size: 12px;
}

/* CS1.2 */
 .punbb-admin #pun-admain .adcontainer {
   color:#93b2cc;

  }
 .punbb .post .container {
   color:#000;
   border: #fff;
  }



/* CS1.3 */
#pun-stats h2, .punbb .main h1,  #pun-debug h2, .punbb-admin #pun-admain h2 {
 
    background-position: center center;
    font-family: 'Georgia', sans-serif;
    font-style: normal;
    height: 26px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 2px;
}
.punbb-admin #pun-admain h2 {
    background: #2b3148;
    font-family: Tinos;
    font-style: normal;
    height: 20px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #868c9b;
    text-transform: uppercase;
    font-size: 8px;
    width: 765px;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
color: #171c1f;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {

    color: #0a1f26;
  }

/* CS1.6 */
  .punbb th, #setmods dl  {
    color: #101010;  }



/* CS1.7 */
 .punbb .code-box{
  background-color: #c8b9dc;
  color: #333;
  }

/* CS1.8 */


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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {

  }

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

/* CS2.5 */
.punbb th {
border-color: #dedfdf;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
   padding: 1em;
    color: #3b4552;
    background-color: #9da7b7;
}

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

#pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: #969a9f;
}

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }





.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }
.navigva5n a {
    color: #647995!important;
}



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

/* CS3.1 */


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #B42000;
  }





#animation {
    height: 107px;
    position: absolute;
    width: 187px;
    margin-top: 222px;
    margin-left: 239px;
}





.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}


.punbb .post-rating p.container, .punbb .post-vote p.container {
    background-image: none!important;
}






/* Списки для постов
 -------------------------------------------------------------*/ 
.rectangle {
    counter-reset: li;
    list-style: none;
    font: initial;
    padding: 0;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
}

.rectangle a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #D3D4DA;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}

.rectangle a:hover {
    background: #9da7b7;
}     
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #9da7b7;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9da7b7;
}


/* � амка для основных тем
 -------------------------------------------------------------*/ 

.caption-border {
    width: 400px;
    margin: 50px auto 0;
    border: 5px solid #838c9d;
    background: #c2c6d2;
    padding: 10px;
}
.caption-border img {
  max-width: 100%;
  height: auto;
  display: block;
}
.caption-border figcaption {
    padding: 10px;
    color: #c2c6d2;
    background: #838c9d;
    text-align: center;
    text-transform: uppercase;
}


/* Другая рамка
 -------------------------------------------------------------*/ 

.captions-border {
    width: 250px;
    margin: 50px auto 0;
    border: 5px solid #ffffff;
    background: #c2c6d2;
    padding: 10px;
}

.captions-border img {
  max-width: 100%;
  height: auto;
  display: block;
}

.captions-border figcaption {
    padding: 10px;
    color: #c2c6d2;
    background: #838c9d;
    text-align: center;
    text-transform: uppercase;
}





/* Заголовки для тем
 -------------------------------------------------------------*/ 
.d11 h3 {
  display: table;
  width: auto;
  margin: 0 auto;
  padding: 15px;
  letter-spacing: 2px;
  background: #cbdcea;
  border: 2px dashed white;
  color: white;
  box-shadow: 0 0 0 4px #cbdcea;
}

    p a {
    color: $color;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    &:hover span {
      background: $color;
      -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
      -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
      -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
      transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    }


    span {
      display: block;
      position: relative;
      padding: 0 3px;
      -webkit-transition: all $transition-time ease;
      -moz-transition: all $transition-time ease;
      -ms-transition: all $transition-time ease;
      transition: all $transition-time ease;
      -webkit-transform-origin: 50% 0%;
      -moz-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      &:after {
        content: attr(data-title);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 3px;
        color: #fff;
        background: $color;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
      }
    }
}

/* Заголовки для тем
 -------------------------------------------------------------*/ 
.d11 h3 {
  display: table;
  width: auto;
  margin: 0 auto;
  padding: 15px;
  letter-spacing: 2px;
  background: #cbdcea;
  border: 2px dashed white;
  color: white;
  box-shadow: 0 0 0 4px #cbdcea;
}

 
/*оформление эпизодов*/

.episode {
    display: flex;
    flex-direction: column;
    margin: auto;
    background-color: #fffdfd;
    height: auto;
    border: 3px solid #001922;
    height: auto;
    margin-left: 30px;
}


.episodetitle {
    margin: auto;
    font-family: Oswald;
    font-size: 20px;
    color: #f6f6ff;
    background-color: #001921;
    margin-top: 5px;
    text-align: center;
    height: auto;
    padding: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.episodepicture {
    margin: auto;
    height: auto;
    margin-top: 15px;
}

.episodenamegame {
    margin: auto;
    font-family: Oswald;
    color: #6e6c6c;
    font-size: 14px;
}


.episodetime {
    margin: auto;
    font-family: Arial;
    font-size: 12px;
}

.episodedescription {
    padding: 15px;
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    background-color: #bccfe9;
    height: auto;
}


  .navi {
   list-style: none; /* Отключение отображения маркеров. */
   width: 120px;  /* Ширина меню. */
}
.navi li {
   margin-top: 5px; /* Отступ между блоками по высоте, необходимый для того чтобы пункты меню не сливались */
   font-family: Verdana, Time New Romans, Helvetica, sans-serif; /* Тип шрифта пунктов меню */
   font-size: 14px; /* � азмер текста меню */
}
.navi li a {
   display: block; /* Изменение отображения на блочное для того, чтобы иметь возможность задать внутренние отступы.  */
   padding: 4px 15px;  /* Отступы внутри блоков. */
   background: #819ac0; /* Цвет блоков меню. */
   color: #fbfbff; /* Цвет текста в блоках меню. */
   text-decoration: none; /* Устранение подчёркивания ссылок. */
   position: relative; /* Это необходимо при использовании Internet Explorer 6 для того, чтобы ссылка по всей своей площади была «кликабельной». */
}
.navi li a:hover {
   background: #f5f0f0; /* Цвет фона при наведении курсора мыши */
   color: #0d0b0b;  /* Цвет текста при наведении курсора мыши */
}





#pun-stats h2 {
    width: 945px;
}

/* Анкета
 -------------------------------------------------------------*/ 

.ank {
    width: 600px;
    margin: auto;
    outline: 2px solid #d0d0d0;
    margin-top: 5px;
    margin-bottom: 10px;
margin-left: 25px;
}

.anka {
    width: 600px;
    margin: auto;
    background: linear-gradient(to top, #b7c2c6 20%, #dfdfdf 50%, #e1dcd2 80%);
    height: 80px;
    display: flex;
}

.anka2 {
    width: 600px;
    margin: auto;
    margin-right: 220px;
    font-size: 32px;
    font-family: Oswald;
    color: #545c54;
    background-color: #ddd;
    text-transform: uppercase;
    background: linear-gradient(45deg, #0B2349 33%, #3c6c6f 66%, #65acaf);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
}

.anka1 {
    margin-left: 120px;
    padding: 5px;
}

.obedm {
display: flex;
    flex-wrap: wrap;}



.anketa_1 img {
    width: 150px;
    height: 150px;
}



.anketaosnova {
width: 600px;
margin: auto;
margin-top: auto;
margin-bottom: auto;
background-color: #b2bcc0;
margin-top: 5px;
outline: 2px solid #d0d0d0;
margin-bottom: 5px;
background: linear-gradient(to top,
#cbd7db 20%, #e6e0e0 50%,
#c2c2c2 80%);
}
.anketa_12 {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.anketa_1 {
width: 150px;
margin-left: 50px;
margin-top: -70px;
background-color:
#d4d4d4;
height: 150px;
outline: 2px solid #d0d0d0;
}
.anketa_2 {
    width: 300px;
    margin-left: 50px;
    margin-top: 10px;
    background-color: #d4d4d4;
    height: 200px;
   outline: 2px solid #d0d0d0;
    padding: 5px;
}

.namepers {margin: auto;
font-family: Oswald;
text-align: center;
font-size: 20px;
color:
#dcdcdc;
background-color:
#4e7c8c;
width: 300px;
height: auto;
}


.datepers {
margin: auto;
margin-top: auto;
font-family: Oswald;
text-align: center;
font-size: 20px;
color:
#dcdcdc;
background-color:
#a1aeb3;
margin-top: 10px;
width: 300px;
height: auto;
}

.profpers {
    text-align: justify;
    font-size: 12px;
    margin-top: 10px;
    height: 120px;
    overflow-y: scroll;
}

.toposnov {
    display: flex;
    flex-direction: column;
}

.osntextank {
    width: 500px;
    margin-left: 50px;
    margin-top: 10px;
    background-color: #e2e2e2;
    outline: 2px solid #d0d0d0;
    padding: 5px;
    height: 350px;
    overflow-y: scroll;
font-size: 12px;
}

.maleepers {
    text-align: center;
    color: #001922;
    width: 150px;
    height: auto;
}

.malepers {
    background-color: #001922;
    color: #fff;
    padding: 10px;
    margin-top: 5px;
    outline: 2px solid #d0d0d0;
    height: auto;
    width: 130px;
}
.peregorlike {
    position: relative;
    top: 50px;
    right: 5px;
    z-index: 5;
}





img.a-info {
    margin-top: -38px!important;
    margin-left: 15px!important;
    width: 30px;
}

img.a-info {
    padding: 2px;
    display: block!important;
    cursor: pointer;
    position: absolute;
    text-align: left!important;
}

.textoso a:visited {
    color: #fff;
  
}

.textoso a {
    font-size: 18px;
    font-family: 'Tinos';
	    color: #c8daf3!important;
}


/* Соц сеть
 -------------------------------------------------------------*/ 

.Shapka {
    margin-left: auto;
    margin-right: auto;
    background: url(https://i.ibb.co/Y0jYFwr/image.jpg) repeat;
    height: 40px;
  padding: 5px;}

  .Osnova1 {
    height: auto;
    background-color: #ededed;
    margin-left: auto;
    margin-right: auto;
  display: flex;
    flex-wrap: wrap;
  padding: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.Art11 {
    height: auto;
    background-color: #ededed;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: stretch;
    padding: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
 
   .Art111 {
    outline: 7px solid #e4e2e2;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 5px
}  
.Art112 {
    outline: 7px solid #e4e2e2;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.Art113 {
    outline: 7px solid #e4e2e2;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.Nama1 {
    font-family: Lobster;
    color: #94abb7;
    font-size: 24px;
    margin-left: 20px;
}

.texp {
    margin-top: 10px;
    margin-left: 20px;
    width: 600px;
    height: auto;
    text-align: justify;
}


/* Соц сеть 2
 -------------------------------------------------------------*/ 

.shap {
    background: url(https://i.ibb.co/PwSq9fp/5.jpg) repeat;
    width: 670px;
    height: 80px;
}

.kyt {
    display: flex;
    flex-wrap: wrap;
    width: 650px;
    height: auto;
    background-color: #eaeaea;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px 0px #a2bac7;
    align-content: space-between;
}

.avat1 {
    outline: 7px solid #cfd7e2;
    width: 100px;
    height: 100px;
    margin-left: 20px;
    margin-top: 10px;
}

.nic1 {
    margin-left: 50px;
    font-size: 20px;
    font-family: lobster;
    color: #8097a3;
}
.post1 {
    margin-left: -100px;
    margin-top: 50px;
    height: auto;
    width: 450px;
    font-size: 14px;
    font-family: Time New Romen;
text-align: justify;
margin-right: 15px;
}

.reput1 {
    display: flex;
}

.reput2 {
    margin-left: 150px;
}
.reput3 {
    margin-left: 10px;
    margin-top: -2px;
}

/* Соц сеть 3
 -------------------------------------------------------------*/ 

.MateRufflecom {
    margin-left: auto;
    margin-right: auto;
    background: url(https://i.ibb.co/0q2yPBj/2.jpg) repeat;
    width: 600px;
    height: 100px;
}
.comennn {
    width: 580px;
    height: auto;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

.Nna {
    font-family: Lobster;
    margin-left: 10px;
    font-size: 20px;
    color: #92aeb5;
}

/* Соц сеть 4
 -------------------------------------------------------------*/ 

.MateRuffle {
    margin-left: auto;
    margin-right: auto;
    background: url(https://i.ibb.co/0q2yPBj/2.jpg) repeat;
    width: 600px;
    height: 100px;
}

.MateRuffleosn {
    width: 600px;
    height: auto;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.MateRuffleava {
    outline: 7px solid #a2bac7;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.MateRufflenixa {
    margin-left: 150px;
    margin-top: 10px;
    color: #89afab;
    font-size: 14px;
    font-family: Lobster;
    float: left;
}

.MateRu {
    margin-left: 150px;
}
.vomen {
  background-color: #c5dae2;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}
.Mat {
    color: #1f3c4c;
    font-size: 20px;
    font-family: Lobster;
    margin-left: 230px;
}

.vom {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}
.Ma img {
    outline: 7px solid #a2bac7;
}

.Ma {
    background-repeat: no-repeat;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
}

.nama {
    color: #1f3c4c;
    font-size: 14px;
    font-family: Lobster;
    margin-left: 40px;
}
.p {
    margin-left: 70px;
    margin-top: -40px;
}

/* Соц сеть 5
 -------------------------------------------------------------*/ 

.korpus > div, .korpus > input { display: none; font-family: Gorgia;}

.korpus label {
    font-family: Lobster;
    border: 2px solid #a2bac7;
    line-height: 28px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    background: #ededed;
    padding-left: 195px;
    font-size: 15px;
    width: 700px;
    text-align: center;
}

.korpus input[type="radio"]:checked + label {
    border-bottom: 2px solid #fff;
    color: #7592a1;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) {     
    display: block;
    width: 700px;
    border: 1px solid #aaa;
    height: 350px; }

.hes{
    background: url(https://i.ibb.co/Y0jYFwr/image.jpg) no-repeat;
    width: 700px;
}
.lov {
    width: 650px;
    height: 350px;
    overflow-y: scroll;
    margin-top: 50px;
}
.avataro {
    margin-top: 50px;
    margin-left: 30px;
    outline: 7px solid #eee;
    width: 200px;
    height: 200px;
    box-shadow: 0 0 15px rgba(55, 55, 58, 0.5);
}



.names {
    font-family: lobster;
    font-size: 20px;
    margin-left: 290px;
    color: #7a7a7a;
    margin-top: auto;
    position: absolute;
    margin-top: -230px;
}

.stas {
    margin-left: 260px;
    font-family: roboto;
    font-size: 14px;
    position: absolute;
    margin-top: -190px;
width: 400px; }

   .datar {
    margin-left: 260px;
    font-family: roboto;
    font-size: 14px;
    margin-top: -120px;
}

    .career {
    margin-left: 260px;
    font-family: roboto;
    font-size: 14px;
}
 


.ylike {
    margin-left: 260px;
    font-family: roboto;
    font-size: 14px;
}

.nolike {
    margin-left: 260px;
    font-family: roboto;
    font-size: 14px;
}

.friend {
    margin-left: 20px;
    margin-top: 30px;
font-size: 14px;
}
.friend a:hover {
    color: #af2c2c;
}
.subscri {
    margin-top: -120px;
    margin-left: 300px;
    font-size: 14px;
}
.subscri a:hover {
    color: #af2c2c;
}

/* Соц сеть 6
 -------------------------------------------------------------*/

.frendsps{
    width: 500px;
    height: 150px;
    background-color: #ededed;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
}
.aepw {
outline: 7px solid #e9e9e9;
    width: 100px;
    height: 100px;
    margin-left: 30px;
    margin-top: 20px;
}
.textepss {
    font-family: Lobster;
    margin-left: 100px;
    color: #a2bac7;
    font-size: 28px;
    text-align: center;
    margin-top: -110px;
    margin-left: 160px;
}
.trewpww {
    margin-left: 150px;
    margin-top: -70px;
}

.hedes {
    margin: auto;
background: url(https://i.ibb.co/Y0jYFwr/image.jpg) repeat;
    width: 500px;
    height: 50px;
}

.punbb .post-links ul a {
   color: #ffffff;
    font-family: Arial;
    font-size: 12px;
}


#BookmCntToggle.default-style {
    background: #F7F7F7;
    border-left: solid 5px currentColor;
    box-shadow: 0 0 6px rgba(0,0,0,.42);
    color: #658697;
    display: block;
    height: 26px;
    width: 21px;
}

.morph.pic {
    padding: 5px;
    margin: auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
    display: none;
}
.morph.pic:hover {
opacity: 0.8;
}

.morph.pic {
    opacity: 0.4;
}




    .submenu {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 210px;
    margin-left: -105px;
    background-image: url(https://i.ibb.co/pQmmpJj/image.png);
    border: 1px solid #ffffff;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    transform: scale(.8);
    transition: .4s ease-in-out;
}

.submenu li a {
    padding: 10px 0;
    border: 1px solid #e2e2e4;
    font-size: 12px;
    font-family: 'Kurale', serif;
}
.topmenu > li:hover .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.topmenu {
    text-align: center;
    padding: 10px 0;
    display: none;
}


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

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  }


.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: #485057;
}