/* фон */
body {
background: url() 50% 35% no-repeat fixed,
url(https://forumstatic.ru/files/0011/c3/3f/12559.jpg) no-repeat fixed; background-color: #292725; background-size: auto, cover;
}

/* шапка */
#pun-title table {
   background-image: url(https://forumstatic.ru/files/0011/c3/3f/71290.png);
   margin-left: -81px;
   margin-top: -137px;
   width: 1083px;
   height: 345px;
   background-repeat: no-repeat;
   position: absolute;
}

/* пун*/
#pun { 
   background-color: #e2dcd4; 
   background-image: url(https://forumstatic.ru/files/0011/c3/3f/28128.png); }

/* футер*/
#pun-about p.container {
    background: url(https://forumstatic.ru/files/0011/c3/3f/27926.png);
    background-repeat: no-repeat;
    width: 1082px;
    height: 234px;
    margin: 0px 0 -60px -81px!important;
}


/* CS2.1 Ссылки */
.punbb a, .punbb a:link, .punbb a:visited {
    color: #2f7b85;
    text-decoration: none!important;

    transition: color .34s linear, letter-spacing .3s linear, opacity .2s linear, font-size .5s linear;
    -webkit-transition: color .4s linear, letter-spacing .3s linear, opacity .2s linear, font-size .5s linear;
    -moz-transition: color .4s linear, letter-spacing .3s linear, opacity .2s linear, font-size .5s linear;

   -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
   color: #b15641;
   opacity: 1;
}


 /* CS3.1 иконка старых сообщений*/
.punbb table Div.icon {
    background-image: url(https://forumstatic.ru/files/0011/c3/3f/54192.png);
    background-repeat: no-repeat;
}

/* CS3.2 иконка новых */
TR.inew Div.icon {
    background-image : url(https://forumstatic.ru/files/0011/c3/3f/84756.png); 
    background-repeat: no-repeat;
}

#pun-viewforum Div.icon, .fs-box Div.icon {
    background-color: #e4d6cc;
    background-image: none;
    height: 12px!important;
    width: 12px!important;
    margin: 10px 25px 0 -1px!important;
    position: relative;
    background-image: none!important;
    border-radius: 50%;
}


#pun-viewforum TR.inew Div.icon, .fs-box TR.inew Div.icon  {
    background-color: #cfcbc6;
    background-image: none;
}


#pun-viewforum TR.isticky Div.icon {
    background-color: rgb(195 109 89);
    background-image: none;
}

#pun-viewforum TR.iclosed Div.icon {
    background-color: #76736e;
    background-image: none;
}


#pun-index .category tr.inew { }




/* форма ответа */
.punbb textarea {
    font-size: 11px!important;
    outline: none;
    color: #424242;
    padding: 7px 0 0 7px;
    border: 1px #f7f7f7 solid;
    background: radial-gradient(at top, #ebe9e6, transparent);
    margin-top: 7px!important;
    box-shadow: 0 0 0 1px #d5c2ac inset, 0 0 20px #e5e1dc inset, 0 0 0 2px #fff inset;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}



/* блок с редактированием поста */
#pun-viewtopic #form-buttons table, #post-form #form-buttons table { }

#pun-viewtopic #form-buttons table, #pun-edit #form-buttons table {}


/* вкладка со стикерами, смайлами */
/* общий блок */
.hvStickerPackModal {
    border-radius: 2px!important;
    background-image: none!important;
    bottom: -40px!important;
    left: 30px!important;

    color: #565453;
    background: #e5e1dc!important;
    border: 1px #d5d2ce solid!important;
    box-shadow: 0 6px 7px -5px #cdc8c4, inset 0 0 0 1px #ffffff, inset 0 0 15px #e4dcd3, 0 0 0 1px #e5e1dc!important;
}

/* вкладки */
.hvStickerPackModalTab {
    padding: 2px 7px 1px!important;
    font-size: 13px!important;
    font-family: 'Alegreya Sans SC'!important;
    text-transform: lowercase!important;
    color: #b15641!important;
    border: 1px solid #d3cec8!important;
    box-shadow: inset 0 0 1px #fff!important;
    border-radius: 3px!important;
}

.hvStickerPackModalTab.active {  background: #f1ede6!important;  }

/* обводка области с вкладками */
.hvStickerPackModalContent { border: dashed 1px #d5c9bb!important; }



/* кнопки ответа */
.punbb input.button{
    position: relative;
    padding: 6px 22px;
    background: #b15641;
    /* background: linear-gradient(0deg, #00313a, #398b99); */
    font-size: 12px!important;
    text-transform: lowercase;
    color: #f1ede6!important;
    text-shadow: #3c0d02 0px 1px 0px;
    box-shadow: inset 0 0 0 1px #cb7a68, inset 0 0 5px #e75a3a;
    border-radius: 2px;
    font-family: 'Alegreya Sans SC';
    border: 1px solid #a71e27;
    transition: .3s linear;
}

input.button:hover {
    background: linear-gradient(0deg, #2c4255, #18141d);
    text-shadow: #414c35 0px 1px 0px;
    box-shadow: inset 0 0 0 1px #2c4255;
    border: 1px solid #18131d;
}


/* иконка автора поста */
.punbb .user-avatar .ava {
    border-radius: 50%;
    height: 30px!important;
    width: 30px!important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #65691d;
}

/* категории*/
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2 {
    width: 1007px;
    height: 66px;
    margin-left: -22px;
    z-index: 1;
    position: relative;
}
#pun-category1.category h2 {background: url(https://forumstatic.ru/files/0011/c3/3f/64134.png);}
#pun-category2.category h2 {background: url(https://forumstatic.ru/files/0011/c3/3f/75322.png);}
#pun-category3.category h2 {background: url(https://forumstatic.ru/files/0011/c3/3f/11517.png);}
#pun-category4.category h2 {background: url(https://forumstatic.ru/files/0011/c3/3f/87466.png);}

/*статистика */
#pun-stats.section h2 { 
    width: 1007px;
    height: 66px;
    margin-left: -22px;
    margin-bottom: -5px!important;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(https://forumstatic.ru/files/0011/c3/3f/17698.png);
    background-origin: padding-box;
    background-position: 0% 0%;
}

/* Прочие элементы */

/*аватар последнего написавшего*/

.punbb .user-avatar {
    float: right!important;
    margin: -3px 9px 2px 15px!important;
}

.fs-box .user-avatar {
display: none!important;
}


.punbb .user-avatar .avatar-image {
    height: 25px!important;
    width: 25px!important;
    outline: 1px solid #aba7a1;
    outline-offset: 2px;
    margin: 10px 5px 0;
    border: 1px solid #aba7a1!important;
}

/*---- фон кнопок в форме ответа ----*/
#pun_wrap #post .container[id$="-area"] {
    overflow-y: auto;
    text-shadow: none;
    font-size: 11px;
    padding: 9px;
    max-height: 170px;
    min-width: 180px;
    color: #565453;
    background: #e5e1dc;
    border: 1px #d5d2ce solid;
    box-shadow: 0 6px 7px -5px #cdc8c4, inset 0 0 0 1px #ffffff, inset 0 0 15px #e4dcd3, 0 0 0 1px #e5e1dc;
}

#pun_wrap #post .container::-webkit-scrollbar{width: 3px;  height: 0px; }

/*---- заголовки форм ответа, модерация----*/
.punbb input, .punbb select {
    padding: 3px 2px;
    color: #8b6023!important;
    font-size: 10px!important;
    background: transparent;
    border: 1px solid #c7ae90;
    text-transform: lowercase;
    border-radius: 8px;
    outline: none!important;
    margin-bottom: 5px;
}

/*------------- комментарий к репутации ---------------*/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {    
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 750px;
    z-index: 100;
    font-size: 11px;
    border: 1px solid #9b907b;
    box-shadow: 0px 0px 14px inset #9b907b, 0px 0px 1px inset #f9f5f5 !important;
    background: #f7f7f7!important;
}

#pun-report .inner span, #pun-reputation .inner span, #pun-admin-award-form .inner span {    

}

/* подфорумы*/
#pun-index td div.tclcon {
    width: 470px;
    height: 70px;
    margin: 0 0 5px 15px!important;
    background: url();
}

/* описание подф*/
.forms { 
    display: block;
    width: 350px;
    height: 6px;
    padding-top: 7px;
    font-size: 11px;
    letter-spacing: 1px;
    font-style: italic;
    top: -1px;
    left: 11px;
    position: relative;
}

/*------------- CS3.6 профиль----------------*/

/*скрытие названия доп полей*/
.pa-posts .fld-name, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name, .pa-gifts, .pa-reg {display: none;}

.pa-respect .fld-name {font-size: 0!important;}

/*смски-респекты*/
.pa-posts {
    margin: -6px 0px 0px -2px!important;
    background: url(https://forumstatic.ru/files/0011/c3/3f/32956.png) 0 3px no-repeat;
}

.pa-respect {
    margin: -6px 0px 0px 150px!important;
    background: url(https://forumstatic.ru/files/0011/c3/3f/97272.png) 0 3px no-repeat;

}

.post-author .pa-respect a  {
    width: 15px !important;
    height: 13px !important;
    display: block;
    font-size: 0!important;
    position: absolute;
    margin: 1px 0 0 -2px;
}

/* посты*/
.pa-fld5, .pa-fld4 {
    margin: -6px 0 0px 75px!important;
    background: url(https://forumstatic.ru/files/0011/c3/3f/67351.png) 0 3px no-repeat;
}

.pa-respect, .pa-posts, .pa-fld5, .pa-fld4 {
    font-family: 'Alegreya Sans SC';
    width: 83px;
    height: 17px;
    font-size: 14px;
    text-transform: lowercase;
    /* font-weight: bold; */
    color: #a9a9a9;
    position: absolute;
    display: block;
    text-shadow: 0 1px 1px #18141d;
    z-index: 1;
}

/* плашка */
.pa-fld1 { 
    margin: -5px 0px 0px 8px!important;
    height: 34px!important;
    width: 204px!important;
    z-index: 9!important;
    position: relative;
}

/* аватар */
.pa-avatar.item2 {
    width: 241px;
    margin: 10px 0px -22px -9px;
    padding: 0px 0 17px 0;
}

.pa-avatar.item2 > img {
    box-shadow: inset 0 0 0 1px #16171c;
    padding: 7px;
    /* background: radial-gradient(at top, #4b566b, #1b1820); */
    border: 1px solid #36333c;
}

.pa-avatar.item2 > img:hover {mix-blend-mode: ; transition: color .3s linear;}

/* лз */
.pa-fld2 { 
    z-index: 1!important;
    position: relative;
    margin: 10px 0 0px 1px!important;
    width: 220px;
}

/*---- личное звание ----*/
.lz {
    font-size: 14px;
    /* width: 205px; */
    padding-bottom: 2px;
    text-align: center;
    margin: -18px 0 10px 2px!important;
    font-family: 'Alegreya Sans SC';
    text-transform: lowercase;
    font-weight: bold;
    padding-top: 3px;
    letter-spacing: 0.05em;
}

.lz a{  color: # !important; 
font-weight:  !important;}

.lz a:hover { opacity: .5; }

.lz2 {
    margin: -2px 0 0 -1px!important;
    color: #b3b3b3!important;
    text-shadow: 0 2px 2px #000;
    font-size: 11px;
    text-align: center;
    font-family: 'Alegreya Sans SC';
    line-height: 13px;
}

.lz2 a { color: # !important;}

.lz2 a:hover { opacity: .5; }

.lz2::-webkit-scrollbar{width: 0px; height: 0px; background: transparent; }


/*-- лз инфо --*/
.pa-fld3 {
    margin: -40px 0 0px -9px!important;
    font-style: normal;
    color: #2c1212;
    font-family: 'Alegreya Sans SC';
    text-transform: lowercase;
    position: absolute;
    width: 15px;
    height: 15px;
}


/*---- дивы-контейнеры ----*/
/*---- плашка объяв ----*/
.op {
    width: 182px;
    height: 18px;
    margin-bottom: 3px!important;
    position: relative;
    display: block;
    border: 1px solid #291005;
    box-shadow: inset 0 0 10px #6e381b, 0 0 1px #a66d44;
}

.op a {
    position: absolute;
    height: 15px;
    top: 4px;
    left: 25px;
    z-index: 99;
    font-size: 9px;
    color: #ab6e3d !important;
    font-family: century gothic;
    text-transform: uppercase;
}
.op a:hover {
   color:#773505 !important;
   text-shadow: none !important;
}

.op img{
    position: absolute;
    top: -2px;
    height: 20px;
    width: 20px;
}


/*---- хронология ----*/

.personal {
    width: 500px; 
    height: 282px;
    background: url(https://forumstatic.ru/files/0011/c3/3f/80086.png);
    position:relative;
}

.zagolov{
    width: 500px;
    height: 25px;
    top: 22px;
    text-align: center;
    font-size: 18px;
    font-family: 'Alegreya Sans SC';
    position: absolute;
    color: #fef2e3!important;
    text-shadow: 0 1px 1px #262d1e;
    text-transform: lowercase;
}


/* блок с вкладками */
.tabs {
	width: 500px;
	/* height: 20px; */
	/* padding: 0px; */
	margin: 26px 0 0 0!important;
}

.tabs>section {
	display: none;
	padding: 2px;
	position: absolute;
	top: 86px;
	height: 180px;
	width: 480px;
	verflow-y: auto;
}

.tabs>section>p {
    width: 480px; 
    height: 200px;
	margin: 0 0 50px;
	line-height: 1.5;
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label {
    display: inline-block;
    margin: 65px 50px 0 50px;
    padding-bottom: 3px;
    font-family: 'Alegreya Sans SC';
    text-align: center;
    color: #a71e27;
    font-size: 12px;
}

.tabs>label:hover {color: #ddd5d7; cursor: pointer;}
.tabs>input:checked+label {color: #fef2e3;}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2 {display: block;}

@media screen and (max-width: 500px) {
	.tabs>label {}
	.tabs>label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) {	.tabs>label {padding: 5px;}}

.lichcont, .lichcont2{ 
    position: absolute;
    width: 230px;
    height: 160px;
    padding: 5px 5px 5px 0;
    overflow: auto;
}

.lichcont{left: 10px; top: 10px;}

.lichcont2{left: 254px; top: 10px;}

.lichcont2 img{width: 40px;}


/*-- --визитка ----*/

.anka {
    width: 650px;
    height: 550px;
    background: url(https://forumstatic.ru/files/0011/c3/3f/82985.png);
    position: relative;
    margin: auto!important;
}

.anka1, .anka2{
    width: 250px;
    color: #fff!important;
    text-shadow: 0 1px 0px #4e5255;
    font-size: 14px;
    font-family: 'Alegreya Sans SC';
    position: absolute;
}

.anka1 { text-align: left; top: 18px; left: 25px; }

.anka2{ text-align: right; top: 18px; left: 380px; }

.ankatext{
    width: 605px;
    height: 370px;
    color: #4f350e!important;
    top: 160px;
    left: 20px;
    padding-right: 5px;
    text-align: justify;
    font-size: 13px;
    overflow-y: auto;
    font-family: 'Alegreya Sans SC';
    position: absolute;
}

.ankatext::-webkit-scrollbar{width: 0px; height: 0px;}

.ankaim1{ top: 30px; left: 236px;  position: absolute;}

.ankaim2{ top: 30px; left: 303px; position: absolute; }

.ankaim3{ top: 30px; left: 369px; position: absolute; }

.anka img{
    width: 50px; 
    height: 50px;
    filter: grayscale(100%);
    mix-blend-mode:multiply;
}

.info1, .info2, .info3, .info4, .info5 {
    position: absolute;
    width: 150px;
    height: 15px;
    padding-top: 5px;
    letter-spacing: 1px;
    color: #4f350e!important;
    font-size: 13px;
    font-family: 'Alegreya Sans SC';
}

.info1 {top: 64px; left: 22px}
.info2 {top: 102px; left: 22px}
.info3 {top: 64px; left: 475px; text-align: right;}
.info4 {top: 102px; left: 475px; text-align: right;}

.info5 {
    top: 100px;
    left: 230px;
    width: 200px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Alegreya Sans SC';
    text-align: center;
}

.info3::-webkit-scrollbar{width: 2px;}
.info4::-webkit-scrollbar{width: 2px;}

/*------- гостевая ---------*/
.gostev{
   width: 650px!important;
   height: 279px!important;
   position: relative;
   margin: auto!important;
   background: url(https://forumstatic.ru/files/0011/c3/3f/91361.png);
}

.gimg{
   width: 68px;
    height: 68px;
    position: absolute;
    mix-blend-mode: multiply;
    filter: grayscale(1);
}

#gi1 {  top: 23px;    left: 200px; }
#gi2 {  top: 23px;    left: 381px; }
#gi3 {  top: 23px;    left: 565px; }

.gssil{
    width: 100px;
    height: 20px;
    text-align: center;
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff!important;
    text-shadow: 0 1px 2px #fef2e3 ;
    font-family: 'Alegreya Sans SC';
}

.gssil:hover{ opacity: .2 }

#gs1{ top: 115px;  left: 200px;}
#gs2{ top: 115px;  left: 368px;}
#gs3{ top: 115px;  left: 534px;}
#gs4{ top: 145px;  left: 200px;}
#gs5{ top: 145px;  left: 366px;}
#gs6{ top: 145px;  left: 534px;}

#gs1:hover, #gs2:hover, #gs3:hover, #gs4:hover, #gs5:hover, #gs6:hover{ opacity: .2 }

.gostevtext{
    top: 185px;
    left: 206px;
    overflow: auto;
    width: 420px;
    height: 70px;
    text-align: justify;
    position: absolute;
    font-size: 11px;
    font-family: 'Alegreya Sans SC';
    color: #ffffff!important;
    text-shadow: 0 1px 2px #393d40;
}

/*------- фак---------*/

.faq {
    width: 550px;
    text-align: center;
    position: relative;
    margin: auto!important;
    font-family: 'Roboto Mono';
    color: #765627 !important;
    font-weight: 600;
    padding: 20px;
    background: #f1ebea;
    border: 1px solid #ffffff;
    box-shadow: inset 0 0 0 1px #e4d1c5, inset 0 0 0 2px #f7f7f7, inset 0 0 25px #c7b4a2;
}

.faq1 {
    width: 550px;
    text-align: justify;
    position: inherit;
    color: #936e38!important;
    /* font-weight: 100; */
    font-family: 'Alegreya Sans SC';
}

/*------- внеш---------*/

#p120671 .post-author, #p120671 .post-sig, #p120671 .pl-email, #p120671 .pl-website{ display: none !important; }
#p120671  .post-body, #p120671 .post-links, #p120671 .post-links ul, #p120671  h3>span{ margin-left: 0 !important; }

.vnesh{
    width: 850px!important;
    height: 342px!important;
    position: relative;
    margin: auto!important;
    background: #f1ebea;
    border: 1px solid #ffffff;
    box-shadow: inset 0 0 0 1px #e4d1c5, inset 0 0 0 2px #f7f7f7, inset 0 0 25px #c7b4a2;
}

.vn1, .vn2 {
    position: absolute;
    font: 17px Elsie;
    color: #c9c3bb!important;
    text-shadow: 0 1px 1px #f9f5f5;
    z-index: 1;
}

.vn1 { margin: 7px 0 0 135px!important; }

.vn2 { margin: 7px 0 0 410px!important; }

.vn3 {
    position: absolute;
    margin: 30px 0 0 625px!important;
    font: 35px Comfortaa;
    color: #b8873f!important;
    text-shadow: 0 1px 2px #fef2e3 ;
    z-index: 1;
}


.vnesh1{
    width: 240px!important;
    height: 240px!important;
    position: absolute;
    overflow: auto;
    line-height: 17px;
}

.vnesh1 a, .vnesh2 a, .vnesh3 a{
    font: 11px Comfortaa;
    color:  !important;
    text-transform: uppercase;
    padding-left: 2px;
    font-weight: 900!important;
}

.vnesh2, .vnesh3{
    width: 235px!important;
    height: 280px!important;
    position: absolute;
    overflow: auto;
    font: 11px Comfortaa;
    line-height: 16px;
    font-weight: 0;
    color: #584808 !important;
    padding-right: 6px;
}

.vnesh3{
    top: 40px;
    left: 305px;
}

.vnesh2{
    top: 40px;
    left: 23px;
}

.vnesh1{
    top: 85px;
    left: 595px;
}

.vnesh1::-webkit-scrollbar{width: 2px;}
.vnesh2::-webkit-scrollbar{width: 2px;}
.vnesh3::-webkit-scrollbar{width: 2px;}


.face1 {
    white-space: normal;
    overflow-y: auto;
    height: 155px;
    text-align: justify;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #e0d0b5;
 }

.face1::-webkit-scrollbar{width: 2px;}

.flabel {
    padding-bottom: 7px;
    text-align: center;
    font-family: 'Comfortaa';
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #9d8742;
}


/* оформление отображения строчек между смс в теме */

#pun-main h1 {
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    height: 26px;
    margin: -25px 0 8px 0;

}

#pun-viewtopic .post h3{
    width: 976px;
    margin: 0px 0 0px -12px;
    font-size: 10px;
    background: url();
}


/* цвет фона при модерации-переноса смс */
.punbb #move_posts_form .formal>form.container { background: #e3e2c0; }


/* рекомендация русфф */
div#pun-live-rusff {  display: none; }


#MyBookmarks .container {
    position: relative !important;
    height: 100%!important;
    padding: 0 1em;
    background: #e9e2e4;
    border: 1px solid #988f92;
    box-shadow: inset 0 0 10px #f9f5f5;
}

#MyBookmarks .container {
    position: relative !important;
    height: 100%!important;
    padding: 0 1em;
    background: #e9e2e4;
    border: 1px solid #988f92;
    box-shadow: inset 0 0 10px #f9f5f5;
}

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 { background: #de1317!important; }


/*---- Цвет текста на форуме ----*/
BODY {overflow-x: hidden}

.punbb { color: #2b2b2c; }

.punbb .modmenu span { display: none!important; }

.pun-profile p.crumbs{ margin: 10px 0 0px -17px; background: url(); }

#volume-set { display: none; }

/*---- подвижка вставки последнего запомненного поста ----*/
#post .areafield .input > span { position: relative; right: -26px !important; }

/*---- отключить реакции к посту ----*/
.reactions-container { display: none!important; }