/* 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: #3d413e;
  }

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

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

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

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

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

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

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

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

.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: #e6ece9 #8c928f #8c928f #e6ece9;
  }

/* стиль спойлера */ 
.punbb .quote-box.spoiler-box { border-style: solid; border-width: 2px; border-color: #e6ece9 #8c928f #8c928f #e6ece9; background-color: #bec4c1; color: #3d413e; }

#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: #4f5b52; text-decoration: none; transition: 0.2s linear; }

/* активные и наведенные */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #90a298; 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: #90a298; text-decoration: none; }

/* CS3.3 */
/* меню навигации стиль ссылок */
#pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited, #pun-navlinks a:active {
  color: #72847a; 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: #90a298; text-decoration: none;
  }

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

/* ссылки именно в сообщениях делаем жирнее обычные */
.post-box a, .post-box a:link, .post-box a:visited { color: #4f5b52; text-decoration: none; transition: 0.2s linear; font-weight: 600;  }
.post-box a:hover, .post-box a:focus, .post-box a:active {  color: #90a298; 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 #959e98; } /* новые сбщ верх-право-низ-лево */
#pun-main div.catleft, #pun-main div.catright {display: none}

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

/* содержимое форума фон */
#pun {  background-color: #d2d8d5; text-align: justify; 
border: 1px solid #8c928f; color: #3d413e; 
box-shadow: 0 0 0 20px rgba(190,196,193,1),0 0 0 22px rgba(79,91,82,1), 0 0 0 32px rgba(99,111,102,1), 0 0 0 33px rgba(0,0,0,0.5), 0 0 0 43px rgba(0,0,0,0.2); }

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

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

/* быстрый ответ */
#post-form h2 { text-align: center; color: #72847a; 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; }

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

/* выбор шрифта */
#font-area { height: 200px; overflow-y: scroll; background-color: #dce2df; border: 1px solid #8c928f; color: #3d413e; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); }
#font-area::-webkit-scrollbar { width: 3px; height: 2em; }
#font-area::-webkit-scrollbar-track { background-color: #bec4c1;  height: 2em; }
#font-area::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; }
#font-area::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }

/* обтекание изображения */
#float { background-color: #dce2df; border: 1px solid #8c928f; color: #3d413e; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); }

/* маска */
#mask_dialog .inner { background-color: #dce2df; border: 1px solid #8c928f; text-transform: lowercase; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); color: #3d413e; }

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

/* приветствие */
#pun-status { text-align: center; color: #3d413e; }
#pun-status span { color: #3d413e; }

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

/* категории стиль */
#pun-index div.category h2, #pun-index #pun-stats h2 { background-color: #bec4c1; text-align: center; color: #72847a; 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; margin-left: -1px; width: 874px; border-style: solid none solid none; border-width: 1px 0 1px 0; border-color: #8c928f; padding-bottom: 10px; padding-top: 10px; margin-bottom: -10px; }

/*подфорумы строкой, а не столбцом*/
#pun-index .category TR { width: 49%; display: inline-block; margin-bottom: -20px; margin-top: 10px;  }
#pun-index .main TD { display: inline-table; margin-left: 8px; 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-index td div.tclcon { width: 360px; height: 115px; background-color: #d2d8d5; padding-top: 10px; padding-left: 0px; padding-right: 20px; text-align: justify; font-size: 10px; margin-top: 5px; margin-bottom: 20px; margin-left: -5px; border: 1px solid #8c928f; color: #3d413e; box-shadow: 0 0 0 5px rgba(190,196,193,1),0 0 0 6px rgba(140,146,143,1); } /*сам внешний вид*/
#pun-index td div.tclcon h3 { text-align: center; margin-top: -3px; margin-left: 18px; padding-top: 0px; } /*сдвиг названия подфорумов*/
#pun-index td.tcr { margin-top: -115px; margin-left: 10px; text-align: center; color: #302b33; padding-left: 20px; font-size: 10px; }  /*поднять и сдвинуть последнее сообщение*/
#pun-index .opisaniepodfor { margin-left: 28px; width: 324px; padding-right: 0px; text-transform: lowercase; color: #3d413e; border-bottom: 2px solid #8c928f; 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: #72847a; 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: #9aaca2; 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: #4f5b52; font-size: 10px; text-decoration: none; font-weight: 700; transition: 0.2s linear; font-family: 'Arimo', sans-serif; letter-spacing: 1px; }
#pun-index td.tcr a:hover { color: #90a298; font-size: 10px; text-decoration: none; font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 1px; }

/* слово статистика */
#pun-stats h2 span { background-color: #bec4c1; text-align: center; color: #72847a; 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-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: #d2d8d5; padding-top: 2px; padding-bottom: 2px; text-transform: lowercase; font-size: 10px; letter-spacing: 1.2; color: #3d413e; border: 1px solid #8c928f; box-shadow: 0 0 0 4px rgba(190,196,193,1),0 0 0 5px rgba(140,146,143,1); } /* оформление всего соо участников и тд */
#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: 240px; } /* ширина один из наших */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3 { width: 170px; } /* ширина остальных */

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

/*кнопки вверхвниз*/
.go-up { display: none; bottom: 55px; /*положение от низа окна браузера верхняя кнопка*/ }
.go-down { display: block; bottom: 10px; /*положение от низа окна браузера нижняя кнопка*/ }
.go-up, .go-down {
position: fixed; /*позиционируем*/
right: 100px; /*указываем положение, если слева - 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: #bec4c1; /*цвет стрелок*/
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; /*курсор не меняется*/ }

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

/* баннеры */ 
.affiliates { height: 70px; overflow-y: scroll;  border: 1px solid #8c928f; background: #dce2df; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); } 
.affiliates::-webkit-scrollbar { width: 2px; height: 2em; } 
.affiliates::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; } 
.affiliates::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; } 
.affiliates::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }

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

/* размытие вместо зачеркивания текста */
.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; }

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

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

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

/* регулировка размера шрифта в постах */ 
.FNTslider {
  border-radius: 4px;
  position:relative;z-index: 1000;
  background: #e6ece9; /* фон светлый */ 
  width: 110px;
  height: 3px;
  margin: 3px 5px;
  border: solid 1px #8c928f; /* цвет границы */ 
  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: #636f66; /* цвет темный */ 
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 4px;
  height: 9px;
  border-radius: 3px;
  position: relative;
  top: -3px;
  background: #4f5b52; /* цвет бегунка */ 
  cursor: pointer;
}

/* CS6 Weekly
 -------------------------------------------------------------*/

/* активисты */
.wnactive { position: absolute; overflow-y: none; overflow-x: none; width: 230px; text-align: left; }

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

/* сан франциско */
.wnsf { position: absolute; width: 200px; text-align: left; font-size: 10px; font-weight: 600; color: #77837a; }

/* новостные плашки */
.wnnew  { position: absolute; overflow-y: scroll; overflow-x: none; text-align: center; font-size: 10px; height: 30px; width: 217px; background-color: #d2d8d5; padding-left: 8px; padding-top: 2px;}
.wnnew::-webkit-scrollbar { width: 2px; height: 1em; }
.wnnew::-webkit-scrollbar-track { background-color: #fff;  height: 1em; }
.wnnew::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 5px; height: 1em; }
.wnnew::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 5px; height: 1em; }
.wnnew .pl { width: 100px; height: 11px; background-color: #77837a; text-transform: lowercase; font-size: 10px; text-decoration: none; color: #e0e7e4; border: 1px solid #4f5b52; transition: 0.2s linear; margin-bottom: 2px; margin-right: 2px; font-family: 'Alegreya Sans SC', sans-serif; float: left; letter-spacing: 0.95; }
.wnnew .pl:hover { background-color: #b3bfb6; color: #77837a; border: 1px solid #8b978e; }

/* контейнер для навигации и топа */
.wnfor { position: absolute; overflow-y: none; overflow-x: none; font-size: 10px; color: #77837a; text-align: left; height: 16px; width: 225px; background-color: #d2d8d5; }
.wnfortop { position: absolute; overflow-y: none; overflow-x: none; }
.wnfornav { position: absolute; overflow-y: none; overflow-x: none; }

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation { background-color: #77837a; color: #e0e7e4; height: 10px; border: 1px solid #4f5b52; width: 130px; display: inline-block; cursor: pointer; font-size: 10px; position: absolute; transition: all 0.3s ease-in-out 0s; text-align: center;  text-transform: lowercase; font-family: 'Alegreya Sans SC', sans-serif; letter-spacing: 1px; text-decoration: none; }
/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover { background-color: #b3bfb6; color: #77837a; border: 1px solid #8b978e; text-align: center; letter-spacing: 1px; }
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock { width: 129px; position: absolute; top: 18px; left: 2px; z-index: 999; }
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block; opacity: .95; padding: 5px; background-color: #d2d8d5; border-radius: 0px; border: 1px solid #8c928f; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); }
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a { background-color: #77837a; text-align: center; transition: all 0.3s linear 0s; display: block; padding: 1px; text-transform: lowerrcase; width: 100px; color: #e0e7e4; font-size: 10px; border: 1px solid #4f5b52; margin: 2px auto; white-space: nowrap;}
/* ссылка при наведении */
#pun .sslka a:hover { background-color: #b3bfb6 !important; opacity: .9; color: #77837a; border: 1px solid #8b978e; }

/* амс */
.wnams { position: absolute; width: 200px; text-align: right; font-size: 10px; font-weight: 600; color: #77837a; }
.wnams a, .wnams a:link, .wnams a:visited, .wnams a:active { color: #77837a; font-size: 10px; text-decoration: none; transition: 0.2s linear; }
.wnams a:hover, .wnams a:focus { color: #a9b5ac; }

/* CS7 Profile
 -------------------------------------------------------------*/

/* имя автора сообщения */
.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: #c2c6c3; 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; } /* имя ссылка */
.post-author li.pa-author a:hover { color: #fff; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 10px; letter-spacing: 1px; } /* имя ссылка при наведении */

/* статус в профиле */
li.pa-title { color: #c2c6c3; 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; }

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

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

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

/* личное звание */
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 .lzinfa { line-height: 0.9; } /* личное звание инфа между строками */

/* личное звание имя на русском ссылкой */
li.pa-fld1 a.names { color: #4f5b52; 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: #4f5b52; text-decoration: none; transition: 0.2s linear; } 
li.pa-fld1 a:hover { color: #90a298; text-decoration: none; } 

/* личное звание ссылки */
li.pa-fld1 .lzinfa a, li.pa-fld1 .lzinfa a:link, li.pa-fld1 .lzinfa a:visited { color: #4f5b52; 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: #90a298; text-decoration: none;  }

/* посты и валюта */
li.pa-fld3 {margin-top: -6px; margin-bottom: -8px; padding-bottom: -3px; color: #c2c6c3; 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: #c2c6c3; 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-reputation div.inner div.container, #pun-report div.inner div.container { background-color: #bec4c1; border: 1px solid #8c928f; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); text-transform: lowercase; z-index: 999999; position: absolute; width: 800px; margin-top: -40px; }
/*там где слово поднять репутацию*/
#pun-reputation h1 { visibility: hidden; }
.post_reputation h1 { visibility: hidden; }
/*надпись поднять репутацию*/
 .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; }
/*окно для сообщения*/
#pun-reputation .tc2 textarea {width: 600px !important; background-color: #e1e7e4; color: #3d413e; }

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

/* CS8 Smiles
 -------------------------------------------------------------*/

/* смайлики эмоджи */
#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: 87px; background: #bec4c1; color: #3d413e; 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: #656966; padding: 0 14px; background: #cdd3d0; background-position: -652px -31px; text-decoration:none; text-transform: lowercase; font-size: 10px; font-weight: 600; } /* наведенная вкладка */
ul.tabs li.tab-current a {color: #474b48; padding: 0px 14px 2px; border:medium hidden; line-height: 22px; background-position: -652px -62px; text-transform: lowercase; font-size: 10px; font-weight: 600; background: #cdd3d0; } /* выбранная вкладка */
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: 1px solid #8c928f; background: #dce2df; padding: 5px; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); }
div.t1 { border: 1px solid #8c928f; background: #dce2df; margin-left: -10px; height: 154px; overflow-y: scroll;  padding: 5px; box-shadow: 0 0 0 2px rgba(190,196,193,1),0 0 0 3px rgba(140,146,143,1); }
div.t5 img { margin: 1px; }

/* смайлики прокрутка */
div.t1::-webkit-scrollbar { width: 2px; height: 2em; }
div.t1::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; }
div.t1::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; }
div.t1::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }
div.t2::-webkit-scrollbar { width: 2px; height: 2em; }
div.t2::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; }
div.t2::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; }
div.t2::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }
div.t3::-webkit-scrollbar { width: 2px; height: 2em; }
div.t3::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; }
div.t3::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 5px; height: 2em; }
div.t3::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }
div.t4::-webkit-scrollbar { width: 2px; height: 2em; }
div.t4::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; }
div.t4::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; }
div.t4::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; height: 2em; }
div.t5::-webkit-scrollbar { width: 2px; height: 2em; }
div.t5::-webkit-scrollbar-track { background-color: #bec4c1; height: 2em; }
div.t5::-webkit-scrollbar-track-piece { background-color: #bec4c1; border-radius: 0px; height: 2em; }
div.t5::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 0px; 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}

/* CS9 Messages Style
 -------------------------------------------------------------*/

/* гостевая */
.priderzh1 { background-color: #636f66; width: 213px; height: 13px; color: #dce2df; 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: 2px solid #636f66; overflow-y: scroll; background-color: #d2d8d5; }
.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: #636f66; border-radius: 5px; height: 2em; }
.code-box2 { background-color: #636f66; font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; padding: 3px; width: 213px; color: #dce2df; border: 2px solid #636f66; } 
.code-box2 a, .code-box2 a:link, .code-box2 a:visited, .code-box2 a:active { color: #dce2df; font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; } 
.code-box2 a:hover { color: #bec4c1; } 
.blockcode_2 pre2 { font-size: 10px; background-color: #d2d8d5; font-variant: normal; font-weight: 200; color: #3d413e; }
.blockcode_2 { font-size: 10px; background-color: #d2d8d5; border: 1px solid #636f66; font-variant: normal; font-weight: 200; color: #3d413e; font-family: 'Arial', sans-serif; height: 21px; padding-top: 1px; }

/* FAQ АМС*/
/* контейнер с фото */
.ams1 { width: 140px; height: 140px; background-size: cover; background-color: #d2d8d5; text-align: center; border: 1px solid #8c928f; box-shadow: 0 0 0 3px rgba(190,196,193,1),0 0 0 4px rgba(79,91,82,1); }
/* окно при наведении */
.ams2 { height: 50px; background-image:url('https://i.ibb.co/T8x70WL/blck.png'); text-align: center; border: 1px solid #000; opacity: 0; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; color: #bec4c1; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 600; font-size: 20px; letter-spacing: 2px; }
.ams2:hover { opacity: 0.8; } 
.ams2 img { width: 20px; opacity: 0.7; }

/* ПРИЕМКА */
/* серая рамка */
.priem1 { background-image: url("https://i.ibb.co/3mG12Ng/soob.png"); }
/* основной контейнер */
.priem2 { background-color: #bec4c1; color: #3d413e; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: justify; border: 3px double #d2d8d5; }
/* изображение амс */
.priem2 img { filter: grayscale(70%); width: 100px; height: 100px; }
/* приветствие амс */
.priem2 zag { text-align: center; font-size: 14px; font-family: 'Chonburi', cursive; line-height: 10px; font-weight: 600; letter-spacing: 2px; color: #3d413e; }
/* ссылки */
.priem2 a { background-color: #d2d8d5; color: #636f66; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; text-align: center; vertical-align: middle; width: 95px; border: 1px solid #636f66; text-align: center; width: 104px; text-transform: lowercase; transition: all 0.3s linear 0s; display: block; }
.priem2 a:hover { background-color:#a9b5ac; color: #d2d8d5; }

/* ИТОГИ НЕДЕЛИ */
/* рамка */
.weekly1 { background-color: #636f66; padding: 20px; }
/* основной контейнер */
.weekly2 { background-color: #bec4c1; padding: 10px; color: #3d413e; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; line-height: 10px; font-weight: 400; text-align: justify; border: 3px double #d2d8d5; }
/* амс вещает */
.weekly2 cives { color: #302b33; font-family: 'Oswald', sans-serif; font-weight: 200; font-size: 14px; text-decoration: none; line-height: 12px; padding: 10px; }
/* амс картинка */
.weekly2 img.ams { float: left; width: 100px; height: 100px; border: 2px solid #d2d8d5; }
/* активисты */
.weekly2 img.act { border: 2px solid #d2d8d5; width: 35px; height: 35px; }
.weekly2 img.act2 { border: 2px solid #d2d8d5; width: 35px; height: 35px; }
/* цитаты */
.weekly2 .quotes { background-color: #d2d8d5; height: 45px; font-size: 10px; color: #3d413e; overflow-y: scroll; overflow-x: none; text-align: justify; padding: 5px; }
.weekly2 .quotes::-webkit-scrollbar { width: 2px; height: 1em; }
.weekly2 .quotes::-webkit-scrollbar-track { background-color: #fff;  height: 1em; }
.weekly2 .quotes::-webkit-scrollbar-track-piece { background-color: #fff; border-radius: 1px; height: 1em; }
.weekly2 .quotes::-webkit-scrollbar-thumb { background-color: #636f66; border-radius: 1px; height: 1em; }
/* статистика */
.weekly2 .stats, .weekly2 .stats2 { background-color: #d2d8d5; color: #3d413e; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; text-align: center; vertical-align: middle; width: 104px; height: 16px; }

/* CS10 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;
}

/* CS11 Old elements
 -------------------------------------------------------------*/

/* о сан франциско */
.sstr1 { width: 610px; height: 500px; padding: 20px; background-color: #636f66; position: relative; }
.sstr2 { position: relative;  height: 460px; padding: 5px; background-color: #bec4c1; border: 3px double #d2d8d5; padding-top: 0px; font-size: 10px; }
.sstr2 zag { color: #3d413e; 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: #636f66; 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-color: #636f66;  width: 180px; padding-bottom: 2px;}
.sstr5 img { }

/* анкета */
.ank1 { width: 500px; height: 450px; background: url("https://i.ibb.co/W55wkPx/anketa.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-color: #636f66; padding: 20px;  }
.soob2 { background-color: #bec4c1; 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 #d2d8d5; }
.soob2img {  background-color: #d2d8d5; height: 200px; padding: 0px; background-size: cover; margin-bottom: 5px; margin-top: 10px; border: 2px solid #d2d8d5;}
.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-color: #636f66; padding: 20px;  }
.soob4 { background-color: #bec4c1; 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 #d2d8d5; }
.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: #bec4c1; 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: #636f66; 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: #3d413e; }
.facebox facebooks1, .facebox facebooks2, .facebox facebooks3, .facebox facebooks4, .facebox facebooks5 { line-height: 100%; color: #3d413e; 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: #636f66; 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: #636f66; 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-color: #636f66; font-variant: small-caps; font-weight: bold; text-align: center; font-size: 13px; padding: 3px; width: 400px; color: #dce2df; } 
.code-boxvn a, .code-boxvn a:link, .code-boxvn a:visited, .code-boxvn a:active { color: #dce2df; font-variant: small-caps; font-weight: bold; font-size: 13px; font-family: 'Arial', sans-serif; } 
.code-boxvn a:hover { color: #bec4c1; } 
.blockcode_vn pre2 { font-size: 10px; background-color: #d2d8d5; font-variant: normal; font-weight: 200; color: #3d413e; }
.blockcode_vn { font-size: 10px; background-color: #d2d8d5;  border: 1px solid #636f66; font-variant: normal; font-weight: 200; color: #3d413e; 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 #d2d8d5; 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: #e3e3e3; 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 #444444; }
.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: 91px; border: 1px solid #444444; background-color: #c9c9c9; 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%); }