#pun-index #pun-main h1,
.punbb .post-links ul li.pl-share,
.pa-posts .fld-name,
.social-discord em,
#post-form h2,
#pun-rules #pun-main h1,
#formkey,
#pun-viewforum #pun-main.multipage .category > .container table .tclcon h3:after,
#pun-viewforum #pun-main.multipage .category .container > table td.tcr br,
#pun-viewforum #pun-main.multipage .category .container > table thead,
#pun-viewforum .byuser:after,
.multipage .fs-box p.inputfield br,
.multipage .fs-box p.selectfield br, 
#pun-viewtopic[data-forum-id="6"] .topic .pa-age,
.post[data-group-id="3"] .post-body .post-rating,
#pun-index #pun-crumbs2,
.pa-age span:last-of-type,
.pa-age .fld-name,
.pa-respect .fld-name,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
#pun-navlinks #navprofile,
#pun-navlinks #navawards,
#pun-announcement 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-break1,
#pun-break2,
.punbb .clearer,
#button-smile,
#lastNews .quote-box,
div#pun-messages .hfbutt,
div#pun-messages .pa-respect, 
div#pun-messages .pa-ip, 
div#pun-messages .pa-reg, 
div#pun-messages .pa-posts, 
div#pun-messages .pa-last-visit,
.punbb td div.tclcon p,
.hv-mask .pa-fld2 p:nth-child(1),
.setting-item[data-type="important_post"] .setting-input,
.codeButtons,
#pun-index #forum_f5 .tclcon br,
div#pun-searchposts.punbb .FNTslider,
div#pun-post.punbb .FNTslider,
#pun-index thead,
#pun-index #pun-crumbs1,
.forum2 .post-rating,
.forum2 .pa-respect,
#pun-ulinks .container li.item5,
div#pun-messages .post-content .post-sig,
#pun-redirect, #pun-maint,
#pun-title h1,
li#navawards,
#topic-users-in a:last-child:after,
.punbb fieldset legend,
#pun-messages.punbb #messages fieldset legend span,
.modlist,
.acchide,
.topicpost .container .post-sig {
   display: none;
}


@font-face {
  font-family: 'icomoon';
  src:  url('https://forumstatic.ru/files/001a/d9/43/26737.eot?t2rrcn');
  src:  url('https://forumstatic.ru/files/001a/d9/43/26737.eot?t2rrcn#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001a/d9/43/54380.ttf?t2rrcn') format('truetype'),
    url('https://forumstatic.ru/files/001a/d9/43/81525.woff?t2rrcn') format('woff'),
    url('https://forumstatic.ru/files/001a/d9/43/71208.svg?t2rrcn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon-brands';
 src:  url('https://forumstatic.ru/files/001a/d9/43/38054.eot?fiunva');
  src:  url('https://forumstatic.ru/files/001a/d9/43/38054.eot?fiunva#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001a/d9/43/41682.ttf?fiunva') format('truetype'),
    url('http://forumstatic.ru/files/001a/d9/43/52508.woff?fiunva') format('woff'),
    url('https://forumstatic.ru/files/001a/d9/43/17045.svg?fiunva#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', 'icomoon-brands' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#pun-messages #form-buttons table {
    display:flex;
}

.punbb-admin div#form-buttons table tr > td {
   width:unset;
}

div#form-buttons table tr > td {
    border: 1px solid #0000;
    border-radius: 3px;
    background-image:none!important;
    width: auto;
    height: 40px;
    position: relative;
    transition: 0.2s ease-in-out;
}

#form-buttons table {
   border-spacing: 0px 10px;
}

#form-buttons td img {
    z-index: 10;
    position: absolute;
    opacity: 0;
    margin-top: -19px;
    width: 100%;
    height: 100%;
}

#form-buttons td:hover,
#post-form td#button-files_rusff:hover,
#post-form td#button-graffiti_rusff:hover {
   background: #f4f1e9!important;
    border: 1px solid #7cc577;
    box-shadow: 0 0 4px #a09c94;
}

#form-buttons td:hover:before {
   color:#7cc577;
}

td#button-font:before,
td#button-size:before,
td#button-bold:before,
td#button-italic:before,
td#button-underline:before,
td#button-strike:before,
td#button-left:before,
td#button-center:before,
td#button-right:before,
td#button-link:before,
td#button-spoiler:before,
td#button-image:before,
td#button-artp:before,
td#button-video:before,
td#button-hide:before,
td#button-quote:before,
td#button-code:before,
td#button-color:before,
td#button-table:before,
td#button-smile:before,
td#button-sticker:before,
td#button-keyboard:before,
td#button-addition:before,
td#button-files_rusff:before,
td#button-graffiti_rusff:before {
    width: 100%;
    max-height: 40px;
    margin-top: -8px;
    font-family: icomoon;
    font-size: 16px;
    display: block;
    color: #827465;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 0;
}

td#button-font:before {
    content: '\f031';
}

td#button-size:before {
    content: '\f034';
}

td#button-bold:before {
    content: '\f032';
}

td#button-italic:before {
    content: '\f033';
}

td#button-underline:before {
    content: '\f0cd';
}

td#button-strike:before {
    content: '\f0cc';
}

td#button-left:before {
    content: '\f036';
}

td#button-center:before {
    content: '\f037';
}

td#button-right:before {
    content: '\f038';
}

td#button-link:before {
    content: '\f0c1';
}

td#button-spoiler:before {
    content: '\f0c4';
}

td#button-image:before {
    content: '\f083';
}

td#button-artp:before {
   content: '\f03e';
}

td#button-video:before {
    content: '\f16a';
}

td#button-hide:before {
    content: '\f023';
}

td#button-quote:before {
    content: '\e978';
}

td#button-code:before {
    content: '\f121';
}

td#button-color:before {
    content: '\f1fb';
}

td#button-table:before {
    content: '\f0ce';
}

td#button-smile:before {
    content: '\e9e0';
}

td#button-sticker:before {
    content: '\ea76';
}

td#button-keyboard:before {
    content: '\e955';
}

td#button-addition:before {
    content: '\f161';
}

td#button-files_rusff:before {
    content: '\f07c';
}

td#button-graffiti_rusff:before {
    content: '\f1fc';
}

#form-buttons td#button-sticker {
    width:4%;
}

.icons-search:before {
    font-family:'icomoon';
    content:'\e986';
    font-size: 16px;
}

.category h2:after, 
#pun-stats h2:after {
    font-size: 11px;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 45px;
    text-shadow: none;
    display:none;
}

div#tags .container {
   position:absolute;
   background-color: #ebe5d7;
   box-shadow: 0px 1px 5px 0px #bdb7ab;
   border-radius: 3px;
   padding: 15px;
}

/*
div#tags .container div {
   padding:5px;
} */

div#tags .container div + div {
   margin-bottom:5px;
}

div#tags .container div img {
    position: absolute;
    left: 10px;
    padding: 10px 30px;
    width: 100%;
}



/* oldsafecode */

#pun.isguest #pun-category3 h2:after {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun.isguest #pun-category4 h2:after {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category1 h2:after {
    content: "All right. We're in. But no one dies. \00A9  Captain America";
}

#pun-category2 h2:after {
    content: "It worked...! I mean -- of course, it worked! \00A9  Iron Man";
}

#pun-category3 h2:after {
    content: "When you decide not to be afraid, you can find friends in super unexpected places. \00A9  Ms. Marvel";
}

#pun-category4 h2:after {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun-category5 h2:after {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category6 h2:after {
    content: "I made him an idea, and ideas never die. \00A9  White Queen";
}

#pun-stats h2:after {
    content: "While you slept, the world changed. \00A9  Professor X";
}











/* Необходимое из экстры
--------------------------------------- */

.notify-parent {position: relative;}
.notify-bubble {
    background: #7cc577;
    border-radius: 3px;
    color: black;
    font: bolder 12px/1.2 Tahoma;
    min-width: 14px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
}

.notify-parent .notify-bubble {
    margin:-10px 0px 0px -5px;
}

.notify-bubble:after {
    border-color: #7cc577 transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 6px;
    position: absolute;
    width: 0;
}


/** Image-Button
---------------------------------------------------------------*/
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}

/** jQuery plugins
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}

/** Social icons
---------------------------------------------------------------*/
.social {background-image:url('/i/social.1.png'); background-repeat:no-repeat; float:left; display:block; margin:3px 5px; width:16px; height:16px}
.social-facebook {background-position:0 0}
.social-google {background-position:-26px 0}
.social-mailru {background-position:-52px 0}
.social-odnoklassniki {background-position:-78px 0}
.social-twitter {background-position:-104px 0}
.social-vkontakte {background-position:-130px 0}
.social-yandex {background-position:-156px 0}
.social-youtube {background-position:-182px 0}
.social-instagram {background-position:-312px 0}
.social-linkedin {background-position:-338px 0}
.social-reddit {background-position:-442px 0}
.social-share {background-position:-468px 0}
.social-tumblr {background-position:-546px 0}

.post-content .spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.post-content .spoiler-box > div.visible {background-image:url('/img/minus.png')}
.post-content .spoiler-box > blockquote {padding-top:1.4em; display:none}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}


/** Avatars
---------------------------------------------------------------
.punbb .user-avatar {float:left; position:relative; height:36px; width:36px; margin:1px 9px 2px 0px}
#pun-index .user-avatar {height:40px; vertical-align:middle}
.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image {border-radius:50%; height:36px; width:36px; opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left}
.punbb .user-avatar .avatar-image:hover {opacity:1}
.punbb .user-avatar .isonline {width:8px; height:8px; border-radius:50%; display:block; position:absolute; top:2px; right:0px; animation:blinkColor .9s linear infinite; -moz-animation:blinkColor .9s linear infinite; -webkit-animation:blinkColor .9s linear infinite; background:#8ac176; z-index:100}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} */


/* Animations
------------------------------------------- */

@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}


.post-author ul li.pa-posts:hover,
.post-author ul li.pa-respect:hover {
  margin-left:-45px;
}