.friends {
    position: absolute;
    width: 289px;
    height: 73px;
    overflow: auto;
    margin-left: 279px!important;
    margin-top: 70px!important;
}

.linkes {
    font-family: 'Century Gothic';
    text-align: center;
    font-size: 11px;
height: 10px;
    text-transform: lowercase;
}

.implink {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin-left: 771px!important;
    font-family: 'Century Gothic';
    text-transform: uppercase;
    top: 246px;
    width: 153px;
    flex-wrap: nowrap;
    align-items: flex-end;
    line-height: 19px;
}
.sosai {
opacity: 0.5;
 transition: all 0.3s ease-in-out;
}
.sosai:hover {
opacity: 1;
 transition: all 0.3s ease-in-out;
}

.bigboys {
    position: absolute;
    width: 935px;
    top: 57px;
    height: 341px;
    opacity: 0;
   transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); 
  overflow: hidden;
}

.bigboys:hover {
  opacity: 1;
 transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); 
  overflow: hidden;
}

.news {
    position: relative;
    font-family: 'Decondor';
    color: #fff;
    font-size: 35px;
    top: 64px;
    left: 213px;
}

.need {
    position: relative;
    font-family: 'Decondor';
    color: #fff;
    font-size: 35px;
    top: -145px;
    left: 378px;
}

.activ {
    position: relative;
    font-family: 'Decondor';
    color: #fff;
    font-size: 35px;
    top: -360px;
    left: 632px;
}

.boysnews {
    position: relative;
    font-family: 'Century Gothic';
    font-size: 11px;
    color: #fff;
    width: 236px;
    height: 145px;
    text-align: justify;
    background-color: rgb(0 0 0 / 46%);
    padding: 11px;
    border-radius: 10px;
    top: 69px;
    left: 54px;
    overflow: auto;
}

.boysneed {
        position: relative;
    display: inline-block;
    width: 220px;
        top: -127px;
    left: 342px;
    word-spacing: 9px;
    line-height: 33px;
}

.boysactiv {
    position: relative;
    left: 590px;
    top: -353px;
    letter-spacing: 7px;
}

.bestpost {
    position: relative;
    top: -345px;
    left: 591px;
    width: 212px;
    font-family: 'Century Gothic';
    color: #fff;
    text-align: justify;
    background-color: rgb(0 0 0 / 46%);
    padding: 11px;
    border-radius: 10px;
    overflow: auto;
}

.opis {
    border: 1px solid #b7a686;
    border-radius: 11px;
    background-color: #cfcfcf;
    padding: 5px;
    font-family: 'Century Gothic';
    text-align: justify;
    margin-left: 8px!important;
}
.night .opis {
 border: 1px solid rgb(31 47 78 / 38%);
      border-radius: 11px;
    background-color: #cfcfcf;
    padding: 5px;
    font-family: 'Century Gothic';
    text-align: justify;
    margin-left: 8px!important;
}

/* ëîãî */
#pun-title table {
    background: url(http://forumstatic.ru/files/001b/a7/a2/21043.png);
    border: none;
height: 392px!important;
    margin-left: -1px;
    width: 935px!important;
    margin-top: -213px;
}

.night #pun-title table {
    background: url(http://forumstatic.ru/files/001b/a7/a2/70816.png);
    border: none;
height: 392px!important;
    margin-left: -1px;
    width: 935px!important;
    margin-top: -213px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001b/a7/a2/51986.png) no-repeat scroll bottom center;
    height: 175px;
    margin-bottom: -204px;
    margin-left: -20px;
    margin-top: -60px;
    width: 974px;
    padding: 0px !important;
    border: none !important;
    padding-bottom: 68px !important;
}




/* ôîí */
body {
    background-color: #222120;
background-size:cover;
}


/* òåëî */
#pun {
    background-color: #dadada;
    }

/* ñîîáùåíèÿ ðåïóòàöèÿ */

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    display: inline-block;
    width: 68px;
    text-transform:
    uppercase;
    font:9px
    'CENTURY GOTHIC';
    position:
    relative;
    padding:7px 7px 0px 7px !important;
    color: #ffffff;
    line-height:12px;
    }

.pa-respect1, .pa-respect img {width:7px;}
.pa-respect a {color: #fff!important;}

.dopinfo {
    text-align: center;
    width: 205px;
    color: #fff;
    font-family: 'CENTURY GOTHIC';
    font-size: 9px;
    font-style: italic;
}

.maininfo {
    color: #fff;
    font-family: 'CENTURY GOTHIC';
    text-align: justify;
    width: 191px;
    border: 1px solid #9a762f;
    padding: 6px 6px 7px 6px;
    margin-bottom: 3px!important;
}

.maininfo a {
color: #9a762f!important;
}

.night .maininfo {
    color: #fff;
    font-family: 'CENTURY GOTHIC';
    text-align: justify;
    width: 191px;
    border: 1px solid #395793;
    padding: 6px 6px 7px 6px;
    margin-bottom: 3px!important;
}

.night .maininfo a {
color: #395793!important;
}

.loveyou {
    text-align: center;
    width: 205px;
    font-family: 'CENTURY GOTHIC';
    font-size: 15px;
    margin-top: -8px!important;
}

.loveyou a {
color: #fff!important;
}


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

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
 #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #262626;
  }

/* CS1.2 */
.punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #333;
  }

.punbb .main.container {
  color: #e4dfdd;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #fff;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }

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

.punbb legend span {
    color: #e4dfdd;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #333
  }

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

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #000000;
  transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

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

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

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

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

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

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

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

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

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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: transparent;
  color: #fff;
  }

li.pa-online {
  border-left-color: transparent;
  }


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
 color: #000000;
 transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #9a762f;
  }

.night .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1f2f4e;
  }

/* 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: #9a762f;
  }

.night .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: #1f2f4e;
  }


/* CS3.3 */
#pun-navlinks a {
  color: #000;
  transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  text-decoration: none
  }

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

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

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

div.icon {
    background: #dadada;
    height: 10px;
    width: 10px;
    border: 1px solid #9a762f;
    position: absolute;
    margin: 6px 0px 0px -21px;
    transform: rotate(45deg);
}
.night div.icon {
    background: #dadada;
    height: 10px;
    width: 10px;
    border: 1px solid #1f2f4e;
    position: absolute;
    margin: 6px 0px 0px -21px;
    transform: rotate(45deg);
}

tr.inew div.icon {
    background: #9a762f;
    border: 1px solid #9a762f;
    height: 10px;
    width: 10px;
    position: absolute;
    margin: 6px 0px 0px -21px;
    transform: rotate(45deg);
}

.night tr.inew div.icon {
    background: #1f2f4e;
    border: 1px solid #1f2f4e;
    height: 10px;
    width: 10px;
    position: absolute;
    margin: 6px 0px 0px -21px;
    transform: rotate(45deg);
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #6f6d72;
    border: 1px solid #6f6d72;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #e4dfdd;
    border: 1px solid #e4dfdd;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #e4dfdd;
    border: 1px solid #9a762f;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
       background: #9a762f;
    border: 1px solid #9a762f;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon.night {
    background: #e4dfdd;
    border: 1px solid #1f2f4e;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon.night {
       background: #1f2f4e;
    border: 1px solid #1f2f4e;
    height: 7px;
    width: 7px;
    position: inherit;
    margin: 4px 10px 0px -6px;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}


#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}


.Tems_And_messages {
    width: auto;
    font-family: Century Gothic;
    text-transform: uppercase!important;
    font-size: 9px;
    text-align: left!important;
    display: block;
    color: #020202;
    letter-spacing: 0.5px;
}

.Tems_And_messages span {
    font-size: 9px;
}


/* ÑÒÐÅËÎ×ÊÈ */
.go-up, .go-down {

cursor: pointer;
display: none;
opacity: 7;
position: fixed;
z-index: 9999;
width: 112px;
line-height: 25px;
}

.go-up {
    background-color: #dadada;
bottom: 17%;
    height: 6px;
    width: 57px;
    margin-left: 955px!important;
    color: #ffffff;
    transition: all 1s ease-in-out;
  opacity: 0.7;
    }

.go-down {
    background-color: #dadada;
bottom: 15%;
    height: 15px;
    width: 57px;
    margin-left: 955px!important;
    color: #ffffff;
      transition: all 1s ease-in-out;
}
.go-down:hover:after, .go-up:hover:after {height: 25px;
    width: 100px;
    margin-left: -5px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}

/* Áåãóíîê */
::-webkit-scrollbar
{width: 4px;height: 4px;background-color: #222120;}
::-webkit-scrollbar-thumb{background-color: #bd9033;}

::selection {
    background: #bd9033;
    color: #ffffff;
    opacity: 0.4;
    }

.night::-webkit-scrollbar
{width: 4px;height: 4px;background-color: #222120;}
.night::-webkit-scrollbar-thumb{background-color: #1f2f4e;}

.night::selection {
    background: #1f2f4e;
    color: #ffffff;
    opacity: 0.4;
    }

.lastedit {
display: none;
}