#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
#pun-navlinks #navprofile,
#pun-navlinks #navawards,
.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;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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 {
    background-image:none!important;
    width: 40px;
    height: 40px;
}

#form-buttons td img {
    height: 40px;
    z-index: 1;
    position: relative;
}

#form-buttons td:hover {
   background:#e5e5e5;
}

#form-buttons td:hover:before {
   color:#80c3f4;
}

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-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-keyboard:before,
td#button-addition:before,
td#button-files_rusff:before,
td#button-graffiti_rusff:before {
    width: 40px;
    padding-top: 12px;
    font-family: icomoon;
    font-size: 16px;
    display: block;
    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: '\f03e';
}

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

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

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

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-keyboard:before {
    content: '\e955';
}

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

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

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





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

#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: lightblue;
    border-radius: 3px;
    color: black;
    font: bolder 12px/1.2 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    text-align: center;
}

.notify-bubble:after {
    border-color: lightblue transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    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}

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