@import url(style_cs.1681660940.css);

@import url('/files/001a/11/44/75334.css');
@import url('/files/001a/11/44/81136.css'); 
@import url('https://fonts.googleapis.com/css2?family=Material+Icons&family=Material+Icons+Outlined');

@font-face {
    font-family: 'Bebas Neue';
    src: url('/files/0007/e3/f7/89720.eot');
    src: url('/files/0007/e3/f7/89720.eot?#iefix') format('embedded-opentype'),
    url('/files/0007/e3/f7/26279.woff') format('woff'),
    url('/files/0007/e3/f7/40935.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'Ubuntu';
    src: url('/files/0007/e3/f7/59521.eot');
    src: url('/files/0007/e3/f7/59521.eot?#iefix') format('embedded-opentype'),
    url('/files/0007/e3/f7/69412.woff') format('woff'),
    url('/files/0007/e3/f7/67265.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    }


/*************************************************************
ÎÁÙÈÅ ÑÒÈËÈ
**************************************************************/


.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none; margin: 0;}
img {border:none}
.punbb .main table {table-layout: fixed; width: 100%;}
.punbb address, .punbb em {font-style: normal;}
.punbb .post-content em {font-style: italic}


.punbb .post-content img.postimg {vertical-align: middle;}

.punbb .post-content iframe {margin: 0.4em 0;}


#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }


.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 .divider hr,
.punbb p.crumbs strong,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-title .title-logo, 
#pun-userlist .main h2,
#pun-status, 
#pun-announcement h2,
.category .modlist, 
#pun-pages #pun-crumbs1, #pun-pages h1, #pun-pages #pun-crumbs2,
.post-links .pl-share, .pa-gifts, 
#pun-messages .pl-email {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }

body {
background-color: #f4f4f4;
font-size: 14px;
color: #515862;
margin: 0;
font-family: 'Ubuntu', arial, sans-serif; 
}

body a {
color: #0080b7; 
text-decoration: none; 
font-weight: bold;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
body a:hover, body a:focus, body a:active {color: #e63737;}
.section {padding: 0}

h1, h2 {
margin: 18px 0;
text-align: center;
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #515862;
font-size: 40px;
font-weight: normal;
}
h3 {font-weight: normal;margin: 0;}

#pun-title #title-logo-table, .da-slide2,
#pun-announcement #menu .container, .crumbs,
.category, #pun-stats, #bottom,
.forum, .modmenu, .topic, .usertable, .info, .mod-page,
#pun-messages #profilenav, #notify-settings,
#pun-pages .inner {
width: 1200px;
margin: 0 auto;
position: relative;
}

.formal, 
#pun-respect .main .section, #pun-positive .main .section,
#pun-online .main .section {
width: 1200px;
margin: 10px auto 30px;
position: relative;
}
#pun-main {min-height: 700px;}


/*************************************************************
ÌÅÍÞ
**************************************************************/
#pun-navlinks {background-color: #fff; height: 82px;}
#pun-navlinks .container {
width: 970px;
margin: 0 auto;
position: relative;
padding-left: 230px;
}
#pun-navlinks li, #pun-profile #profilenav li {display: inline-block; margin-left: -5px;}

#pun-navlinks li span, #pun-profile #profilenav li a {
display: block;
height: 70px;
line-height: 70px;
padding: 0 14px;
font-weight: normal;
border-bottom: 12px solid #fff;
color: #515862;
background-color: #fff;
font-size: 14px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
#pun-navlinks li span {
background-image: url(/files/0007/e3/f7/19582.png);
background-repeat: no-repeat;
background-position: 50% 110%;
}
#pun-navlinks li span:hover,
#pun-userlist #pun-navlinks li#navuserlist span, 
#pun-online #pun-navlinks li#navuserlist span, 
#pun-search #pun-navlinks li#navsearch span,
#pun-searchtopics #pun-navlinks li#navsearch span,
#pun-searchposts #pun-navlinks li#navsearch span,
#pun-message #pun-navlinks li#navsearch span,
#pun-login #pun-navlinks li#navlogin span,
#pun-regrules #pun-navlinks li#navregister span,
#pun-register #pun-navlinks li#navregister span,
#pun-messages #pun-navlinks li#navpm span,
#pun-profile li#navuserlist span,
#pun-profile #profilenav li a:hover,
#pun-profile #profilenav li.isactive a,
#pun-profile #pun-navlinks li#navprofile span,
#pun-index #pun-navlinks li#navindex span, 
#pun-viewforum #pun-navlinks li#navindex span, 
#pun-viewtopic #pun-navlinks li#navindex span,
#pun-post #pun-navlinks li#navindex span,
#pun-foundation #pun-navlinks li#navindex span,
.punbb-admin #pun-navlinks li#navadmin span  {
border-bottom: 12px solid #0080b7;
color: #fff;
background-color: #12a3d6;
background-position: 50% 100%;
}

#pun #pun-navlinks li#navadmin span {font-size: 0 !important;}
#pun #pun-navlinks li#navadmin span:before {font-size: 14px !important;}

#pun-navlinks #navpm {position: relative;}
#pun-messages #pun-navlinks li#navpm span.num_msg,
#pun-navlinks li .num_msg {
    height: 14px !important;
    font-weight: 700;
    line-height: 14px;
    padding: 1px 4px;
    background-color: red;
    color: #fff;
    font-size: 11px;
    margin: 0;
    top: 10px;
    right: 6px;
border-bottom: none;
background-image: none;
}
#pun-navlinks li .num_msg:hover{
border-bottom: none;
background-color: red;
background-image: none;
}
#pun-navlinks #navpm a span {font-size: 0px;}
#pun-navlinks #navpm a span:after {font-size:14px;}

#pun-navlinks li#navindex, 
#pun-navlinks li#navprofile, 
#pun-navlinks li#navlogout  {display:none !important;}

#pun-ulinks {position: absolute; top: 0; right: 0; width: 100%;}
#pun #pun-ulinks li {display: none !important;}
#pun-ulinks .container {
max-width: 1200px;
margin: 0 auto;
position: relative;
}
#pun #pun-ulinks li.nav-item-notifications {
display: block !important; font-size: 0;
position: absolute;
top: 10px;
right: 0;
}
#pun-ulinks li.nav-item-notifications a {
display: block;
width: 65px;
height: 35px;
}
#pun-ulinks .nav-item-notifications .bubble {
top: 0;
border-radius: 2px;
font: bolder 11px 'Ubuntu';
height: 17px;
line-height: 17px;
min-width: auto;
padding: 0 4px;
}

#pun-ulinks .nav-item-notifications .bubble:after {
border-width: 5px 5px 0;
bottom: -4px;
left: 2px;
}

#pun-title {position:absolute; top: 0; width: 100%;}
#pun-title #title-logo-tdl {
background-image: url(/files/0007/e3/f7/88689.png);
width: 224px;
height: 80px;
position: absolute;
left: 0;
padding:0;
z-index: 1000;
cursor: pointer;
}



/*************************************************************
ÎÁÚßÂÀ è ÕËÅÁ
**************************************************************/
#pun-announcement {position: relative;}
#pun-announcement #menu {
position: absolute;
top: 50px;
width: 100%;
text-align: right;
}
#pun-announcement #menu a,
#bottomnewlinks a {
display: inline-block;
width: auto;
z-index: 4000;
position: relative;
font-weight: normal;
color: #fff;
margin: 10px 5px;
background-color: #f98561;
padding: 6px 10px;
border-radius: 3px;
}
#pun-announcement #menu a:hover, #pun-announcement #menu a:active, #pun-announcement #menu a:focus,
#bottomnewlinks a:hover, #bottomnewlinks a:active, #bottomnewlinks a:focus {background-color: #fff; color: #23afc8;}

#pun-crumbs1.section, #pun-crumbs2.section {margin: 20px 0;}
.crumbs {
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 20px;
text-transform: uppercase;
}

.crumbs a[href="https://forumd.ru/"], .crumbs a[href="https://forumdes.mybb.ru/"] {font-size: 0;}
.crumbs a[href="https://forumd.ru/"]:before , .crumbs a[href="https://forumdes.mybb.ru/"]:before {font-size: 20px;}

#pun-announcement .bot-hr {
background: #a5a5a5;
padding-bottom: 36px;
margin-bottom: 20px;
}

#ann {
margin: 20px auto 10px;
max-width: 1200px;
padding: 10px;
color: #e63737;
font-size: 16px;
font-weight: bold;
background-color: #e1e1e1;
text-align: center;
border-radius: 10px;
}

.moderator-ann {/*îáúÿâà òîëüêî äëÿ àäìèí-ñîñòàâà*/
  display: none;
}
.ismoderator .moderator-ann {
  display: block;
}


/*************************************************************
ÊÀÒÅÃÎÐÈÈ
**************************************************************/

.category h3 {width: calc(50% - 10px);}
.main .category .tcr {width: calc(50% - 30px);}
.main .category .tcr a {width: calc(100% - 140px);}
.main .category .tc2, .main .category .tc3 {width: calc(50% - 20px);}

.category thead {display:none;}
.category tr:not(.isub), #pun-viewforum .category tr.isub {
display: block;
border-bottom: 5px solid #e2e2e2!important;
width: 100%;
position: relative;
min-height: 150px;
padding-bottom: 15px;
margin: 15px auto;
}

.dark .category tr:not(.isub), .dark #pun-viewforum .category tr.isub {
  border-bottom: 5px solid #383838!important;
}

.main .category .tcl {width: 50%;}

.category h3 {
font-family: 'Bebas Neue', 'Book Antiqua';
margin: 0;
font-size: 28px;
border-bottom: 3px solid #b9b9b9;
background-color: #f4f4f4;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.category h3:before {
content: '';
height: 3px;
width: 0%;
position: absolute;
bottom: -3px;
left: 0;
transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out;
}
#pun-index .tcl h3:hover:before, #pun-viewforum .tcl h3:hover:before {width: 100%;}

.category h3:hover {background-color: #2e3e4f;}
.category h3 a {
margin-left: 58px;
font-weight: normal;
height: 50px;
line-height: 50px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.category h3 a, .forum .tcl a {color: #0080b7;}
.category h3 a:hover, .category h3 a:active, .category h3 a:focus {color: #fff;}

.main .category .tcr {
display: block;
position: absolute;
top: 53px;
left: 0;
padding: 10px 10px 32px;
background-color: #ddd;
}
.main .category .tcr .user-avatar {display: none;}
.main .category .tcr a {
    white-space: nowrap;
    overflow: hidden;
   display: block;
   text-overflow: ellipsis;
position: relative; z-index: 200;
}
.main .category .tcr br {display: none;}

.main .category .tcr:before {display: block; font-size: 12px;}

.main .category .tc2, .main .category .tc3 {
font-size: 12px;
display: block;
position: absolute;
z-index: 20;
text-align: right;
padding: 0;
}
.main .category .tc2 {top: 63px;}
.main .category .tc3 {top: 80px;}

.icon[data-new-topics]:before {top: 50px;}
.category .icon[data-new-topics]:after,
.forum .icon-new:after {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
position: absolute;
font-size: 15px;
padding: 0px 5px;
color: #fff;
background-color: #f00;
border-radius: 4px;
    animation: blinkColor 1.0s linear infinite;
    -moz-animation: blinkColor 1.0s linear infinite;
    -webkit-animation: blinkColor 1.0s linear infinite;
}
.category .icon[data-new-topics]:after {
top: 116px;
left: 8px;
}
.category .desc {
background-color: #ddd;
position: absolute;
right: 10px;
width: calc(50% - 20px);
border: 1px solid #ccc;
}
.category .desc .inner {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}
.category .desc .inner strong {font-weight: normal;}

.category .desc select {margin-top: 10px; width: 100%;}
.category #rights:not(.isub) {
position: absolute;
right: calc(50% + 20px);
top: 100px;
z-index: 10;
width: 32px;
opacity: 0.6;
}
@media screen and (max-width: 800px) {
.main .category #rights:not(.isub) {right: 10px;}
}
@media screen and (max-width: 540px) {
.main .category #rights:not(.isub) {display: none;}
#pun-viewtopic #s-block {
margin: 10px auto 0;
float: left;
left: 20px;}
}

/*ïîäôîðóìû íà ãëàâíîé */
#pun-index .isub #rights, #pun-index .isub .desc {
display: none;
}

#pun-index .subforums {
z-index: 100;
font-size: 0;
width: max-content !important;
display: inline-flex;
flex-direction: row!important;
float: left!important;}

#pun-index .subforums a {
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 18px;
color: #0080b7;
transition: all 0.3s;
-webkit-transition: all 0.3s;
padding-left: 2em;
padding-top: 9.3em;
font-weight: normal;}

.dark #pun-index .subforums a {
color: #23afc8;
}

.dark #pun-index .subforums a:hover {
color: #f98561;
}

#pun-index .subforums a:hover {
color: #e63737;
}

/*ïîäôîðóìû ïî 2 íà ñòðîêó è áåç îïèñàíèÿ*/
#pun-viewforum[data-forum-id="133"] .category tbody.hasicon, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon {
    display: flex;
    flex-wrap: wrap;
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr .desc, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr .desc, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr .desc {
    display: none;
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr {
    width: 50%;
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr .tcl, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr .tcl, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr .tcl {
    width: 100%;
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr .tcr, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr .tcr, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr .tcr {
    width: calc(100% - 30px);
    min-height: 45px;
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr .tc3, 
#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr .tc2,
#pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr .tc3, 
#pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr .tc2,
#pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr .tc3, 
#pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr .tc2  {
    width: calc(100% - 20px);
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr h3, #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr h3, #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr h3 {
    width: calc(100% - 10px);
}

#pun-viewforum[data-forum-id="133"] .category tbody.hasicon > tr #rights:not(.isub), #pun-viewforum[data-forum-id="7"] .category tbody.hasicon > tr #rights:not(.isub), #pun-viewforum[data-forum-id="72"] .category tbody.hasicon > tr #rights:not(.isub) {
    right: 20px;
}

.catright:after {
font-size: 16px;
    font-family: 'Ubuntu', arial, sans-serif;
    text-transform: none;
}



/*************************************************************
ÏÀÃÈÍÀÖÈß
**************************************************************/

#pun-viewforum h1, #pun-viewtopic h1, #pun-userlist h1, 
#pun-searchtopics h1, #pun-searchposts h1 {
background: url(/files/0007/e3/f7/57716.jpg) repeat-x bottom center;
padding-bottom: 36px;
margin-bottom: 0;
}
.linkst {
background: #d7d7d7 url(/files/0007/e3/f7/75536.jpg) repeat-x bottom center;
padding-bottom: 36px;
min-height: 38px;
}

.linksb {
background: #d7d7d7 url(/files/0007/e3/f7/57716.jpg) repeat-x top center;
padding-top: 36px;
position: relative;
margin-top: 20px;
}
.linksb .pagelink a{
  position:relative;
  z-index:200;
}
.linksb:after {
background: #d7d7d7 url(/files/0007/e3/f7/75536.jpg) repeat-x bottom center;
  clear: both;
  content: '';
  display: block;
height: 36px;
width: 100%;
}

.pagelink {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 32px;
width: 1200px;
margin: 0 auto;
position: relative;
}

.pagelink a, .post-rating a,
.post-rating a:hover, .post-rating a:focus, .post-rating a:active {
font-weight: normal;
border-radius: 3px;
padding: 0 3px;
position: relative;
}
.pagelink strong {
font-weight: normal;
border-radius: 3px;
padding: 0px 3px;
}

.pagelink a, .post-rating a,
.post-rating a:hover, .post-rating a:focus, .post-rating a:active {color: #fff; background-color: #f98561;}
.pagelink a:hover, .pagelink a:focus, .pagelink a:active {color: #f98561; background-color: #fff;}
.pagelink strong {color: #494949; background-color: #a5a5a5;}

.postlink {
height: 1px;
overflow: visible;
width: 1200px !important;
margin: 0 auto;
text-align: right !important;
font-family: 'Bebas Neue';
font-size: 22px;
}

.postlink a, .subscribelink a {
color: #fff;
border-bottom: 6px solid #0080b7;
font-size: 24px;
line-height: 35px;
height: 35px;
text-align: center;
background: #23afc8;
font-family: 'Bebas Neue', 'Book Antiqua';
padding: 0 10px;
font-weight: normal;
display: inline-block;
position: relative;
z-index: 200;
}
.postlink a:hover, .postlink a:focus, .postlink a:active {
	background: #0080b7; color: #fff;
}
.postlink .new-poll a {
background: #26af33;
border-bottom: 6px solid #1c8426;
}
.postlink .new-poll a:hover, .postlink .new-poll a:focus, .postlink .new-poll a:active {background: #1c8426;}

.subscribelink a {
font-size: 24px;
background: #f98561;
border-bottom: 6px solid #e63737;
}
.subscribelink a:hover, .subscribelink a:focus, .subscribelink a:active {background: #e63737; color: #fff;}
.subscribelink {
font-size: 0px;
position: absolute;
top: 36px;
text-align: center;
width: 100%;
}

.linkst .postlink {margin: -38px auto 0;}

.modmenu strong {
border-bottom: 5px solid #e2e2e2; 
padding: 0 0 10px;
margin-bottom: 10px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase; 
font-size: 20px;
width: 100%;
display: block;
}
.modmenu span {display: none;}

/*************************************************************
ÑÏÈÑÎÊ ÒÎÏÈÊÎÂ
**************************************************************/
.forum thead,
.forum .byuser,
.forum .pagestext,
.forum .bracket,
.forum tr.iredirect,
.forum .tc2, .forum .tc3, .forum .tcr,
#pun-viewforum .search,
#pun-searchtopics .tpclist {display: none !important;}

.forum tr {
    display: block;
    margin: 20px auto 0;
    width: 100%;
    position: relative;
border-bottom: 5px solid #e2e2e2;
padding: 0 0 10px;
}
.forum td {display: block;}

.forum .tcl {
width: 100%;
position: relative;
height: 53px;
padding: 0;
}
.forum .tcl .tclcon {height: 53px;}
.forum .tcl a {
padding-left: 54px;
width: calc(100% - 54px);
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 28px;
border-bottom: 3px solid #b9b9b9;
background-color: #f4f4f4;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.forum .tcl .acchide {
height: 3px;
width: 0%;
position: absolute;
z-index:100;
top: 50px;
left: 0;
transition: all 2.0s ease-out;
-webkit-transition: all 2.0s ease-out;
}
.forum .tcl:hover .acchide {width: 100%;}
.forum .tcl:hover a {
background-color: #2e3e4f;
color: #fff
}

.forum .topicinfo {background-color: #ddd; padding-bottom: 5px;}
.topicinfo div {display: inline-block; vertical-align: top; padding: 10px 15px;}

.topicinfo .typecell {min-width: 130px;}
.closedatafield, .stickytext, .polltext,
.topic-subscribe, .regtext,
.spectext {
padding: 0 5px 2px;
border-radius: 4px;
font-weight: bold;
color: #fff;
display: inline-block;
margin: 0 0 10px;
}
.closedatafield, .stickytext, .polltext {font-size: 0;}
.closedatafield:before, .stickytext:before, .polltext:before {font-size: 14px;}
.stickytext {background-color: #e63737;}
.closedatafield {background-color: #4d4d4d;}
.polltext {background-color: #26af33;}
.topic-subscribe, .topic-unsubscribe {color: #fff; font-weight: bold;}
.topic-subscribe {background-color: #23afc8;color: #fff !important; margin: 0 !important;}
.topic-subscribe:hover {background-color: #0080b7;}
.topic-subscribe.un, .regtext {background-color: #f98561;}
.topic-subscribe.un:hover, .regtext:hover {background-color: #fff; color: #23afc8!important;}
.spectext {background-color: #f7941d;}

.topicinfo .statcell {min-width: 115px; max-width: 115px;}
#pun-searchtopics .topicinfo .statcell {min-width: 200px; max-width: 200px;}
.topicinfo .statcell span {font-size: 12px; display: block;}
#pun .punbb .topicinfo .user-avatar .isonline {
background: #f00;
animation: blinkColor 0s linear infinite;
-moz-animation: blinkColor 0s linear infinite;
-webkit-animation: blinkColor 0s linear infinite;
}
.topicinfo .lptxt {font-size: 12px; display: block;}
.topicinfo .lastcell .lastp {display: block; position: relative; margin-bottom: 10px;}
.topicinfo .lastcell .lptxt {margin-left: 45px;}
.topicinfo .lastcell .lastp a {margin-left: 45px;}
.topicinfo .lastcell .user-avatar {position: absolute; top: 0; left: 0;}
.topicinfo .lastcell .user-avatar a {margin: 0 !important;}

.topicinfo .lastcell2 .lptxt {margin-bottom: 4px;}
.newtext a {
padding: 0 0 0 25px;
background-image: url(/files/0007/e3/f7/53589.png);
background-repeat: no-repeat;
color: #2e3e4f;
font-size: 18px;
font-family: 'Bebas Neue', 'Book Antiqua';
margin-left: -2px;
}
.newtext a:hover {color: #e63737; background-image: url(/files/0007/e3/f7/15581.png);}
.forum .icon-new:after {top: 0; left: 25px;}



/*************************************************************
ÒÎÏÈÊ
**************************************************************/
.topic {padding-bottom: 10px;}
#bottomnewlinks {text-align: center;}
.post {
background-color: #ddd;
border: 1px solid #ccc;
margin: 70px 20px 0px 120px;
position: relative;
}

[data-forum-id="134"] .post {margin-left: 30px;} /*óáèðàåì îòñòóï ïîñòîâ â ðàçäåëå ñ àâàòàðêàìè*/

.topicpost {margin-left: 30px; margin-top: 50px;}
.topicpost.firstpost .container {
border: 2px dashed #e63737;
background: #fffcde;
}
.topicpost.firstpost .pl-website {display:none;}
.topicpost.firstpost:after {
bottom: 3px;
    color: #e63737;
    font-family: 'Bebas Neue', 'Book Antiqua';
    text-transform: uppercase;
    position: absolute;
    right: 111px;
    text-align: right;
    font-size: 18px;
}

.post .container {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}
.isguest .post.topicpost.firstpost .container {padding-bottom: 30px;}
.post-box {position: relative; padding: 5px 10px; word-break: break-word;}

.post h3 {
position: absolute;
width: 100%;
margin: 0;
top: -20px;
text-align: right;
right: 20px;
font-size: 14px;
}
.post h3 strong:before {content: '#'}

.post-author {
border-bottom: 1px solid #d7d7d7;
margin: 0 40px 10px;
min-height: 20px;
}

.post-author ul {margin: 14px 0px 0px 20px; padding-right: 40px;}
.post-author ul li {display: inline-block; margin-bottom: 4px;}

.pa-respect, .pa-ip, .pa-online, .pa-fld2, .pa-fld1, .pa-ua {margin-right: 10px !important;}
.post-author li.pa-ua {margin-top: 0 !important;}
li.pa-ua .user-agent [class^="ua-icon-"]:before, li.pa-ua .user-agent [class^="ua-icon-"]:before {font-size: 18px !important; color: #ff865f;}
.tooltipsy {border: 1px solid #ccc !important; /* îáâîäêà */}

.pa-avatar {
width: 90px;
height: 90px;
position: absolute;
left: -30px;
top: -44px;
z-index: 200;
}
.pa-avatar img {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
border: 5px solid #23afc8;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.pa-avatar img:hover {border-color: #0080b7;}

.pa-author a {
position: absolute;
height: 38px;
display: block;
line-height: 38px;
padding: 0 16px 0px 60px;
color: #fff;
background-color: #23afc8;
left: 10px;
top: -44px;
font-size: 18px;
z-index: 100;
}
.pa-author a:hover, .pa-author a:focus, .pa-author a:active {background-color: #0080b7; color: #fff;}

.pa-title {
background-color: #2e3e4f;
color: #7b8b9c;
display: block;
position: absolute;
top: -10px;
height: 30px;
z-index: 50;
padding: 0 10px 0 20px !important;
line-height: 30px;
left: 50px;
}

.post h3 strong {font-weight: normal;}
.post h3 a {margin-left: 1em;}

.topic a.sharelink {
    color: #e36120;
    text-transform: uppercase;
}

.punbb .post[data-group-id="3"] .post-rating {display: none;}

.punbb .post-rating {position: absolute;right: 26px; bottom: -7px;}

.punbb .post-rating .container {margin: 0; background: transparent; width: auto; top: 0; left: 0;}
.punbb .post-rating .container {margin: 0; background: transparent; width: auto; top: 0; left: 0;}
.punbb .post-rating a {
    font-family: 'Bebas Neue', 'Book Antiqua';
    text-transform: uppercase;
    font-size: 29px !important;
}

.post-vote {display: block !important;text-align: right;padding-right: 20px;padding-top: 10px;}
.post-vote .container {
float: right !important;
padding: 0 !important;
margin: 0 !important;
display: block;
top: 49px;
right:0;
}

div.post-vote p {z-index: 2;}
div.post-vote p a.negative:hover  {color: #e63737;}

div.post-vote p a.negative {
    color: #e63737;
}

div.post-vote p a.positive, div.post-vote p a.positive:hover {
    color: transparent;}

div.post-vote p a.positive:after {font-size: 20px;}

.pa-respect {
color: #26af33;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
position: relative;
font-size: 18px;
}
.pa-respect a:before {top: 3px;}
div.post-vote p a.positive:after {top: 0px}
.pa-respect img {display: none;}
.pa-respect a:before, div.post-vote p a.positive:after {color: #f98561; position: relative; font-family: 'Material Icons'; content: '\e87d';}
.pa-respect a:hover:before, div.post-vote p a.positive:hover:before {color: #e63737;}

div.post-vote p a.positive:before {color: #23afc8;position: relative;top: -3px; right: -7px;font-family: 'Bebas Neue', 'Book Antiqua';text-transform: uppercase;content: 'Íðàâèòñÿ';font-size: 18px;}

.pa-respect .fld-name {display: none;}
.pa-respect .fld-name a {width: 56px; display: block; height: 20px; position: absolute; left: 0; top: 0; color: transparent;}

.pa-links ul {margin: 0; padding: 0;}
.pa-links .pl-email.profile {display: none;}
.pa-links ul li {margin-right: 10px; position: relative; top: -2px;}
.pa-links ul li a {
font-size: 18px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
padding: 0 5px 0;
border-radius: 3px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
color: #fff; font-weight: normal;
display: block;
}
.pa-links ul li.pm a {background-color: #26af33;}
.pa-links ul li.pm a:hover {background-color: #1c8426;color: #fff;}

.pa-links ul li.email a {background-color: #23afc8;}
.pa-links ul li.email a:hover {background-color: #0080b7;color: #fff;}

.pa-links ul li.website a {background-color: #f98561;}
.pa-links ul li.website a:hover {background-color: #e63737;color: #fff; }

.pa-links ul li.social-portfolio a {background-color: #f7941d;}
.pa-links ul li.social-portfolio a:hover {background-color: #e36120;color: #fff; }

.pa-ip {font-size: 10px; display: inline;}

.pa-online {
font-size: 0;
display: block;
    animation: blinkColor 1.0s linear infinite;
    -moz-animation: blinkColor 1.0s linear infinite;
    -webkit-animation: blinkColor 1.0s linear infinite;
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #26af33;
}
.pa-online:before {font-size: 16px;}

.post-links {
margin: 10px 20px 0;
padding-top: 6px;
border-top: 1px solid #d7d7d7;
padding-right: 70px;
position: relative;
z-index: 1; /*÷òîáû íå ïåðåêðûâàëàñü âîçìîæíîñòü ðåäàêòèðîâàíèÿ â ïîäàðêàõ è äîñòèæåíèÿõ*/
}
.post-links li {
display: inline-block;
margin-right: 16px !important;
font-size: 18px;
font-family: 'Bebas Neue', 'Book Antiqua';
}

.post-links .pl-email, .post-links .pl-website,
.topic .post-links .pl-reply {display: none;}

.post-links li .material-icons {
font-size: 20px;
position: relative;
top: 4px;
margin-right: 5px;
}

.post-links .pl-delete .material-icons {color:#e63737;}
.post-links .pl-edit .material-icons {color:#00a1e4;}
.post-links .pl-quote .material-icons, .post-links .pl-reply .material-icons {color:#26af33;}

.post-links .pl-quote a {font-size: 0;}
.post-links .pl-quote a:before {font-size: 18px;}

#topic-users-in span {display: inline;}

.topic .post-sig {
border-top: 1px dashed #bbb5b5;
    color: #bbb5b5;
    font-size: 14px;
padding: 5px;}

img.sigimage {max-height: 42px;}

.isuser .topic.closed .post-links {min-height: 20px;}
.isguest .topic.closed .post-links {border: none;}

/* Îïðîñû */
#poll-special {margin: 10px 40px 0;}
#poll-special .formal {
width: auto;
background: transparent;
border: none;
}
#pun-viewtopic #poll-special table.poll1 {width: 100%}
#pun-viewtopic #poll-special table.poll2, #pun-viewtopic #poll-special table.poll1 {border-spacing: 0; table-layout: auto;}
.punbb #poll-special td:nth-child(3) {text-align: right !important;}
.punbb #poll-special td {padding: 10px 5px; border-bottom: 2px solid #e6e6e6;}

#pun-viewtopic #poll-special h1 {margin: 0; padding: 0; border: none; background-image: none;}
#poll-special .poll2 td h1[style*='width:'] {padding-left: 5px !important;background-color: #414141}
#poll-special .poll2 td h1[style*='width:1'] {background-color: #a9d0e1;}
#poll-special .poll2 td h1[style*='width:2'] {background-color: #29aecb;}
#poll-special .poll2 td h1[style*='width:3'] {background-color: #00a1e4;}
#poll-special .poll2 td h1[style*='width:4'] {background-color: #0481d9;}
#poll-special .poll2 td h1[style*='width:5'] {background-color: #fcdfbc;}
#poll-special .poll2 td h1[style*='width:5'] {background-color: #f7941d;}
#poll-special .poll2 td h1[style*='width:6'] {background-color: #e36120;}
#poll-special .poll2 td h1[style*='width:7'] {background-color: #abd4af;}
#poll-special .poll2 td h1[style*='width:8'] {background-color: #26af33;}
#poll-special .poll2 td h1[style*='width:9'] {background-color: #f98561;}
#poll-special .poll2 td h1[style*='width:100%'] {background-color: #e63737;}

#poll-special tr {
background-color: transparent;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#poll-special tr:hover {
background-color: #e6e6e6;
}

#poll-special table.poll1 .tar {width: 60px;}
#poll-special table.poll1 td {width: calc(90% - 70px);}

#poll-special table.poll2 td:first-child {width: calc(100% - 230px);}
#poll-special table.poll2 td:nth-child(2n) {width: 140px;}
#poll-special table.poll2 td:last-child {width: 80px;}


/*************************************************************
ÊÎÍÒÅÍÒ ÒÎÏÈÊÀ
**************************************************************/
.post-content {font-size: 16px;  margin-bottom: 28px;}
#profile-signature, .parsedsig {font-size: 14px;}
.post-content p, #profile-signature p, .parsedsig p {margin: 0; padding: 0 0 10px;}
.lastedit {text-align: right; font-style: italic; color: #aaa; font-size: 12px;}

.quote-box {
margin: 10px;
padding: 10px;
border: 1px solid #f7941d;
background-color: rgba(247,148,29,0.1);
}
.quote-box blockquote {margin: 0px;}
.quote-box cite {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
padding-bottom: 5px;
display: block;
font-size: 18px;
font-style: normal;
color: #ac661c;
}

.quote-box.hide-box {
border: 1px dashed #f71d1d;
background-color: rgba(247, 29, 29, 0.1);
}
.quote-box.hide-box cite {color: #ac1c1c;}

.quote-box.hide-box .quote-box cite {color: #ac661c;}

.code-box {
margin: 10px;
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.2);
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.code-box .legend {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
display: block;
font-size: 22px;
font-style: normal;
margin: 5px;
}
.code-box .legend a {
display: block;
width: calc(100% - 20px);
padding: 5px 10px;
color: #26af33;
background-color: rgba(38,175,51,0.3);
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.code-box .legend a:hover, .code-box .legend a:focus, .code-box .legend a:active {
color: #fff;
background-color: rgba(38,175,51,0.6);
}
.code-box .scrollbox {
height: auto !important;
max-height: 240px;
overflow: auto;
padding: 0 10px 10px;
}
.code-box pre {
font-family: 'Lucida Console';
margin: 0;
}

.punbb .post-content .spoiler-box {
margin: 10px;
padding: 0;
border: 1px solid #2695af;
background-color: rgba(38, 169, 175,0.1);
}
.punbb .post-content .spoiler-box > div, .punbb .post-content .spoiler-box > div.visible {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
display: block;
font-size: 26px; color: #646464;
transition: all 0.6s;
-webkit-transition: all 0.6s;
padding: 10px;
margin: 5px;
text-align: center;
background-image: none;
}
.punbb .post-content .spoiler-box > div {background-color: rgba(38, 169, 175, 0.45);}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38, 169, 175,0.8); color: #fff;}

.post-content .spoiler-box > div.visible {background-color: rgba(38, 169, 175,0.8);}
.punbb .post-content .spoiler-box > blockquote {padding: 0 10px 10px;}

#viewprofile #profile-signature td, .parsedsig td,
.post-content td {background-color: rgba(35,175,200,0.1); border: 1px solid #23afc8; vertical-align: top; padding: 0.4em 0.5em;}

#profile-signature table, .parsedsig table,
.punbb .post-content table {border-collapse: separate; border-spacing: 2px;}

.punbb .post-content em.bbuline {text-decoration: underline;}
.post-content abbr {
background: rgba(35,175,200,0.2) url(/files/0007/e3/f7/31341.png) no-repeat 4px 2px;
padding: 1px 4px;
border-radius: 3px;
}
.punbb .post-content .highlight-text {
background-color: #d7d7d7;
    color: #282828;
    padding: 0 4px 2px;
    border-radius: 3px;
}
#pun-pages .main hr {margin: 5px 40px;border: 3px solid #1c80ac;}
.punbb .post-content hr {margin: 10px 20px;border: 3px solid #1c80ac;}


/*************************************************************
ÔÎÐÌÛ
**************************************************************/
.punbb .inline .infofield {clear:both; color: #1c80ac;}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input, #piar_reply_emulator {font-weight: bold}
.punbb .datafield span.input a {font-weight: normal;}

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 0;
    max-width: 100%;
}

textarea#your_piar_code {
    width: 100%;
}

textarea, input, select {
background-color: #ddd;
border: 1px solid #ccc;
transition: all 0.6s;
-webkit-transition: all 0.6s;
min-height: 26px;
padding: 2px; 
font-size: 16px;
}
textarea:hover, input:hover, select:hover {border: 1px solid #f98561; background-color: rgba(247,148,29,0.2);}
textarea:focus, textarea:active, 
input:focus, input:active, 
select:focus, select:active {
border: 1px solid #23afc8; background-color: rgba(35,175,200,0.1);
}

.punbb input.button, #poll-special input, #forum-foundation input,
div#piar_reply_emulator input[type="submit"], /*îòïðàâèòü ðåêëàìíóþ ëèñòîâêó*/
#razv button /*ðàçâîðîò ïåðâîïîñòà*/ {
border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent;
text-transform: uppercase;
font-family: 'Bebas Neue' !important;
font-size: 24px !important;
min-height: 35px;
line-height: 35px !important;
color: #fff;
border-bottom: 6px solid #0080b7;
background: #23afc8;
padding: 0 10px;
font-weight: normal !important;
display: inline-block;
transition: all 0.6s;
-webkit-transition: all 0.6s;
cursor: pointer;
height: auto;
}
.punbb input.button:hover, .punbb input.button:focus, .punbb input.button:active,
#poll-special input:hover, #poll-special input:focus, #poll-special input:active,
.btn-wrap span:hover,.btn-wrap span:focus, .btn-wrap span:active,
#forum-foundation input:hover, #forum-foundation input:focus, #forum-foundation input:active,
#razv button:hover,
div#piar_reply_emulator input[type="submit"]:hover {background: #0080b7; color: #fff;}

.formsubmit input.button {margin-right: 10px;}

input[type=checkbox], input[type=radio] {
min-height: auto;
  cursor: pointer;
  position:  relative;
}
.punbb input[type="text"], .punbb input[type="password"] {
    max-width: calc(100% - 20px) !important;
}

select {
    /*for WebKit*/
     -webkit-appearance: none;
     /* for FF */
      -moz-appearance: none;
      text-indent: 0.01px; 
      text-overflow: '';
      /* for IE */
      -ms-appearance: none;
      appearance: none!important;
background-image: url(/files/0007/e3/f7/30715.png);
background-repeat: no-repeat;
background-position: right top;
padding-right: 28px;
min-width: 60px;
}
select optgroup, select > option {
background-color: #a5d2e6;
color: #000;
}
select option {color: #515862; background-color: #dfeaf2;}

.legend, legend {
margin: 0;
color: #f98561;
text-transform: uppercase;
}
.legend strong {font-weight: normal;}
.info-box {margin-bottom: 10px;}
.radiofield {margin-bottom: 10px; padding-bottom: 10px !important;}

#register .info-box {display: none;}
#register fieldset {margin: 10px 0 20px;}
#register .fs-box {margin: 5px 0 0;}
#register .selectfield, #register .inputfield {margin: 5px 0 0;}
#register .infofield.mesByGerda-2 {font-size: 0;}
#register .infofield.mesByGerda-2:before {font-size: 14px;}

#pun-rules .info {
color: inherit;
text-align: left;
font-size: 17px;
text-transform: none;
font-family: inherit;
}
#pun-rules .info li {list-style: disc; margin-left: 30px;}

#pun-navlinks li#navrules {display: none !important;}

/*************************************************************
ÔÎÐÌÀ ÎÒÂÅÒÀ
**************************************************************/
.punbb #form-buttons tr {display: block; margin-bottom: 10px; text-align: center;}
.punbb #form-buttons td {
display: inline-block !important;
position: relative;
background-image: none;
width: 26px;
height: 26px;
padding: 5px !important;
background-color: #ddd !important;
margin: 0 5px 5px;
border-radius: 4px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.punbb #form-buttons td img {
position: absolute;
z-index: 50;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.punbb #form-buttons td span {
font-size: 26px;
color: #0080b7 !important;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.punbb #form-buttons td:hover {background-color: #2e3e4f !important;}
.punbb #form-buttons td:hover span {color: #e63737 !important;}

#pun .punbb #tags div {
position: inherit !important;
width: auto !important;
margin-bottom: 10px !important;
}

#tags #table-area div {text-align: left;}
#table-area td.selected {background-color:#23afc8 !important;}

#pun .punbb #tags #image-area.container {
position: relative !important;
right: auto;
top: auto;
padding: 0 !important;
}
#image-area-tcon-computer {padding: 10px;}
#image-area-tcon-computer:after {outline-offset: -5px !important;}
#pun #imageupload-left, #pun #imageupload-right {display: block; width: 100%; max-width: 100%; padding: 0 !important;}
#image-change-host, #image-thumb-width {display: inline-block;}
#image_upload, #upload-button-container {display: inline-block; margin-left: 10px;}
#image-area-sels, #image-area-actions, #image-area-tcon-internet {padding: 10px 10px 0;}
#tags #image-area-actions {text-align: left;}

#post-form h2, #post-form legend {display: none;}
post-form, div#piar_reply_emulator {margin-top: 20px; width: 1150px;}
.formal, 
#pun-respect .main .section, #pun-positive .main .section, #piar_reply_emulator {
background-color: #ddd;
border: 1px solid #ccc;
}
.formal .container, 
#pun-respect .main .section .container, #pun-positive .main .section .container, #piar_reply_emulator form {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}
.formal fieldset, #piar_reply_emulator fieldset {border: none; padding: 0px 20px 0px 10px; position: relative;}
.formsubmit {margin: 10px;}
.areafield {margin: 0px;}
.fs-box {margin-top: 10px;}

#post-preview {border-bottom: 5px solid #e2e2e2; margin-bottom: 10px;}
#post-preview .fs-box {border-top: 1px solid #e2e2e2; padding-top: 10px;}
#pun-post .post {margin-left: 0; margin-top: 50px;}
#pun-post .post.toppost {margin-top: 30px;}
#pun-post .pa-author .acchide {
left: auto;
font-size: 13px;
position: relative;
overflow: inherit;
width: auto;
height: auto;
line-height: normal;
color: #1c80ac;
}
#pun-post .post-author {height: auto;}
#pun-post .topic {padding-top: 20px;}

#size-area div,
#font-area div,
#addition-area div {
margin: 2px 5px;
padding: 5px;
}
#size-area div,
#font-area div,
#addition-area div {
display: inline-block;
height: 22px;
}
#size-area div:hover,
#font-area div:hover,
#addition-area div:hover {color: #fff; background-color: #23afc8;}

#font-area img, #font-area span,
#size-area img, #size-area span {height: 22px  !important;}
#font-area div {font-size: 16px;}
#font-area img {top: -6px !important;}
#font-area span, #size-area span {line-height: 22px;}
#addition-area div {font-size: 14px; height: auto !important;}
#smilies-area, #font-area, #color-area {width: 60% !important;}
#smilies-area img {
padding: 5px;
background-color: #eaeaea;
margin: 0 5px;
border-radius: 5px;
}
#smilies-area img:hover {background-color: #23afc8;}

/*äîï ñìàéëû*/
#wrapper{position:relative; max-height: 300px; overflow: auto;}
.tabs {padding: 0 0 5px !important;}

.tabs .t3, .tabs .t4, .tabs .t5, .tabs .t6 {display: none;}
.ismoderator .tabs .t3, .ismoderator .tabs .t4, .ismoderator .tabs .t5, .ismoderator .tabs .t6,
.gid6 .tabs .t3, .gid6 .tabs .t4, .gid6 .tabs .t5, .gid6 .tabs .t6 {display: inline-block;}

.tabs li {display: inline-block;}
.tabs li a{
padding: 5px 8px;
margin: 0 5px 5px;
background-color: #ddd;
display: block;
border-radius: 4px;
color: #0080b7;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.tabs li a:hover {background-color: #2e3e4f; color: #e63737;}
#smilies-area .tabs li.active a {background-color: #0080b7; color: #fff; cursor: default !important;}
#smilies-area .tabs li.active a:hover {background-color: #0080b7; color: #fff; cursor:pointer;}
#smilies-area div[class^="t-"]:not(.t-0){display:none; overflow: auto; max-height: 300px;}

#color-area td {
display: inline-block;
margin: 2px 5px !important;
width: 70px;
border: 2px solid #ccc;
}
#color-area td img {width: 70px !important;}
#color-area table {width: auto !important;}
#color-area td:hover {border: 2px solid #2d343a;}

#image-area input[type="button"] {font-size: 20px !important;}

#video-host-list {font-size: 15px; margin: 5px;}
#video-host-list a {font-size: 15px; display: inline-block;} 

/*************************************************************
ÞÇÅÐËÈÑÒ
**************************************************************/
.punbb .usertable {
margin-top: 40px;
margin-bottom: 10px;
text-align: center;
}
.usertable thead {display:none;}

.usertable tr {
display: inline-block;
width: calc(32% - 40px);
margin: 20px 18px 40px;
position: relative;
background-color: #ddd;
border: 1px solid #ccc;
height: 154px;
}
.main .usertable .tcl {
display: block;
overflow: inherit;
position: relative;
left: 10px;
top: 10px;
border: 1px solid #ccc;
background-color: #fff;
width: calc(100% - 20px);
padding: 10px;
height: 134px;
}
.punbb .usertable em.user-avatar {
position: relative;
top: -51px;
left: -30px;
z-index: 200;
border-radius: 50%;
height: 90px;
width: 90px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.punbb .usertable em.user-avatar span {background-color: #23afc8;}
.punbb .usertable em.user-avatar:hover span {background-color: #0080b7;}



#pun .punbb .usertable .user-avatar .avatar-image {
width: 80px;
height: 80px;
opacity: 1 !important;
}
.usertable .user-avatar .avatar-image {
border: 5px solid #23afc8 !important;
transition: all 0.6s;
-webkit-transition: all 0.6s;
margin: 0;
background-color: #fff;
}
.usertable .user-avatar .avatar-image:hover {border: 5px solid #0080b7 !important;}
.usertable .tcl .user-avatar a {overflow: visible; left: 0; top: 0;}

.usertable .tcl a {
position: absolute;
height: 38px;
display: inline-block;
line-height: 38px;
padding: 0 16px 0px 60px;
color: #fff;
background-color: #23afc8;
left: 20px;
top: -40px;
font-size: 16px;
z-index: 100;
width: auto;
max-width: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.usertable .tcl a:hover, .usertable .tcl a:focus, .usertable .tcl a:active {background-color: #0080b7; color: #fff;}
.punbb .usertable .user-avatar img.on_,
.punbb .usertable .isonline {display:none !important;}

.usertable .tc2 {
background-color: #2e3e4f;
color: #7b8b9c;
display: block;
position: absolute;
top: 4px;
left: 72px;
height: 30px;
z-index: 50;
padding: 0 10px 0 20px !important;
line-height: 30px;
width: auto;
}
.main .usertable .tc3 {
    display: block;
    height: auto;
width: auto;
text-align: left;
margin-left: 100px;
position: relative;
z-index: 200;
margin-bottom: 4px;
left: -30px;
top: -114px;
padding-top: 5px;
border-bottom: 1px solid #ddd;
}
#userlist legend { display: none;}


/*************************************************************
ÏÎÈÑÊ, ÈÍÔÎ, ÑÒÀÒÈÑÒÈÊÀ 
**************************************************************/


#pun-searchposts .post {margin: 20px 20px 30px 20px;}
#pun-searchposts .post h3 strong:before {content:'';}
#pun-searchposts .post h3 strong {display: none;}
#pun-searchposts .post h3 {
top: 20px;
width: 60%;
z-index: 200;
}

.info {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 24px;
color: #e63737;
text-align: center;
}
.info p {margin: 0 0 10px !important;}

#post-errors li {
font-weight: bold;
font-size: 16px;
color: #e63737;
margin: 5px 10px;
list-style: inside;
}
#post-errors li.errByGerda-3 {font-size:0;}
#post-errors li.errByGerda-3:before {font-size:16px;}

#pun-stats {text-align: left; color: #7a90a8; padding-bottom: 30px;}
#pun-stats h2 {
text-align: left;
color: #ccc;
font-size: 26px;
}
#pun-stats #onlinelist {
border-top: 5px solid #293746;
margin-top: 10px;
padding-top: 10px;
}
#pun-stats .statscon {margin-bottom: 10px}
#most_invitations {display: none;}

#administration, #most_active, #most_connected, #most_viewed_topics, #most_replied_topics,
#top-donators, #latest-donators, #pun-online .main .section {
background-color: #ddd;
border: 1px solid #ccc;
width: 1200px;
position: relative;
}
#administration, #top-donators  {margin: 60px auto 30px;}
#most_active, #most_connected, #most_viewed_topics, #most_replied_topics, #latest-donators {margin: 90px auto 30px;}

#administration .container, #most_active .container, #most_connected .container, #most_viewed_topics .container, #most_replied_topics .container,
#top-donators .container, #latest-donators .container, #pun-online .main .section .container {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}
#pun-statistic h1, #pun-online .main .section h1,
#top-donators h1, #latest-donators h1 {
position: absolute;
top: -70px;
}
#administration td, #most_active td, #most_connected td, #most_viewed_topics td, #most_replied_topics td,
#top-donators td, #latest-donators td,
#pun-online .main .section td,
#pun-respect .main .section td, #pun-positive .main .section td {
padding: 5px;
border-bottom: 1px solid #e6e6e6;
}
#messages td {padding: 8px; border-bottom: 1px solid #e6e6e6;}

#pun-statistic th, #pun-foundation th, #messages th, #pun-online .main .section th,
#pun-respect .main .section th, #pun-positive .main .section th, #filetable th {padding: 5px;}
#pun-statistic th, 
#administration tr:hover, #most_active tr:hover, #most_connected tr:hover, #most_viewed_topics tr:hover, #most_replied_topics tr:hover, 
#pun-foundation th, 
#top-donators tr:hover, #latest-donators tr:hover,
#messages th, #messages tr:hover,
#pun-respect .main .section th, #pun-positive .main .section th,
#pun-respect .main .section tr:hover, #pun-positive .main .section tr:hover, 
#pun-online .main .section th, #pun-online .main .section tr:hover {background: #e6e6e6;}
#filetable th {background-color: #e6e6e6 !important;}
#administration tr, #most_active tr, #most_connected tr, #most_viewed_topics tr, #most_replied_topics tr, 
#top-donators tr, #latest-donators tr, #pun-online .main .section tr,
#messages tr,
#pun-respect .main .section tr, #pun-positive .main .section tr {
background: transparent;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#forum-foundation .container {
width: 1200px;
position: relative;
margin: 0px auto;
}

#pun-respect td.tc2, #pun-positive td.tc2 {font-weight: bold;}
#pun-respect td.tc3, #pun-positive td.tc3 {color: #a726af;}
#pun-respect td.tc2 span, #pun-positive td.tc2 span {color: #26af33;}
#pun-respect td.tc2 i, #pun-positive td.tc2 i {font-style: normal; color: #e63737;}

#pun-statistic .tc3, #pun-online .tc3, #filetable .tc3 {text-align: center;}
#pun-online .tc3 {width: 18%;}


/*************************************************************
ËÑ Ëè÷êà
**************************************************************/
#pun-messages .formal {
background-color: transparent;
border: none;
width: 100%;
}
#pun-messages .formal .container {
left: auto;
top: auto;
border: none;
background-color: transparent;
padding: 0;
}

#pun-messages #profilenav ul {
display: inline-block;
vertical-align: top;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
text-align: center;
width: auto;
}
#pun-messages #profilenav h2 {display: none;}
#pun-messages #profilenav ul:first-child {float: left}
#pun-messages #profilenav ul:last-child {float: right}
#pun-messages #profilenav ul li {display: inline; margin: 0 10px;}
#pun-messages #profilenav ul li a {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
}
#pun-messages #profilenav ul li.isactive a {color: #e63737;}
#pun-messages #profilenav ul:last-child li.item2 a {font-size: 0;}
#pun-messages fieldset {
padding: 0;
margin: 0 auto;
width: 1200px;
position: relative;
display: block;
}

#pun-messages #OnOff_Notify {position: relative; top: -5px;}
#pun-messages input[type="checkbox"] {position: relative; top: 0;}

.main #messages .tc2 {text-align: left;}
#messages .fs-box {
background-color: #ddd;
border: 1px solid #ccc;
margin-right: 10px;
margin-bottom: 20px;
}
#messages .fs-box .container {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}

#messages tr.inew {background-color: #dfeaf2;}
#messages tr.inew td {border-bottom: 1px solid #23afc8;border-top: 1px solid #23afc8;}
#messages tr.inew:hover {background-color: #2e3e4f; color: #fff;}

#messages .tcl strong a {color: #515862}

#pun-messages .formal .post .container {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px !important;
}
#pun-messages .post {margin: 50px 20px 20px 20px;}
#pun-messages .pa-reg, #pun-messages .pa-posts, #pun-messages .post-sig, #pun-messages .pa-from {display: none;}
#pun-messages .pa-online {
top: 28px;
left: 136px;
}
#hide-1 {display: none;}
#pun-messages .post h3, #pun-messages #profile legend strong {font-weight: normal;}
#pun-messages #profile legend {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
text-align: center;
color: #1c80ac;
font-size: 30px;
margin: 20px 0 10px;
}

#pun-messages #post .container{
border: 1px solid #ccc;
background-color: #fff;
padding:10px!important;
}

#pun-login .formsubmit a {padding-left: 20px;}

#pun-messages .user-avatar, #pun-messages .pl-email {display: none !important;}
#pun-messages #profilenav ul:last-child li.item2 a:before {font-size: 22px;}
#messages .postlink .button {position: relative;top: -36px;}


/*************************************************************
ÏÐÎÔÈËÜ, ÐÅÄÀÊÒÈÐÎÂÀÍÈÅ ÏÐÎÔÈËß
**************************************************************/
#pun-profile #profilenav h2 {display: none;}
#pun-profile #profilenav {text-align: center; margin-bottom: 10px;}
#pun-profile #profilenav li.item2 a, #pun-profile #profilenav li.item6 a, #pun-profile #profilenav li.item3 a  {font-size: 0;}

#pun-profile #profilenav li.item9 {display: none !important;}

#pun-profile #profile fieldset {
border-bottom: 1px solid #ddd !important;
margin-top: 10px !important;
}
.infofield {
color: #1c80ac; 
font-style: italic;
background-color: #ededed;
display: block;
padding: 3px 5px;
margin: 4px 0;
}

.punbb img.avatardemo {
    float: none !important;
    margin: 5px;
max-width: 300px;
max-height: 300px;
min-width: 80px;
min-height: 80px;
}

#profile4 .checkfield label {position: relative; top: -10px;}

#profile4 legend:after {
    display: block;
    color: #e63737;
    font-size: 24px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
}
#profile5 legend span {display: none;}
#profile5 .infofield, #profile5 .inputfield .label {font-size: 0;}
#profile5 .inputfield .label:before {font-size: 14px;}
#profile5 .inputfield .label {position: relative;top: 10px;}
#profile5 .areafield label {opacity: 0;}
#profile5 textarea {min-height: 300px}
.parsedsig {padding: 20px !important;}
.parsedsig dd {
border-top: 5px solid #e2e2e2;
padding-top: 10px !important;
}

#profile2 p.areafield label[for="fld10"]:after {
    display: block;
    color: #e63737;
    font-size: 18px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
}
#profile2 p.areafield textarea {min-height: 150px; position: relative; top: -5px;}
#profileContainer .fs-box div {max-height: 700px !important;}
#profile2 .radiofield {
padding-bottom: 10px;
margin-top: 0 !important;
}

#pun-profile h1 {
font-size: 0;
margin: 0 auto;
width: 1200px;
position: relative;
}
#pun-profile h1 a {
font-size: 16px;
position: relative;
z-index: 200;
}
#pun-profile h1 a:hover {color: #23afc8 !important;}
.punbb #profile-right {
    width: 65%;
    padding-right: 5%;
}
.punbb #profile-left {text-align: center; position: relative;}
.punbb #profile-left #profile-name strong {
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #1c80ac;
font-size: 30px;
font-weight: normal !important;
    animation: blinkColor 0.0s linear infinite;
    -moz-animation: blinkColor 0.0s linear infinite;
    -webkit-animation: blinkColor 0.0s linear infinite;
background: none;
width: auto; height: auto;
}
#profile-left #profile-title strong {
font-size: 13px;
font-weight: normal !important;
    animation: blinkColor 0.0s linear infinite;
    -moz-animation: blinkColor 0.0s linear infinite;
    -webkit-animation: blinkColor 0.0s linear infinite;
background: none;
width: auto; height: auto;
color:inherit;
font-family: 'Ubuntu', arial, sans-serif;
text-transform: none;
}
#pun #profile-left #pa-online strong:before {font-size:16px !important}
#profile-left #pa-online #profile-name strong:before, #profile-left #profile-title strong:before {font-size: 0px;}

#profile-left #pa-online strong {
font-size: 0px !important;
display: inline-block;
    animation: blinkColor 1.0s linear infinite;
    -moz-animation: blinkColor 1.0s linear infinite;
    -webkit-animation: blinkColor 1.0s linear infinite;
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #26af33;
font-weight: bold;
}
#profile-left div {margin-top: 10px;}
#profile-left div img {
border-radius: 50%;
background-color: #fff;
min-width: 100px;
min-height: 100px;
max-width: 300px;
max-height: 300px;
margin-bottom: 10px;
border: 3px solid #f98561;
}

#profile-gifts {display: none;}

.punbb #profile-right li strong {
padding-left: 0;
}
.punbb #profile-right li {
margin-bottom: 4px;
padding: 5px;
border-bottom: 1px solid #ddd;
}
#viewprofile li span {
    font-size: 16px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
}

.punbb #profile-signature {padding: 20px 20px 10px;}
.punbb #profile-signature ul {
border-top: 5px solid #e2e2e2;
padding-top: 10px;
}

li#pa-respect strong, li#pa-positive strong {
    font-size: 18px;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-weight: normal;
}
li#pa-respect strong, li#pa-positive strong {color: #26af33;}
li#pa-fld1 strong {color: #a726af;}


#pun #viewprofile li#pa-about strong {
font-weight: normal !important;
font-style: italic;
color: #1c80ac;
}
#pun #profile-right li#pa-time-visit, 
#pun #profile-right li#pa-invites, 
#pun #profile-right li#pa-icq, 
#pun #profile-right li#pa-skype {display: none !important;}

#viewprofile #profile-right p {margin: 0; display: inline;}
#pun-profile #profilenav li a:before {font-size: 14px;}
#profile5 .infofield:before {font-size: 13px;}
#pun-profile h1 a {text-align: right;}
#pun-profile h1 a p {margin: 0;}
#profile10 fieldset {display: none;}
#profile10 .pagelink {width: auto !important;}
.files-page-select {font-size: 18px;}

#profile-right li#pa-respect span a,
#profile-right li#pa-positive span a {font-size: 0;}
#profile-right li#pa-respect span a:before,
#profile-right li#pa-positive span a:before {font-size: 16px;}

#pun-profile #viewprofile-next #profilenav {margin: 10px auto 0;}
#filetable tr:hover {background-color: #ccc;}

/*************************************************************
ÌÎÄÅÐÈÐÎÂÀÍÈÅ, ÀÄÌÈÍÊÀ
**************************************************************/

.punbb-admin #pun-adnav h2, .punbb-admin #pun-crumbs1 {display: none;}

#pun #pun-admain1 form.adcontainer {position: inherit;}
#pun-admain .adformal p.submitend {
position: fixed;
bottom: 50px;
left: 20px;
}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding: 0 !important;}

.punbb-admin .adformal h2 {
color: #1c80ac;
font-size: 30px !important;
font-weight: normal !important;
text-align: left;
background-color: transparent;
border: none;
padding: 0 18px 10px;
}

#pun-admain .pagelink {
font-size: 32px !important;
width: auto;
margin: 0 10px;
}
#pun-admain .postlink {
    width: auto !important;
    font-size: inherit !important;
    text-align: left !important;
    margin: 10px 10px 20px;
}
#pun-admain fieldset {background-color: #eae7e7;}
#pun-admain legend {margin: 10px 0 0 11px !important;}
#pun-admain legend span {
padding: 5px 10px !important;
margin: 0 !important;
background-color: #ccc !important;
border-radius: 5px;
font-weight: bold;
color: #6f6f6f;
}

.punbb-admin #pun-title td {border: none;}
.punbb-admin #pun-title  tr:hover {background: transparent;}
.punbb-admin .adminmain {
    padding-left: 0;
    margin: 0 auto;
}
.punbb-admin #pun-adnav {
    float: inherit;
    width: 100%;
    margin-left: 0;
    display: block;
border-bottom: 1px solid #73797f;
background-color: #2e3e4f;
border-top: 1px solid #73797f;
}
.punbb-admin #pun-adnav ul {padding: 20px 0;}

.punbb-admin #pun-adnav li {display: inline-block; padding: 5px 10px;}
.punbb-admin #pun-adnav li a {
font-family: 'Bebas Neue', 'Book Antiqua';
color: #23afc8;
font-size: 20px;
}
.punbb-admin #pun-adnav li a:hover {color: #e63737;}

.punbb-admin #pun-adnav li.isactive a, .punbb-admin #pun-adnav li.isactive a:hover {color: #f98561;}

.punbb-admin #pun-adnav li.isactive ul.adsubnav {
padding: 0;
position: fixed;
left: 10px;
top: 200px;
}
.punbb-admin #pun-adnav ul.adsubnav li {display: block;}
.punbb-admin #pun-adnav .isactive ul.adsubnav a {
font-size: 15px;
font-family: 'Ubuntu', arial, sans-serif;
text-decoration: none;
background-color: #f98561;
color: #fff;
padding: 6px 10px;
border-radius: 3px;
display: block;
}
.punbb-admin #pun-adnav .isactive ul.adsubnav a:hover {background-color: #fff; color: #23afc8;}

#pun-admain .linksb,
.punbb-admin .adformal{
max-width: 1200px; margin: 20px auto 0 !important;
}

.punbb-admin .adcontainer {
border: none;
max-width: 1200px;
margin: 0 auto !important;
}

.forum .tcmod {
position: absolute;
z-index: 1000;
right: 0;
top: 0;
background-color: #f4f4f4;
}

.punbb-admin #pun-navlinks #navindex, .punbb-admin #pun-navlinks #navprofile, .punbb-admin #pun-navlinks #navpm, .punbb-admin #pun-navlinks #navlogout {display: inline-block !important;}

.punbb-admin textarea {min-height: 300px;}

.punbb-admin tr {
background: transparent;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.punbb-admin tr:hover {background: #e6e6e6;}
.punbb-admin td {padding: 5px; border-bottom: 1px solid #e6e6e6;}

 .punbb-admin input[name^="apply"]:checked {
        outline: 2px solid red;
    }
    /* Ñ÷¸ò÷èê ôàéëîâ */
    #filetable tbody {counter-reset: section  !important;} 
    #filetable tbody td.tcl:before {
        counter-increment: section !important; 
        content: counter(section, decimal) ". "  !important; 
       }
    /* Âûäåëåíèå ñòðîê ñ ôàéëàìè ïî-òèïó */
    #filetable tr[id$="js"] {
        background:#ebffd3;
    }
    #filetable tr[id$="css"] {
        background: #fbffcd;
    }
#filetable tr[id$="js"]:hover, #filetable tr[id$="css"]:hover {background: #e6e6e6;}


.punbb-admin #form-buttons td {
display: table-cell !important;
background-image: url('/i/form_buttons.3.png');
padding: 0 !important;
}
.punbb-admin #form-buttons tr {margin: 10px;}

#pun-modviewforum .bracket, #pun-modviewforum .ellipsis {display:none;}

#pun-modviewforum .forum thead {display: block;}
#pun-modviewforum .forum th.tc2,
#pun-modviewforum .forum th.tc3,
#pun-modviewforum .forum th.tcr {display: none;}
#pun-modviewforum .forum th.tcl {text-align: right; font-size: 0; padding-right: 35px; width: calc(100% - 35px);}
#pun-modviewforum .forum th.tcl:before {content:'Âûäåëèòü âñå òåìû:'; font-size: 14px;}

.modmenu #CheckAll {margin-left:0.7em!important}
#pun-multimove .modmenu span {display: inline;font-weight: bold;}
#pun-multimove .modmenu input.button {display: block; margin-top: 10px;}
#pun-multimove .modmenu strong {display: none;}


/* ïåðåíîñ ñîîáùåíèé */
.punbb .pun-modal .modal-bg {background: rgba(255,255,255,0.8);z-index: 1000;}
.punbb .pun-modal .modal-inner {
z-index: 1000;
background-color: #ddd;
border: 1px solid #ccc;
box-shadow: 0 0 0px transparent;
-webkit-box-shadow: 0 0 0px transparent;
-moz-box-shadow: 0 0 0px transparent;
-khtml-box-shadow: 0 0 0px transparent;
margin: 0.5% auto 0;
}
.punbb .pun-modal .modal-inner .container {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
}

#movePostsTable.formal {
background: none;
border: none;
width: auto;
overflow: hidden;
margin: 10px auto 20px;
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 18px;
}

#movePostsTable.formal form.container fieldset {
margin-right: 3.8em;
}

#movePostsTable.formal select, #movePostsTable.formal input {
font-family: 'Bebas Neue', 'Book Antiqua';
}

#movePostsTable #PMove_2 .Select_Topics table.container {
font-family: 'Ubuntu', arial, sans-serif;
}

#movePostsTable td {
border-bottom: 1px solid #cacaca !important;
padding: 5px 10px;
box-sizing: border-box;
}

#movePostsTable .tc2 {
width: 25%;
text-align: center;
}


/*ñêðûòü ó þçåðà*/
#pun-profile #profilenav li.item14,
#pun-profile #profilenav li.item8,
#BookmCntToggle, .post .bookmark.ncnfrm,
#pun-searchposts .post.anketa,
.moderator-ann {display: none !important;}

/* ñêðûòü ó ãîñòÿ */
.isguest #bottomnewlinks {display: none !important;}

 /*îòêðûòü ó àäìèíà*/ 
#pun.ismoderator #pun-profile:not(.view) #profilenav li.item14,
#pun.ismoderator #pun-profile:not(.view) #profilenav li.item8 {display: inline-block !important;}
#pun.ismoderator #BookmCntToggle, #pun.ismoderator .post .bookmark.ncnfrm,
#pun.gid6 #BookmCntToggle {display: block !important;}

#pun.ismoderator .moderator-ann {display: block !important;}

/*Ïðàâêà Èêîíêè(Ëóïà)- Ïîèñê ïî íèêó â òåìå*/
@media screen and (min-width: 541px) {
#pun-viewtopic li.pa-author {position: absolute;   margin-top:-24px;   left:0;   display:inline-block;}
#pun-viewtopic .pa-author a {position: relative;}
#tuser { display: inline-block;  position: static;  float: right;  margin-right: -40px;  margin-top: -78px;  font-size: 22px;}
}
@media screen and (max-width: 800px) {
#pun-viewtopic .pa-author a {margin-left:6px;}
#tuser {margin-right: -48px;}
}
@media screen and (max-width: 541px) {
li.pa-respect {margin-left: 33px;}
.online li.pa-respect {margin-left: 0px;}
}

/*Ñêðûòèå Ïðîôèëÿ ïîä Ðîëåâûì êóðüåðîì!*/
#pun.gid14 #pun-profile .container.crumbs,
#pun.gid14 #pun-profile #pun-main{
   display:none;
}


/* Ôëàæîê + çíà÷îê */

.punbb .pa-author .flag-i {
position: absolute;
top: -19px;
z-index: 250;
left: -49px;
margin: 0 !important;
border: 3px solid #23afc8;
border-radius: 2px;
cursor: help;
}

.vertprof .pa-fld4 .fld-name,
.pa-fld4 .fld-name, #pa-fld4 span {display:none !important;}
.punbb .pa-fld4 {padding: 0 2px;}
.pa-fld4 {
background: #23afc8;
position: absolute;
left: -46px;
z-index: 999;
color: #fff;
margin: 0;
top: 2px;
border-radius: 2px;
font-size: 12px;
cursor: help;
}

.punbb .post[data-group-id="1"] .pa-author .flag-i {border: 3px solid #e63737;}
.punbb .post[data-group-id="2"] .pa-author .flag-i {border: 3px solid #26af33;}
.punbb .post[data-group-id="12"] .pa-author .flag-i {border: 3px solid #f98561;}
.punbb .post[data-group-id="6"] .pa-author .flag-i {border: 3px solid #f7941d;}
.punbb .post[data-group-id="3"] .pa-author .flag-i {border: 3px solid  #5b5b5b;}

.post[data-group-id="1"] .pa-fld4 div,
.post[data-group-id="1"] .pa-fld4 {background: #e63737;}
.post[data-group-id="2"] .pa-fld4 div,
.post[data-group-id="2"] .pa-fld4 {background: #26af33;}
.post[data-group-id="12"] .pa-fld4 div,
.post[data-group-id="12"] .pa-fld4 {background: #f98561;}
.post[data-group-id="6"] .pa-fld4 div,
.post[data-group-id="6"] .pa-fld4 {background: #f7941d;}

@media screen and (max-width: 740px) {
.post-author .pa-author .flag-i {top: -44px; left: 31px;}
.post-author .pa-fld4 {top: 42px; left: 13px;}
}
@media screen and (max-width: 547px) {
.post .post-author .pa-author .flag-i {top: -44px; left: -20px;}
.post .post-author .pa-fld4 {top: 12px; left: -20px; display: block !important;}
}

.punbb #profile-right #pa-fld4 strong {padding: 0 3px;}
.vertprof .pa-fld4 div,
#pa-fld4 strong {
background: #e63737;
color: #fff;
border-radius: 3px;
font-size: 0px;
font-family: 'Bebas Neue', 'Book Antiqua';
display: inline-block;
font-weight: normal;
}
.vertprof .pa-fld4 div:before,
#pa-fld4 strong:before {font-size: 18px; content: 'Ïðîâåðåííûé ñïåöèàëèñò';}

.vertprof .post-author ul li.pa-fld4 {
  position: unset;
  padding: 0 !important;
  margin: 5px auto 0;
  text-align: center;
}