/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color:  transparent;
  color: #302b33;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #302b33;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent; }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #302b33;
  }

/* обводка вокруг сообщений, пояснения, форма быстрого ответа */
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {  background-color: transparent;  color: #302b33;  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #302b33;
  }

/* цвет фона кода, цитаты и тд */
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #b8b8b8;
  color: #302b33;
  }

/* меню навигации */
/* CS1.8 */
#pun-navlinks .container { background-color: transparent; text-decoration: none; transition: 0.2s linear;  }

/* новые, активные и тд фон */
#pun-ulinks {
  font-size: 10px;  
  width: 904px; margin-left: -4px; text-transform: lowercase;  

border-left: 2px solid #7e658c;
border-right: 2px solid #7e658c;}

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #004F90; border-width: 0px;
  }

/* граница обводит форму сообщений с некоторым отступом */ 
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:  transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedede
  }

/* граница коды цитаты и тд */ 
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #e8e8e8 #a2a2a2#a2a2a2 #e8e8e8;
  }

/* стиль спойлера */ 
.punbb .quote-box.spoiler-box { border-style: solid; border-width: 3px; border-color: #e8e8e8 #a2a2a2 #a2a2a2 #e8e8e8; background-color: #b8b8b8; color: #302b33; }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #c0c0c0
  }

li.pa-online {
  border-left-color: #005EAB;
  font-size: 10px;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* все ссылки */
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #4e4951; text-decoration: none; transition: 0.2s linear; }

/* активные и наведенные */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #a79bae; text-decoration: none;  }

/* активные и наведенные */
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {  color: #a79bae; text-decoration: none;  }

/* меню навигации стиль ссылок */
/* CS3.3 */
#pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited, #pun-navlinks a:active { color: #cccccc; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; transition: 0.2s linear; line-height: 10px; letter-spacing: 1px; z-index: 99; }

/* меню навигации стиль ссылок при наведении */
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus { color: #fff; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 1px; }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #aa7575; text-decoration: none;
  }

/* новые, активные и тд фон */
#pun-ulinks a, #pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:active { color: #302b33;  text-decoration: none; transition: 0.2s linear; font-weight: 400; }

#pun-ulinks a:active, #pun-ulinks a:focus { color: #a79bae;  text-decoration: none; }

/* новые, активные и тд фон */
#pun-ulinks a:hover, #pun-ulinks a:focus{ color: #a79bae; text-decoration: none;  }

/* ссылки именно в сообщениях делаем жирнее обычные */
.post-box a, .post-box a:link, .post-box a:visited { color: #6a5178; text-decoration: none; transition: 0.2s linear; font-weight: 600;  }

/* активные и наведенные */
.post-box a:hover, .post-box a:focus, .post-box a:active {  color: #a79bae; text-decoration: none;  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon { border-color: transparent transparent transparent transparent; background-image: url("https://image.ibb.co/iT7aDA/prozr.png"); } /* нет новых сбщ верх-право-низ-лево */
tr.iredirect div.icon { border-color: transparent transparent transparent transparent; background-image: url("https://image.ibb.co/iT7aDA/prozr.png"); }
div.inew { border: 20px solid transparent; border-left: 50px solid #7e658c; } /* новые сбщ верх-право-низ-лево */
#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS5 Elements
 -------------------------------------------------------------*/

/* смайлики эмоджи */
#wrapper {width: 600px; left: -10px; position: relative; }
/* вкладки доп смайлов */
ul.tabs { height: 25px; line-height: 20px; margin: 0 0 3px; list-style: none; margin-top: -22px; }
ul.tabs li { float: left; margin-right: 37px; cursor: pointer; width: 55px; text-align: center; }
ul.tabs li a {width: 85px; background: #b9b0be; color: #302b33; cursor: pointer; display: block; margin-bottom: -1px; padding: 0 14px 1px; position: relative; text-decoration: none; width: 55px; text-transform: lowercase;  font-size: 10px; font-weight: 600; }
ul.tabs li a:hover { color: #635b68; padding: 0 14px; background: #cdc4d2; background-position: -652px -31px; text-decoration:none; text-transform: lowercase; font-size: 10px; font-weight: 600; }
ul.tabs li.tab-current a {color: #635b68; padding: 0px 14px 2px; border:medium hidden; line-height: 22px; background-position: -652px -62px; text-transform: lowercase; font-size: 10px; font-weight: 600; background: #e1d8e6; }
ul.tabs li.tab-current a:hover { color: #fff; }
div.t2,div.t3,div.t4,div.t5 {display: none; width: 450px; height: 154px; overflow-y: scroll; line-height: 2px; letter-spacing: 5px; border: 2px solid #fff; background: #e0e0e0; padding: 5px;}
div.t1 {border: 2px solid #fff; background: #e0e0e0; margin-left: -10px; height: 154px; overflow-y: scroll;  padding: 5px; }
div.t5 img { margin: 1px; }

/* итоги в шапке */
/* верхняя часть */
.adv1 { position: absolute; width: 200px; text-align: right; font-size: 10px; font-weight: 600; color: #fff; }
.adv12 a, .adv12 a:link, .adv12 a:visited, .adv12 a:active { color: #fff; font-size: 10px; text-decoration: none; transition: 0.2s linear; }
.adv12 a:hover, .adv14 a:focus { color: #b097c8; }

/* амс */
.adv12 { position: absolute; width: 200px; text-align: right; font-size: 10px; font-weight: 600; color: #fff; }


/* флудеры */
.adv2 { position: absolute; overflow-y: none; overflow-x: none; width: 230px; text-align: left; font-size: 10px; color: #7e658c; }

/* цитата */
.adv3 { position: absolute; overflow-y: none; overflow-x: none; text-align: justify; font-size: 10px; color: #cccccc; }
.adv3 .whatnow { height: 23px; font-size: 10px; color: #ffffff; line-height: 0.9; overflow-y: scroll; overflow-x: hidden; vertical-align: middle; background-color: #bec4c1; }
.adv3 .whatnow::-webkit-scrollbar { width: 2px; height: 1em; }
.adv3 .whatnow::-webkit-scrollbar-track { background-color: #fff;  height: 1em; }
.adv3 .whatnow::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 1px; height: 1em; }
.adv3 .whatnow::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 1px; height: 1em; }

/* навигация новая */
.adv4 { position: absolute; overflow-y: none; overflow-x: none; font-size: 10px; color: #7e658c; text-align: left; height: 15px; width: 225px; background-color: #bec4c1; }
.adv41 { position: absolute; overflow-y: none; overflow-x: none; }
.adv42 { position: absolute; overflow-y: none; overflow-x: none; }

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation { color: #7e658c; background-color: #d2d8d5; height: 11px; width: 130px; display: inline-block; cursor: pointer; font-size: 10px; position: absolute; transition: all 0.3s ease-in-out 0s; text-align: center; }

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover { color: #7e658c; background-color: #d2d8d5; text-align: center; }

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock { width: 130px; position: absolute; top: 15px; z-index: 999; }

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block; opacity: .95; padding: 5px; background-color: #d2d8d5; border: 1px solid #ffffff; border-radius: 2px; }

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a { background-color: #636f66; text-align: center; transition: all 0.3s linear 0s; display: block; padding: 2px; text-transform: lowerrcase; width: 100px; color: #ffffff; font-size: 10px; border: 1px solid #455148; margin: 2px auto; white-space: nowrap;}

/* ссылка при наведении */
#pun .sslka a:hover { background-color:#a9b5ac !important; opacity: .9; color: #ffffff }
/* навигация контейнер КОНЕЦ */




/* плашки */
.adv5 { position: absolute; overflow-y: scroll; overflow-x: none; text-align: center; font-size: 10px; height: 30px; width: 217px; background-color: #bec4c1; padding-left: 8px; padding-top: 2px;}
.adv5::-webkit-scrollbar { width: 2px; height: 1em; }
.adv5::-webkit-scrollbar-track { background-color: #fff;  height: 1em; }
.adv5::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 1em; }
.adv5::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 1em; }
.adv5 .pl { width: 100px; height: 11px; background-color: #636f66; text-transform: lowercase; font-size: 10px; text-decoration: none; color: #ffffff; border: 1px solid #455148; transition: 0.2s linear; margin-bottom: 2px; margin-right: 2px; font-family: 'Alegreya Sans SC', sans-serif; float: left; }
.adv5 .pl:hover { background-color: #b5a8bc; color: #302b33; border: 1px solid #b097c8; }

/* навигация и топ */
.adv6 { position: absolute; overflow-y: none; overflow-x: none; text-align: center; font-size: 10px; color: #7e658c; height: 35px;  }

/* навигация боковая левая */
.adv7 { position: absolute; overflow-y: none; overflow-x: none; text-align: center; font-size: 10px; width: 20px; 
 }
.adv77 { width: 11px; height: 11px;  background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0.5; transition: 0.2s linear; }
.adv77:hover { opacity: 0.9; }

/* навигация боковая правая */
.adv8 { position: absolute; overflow-y: none; overflow-x: none; text-align: center; font-size: 10px; width: 20px; 
 }
.adv88 { width: 15px; height: 15px;  background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0.5; transition: 0.2s linear; }
.adv88:hover { opacity: 0.9; }

/* выделение текста */
::selection { background: #9a8ea1; color: #d3d0d5; /* Safari */ }
::-moz-selection { background: #9a8ea1; color: #d3d0d5; /* Firefox */ }

/* скрыть надпись профиль */
#profilenav h2 span {display:none}

/* смайлики прокрутка */
div.t1::-webkit-scrollbar { width: 5px; height: 2em; }
div.t1::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
div.t1::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
div.t1::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
div.t2::-webkit-scrollbar { width: 5px; height: 2em; }
div.t2::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
div.t2::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
div.t2::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
div.t3::-webkit-scrollbar { width: 5px; height: 2em; }
div.t3::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
div.t3::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
div.t3::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
div.t4::-webkit-scrollbar { width: 5px; height: 2em; }
div.t4::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
div.t4::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
div.t4::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
div.t5::-webkit-scrollbar { width: 5px; height: 2em; }
div.t5::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
div.t5::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
div.t5::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* сокрытие смайликов вкладок от гостей */
.isguest.gid3 #wrapper li.t2 {display:none}
.isguest.gid3 #wrapper li.t3 {display:none}
.isguest.gid3 #wrapper li.t4 {display:none}
.isguest.gid3 #wrapper li.t5 {display:none}

/* убрать граффити из формы ответа */
#button-graffiti_rusff { display: none !important; }

/* быстрый ответ */
#post-form h2 { text-align: center; color: #533464; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 0px; width: 872px; margin-bottom: -10px; }
#post-form div.formal h2 { height: 16px; }

/* категории стиль */
#pun-index div.category h2, #pun-index #pun-stats h2 { text-align: center; color: #7e658c; text-transform: uppercase; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; transition: 0.2s linear; line-height: 10px; letter-spacing: 0px; margin-bottom: -5px; margin-left: 304px; width: 300px; box-shadow: 3px 3px 0 1px rgba(99,111,102,0.8); padding-bottom: 15px;  padding-top: 5px; background-color: #d2d8d5; }

/* рамка вокруг аватара */
li.pa-avatar img { border: 2px solid #7e658c; box-shadow: 0 0 0 2px rgba(255,255,255,1); }

/* статистика всего тем участников и тд */
#pun-stats .container li {display: inline-block; }
#pun-stats .container {text-align: center;}
#pun-stats .container li.item5 {text-align: justify; display: block; }
#pun-stats .container li.item1, #pun-stats .container li.item2, #pun-stats .container li.item3, #pun-stats .container li.item4 { background-color: #e3e3e3; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; padding-right: 20px; text-transform: lowercase; font-size: 10px; letter-spacing: 1.2; box-shadow: 1px 1px 0 1px rgba(126,101,140,0.8); color: #302b33;}
#pun-stats .container li.item2, #pun-stats .container li.item3, #pun-stats .container li.item4 { margin-left: 15px; margin-top: 15px;}
#pun-stats li.item4 { width: 200px; }
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3 { width: 130px; }

/* слово статистика */
#pun-stats h2 span { text-align: center; color: #7e658c; text-transform: uppercase; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 0px; }
#pun-index #pun-stats h2 { padding-bottom: 5px; }

/* название подфорума или темы наверху стр */
#pun-main h1 { text-align: center; color: #6a5178; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 0px; width: 879px; border-bottom: 2px solid #7e658c; margin-left: -4px; margin-bottom: 10px;  }

/* выбор шрифта */
#font-area { height: 200px; overflow-y: scroll; background-color: #e0e0e0; border: 2px solid #fff; color: #493d51; }
#font-area::-webkit-scrollbar { width: 5px; height: 2em; }
#font-area::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
#font-area::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
#font-area::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* размытие вместо зачеркивания текста */
.punbb .post-content del { filter: blur(1.5px); text-decoration: none; transition: 0.5s linear; }
.punbb .post-content del:hover { filter: none; }
.punbb s { text-decoration: none; filter: blur(1.5px); transition: 0.5s linear; }
.punbb s:hover { text-decoration: none; filter: none; }

/* маска */
#mask_dialog .inner { background-color: #e0e0e0; border: 2px solid #7e658c; text-transform: lowercase; background: url('https://i.ibb.co/RvNn6sP/maska.png'); }

/*награды убрать*/
#pun-navlinks #navawards { display:none; }

/*фон формы ответа*/
#main-reply { background-color: #e5e5e5; color: #3e2b48; }

/*убрать границы таблицы в подписи*/
.post-content .post-sig  td { border:0 none transparent; }

/*убрать границы таблицы в сообщении */
.post-content .code-box .blockcode .scrollbox td { border:0 none transparent; }

/*оформление подфорумов*/
#pun-index td div.tclcon { width: 360px; height: 125px; background-color: #d2d8d5; padding-top: 10px; padding-left: 0px; padding-right: 20px; text-align: justify; font-size: 10px; margin-top: -0px; margin-bottom: 20px; 
box-shadow: 5px 5px 0 2px rgba(99,111,102,0.8); color: #636f66; }

#pun-index td div.tclcon h3 { text-align:center; margin-bottom: 5px; padding-top: 0px; } /*сдвиг названия подфорумов*/
#pun-index td.tcr { margin-top: -115px; text-align: center; color: #302b33; padding-left: 20px; font-size: 10px; }  /*поднять и сдвинуть последнее сообщение*/

#pun-index .opisaniepodfor { margin-left: 30px; width: 323px; padding-right: 0px;  text-transform: lowercase; color: #302b33; border-bottom: 2px solid #7e658c; padding-bottom: 7px; }  /*описание подфорумов*/

/*стиль ссылок заголовки подфорумов*/
#pun-index td div.tclcon a:link, #pun-index td div.tclcon a, #pun-index td div.tclcon a:visited, #pun-index td div.tclcon a:active { color: #7e658c; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 20px; text-decoration: none; transition: 0.2s linear; }
#pun-index td div.tclcon a:hover { color: #a79bae; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 20px; text-decoration: none; }

/*стиль ссылок последнее сообщение подфорумов*/
#pun-index td.tcr a, #pun-index td.tcr a:link, #pun-index td.tcr a:visited, #pun-index td.tcr a:active { color: #302b33; font-size: 10px; text-decoration: none; font-weight: 700; transition: 0.2s linear; font-family: 'Arimo', sans-serif; letter-spacing: 1px; margin-left: 8px; }
#pun-index td.tcr a:hover { color: #a79bae; font-size: 10px; text-decoration: none; font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 1px; margin-left: 8px; }

/*подфорумы строкой, а не столбцом*/
#pun-index .category TR { width: 49%; display: inline-block; margin-bottom: -20px; margin-top: 10px;  }
#pun-index .main TD { display: inline-table; margin-left: 10px; width: 400px; }
#pun-index .main .tc2  { display: none!important; }  /*количество тем*/
#pun-index .main .tc3  { display: none!important; }  /*количество сообщений*/
#pun-index .main .tcmod { padding-bottom: 1px; margin-top: -18px; }
#pun-index .main .tc2 {  padding-left: 90px; width: 480px; margin-left: 328px; }
#pun-index .main th.tc2 { padding-left: 90px; width: 113px; margin-left: 328px; }
#pun-index .main .tc3 { padding-right: 0px; width: 115px; }
#pun-index .main .tcmod { display: none!important; }

/*нижняя часть форума*/
#pun-about p.container { margin-top: 55px; width: 910px; height: 50px; padding-bottom: 5px; margin-bottom: 20px; margin-left: -103px; padding-right: 125px; }

/*выравниваем в одну строку число постов и уважение*/
.pa-posts,.pa-respect { text-align: center; 
border: 2px solid #7e658c; /*Вид бордеров*/
display: inline-block; padding:0 2px!important; width: 79px; margin-left: 0; background-color: #e0e0e0; font-size: 10px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; }

/*кнопки вверхвниз*/
.go-up { display: none; bottom: 55px; /*положение от низа окна браузера верхняя кнопка*/ }
.go-down { display: block; bottom: 10px; /*положение от низа окна браузера нижняя кнопка кнопка*/ }
.go-up, .go-down {
position: fixed; /*позиционируем*/
right: 105px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
background-color: transparent;
background-image: url("https://i.ibb.co/8jCYksM/kategory.png"); background-repeat: repeat-x; /*фон кнопок*/
width: 64px; /*ширина кнопки*/
height: 24px; /*высота кнопки*/
border: 0px solid #c8d0d5; /*толщина, стиль, цвет рамки*/
box-shadow: 0 2px 0.3em -0.1em rgba(0,0,6,0); /*тень*/
border-radius: 0px;
color: #cdcdcd; /*цвет стрелок*/
text-align: center; /*выравнивание*/
text-transform: uppercase; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 18px; /*стиль шрифта*/
opacity: 1; /*прозрачность*/
padding: 3px;  /*отступы внутри*/
cursor: default; /*курсор не меняется*/
}

.go-up { background-position: bottom center; /*фон кнопок*/ }
.go-down { background-position: top center; padding-top: 8px;  /*фон кнопок*/ }

/*стили кнопок вверх низ при наведении курсора*/
.go-down:hover,.go-up:hover { opacity: .8; cursor: default; /*курсор не меняется*/ }

/* доп.поля */
/* плашка размещение */
li.pa-fld2 {margin-top: -26px!important; margin-left: -29px!important; z-index: 999; height: 70px; position: absolute; }

/* личное звание */
li.pa-fld1 {margin-top: 32px; margin-bottom: 3px; text-align: justify; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase;} 

/* личное звание имя на русском ссылкой */
li.pa-fld1 a.names { color: #302b33; text-align: center; font-size: 14px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-decoration: none; } 
li.pa-fld1 a, li.pa-fld1 a:link, li.pa-fld1 a:visited, li.pa-fld1 a:active { color: #302b33; text-decoration: none; transition: 0.2s linear; } 
li.pa-fld1 a:hover { color: #a79bae; text-decoration: none; } 
li.pa-fld1 .lzinfa { line-height: 0.9; } /* личное звание инфа между строками */

/* личное звание ссылки */
li.pa-fld1 .lzinfa a, li.pa-fld1 .lzinfa a:link, li.pa-fld1 .lzinfa a:visited { color: #6a5178; text-decoration: none; transition: 0.2s linear; font-weight: 700;  }

/* активные и наведенные */
li.pa-fld1 .lzinfa a:hover, li.pa-fld1 .lzinfa a:focus, li.pa-fld1 .lzinfa a:active {  color: #a79bae; text-decoration: none;  }

/* посты и валюта */
li.pa-fld3 {margin-top: -6px; margin-bottom: -8px; padding-bottom: -3px; color: #cccccc; font-size: 10px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase;} 
li.pa-fld3 a, li.pa-fld3 a:link, li.pa-fld3 a:visited, li.pa-fld3 a:active { color: #cccccc; font-size: 10px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; text-decoration: none; transition: 0.2s linear; } 
li.pa-fld3 a:hover { color: #fff; text-decoration: none; } 

/* содержимое форума фон */
#pun {  background-color: #bec4c1; background-position: center; background-repeat: no-repeat repeat; text-align: justify; 
border: 2px solid #636f66; 
box-shadow: 0 0 0 40px rgba(0,0,0,0.3); color: #302b33; }

/* приветствие */
#pun-status {  background-color: #d2d8d5; width: 880px; padding-right: 20px; margin-top:-10px; text-align: center; color: #302b33; }
#pun-status span { color: #302b33;}

/* гость войдите или зарегистрируйтесь */
#pun-status span a, #pun-status span a:link, #pun-status span a:visited, #pun-status span a:active { color: #302b33; text-decoration: none; transition: 0.2s linear; font-weight: bold; }
#pun-status span a:hover { color: #a79bae; text-decoration: none; }

/* скрыть последнее редактирование */
.lastedit { display: none; } 

/* имя автора сообщения */
.post-author li.pa-author  { margin-top: 1px; }
.post-author li.pa-author a, post-author li.pa-author a:link, .post-author li.pa-author a:visited, .post-author li.pa-author a:active { color: #cccccc; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; transition: 0.2s linear; line-height: 10px; letter-spacing: 1px; }
.post-author li.pa-author a:hover { color: #fff; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; line-height: 10px; letter-spacing: 1px; }

/* статус в профиле */
li.pa-title { color: #cccccc; font-size: 10px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 2px; text-transform: lowercase; margin-top: -4px; margin-bottom: 5px; }

/* маска защита чтобы профиль не разнесло от огромных аватарок */
.pa-avatar img { max-width: 180px; max-height: 180px; }

/*правка формы репутации*/
/*сам контейнер*/
#pun-reputation .container { background-color: #b8b8b8; border: 2px solid #7e658c; text-transform: lowercase;  z-index: 999999; position: absolute; width: 800px; }
/*там где слово поднять репутацию*/
#pun-reputation h1 { height: 15px; text-align: center; text-transform: lowercase; border-style: none; margin-bottom: -2px; border-style: none; background-color: #7e658c; width: 792px; margin-left: 1px;  }
/*надпись поднять репутацию*/
 .post_reputation h1 span { color: #cccccc; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 1px; }
/*автор*/
.post_reputation .tc2 span { text-transform: capitalize; }
/*окно для сообщения*/
 .post_reputation .tc2 textarea { background-color: #сссссс; color: #302b33; }

/*боковой спойлер*/
#hotboy { background-color: #transparent; padding: 0px; }

/* баннеры */ 
.bannersi { height: 70px; overflow-y: scroll; border: 2px solid #7e658c;
box-shadow: 0 0 0 2px rgba(255,255,255,1);} 
.bannersi::-webkit-scrollbar { width: 5px; height: 2em; } 
.bannersi::-webkit-scrollbar-track { background-color: #fff;  height: 2em; } 
.bannersi::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; } 
.bannersi::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* регулировка размера шрифта в постах */ 
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 3px;
  margin: 3px 5px;
  border: solid 1px #afafaf;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 3px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #7e658c;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 4px;
  height: 9px;
  border-radius: 3px;
  position: relative;
  top: -3px;
  background: #6a5178;
  cursor: pointer;
}

/* CS6 Messages Style
 -------------------------------------------------------------*/

/* гостевая */
.priderzh1 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); width: 215px; height: 13px; color: #d2d2d2; font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; padding: 2px; padding-top: 4px; }
.priderzh2 { width: 209px; height: 85px; text-align: justify; padding: 2px;  border: 3px solid #444444; overflow-y: scroll; }
.priderzh2::-webkit-scrollbar { width: 5px; height: 2em; }
.priderzh2::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.priderzh2::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.priderzh2::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.code-box2 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; padding: 3px; width: 215px; color: #сссссс; } 
.code-box2 a, .code-box2 a:link, .code-box2 a:visited, .code-box2 a:active { color: #сссссс; font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; } 
.blockcode_2 pre2 { font-size: 10px; background-color: #e8e2e0; font-variant: normal; font-weight: 200; color: #302b33; }
.blockcode_2 { font-size: 10px; background-color: #e8e2e0;  border: 1px solid #6e3939; font-variant: normal; font-weight: 200; color: #302b33; font-family: 'Arial', sans-serif; height: 21px; padding-top: 1px; }

/* амс */
.ams0 { width: 570px; text-align: center; }
.ams1 { width: 180px; height: 24px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; padding-bottom: 2px; color: #ddccc6;  font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 18px; text-decoration: none; text-align: center; }
.ams1 a, .ams1 a:link, .ams1 a:visited { color: #ddccc6; }
.ams1 a:hover, .ams1 a:focus { color: #fff; }
.ams2 { width: 180px; height: 180px; }
.ams3 { opacity: 0; height: 180px; width: 180px; background-color: #e8e2e0; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } 
.ams3:hover { opacity: 1; } 
.ams4 { width: 175px; height: 180px; color: #302b33; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: justify; overflow-y: scroll; padding-right: 5px; padding-left: 5px; line-height: 99%; padding-top: 3px; }
.ams4::-webkit-scrollbar { width: 5px; height: 2em; }
.ams4::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.ams4::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.ams4::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.ams5 { width: 180px; height: 20px; background-color: #e8e2e0; padding-top: 5px; color: #302b33; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 10px; text-decoration: none; text-align: center; }
.ams6 { width: 180px; height: 20px; background-color: #cac4c2; padding-top: 5px; color: #302b33; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 10px; text-decoration: none; text-align: center; }
.ams7 { width: 180px; height: 20px; background-color: #aca6a4; padding-top: 5px; color: #302b33; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 10px; text-decoration: none; text-align: center; }
.ams7 a, .ams7 a:link, .ams7 a:visited, .ams7 a:active { color: #e8e2e0; text-decoration: none; transition: 0.2s linear; }
.ams7 a:hover, .ams7 a:focus { color: #fff; text-decoration: none; }

/* о сан франциско */
.sstr1 { width: 610px; height: 500px; padding: 20px; background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); position: relative; }
.sstr2 { position: relative;  height: 460px; padding: 5px; background-color: #ded8d6; border: 3px double #6e3939; padding-top: 0px; font-size: 10px; }
.sstr2 zag { color: #302b33; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; }
.sstr3 [type=radio] { display: none; }
.sstr3 {float: left; } 
.sstr4 {height: 445px; width: 590px; left: 2px; position: absolute; padding: 5px; opacity: 0; -webkit-transition-duration: .7s;  -moz-transition-duration: .7s; -o-transition-duration: .7s; overflow-y: scroll; text-align: justify; }
.sstr3 label { display: block; position: relative; width: 260px; height: 12px; text-align: center; 
color: #fff; font-size: 10px; letter-spacing: 0.7px; font-family: playfair display; font-weight: bold; text-transform: uppercase; top: 480px; left: 15px; }
[type=radio]:checked ~ label { color: #000; }
[type=radio]:checked ~ label ~ .sstr4 { z-index: 1; opacity: 1; }
.sstr4::-webkit-scrollbar { width: 5px; height: 2em; }
.sstr4::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.sstr4::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.sstr4::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.friscootst {height: 1px; width: 20px; float: left;}
/* если русские заголовки */
.sstr4 .zagrus { text-align: center; font-size: 14px;  font-family: 'Oswald', sans-serif; line-height: 10px; font-weight: 600; letter-spacing: 2px; }
.sstr5 { padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); width: 180px; padding-bottom: 2px;}
.sstr5 img { }

/* анкета */
.ank1 { width: 500px; height: 450px; background: url("https://i.ibb.co/3mG12Ng/soob.png") no-repeat top center; background-color: #ded8d6; padding-top: 40px; }
.ank1 img.main { width: 150px; height: 150px; border-radius: 50%; border: 3px solid #ded8d6; margin-bottom: 5px;  background-size: cover;  filter: grayscale(50%); }
.ank1 hr { border: 0; width: 400px; height: 1px; background-image: -webkit-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); background-image:    -moz-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(0,0,0,0)); background-image:     -ms-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); background-image:      -o-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); margin-top: 3px; }
.ank1 snames { color: #302b33; font-family: 'Great Vibes', cursive; font-size: 26px; text-decoration: none; }
.ank1 .info {color: #302b33; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; opacity: 0.75; margin-top: -5px; }
.ank1 .ank2 { height: 225px; padding-right: 5px; padding-left: 5px; color: #302b33; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: justify; overflow-y: scroll; margin-top: -5px; padding-top: 1px;}
.ank2::-webkit-scrollbar { width: 5px; height: 2em; }
.ank2::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.ank2::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.ank2::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.ank3 { width: 500px; height: 42px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; color: #ddccc6; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: center; }
.ank3 vne { color: #ddccc6; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: center; }

/* нужные */
.iny1 {width: 600px; height: 470px; background-color: #ded8d6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; color: #302b33; margin-bottom: 4px; padding-top: 10px; padding-bottom 10px; }
.iny2 { width: 550px; height: 4px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; margin-bottom: 10px; }
.iny3 { width: 550px; height: 400px; border: 1px solid #6e3939; margin-bottom: 7px; color: #302b33; font-size: 12px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: justify; }
.iny3 .iny03 { width: 550px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; color: #ded8d6; font-size: 12px; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; text-align: center; padding-top: 7px; padding-bottom: 5px; }
.iny3i .imgmain { float: left; width: 240px; margin-right: 10px; }
.iny3i img.main { border: 2px solid #6e3939; margin-bottom: 5px; width: 240px; filter: grayscale(70%); }
.iny3i { height: 346px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; overflow-y: scroll; }
.iny3i .imgmain .imgmain1 { width: 244px; height: 14px; background-image: linear-gradient(to top, rgba(222,218,227,0.4), rgba(222,218,227,0.4)), url("https://i.ibb.co/3mG12Ng/soob.png"); padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: center; margin-bottom: 2px; }
.iny3i .cit { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; font-style: italic; margin-bottom: 7px; text-align: center; }
.iny3i::-webkit-scrollbar { width: 5px; height: 2em; }
.iny3i::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.iny3i::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.iny3i::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* хочу видеть */
.iwy1 {width: 600px; background-color: #ded8d6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; color: #302b33; margin-bottom: 4px; padding-top: 10px; padding-bottom: 20px; }
.iwy2 { width: 550px; height: 4px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; margin-bottom: 10px; }
.iwy3 { width: 550px; border: 1px solid #6e3939; margin-bottom: 7px; color: #302b33; font-size: 12px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: justify; }
.iwy3 .iwy03 { width: 550px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; color: #ded8d6; font-size: 12px; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; text-align: center; padding-top: 7px; padding-bottom: 5px; }
.iwy3i { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.iwy3i .imgy { text-align: center;}
.iwy3i img.main { border: 2px solid #6e3939; margin-bottom: 5px; width: 240px; margin-left: 4px; margin-right: 4px; filter: grayscale(70%); }

/* сообщения с картинкой - ширину и высоту отдельно для каждого форума!!! */
.soob1 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); padding: 20px;  }
.soob2 { background-color: #ded8d6; padding-bottom: 15px; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: center; border: 3px double #6e3939; }
.soob2img {  background-color: #ded8d6; height: 200px; padding: 0px; background-size: cover; margin-bottom: 5px; margin-top: 10px; }
.soob2 .zag { text-align: center; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; margin-top: 10px; color: #302b33; }
/* если русские заголовки */
.soob2 .zagrus { text-align: center; font-size: 14px;  font-family: 'Oswald', sans-serif; line-height: 10px; font-weight: 600; letter-spacing: 2px; margin-top: 10px; }

/* сообщения без картинки - ширину и высоту отдельно для каждого форума!!! */
.soob3 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); padding: 20px;  }
.soob4 { background-color: #ded8d6; padding-bottom: 15px; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: center; border: 3px double #6e3939; }
.soob4 .zag { text-align: center; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; margin-top: 10px; }

/* если русские заголовки */
.soob4 .zagrus { text-align: center; font-size: 14px;  font-family: 'Oswald', sans-serif; line-height: 10px; font-weight: 600; letter-spacing: 2px; margin-top: 10px; }

/* скролл часть */
.soob5 { background-color: #ded8d6; padding: 5px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: justify; overflow-y: auto; overflow-x: hidden; }
.soob5::-webkit-scrollbar { width: 5px; height: 2em; }
.soob5::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.soob5::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.soob5::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* списки на удаление */
.byebye { height: 70px; padding: 10px; color: #6e3939; text-align: center; font-size: 10px; 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; overflow-y: auto; overflow-x: hidden; color: #2f3234; }
.byebye::-webkit-scrollbar { width: 5px; height: 2em; }
.byebye::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.byebye::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.byebye::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* внешности */
.soob4 .zag1 { text-align: center; font-size: 20px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; color: #302b33; }
.facebox facebooks1, .facebox facebooks2, .facebox facebooks3, .facebox facebooks4, .facebox facebooks5 { line-height: 100%; color: #302b33; font-size: 16px; left: 0; position: relative; font-family: 'Chonburi', cursive; padding-top: 20px; letter-spacing: 2px; }
.facebox facebooks1:before, .facebox facebooks2:before, .facebox facebooks3:before, .facebox facebooks4:before, .facebox facebooks5:before { content: ""; display: inline-block; margin-right: 10px; height: 1px; background-color: #6e3939; width: 100px; vertical-align: middle; }
.facebox facebooks1:before {width: 100px; }
.facebox facebooks2:before {width: 104px; }
.facebox facebooks3:before {width: 98px; }
.facebox facebooks4:before {width: 100px; }
.facebox facebooks5:before {width: 86px; }
.facebox facebooks1:after, .facebox facebooks2:after, .facebox facebooks3:after, .facebox facebooks4:after, .facebox facebooks5:after { content: ""; display: inline-block; margin-left: 10px; height: 1px; background-color: #6e3939; vertical-align: middle; }
.facebox facebooks1:after {width: 100px; }
.facebox facebooks2:after {width: 104px; }
.facebox facebooks3:after {width: 98px; }
.facebox facebooks4:after {width: 100px; }
.facebox facebooks5:after {width: 86px; }
.code-boxvn {background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; padding: 3px; width: 400px; color: #ddccc6; } 
.code-boxvn a, .code-boxvn a:link, .code-boxvn a:visited, .code-boxvn a:active { color: #ddccc6; font-variant: small-caps; font-weight: bold; font-size: 13px; font-family: 'Arial', sans-serif; } 
.blockcode_vn pre2 { font-size: 10px; background-color: #ddccc6; font-variant: normal; font-weight: 200; color: #2f3234; }
.blockcode_vn { font-size: 10px; background-color: #e8e2e0;  border: 1px solid #6e3939; font-variant: normal; font-weight: 200; color: #302b33; font-family: 'Arial', sans-serif; height: 21px; padding-top: 1px; }

/* эпизоды */
.ep0 { width: 600px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; background-color: #ded8d6; padding-top: 40px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;  }
.ep1 { background-color: #ded8d6; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;  }
.ep1 img.main { width: 240px; border: 3px solid #ded8d6; margin-bottom: 5px; margin-top: -20px; filter: grayscale(50%);  }
.ep1 hr { border: 0; width: 400px; height: 1px; background-image: -webkit-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); background-image:    -moz-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(0,0,0,0)); background-image:     -ms-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); background-image:      -o-linear-gradient(left, rgba(46,46,46,0), rgba(46,46,46,0.75), rgba(46,46,46,0)); margin-top: 3px; }
.ep1 epname { color: #302b33; font-family: 'Playfair Display', serif; font-size: 20px; text-decoration: none; font-weight: 400; font-style: italic; }
.ep2 { color: #302b33; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; opacity: 0.75; margin-top: -5px; }
.ep3 { padding-right: 5px; padding-left: 5px; color: #302b33; font-size: 11px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: justify; margin-top: -5px; padding-top: 1px; padding-bottom: 3px; }

/* соц сеть */
.soc1 {width: 510px; background: url("https://i.ibb.co/3mG12Ng/soob.png") repeat top center; padding: 5px; color: #262626; }
.soc2 {width: 500px; background-color: #ffffff; padding: 0px; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: left; }
.soc3 {width: 500px; height: 25px; background: url("https://i.ibb.co/syh6Mnt/socset1.png") no-repeat top center; padding-top: 14px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #b3b3b3; padding-left: 0px;  font-family: 'Calibri', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; text-align: center; }
.soc4 { float: left; border-radius: 50%; padding: 0px; width: 90px; height: 90px;  background-size: cover; }
.soc5 { text-align: center; color: #262626; font-family: 'Calibri', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; }
.soc5 soc4in { color: #9c9c9c; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; }
.soc6 { width: 311px; height: 21px; background: url("https://image.ibb.co/njsY7f/4.png") no-repeat top center; text-align: center; color: #ffffff; font-family: 'Calibri', sans-serif; font-size: 13px; font-style: normal; font-weight: 600; padding-top: 5px; -khtml-border-radius: 20%; -moz-border-radius: 20%; -o-border-radius: 20%; }
.soc7 { padding-left: 20px; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: left; }
.soc8 {width: 500px; height: 32px; background: url("https://i.ibb.co/5kGkHDT/socset2.png") no-repeat top center; padding-top: 5px; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; }
.soc2 img.insta { width: 160px; height: 160px; margin-left: 1px; margin-right: 1px; margin-bottom: 2px; }
.soc2 img.insta2 { width: 160px; height: 160px; margin-left: 1px; margin-right: 1px; }
.soc9 { text-align: center; }
.soc10 {width: 500px; height: 42px; background: url("https://i.ibb.co/wL3KTgF/socset3.png") no-repeat top center; padding-top: 5px; border-top: 1px solid #b3b3b3; }

.socp2 {width: 500px; background-color: #ffffff; padding: 0px; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: center; }
.socp3 {width: 500px; height: 25px; background: url("https://image.ibb.co/jqXTq0/5.png") no-repeat top center; padding-top: 14px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #b3b3b3; padding-left: 0px;  font-family: 'Calibri', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; text-align: center; }
.socp4 { float: left; border-radius: 50%; padding: 0px; width: 40px; height: 40px; background-size: cover; }
.socp5 { color: #262626; font-family: 'Calibri', sans-serif; font-size: 13px; font-style: normal; font-weight: 400; text-align: left; }
.socp6 {width: 500px; height: 30px; background: url("https://image.ibb.co/eW8Jq0/6.png") no-repeat top center; text-align: center; background-size: cover; }
.socp7 { background-color: #ffffff; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: justify; padding: 10px; padding-left: 20px; }
.socp7 dm { color: #9c9c9c; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; }
.socp7 ht { color: #2a3857; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; font-weight: bold; word-spacing: 3px; }
.socp8 {width: 500px; height: 42px; background: url("https://image.ibb.co/h5zGtL/3.png") no-repeat top center; padding-top: 5px; border-top: 1px solid #b3b3b3; }
.socp2 img.instap { width: 450px; text-align: center; }

.socс2 {width: 500px; background-color: #ffffff; padding: 0px; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: center; padding-bottom: 5px; }
.socс3 { float: left; border-radius: 50%; padding: 0px; width: 40px; height: 40px; background-size: cover; }
.socc4 { background-color: #ffffff; line-height: 90%; color: #262626; font-family: 'Calibri', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; text-align: justify; padding: 10px; padding-left: 20px; }

/* личная страница НОВАЯ */
.lich1 { width: 610px; height: 380px; background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); }
.lich2 { height: 360px; background-color: #d4cecc; border: 3px double #6e3939; font-size: 10px; }
.lich3 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); }
.lichph {width: 176px; height: 346px; filter: grayscale(90%); }
.lichstat { opacity: 0; height: 328px; width: 158px; background-color: #ded8d6; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; font-size: 10px; } 
.lichstat:hover { opacity: 1; } 
.lich4 img { filter: grayscale(0%); }
.lich4 { background-color: #ded8d6; font-size: 10px;}
.lich5 img { filter: grayscale(0%); }
.lich5 { background-color: #ded8d6; font-size: 10px; overflow-y: scroll;}
.lich5::-webkit-scrollbar { width: 5px; height: 2em; }
.lich5::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.lich5::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.lich5::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.podar img {width: 50px; }
.nagradiki img { width: 30px; filter: grayscale(0%); }
.nadpod { color: #ddccc6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; text-decoration: none; line-height: 10px; font-weight: 600; letter-spacing: 2px; text-align: center;  }
.nadnagr { color: #ddccc6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; text-decoration: none; line-height: 10px; font-weight: 600; letter-spacing: 2px; text-align: center;  }
.nadpla { color: #ddccc6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; text-decoration: none; line-height: 10px; font-weight: 600; letter-spacing: 2px; text-align: center;  }

/* банк */
.bank1 { width: 500px; height: 500px; padding: 20px; background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); position: relative; }
.bank2 { position: relative;  height: 460px; padding: 5px; background-color: #ded8d6; border: 3px double #6e3939; padding: 0; padding-top: 6px; font-size: 10px; }
.bank2 zag { color: #302b33; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; }
.bank3 [type=radio] { display: none; }
.bank3 { float: left; } 
.bank4 { height: 290px; width: 473px; left: 2px; position: absolute; padding: 5px; opacity: 0; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
.bank3 label { display: block; position: relative; width: 85px; height: 12px; text-align: center; color: #fff; 
font-size: 10px; letter-spacing: 0.7px; font-family: playfair display; font-weight: bold; text-transform: uppercase; top: 370px; left: 8px;}
[type=radio]:checked ~ label {color: #000; }
[type=radio]:checked ~ label ~ .bank4 {z-index: 1; opacity: 1;}
.bankscroll {overflow-y: scroll; text-align: justify; padding: 2px; }
.bankscroll::-webkit-scrollbar { width: 5px; height: 2em; }
.bankscroll::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.bankscroll::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.bankscroll::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.bankpodariscroll {overflow-y: scroll; text-align: justify; padding: 5px; }
.bankpodariscroll::-webkit-scrollbar { width: 5px; height: 2em; }
.bankpodariscroll::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.bankpodariscroll::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.bankpodariscroll::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }

/* хронология отношения общее */
.chrotn1 { width: 500px; background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); padding: 15px;  }
.chrotn2 { width: 470px; background-color: #ded8d6; padding-bottom: 15px; padding-top: 10px; padding-left: 10px; padding-right: 10px;  padding-bottom: 10px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: center; border: 3px double #6e3939; }
.chrotn2 .zagrus { text-align: center; font-size: 14px;  font-family: 'Oswald', sans-serif; line-height: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
/* отношения */
.chrotn3 { width: 225px; height: 16px; background-color: #6e3939; color: #ddccc6; font-size: 12px; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; padding-top: 5px; letter-spacing: 2px;  }
.chrotn4 { width: 221px; height: 160px; background-color: #ded8d6; color: #302b33; font-size: 10px; text-align: center; padding-top: 5px; border: 2px solid #6e3939; }
.chrotn5 { height: 55px; color: #302b33; font-size: 10px; text-align: justify; padding-right: 5px; padding-left: 5px; overflow-y: scroll; }
.chrotn5::-webkit-scrollbar { width: 5px; height: 2em; }
.chrotn5::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.chrotn5::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.chrotn5::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
/* хронология */
.chrotn6 { height: 26px; background-color: #6e3939; color: #ddccc6; font-size: 10px; text-align: center; padding-top: 5px; }
.chrotn6 a, .chrotn6 a:link, .chrotn6 a:visited, .chrotn6 a:active { color: #ddccc6; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; text-decoration: none; transition: 0.2s linear; letter-spacing: 2px; }
.chrotn6 a:hover, .chrotn6 a:focus { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; text-decoration: none; letter-spacing: 2px; }
.chrotn7 { height: 20px; background-color: #ede7e5; color: #302b33; font-size: 10px; text-align: justify; padding-top: 2px; border: 2px solid #6e3939; overflow-y: scroll; }
.chrotn7::-webkit-scrollbar { width: 5px; height: 2em; }
.chrotn7::-webkit-scrollbar-track { background-color: #fff;  height: 2em; }
.chrotn7::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 2em; }
.chrotn7::-webkit-scrollbar-thumb { background-color: #a68db4; border-radius: 5px; height: 2em; }
.chrotn8 { height: 5px; }

/* приемка */
.prmk1 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); padding: 20px;  }
.prmk2 { background-color: #ded8d6; padding-bottom: 15px; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; border: 3px double #6e3939; }
.prmk2 zag { text-align: center; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px;  color: #302b33; }
.prmk3 { width: 95px; border: 1px solid #6e3939; background-color: #cac4c2; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; text-align: center;  float: left; padding-top: 3px; padding-bottom: 3px;  }
.prmk2 img { float: left; filter: grayscale(70%); }

/* итоги недели */
.weeki1 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); padding: 20px;  }
.weeki2 { background-color: #ded8d6; padding-bottom: 15px; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: center; border: 3px double #6e3939; }
.weeki3 { background-color: #ded8d6; padding: 5px; color: #302b33; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: justify;  }
.weeki3 img.ams { float: left; width: 180px; height: 100px; border: 1px solid #6e3939; }
.weeki3 cives { color: #302b33; font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 14px; text-decoration: none; line-height: 12px; padding: 10px; width: 156px; }
.postsbest { margin-right: 4px;}


/* CS7 Personal Pages
 -------------------------------------------------------------*/
/*Cтиль к скрипту: Всплываюшая таблица с вкладками, в топике, с инфой о персонаже */

/*Стиль иконки в мини-профиле*/
img.a-info{
  display:block!important;
  cursor:pointer;
  text-align:left!important;
}

/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}

/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float: right;
 margin: 90px -90px 0 0!important;
 width: 17px; 
}

/* Корневой таб(UL) */
.my-tabs{
margin-top: 10px;
margin-left: 90px;
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*максимальная высота таблички*/
}

/* Стиль "Ушка" вкладок */
.my-tabs>span{
 opacity: 0;
    display: block!important;
    position: relative;
    z-index: 12;
    padding: 4px;
    height: 17px!important;
    margin-right: 2px;
    margin-left: -1px;
    margin-top: 80px;
    margin-bottom: -20px!important;
    text-align: left;
    padding-right: 6px;
    float: left;
}

/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 38px;
}

/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}

/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
     width: 800px;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
    text-align: center;
    vertical-align: middle;
   
}

/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top: 3px;
 text-align:left;
 display:inline-block;
}