<!-- Инструмент для добавления bb-кодов -->
<script src="https://mybb.kozhilya.ru/script/mybbcode.min.js"></script>
<!-- END Инструмент для добавления bb-кодов -->

<script>
// =====  Обтекание изображения текстом ===== 
MyBBCode.addTag('float', elem => {
    elem.css('float', elem.attr('alt'));
});

MyBBCode.addEditorButton('float', {
    name: "Обтекание",
    onclick: _ => changeVisibility('float-area'),
    floats: {
        "left": {
            "icon": "https://forumstatic.ru/files/0015/dd/40/52315.png",
            "text": "Выравнивание слева",
        },
        "right": {
            "icon": "https://forumstatic.ru/files/0015/dd/40/32241.png",
            "text": "Выравнивание справа",
        },

    }
}, 'link');

const floatContainer = $(`<div class="container" id="float-area" style="display:none" onclick="changeVisibility('float-area')"></div>`);
floatContainer.html(((floats) => {
    let html = "";

    for (const [dir, data] of Object.entries(floats)) {
        html += `<img src="${data.icon}" alt="${data.text}" title="${data.text}" onclick="bbcode('[float=${dir}]', '[/float]')">`;
    }

    return html;
})(FORUM.editor.float.floats));
$(document).on('pun_main_ready', _ => $('form#post #tags').append(floatContainer));
});
});
</script>

.custom_tag_float[alt="left"] {
    float: left;
    margin-right: 14px;
}

.custom_tag_float[alt="right"] {
    float: right;
    margin-left: 14px;
}


/*************************************************************
Спец посты
**************************************************************/
/*Базовые элементы*/
.shtitle {
    background: #212121;
    color: #b9aa6c;
    border-bottom: 1px solid #817440;
    letter-spacing: .8px;
    padding: 14px 0px 10px 0px;
}

.sh-container {
    padding: 15px;
    background: #c7c6b8;
    border: 1px solid #b7a275;
    box-shadow: 0px 0px 10px #1f232617, 0px 0px 20px inset #e9e8de;
}

.sh-item {
    padding: 20px;
    background: #cbcac2;
    border: 1px solid #b7a275;
    box-shadow: 0px 0px 10px #1f232617, 0px 0px 20px inset #bbb8a082;
    text-align: justify;
}





/*Гостевая*/
.guestbook {
    background: url(https://forumstatic.ru/files/001b/f8/73/63948.jpg) no-repeat center / cover;
    color: #cecfc5;
}

.header-h1 {
    color: #e5d584c7; 
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 15px;
}

.header-h1 > p {
    font-size: 50px;
    font-family: 'Forum';
}

.header-h1 a {color: #e5d584c7; font-family: 'beaufort';}

.header-h1:before {
    content: '';
    background: url(https://forumstatic.ru/files/001b/ff/af/14637.jpg?v=1) repeat-x;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.guest-container {
    padding: 30px 30px 20px 30px;
    font-size: 11px;
    text-align: justify;
}

.guest-container a, .individual .episode-char a {color: #e5d584c7;}

.guest-occupied {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.occupied-item {
    width: calc(50% - 35px);
    border: 1px solid #7a6949;
    background: #181d1e82;
    height: 100px;
}

.item-name {
    padding: 5px;
    text-align: center;
    font-family: 'beaufort';
    color: rgb(205 192 122 / 86%);
    border-bottom: 1px solid #7a6949;
    font-size: 14px;
    text-transform: uppercase;
}

.item-text {
    overflow: auto;
    height: 47px;
    padding: 10px;
}


/*Приветственное сообщение*/
.welcome-desc {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.welcome-text {width: calc(100% - 170px); text-align: justify;}

.welcome-text p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 10px;
    justify-content: space-between;
}

.welcome-text a {
    display: inline-block;
    text-align: center;
    transition: all 0.3s linear 0s;
    padding: 4px;
    text-transform: lowercase;
    letter-spacing: 0.4px;
    width: calc(50% - 25px);
    text-shadow: 0px 0px 1px #8181788f;
    font-family: 'Beaufort';
    font-size: 12px;
    color: #d7d8d0;
    background: #7c4848;
    border: 1px solid #ada268;
}

.letter {
    background: url(https://forumstatic.ru/files/001b/6f/93/31361.jpg) top left no-repeat;
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%), -20px 0 20px -23px rgb(0 0 0 / 20%), 20px 0 20px -23px rgb(0 0 0 / 20%), 0px 0px 0px 1px #9f9f965c inset;
    transform: rotate(0.4deg);
    padding: 12px 20px;
}

.letter-text {
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 1px #95958b;
    font-size: 11px;
    text-align: justify;
}

.letter a {
    color: #a26141;
    text-transform: uppercase;
}


/*Подсчет баллов*/
.comand-check {
    background: #8b8b8152;
    padding: 10px;
    text-transform: uppercase;
    border: 1px solid #817440;
}

.shtitle.command {
    text-transform: uppercase;
    text-shadow: 1px 1px #000, 0px 0px 5px #b9b9b14d;
}

.command.sh-container {
    flex-direction: row;
    display: flex;
    justify-content: space-around;
    gap: 20px;
}

.comand-item {width: 100%;}
.comand-item .comand-check {text-transform: lowercase;}
.comand-check.win {background: #212121; color: #b1b1a9;}


/*Лор*/
.shtitle.lore {
    background: url(https://forumstatic.ru/files/001b/ff/af/41803.jpg?v=1) center;
    padding: 16px 0;
    text-shadow: 1px 1px #000, 0px 0px 5px #b9b9b14d;
    border: 1px solid #817440;
}

.sh-container.lore {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.lore .sh-item img {
    mix-blend-mode: luminosity;
    border: 1px solid #95937f;
    box-shadow: 0px 0px 5px #9391797a;
}

.lore .sh-item a {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Beaufort';
    font-size: 11px;
    color: #722e2e;
    letter-spacing: 1px;
    border-bottom: 1px solid #994343;
    margin: 2px 10px;
    transition: all 0.8s ease;
}

.lore .sh-item a:hover {
    background: #8a7d4a;
    color: #cbcbc9;
    font-weight: 400;
    padding: 2px 10px;
    margin: 0;
    transition: 2s;
    border-radius: 3px;
    text-shadow: 0px 0px 3px #7d703d87;
    box-shadow: 0px 0px 5px #5252503d inset, 0px 0px 0px 1px #a6a69c;
}

.title-cart {
    background: url(https://forumstatic.ru/files/001b/6f/93/44168.jpg);
    display: flex;
    align-items: center;
    position: relative;
    height: 100px;
    z-index: 1;
    justify-content: flex-end;
}

.title-cart img {
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.fraction {
    text-align: center;
    padding: 10px 20px;
    max-width: 550px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fr-title {
    font-family: forum;
    text-transform: uppercase;
    font-size: 27px;
    color: rgb(209 194 113 / 67%);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 66%), 0 0 5px rgb(127 114 62 / 30%);
    letter-spacing: 2px;
}

.fr-desc {
    font-family: 'beaufort';
    color: rgb(204 204 194);
    text-shadow: 1px 1px #000;
    font-size: 13px;
}

.fr-info {
    border: 1px solid #9b9b907d;
    background: #c1c1b561;
    padding: 20px;
}

.fr-info:not(:last-child) {margin-bottom: 20px;}
.fr-info .spoiler-box {border: none; padding: 0;}
.fr-info .spoiler-box > div, .fr-info .spoiler-box > div.visible {
    background: #cfcfc29c;
    padding: 10px 20px;
    box-shadow: 0px 0px 0px 1px #b7a275 inset, 0px 0px 3px #c3c2b5, 0px 0px 20px #c1c0b1 inset;
    font-family: 'beaufort';
    text-transform: uppercase;
    font-size: 13px;
}

.fr-info .spoiler-box > div:before {
    content: '\f0da';
    font-family: Fontawesome;
    margin-right: 5px;
    transition: all .5s ease-in-out .15s;
    width: auto;
    height: auto;
    display: inline-block;
}

.fr-info .spoiler-box > div.visible:before {transform: rotate(90deg);}

.multik .sh-container .switcher {
    padding: 0;
    justify-content: flex-start;
    gap: 10px;
}

.fr-info.warning {border-left: 3px solid #b7a275;}


/*Отношения*/
.relat-container {
    background: rgb(215 215 206 / 35%);
    border: 1px solid rgb(145 145 133);
    padding: 20px;
    text-align: justify;
}

.shtitle.relationship {
    padding: 10px 0;
    text-shadow: 1px 1px #000, 0px 0px 5px #b9b9b14d;
}


/*Хронология*/
.shtitle.chrono {padding: 10px 20px;}

.ep-descr {
    margin: 0 0 0 6px;
    border-left: 2px solid #8d4f49;
    padding-left: 6px;
}

.ep-descr:not(:last-child) {margin-bottom: 20px;}
.active-ep a, .noactive-ep a {text-shadow: 0px 0px 1px #87877a; letter-spacing: .4px;}
.active-ep a {color: #681212;}
.noactive-ep a {color: #444444;}


/*Эпизоды*/
.sh-container.episode img {
    border: 1px solid #8b7e4b;
    box-shadow: 0px 0px 4px #93937e4f;
}

.episode-title {
    font-family: 'Forum';
    font-size: 26px;
    color: #2a404d;
    text-transform: uppercase;
}

.episode-char {
    font-size: 10px;
    color: #181818;
    text-transform: uppercase;
    margin-top: 10px;
}

.episode-title p, .episode-char p, .multik .button p {text-align: center;}
.episode-title p {line-height: 80%;}

.sh-container.individual {
    background: #1f2527;
    border: 3px double #927f5e;
    box-shadow: 0px 0px 0px 1px #1f2527 inset, 0px 0px 5px #6868597d;
}

.individual img {
    border: 1px solid #927f5e;
    box-shadow: 0px 0px 4px #222528;
}

.individual .episode-title {color: #c1b46c}
.individual .episode-char {color: #d7d8d0;}

.individual .sh-item {
    border: 1px solid #c7c6be;
    background: #c4c4b8;
}

.sh-container.showtime {
    background: url(https://forumstatic.ru/files/001b/f8/73/13159.jpg?v=1) bottom / cover;
    box-shadow: 0px 0px 10px #1f232617, 20px 0px 20px inset #c5c3b4;
    border: 1px solid #bab9a5;
}

.showtime img {box-shadow: 0px 0px 4px #99998f;}
.showtime .episode-title {color: #744141;}

.showtime .sh-item {
    border: 1px solid #85836c;
    background: #1f2426;
    border-radius: 2px;
    color: #b4b4ac;
    box-shadow: none;
}

.fr-info.ams-news a, .sh-item.anketa-head a {
    font-weight: bold;
    color: #a26141;
}

.anketa .fr-info, .sh-item.anketa-head {padding: 20px 20px 8px;}

.sh-item.anketa-head img {
    border: 1px solid #8e814e;
    box-shadow: 0px 0px 3px #00000017;
}

.sh-item.anketa-head br {display: none;}

























/* Убираем паддинги */
.guestbook .header-h1 p, .guest-occupied .occupied-item p, .post-content .shtitle p, .post-content .comand-check p, .post-content .custom_tag_float p, .lore .sh-item p, .sh-container .active-ep p, .sh-container .noactive-ep p, .sh-container .ep-descr p, .sh-container .episode-title p, .sh-container .title-cart p, .fraction .fr-title p, .fraction .fr-desc p {padding: 0;}

.guestbook .header-h1 p {line-height: normal;}
.custom_tag_float img.postimg, .post-content .title-cart img {margin: 0;}
.title-cart .fraction p {line-height: 130%;}
.letter p br {display: none;}






/* Ивент-календарь, вкладки и слайдеры в постах © ForumD.ru | Gerda */

.punbb .post-content .switcher p,
.punbb .post-content .fdklinks p,
.punbb .post-content .multik .button p,
.punbb .post-content .kelendar .date p,
.punbb .post-content .kelendar .event .close p {padding: 0; margin: 0;}

.punbb .post-content.fdk-post {overflow: unset;}

.fdk-wrap {position: relative;}
.kelendar {
position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr); 
  grid-auto-rows: 1fr; 
  grid-gap: 2px;
}

.kelendar .item {
    background: #cbcac2;
    border: 1px solid #b7a275;
    box-shadow: 0px 0px 10px #1f232617, 0px 0px 20px inset #bbb8a082;
}
.kelendar .item.action {
    background: #7c4848;
    color: #e5d584c7;
    border: 1px solid #ada268;
    box-shadow: 0px 0px 10px #95978d69;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;
}
.kelendar .item.action:hover {
    border: 1px solid #85836c;
    background: #1f2426;
    border-radius: 2px;
    color: #b4b4ac;
}
.kelendar .item.action .date {font-weight: bold;}
.kelendar .item.empty {opacity: 0.35; color: #626262;}
.kelendar .date {
padding: 0 0 0 10px;
font-family: 'BEWARE';
}
.kelendar .date div {display: inline-block;}
.kelendar .number {font-size: 30px;}
.kelendar .day {
padding: 0 0 0 5px;
font-size: 15px;
vertical-align: top;
}

.kelendar .event {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    padding: 10px 30px 10px 40px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    max-height: 330px;
    overflow-y: auto;
    cursor: default;
    z-index: 999;
    border: 1px solid #85836c;
    background: #1f2426;
    border-radius: 2px;
    color: #b4b4ac;
}

.kelendar .event.show {visibility: visible; opacity: 1;}

.kelendar .event .close {
    cursor: pointer;
    position: absolute;
    top: -5px;
    right: 0px;
    padding: 10px;
    background: #1f2426;
    font-weight: bold;
}

.post-content.multik {position: relative;}
.post-content.multik .kelendar {
position: absolute;
width: 100%;
top: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

.post-content.multik .kelendar.active {position: relative;visibility: visible; opacity: 1; display: grid;}

.post-content.multik .kelendar.tab.active {display: block;}

.post-content.multik .kelendar.tab {
    display: none;
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
}

.fdklinks, .multik .switcher {
    text-align: center; 
    padding: 0 10px 5px; 
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

.fdklinks a, .multik .button {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 4px 15px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    font-family: beaufort;
    color: #e5d584c7;
    font-size: 13px;
    background: #325464;
    border: 1px solid #ada268;
    box-shadow: 0px 0px 10px #95978d69;
    transition: all 0.8s ease;
}

.button.bigbtn {width: 100%;}

.button.lightbtn {
    background: #d2d2c8;
    border: 1px solid #c7c7b8;
    color: #1a1918;
}

.button.lightbtn.bigbtn {background: url(https://forumstatic.ru/files/001b/f8/73/13159.jpg) no-repeat bottom center / cover;}

.multik .button.lightbtn:hover, .multik .button.lightbtn.but-act, .multik .button.lightbtn.but-act:hover {
    background: #5b7d91;
    border: 1px solid #4e6e81;
    color: #e1d27b;
}

.button.darkbtn {
    background: #1d1d1d;
    border: 1px solid #8b7d4b;
    text-shadow: 1px 1px #000, 0px 0px 5px #ffffff3b;
    color: #b5aa6d;
}

.multik .button.darkbtn:hover, .multik .button.darkbtn.but-act, .multik .button.darkbtn.but-act:hover {
    background: #1d1d1d;
    box-shadow: 0px 0px 20px #4c4b4b inset;
    color: #a9a99f;
    letter-spacing: .4px;
}

.fdklinks a:hover, .multik .button:hover {background: #7c4848; transition: all 0.8s ease;}
.multik .button.but-act, .multik .button.but-act:hover {
    cursor: default;
    background: #7c4848;
    transition: all 0.8s ease;
}

.button.ams-news, .multik .button.ams-news.but-act {
    background: #333b3e url(https://forumstatic.ru/files/001b/f8/73/41803.jpg) center top;
}



.fdklinks br {display: none;}

.fdkpost .fdk-header {display: none;}

.kelendar.tab .item {padding: 10px; margin: 5px; height: auto !important;}

.kelendar.tab .date {padding: 0;}
.kelendar.tab .item.action {display: inline-block; vertical-align: top;}

.kelendar.tags {display:block;}
.kelendar .popup {cursor: alias;text-decoration-line: underline;position: relative;}

.fdk-slider {
    max-height: 372px;
    border: 1px solid #b7a275;
    box-shadow: 0px 0px 10px #1f232617, 0px 0px 20px inset #e9e8de;
    margin-bottom: 13px;
    background: #c7c6b8;
    box-sizing: border-box;
} 

.fdk-slider .slide {
    max-height: 350px; 
    min-height: 350px;
}

.rhino-container {
    padding: 0 0 36px;
    width: 100% !important;
    height: 390px !important;
}

.fdk-slider .slide {
    width: calc(100% - 70px) !important;
    height: auto !important;
    overflow: auto !important;
    padding: 10px 5px 10px 10px;
    margin: 10px 33px !important;
    background: url(https://forumstatic.ru/files/001b/f8/73/13159.jpg) no-repeat bottom center / cover;
    border: 1px solid #b7a275;
    box-shadow: 0px 0px 10px #1f232617, 0px 0px 20px inset #bbb8a082;
    text-align: justify;
    box-sizing: border-box;
}


.rhino-prev, .rhino-next {top: calc(50% - 40px); font-size: 0; z-index: 1;}
.rhino-prev {left: 11px;}
.rhino-next {right: 11px;}
.rhino-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.rhino-next:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.rhino-prev:before, 
.rhino-next:before {
content: '';
    border: solid #b7a275;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 12px;
transition: all 0.8s;
  -webkit-transition: all 0.8s;
}

.rhino-prev:hover:before, 
.rhino-next:hover:before {border-color: #000;}


.rhino-bullets {
margin: 0;
padding: 0 40px 0 230px;
  width: calc(100% - 270px);
text-align: right; 
z-index: 20;
}
.punbb .rhino-bullets li {
line-height: 36px;
margin: 0 5px;
display: inline-block;
}
.rhino-bullets a {
height: 12px;
  width: 12px;
    background: #aeaba5;
transition: all 0.8s;
  -webkit-transition: all 0.8s;
cursor: pointer;
font-size: 0;
display: block;
border-radius: 50%;
}
.rhino-bullets a:hover {background: #3c311a;}
.rhino-bullets a.rhino-active-bullet {background: #b7a275;}

.rhino-toggle {
    text-transform: uppercase;
    padding: 4px 15px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    color: #292e3e;
    z-index: 40;
    background: url(https://forumstatic.ru/files/001b/f8/73/13159.jpg) no-repeat bottom center / cover;
    border: 1px solid #c7c7b8;
    color: #1a1918;
    font-family: 'Open Sans';
}

.rhino-toggle:hover {
    background: #5b7d91;
    border: 1px solid #4e6e81;
    color: #e1d27b;
}







/* Extra additions
-------------------------------------------------------------*/

#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
div.pa-respect span {font-size:0.9em; vertical-align:top}
div.post-rating p {float:right !important; border:0 !important; padding:3px !important}
div.post-vote p {float:right !important; border:0 !important; padding:3px 13px !important; margin-right:5px !important}
div.post-vote p .negative {margin-left:13px;}
div.post-rating a {cursor:pointer !important}
div.post-rating a, div.post-vote a {font-size:130% !important; text-decoration:none !important}
#pun-status .status-right {float:right;}
.post-content table {border-collapse:collapse; margin:0 0 0.8em}
.post-content td {border-width:1px !important; border-style:solid !important; padding:0.4em 0.5em !important; overflow:hidden}
.post-content td p:last-child {padding-bottom:0}
.post-content .highlight-text {background-color:#ff0; color:#000}
.spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.spoiler-box > div.visible {background-image:url('/img/minus.png')}
.post-content .spoiler-box > blockquote {padding-top:1.4em; display:none}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.post-content hr {opacity:0.5; filter:alpha(opacity=50); margin-bottom:0.8em}
.post-content abbr {cursor:help}
.post-content ul {padding:0 0 1em 2.3em}
.post-content ul li {list-style:inherit; margin-bottom:0.3em}
.post-content ul li ul {padding-bottom:0}
.post-content ul li > p {padding-bottom:0.3em}
.post-content ul li > p:last-of-type {padding-bottom:0}
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}

td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}

.punbb .formal fieldset {min-width:0;}
.punbb .formal span.input {padding-right:0 !important}
#formkey, #formetc {display:none}
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#tags .container {position:absolute; right:6px; top:43px; z-index:2;}
#font-area, #size-area {right: unset !important;}
#font-area div, #size-area div, #color-area div, #table-area div, #addition-area div, #smilies-area div a, #smilies-area img {cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; top:0; left:0}
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
li.pa-ua {margin-top: 0.7em; display: flex; justify-content: center;}
#pun-online .tcl.action {width:25%}
.punbb .post.new-ajax > * {border-width: 3px;}
.punbb .post.new-ajax {display: none;}

#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}

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

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

/* Statistic */
#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}


/* New profile style
-------------------------------------------------------------*/
#viewprofile td {border:0; padding:0; overflow:hidden}
#profile-name strong {font-size:1.2em}
#profile-left strong {font-weight:bold !important}
#profile-left {width:30%; padding-top:0 !important}
#profile-left li,
#profile-left li * {padding-left:0; margin-left:0}
#profile-right {width:70%}
#profile-right li strong {padding-left:2em}
#profile-signature {padding:1.5em 1.5em 1em 1.5em}
#profile-signature ul {border-style:dashed; border-width:1px 0 0 0; margin:0; padding:1em 1em 0 1em}

/** Video-Button
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}

p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
.pa-fld1 img, .pa-fld2 img, .pa-fld3 img, .pa-fld4 img, .pa-fld5 img, .pa-fld6 img, .pa-fld7 img, .pa-fld8 img, .pa-fld9 img, .pa-fld10 img, .pa-fld11 img, .pa-fld12 img, .pa-fld13 img, .pa-fld14 img, .pa-fld15 img, .pa-fld16 img, .pa-fld17 img, .pa-fld18 img, .pa-fld19 img, .pa-fld20 img {vertical-align:text-top}

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

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

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

.topic a.sharelink {float:right; margin-left:1em}
.post-share-tip {width:164px; height:124px}
.post-share-legend {background:rgba(255,255,255,0.2); text-align:center}
.post-share-tip span {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; font-size:13px; line-height:27px}
.post-share-icons {padding:10px}
.post-share-tip a {margin: 5px 10px}

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

.punbb .flag-i {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  margin-right: 1em;
}
.punbb .pa-author .flag-i {
  margin-right: 0.5em;
}
.punbb .flag-i:before {
  content: '\00a0';
}

    @font-face {
      font-family: 'mybb';
      src: url('https://mojudesign.mybb.ru/style/res/font/icons.woff2?3') format('woff2'),
           url('https://mojudesign.mybb.ru/style/res/font/icons.woff?3') format('woff'),
           url('https://mojudesign.mybb.ru/style/res/font/icons.ttf') format('truetype'),
           url('https://mojudesign.mybb.ru/style/res/font/icons.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }
i[class^="icons-"]:before, i[class*=" icons-"]:before, .i[class*=" icons-"]:before, .i[class^="icons-"] {
  font-family: "mybb";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icons-search:before { content: '\e095'; } /* 'о‚•' */
.icons-font:before { content: '\e800'; } /* 'о Ђ' */
.icons-size:before { content: '\e801'; } /* 'о Ѓ' */
.icons-video:before { content: '\e802'; } /* 'о ‚' */
.icons-image:before { content: '\e803'; } /* 'о ѓ' */
.icons-plus:before { content: '\e804'; } /* 'о „' */
.icons-cancel:before { content: '\e805'; } /* 'о …' */
.icons-minus:before { content: '\e806'; } /* 'о †' */
.icons-star:before { content: '\e807'; } /* 'о ‡' */
.icons-cog:before { content: '\e808'; } /* 'о €' */
.icons-play:before { content: '\e809'; } /* 'о ‰' */
.icons-pause:before { content: '\e80a'; } /* 'о Љ' */
.icons-fast-fw:before { content: '\e80b'; } /* 'о ‹' */
.icons-fast-bw:before { content: '\e80c'; } /* 'о Њ' */
.icons-code:before { content: '\e80d'; } /* 'о Ќ' */
.icons-table:before { content: '\e80e'; } /* 'о Ћ' */
.icons-spoiler:before { content: '\e80f'; } /* 'о Џ' */
.icons-calendar:before { content: '\e810'; } /* 'о ђ' */
.icons-pencil:before { content: '\e811'; } /* 'о ‘' */
.icons-hide:before { content: '\e812'; } /* 'о ’' */
.icons-list:before { content: '\e813'; } /* 'о “' */
.icons-indent-left:before { content: '\e814'; } /* 'о ”' */
.icons-indent-right:before { content: '\e815'; } /* 'о •' */
.icons-trash-empty:before { content: '\e816'; } /* 'о –' */
.icons-off:before { content: '\e817'; } /* 'о —' */
.icons-heart:before { content: '\e818'; } /* 'о �' */
.icons-user:before { content: '\e819'; } /* 'о ™' */
.icons-left:before { content: '\e81a'; } /* 'о љ' */
.icons-center:before { content: '\e81b'; } /* 'о ›' */
.icons-right:before { content: '\e81c'; } /* 'о њ' */
.icons-italic:before { content: '\e81d'; } /* 'о ќ' */
.icons-bold:before { content: '\e81e'; } /* 'о ћ' */
.icons-comment:before { content: '\e81f'; } /* 'о џ' */
.icons-resize-full:before { content: '\e820'; } /* 'о  ' */
.icons-resize-small:before { content: '\e821'; } /* 'о Ў' */
.icons-quote:before { content: '\e822'; } /* 'о ў' */
.icons-share:before { content: '\e823'; } /* 'о Ј' */
.icons-smile:before { content: '\e824'; } /* 'о ¤' */
.icons-youtube:before { content: '\e825'; } /* 'о Ґ' */
.icons-link:before { content: '\e826'; } /* 'о ¦' */
.icons-volume-off:before { content: '\e827'; } /* 'о §' */
.icons-volume-down:before { content: '\e828'; } /* 'о Ё' */
.icons-volume:before { content: '\e829'; } /* 'о ©' */
.icons-volume-up:before { content: '\e82a'; } /* 'о Є' */
.icons-addition:before { content: '\e82b'; } /* 'о «' */
.icons-infinity:before { content: '\e82c'; } /* 'о ¬' */
.icons-facebook:before { content: '\f09a'; } /* 'п‚љ' */
.icons-strike:before { content: '\f0cc'; } /* 'пѓЊ' */
.icons-underline:before { content: '\f0cd'; } /* 'пѓЌ' */
.icons-mail:before { content: '\f0e0'; } /* 'пѓ ' */
.icons-keyboard:before { content: '\f11c'; } /* 'п„њ' */
.icons-help:before { content: '\f128'; } /* 'п„Ё' */
.icons-vkontakte:before { content: '\f189'; } /* '' */
.icons-color:before { content: '\f1fb'; } /* '' */
.icons-odnoklassniki:before { content: '\f263'; } /* 'п‰Ј' */
.icons-vimeo:before { content: '\f27d'; } /* 'п‰Ѕ' */

.icons-cancel-outline:before { content: '\e82d'; } /* 'о ­' */
.icons-ok-outline:before { content: '\e82e'; } /* 'о ®' */