/*************************************************************
ПЕРЕКЛЮЧЕНИЕ ЯЗЫКА
**************************************************************/
#langChange {
cursor: pointer;
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 22px;
text-align: center;
padding: 7px 0 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.dark #langChange {border-top: 1px solid #515151; border-bottom: 1px solid #515151;}
#langChange .material-icons {font-size: 22px; 
padding-right: 4px;
position: relative;
top: 3px;}
#langChange span b {color: #26af33}
#langChange:hover a {color: #e63737;}

/* русский интерфейс */
.ru .category-27,
.ru .category-28, 
.ru .category-29,
.ru .category-30, 
.ru .category-31 {display: none !important;}
.ru .eng, .ru #eng {display: none !important;}


/* английский интерфейс */
.en .category-15, 
.en .category-4, 
.en .category-13, 
.en .category-11, 
.en .category-22, 
.en .category-5 {display: none !important;}

.en .rus, .en #rus,
.en #pun-navlinks li#navextra3,
.en #robot, .en #navigator,
.en #profile3 .infofield,
.en .pa-fld1, .en .pa-fld2 {display: none !important;}


.en #profile3 .inputfield label[for="social5"],
.en #profile3 .inputfield label[for="social3"],
.en .pa-links .social-portfolio a {font-size: 0;}
.en #profile3 .inputfield label[for="social5"]:after,
.en #profile3 .inputfield label[for="social3"]:after {font-size: 14px;}
.en .pa-links .social-portfolio a:after {font-size: 18px;}
.en #profile3 .inputfield label[for="social5"]:after {content: 'Social network';}
.en #profile3 .inputfield label[for="social5"]:after, .en .pa-links .social-portfolio a:after {content: 'Portfolio';}

.en .main .category .tcr:before {content: 'Last post:'}
.en #pun-searchtopics .forum .tc2:before {content: 'Section: '} 
.en .closedatafield:before {content: 'closed topic';}
.en .stickytext:before {content: 'sticky topic';}
.en .polltext:before {content: 'poll';}
.en #pun-navlinks #navpm a span:after {content: 'PM';}
.en .crumbs:before {content: 'You are here ';}
.en .main .category .tc2:before {content:'Topics: ';}
.en .main .category .tc3:before {content:'Posts: ';}
.en .category .icon[data-new-topics]:after, .forum .icon-new:after {content:'New';}
.en .topicpost.firstpost:after {content: 'Sticky post!';}
.en .pa-online:before {content:'Online';}
.en #profile-left #pa-online strong:before {content: 'Online';}
.en .post-links .pl-quote a:before {content: 'Answer';}
.en .usertable td.relation:before {content: 'Reputation: ';}
.en #profile-right li#pa-respect span a:before {content: 'Reputation';}
.en #profile-right li#pa-positive span a:before {content: 'Likes';}
.en .usertable td:nth-child(4):before {content: 'Posts: ';}
.en .usertable td:nth-child(5):before {content: 'Registered: '; }
.en .usertable td:last-child:before {content: 'Last visit: ';}
.en #pun-messages #profilenav ul:last-child li.item2 a:before {content: 'Unread';}
.en #pun-profile #profilenav li.item2 a:before {content: 'About me';}
.en #pun-profile #profilenav li.item6 a:before {content: 'Settings';}
.en #pun-profile #profilenav li.item3 a:before {content: 'Messaging';}
.en #profile5 legend:before {content: 'Rules for signature';}
.en #profile5 .inputfield .label:before {content: 'Preview of signature:';}
.en #profile5 .infofield:before {content: 'The maximum height of images is 42px, if the image is larger, it shrinks automatically. External and internal links and banners are allowed in the signature. But we strongly recommend not to turn it into a bulletin board. The signature is displayed when viewing your profile and under each message.';}
.en #profile2 p.areafield label[for="fld10"]:after {content: 'Line wrapping (Enter) is disabled in this field';}
.en #profile4 legend:after {content: 'Attention! For correct display, upload SQUARE photos!';}
.en #register .infofield.mesByGerda-2:before {content: 'The name must be at least 2 characters and no more than 25 characters. The following characters are allowed:  _   -   &   (   )   [  ] ';}
.en #post-errors li.errByGerda-3:before {content:'To combat spambots, guests are not allowed to post links. To leave links in a message, remove these characters from links:   http://   https://   www.';}
.en .crumbs a[href="https://forumd.ru/"]:before , .crumbs a[href="https://forumdes.mybb.ru/"]:before {content:'Home page'}
.en #pa-fld4 strong:before {font-size: 18px; content: 'Verified specialist';}



/*************************************************************
ТЕМНАЯ ТЕМА
**************************************************************/

@media (prefers-color-scheme: no-preference) {
:root{
--bg: #f4f4f4;
}
}
@media (prefers-color-scheme: light) {
:root{
--bg: #f4f4f4;
}
}
@media (prefers-color-scheme: dark) {
:root{
--bg: #282828;
}
}
body.redirect-page {background: var(--bg);}



.dark .punbb .inline .infofield, .dark .infofield,
.dark .forum tr.inew .newtext a, .dark .forum tr.inew .newtext a:hover,
.dark #rotator .userinner .nik,
.dark #otz .userinner .user .nik, .dark #otz .userinner:before, .dark #otz .userinner:after {color: #ff865f;}

.dark h1, .dark h2, .dark .prodiv h3, .dark .online-list table {color: #b7b7b7;}

.dark .lastedit {color: #595959;}

.dark .postlink a, .dark .subscribelink a,
.dark .postlink a:hover, .dark .subscribelink a:hover,
.dark .pl-website a, .dark .pl-website a:hover, .dark .pl-website a:focus, .dark .pl-website a:active,
.dark .pa-author a:hover, .dark .pa-author a:focus, .dark .pa-author a:active,
.dark .stenalink, .dark .stenalink:hover,
.dark .superlink a, .dark .superlink a:hover {color: #fff;}

.dark .category .desc, .dark .post, .dark .formal, .dark .userouter,
.dark #pun-respect .main .section, .dark #pun-positive .main .section, .dark .usertable tr,
.dark #administration, .dark #most_active, .dark #most_connected, .dark #most_viewed_topics, .dark #most_replied_topics,
.dark #top-donators, .dark #latest-donators, .dark #pun-online .main .section,
.dark #messages .fs-box, .dark .editBookmark,
.dark .punbb .pun-modal .modal-inner, .dark #piar_reply_emulator {background-color: #383838; border: 1px solid #484848;}

.dark .tooltipsy, .dark .post-content #port-gal1 .p-inner {background-color: #383838 !important; border: 1px solid #484848 !important;}

.dark .category .desc .inner, .dark .post .container, .dark .formal .container, .dark .userinner,
.dark #pun-respect .main .section .container, .dark #pun-positive .main .section .container,
.dark #administration .container, .dark #most_active .container, .dark #most_connected .container, .dark #most_invitations .container, 
.dark #most_viewed_topics .container, .dark #most_replied_topics .container, .dark #top-donators .container, .dark #latest-donators .container, .dark #pun-online .main .section .container, 
.dark #messages .fs-box .container, .dark #pun-messages .formal .post .container,
.dark .punbb .pun-modal .modal-inner .container,  .dark #pun-messages #post .container, .dark #piar_reply_emulator form {border: 1px solid #464646; background-color: #2f2f2f;}
.dark .main .usertable .tcl {border: 1px solid #464646 !important; background-color: #2f2f2f;}


.dark .post-author, .dark .punbb #profile-right li, .dark .main .usertable .tc3,
.dark #administration td, .dark #most_active td, .dark #most_connected td, .dark #most_invitations td, .dark #most_viewed_topics td, 
.dark #most_replied_topics td, .dark #top-donators td, .dark #latest-donators td, .dark #messages td, .dark #pun-online .main .section td,
.dark #pun-respect .main .section td, .dark #pun-positive .main .section td, .dark #filetable td {border-bottom: 1px solid #464646;}

.dark #pun-statistic th, .dark #administration tr:hover, .dark #most_active tr:hover, .dark #most_connected tr:hover, .dark #most_invitations tr:hover, 
.dark #most_viewed_topics tr:hover, .dark #most_replied_topics tr:hover, .dark #pun-foundation th, .dark #top-donators tr:hover, .dark #latest-donators tr:hover,
.dark #messages th, .dark #messages tr:hover, .dark #pun-respect .main .section th, .dark #pun-positive .main .section th, 
.dark #pun-respect .main .section tr:hover, .dark #pun-positive .main .section tr:hover, 
.dark #pun-online .main .section th, .dark #pun-online .main .section  tr:hover, .dark #filetable tr:hover {background: #464646;}
.dark #filetable th {background-color: #464646 !important;}

.dark .punbb #profile-signature ul, .dark .stena, .dark .parsedsig dd {border-top: 5px solid #383838;}

.dark .modmenu strong, .dark .forum tr, .dark .category tr {border-bottom: 5px solid #383838;}

.dark #movePostsTable td {border-bottom: 1px solid #535353 !important;}

body.dark {background-color: #282828 !important;color: #b7b7b7;}
body.dark a, .dark .category h3 a, .dark .forum .tcl a {color: #4eafc1;}
body.dark a:hover, body.dark a:focus, body.dark a:active {color: #f98561;}
.dark #pun-announcement .bot-hr {background: #383838;}
.dark .da-slider {border-bottom: 1px solid #535353;}
.dark #pun-navlinks {background-color: #393939;}
.dark #pun-navlinks li span, .dark #pun-profile #profilenav li a {background-color: #393939;border-bottom: 12px solid #393939; color: #c6c6c6;}
.dark #pun-title #title-logo-tdl {background-image: url(/files/0007/e3/f7/80316.jpg);}
.dark #usertop .ava, .dark #profile-left div img {background-color: #393939;}
.dark #usertop .ava {border-color: #f98561;}
.dark .category h3 {border-bottom: 3px solid #535353; background-color: #282828;}
.dark .main .category .tcr {background-color: #424242;}
.dark .punbb .category h3:hover {background-color: #383838;}
.dark textarea, .dark input, .dark select, .dark #pun-viewtopic #sTheme, .dark textarea, .dark input, .dark select, .dark #pun-viewtopic #sTheme, .dark .questionary-post textarea, .dark .questionary-post input, .dark .questionary-post select {background-color: #282828; border: 1px solid #737373; color: #b7b7b7;}
.dark select optgroup, .dark select > option, .dark #og_1, .dark #og_2 {background-color: #232428;color: #b7b7b7;}
.dark select option, .dark #og_1 option, .dark #og_2 option {color: #4eafc1; background-color: #424242;}
.dark textarea:hover, .dark input:hover, .dark select:hover, .dark .questionary-post input:hover, .dark .questionary-post select:hover, .dark .questionary-post textarea:hover {border: 1px solid rgba(227,71,64,0.5); background-color: rgba(226,71,64,0.1); color: rgb(227, 71, 64);}
.dark #html-footer {background: #131313 url(/files/001a/11/44/78700.jpg) no-repeat top center; padding-top: 36px;}
.dark #html-footer, .dark #pun-stats {color: #626262;}
.dark #pun-stats #onlinelist {border-top: 5px solid #1c1c1c;}
.dark #html-footer #guest-not {background-color: #393939;}
.dark #usertop img {border: 2px solid #f98561;}
.dark .topic .post-sig {border-top: 1px dashed #535353; color: #535353;}

.dark .forum .tcl a {border-bottom: 3px solid #535353; background-color: #282828;}
.dark .forum .tcl:hover a {background-color: #383838; color: #fff;}

.dark .forum tr.inew .topicinfo, .dark .forum.pic-topics .newtext {background-color: #38444a !important;}
.dark .forum .topicinfo {background-color: #424242 !important;}

.dark #pun-viewforum h1, .dark #pun-viewtopic h1, .dark #pun-userlist h1, 
.dark #pun-searchtopics h1, .dark #pun-searchposts h1 {background: url(/files/001a/11/44/28328.jpg) repeat-x bottom center;}
.dark .linksb {background: #383838 url(/files/001a/11/44/28328.jpg) repeat-x top center;}
.dark .linkst, .dark .linksb:after {background: #383838 url(/files/001a/11/44/56869.jpg) repeat-x bottom center;}
.dark .pagelink {color: #646464;}
.dark .pagelink strong {color: #393939; background-color: #646464;}
.dark .pagelink a, .dark .post-rating a,
.dark .post-rating a:hover, .dark .post-rating a:focus, .dark .post-rating a:active {color: #fff; background-color: #f98561;}
.dark .pagelink a:hover, .dark .pagelink a:focus, .dark .pagelink a:active {color: #f98561; background-color: #282828;}
.dark .post-links {border-top: 1px solid #464646;}
.dark .topicpost.firstpost .container {background: #332a2a;}
.dark .pa-author a {color: #fff;}
.dark .pa-fld2 a {color: #26af33;}
.dark .pa-title, .dark .usertable .tc2 {background-color: #1e1e1e; color: #7b8b9c;}
.dark .quote-box {border: 1px solid #885f2e; background-color: rgba(117, 94, 65, 0.2);}
.dark .code-box .legend a {color: #83e88c; background-color: rgba(33, 98, 39, 0.3);}
.dark .code-box {border: 1px solid #37793e; background-color: rgba(33, 98, 39, 0.2);}
.dark .code-box .legend a:hover, .code-box .legend a:focus, .dark .code-box .legend a:active {color: #fff; background-color: rgba(33, 98, 39,0.6);}
.dark .punbb .post-content .spoiler-box {border: 1px solid #216a7b; background-color: rgba(38, 169, 175,0.1);}
.dark .punbb .post-content .spoiler-box > div, .dark .punbb .post-content .spoiler-box > div.visible {color: #b7b7b7;}
.dark .punbb .post-content .spoiler-box > div {background-color: rgba(38, 169, 175, 0.3);}
.dark .punbb .post-content .spoiler-box > div:hover {background-color: rgba(38, 169, 175,0.8); color: #fff;}
.dark .post-content .spoiler-box > div.visible {background-color: rgba(38, 169, 175,0.8);}
.dark textarea:focus, .dark textarea:active, .dark input:focus, .dark input:active, .dark select:focus, .dark select:active {border: 1px solid #23afc8; background-color: rgba(35,175,200,0.1); color: #fff;}
.dark .punbb #form-buttons td {background-color: #484848 !important;}
.dark .punbb #form-buttons td:hover {background-color: #1e1e1e !important;}
.dark .punbb #form-buttons td span {color: #4eafc1 !important;}
.dark .punbb #form-buttons td:hover span {color: #e63737 !important;}
.dark .punbb .post-content .highlight-text {background-color: #535353; color: #d7d7d7;}

.dark #post-preview .fs-box {border-top: 1px solid #464646;}
.dark #post-preview {border-bottom: 5px solid #464646 !important;}
.dark .infofield {background-color: #444;}
.dark #pun-profile #profile fieldset {border-bottom: 1px solid #464646 !important;}
.dark #profile2 p.areafield label[for="fld10"]:after {color: #e64b4b;}

.dark #pun-pages #title {border-bottom: 1px solid #4f4f4f; background-color: #282828;}
.dark #prosait, .dark #port-menu {background: #2f2f2f url(/files/001a/11/44/26755.jpg) no-repeat top center;}
.dark #directions, .dark #port-filter {background: url(/files/001a/11/44/94906.jpg) no-repeat top center;}
.dark #directions .botbg, .dark #port-filter .botbg {background: #424242 url(/files/001a/11/44/43685.jpg) no-repeat bottom center;}
.dark #cont-links {background: #535353 url(/files/001a/11/44/31502.jpg) no-repeat bottom center;}
.dark #buttons {background: #535353 url(/files/001a/11/44/72754.jpg) no-repeat bottom center;}
.dark #pun-pages #html-footer {background: #131313;}
.dark #line {color: #92a0a0; border-bottom: 3px solid #535353;}
.dark #line:hover, .dark #line:active, .dark #line:focus {color: #fff;background-color: #383838;}
.dark .prodiv #norm, .dark .prodiv img {background-color: #373737;}
.dark .prodiv #hov {background-color: #242424;}

.dark #otz {background: #2f2f2f url(/files/001a/11/44/99748.jpg) no-repeat bottom center;}
.dark #conttext {background: url(/files/001a/11/44/57534.jpg) no-repeat bottom center;}
.dark #pun-pages .main hr {margin: 0px;border: 3px solid #282828;}
.dark .punbb .post-content hr {border: 3px solid #282828;}

.dark .forum tr.inew .newtext a {background-image: url(/files/001a/11/44/80961.png);}
.dark .forum tr.inew .topicinfo
.dark .forum tr.inew.isticky .topicinfo {background-color: #533a3a !important;}
.dark .forum tr.poll.inew .topicinfo  {background-color: #314633 !important;}
.dark #otz .userinner .user img {background: #2f2f2f; border: 3px solid #595959;}
.dark #pun-messages #profilenav ul {background-color: #2f2f2f;border: 1px solid #595959;}

.dark #navigator .container {background-color: #2f2f2f;}
.dark #navigator .cont {background-color: #424242;}
.dark .no-robo, .dark .no-robo2 {background-color: #000;}
.dark .advise {background-color: #4a4a4a;}
.dark .advise:before {border-right-color: #4a4a4a;}

.dark #ann {background-color: #202020; color: #f98561;}
.dark #freecat {background: #424242; color: #ff865f;}

.dark .punbb #poll-special td {border-bottom: 2px solid #383838;}
.dark #poll-special tr:hover, .dark .pa-avatar img {background-color: #202020;}
.dark #pun-announcement #menu a:hover, .dark #pun-announcement #menu a:active, .dark #pun-announcement #menu a:focus {background-color: #393939;}
.dark #pun-messages #pun-navlinks li#navpm span.num_msg, .dark #pun-navlinks li .num_msg {background-color: red; border-bottom: none;}
.dark #messages tr.inew {background-color: #202020;}

.dark .gift .descr {background-color: #464646;}
.dark .gift .descr:hover p:before {border-bottom: 10px solid #131313;}
.dark .gift:after {border-top: 60px solid #383838;}
.dark .gift {background-color: #383838;}
.dark .award {background-color: #1a1a1a;}
.dark .award:after {border-top: 60px solid #1a1a1a;}
.dark .award .descr {background-color: #282828;}
.dark .award .pic img, .dark .gift .pic img {background-color: #000;}

.dark .post-content span[style="color: #2e3e4f"] {color: #496379 !important;}
.dark .post-content span[style="color: #2d343a"] {color: #496379 !important;}

.dark .punbb .pun-modal .modal-bg,
.dark .lightbox {background: rgba(0,0,0,0.8) !important;}

.dark #forum_f33.forum .newtext, .dark #forum_f97.forum .newtext, .dark #forum_f144.forum .newtext {background: #464646;}


/*************************************************************
ВЕРТИКАЛЬНЫЙ ПРОФИЛЬ
**************************************************************/
.vertprof .post {margin: 50px 20px 0px 20px;}
.vertprof .post-body {
width: calc(100% - 230px);
display: inline-block;
margin-left: 10px;
}
.vertprof .post-links {margin: 10px 20px 0px 230px;}
.vertprof .post-author {
  border: none !important;
  margin: 0;
  float: left;
}
.vertprof .post-author ul {
margin: 0;
padding: 5px;
display: block;
width: 209px;
position: relative;
top: -10px;
left: -10px;
background: #eaeaea;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.vertprof .post-author .pa-links ul {
padding: 0;
width: 100%;
top: auto;
left: auto;
background: transparent !important;
position: inherit;
border: none !important;
}
.vertprof .post-author ul li {display: block;width: calc(100% - 10px); padding: 0px 5px !important;height: auto;}
.vertprof #pun-viewtopic li.pa-author {
  position: relative;
  margin: 0;
  }
.vertprof .pa-author a {left: 0; position: inherit !important; top: 0;width: 100%; text-align: center; padding: 0;}
.vertprof .pa-title {
position: relative;
top: 0;
left: 0;
text-align: center;
}
.vertprof .pa-avatar {
position: relative;
left: 0;
top: 0;
text-align: center;
margin: 5px 0;
}
.vertprof .pa-avatar img {width: auto;
height: auto;max-width: 180px;
max-height: 180px;}
.vertprof .punbb .pa-author .flag-i {
top: 80px;
left: 40px;
width: 30px;
height: 20px;
border: 1px solid #fff;
}

.vertprof .topic .post[data-group-id="3"] .post-author.no-avatar .pa-avatar,
.vertprof #pun-messages .post-author.no-avatar .pa-avatar {margin: 5px auto; display: block; height: 85px;}

.vertprof .pa-online:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;}

.vertprof .post-author ul li.pa-online {
  position: absolute;
  top: 5px !important;
  z-index: 300;
  width: auto;
  padding: 0 !important;
  margin: 0 !important;
  left: 10px !important;
}

.vertprof .fld-name {
display: inline !important;
color: #515862;
font-size: 14px;
font-weight: normal;
font-family: 'Bebas Neue', 'Book Antiqua';
}
.vertprof .pa-respect a:before, .vertprof .pa-fld1:before {content:''}
.vertprof .pa-author .fld-name{
font-weight: normal;
font-family: inherit;
font-size: inherit;
}
.vertprof .pa-respect .fld-name a {
width: auto;
display: inline;
height: auto;
position: relative;color: #0080b7;
}
.vertprof .pa-respect .fld-name a:hover {color: #e63737}
.vertprof li.pa-fld1 {font-weight: normal;}
.vertprof .post-author ul li {margin-bottom: 0px;}
.vertprof .post-author li.pa-ua {text-align: center;
margin: 8px 0 10px !important;}
.vertprof .pa-links ul li {margin: 2px 4px !important;padding: 0 !important;}

.vertprof.dark .post-author ul {background: #282828;
border-bottom: 1px solid #1e1e1e;
border-right: 1px solid #1e1e1e;}

.vertprof #razv button {top: -14px; right: 2px;}
.vertprof #tuser {
float: none;
position: absolute;
margin: 0;
z-index: 300;
left: 0px;
color: #fff;
}


/*************************************************************
ИКОНКИ ФОРУМОВ, ПОДФОРУМОВ И ТОПИКОВ
**************************************************************/

/*САЙТ*/
#line .icon {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
}


/* голубой (дефолт) */
#line .icon #my-ic{color: #00a1e4;}
#line .filler {background-color: #00a1e4;}


/*#line.game .filler {background-color: #f98561;} */

/* красный */
#line.f-saled .filler, 
#line.web .filler {background-color: #e63737;}
#line.f-saled .icon #my-ic, 
#line.web .icon #my-ic {color: #e63737;}

/* зеленый */
#line.flat .filler, 
#line.f-free .filler {background-color: #26af33;}
#line.flat .icon #my-ic, 
#line.f-free .icon #my-ic {color: #26af33;}

/* желтый */
#line.twitch .filler, 
#line.ava .filler {background-color: #f7941d;}
#line.twitch .icon #my-ic, 
#line.ava .icon #my-ic {color: #f7941d;}

/* светло-голубой */
#line.art .filler {background-color: #29aecb;}
#line.art .icon #my-ic {color: #29aecb;}

/* синий */
#line.tech .filler, 
#line.vk .filler {background-color: #0481d9;}
#line.tech .icon #my-ic, 
#line.vk .icon #my-ic {color: #0481d9;}

/*ФОРУМ*/
.forum .icon, .category .icon {
width: 50px;
height: 50px;
position: absolute;
z-index: 100;
top: 0;
left: 2px;
display: inline-block;
text-align: center;
}
.icon .fa-solid {font-size: 42px; margin-top: 4px;}
.icon .material-icons {font-size: 46px; margin-top: 2px;}
.category .icon .fa-solid {font-size: 38px; margin-top: 6px;}

/*фикс размера иконoк*/
#forum_f123 .icon .material-icons {font-size: 50px; margin:0;}
#forum_f68 .icon .material-icons,
#forum_f97 .icon .material-icons,
#forum_f148 .icon .material-icons {font-weight: bold; font-size: 56px; margin-top: -2px; margin-left: -2px;}

/*желтый - помощь, инфа, фидбек*/
#forum_f2 .icon div,
#forum_f123 .icon div,
#forum_f90 .icon div,
#forum_f147 .icon div,
#forum_f135 .icon div,
#forum_f138 .icon div,
#forum_f126 .icon div {color: #f7941d;}
.category #forum_f2 h3:before,
.category #forum_f123 h3:before,
.category #forum_f90 h3:before,
.category #forum_f147 h3:before,
.category #forum_f135 h3:before,
.category #forum_f138 h3:before,
.category #forum_f126 h3:before {background-color: #f7941d;}

/*красный - важно или дизайны*/
#forum_f33 .icon div,
#forum_f145 .icon div,
#forum_f144 .icon div,
#forum_f45 .icon div,
#forum_f4 .icon div,
#forum_f150 .icon div,
#forum_f5 .icon div,
#forum_f137 .icon div,
#forum_f156 .icon div,
#forum_f176 .icon div {color: #e63737;}
.category #forum_f33 h3:before,
.category #forum_f145 h3:before,
.category #forum_f144 h3:before,
.category #forum_f45 h3:before,
.category #forum_f4 h3:before,
.category #forum_f150 h3:before,
.category #forum_f5 h3:before,
.category #forum_f137 h3:before,
.category #forum_f156 h3:before,
.category #forum_f176 h3:before {background-color: #e63737;}

/*зеленый - интерактив, опрос, общение*/
#forum_f22 .icon div,
#forum_f96 .icon div,
#forum_f13 .icon div,
#forum_f108 .icon div,
#forum_f151 .icon div,
#forum_f121 .icon div,
#forum_f140 .icon div,
#forum_f177 .icon div {color: #26af33;}
#forum_f22 h3:before,
.category #forum_f96 h3:before,
.category #forum_f13 h3:before,
.category #forum_f108 h3:before,
.category #forum_f151 h3:before,
.category #forum_f121 h3:before,
.category #forum_f140 h3:before,
.category #forum_f177 h3:before {background-color: #26af33;}

/*темно-голубой - скрипты, кодинг */
#forum_f75 .icon div,
#forum_f72 .icon div,
#forum_f122 .icon div,
#forum_f19 .icon div,
#forum_f141 .icon div,
#forum_f142 .icon div {color: #00a1e4;}
.category #forum_f75 h3:before,
.category #forum_f72 h3:before,
.category #forum_f122 h3:before,
.category #forum_f19 h3:before,
.category #forum_f141 h3:before,
.category #forum_f142 h3:before {background-color: #00a1e4;}

/*светло-голубой - графика, арт */
#forum_f133 .icon div,
#forum_f6 .icon div,
#forum_f149 .icon div,
#forum_f136 .icon div {color: #29aecb;}
.category #forum_f133 h3:before,
.category #forum_f6 h3:before,
.category #forum_f149 h3:before,
.category #forum_f136 h3:before {background-color: #29aecb;}

/* оранжевый - библиотека, нейтральное*/
#forum_f7 .icon div,
#forum_f1 .icon div,
#forum_f14 .icon div,
#forum_f146 .icon div,
#forum_f152 .icon div,
#forum_f139 .icon div,
#forum_f154 .icon div,
#forum_f175 .icon div,
#forum_f178 .icon div {color: #f98561;}
.category #forum_f7 h3:before,
.category #forum_f1 h3:before,
.category #forum_f14 h3:before,
.category #forum_f146 h3:before,
.category #forum_f139 h3:before,
.category #forum_f175 h3:before,
.category #forum_f178 h3:before {background-color: #f98561;}

/*синий - ролки, майбб, всякое специфическое  */
#forum_f65 .icon div,
#forum_f68 .icon div,
#forum_f97 .icon div,
#forum_f148 .icon div,
#forum_f134 .icon div,
#forum_f124 .icon div {color: #0481d9;}
.category #forum_f65 h3:before,
.category #forum_f68 h3:before,
.category #forum_f97 h3:before,
.category #forum_f148 h3:before,
.category #forum_f134 h3:before,
.category #forum_f124 h3:before {background-color: #0481d9;}

/* ТОПИКИ */
/*дефолт*/
.forum .icon #my-ic {color: #23afc8;}
.forum .tcl .acchide {background-color: #23afc8;}
.forum tr.inew .topicinfo {background-color: #c0dbe7;}
.forum tr.inew .tcl a {border-bottom: 3px solid #729db0;}
/*важные*/
.forum tr.isticky .icon #my-ic {color: #e63737;}
.forum tr.isticky .tcl .acchide {background-color: #e63737;}
/*важные + новые*/
.forum tr.inew.isticky .topicinfo {background-color: #f2d0d0;}
.forum tr.inew.isticky .tcl a {border-bottom: 3px solid #cea5a5;}
/*закрытые*/
.forum tr.iclosed .icon #my-ic {color: #4d4d4d;}
.forum tr.iclosed .tcl .acchide {background-color: #fff;}
.forum tr.iclosed .tcl:hover .icon #my-ic {color: #fff;}
/*важные+закрытые*/
.forum tr.iclosed.isticky .icon #my-ic {color: #4d4d4d;}
.forum tr.iclosed.isticky .tcl:hover .icon #my-ic {color: #fff;}
/*опросы*/
.forum tr.poll .icon #my-ic {color: #26af33;}
.forum tr.poll .tcl .acchide {background-color: #26af33;}
/*опросы + новые*/
.forum tr.poll.inew .topicinfo {background-color: #beeac2;}
.forum tr.poll.inew .tcl a {border-bottom: 3px solid #99b99c;}
/*опросы + закрытые*/
.forum tr.iclosed.poll .icon #my-ic {color: #4d4d4d;}
.forum tr.iclosed.poll .tcl:hover .icon #my-ic {color: #fff;}
.forum tr.iclosed.poll .tcl .acchide {background-color: #fff;}
/*опросы + важные*/
.forum tr.poll.isticky .icon #my-ic {color: #e63737;}
.forum tr.poll.isticky .tcl .acchide {background-color: #e63737;}

/*************************************************************
БЛОКИ В ПОСТАХ
**************************************************************/
.hidelink .quote-box.hide-box cite, 
.hidecode .quote-box.hide-box cite {display: none}

.hidecode .quote-box.hide-box .quote-box cite {display: block;}

.isguest .hidelink .quote-box.hide-box, 
.isguest .hidecode .quote-box.hide-box {text-align: center; font-weight: bold; color: #e63737;}
.isguest .hidelink .quote-box.hide-box p, 
.isguest .hidecode .quote-box.hide-box p {padding: 0;}
.isguest .hidelink .quote-box.hide-box p {font-size: 0;}
.isguest .hidelink .quote-box.hide-box p:before {font-size: 16px; content: 'Скачивать файлы могут только ЗАРЕГИСТРИРОВАННЫЕ пользователи.';}
.isuser .hidelink .quote-box.hide-box,
.isuser .hidecode .quote-box.hide-box {border: none;background-color: transparent;padding: 0;margin: 0;}

.prev .postimg {max-width: 300px !important; max-height: 300px !important}

.superlink {max-width: 400px;margin: 0 auto;}
.superlink a {
display: block;
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';
text-transform: uppercase;
padding: 0 10px;
font-weight: normal;
margin-top: 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.superlink a:hover, .superlink a:focus, .superlink a:active {text-decoration:none; background-color: #0080b7;color: #fff;}

/*************************************************************
ОСОБЫЕ ТОПИКИ, ОСОБЫЕ РАЗДЕЛЫ
**************************************************************/
/* навигатор в конкурсах и акции */
#forum-nav {text-align: center;}
#forum-nav .superlink {
display: inline-block;
margin: 0 10px;
}

/* топ дизайнеров */
#forum_f118 .tclcon h3, #forum_f118 .tcr, #forum_f118 .tc2, #forum_f118 .tc3, .category #forum_f118 .icon {display: none;}
.dark #forum_f118 #top {background-color: #424242;color: #888;}
.dark #forum_f118 #top img {background-color: #424242;}
#forum_f118 #top {
position: absolute;
min-height: 150px;
width: calc(50% - 14px);
overflow: hidden;
background-color: #ddd;
text-align: center;
text-transform: uppercase;
color: #666;
}
#forum_f118 #top h4 {padding: 6px;margin: 10px;}
#forum_f118 #top a {
display: inline-block;
margin: 0px 5px;
}
#forum_f118 #top img {
width: 75px;
height: 75px;
display: block;
border-radius: 50%;
opacity: 0.6;
background-color: #fff;
transition: opacity 0.6s;
-webkit-transition: opacity 0.6s;
}
#forum_f118 #top img:hover {opacity: 1.0;}

@media screen and (max-width: 1300px) {
.main #forum_f118 #top img {width: 65px; height: 65px;}
}

@media screen and (max-width: 1200px) {
.main #forum_f118 #top img {width: 60px; height: 60px;}
}

@media screen and (max-width: 1000px) {
.main #forum_f118 #top img {width: 55px; height: 55px;}
}

@media screen and (max-width: 1000px) {
.main #forum_f118 #top img {width: 50px; height: 50px;}
}

@media screen and (max-width: 800px) {
.main #forum_f118 #top {
width: 100%;
left: 0;
min-height: auto;
padding: 0 0 10px;}
}
@media screen and (max-width: 800px) {
#pun .main #forum_f118 div.icon {display:none !important}
}


/*************************************************************
Цветовыделение групп и аватары
**************************************************************/
/* Неактивные */
.post[data-group-id="3"] .pa-author a, 
.usertable .group .tcl .usersname a {background-color: #5b5b5b;}
.post[data-group-id="3"] .pa-author a:hover, 
.usertable .group .tcl .usersname a:hover {background-color: #404040;}
.usertable .group .user-avatar .avatar-image {border: 5px solid #5b5b5b !important;}
.usertable .group .user-avatar .avatar-image:hover {border: 5px solid #404040 !important;}

.usertable .group .user_title,
#viewprofile-next.group #profile-title strong {font-size:0;}
.usertable .group .user_title:before,
#viewprofile-next.group #profile-title strong:before {font-size: 14px; content: 'Неподтвержденный';}


/* Админы */
#onlinelist a.group1,
#topic-users-in a.group1,
#pun-online .group1 .tcl a.registered-user, 
#pun-statistic .group1 .tc-username a,
#messages .group1 .pmtc22 a  {color: #e63737;}
#onlinelist a.group1:hover,
#topic-users-in a.group1:hover,
#pun-online .group1 .tcl a.registered-user:hover, 
#pun-statistic .group1 .tc-username a:hover,
#messages .group1 .pmtc22 a:hover {color: #b80000;}

.post[data-group-id="1"] .pa-author a, 
.usertable .group1 .tcl .usersname a,
#profile .group1 .pa-author a {background-color: #e63737;}
.post[data-group-id="1"] .pa-author a:hover, 
.usertable .group1 .tcl .usersname a:hover,
#profile .group1 .pa-author a:hover {background-color: #b80000;}

.post[data-group-id="1"] .pa-avatar img, 
.usertable .group1 .user-avatar .avatar-image,
#profile .group1 .pa-avatar img {border: 5px solid #e63737 !important;}
.post[data-group-id="1"] .pa-avatar img:hover, 
.usertable .group1 .user-avatar .avatar-image:hover,
#profile .group1 .pa-avatar img:hover {border: 5px solid #b80000 !important;}

.post-content a[data-group-id="1"] {color: #e63737;}
.post-content a[data-group-id="1"]:hover {color: #b80000;}


/* Модеры  */
#onlinelist a.group2,
#topic-users-in a.group2,
#pun-online .group2 .tcl a.registered-user, 
#pun-statistic .group2 .tc-username a,
#messages .group2 .pmtc22 a,
.post-content a[data-group-id="2"] {color: #26af33;}
#onlinelist a.group2:hover,
#topic-users-in a.group2:hover,
#pun-online .group2 .tcl a.registered-user:hover, 
#pun-statistic .group2 .tc-username a:hover,
#messages .group2 .pmtc22 a:hover,
.post-content a[data-group-id="2"]:hover {color: #028f0f;}

.post[data-group-id="2"] .pa-author a, 
.usertable .group2 .tcl .usersname a,
#profile .group2 .pa-author a {background-color: #26af33;}
.post[data-group-id="2"] .pa-author a:hover, 
.usertable .group2 .tcl .usersname a:hover,
#profile .group2 .pa-author a:hover {background-color: #028f0f;}

.post[data-group-id="2"] .pa-avatar img, 
.usertable .group2 .user-avatar .avatar-image,
#profile .group2 .pa-avatar img {border: 5px solid #26af33 !important;}
.post[data-group-id="2"] .pa-avatar img:hover, 
.usertable .group2 .user-avatar .avatar-image:hover,
#profile .group2 .pa-avatar img:hover {border: 5px solid #028f0f !important;}

 
/* Мастера */
#onlinelist a.group12,
#topic-users-in a.group12,
#pun-online .group12 .tcl a.registered-user, 
#pun-statistic .group12 .tc-username a,
#messages .group12 .pmtc22 a,
.post-content a[data-group-id="12"]  {color: #f98561;}

#onlinelist a.group12:hover,
#topic-users-in a.group12:hover,
#pun-online .group12 .tcl a.registered-user:hover, 
#pun-statistic .group12 .tc-username a:hover,
#messages .group12 .pmtc22 a:hover,
.post-content a[data-group-id="12"]:hover  {color: #e63737;}

.post[data-group-id="12"] .pa-author a, 
.usertable .group12 .tcl .usersname a,
#profile .group12 .pa-author a {background-color: #f98561;}


.post[data-group-id="12"] .pa-author a:hover, 
.usertable .group12 .tcl .usersname a:hover,
#profile .group12 .pa-author a:hover {background-color: #e63737;}

.post[data-group-id="12"] .pa-avatar img, 
.usertable .group12 .user-avatar .avatar-image,
#profile .group12 .pa-avatar img  {border: 5px solid #f98561 !important;}

.post[data-group-id="12"] .pa-avatar img:hover, 
.usertable .group12 .user-avatar .avatar-image:hover,
#profile .group12 .pa-avatar img:hover {border: 5px solid #e63737 !important;}


/* VIP */
#onlinelist a.group6,
#topic-users-in a.group6,
#pun-online .group6 .tcl a.registered-user, 
#pun-statistic .group6 .tc-username a,
#messages .group6 .pmtc22 a,
.post-content a[data-group-id="6"]   {color: #f7941d;}

#onlinelist a.group6:hover,
#topic-users-in a.group12:hover,
#pun-online .group6 .tcl a.registered-user:hover, 
#pun-statistic .group6 .tc-username a:hover,
#messages .group6 .pmtc22 a:hover,
.post-content a[data-group-id="6"]:hover  {color: #e36120;}

.post[data-group-id="6"] .pa-author a, 
.usertable .group6 .tcl .usersname a,
#profile .group6 .pa-author a {background-color: #f7941d;}
.post[data-group-id="6"] .pa-author a:hover, 
.usertable .group6 .tcl .usersname a:hover,
#profile .group6 .pa-author a:hover {background-color: #e36120;}

.post[data-group-id="6"] .pa-avatar img, 
.usertable .group6 .user-avatar .avatar-image,
#profile .group6 .pa-avatar img {border: 5px solid #f7941d !important;}
.post[data-group-id="6"] .pa-avatar img:hover, 
.usertable .group6 .user-avatar .avatar-image:hover,
#profile .group6 .pa-avatar img:hover {border: 5px solid #e36120 !important;}


/* Аватары */
#pun-messages .post-author.no-avatar .pa-avatar,
.post-author.no-avatar .pa-avatar a,
#viewprofile-next.no-avatar #pa-avatar,
.avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/69291.jpg)!important;}

.post[data-group-id="3"] .post-author.no-avatar .pa-avatar,
.usertable .group .avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/53487.jpg)!important;}


#pun-messages .post-author.group1.no-avatar .pa-avatar,
.post[data-group-id="1"] .post-author.no-avatar .pa-avatar a,
#viewprofile-next.no-avatar.group1 #pa-avatar,
.usertable .group1 .avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/32559.jpg)!important;}

#pun-messages .post-author.group2.no-avatar .pa-avatar,
.post[data-group-id="2"] .post-author.no-avatar .pa-avatar a,
#viewprofile-next.no-avatar.group2 #pa-avatar,
.usertable .group2 .avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/91090.jpg)!important;}

#pun-messages .post-author.group6.no-avatar .pa-avatar,
.post[data-group-id="6"] .post-author.no-avatar .pa-avatar a,
#viewprofile-next.no-avatar.group6 #pa-avatar,
.usertable .group6 .avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/15100.jpg)!important;}

#pun-messages .post-author.group12.no-avatar .pa-avatar,
.post[data-group-id="12"] .post-author.no-avatar .pa-avatar a,
#viewprofile-next.no-avatar.group12 #pa-avatar,
.usertable .group12 .avatar-image[style*="default_avatar.jpg"] {background-image:url(/files/0007/e3/f7/93925.jpg)!important;}

#viewprofile-next.no-avatar #pa-avatar strong {display: none;}
#viewprofile-next.no-avatar #pa-avatar {
display: block;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100px;
height: 100px;
margin: 10px auto;
}

#pun-messages .post-author.no-avatar .pa-avatar,
.post[data-group-id="3"] .post-author.no-avatar .pa-avatar,
.post-author.no-avatar .pa-avatar a {
width: 80px;
height: 80px;
display: inline-block;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
} 


#pun-messages .post-author.no-avatar .pa-avatar,
.post-author.no-avatar .pa-avatar a {border: 5px solid #23afc8;}
.post-author.no-avatar .pa-avatar a:hover {border: 5px solid #0080b7;}

.post[data-group-id="3"] .post-author.no-avatar .pa-avatar,
.post[data-group-id="3"] .post-author.no-avatar .pa-avatar:hover {border: 5px solid #5b5b5b;}


#pun-messages .post-author.group1.no-avatar .pa-avatar,
.post[data-group-id="1"] .post-author.no-avatar .pa-avatar a {border: 5px solid #e63737;}
.post[data-group-id="1"] .post-author.no-avatar .pa-avatar a:hover {border: 5px solid #b80000;}

#pun-messages .post-author.group2.no-avatar .pa-avatar,
.post[data-group-id="2"] .post-author.no-avatar .pa-avatar a {border: 5px solid #26af33;}
.post[data-group-id="2"] .post-author.no-avatar .pa-avatar a:hover {border: 5px solid #028f0f;}

#pun-messages .post-author.group6.no-avatar .pa-avatar,
.post[data-group-id="6"] .post-author.no-avatar .pa-avatar a {border: 5px solid #f7941d;}
.post[data-group-id="6"] .post-author.no-avatar .pa-avatar a:hover {border: 5px solid #e36120;}

#pun-messages .post-author.group12.no-avatar .pa-avatar,
.post[data-group-id="12"] .post-author.no-avatar .pa-avatar a {border: 5px solid #f98561;}
.post[data-group-id="12"] .post-author.no-avatar .pa-avatar a:hover {border: 5px solid #e63737;}


/*************************************************************
СТИЛИ ДОПОЛНЕНИЙ, СТИЛИ СКРИПТОВ
**************************************************************/

/* Поиск в теме */
#pun-viewtopic #s-block {position: relative;
float:right;
margin-top:-41px;
margin-right: 20px;
text-align: center;
width: auto;
z-index: 30;
}

#pun-viewtopic #sTheme {
-webkit-border-radius: 0 !important;
-webkit-appearance: none;
appearance: auto;
border-radius: 0 !important;
font-family: 'Bebas Neue', 'Book Antiqua';
line-height: 35px;
height: 35px;
font-size: 24px;
width: 200px !important;
background-color: #f4f4f4;
}

#pun-viewtopic #isk {
font-size: 20px;
height: 35px;
width: 30px;
border-radius: 0 !important;
box-sizing: border-box;
line-height: 150%;
}

/* Робот в объяве */
#navigator {padding-top: 30px;}
#robot .container {
top: 30px;
max-width: 1200px;
margin: 0 auto;
position: relative;
}

.robo {
position: absolute;
top: -117px;
left: 20px;
}

.robo img {
width: 120px;
position: relative;
z-index: 1100;
}
.advise {
position: absolute;
background-color: #d7d7d7;
margin-left: 150px;
top: -78px;
width: calc(60% - 160px);
padding: 10px;
text-align: left;
z-index: 1200;
}
@media screen and (max-width: 1100px) {
#pun-announcement .advise {width: calc(80% - 100px);}
}
@media screen and (max-width: 800px) {
.punbb #pun-announcement .advise {width: calc(100% - 200px);}
}
@media screen and (max-width: 630px) {
#pun-announcement .advise {font-size: 12px; top: -100px;}
}
@media screen and (max-width: 480px) {
#pun .advise, #pun .robo {display: none !important;}
#pun #navigator {padding-top: 0;}
#pun-navlinks li#navadmin {display:none}
}
.advise:before {
content: '';
border: 11px solid transparent; 
border-right: 20px solid #d7d7d7;
position: absolute;
top: 5px;
left: -31px;
}

.no-robo, .no-robo2 {
position: absolute;
cursor: pointer;
background-color: #fff;
padding: 5px;
border-radius: 5px;
left: 25px;
opacity: 0.5;
z-index: 1200;
}
.no-robo:hover, .no-robo2:hover {opacity: 1;}
.no-robo {display: block; bottom: 0;}
.no-robo2 {display: none; bottom: 10px;}
.shutrobo .no-robo-str,
.shutrobo .no-robo2 {display: block;}
.shutrobo .no-robo,
#pun .shutrobo .advise  {display: none;}
.shutrobo #navigator .container {z-index: 1150;}
.shutrobo .robo img {width: 100px; top: 50px; left: -20px;}
.shutrobo #navigator {padding-top: 0;}

.post[data-user-id="7022"] .pa-author img {display: none;}


/* Навигатор в объяве */
#pun-announcement #navigator .show {visibility: visible; opacity:1; height: auto;}
#pun-announcement #navigator .hide {visibility: hidden; opacity:0; height: 0;}

@media screen and (max-width: 540px) {
#pun #pun-announcement div.container #navigator .container {overflow: hidden !important;}
}

#navigator .navwho, #navigator .navclose,
#navigator .zak, #navigator .adm, #navigator .dis, #navigator .all,
#navigator .zak-zak, #navigator .zak-spr, #navigator .zak-find, 
#navigator .tehpod, #navigator .dialog, #navigator .catalog,
#navigator .adm-rek, #navigator .adm-spr, #navigator .adm-find,
#navigator .dis-rek, #navigator .dis-zak, #navigator .dis-bon, #navigator .dis-oth,
#navigator .all-dia, #navigator .all-fun {visibility: hidden; opacity:0; height: 0;
transition: all 0.3s; -webkit-transition: all 0.3s;}

.navopen, .menu1 {transition: all 0.3s; -webkit-transition: all 0.3s;}


#navigator .container {
max-width: 1200px;
margin: 0 auto;
text-align: center;
padding: 15px 10px;
background-color: #eaeaea;
position: relative;
z-index: 200;
}

#navigator .cont {
text-align: left;
background-color: #ddd;
padding: 10px;
}

#navigator .cont.show,
#navigator .show .cont {margin: 10px;}

#navigator .tit {font-family: 'Bebas Neue', 'Book Antiqua'; font-size: 22px;}

.navopen, .menu1 {
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;
display: inline-block;
width: auto;
cursor:pointer;
}
.navopen:hover, .menu1:hover, .menu1.active {background: #0080b7;}
.navopen.hide, .hide .menu1 {
font-size: 0px;
line-height: 0px;
border-bottom: 0px solid #0080b7;
}

.navclose {color: #23afc8; font-weight: bold; transition: all 0.3s; -webkit-transition: all 0.3s; cursor:pointer; margin-top: 0px;}
.navclose.show {margin-top: 10px;}
.navclose:hover {color: #e63737;}

.navopen {margin: 0 auto;}
.menu1 {margin: 0 10px 10px;}
.navwho {margin: 0 0 0px;}
.navwho.show {margin: 0 0 10px;}

#navigator .left, #navigator .right {display: inline-block; vertical-align: top;}
#navigator .left {width: calc(60% - 40px);}
#navigator .right {width: calc(40% - 10px);}

@media screen and (max-width: 650px) {
#pun-announcement #navigator .left, #pun-announcement #navigator .right {display: block; width: auto;}
}

#navigator .adm-find .cont,
#navigator .dis-bon .cont.inl,
#navigator .all-dia .cont.inl {
display: inline-block;
vertical-align: top;
}

#navigator .adm-find .cont,
#navigator .dis-bon .cont.inl {width: calc(50% - 35px);}

#navigator .adm-find.show .cont,
#navigator .dis-bon.show .cont.inl {margin: 10px 5px 0;}

/* проверка имени при регистрации */
 #username.normal {background-color: #abd4af !important; border: 2px solid #26af33;}
 #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;}
 .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;}
 .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;}
 img.preloader{width:12px;height:12px;margin-left:3px;}
.stclr .eng, .eng .stclr .rus {display:none;}
.eng .stclr .eng {display:inline;}

/*разворот первопоста*/
#razv {width: 100%;position: absolute;height: 0;}
#razv button {position: absolute; z-index: 1000; top: -63px; right: 40px;}
#razv .eng, .eng #razv .rus {display:none;}
.eng #razv .eng {display:inline;}

@media screen and (max-width: 1000px) {
#razv button {right: 10px;}
}
@media screen and (max-width: 540px) {
#razv button {right: 2px; top: -85px;}
}

/* Анкеты */
.questionary-post #form-buttons table, .questionary-post #form-buttons tbody {display: block;}
.questionary-post #form-buttons #my-fo {display: none;}

.questionary-post .formsubmit input {margin: 0px auto !important;}
.questionary-post .btn-wrap span {margin: 0 10px;}
.questionary-post textarea, .questionary-post input, .questionary-post select {background-color: #fff;}
.questionary-post textarea:hover, .questionary-post input:hover, .questionary-post select:hover {background-color: rgba(247,148,29,0.2);}
.questionary-post .pst-checkboxes, .questionary-post .pst-radiobtn, .questionary-post textarea, 
.punbb .questionary-post input, .questionary-post .cnt-part textarea {margin: 10px; padding: 10px;}
.punbb .post-body .new[id="form-buttons"] {width: auto; max-width: calc(100% - 16px);}
.punbb .post-body .new[id="form-buttons"] table {margin:0;}
.punbb .post-body #form-buttons tr {width: auto; margin: 10px 0 0;}
.punbb .post-body textarea {
    min-height: 120px;
}
.questionary-post textarea {width: calc(100% - 60px) !important;}

.questionary-post span[style="font-size: 30px"] {
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #1c80ac;
}
.post-body .post-parts {padding-bottom: 60px;}
.post-body .btn-wrap {bottom: -60px;}
.btn-wrap > span {
color: #fff;
font-size: 30px;
text-align: center;
font-family: 'Bebas Neue', 'Book Antiqua';
padding: 8px 16px;
font-weight: normal;
display: inline-block;
position: relative;
z-index: 20;
background: #f98561;
border-bottom: 8px solid #e63737;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.btn-wrap span:hover, .btn-wrap span:focus, .btn-wrap span:active {background: #e63737 !important; color: #fff;}
.punbb .cnt-part .formsubmit {
margin-top: 0 !important;
padding: 10px 0 40px;
text-align: center;
}
.punbb .cnt-part .formsubmit input.button {
font-size: 40px !important;
padding: 10px 20px;
border-bottom: 10px solid #0080b7;
}

.btn-wrap .eng, .btn-wrap .heb,
.eng .btn-wrap .rus {display:none !important;}
.eng .btn-wrap .eng {display:inline-block !important;}

.questionary-post .formsubmit input.eng, .questionary-post .formsubmit input.heb,
.eng .questionary-post .formsubmit input.rus {display:none;}
.eng .questionary-post .formsubmit input.eng {display:inline-block;}

/* Превью портфолио + каталог стилей */
.dark .prev-pic {border: 3px solid #424242;}
.dark .prev-pic:hover {border: 3px solid #23afc8;}
.prev-pic {
width: calc(100% - 8px);
height: 170px;
overflow: hidden;
border: 3px solid #ddd;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.prev-pic:hover {border: 3px solid #2e3e4f;}
.prev-pic img {width: 100%; min-height: 160px;}
.isticky .prev-pic {display: none;}


.forum.pic-topics {text-align: center;}
.forum.pic-topics tr {
display: inline-block;
width: calc(50% - 12px);
text-align: left;
vertical-align: bottom;
}
.forum.pic-topics tr.altstyle {margin-right: 20px;}
.forum.pic-topics tr.altstyle.isticky {margin-left: 0;}
.forum.pic-topics tr.isticky  {display: block; width: 100%;}
.forum.pic-topics .topicinfo {height: 70px;}
.forum.pic-topics tr.isticky .topicinfo {height: auto;}
.forum.pic-topics .topicinfo .typecell {min-width: 100px;}
.forum.pic-topics .topicinfo .statcell {min-width: 110px; max-width: 100%;}

.forum.pic-topics .lastcell2 {
position: absolute;
right: 3px;
padding: 0;
text-align: center;
}

.forum.pic-topics .lastcell2 {top: 56px;}


.forum.pic-topics .newtext  {display: block; padding: 5px;}
.forum.pic-topics .newtext {background: #ddd; }
.forum.pic-topics .isticky .lastcell2 {
position: relative;
top: auto;
right: auto;
padding: 10px 15px;
text-align: left;
}
.forum.pic-topics .isticky .newtext {background: transparent; padding: 0;}


@media screen and (max-width: 1100px) {
.forum.pic-topics .topicinfo .typecell {display: block; padding: 10px 15px 0;}
.forum.pic-topics .topicinfo .typecell span + br {display: none;}
.forum.pic-topics .topicinfo .typecell span  {margin: 0 10px 0 0px !important; display: inline-block;}
.forum.pic-topics .topicinfo .statcell span {margin: 0 10px 0 0px; display: inline-block;}
.forum.pic-topics .lastcell {display: block; padding: 0 15px;}
.forum.pic-topics .topicinfo {height: auto; padding-bottom: 5px;}
}

@media screen and (max-width: 800px) {
#pun-main .forum.pic-topics tr {display: block; width: 100%;}
#pun-main .forum.pic-topics .topicinfo .statcell   {padding: 0 15px 10px;}
.forum.pic-topics tr.altstyle {margin-left: 0;}
.forum .prev-pic {height: 130px;}
}

@media screen and (max-width: 540px) {
#pun .punbb .prev-pic {border: 3px solid #ddd !important;}
}

/* спец-стили топиков по экстра-классам */
.forum tr.sell .icon #my-ic, .forum tr.star .icon #my-ic, 
.forum tr.zak .icon #my-ic, .forum tr.zak .topic-subscribe {display:none !important}

.forum tr.sell .icon #my-ic2, .forum tr.isticky.sell .icon #my-ic2,
.forum tr.star .icon #my-ic2, .forum tr.isticky.star .icon #my-ic2,
.forum tr.star .icon #my-ic2, .forum tr.isticky.zak .icon #my-ic2 {color: #f7941d;}

.forum tr.sell .tcl .acchide,
.forum tr.star .tcl .acchide,
.forum tr.zak .tcl .acchide {background-color: #f7941d;}
.forum tr.inew.sell .tcl a,
.forum tr.inew.star .tcl a,
.forum tr.inew.zak .tcl a {border-bottom: 3px solid #ddcc8c !important;}
.forum tr.inew.sell .topicinfo,
.forum tr.inew.star .topicinfo,
.forum tr.inew.zak .topicinfo {background-color: #f0e7c4 !important;}
.dark .forum tr.inew.sell .topicinfo,
.dark .forum tr.inew.star .topicinfo,
.dark .forum tr.inew.zak .topicinfo {background-color: #595959 !important;}

/* Анимация */
.hidden {opacity:0;}
.visible {opacity:1;}

/* Стрелки */
.go-up, .go-down {
display:none;
position:fixed;
right:15px;
cursor:pointer;
width: 100px;
height: 50px;
-webkit-overflow-scrolling: auto !important;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index:9999;
}
.go-up {bottom: 110px;}
.go-down {bottom:40px;}
.go-up .norm, .go-up .hov, .go-down .norm, .go-down .hov {
transition: all 0.6s;
-webkit-transition: all 0.6s;
position: absolute;
right: 0;
top: 0;
}
.go-up .hov, .go-down .hov,
.go-up:hover .norm, .go-down:hover .norm {opacity: 0;}
.go-up .norm, .go-down .norm,
.go-up:hover .hov, .go-down:hover .hov {opacity: 1;}


/* Подсказки */
/* Подсказки */
#unitip {
position: absolute;
 z-index: 10000; top: -1000px; 
color: #fff;
display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative; top: 0px; left: 0px; width: 230px; display: block;}   
#unitippoint {height: 19px; overflow: hidden;}   
#unitipmid {width: 210px; height: auto; padding: 5px 10px; min-height: 18px;}
#unitipcap {width: 230px; height: 7px;overflow: hidden;}
#ann-spec .notificat {line-height: 16px; margin-left: -174px; margin-top: 10px; max-width: 150px; min-width: 150px; padding: 10px; position: absolute; text-align: right;}
#unitippoint {background: url(/files/0007/e3/f7/24249.png) repeat;}
#unitipmid {background: #080c15;}
#unitipcap {background: #080c15;}
#unitip img {margin: 0px; background: #080c15; padding: 10px 7px;}

/* Закладки */
#BookmCntToggle {z-index: 20000 !important;}
#MyBookmarks {
z-index: 21000 !important;
box-shadow: 0 0 0 transparent !important;
background: #fff;
border-right: 1px solid #ccc;
}
.dark #MyBookmarks {background: #393939; border-right: 1px solid #202020;}

#pun .punbb #MyBookmarks h2, #pun .punbb #MyBookmarks h1, #pun .punbb .editBookmark h1 {
margin: 10px 5px;
font-size: 24px !important;
}
#pun .punbb #MyBookmarks h2 span, #pun .punbb #MyBookmarks h1 span, #pun .punbb .editBookmark h1 span {font-size: 24px !important;}
#MyBookmarks span.scrl {
text-shadow: 0 0 0px transparent !important;
color: #fff !important;
}
#MyBookmarks span.scrl.b, #MyBookmarks span.scrl.t {
box-shadow: 0 0 0 transparent !important;
background: #23afc8;
}
.post .bookmark {right: -11px !important;}
#BookmCntToggle.default-style {box-shadow: 0 0 0 transparent !important; border: 1px solid #ccc;}
#MyBookmarks em a:hover {opacity: 1 !important; color: #23afc8 !important;}
.editBookmark {box-shadow: 0 0 0 transparent !important;
background: #ddd;
border: 1px solid #ccc;
border-radius: 0 !important;
}
.editBookmark h1 {background-image: none !important;
padding-bottom: 0 !important;}

/* Замена дополнительных цветов в ФО */
#color-area td[style="background-color:black"],
#color-area td[style="background-color:white"],
#color-area td[style="background-color:silver"],
#color-area td[style="background-color:gray"],
#color-area td[style="background-color:maroon"],
#color-area td[style="background-color:red"],
#color-area td[style="background-color:purple"],
#color-area td[style="background-color:fuchsia"],
#color-area td[style="background-color:green"],
#color-area td[style="background-color:lime"],
#color-area td[style="background-color:olive"],
#color-area td[style="background-color:yellow"],
#color-area td[style="background-color:navy"],
#color-area td[style="background-color:blue"],
#color-area td[style="background-color:teal"],
#color-area td[style="background-color:aqua"]  {display: none;} 

.post-content span[style="color: maroon"] {color: #b80000 !important;}
.post-content span[style="color: red"] {color: #e63737 !important;}
.post-content span[style="color: purple"] {color: #71218e !important;}
.post-content span[style="color: fuchsia"] {color: #a726af !important;}
.post-content span[style="color: green"] {color: #1c8426 !important;}
.post-content span[style="color: lime"] {color: #26af33 !important;}
.post-content span[style="color: olive"] {color: #e36120 !important;}
.post-content span[style="color: yellow"] {color: #f7941d !important;}
.post-content span[style="color: navy"] {color: #0080b7 !important;}
.post-content span[style="color: blue"] {color: #0481d9 !important;}
.post-content span[style="color: teal"] {color: #00a1e4 !important;}
.post-content span[style="color: aqua"] {color: #29aecb !important;}

/* Уведомления */

#pun_wrap #pun #pun-ulinks li.item8 {
display: block !important;
position: absolute;
top: 10px;
width: 70px;
height: 70px;
line-height: normal !important;
font-size: 0 !important;
cursor: pointer;
padding: 0;
right: -5px;
z-index: 9999;
}
#pun #pun-ulinks .item8 .notify-link {
position: absolute;
top: 10px;
right: 10px;
}
#pun #pun-ulinks .item8 .unreads {
font: bold 14px 'Ubuntu', arial, sans-serif !important;
height: 16px !important;
width: 16px !important;
right: -0.3em !important;
}

.punbb .unread-notifications .modal-inner .container {
border: none !important;
left: auto !important;
top: auto !important;
}

#pun-navlinks #navpm .unreads {top: -50px; right: -50px;}
@media screen and (max-width: 1000px) {
.punbb #pun-navlinks #navpm .unreads {right: -25px;}
}
@media screen and (max-width: 547px) {
.punbb #pun-navlinks #navpm .unreads {
top: -40px;
right: -10px;
font-size: 12px;
height: 15px;
min-width: 15px;
line-height: normal;}
}

#notifications td,
#notifications-stored td,
#mentions-area td {padding: 8px 10px; border-bottom: 1px solid #e6e6e6;}
#notifications tr,
#notifications-stored tr,
#mentions-area tr {
background: transparent;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#notifications tr:hover,
#notifications-stored tr:hover,
#mentions-area tr:hover {background: #e6e6e6;}

.dark #notifications tr:hover,
.dark #notifications-stored tr:hover
.dark #mentions-area tr:hover {background: #464646;}
.dark #notifications td,
.dark #notifications-stored td,
.dark #mentions-area td {border-bottom: 1px solid #464646;}

#pun .unread-notifications #notifications-wrap .delete-notification {opacity: 1 !important; visibility: visible !important;}
#pun .unread-notifications #notifications-wrap .delete-notification:hover {opacity: 1 !important;}
.unread-notifications #notifications-wrap .delete-notification a {color: #e63737;}
.unread-notifications #notifications-wrap .delete-notification a:hover {color: #b80000;}


/*************************************************************
ПОДАРКИ / НАГРАДЫ / ДОСТИЖЕНИЯ
**************************************************************/

#profile8 input[id="fld2"] {width: 100% !important;}

.stena .post-content.show-aw .stenafrom,
.stena .post-content.show-aw .stenaava,
.stena .post-content {display: none;}
.stena .post-content.hide {display: none !important;}

.stena {
text-align: center; border-top: 5px solid #e2e2e2;
padding-top: 10px;
margin: 10px 20px 10px;
}
.stena h3 {
font-family: 'Bebas Neue', 'Book Antiqua';
color: #1c80ac;
font-size: 20px;
margin-bottom: 10px;
text-transform: uppercase;
}
.stenalink {
display: block;
padding: 10px;
margin-top: 10px;
text-transform: uppercase;
background-color: rgba(247,148,29,0.75);
color: #fff;
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 22px;
font-weight: normal;
}
.stenalink:hover {background-color: rgba(247,148,29,1); color: #fff;}

.stena .post-content.show,
.stena .post-content.show-aw {
display: inline-block;
width: 285px; 
height: 325px;
position: relative;
overflow: hidden;
}

.stena .stenafrom {
position: absolute;
width: 180px;
left: 50px;
text-align: center;
top: 250px;
z-index: 50;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stena .stenafrom:before {content: 'Подарил(а): '; font-size: 10px;}
.stena .stenaava {
position: absolute;
max-width: 36px;
max-height: 36px;
min-width: 36px;
min-height: 36px;
border-radius: 50%;
left: 125px;
top: 268px;
z-index: 50;
}

.pa-fld2 .fld-name, .pa-fld1 .fld-name {display: none;}
.pa-fld2 {margin-right: 10px;}
.pa-fld2 a, #pa-fld2 a {
color: #26af33;
font-weight: normal;
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 18px;
}

li.pa-fld1 {color: #a726a9;
    font-weight: bold;
    font-family: 'Bebas Neue', 'Book Antiqua';
    font-size: 18px;}

.pa-fld2 a:hover, #pa-fld2 a:hover {color: #26af33;}
.pa-fld2 a i, #pa-fld2 a i {color: #f98561; position: relative; top: 3px; font-size: 18px;}
.pa-fld2 a:hover i, #pa-fld2 a:hover i {color: #e63737;}

.pa-fld1:before {color: #f98561; position: relative;   font-weight: normal; content: 'НБ:';}

.punbb #form-buttons td img {
min-width: 100%;
min-height: 100%;
max-height: 100% !important;
max-width: 100% !important;
background-color: transparent;
}

/*общий стиль*/
.award, .gift {
display: inline-block;
width: 200px;
margin: 10px 20px 70px;
position: relative;
height: 245px;
}
.award:after, .gift:after {
content: '';
    position: absolute;
    left: 0px;
    bottom: -59px;
    border: 100px solid transparent;
    border-bottom: 50px;
}
.award .name, .gift .name {
display: block;
text-align: center;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 22px;
position: absolute;
width: 210px;
padding: 5px;
margin-left: -10px;
top: 8px;
z-index: 50;
height: 22px;
line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.award .pic, .gift .pic {
position: absolute;
width: 120px;
top: 30px;
left: 40px;
padding: 0;
z-index: 10;
}
.award .pic img, .gift .pic img {
max-height: 110px !important;
max-width: 110px !important;
min-width: 110px;
min-height: 110px;
background-color: #fff;
}
.award .descr, .gift .descr {
padding: 5px 8px 0;
position: absolute;
top: 165px;
width: 188px;
height: 50px;
text-align: center;
left: -2px;
font-size: 12px;
overflow: hidden;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

.gift .descr p {
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

.gift .descr:hover {overflow: visible;}
.gift .descr:hover p:before {
content: '';
border: 10px solid transparent; 
border-bottom: 10px solid #2e3e4f;
position: absolute;
top: -18px;
left: 90px;
z-index: 40;
}
.gift .descr:hover p {
position: absolute;
z-index: 40;
background: #2e3e4f;
color: #fff;
top: -120px;
padding: 5px !important;
border-radius: 5px;
left: -6px;
width: 206px;
}
.gift .descr img {max-width: 180px; max-height: 50px;}

.award .descr p, .gift .descr p {padding: 0 !important;}
.award .date {
position: absolute;
width: 190px;
text-align: center;
color: #fff;
padding: 3px 5px 0;
overflow: hidden;
bottom: -35px;
font-size: 12px;
z-index: 20;
}

/* дизайн наград */
.award {background-color: #2e3e4f;}
.award:after {border-top: 60px solid #2e3e4f;}
.award .name {color: #fff; background-color: #23afc8;}
.award .pic img {border: 5px solid #23afc8;}
.award .descr {
background-color: #eeeeee;
border-bottom: 3px solid #e63737;
border-top: 3px solid #e63737;
}

/* дизайн подарков */
.gift .name:before {content:'От: ';}
.gift .name p {display: inline;}
.gift {background-color: #d7d7d7;}
.gift:after {border-top: 60px solid #d7d7d7;}
.gift .name {color: #fff; background-color: #f7941d;}
.gift .pic img {border: 5px solid #f7941d;}
.gift .descr {
background-color: #eeeeee;
border-bottom: 3px solid #f98561;
border-top: 3px solid #f98561;
}

@media screen and (max-width: 540px) {
.post-author li.pa-fld2, .post-author li.pa-fld1, 
#pun .pa-fld2 .gifts div.icon, #pun .pa-fld2 .awards div.icon,
#pun #pa-fld2 .gifts div.icon, #pun #pa-fld2 .awards div.icon {display: inline-block !important;}
#pun #viewprofile #pa-fld2 .gifts, #pun #viewprofile #pa-fld2 .awards {margin-right: 5px !important;}
.punbb #viewprofile .stena {margin: 0;}
}

/*************************************************************
НАДПИСИ
**************************************************************/

.main .category .tcr:before {content: 'Последнее сообщение:'}
#pun-searchtopics .forum .tc2:before {content: 'Раздел: '} 
.closedatafield:before {content: 'тема закрыта';}
.stickytext:before {content: 'тема закреплена';}
.polltext:before {content: 'опрос';}

#pun-navlinks li#navadmin span:before {content: 'ADMIN';}
#pun-navlinks #navpm a span:after {content: 'ЛС';}
.crumbs:before {content: 'Вы здесь ';}

.main .category .tc2:before {content:'Тем: ';}
.main .category .tc3:before {content:'Сообщений: ';}
.category .icon[data-new-topics]:after, .forum .icon-new:after {content:'Новое';}
.topicpost.firstpost:after {content: 'Сообщение закрепленo!';}
.pa-online:before {content:'В сети';}
#profile-left #pa-online strong:before {content: 'В сети';}
.post-links .pl-quote a:before {content: 'Ответить';}
.usertable td.relation:before {content: 'Репутация: ';}
#profile-right li#pa-respect span a:before {content: 'Репутация';}
#profile-right li#pa-positive span a:before {content: 'Лайки';}
.usertable td:nth-child(4):before {content: 'Сообщений: ';}
.usertable td:nth-child(5):before {content: 'Зарегистрирован: '; }
.usertable td:last-child:before {content: 'Был: ';}
#pun-messages #profilenav ul:last-child li.item2 a:before {content: 'Непрочитанное';}
#pun-profile #profilenav li.item2 a:before {content: 'О себе';}
#pun-profile #profilenav li.item6 a:before {content: 'Настройки';}
#pun-profile #profilenav li.item3 a:before {content: 'Контакты';}
#profile5 legend:before {content: 'Правила для подписи';}
#profile5 .inputfield .label:before {content: 'Предварительный просмотр подписи:';}
#profile5 .infofield:before {content: 'Максимальная высота картинок 42px, если изображение больше, оно сжимается автоматически. В подписи разрешены внешние и внутренние ссылки и баннеры. Но настоятельно рекомендуем не превращать её в доску объявлений. Подпись отображается при просмотре вашего профиля и под каждым сообщением. ';}
#profile2 p.areafield label[for="fld10"]:after {content: 'Перенос строк (Enter) запрещен в этом поле';}
#profile4 legend:after {content: 'Внимание! Для корректного отображения загружайте КВАДРАТНЫЕ фотки!';}
#register .infofield.mesByGerda-2:before {content: 'Имя должно состоять не менее чем из 2 символов и не более чем из 25 символов. Разрешено использовать следующие символы:  _   -   &   (   )   [  ] ';}
#post-errors li.errByGerda-3:before {content:'В целях борьбы со спам-ботами, гостям запрещено публиковать ссылки. Чтобы оставить ссылки в сообщении, удалите из них символы:   http://   https://   www.';}
.crumbs a[href="https://forumd.ru/"]:before , .crumbs a[href="https://forumdes.mybb.ru/"]:before {content:'Главная страница'}

/* Описание категорий */
div.category-15 .catright:after {content: 'Если есть вопросы, заблудился на форуме или нужна информация - обращайся сюда';}
div.category-4 .catright:after {content: 'Смело создавай топик - поможем починить, поправить, доделать, создать, прикрутить или научим как это делать';}
div.category-13 .catright:after {content: 'Огромная коллекция готовых скриптов, кодов, дизайнов, гайдов, уроков, подборок';}
div.category-11 .catright:after {content: 'Оформляй портфолио, рекламируй свои услуги и проекты, ищи специалистов и размещай работы на продажу';}
div.category-22 .catright:after {content: 'Желаем приятного времяпрепровождения';}
div.category-5 .catright:after {content: 'Место для хранения всего старого, забытого, неактуального';}
div.category-1 .catright:after {content: 'Только для членов команды, модераторов, советников и VIP';}

div.category-27 .catright:after {content: 'Сontent for the English version of the site is under development';}




/*************************************************************
САЙТ
**************************************************************/

/* Общее */
h3.tit {
font-family: 'Bebas Neue', 'Book Antiqua';
font-size: 24px;
text-transform: uppercase;
padding-top: 10px;
}

.userouter {
background-color: #ddd;
position: relative;
border: 1px solid #ccc;
margin-right: 10px;
margin: 0 auto;
max-width: 800px;
}
.userinner {
border: 1px solid #ccc;
position: relative;
left: 10px;
top: 10px;
background-color: #fff;
padding: 10px;
}

#dir-block {
display: inline-block;
width: 46%;
overflow: hidden;
margin-top: 10px;
vertical-align: top;
}
#line {
display: block;
position: relative;
line-height: 50px;
height: 50px;
color: #515862;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 28px;
white-space: nowrap;
border-bottom: 3px solid #b9b9b9;
}
#line:hover, #line:active, #line:focus {color: #fff;background-color: #2e3e4f;}

#line h3 {margin: 0 0 0 60px;}
#line .filler {
height: 3px;
width: 0%;
position: absolute;
bottom: -3px;
left: 0;
transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out;
}
#line:hover .filler {width: 100%;}

#directions h2, #conttext h2, #cont-links h2 {
margin: 0;
text-align: left;
padding: 10px 20px;
}

#conttext b, #rotator .userinner .text b {text-transform: uppercase;}

#conttext .disc img {width: 350px; margin-top: 20px;}
#conttext .sots img {margin: 10px 0 0 10px; height: 70px;}

#buttons {
background: #a5a5a5 url(/files/0007/e3/f7/26569.jpg) no-repeat bottom center;
padding-bottom: 38px;
text-align: center;
}
#buttons2 {text-align: center;}
#buttons2 a, #buttons a {
font-weight: normal;
color: #fff;
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
font-size: 60px;
line-height: 70px;
height: 70px;
padding: 0 20px;
text-align: center;
display: inline-block;
}
#buttons a {margin: 40px 20px;}
#buttons2 a {margin: 15px 20px}
#buttons2 a:hover, #buttons2 a:focus, #buttons2 a:active,
#buttons a:hover, #buttons a:focus, #buttons a:active {color: #fff;}
#buttons2 a.blue, #buttons a.blue {
border-bottom: 12px solid #0080b7;
background: #23afc8;
}
#buttons2 a.blue:hover, #buttons a.blue:hover {background: #0080b7;}
#buttons2 a.red, #buttons a.red {
border-bottom: 12px solid #e63737;
background: #f98561;
}
#buttons2 a.red:hover, #buttons a.red:hover {background: #e63737;}

#rotator ul.ui-tabs-nav {text-align: center; padding-bottom: 5px;}
#rotator .ui-tabs-nav-item {
display: inline-block;
width: 20px;
height: 20px;
padding: 2px;
background-color: #0081ba;
border-radius: 50%;
}
#rotator .ui-tabs-nav-item a {
font-size: 0;
display: block;
width: 20px;
height: 20px;
background-color: #ccc;
border-radius: 50%;
}
#rotator .ui-tabs-nav-item a:hover {background-color: #fff;}
#rotator .ui-tabs-nav-item.ui-tabs-selected {background-color: #ff3434;}
#rotator .ui-tabs-nav-item.ui-tabs-selected a {background-color: #ff865f;}

#rotator .ui-tabs-panel {clear:left;}
#rotator .ui-tabs-hide {display:none;}
#cont-team #rotator .userouter {width: 30%;}
#rotator .userouter {
width: 46%;
display: inline-block;
margin-right: 2%;
vertical-align: top;
margin-top: 10px;
margin-bottom: 20px;
}
#rotator .userinner img {
border-radius: 50%;
background-color: #f98561; 
width: 100px;
height: 100px;
float: left;
margin-right: 20px;
margin-bottom: 5px;
}
#rotator .userinner .nik {
text-transform: uppercase;
font-family: 'Bebas Neue', 'Book Antiqua';
color: #1c80ac;
font-size: 28px;
display: block;
}
#rotator .text {text-align: left;}
#rotator .userinner .title {
display: block;
font-weight: bold;
font-size: 16px;
color: #666;
}
#rotator .userinner .links {
display: block;
margin: 4px 0 10px;
}
#rotator .userinner .links a {
display: inline-block;
background-image: url(/files/0007/e3/f7/83763.png);
height: 30px;
width: 30px;
margin: 2px;
transition: all 0.0s;
-webkit-transition: all 0.0s;
padding:0;
}
#rotator .userinner .links a#PROF {background-position: -4px -4px;}
#rotator .userinner .links a#PROF:hover {background-position: -4px -38px;}
#rotator .userinner .links a#DISK {background-position: -38px -4px;}
#rotator .userinner .links a#DISK:hover {background-position: -38px -38px;}
#rotator .userinner .links a#MAIL {background-position: -72px -4px;}
#rotator .userinner .links a#MAIL:hover {background-position: -72px -38px;}
#rotator .userinner .links a#LS {background-position: -106px -4px;}
#rotator .userinner .links a#LS:hover {background-position: -106px -38px;}

/* Главная */
#pun-pages #title {
border-bottom: 1px solid #73797f;
background-color: #2e3e4f;
padding: 20px 0 30px;
}
#title h2 {
margin: 0;
color: #cccece;
font-size: 60px;
}
#prosait, #port-menu {background: #f4f4f4 url(/files/0007/e3/f7/82614.jpg) no-repeat top center;}
.prodiv {
display: inline-block;
width: 20%;
margin: -20px 2% 20px;
vertical-align: top;
text-align: center;
}
.prodiv img {border-radius: 50%; background-color: #fff;}
.prodiv #norm {background-color: #fff;}
.prodiv #hov {background-color: #2d343a;}
.prodiv h3 {
color: #515862;
font-size: 18px;
margin: 10px 0 5px;
font-weight: bold;
}
#directions, #port-filter {
background: url(/files/0007/e3/f7/57716.jpg) no-repeat top center;
padding-top: 36px;
}
#directions .botbg, #port-filter .botbg {
background: #d7d7d7 url(/files/0007/e3/f7/75536.jpg) no-repeat bottom center;
padding-bottom: 56px;
}
#otz {
background: url(/files/0007/e3/f7/15586.jpg) no-repeat bottom center;
padding-bottom: 40px;
}



#otz h2 {
margin: 0;
text-align: left;
padding: 10px 20px 0;
}
#otz .userinner {font-style: italic;padding: 20px;}
#otz .userinner:before,
#otz .userinner:after {
display: block;
position: absolute;
font-size: 55px;
width: 34px;
height: 34px;
font-family: "Georgia", serif;
color: #1c80b2;
}
#otz .userinner:before {content:'\201C'; top: -3px; left: 0px;}
#otz .userinner:after {content:'\201D'; right: -6px; bottom: 60px;}

#otz .userpoza {padding-bottom: 20px;}
#otz .userinner .user {text-align: center; margin-top: 10px;}
#otz .userinner .user img {
width: 46px !important;
height: 46px !important;
background: #fff;
border: 3px solid #ccc;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
#otz .userinner .userdata {
display: inline-block;
font-style: normal;
text-align: left;
vertical-align: middle;
}
#otz .userinner .user .nik {
display: block;
font-size: 16px;
font-weight: bold;
color: #1c80ac;
}
#otz .userinner .user .who {color: #9d9d9d; font-size: 12px;}

#pun-pages #buttons .inner {width: 100%}

@media screen and (max-width: 800px) {
#pun-main #otz .userinner:before {top: -9px; left: -5px;}
#pun-main #otz .userinner:after {right: -5px;}
#pun-main #otz .userinner {left: auto; top: auto;}
}

/* О нас */
#title.cont {
background: #446284 url(/files/0007/e3/f7/58026.jpg) no-repeat 0 0;
height: 242px;
padding: 0;
line-height: 292px;
}
#title.cont h2 {color: #fff;}
#conttext {
background: url(/files/0007/e3/f7/57716.jpg) no-repeat bottom center;
padding-bottom: 36px;
}
#cont-links {
background: #d7d7d7 url(/files/0007/e3/f7/75536.jpg) no-repeat bottom center;
padding-bottom: 36px;
padding-top: 10px;
}
#cont-team #rotator {text-align: center; margin: 10px auto 40px;}
#cont-team #rotator .userinner .nik, #cont-team #rotator .userinner .title, #cont-team #rotator .userinner .links {text-align: left;}
#cont-team #rotator .userinner .nik {font-size: 30px;}
#cont-team #rotator .userinner .text {display: block;}


/*************************************************************
юзер-панель
**************************************************************/
#upanel {position: absolute; right: 0;}
#usertop {height: 82px; text-align: right;}
#upanel .text {padding: 14px 73px 10px 0px; text-align: right;}
#upanel .text a {font-weight: normal; padding-left: 5px;}
#usertop .ava {
position: absolute;
right: 0;
border-radius: 50%;
background-color: #fff;
top: 10px;
width: 69px;
height: 69px;
}
#usertop img {
width: 63px;
height: 63px;
border-radius: 50%;
border: 2px solid #0080b7;
}

#upanel .mob-fly:after {
content: ' »';
transform: rotate(90deg);
position: absolute;
right: 5px;
font-family: 'Ubuntu', arial, sans-serif;
}

.mob-fly {
background: #12a3d6;
border-bottom: 8px solid #0080b7;
display: inline-block;
cursor: pointer;
font-size: 20px;
color: #fff;
font-family: 'Bebas Neue', 'Book Antiqua';
position: relative;
right: 72px;
padding: 2px 20px 0 8px;
}
.mob-fly:hover {background: #0080b7;}
.dark .mob-fly {background: #f98561; border-bottom-color: #e63737;}
.dark .mob-fly:hover {background: #e63737;}

.adddark, .addlight {cursor: pointer;}
#upanelblock #fly .addlight,
.dark #upanelblock #fly .adddark {display: none;}
.dark #upanelblock #fly .addlight {display: inline-block;}

#upanelblock #fly .addhorprof,
.vertprof #upanelblock #fly .addvertprof {display: none;}
.vertprof #upanelblock #fly .addhorprof {display: inline-block;}

#upanelblock {
background: #fff;
text-align: center;
padding: 5px 0 14px;
display: none;
}
.dark #upanelblock {background: #393939;}
#upanelblock.showuser {display: block;}

#upanelblock #fly {max-width: 900px; margin: 0 auto;}
#upanelblock #fly li {display: inline-block; margin: 3px 8px;}
#upanelblock #fly li a {cursor: pointer;}
#upanelblock #fly li span {
display: inline-block;
font-size: 18px;
color: #ff3434;
padding: 0 2px 0 0;
position: relative;
top: 4px;
}

#upanelblock #fly li.premod {display: none;}
.ismoderator #upanelblock #fly li.premod, .isadmin #upanelblock #fly li.premod {display: inline-block;}


/*************************************************************
СЛАЙДЕРЫ
**************************************************************/
.da-slider {
	width: 100%;
	position: relative;
	margin: auto;
	overflow: hidden;
	background: #2e3e4f;
	border-bottom: 1px solid #73797f;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}

#pun-announcement .da-slider {
height: 250px;
}

.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}

.da-slide-current {z-index: 1000;}
.da-slider-fb .da-slide {left: 100%;}
.da-slider-fb .da-slide.da-slide-current {left: 0px;}

#pun-announcement .da-slide p a {color: #23afc8;}
#pun-announcement .da-slide p a:hover {color: #e63737;}

.da-slide h3,
.da-slide p,
.da-slide .da-link {
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h3,
#pun-announcement .da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
	left: 0px;
	opacity: 1;
}
.da-slide-current h3,
.da-slide-current p,
.da-slide-current .da-link{
	left: 0px;
	opacity: 1;
}

.da-slide h3 {
font-family: 'Bebas Neue', 'Book Antiqua';
margin: 0;
	color: #fff;
	font-size: 24px;
	width: 50%;
	top: 60px;
	white-space: nowrap;
	z-index: 10;
}
.da-slide h3.skidka {padding-left: 50px;}
.da-slide h3.skidka .tip {
position: absolute;
margin-left: -50px;
margin-top: -10px;
}

#pun-announcement .da-slide p {
	width: auto;
	top: 100px;
color: #d3d3d3;
margin: 0;
text-shadow: 0 0 3px #000;
	z-index: 10;
}
#pun-pages .da-slide p {height: 136px; width: 228px; overflow: hidden; z-index: 10;}
.da-slide b {color: #e63737;}
.da-slide s {color: #26af33;}
.da-slide p img {width: 228px;}
.da-slide p#mini1, .da-slide p#mini2, .da-slide p#mini3 {
    position:  relative;
    width: auto;
    text-align:  right;
    padding-right: 300px;
    top: 6px;
}

.da-slide .da-img {
	top: 0px;
	z-index: 5;
        background-color: #2e3e4f;
        left: 100%;
}
.da-slide .da-img, .da-slide .da-img div {
	width: 100%;
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
/*        background-size: auto 100%; */
}
.da-slider-fb .da-slide .da-img {left: 100%;}
.da-slide-current .da-slide.da-slide-current .da-img {left: 0px; }

#pun-announcement .da-slide .da-link {
	z-index: 10;
	top: 170px;
	color: #fff;
	border-bottom: 6px solid #0080b7;
	font-size: 20px;
	line-height: 35px;
        height: 35px;
	text-align: center;
	background: #23afc8;
font-family: 'Bebas Neue', 'Book Antiqua';
padding: 0 10px;
font-weight: normal;
}
#pun-announcement .da-slide .da-link:hover{
	background: #0080b7;
}

#pun-pages .da-slide .da-link {
text-align: center;
z-index: 10;
background: #2636466e;
width: 46%;
height: 700px;
}

#pun-pages .da-slide .da-link:after {
    content: ''; 
    position: absolute;
right: -260px;
top: 0;
border: 250px solid transparent;
border-bottom: 680px solid #2636466e;
border-left: 10px solid #2636466e;
border-top: 0;
}


.da-dots {
	width: 100%;
	position: absolute;
	right: 10%;
text-align: right;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
#pun-announcement .da-dots {text-align: center; right: auto; left: 0;}

.da-dots span{
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin: 3px;
	cursor: pointer;
        background: rgba(255,255,255,0.3);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255, 0.8);
}


@media screen and (max-width: 650px) {
.da-slide h3.skidka img, #pun-announcement .da-slide p {display:none !important;}
.da-slide h3.skidka {padding-left: 0px !important;}
#pun-announcement .da-slide h3 {width: 100%; white-space: normal; top: 40px;}
#pun-announcement .da-slide .da-link {top: 120px !important;}
#pun-announcement .da-slider {height: 200px !important;}
}


/*************************************************************
Галерея
**************************************************************/
div.scrollingHotSpotLeft {
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(/files/001a/11/44/71505.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
cursor: url(/files/001a/11/44/45958.png), w-resize;
}
div.scrollingHotSpotLeftVisible {
background-image: url(/files/001a/11/44/37540.gif);        
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
-moz-opacity: 0.35; 
filter: alpha(opacity = 35); 
zoom: 1; 
}

div.scrollingHotSpotRight {
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(/files/001a/11/44/71505.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(/files/001a/11/44/69348.png),e-resize;
}

div.scrollingHotSpotRightVisible {
background-image: url(/files/001a/11/44/62835.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
}
div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
div.scrollableArea {
position: relative;
width: auto;
height: 100%;
}
#makeMeScrollable {
width:100%;
height: 260px;
position: relative;
margin: 0px auto;
}
#makeMeScrollable div.scrollableArea img {
position: relative;
float: left;
margin: 0;
padding: 0;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/*************************************************************
МОБИЛЬНЫЙ СТИЛЬ
**************************************************************/
@media screen and (max-width: 1410px) {
#ToTop, #OnBottom {width: 60px; height: 35px; right: 5px;}
#ToTop img, #OnBottom img {width: 100%;}
.go-down {bottom: 58px;}

body {min-width: auto !important;}
#pun-title #title-logo-table, .da-slide2,
#pun #pun-announcement #menu .container, .crumbs,
#pun .category, 
#pun .forum, #pun .modmenu, #pun .usertable, #pun .info, #pun .mod-page,
#pun #pun-messages #profilenav, #pun #notify-settings,
#pun #pun-pages .inner {width: calc(100% - 158px) !important; margin: 0 79px !important;}
#pun #pun-navlinks .container {width: calc(100% - 400px) !important;  margin: 0 80px !important;}
#pun .postlink, #pun .pagelink, #changeLang #flags {width: calc(100% - 160px) !important;}
.formal, #pun-respect .main .section, #pun-positive .main .section, #pun-online .main .section, div#piar_reply_emulator {width: calc(100% - 178px) !important; margin: 10px 79px 30px !important;}
#pun #pun-messages fieldset {width: calc(100% - 158px) !important;}
#pun #pun-messages .formal {width: 100% !important; margin: 10px auto !important;}
#administration, #most_active, #most_connected, #most_invitations, #most_viewed_topics, #most_replied_topics, #top-donators, #latest-donators {width: calc(100% - 178px) !important;}
#pun-ulinks .container {width: calc(100% - 180px) !important; display: block !important;}
.subscribelink {right: 25px !important;}
div#subs.modmenu {margin: 0 !important;}
#pun-admain .linksb, .punbb-admin .adformal {width: calc(100% - 270px) !important;}
#pun #pun-stats, #pun #bottom {width: calc(100% - 81px) !important;}
#pun-main .topic {width: calc(100% - 138px) !important;}

#pun #post-form, div#piar_reply_emulator {margin-top: 20px !important; width: calc(100% - 168px) !important;}
#pun #notify-settings {margin-bottom: 20px !important;}
#poll-special .formal {margin: 10px 0px 30px !important; width: 100% !important;}
#changeLang #flags div {left: -10px !important;}
.da-slide p#mini1, .da-slide p#mini2, .da-slide p#mini3 {padding-right: 25% !important;}
.category tr {min-height: 160px !important;}
#pun-main #forum-foundation .container, #pun #pun-profile h1 {width: 100%;}
#profile-left div img {max-width: 200px !important; max-height: 200px !important;}
#viewprofile-next {margin-top: 0px !important;}
#pun #pun-profile.punbb #pun-main h1 {font-size: 0 !important;}
#pun-messages #profilenav ul {margin-bottom: 10px;}
}

@media screen and (max-width: 1200px) {
#upanel .text, .topic .post-sig {display: none !important;}
#upanel .mob-fly {right: 0; top: 85px;}
}

@media screen and (max-width: 1100px) {
#ToTop, #OnBottom {width: 50px; height: 25px; right: 5px;}
.go-up {bottom: auto; top: 20px;}
.go-down {bottom: 20px}

#pun-title #title-logo-table, .da-slide2,
#pun #pun-announcement #menu .container, .crumbs,
#pun .category, #pun #pun-stats, #pun #bottom,
#pun .forum, #pun .modmenu, #pun-main .topic, 
#pun #post-form, #pun .usertable, #pun .info, #pun .mod-page,
#pun #pun-messages #profilenav, #pun #notify-settings,
#pun #pun-pages .inner, div#piar_reply_emulator {width: calc(100% - 20px) !important; margin: 0 10px !important;}
#pun #pun-navlinks .container {width: calc(100% - 270px) !important;  margin: 0 20px !important;}
#pun .postlink, #pun .pagelink, #changeLang #flags {width: calc(100% - 40px) !important;}
.formal, #pun-respect .main .section, #pun-positive .main .section, #pun-online .main .section {width: calc(100% - 40px) !important; margin: 10px 20px 30px !important;}
#pun #pun-messages fieldset {width: calc(100% - 20px) !important;}
#pun #pun-messages .formal {width: 100% !important; margin: 10px auto !important;}
#administration, #most_active, #most_connected, #most_invitations, #most_viewed_topics, #most_replied_topics, #top-donators, #latest-donators {width: calc(100% - 40px) !important;}
#pun-ulinks .container {width: calc(100% - 40px) !important; display: block !important;}
#pun-navlinks #upanel .down:hover #fly {/*opacity:0; visibility: hidden;*/}
}



@media screen and (max-width: 1000px) {

.forum .tcr .byuser,
#pun-pages #pun-navlinks #navprofile, 
#most_active .tc3:last-child,
#profile #filetable .tc3, .catright {display:none !important;}
body #pun_wrap #pun #pun-navlinks .container {text-align: center !important; margin: 0 !important; width: auto !important; padding-right: 70px;}
#pun #upanel {right: 10px;}
#pun-title #title-logo-table {width: auto !important; margin: 0 !important;}
#line {font-size: 20px !important;}
#pun-main .category tr {min-height: 180px !important;}
.category h3 {font-size: 21px !important;}
#pun-main .usertable tr {width: calc(50% - 40px);}
#profile-left, #profile-right {width: 100% !important; display: block;}
#profile-left {margin-bottom: 20px;}
.punbb #form-buttons td {margin: 0 5px 5px !important;}
#profile #filetable .tc3.checker {display:table-cell !important;}
#cont-links #buttons2 a {font-size: 50px;}
#pun-main #cont-team #rotator .userouter {width: 46%;}
#pun #pun-ulinks .container {width: auto !important;}
#pun-ulinks .nav-item-notifications .bubble {left: -8px; right: auto;}
#pun_wrap #pun #pun-ulinks li.item8 {top: 5px; width: 53px;height: 49px; right: 10px;}
#usertop .ava, #usertop img {top: 5px !important;width: 49px !important;height: 49px !important;border-radius: 0 !important; right: 0px !important;}
#usertop .ava {border: 2px solid #0080b7;}
#usertop img {border:0 !important;}
#upanel .down:before, #upanel .down:after {display: none;}
#pun #pun-ulinks .item8 .unreads {right: -1em !important;}
#pun-main .subscribelink {position: relative; top: auto; text-align: left; left: 20px; margin-top: 10px; right: auto;}
#pun-main .subscribelink a {font-size: 20px;}
}


@media screen and (max-width: 800px) {

.punbb #pun-navlinks .container {padding-left: 80px;}
#pun-title #title-logo-tdl {background-image: url(https://forumstatic.ru/files/001a/11/44/98211.jpg) !important; width: 70px !important;}
.dark #pun-title #title-logo-tdl {background-image: url(https://forumstatic.ru/files/0007/e3/f7/80104.jpg) !important;}
.dark #pun #pun-navlinks {background-color: #393939;}

#pun .addvertprof, #pun .addhorprof,
#pun-online .tc3, #profile #filetable .tc2, #pun-index .subforums  {display:none !important;}
#prosait .prodiv {width: 96% !important; margin: -20px 2% 40px !important;}
#dir-block {width: 100% !important; margin: 0 !important;}
#buttons2 a.red, #buttons a.red {margin-top: 0 !important;}
#port-filter #dir-block {margin: 20px 0 0 !important;}
.category h3 {width: 100% !important;}
.main .category .tcr {width: calc(100% - 20px) !important;}
.main .category .tc2, .main .category .tc3 {width: calc(100% - 10px) !important;}
.category .desc {right: auto !important; width: calc(100% - 12px) !important; top: 130px;}
.punbb #pun-main .category tr {min-height: 260px !important;}

#pun .main #post-form fieldset, div#piar_reply_emulator fieldset {padding: 0 10px 0px 0px !important;}
#pun .main #post fieldset {padding: 0 !important;}
#administration, #most_active, #most_connected, #most_viewed_topics, #most_replied_topics, #top-donators, #latest-donators, #pun-online .main .section, #viewprofile-next, #profile {border: none !important;}
#most_active, #most_connected, #most_invitations, #most_viewed_topics, #most_replied_topics, #latest-donators {margin: 90px auto 30px;}
#administration .container, #most_active .container, #most_connected .container, #most_invitations .container, #most_viewed_topics .container, #most_replied_topics .container,
#top-donators .container, #latest-donators .container, #pun-online .main .section .container, #viewprofile .container, #profile .container {left: auto !important; top: auto !important;}
#pun-profile h1 a p {padding: 0px 20px 10px; font-size: 18px;}
#profile #filetable .tcr {width: 10% !important;}
#update_comments, #del_file {margin: 0 5px 10px !important;}
#profile #update_comments, #profile #del_file {max-width: 100% !important;}

.punbb #pun-main #cont-team #rotator .userouter {width: 100%; margin-right: 0;}

.forum .tcl a {font-size: 20px;}

#pun-pain .topicpost {margin-left: 10px; margin-top: 50px;}
#pun-pain .post {margin: 70px 20px 0px 80px;}


}

@media screen and (max-width: 740px) {

#pun #pun-navlinks {padding-left: 70px !important;}
#pun #pun-navlinks .container {padding-left: 0px;}

body #pun_wrap #pun #pun-navlinks .container {padding: 0 70px 0 20px !important;}

#pun #pun-navlinks .container li {padding: 0 10px;}

.punbb #pun-navlinks {height: 92px;}
#pun #pun-navlinks li span {height: 80px;}
#pun-navlinks #upanel .mob-fly {
top: 50px;
font-size: 0;
height: 14px;
padding: 2px 15px;
width: 23px;
text-align: center;
}
#pun-navlinks #upanel .mob-fly:after {
right: 20px;
font-size: 20px !important;
line-height: 14px;
}

#pun-navlinks li a span {
font-size: 0;
width: 36px;
padding: 0;
}
#pun-navlinks #fly li a span {width: auto;}
#pun-navlinks li a {position: relative;}

#pun #pun-navlinks li#navpm span:after,
#pun #pun-navlinks li#navadmin span:before {
display: none !important;
}

#pun-navlinks li a:after {
content: ' ';
font-size: 24px;
font-family: 'Material Icons Outlined';
color: #515862;
font-weight: normal;
position: absolute;
z-index: 2;
padding: 0 6px;
margin: 40px auto auto -18px;
pointer-events: none;
top: 0;
left: 0;
}

#pun .punbb-admin #pun-navlinks {
height: 90px;
text-align: center;
padding: 0 80px;
width: 100%;
box-sizing: border-box;
z-index: 10;
}

#pun .punbb-admin #pun-navlinks .container {
width: unset !important;
padding: 0 !important;
margin: 0 5px !important;
}

.dark #pun-navlinks li a:after {
color: #c6c6c6;
}

#pun-navlinks li a:hover:after, 
#pun-index #pun-navlinks li#navindex a[href$="/=&forum"]:after, 
#pun-userlist #pun-navlinks li#navuserlist a:after, 
#pun-search #pun-navlinks li#navsearch a:after, 
#pun-messages #pun-navlinks li#navpm a:after {color: #fff;}

#pun-navlinks li#navextra1 a[href$="/pages/index"]:after {content: '\e88a';}
#pun-navlinks li#navindex a:after {content: '\e8af';}
#pun-navlinks li#navextra2 a[href$="/=&forum"]:after {content: '\e8af';}
#pun-navlinks li#navextra3 a[href$="/pages/chat"]:after {content: '\f189';}
#pun-navlinks li#navuserlist a:after {content: '\f233';}
#pun-navlinks li#navsearch a:after {content: '\f02f';}
#pun-navlinks li#navprofile a:after {content: '\e85e';}
#pun-navlinks li#navpm a:after {content: '\e159';}
#pun-navlinks li#navadmin a:after {content: '\e8b8';}
#pun-navlinks li#Rz a:after {content: '\f106';}
#pun-navlinks li#navregister a:after {content: '\ef65';}
#pun-navlinks li#navlogin a:after {content: '\ea77';}
#pun-navlinks li#navlogout a:after {content: '\e9ba';}
#pun-navlinks li#navpr_1 a:after {content: '\ef49';}

.punbb #pun-navlinks #upanel #fly li a span {
font-size: 18px !important;
}

#menu a{
  font-size:0;
}
#menu a:after{
  font-size:24px;
font-family: 'Material Icons Outlined';
}
#menu a[href="/search.php?action=show_new"]:after{
  content: '\e05e'; /*Новые*/
}
#menu a[href="/search.php?action=show_recent"]:after{
  content: '\e031'; /*Активные*/
}
#menu a[href="/foundation.php"]:after{
  content: '\e263' /*Помочь форуму*/
}

#pun-announcement #menu {top:30px!important;}

#port-menu .prodiv {width: 96% !important; margin: -20px 2% 40px !important;}
#pun #conttext img.rfoto {top: -140px; width: 150px;}

.postlink a[href*="&act=questionary"], .topicpost.firstpost:after {display:none !important;}
.topicpost.post {margin-left: 10px !important;}
.post {margin: 70px 0px 0px 60px !important;}
#pun-searchposts .post {margin: 20px 0px 30px !important;}
.punbb #pun-main .usertable tr {width: calc(100% - 40px);}
#pun-messages .post {margin: 50px 0px 20px 20px !important;}
#pun-messages .pa-title {padding: 0 10px 0 60px !important;}

.html-special-2 .topic .post, .html-special-3 .topic .post {width: calc(100% - 50px) !important; margin: 60px auto 10px !important;}

.punbb #pun-main .topic {margin: 0 !important; width: calc(100% - 10px) !important;}

.punbb #pun-main .post {margin: 70px 0px 0px 10px !important;}
#pun-main .pa-avatar {left: -20px;}
#pun-main .pa-author a {left: 20px;}
#pun-main .pa-title {left: 60px;}

}


@media screen and (max-width: 650px) {

#fdcop3, 
#pun-statistic .tc3, #pun-foundation .tc3, #most_viewed_topics .tc2, #most_replied_topics .tc2,
#pun-messages .user-avatar {display:none !important;}
#pun-pages .da-slider {height: 400px !important;}
#pun #pun-pages .da-slide .da-link {
background: rgba(255,255,255,0.2) !important; width: 100%!important; 
padding: 10px 0;
}
#pun-pages .da-slide .da-link:after {
border: 0px solid transparent !important;
border-bottom: 0px solid transparent !important;
border-left: 0px solid transparent !important;
}
.da-slide p#mini1, .da-slide p#mini2, .da-slide p#mini3 {
    padding-right: 0 !important;
    text-align: center !important;
    width: 40% !important;
    display: inline-block;
height: auto !important;
margin: 0px;
}
.da-slide p#mini1 img, .da-slide p#mini2 img, .da-slide p#mini3 img {border: 5px solid rgba(255,255,255,0.6); width: calc(100% - 10px);}
#pun #messages td {padding: 10px !important;}
#pun-search .formal {border: none !important;}
#pun-search .formal .container {left: auto !important; top: auto !important;}
#pun-searchposts .post-author {margin: 0 !important;}
#pun-searchposts .post h3 {top: auto !important; width: auto !important; position: relative; padding: 10px 10px 0; right: 0;}

#pun-main .forum .tcl a {font-size: 26px;}

.forum .topicinfo .typecell {padding: 0px 15px 10px;}
.forum .topicinfo .typecell,
.forum .topicinfo .statcell {display:block;}
.forum .topicinfo .typecell* {display: inline-block !important;}
.topicinfo .typecell span + br {display: none;}
.topicinfo .closedatafield, .topicinfo .stickytext, .topicinfo .polltext, 
.topicinfo .topic-subscribe, .topicinfo .regtext, .topicinfo .spectext {margin: 10px 10px 0 0px !important;}

.forum .topicinfo .statcell {padding: 0 15px; max-width: 100%; min-width: auto;}
.forum .topicinfo .statcell span {margin: 0 15px 0 0px !important; display: inline-block;}

}

@media screen and (max-width: 630px) {

#form-buttons td#button-left,
.category .desc, #messages .tc3 {display: none !important;}
#pun #changeLang span {font-size: 18px;}
#pun #changeLang div.eflag {top: 5px;}
#pun #changeLang div.hflag {top: 44px;}

#pun .punbb #pun-main .category tr {min-height: 120px !important;}
.category .icon[data-new-topics]:after {
left: auto !important;
height: 19px;
width: 19px !important;
right: -130px;
content: '' !important;
top: 58px !important;
background-color: transparent !important;
padding: 0 !important;
background-position: 0 0 !important;
}
.post-box .quote-box, .punbb .post-content .spoiler-box, .post-content table, .post-box .code-box {margin: 0 0 5px !important;}

#pun #pun-ulinks li.nav-item-notifications a {height: 65px;}
#pun-navlinks .container {min-height: 92px;}
#pun #upanel #fly {margin-top: 80px;}
#pun-navlinks #upanel #fly.showuser {opacity:1 !important; visibility: visible !important;}
#pun-navlinks #upanel #fly li {padding: 10px 0;}

}

@media screen and (max-width: 547px) {

#pun #pun-announcement div.container, #pun #pun-title {overflow-x: inherit !important;}
#pun div.html-box, #pun #pun-stats ul.container {padding:0 !important;}
#pun #pun-navlinks .container {padding:0 90px 0 0 !important;}
#pun #pun-navlinks .container li {line-height: 60px !important;}
#pun #pun-navlinks .container li a {
width: auto !important;
height: auto !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
background-image: none !important;
color: #23afc8;
background: transparent !important;
box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
}

#pun #pun-navlinks .container li a span {font-size: 14px;}
#pun #pun-navlinks #navpm a span {font-size: 0px !important;}

#pun-navlinks li a:after, .punbb-admin #pun-navlinks li a:after {
content: ' ';
margin: 15px auto auto 0;
}

#pun .punbb-admin #pun-navlinks {padding-right: 10px;}

#pun-respect .tcl, #pun-positive .tcl,
#pun_wrap #pun #profile-right li.fldByGerda-del,
#pun-stats h2, #pun-stats li {display:none !important;}

#pun-stats li.onlinelist, #pun-stats li.birthday {display:block !important;}

#pun #line .icon {display: inline-block !important;}
#pun div.icon, #pun #pun-index #pun-crumbs1, #pun #pun-crumbs2 {display: block !important;}
#pun .category td.tcr {text-align: left !important;}
#pun .main .category .tcr a {width: 100%;}
.linkst .pagelink {margin-top: auto !important;}
#pun-main .linkst .postlink {margin: 20px auto 40px !important; text-align: left !important;}
.linksb .postlink {text-align: left !important; margin: 0px auto 60px;}
#pun #pun-messages .linksb .postlink {margin: 60px auto 10px !important;}
.punbb #pun-main .pa-title {top: -16px; height: 30px; z-index: 50; padding: 0 10px 0 26px !important; line-height: 38px; font-size: 10px;left: 25px;}
.post-author .pa-author a {padding: 0 16px 0px 30px; font-size: 14px;}
.post .online .pa-author:after {background: transparent;width: 0;height: 0; min-height: 90px; }
.topic .post h3 span, .post .post-author {background-color: transparent !important;}
#pun-searchposts .post .post-author {height: auto; border-bottom: 1px solid rgba(128, 128, 128, 0.20)!important; padding: 0 0 10px;}
#pun-post .post .post-author {padding: 0 0 10px;}
.post-author .pa-avatar {width: auto; height: auto;}
.punbb .formal .container {padding: 10px !important;}
.punbb .formal fieldset, #piar_reply_emulator fieldset {padding: 0px 20px 0px 10px !important;}
#pun #pun-index #pun-crumbs1, #pun #pun-crumbs2 {width: 100% !important;}
.topic .post {margin: 60px auto 10px !important;}
.post h3 {font-size: 13px;}
.punbb .multipage {margin-top: auto;}
#pun .punbb h1, #pun .punbb h2, #pun .punbb h1 span, #pun .punbb h2 span {white-space: inherit; font-size: 40px !important;}
#pun #pun-statistic h1 span {white-space: inherit; white-space: nowrap; text-overflow: ellipsis;}
#pun .punbb #pun-main .usertable tr {width: calc(100% - 12px);margin: 20px 10px 40px;}
#pun_wrap #pun #pun-profile h1 span {font-size: 0 !important;}
#pun #profile-left #profile-name,
#pun #profile-left #profile-title,
#pun #profile-left li:last-child {background-color: transparent !important; border: none !important;}
#pun #profile-left li:last-child strong {font-size: 0 !important;}
#pun #profile-left li:last-child strong:before {font-size: 16px !important;}
#pun #profile-left li:nth-child(3) {background-color: transparent !important;}
#pun #profile-left li img {
max-width: 250px !important;
max-height: 250px !important;
background-color: transparent !important;
margin-top: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#pun #profile-right li {
display: block !important;
background-color: transparent !important;
border-left: none !important;
padding: 5px !important;
text-align: left;
}
#pun #viewprofile li span {
    display: inline !important;
    font-weight: normal !important;
    padding: 0 !important;
    margin: 0 !important;
}
#pun #viewprofile li strong {
padding: 0 !important;
line-height: inherit;
font-weight: bold !important;
display: inline;
font-size: inherit;
}
#pun #viewprofile li.fldByGerda-3 strong {font-weight: normal !important;}
#pun #profile-right li strong a {font-size: 13px;border: none !important;}
#pun .formsubmit {margin: 10px !important; font-size: 0;}
#pun .punbb img.avatardemo {max-height: 100% !important;}
#pun #messages td {border-bottom: 1px solid #e6e6e6 !important;}
#pun #messages tr.inew td {border-bottom: 1px solid #23afc8 !important; border-top: 1px solid #23afc8 !important;}
#pun .post h3 span, #pun .post-author {background-color: transparent !important;}
#pun #pun-messages #profile legend {margin: 20px 0 0 !important;}
#pun #pun-messages .pa-title {padding: 0 10px 0 30px !important;}
#pun #pun-messages #pun-navlinks li#navpm span.num_msg,
#pun #pun-navlinks li#navpm span.num_msg {font-size: 11px !important;line-height: 14px !important;}
#pun .num_msg:before {top: 14px !important;}
#pun .post .post-content td {border: 1px solid #23afc8 !important; display: block; margin: 5px 0;}
.punbb #profile-signature ul {border: none !important;}
.punbb #viewprofile #profile-signature {padding: 20px 0px 10px;}
.punbb #profile .parsedsig {padding: 20px 0px 0px !important;}
#pun-main #profile .container {padding: 10px 0 !important;}
#pun-profile #pun-main #profile .container {padding: 10px !important;}
#pun-messages #pun-main #profile .post .container {padding: 10px !important;}
#pun-main #profile #profilenav, #profile10 #file_upload, #profile10 #fileQueue, #profile10 #file  {padding: 0 10px;}
.punbb input[type="text"], .punbb input[type="password"] {padding: 5px;}
#pun-searchposts .post h3 {font-size: 16px;}
#pun-messages #profile .post {margin: 50px 0px 10px 0px !important; width: calc(100% - 10px) !important;}
#pun-messages #pun-main #profile .container {width: calc(100% - 30px) !important; margin: 0 auto !important;}
#pun_wrap #pun #pun-messages fieldset {width: 100% !important;}
#pun-messages .post .post-author ul {margin: 16px 0 0 20px;}
#pun #pun-messages #pun-main #profile #messages .container {width: 100% !important; margin: 0 !important; padding: 0 !important;}
#pun-messages #messages .fs-box {margin-right: 0;}
#pun-messages #messages th {padding: 5px 10px !important;}
#pun-messages .tc2 {overflow: hidden !important;position: relative;white-space: nowrap !important;text-overflow: ellipsis;}
#pun-messages .tcl {text-align: left;}
#pun_wrap #pun #pun-messages .formal {margin: 30px auto 10px !important;}
#pun-messages .linksb {margin-top: 0;}

#profile .pa-avatar {left: -14px;top: -36px;}
.punbb #profile .pa-title {top: -8px; left: 22px;}
#profile .pa-author a {left: 26px; top: -36px;}
#pun-profile #profile fieldset {padding: 0 10px 10px !important}
.punbb #register input, .punbb #register select, .punbb #profile input, .punbb #profile select, .punbb #punbbsearch input {max-width: calc(100% - 10px) !important;}
.punbb #punbbsearch select {max-width: calc(100% - 60px) !important; min-width: 140px;}
#pun #pun-messages #pun-main #profile .container {width: calc(100% - 20px) !important;}
#pun-messages #pun-main #profile .post .container {left: 8px !important; top: 10px !important; width: 100% !important;}


#pun .punbb tbody.hasicon td.tcl {padding: 0 !important}
.main .forum .tcl .acchide {top: 50px;}

#pun .punbb .post-rating {right: 13px;}
#pun .punbb .post-rating a {font-size: 20px !important;}
.post-author li.pa-online, .post-author li.pa-respect {display: inline-block !important;}
#pun .post .online .pa-author:after {min-height: auto;}
.post .post-author ul {margin: 10px 0 0 20px;}

.punbb #userlist, #login, .punbb #request_pass, 
.punbb #punbbsearch, .punbb #register, 
.punbb #upload_avatar {padding: 10px !important;}
#pun .punbb .formal fieldset, #piar_reply_emulator fieldset {padding: 0px !important;}

#pun .formsubmit a {
font-size: 16px !important;
display: block;
padding: 0 !important;
margin: 15px 0 0;}

.pa-avatar img {height: 50px !important;width: 50px !important; max-width: 50px !important;}

#pun #pun-ulinks {
height: auto !important;
top: 0 !important;
right: 0 !important;
line-height: normal !important;
width: 100% !important;
background: transparent !important;
box-shadow: 0 0 0 transparent !important;
-webkit-box-shadow: 0 0 0 transparent !important;
}

#pun #pun-ulinks .container {top: auto !important;}
#pun #pun-ulinks li a {font-size: 0 !important;padding: 0 !important;}

#pun .post-author {height: auto;}
#pun .post-author li {margin-bottom: 4px !important;}
.post-author .pa-links ul li {top: 0;}

.topic .pa-ip {display: block; text-align: right;}
.topic .post h3 {top: -30px; right: 10px;}


.post .post-author .pa-links ul {margin: 0;}



#pun-messages .post-author.no-avatar .pa-avatar,
.post[data-group-id="3"] .post-author.no-avatar .pa-avatar, 
.post-author.no-avatar .pa-avatar a {width: 50px !important; height: 50px !important; border-radius: 4px !important;}

#pun-main .pa-links ul li a,
#pun-main .pagelink a,
#pun-main .pagelink strong,
#pun .punbb .post-rating a {
font-family: 'Book Antiqua';
font-weight: normal !important;
text-transform: uppercase;
}

#pun-main .pagelink a,
#pun-main .pagelink strong {padding:0 5px !important;}
#pun-main .pa-links ul li a {padding: 2px 3px !important;}

.punbb #pun-main .subscribelink {text-align: left;right: auto; left: 20px;}

}

@media screen and (max-width: 540px) {
#pun #navextra1, #pun #navextra2, #pun #navextra3, 
#pun #navextra4, #pun #navextra5, #pun #navextra6, 
#pun #navextra7, #pun #navextra8, #pun #navextra9, 
#pun #navextra10 {display: inline-block !important;}
}

@media screen and (max-width: 480px) {

#pun #form-buttons tr {
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 6px;
margin-bottom: 6px;
}

#messages .pmtc24, #pun #pun-messages .linksb .postlink, .topic a.sharelink,
#pun-title #title-logo-tdl {display:none !important;}

#pun_wrap #pun #pun-pages .da-slider {height: 474px !important;}
#pun_wrap #pun #pun-pages .da-slide .da-link {padding: 0;}
#pun .da-slide p#mini1, #pun .da-slide p#mini2, #pun .da-slide p#mini3 {text-align: left !important; width: 100% !important;}
#pun .da-slide p#mini1 img, #pun .da-slide p#mini2 img, #pun .da-slide p#mini3 img {width: calc(50% - 20px) !important; margin-left: 10px !important;}
#buttons2 a, #buttons a {font-size: 40px !important;}
#pun #pun-main .forum .tcl a {font-size: 20px !important;}
.post-links li {margin-top: 5px; margin-bottom: 5px;}
body #pun_wrap #pun #pun-navlinks .container {padding: 0 70px 0 10px !important;}

.pages #port-title h2 {top: 0px;}

#pun-navlinks #upanel #fly li, #pun-navlinks #upanel #fly li a span {
width: unset;
}

#pun #pun-navlinks {padding-left: 3px !important;}
#pun-navlinks li a:after {font-size: 20px;}

}

@media screen and (max-width: 420px) {
#pun_wrap #pun #profile-left li img {max-width: 200px !important; max-height: 200px !important;}
#pun-messages .post h3 {right: 0px; font-size: 12px;}
.forum .topicinfo .lastcell2 {padding: 0px 15px 10px;}
}



/*************************************************************
КОПИРАЙТ
**************************************************************/
#pun-about .container {margin: 0;}
#html-footer {
background: #2e3e4f url(/files/0007/e3/f7/53799.jpg) no-repeat top center;
padding-top: 36px;
color: #7a90a8;
}
#html-footer a {color: #2190c1; font-weight: normal;}
#html-footer a:hover, #html-footer a:active, #html-footer a:focus {color: #00c1e4;}
#bottom {text-align: center;}
#fdcop1 {
text-transform: uppercase;
font-size: 16px;
margin: 14px 0 5px;
}
#fdcop1.icons a {
display: inline-block;
font-family: 'FontAwesome';
font-size: 26px;
color: #f98561;
height: 32px;
width: 32px;
margin: 2px 4px;
transition: all 0.0s;
-webkit-transition: all 0.0s;
}

a#TWT {font-size: 24px !important;}

#fdcop1.icons a:hover {color: #e63737;}

#fdcop2 {margin-bottom: 16px;}
#fdbotBANNER {margin-bottom: 16px; }
#fdcop3 {margin-bottom: 30px;}
#fdcop3 #bmenu {
display: inline-block;
width: 18%;
vertical-align: top;
margin: 0 1%;
text-align: left;
}
#fdcop3 #bmenu span {
font-family: 'Bebas Neue', 'Book Antiqua';
text-transform: uppercase;
color: #ccc;
font-size: 26px;
}
#fdcop3 #bmenu ul {margin: 0;}
#fdcop3 #bmenu li {
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#bmenu li:hover {margin-left: 10px;}

.partners_bannr img {
    transition: all .5s ease-in-out 0s;
    filter: grayscale(100%) opacity(50%);
}
.partners_bannr img:hover{
transition: all .5s ease-in-out 0s;
filter: grayscale(0%) opacity(100%);
}
.bannr img {
    transition: all .5s ease-in-out 0s;
    filter: grayscale(100%) opacity(50%);
}
.bannr img:hover{
transition: all .5s ease-in-out 0s;
filter: grayscale(0%) opacity(100%);
}

#pun-about {text-align: center;}