/*************************************************************
crush
**************************************************************/

@import url(style_cs.1757783887.css);

/* FONTS / äîï øðèôòû
--------------------------------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0');
@import url('https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Amatic+SC:wght@400;700&family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Elsie:wght@400;900&family=Forum&family=Fredericka+the+Great&family=Gabriela&family=Hina+Mincho&family=Inter:wght@100..900&family=Marck+Script&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poiret+One&family=Prata&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ruslan+Display&family=Tilt+Neon&family=UnifrakturMaguntia&family=Whisper&family=Yeseva+One&display=swap');

@font-face {
    font-family: 'Berold Regular';
    src: url('https://forumstatic.ru/files/001c/12/09/42151.otf');
    src: url('https://forumstatic.ru/files/001c/12/09/42151.otf?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: santello;
    font-weight: normal;
    src: local('SANTELLO'),
    url(https://forumstatic.ru/files/001c/31/d4/31165.woff?v=1) format('woff');
}

@font-face {
    font-family: atakana;
    font-weight: normal;
    src: local('atakana'),
    url(https://forumstatic.ru/files/001c/5e/86/89671.otf) format('opentype');
}

@font-face {
    font-family: soledago;
    font-weight: normal;
    src: local('soledago'),
    url(https://forumstatic.ru/files/001c/5e/86/47268.ttf) format('truetype');

}

@font-face {
    font-family: unageo;
    font-weight: normal;
    src: local('Unageo[wght,ital]'),
    url(https://forumstatic.ru/files/001c/31/d4/75031.otf) format('opentype');
}


/* ROOT / öâåòà
--------------------------------------------------------------------------------------*/

:root {
    --bg: url(https://forumstatic.ru/files/001c/5e/86/32330.jpg);
    --bg1: url(https://forumstatic.ru/files/001c/31/d4/69098.jpg);
    --title-bg: url(https://forumstatic.ru/files/001c/5e/86/65841.jpg);
    --foot: url();

    --dark: #161616;
    --pun: #d1d1d1;
    --liter: #d9d9d9;
    --acc: #000;
    --acc2: #aa4f79;

    --link-alt: var(--acc2);
    --link: var(--acc);

    --brd: 1px solid var(--dark);

    --font: Verdana;
    --font1: soledago;
    --font2: Playfair Display;
    --num: atakana;

    --pzero: 0px;
    --plite: 5px;
    --pmid: 15px;
    --pmidw: 25px;
    --pwell: 30px;
    --pwide: 45px;
    --pmax: 90px;
    --prow: 256px;
    --wid: 1050px;

    --mat: 'Material Symbols Outlined';
    --mat1: 'Material Symbols Rounded';
    --fawe: 'Font Awesome 5 Pro';
  
    --trans: all 0.2s;
    --shdmain: 0px 3px 5px #c5c5c5;
    
    --cat1: url(https://forumstatic.ru/files/001c/5e/86/28966.jpg);
    --cat2: url(https://forumstatic.ru/files/001c/5e/86/60902.jpg);
    --cat3: url(https://forumstatic.ru/files/001c/5e/86/10645.jpg);
    --cat4: url(https://forumstatic.ru/files/001c/5e/86/84463.jpg);
    --cat5: url(https://forumstatic.ru/files/001c/5e/86/32681.jpg);
    --cat6: url(https://forumstatic.ru/files/001c/5e/86/70386.jpg);
    --catst: url(https://forumstatic.ru/files/001c/5e/86/18708.jpg);
}

/* BASICS / áàçà ôîí òåëî ñòðóêòóðà
--------------------------------------------------------------------------------------*/

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: var(--bg) center center / cover fixed var(--dark);
}

body.dark {
    background: var(--bg1) center center / cover fixed var(--dark);
}

#pun::before {
    content: '';
    height: 65px !important;
    background: var(--dark);
    border-radius: var(--pmid) var(--pmid) 0 0;
    display: block;
    box-shadow: 0px -1px 0 1px #000;
    width: var(--wid);
}

#pun {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: var(--wid);
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
    color: var(--dark);
    margin: 50px auto;
    border-radius: var(--pmid);
    box-shadow: 0 0 14px 5px #000;
    background: var(--pun);
}

.punbb {

}



/* MAIN PG / ãëàâíàÿ 
--------------------------------------------------------------------------------------*/

/* header / õýäåð */
#pun-title {
    height: 358px;
    width: var(--wid);
    background: var(--title-bg);
}

#pun-index .hasicon {
    padding: var(--pmidw) calc(var(--pwell) + 8px);
    padding-top: 0;
    margin-top: 0;
}

.hasicon, 
.usertable tbody, 
#messages tbody, 
#pun-respect .container tbody, 
#pun-positive .container tbody, 
#pun-online .container tbody {
    display: flex;
    flex-direction: column;
    gap: var(--plite);
    padding: 0 var(--pwide);
    font-family: var(--font);
    margin: 10px 0;
}

.hasicon tr {
    background: var(--liter);
    position: relative;
    box-sizing: border-box;
    display: grid;
}

.intd {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

#pun-index .hasicon tr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#pun-index .hasicon tr {
    grid-template-areas: "left right";
    gap: 45px;
    grid-template-columns: 591px 303px;
}

#pun-index .tcl {
    grid-area: left;
}

#pun-index .tclcon {
    padding-left: 44px;
}

.punbb tbody.hasicon td.tcl {
    padding: 30px;
}

#pun-index Div.icon {
    background: url(https://forumstatic.ru/files/001c/5e/86/72992.png);
    display: block;
    margin-left: 571px;
    position: absolute;
    width: 36px;
    height: 36px;
}

#pun-index .tcl h3 {
    margin: 0;
    font: 500 14px var(--font1);
    margin-top: -6px;
}

#pun-index .tcr {
    display: flex;
    flex-direction: column;
    width: 93%;
    gap: 5px;
    font-size: 9px;
    font-family: var(--font);
    text-transform: lowercase;
    grid-area: right;
    justify-content: center;
}

.lastpost-link {
    font-family: var(--font1);
    font-size: 15px;
}

li#onlinelist {
    margin-top: 1em;
    float: left;
    width: 100%;
    text-align: justify;
    line-height: 18px;
}

#pun-stats .container {
    margin: 0 var(--pwide);
    background: var(--liter);
    padding: var(--pwell);
    font-family: var(--font);
}

/* êàòåãîðèè */
  .category h2, #pun-stats h2 {
    height: 66px;
    margin: 0 calc(var(--pwell) + 8px);
    position: relative;
    box-shadow: var(--shdmain);
    font-size: 0 !important;
}
#pun-index .category.category-1 h2 {
    background: var(--cat1);
}
#pun-index .category.category-2 h2 {
    background: var(--cat2);
}
#pun-index .category.category-3 h2 {
    background: var(--cat3);
}
#pun-index .category.category-4 h2 {
    background: var(--cat4);
}
#pun-index .category.category-5 h2 {
    background: var(--cat5);
}
#pun-index .category.category-6 h2 {
    background: var(--cat6);
}

.hasicon, 
.statscon, 
#pun-admain, 
#pun-announcement news, 
.post, 
#pun-viewtopic #post, 
#pun-edit #post, 
#pun-post #post, 
.usertable, 
#userlist, 
#messages, 
#profile, 
#pun-respect .container table, 
#pun-positive .container table, 
.section.online-list, 
#punbbsearch, 
.info-box, 
.info, 
#viewprofile, 
#change_pass, 
#register, 
#pun-movetopic form.container {
    box-sizing: border-box;
}

.hasicon tr,
thead tr,
.usertable tr,
#messages tr,
#pun-searchtopics tr,
#pun-respect tr,
#pun-positive tr,
#pun-online tr,
.profile-awards-container tr {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 8% 8% 30%;
    justify-content: space-between;
    text-transform: lowercase;
    box-shadow: var(--shdmain);
    border-radius: var(--pzero);
    font-family: var(--font);
    margin: 0;
    position: relative;
    align-items: center;
}

/* footer / ôóòåð */

#pun::after {
    content: '';
    height: 65px !important;
    background: var(--dark);
    border-radius: 0 0 var(--pmid) var(--pmid);
    display: block;
    visibility: visible!important;
    box-shadow: 0px -1px 0 1px #000;
    width: var(--wid);
}

.banners {
    width: 750px;
    overflow-x: auto;
    display: flex;
    height: 59px;
    position: absolute;
    margin-top: 7px;
    margin-left: 148px;
    gap: 6px;
    z-index: 1000;
    align-items: center;
}
.banners img {
    border-radius: 5px;
    opacity: .6;
}

/* FORUMS / ñòðàíèöû
--------------------------------------------------------------------------------------*/
#pun-searchtopics tr {
    grid-template-columns: 40% 20% 6% 26%;
}

.usertable tr {
    grid-template-columns: 20% 32% 6% 6% 10% 10%;
}

#pun-messages .hasicon tr,
#messages thead tr {
    grid-template-columns: 1fr 18% 10% 3%;
    align-items: center;
}

#pun-respect tr,
#pun-positive tr {
    grid-template-columns: 12% 2% 15% 30% 30%;
}

#pun-online tr {
    grid-template-columns: 40% 40% 17%;
}

#pun-mod .container tr,
.profile-awards-container tr {
    grid-template-columns: 20% 10% 40% 30%;
}


/* PROFILE / ïðîôèëü
--------------------------------------------------------------------------------------*/

.post-author {
    width: var(--prow);
}

.post-author ul {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    width: var(--prow);
    border: var(--brd);
    font-family: var(--font);
    margin: var(--pzero);
    color: var(--dark);
    background: var(--liter);
    padding-top: var(--pmid);
    padding-bottom: var(--pmid);
}

.post-author li {
    width: inherit;
}

/* fandom / ôàíäîì */
.pa-fld1 {
    font-size: 9px;
}

/* nickname / àâòîð */
.pa-author {
    font-size: 17px;
    font-family: var(--font1);
    margin-bottom: var(--plite);
}

/* icon / èêîíêà ëñ */
.pa-fld2 {
    z-index: 200;
    display: flex;
    width: 42px !important;
    left: -13px;
    margin-top: 25px;
    height: 32px;
    position: absolute;
    background: url(https://forumupload.ru/uploads/001c/5e/86/2/425469.png) no-repeat;
    align-items: center;
    justify-content: center;
}

.pa-fld2 img {
    margin-left: -6px;
}

/* avatar / àâàòàð */
.pa-avatar {
    z-index: 2;
    position: relative;
    background: url(https://forumupload.ru/uploads/001c/31/d4/7/237001.gif);
    border-top: var(--brd);
    border-bottom: var(--brd);
    padding: 15px;
}
.pa-avatar img, #pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: 0 0 0 1px var(--dark);
}

/* signa / ïëàøêà */


/* summary / ëè÷íîå çâàíèå */
.pa-fld4 {
    font-family: var(--font);
    font-size: 9px;
    padding: var(--pmid) var(--pmidw);
    text-align: justify;
    line-height: 15px;
}

.pa-fld4 a {
    color: var(--acc2);
    font-size: 11px;
    font-weight: 600;
}

.pa-fld4 a:hover {
    color: var(--acc);
}

/* form / àíêåòà */
.pa-fld3 {
    font-family: var(--font1);
    letter-spacing: .4px;
    padding: var(--plite);
    padding-bottom: calc(var(--plite) + 2px);
    border-width: 1px 0 1px 0;
    border-color: var(--dark);
    border-style: dashed;
    font-size: 13px;
}

/* post rep money / ñîî ðåïà äåíüãè */
.pa-respect, .pa-posts, .pa-fld5 {
    width: calc(calc(var(--prow) - 22px) / 3) !important;
    position: relative;
    font-weight: 800;
    z-index: 2;
    font-family: var(--font2);
    font-size: 12px;
    color: var(--acc2);
    -webkit-text-size-adjust: none;
    margin-top: 10px;
}

.pa-respect .fld-name, .pa-posts .fld-name, .pa-posts a, .pa-fld5 .fld-name {
    display: block;
    position: relative;
    font-family: var(--font);
    font-size: 9px;
    color: var(--dark);
    font-weight: 100;
    text-transform: lowercase;
    margin-bottom: 5px;
}


/* TOPICS / òåìû
--------------------------------------------------------------------------------------*/

.quote-box,
.code-box,
.blockquote,
.inner,
.modal-inner {
    border: var(--brd);
    display: flex;
    margin: var(--pmid);
    overflow: hidden;
    flex-direction: column;
}

.scrollbox {
    width: auto;
    overflow: auto;
    padding: 0 var(--pmid);
}

cite,
.spoiler-box > div {
    font-family: var(--font1);
    padding: 5px 15px 8px;
    font-size: 15px;
}

.quote-box cite, .spoiler-box > div.visible {
    border-bottom: 1px dashed var(--dark);
    color: var(--acc2);
    font-style: normal;
}

.code-box .legend {
    font-family: var(--font1);
    padding: 5px 15px;
    font-size: 15px;
}

.post .container {
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
}

.post {
    padding: 0 var(--pwide);
    border-bottom: 1px dashed var(--acc);
}

blockquote {
    padding: 15px;
    margin: var(--pzero);
}

.blockcode {
    background: var(--dark);
    color: var(--liter);
    margin-top: 5px;
}

blockquote p:last-child {
    padding: var(--pzero);
}

.post-content p {
    margin: var(--pzero);
    line-height: 150%;
    padding-bottom: var(--pmid);
    text-align: justify;
}

.post-body {
    display: block;
    width: calc(100% - var(--prow) - 15px);
    position: relative;
    background: var(--liter);
}

.post h3 span {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: calc(100% - 1px);
    margin-bottom: -30px;
    margin-left: 10px;
}
  
.post h3 strong {
    font-family: var(--num);
    color: var(--acc);
    font-size: 18px;
    z-index: 100;
}

.post-box {
    padding: var(--pwell);
}

.permalink {
    font-family: var(--font);
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
}

.post-links {
    width: calc(100% - 1px);
}

.post-links li {
    display: inline-block;
    padding-left: 1em;
}

.post-links ul {
    text-align: right;
    text-transform: lowercase;
    font-family: var(--font);
    font-size: 10px;
}

/* fieldset / ôîðìû */
fieldset {
    margin: 0 var(--pwide) !important;
    border: none !important;
    padding: 0;
}

.formsubmit {
    margin: 0 0 0 var(--pwide);
}

/* CUSTOM FORM-BUTTONS WITH WRITTEN SYMBOLS © BLANCHE. free for use only with copy */
#form-buttons {
    display: grid;
    grid-template-columns: 145px 1fr;
    margin-bottom: -5px;
    background: var(--liter) !important;
    border: 1px solid var(--acc);
}

#form-buttons table {
    width: 100% !important;
}

#form-buttons tr {
    width: 100%;
    display: flex;
    height: 26px;
    justify-content: space-between;
}

#plng,
#form-buttons td {
    display: flex;
    justify-content: center;
    gap: 3px;
    align-items: center;
    height: 26px;
    box-sizing: border-box;
    color: var(--dark);
}

#form-buttons td {
    background-image: none !important;
    font-family: var(--mat);
    font-size: 15px;
    width: inherit !important;
    cursor: pointer;
    transition: all 0.5s;
}

#plng {
    font-size: 9px;
    font-family: var(--font);
}

#plng,
#form-buttons td:hover {
    color: var(--dark);
    background: var(--acc);
}

#form-buttons td img {
    z-index: 9;
}

#form-buttons td:before {
    position: absolute;
}

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

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

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

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

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

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

#button-transL:before {
    content: '\e8e2';
}

#button-indent:before {
    content: '\e23e';
}

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

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

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

#button-justify:before {
    content: '\e235';
}

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

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

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

#button-imagetwo:before {
    content: '\e3f4';
}

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

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

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

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

#button-html:before {
    content: '\ef54';
}

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

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

#button-smile:before {
    content: '\e87d';
    display: none;
}

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

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

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

#button-mask:before {
    content: '\e853';
}

#floatbut:before {
    content: '\e3b5';
}

#button-dice:before {
    content: '\e025';
}

/* tags */
#tags .container,
#float {
    overflow-y: auto;
    padding: 10px !important;
    height: 171px;
    font-family: var(--font);
    font-weight: 300;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    z-index: 99999;
    font-size: 10px;
    background: var(--pun);
    border: 1px solid var(--col1);
    top: 36px !important;
    margin: 1px 5px 0 11px;
    color: var(--bg-color);
    border-radius: 8px;
}

#font-area div,
#size-area div,
#addition-area div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.5s;
    margin: -10px;
    padding: 10px;
    position: relative;
}

#font-area div:hover,
#size-area div:hover,
#addition-area div:hover {
    background: var(--col1);
}

#font-area div img,
#size-area div img {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}

#font-area span,
#size-area span,
#addition-area div {
    height: auto !important;
}

#uploaded-images img {
    object-fit: cover;
}

#image-area,
#color-area,
#video-area,
#spoiler-area {
    height: auto !important;
}

#spoiler-area a,
#image-area a {
    color: inherit;
}

#float {
    left: 43%;
    z-index: 2;
    height: auto;
    position: absolute;
    display: none;
}

textarea {
    box-sizing: border-box;
    background: #e9e9e9;
    border: none;
    padding: var(--pmid);
    font: normal 100% verdana, arial, helvetica, sans-serif;
}

/* LINKS / ññûëêè
--------------------------------------------------------------------------------------*/

a {
    color: var(--link);
    text-decoration: none;
    transition: all 0.2s;
}

a:hover,
a:focus,
a:active {
    color: var(--link-alt);
}

#pun-navlinks .container {
    font-family: var(--font1);
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
}

#pun-ulinks .container {
    font-size: 9px;
    font-family: var(--font);
    text-align: center;
    text-transform: lowercase;
}

#pun-navlinks li,
#pun-ulinks li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

#pun-ulinks a {
    color: var(--acc2);
}

#pun-ulinks a:hover {
    color: var(--dark);
}


/* TIP SELECT SCROLL / òèïû ñêðîëëáàðû âûäåëåííîå
--------------------------------------------------------------------------------------*/

:focus {
    outline: none!important;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--pun);
    border: var(--brd);
}

::-webkit-scrollbar-thumb {
    background: var(--acc);
    border: var(--brd);
}

.dark::-webkit-scrollbar-track {
    background: var(--dark);
}

::selection {
    color: var(--acc);
    background: var(--dark);
}


/* EXTRA / âñ¸ îñòàëüíîå
--------------------------------------------------------------------------------------*/

/* lists / ñïèñêè */
ul, 
dl, 
li, 
dd, 
dt {
    padding: 0;
    list-style: none;
}

/* table / òàáëèöû */
table {
    table-layout: fixed;
    width: 100%;
}

/* checkbox / ôëàæêè */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle;
}

/* select / âûïàäàþùèå ìåíþ */
select,
input,
option {
    color: var(--dark);
    text-transform: lowercase;
    box-sizing: border-box;
}

/* buttons / êíîïêè */
.button {
    background: var(--acc) !important;
    padding: 5px 25px 6px !important;
    text-transform: lowercase;
    border: var(--brd);
    font-size: 10px !important;
    color: var(--dark);
    font-family: var(--font);
    transition: var(--trans);
    cursor: pointer;
}

/* text formats / ôîðìàòèðîâàíèå òåêñòà  */
del {
    text-decoration: none;
    background: var(--acc);
    color: var(--acc);
    transition: var(--trans);
    opacity: 0.7;
}

del:hover {
    font: inherit;
    background: none;
    color: var(--dark);
    opacity: 1;
}

abbr {
    border-bottom: 1px dashed var(--acc2);
    text-decoration: none;
}

.bbuline {
    border-bottom: 1px solid var(--acc2);
    font-style: normal;
}

.button:hover {
    background: var(--dark) !important;
    color: var(--liter);
}

.crumbs {
    font-family: var(--font2);
    font-size: 13px;
    margin: var(--pmidw) var(--pwide) 0;
    text-transform: lowercase;
}

.crumbs a,
#pun-index .crumbs {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.crumbs a:after, #pun-searchposts h3 span a:before, .crumbs:before {
    content: '#';
    color: var(--acc);
}

pre {
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
}

#pun-status .container {
    position: absolute;
    top: 260px;
    left: 642px;
    font-size: 8px;
    transform: rotate(-3deg);
    letter-spacing: 0.7px;
    font-family: var(--font);
    color: var(--pun);
    opacity: 0.5;
    text-transform: lowercase;
}

#pun-status .container .item1:after {
    content: 'êàê äåëà?';
    margin-left: 5px;
}

/* hidden / ñêðûòî */
.fd,
.nm,
.reactions-root,
.lastedit,
.pl-reports,
.acchide,
.pl-share,
.sharelink,
.multipage .topic h2,
.divider hr,
.crumbs em,
.crumbs strong,
.punbb .modmenu .container span,
h1,
div#pun-live-rusff,
form#post.container legend span,
#post-form h2,
#pun-index .subforums em,
#pun-navlinks h2,
#pun-status h2,
#pun-status .container .item2, 
#pun-status .container .item4,
#pun-index th,
#pun-index .tcr br,
#pun-index .tc2, 
#pun-index .tc3,
#pun-userlist .main h2,
#pun-ulinks h2,
#pun-searchposts em,
#pun-announcement h2 {
    display: none!important;
}












/* ÍÀ×ÈÍÀÉ ÏÐÎÂÅÐßÒÜ ÕÓÉÍÞ
-------------------------------------------------------------*/

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.5 */
.punbb .category {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  }

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }



/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */




/* D8.1 */
#pun-qjump {
  margin: 0;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  position: relative;
  height: 0;
  z-index: 1;
  }
  






@keyframes beat{
    0%{
        transform: scale(1);
    }
    20%{
        transform: scale(1.15);
    }
    40%{
        transform: scale(1.4);
    }
}