.pa-avatar {position: relative}
.indOnline, .indOffline {
  display: block;
  width: 66px;
  height: 13px;
    position: absolute;
    z-index: 9;
    bottom: 0px;
  left: 50%;
    transform: translateX(-50%)
}
.indOnline {
  background: url(http://forumstatic.ru/files/001a/cf/39/33562.png);
    border: none !important;
    box-shadow: none !important;
}
.indOffline {
  background: url(http://forumstatic.ru/files/001a/cf/39/48556.png);
        border: none !important;
    box-shadow: none !important;
}

HTML {
    background: url(http://forumstatic.ru/files/001a/cf/39/81904.png) no-repeat fixed top center, #1c0a0a url(http://forumstatic.ru/files/001a/ce/39/16481.jpg) repeat-y fixed top center;
    position: relative
}


#pun-title {border: none;
display: none
}

#pun-title table {
    background: rgba(0, 0, 0, 0);
    border: none;
    height: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: auto;
}



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

#navindex a:before {content:"\f0c9";     font-family: icon; font-size: 16px} 
#navuserlist a:before {content:"\f0c0";     font-family: icon;} 
#navsearch a:before {content:"\f002";     font-family: icon;} 
#navpm a:before {content:"\f0e0";     font-family: icon;} 
#navprofile a:before {content:"\f2bb";     font-family: icon;} 
#navadmin a:before {content:"\f085";     font-family: icon;} 
#navlogin a:before {content:"\f090";     font-family: icon;}
#navlogout a:before {content:"\f08b";     font-family: icon;} 
#navregister a:before {content:"\f067";     font-family: icon;} 
#navpr_1 a:before {content:"\f0f3";     font-family: icon;}
#navpr_2 a:before {content:"\f21b";     font-family: icon;}


#navindex a span {display:block;}
#navuserlist a span {display:block;}
#navawards a span {display:block;}
#navsearch a span {display:block;}
#navpm a span {display:block;}
#navprofile a span {display:block;}
#navadmin a span {display:block;}
#navlogin a span {display:block;}
#navlogout a span {display:block;}
#navregister a span {display:block;}
#navpr_1 a span {display:block;}
#navpr_2 a span {display:block;}


#pun-navlinks a {
      color: #235f48;
    text-align: center;
transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    opacity: 1;
    font-weight: lighter !important;
    font-size: 14px !important;
    margin-top: 10px;
    padding: 0px !important;
    text-transform: uppercase;
    display: block;
    width: 37px;
    height: 30px;
    line-height: 30px
}

#pun-navlinks a span {    padding: 0px !important;}

#pun-navlinks a:hover {
    color: #186f6a;
    transform: scaleX(1.3) scaleY(1.2);
    text-shadow: 3px 1px 0 #6f1b18
}
#pun-navlinks {
    display: block;
    font-size:0px !important;
    font-style: normal;
    font-weight: lighter !important;
    margin-left: -59px !important;
    position: absolute;
    text-align: center;
    top: 250px;
    width: 37px !important;
    word-spacing: 0;
    padding: 0px !important;
    z-index: 999;
}

.section.fixed {
    position: fixed !important;;
    top: 0 !important;
}


.offctgr {display:block!important;
visibility:visible!important;
}



.pa-posts, .post-author .pa-respect, .pa-fld3, .pa-fld4 {
    display: inline-block;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 10px;
    padding: 0px 2px 0px 2px !important;
    margin-top: 0px !important;
    font-weight: 400;
    width: 89px;
}


.pa-posts .fld-name, .pa-respect .fld-name, .pa-respect .fld-name a, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
    font-size: 0;
}

.pa-posts .fld-name:before {
    content: "sms";
    font-size: 10px
}

.pa-respect .fld-name a:before {
    content: "like";
    font-size: 10px
}

.gid3 .pa-respect .fld-name:before {
    content: "like";
    font-size: 10px
}

.pa-fld3 .fld-name:before {
    content: "games";
    font-size: 10px
}
.pa-fld4 .fld-name:before {
    content: "posts";
    font-size: 10px
}

.pa-respect img {width: 7px}

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

.post-author {
    background: url(http://forumstatic.ru/files/001a/cf/39/60377.jpg) no-repeat top left,
        url(http://forumstatic.ru/files/001a/cf/39/43169.jpg) no-repeat top left,
        url(http://forumstatic.ru/files/001a/cf/39/14898.png);
    border: 1px solid #818181 !important;
    margin-left: 0px !important;
    margin-top: 41px !important;
    margin-bottom: 0px !important;
    padding-bottom: 8px !important;
    width: 206px !important;
    padding-top: 0px !important;
    position: relative;
    overflow: visible !important;
text-align: center;
}


#pun .post-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.post-content {
    margin: 35px 6px 0px 15px !important;
}

#pun .post h3 {
    width: 1002px !important;
height: 26px;
margin-left:-16px !important;
font-family: roboto !important;
font-size: 11px;
    font-weight: 600 !important;
    border: 0 !important;;
    position: absolute;
    padding:  0 !important;
    background: url(http://forumstatic.ru/files/001a/cf/39/41351.png) no-repeat left top,
        url(http://forumstatic.ru/files/001a/ce/39/16481.jpg) repeat-y fixed top center;
    border: 0 !important;
    text-shadow: 0 0 1px #000
}

.post h3 span {
    margin-left: 5px !important;
    margin-top: 7px;
    text-align: left;
    width: auto;
    font-weight: 900 !important;
    position: relative;
    z-index: 1;
padding: 0 !important;
    padding-left: 2px !important;
    width: 999px;
    color: #caccb8
}

#pun .post h3 strong {
    font-weight: 700;
    text-align: right !important;   
    margin-right: 10px;
    width: auto;
    color: #caccb8
}


.pa-author img {
    display: none;
}
.post-author .pa-author {
    font-family: roboto !important;
    font-size: 11px !important;
    letter-spacing: 0;
    font-weight: 900 !important;
    text-align: center !important;
    padding: 0px 10px 0px;
    margin-top: 5px;
    margin-bottom: -2px !important;
    color: #a32d29;
    transition: all .3s linear 0s;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url(http://forumstatic.ru/files/001a/cf/39/43169.jpg) no-repeat top left;
    height: 12px;
    line-height: 12px;
    display: inline-block;
}

#pun .pa-author a {color: #a32d29}
#pun .pa-author a:hover {color: #235d47}

.post-author ul {
    font-size: 10px;
    line-height: 11px;
    margin: 0 8px !important;
    padding: 0px !important;
    text-align: center !important;;
    width: auto;
    color: #999b8b;
}


.pa-avatar {
    margin-top:0px !important;
    margin-bottom: 5px !important;
    border: 1px solid #7f1d19;
    border-top: 0;
    padding-top: 5px !important;
}   

.pa-avatar.item2 img {border: 1px solid #235d47;
}

.pa-title {
  padding: 0 !important;
    text-align: center;
    font-family: playfair display;
    font-size: 9px;
    font-weight: normal !important;
    padding: 0px !important;
    letter-spacing: 2px;
    text-transform: lowercase;
    margin-top: -2px !important;;
    margin-bottom: -2px !important;
    padding-bottom: 2px !important;
    border: solid #7f1d19;
    border-width: 0px 1px 0px 1px;
}

.pa-ip {clear: both;
margin-top: 0px !important;}

.pa-online, .pa-last-visit {
display: none
}



.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts {
    display: none;
}


#pun-ulinks .container {
    font-family: roboto !important;
    font-style: normal;
    font-weight: 700 !important;;
    padding: 0 !important;
    text-align: center !important;
    text-transform: uppercase;
    width: 100% !important;
}

#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    color: #8d1410;
    font-size: 9px !important;;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 5px 0px 5px !important;
    position: relative;
}

#pun-ulinks a:hover {
color: #333;
}

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #242424;
}
.punbb .post-box {
    color: #242424;
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #242424;
    font-style: normal;
    font-weight: normal;
}

.punbb textarea {
    background-clip: padding-box;
    background: #c2c4b0;
 border: 1px solid #c2c4b0 !important;
        box-shadow: 0 0 10px 0px #aeb09f inset, 0 0 0 1px #aeb09f, 15px 0 10px -20px rgba(0,0,0,1), -15px 0 10px -20px rgba(0,0,0,1);
    color: #222;
    padding: 7px 5px !important;
border: none;
  width: 99% !important;
}
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background-clip: padding-box;
    background: #c2c4b0;
    padding: 10px !important;
    position: relative;
    border: 1px solid #c2c4b0;
        box-shadow: 0 0 10px 0px #aeb09f inset, 0 0 0 1px #aeb09f, 15px 0 10px -20px rgba(0,0,0,1), -15px 0 10px -20px rgba(0,0,0,1);
}

#pun .quote-box cite, #pun .code-box strong.legend {
    background: rgba(255,255,255,.1);
    border-bottom: 1px solid #aeb09f;
    display: block;
    padding: 6px 10px 6px 10px !important;
    font-size: 9px;
    text-transform: uppercase;
    font-family: roboto;
    letter-spacing: 1px;
    margin: -10px -11px 5px -11px
}


#pun-main .code-box .scrollbox pre {
font-family: pt sans !important;
font-size: 12px;}

.punbb select, input {
border: 0;
padding: 2px 3px 2px 3px !important;
    background: #c2c4b0;
    border: 1px solid #c2c4b0;
        box-shadow: 0 0 10px 0px #aeb09f inset, 0 0 0 1px #aeb09f, 15px 0 10px -20px rgba(0,0,0,1), -15px 0 10px -20px rgba(0,0,0,1);
    color: #333
}

#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}
.offline li.pa-online strong {
    font-weight: normal;
}

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border-bottom: 0 none #000;
    color: #1c7756;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}


.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 {  border-bottom: 0 none #000;
    color: #8d1410;
    text-decoration: none;
}

#pun-main a {
    display: inline-block;
    position: relative;
}

#pun-main a:after {
    content: "";
    height: 1px;
    width: 0%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width .8s cubic-bezier(.64,.51,.55,1.26) 0s; 
    background: currentColor
}

#pun-main a:hover:after {
    width: 100%
}

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

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    background: transparent;
    color: #3f4038 !important;
    font-family: roboto !important;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 5px !important; 
    text-align: center;
    width: auto;
text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px 0px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #818181 !important;
    height: 15px
}

#pun-index h2 {box-shadow: none}

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


#pun-index table Div.icon {
    background: url(http://forumstatic.ru/files/001a/cf/39/88760.png);
    border-style: none;
    height: 18px;
    width: 90px;
    margin-left: 7px;
    margin-top:23px;
    margin-right: 6px;
    display: none;
    position: absolute
}
#pun-index TR.inew Div.icon {
    display: block
}
#pun-index tr.inew .podforum {
    background: rgba(255,255,255,.2)
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #bec0aa;
    display: block;
    float: left;
    height: 11px;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 1px;
    position: relative;
    width: 11px;
    border: 1px solid #a4a591
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #2c785c;
    width: 11px;
    height: 11px;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #56211f;
 box-shadow: 0px 0px 0 2px #caccb8 inset;
    width: 11px;
    height: 11px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #101610;
    width: 11px;
    height: 11px;
}

#pun-about .container .item1 {margin-top: -22px;
width: 880px;
    margin-left: 80px;
position: absolute;
font-family: pt sans;
font-size: 10px;
text-align: center;
}

#pun-about p.container {background: transparent;
    height: 10px;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-top: 0px;
    width: 1051px;
    padding: 0 !important;
    border: none !important;
}

div#pun-about {
    margin-top: 20px;
}
div#html-footer {
    margin: -29px 0 0;
}


#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}


.button {
    background: radial-gradient(ellipse at top, #346251 10%, #2d5b4a 53%, #254e3f 100%);
    box-shadow: 0 0 0 1px #254e3f inset, 0 0 0 2px #3a6b58 inset, 0 0 0px 1px #a2a2a2, 0 0 4px 4px rgba(0,0,0,0.05) inset, 0 2px 2px -2px rgba(255,255,255,0) inset;
    border-radius: 1px;
    border-top: medium none;
    color: #caccb8;
    font-family: roboto !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 4px 15px 6px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase;
    text-shadow: 0 0 1px #000
}
.button:hover {
    background: radial-gradient(ellipse at bottom, #346251 10%, #2d5b4a 53%, #254e3f 100%);
    box-shadow: 0 0 0 1px #254e3f inset, 0 0 0 2px #3a6b58 inset, 0 0 0px 1px #a2a2a2, 0 0 4px 4px rgba(0,0,0,0.05) inset, 0 2px 2px -2px rgba(255,255,255,0) inset;
    cursor: pointer;
    filter: brightness(1.2)
}


.button:active {
    border-top-color: #2c5f75;
}


#pun-crumbs1 a, #pun-crumbs2 a {font-weight: bolder !important;
}


#pun-crumbs1, #pun-crumbs2 {
    width: auto;
    height: 30px;
    margin-left: 0px;
    font-family: playfair display !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    text-align: left;
    margin-bottom: 0px !important;
    padding: 0 !important;
font-weight: normal  !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    padding: 0px !important;
}

.post_reputation {
    background: #c2c4b0;
}


#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area {
    color: #333;
    padding: 10px 10px 10px 10px !important;
    background: #c2c4b0;
    border: 1px solid #c2c4b0;
        box-shadow: 0 0 10px 0px #aeb09f inset, 0 0 0 1px #aeb09f, 15px 0 10px -20px rgba(0,0,0,1), -15px 0 10px -20px rgba(0,0,0,1);
}


#keyboard-area input {box-shadow: none;
color: #312c12!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}

#pun-index .category, #pun-stats.section {
    padding: 0px 10px !important;
    border: 0 !important;
    margin: 0px 0 !important;
}

#pun-index .category h2, #pun-stats h2 {
width: 1002px;
height: 35px;
margin:0px !important;
    margin-left: -26px !important;
padding: 0 !important;;
border: none !important;
margin-top: 15px !important;
margin-bottom: 10px !important;
text-align: left;
    color: #298966 !important;;
    font: 900 16px 'roboto' !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 1px #0a100e
}

#pun-index .category h2 span, #pun-stats h2 span {
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px
}

#pun-stats.section h2 {margin-top: 0px !important;
margin-bottom: 10px !important;}

#pun-index .category h2 span, #pun-stats h2 span{
      position: relative;
    }
    
#pun-index .category h2 span:after, #pun-stats h2 span:after {
      animation: 5s glitch-animation 2s infinite ease-in-out alternate-reverse;
      background: transparent;
      clip: rect( 0, 900px, 0, 0 );
      color: #298966;
      content: attr( data-text );
      left: 0px;
      overflow: hidden;
      position: absolute;
      text-shadow: -1px 0 #1a1a1a;
      top: 0;
  width: 100%
    }

#pun-index .category h2 span:before, #pun-stats h2 span:before {
      animation: 15s glitch-animation-2 3s infinite ease-in-out alternate-reverse;
      background: transparent;
      clip: rect( 0, 900px, 0, 0 );
      color: #298966;
      content: attr( data-text );
      left: -1px;
      overflow: hidden;
      position: absolute;
      text-shadow: 1px 0 #1a1a1a;
      top: 0;
  width: 100%
    }
    /* Expanded Animations */
    @keyframes glitch-animation {
      0% {
        clip: rect(42px, 9999px, 44px, 0);
      }
      5% {
        clip: rect(12px, 9999px, 59px, 0);
      }
      10% {
        clip: rect(48px, 9999px, 29px, 0);
      }
      15.0% {
        clip: rect(42px, 9999px, 73px, 0);
      }
      20% {
        clip: rect(63px, 9999px, 27px, 0);
      }
      25% {
        clip: rect(34px, 9999px, 55px, 0);
      }
      30.0% {
        clip: rect(86px, 9999px, 73px, 0);
      }
      35% {
        clip: rect(20px, 9999px, 20px, 0);
      }
      40% {
        clip: rect(26px, 9999px, 60px, 0);
      }
      45% {
        clip: rect(25px, 9999px, 66px, 0);
      }
      50% {
        clip: rect(57px, 9999px, 98px, 0);
      }
      55.0% {
        clip: rect(5px, 9999px, 46px, 0);
      }
      60.0% {
        clip: rect(82px, 9999px, 31px, 0);
      }
      65% {
        clip: rect(54px, 9999px, 27px, 0);
      }
      70% {
        clip: rect(28px, 9999px, 99px, 0);
      }
      75% {
        clip: rect(45px, 9999px, 69px, 0);
      }
      80% {
        clip: rect(23px, 9999px, 85px, 0);
      }
      85.0% {
        clip: rect(54px, 9999px, 84px, 0);
      }
      90% {
        clip: rect(45px, 9999px, 47px, 0);
      }
      95% {
        clip: rect(37px, 9999px, 20px, 0);
      }
      100% {
        clip: rect(4px, 9999px, 91px, 0);
      }
    }
    @keyframes glitch-animation-2 {
      0% {
        clip: rect(65px, 9999px, 100px, 0);
      }
      5% {
        clip: rect(52px, 9999px, 74px, 0);
      }
      10% {
        clip: rect(79px, 9999px, 85px, 0);
      }
      15.0% {
        clip: rect(75px, 9999px, 5px, 0);
      }
      20% {
        clip: rect(67px, 9999px, 61px, 0);
      }
      25% {
        clip: rect(14px, 9999px, 79px, 0);
      }
      30.0% {
        clip: rect(1px, 9999px, 66px, 0);
      }
      35% {
        clip: rect(86px, 9999px, 30px, 0);
      }
      40% {
        clip: rect(23px, 9999px, 98px, 0);
      }
      45% {
        clip: rect(85px, 9999px, 72px, 0);
      }
      50% {
        clip: rect(71px, 9999px, 75px, 0);
      }
      55.0% {
        clip: rect(2px, 9999px, 48px, 0);
      }
      60.0% {
        clip: rect(30px, 9999px, 16px, 0);
      }
      65% {
        clip: rect(59px, 9999px, 50px, 0);
      }
      70% {
        clip: rect(41px, 9999px, 62px, 0);
      }
      75% {
        clip: rect(2px, 9999px, 82px, 0);
      }
      80% {
        clip: rect(47px, 9999px, 73px, 0);
      }
      85.0% {
        clip: rect(3px, 9999px, 27px, 0);
      }
      90% {
        clip: rect(26px, 9999px, 55px, 0);
      }
      95% {
        clip: rect(42px, 9999px, 97px, 0);
      }
      100% {
        clip: rect(38px, 9999px, 49px, 0);
      }
    }

#pun-index .category .container td {
    padding: 0px 0 !important;
    margin: 0
}

#pun-index .tclcon h3 a {
text-transform: uppercase;
font-size: 12px;
    font-weight: 700 !important;
font-family: roboto;
    letter-spacing: 1px;
    color: #dee0cf;
    background: #56211f;
    border: 1px solid #818181;
    height: 23px;
    display: inline-block;
    line-height: 24px;
    padding: 0 15px;
    position: relative;
    z-index: 1
}

#pun-index .tclcon h3 a:hover {color: #a7a99d}

#pun-index .tclcon h3 {
    text-align: right;
    margin-bottom:15px;
    padding:0px 0px 0px 0px;
    position: relative
}

#pun-index .tclcon h3:before {
    content: "";
    background: #818181;
    height: 1px;
    width: 14px;
    display: block;
    position: absolute;
    right: -14px;
    top: 12px
}

#pun-index .tclcon {
    font-size: 10px;
    text-align: justify;
    margin: 10px 0px 10px 0px;
    font-family: roboto;
    padding: 0px 0px 0px 0px;
    line-height: 15px;
    z-index: 1;
    position: relative;
    font-weight: 500;
}

#pun-index .tclcon:after {
    content: "";
    background: #818181;
    height: 1px;
    width: 497px;
    display: block;
    position: absolute;
    right: 0;
    top: 12px
}

#pun-index .tclcon:before {
    content: "";
    background: #818181;
    height: 29px;
    width: 1px;
    display: block;
    position: absolute;
    left: 103px;
    top: 12px
}

.podforum {
    border: 1px solid #818181;
    padding: 20px;
    
}

.f_links {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-top: 10px !important;;
    font-size: 9px;
    border-top: 1px solid #818181;
    padding-top: 10px;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    display: none
}

#pun-index .tcr a {font-size: 14px;
font-weight: 600;
font-family: playfair display;}
#pun-index .tcr {
    text-align: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    width: 347px;
}

#pun-index .category tr {
    vertical-align: top
}

#pun-index .category td.tcr {
    padding-top: 9px !important;
}

#pun .user-avatar .avatar-image {
    border-radius: 0;
    border: 2px solid #caccb8;
    box-shadow: 0 0 0 1px #818181
}

#pun-index .user-avatar {
margin-top: 2px;
margin-left: 14px !important;
margin-right: 15px !important;}


#pun-index .user-avatar .isonline {margin-right: -5px}

.user-avatar .avatar-image[style*=default_avatar] {background-image: url(http://forumfiles.ru/uploads/001a/cf/39/2/518890.gif) !important;}

#pun-index .tcl {
    width: 600px !important;
position: relative;
display: block
}

.Tems_And_messages  {
  display:inline-block;
  width:100%;
  height: 16px;
  font-size: 9px;
  text-transform: uppercase;
  font-family: playfair display !important;;
  font-weight: normal;
    line-height: 16px
}
.Tems_And_messages :first-child {
    margin-left: 8px
}
.main table .Add {
  display: inline-block;
  padding: 0px;
  width: calc(100% - 109px);
   color: #484848;
    text-align: left;
    position: absolute;
    margin-left: 109px;
    top: 28px;
    background: rgba(144,147,119,.25)
}



#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 10px;
    text-align: center;
}

.punbb .post {
    border-color: transparent;
    text-align: justify;
}

.go-up, .go-down {
    cursor: pointer;
    display: none;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: left;
    font-family: playfair display;
    width: 45px;
    height: 20px;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 8px;
    transition: padding-left .4s ease-in-out 0s, width .4s ease-in-out 0s, color .4s ease-in-out 0s;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden
}

.go-up {
    top: 300px;
    margin-left: 985px !important;
    color: #1e5f47;
}
.go-down {
    top: 350px;
    margin-left: 985px !important;
    color: #1e5f47;
}
.go-up span, .go-down span {
    display: block;
    height: 1px;
    width: 17px;
    background: #0d433c;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s cubic-bezier(.64,.51,.55,1.36) 0s; 
}
.go-up span:before, .go-down span:before {
    content: "";
    background: #0d433c;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: 0
}
.go-down:hover, .go-up:hover {
    opacity: 1;
    color: #ccc;
    padding-left: 10px;
    width: 40px
}

.go-up:hover span, .go-down:hover span {
    transform: translateY(-50%);
}

.topic a.sharelink {
    display: none !important;
}

.rectangle {
list-style: none!important; 
font-family: roboto;
font-size: 11px;
color: #5c746a;
text-shadow: 2px 1px 2px rgba(178, 26, 21, .9);
}
.rectangle a {
position: relative;
display: block!important;
padding: .4em .4em .4em .8em!important;
margin: .2em 0 .2em 2.5em!important;
background: rgba(11, 12, 11, .8)!important;
color: #5c746a!important;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: rgba(131, 16, 16, .5)!important; color: #000000!important;}       
.rectangle a:before {
position:  relative;
left: -2.5em!important;
top: 50%!important;
margin-top: -1em!important;
background: #580a0a!important;
height: 2em!important;
width: 2em!important;
line-height: 2em;
text-align: center;
font-weight: bold;
}





#button-dice {
background-image:url(http://drakenfurt.ru/uploads/0005/6e/de/20529-1.gif);
}