/*** ÀÂÀÒÀÐ ÄËß ÃÎÑÒß ***/
.punbb .user-avatar.no-avatar span.avatar-image {
background-image: url(https://forumavatars.ru/img/avatars/001a/84/b6/2-1642675724.jpg) !important;
}



/**************************************************************/



/***   ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ   ***/
.nazvf {display:flex; flex-direction:column; justify-content:center; position:absolute;
top: calc(0px - var(--logopad));
left: 50%; transform: translateX(-50%);
height: 200px; width:300px;
margin: auto; padding:0 20px 20px;
text-align:center;
}
.nazvf em {display:block;padding: 4px 0 0;
font-size:12px; line-height:100%; font-family:Kurale, Georgia, serif; font-style:normal;}
.nazvf h7 {font-family: Tolkin, Georgia, serif; font-size:30px; font-weight:600; letter-spacing: 0.06em;
color: #edfffe;
text-shadow: 0 1px 3px #3b3076, 0 1px 6px #284195, 0 0px 12px #a5a1ff;
}


/***   ÎÁÚßÂËÅÍÈÅ   ***/
.obj {
display: grid;
grid-template-columns: 1fr 1.3fr 1fr;
grid-template-rows: repeat(3, auto);
column-gap:20px;
padding: 0px;
margin: 16px 12px 12px;
}

.ob1, .ob2, .ob3 {position:relative; display:block; padding:10px 12px;}

/*** êðàéíèå áëîêè ***/
.ob1, .ob3 {
margin: 16px 0px;
box-shadow: inset 0 0 5px 1px #101a1c, inset 0 0 14px 1px #202e37, 0 0 2px 1px #75b1b2, 0 0 0 2px #2e6369, 0 0 0 3px #151c22, 0 1px 6px 3px rgb(119 115 80 / 80%);
border: 1px solid #0c1d24;
background: url(https://forumstatic.ru/files/0019/e8/f8/91819.jpg) 50% 0% repeat;
background-color: #24363e;
color: #c4c2a9;
text-shadow: 0 1px 1px #000;
}

/*** öåíòðàëüíûé áëîê ***/
.ob2 {
margin:0px;
align-self:stretch; display:flex; flex-direction:row; flex-wrap:wrap; 
justify-content:center; align-items:center;
color: #c4c2a9;
text-shadow: 0 1px 1px #000;
background: url(https://forumstatic.ru/files/0019/e8/f8/91819.jpg) 0px 0px repeat;
background-color: #24363e;
box-shadow: 0 0 0 1px #151c22 inset, 0 0 0 2px #40636a inset, 0 0 0 3px #151c22 inset, 0 0 0 5px #47787d inset, 0 0 0 6px #151c22 inset, 0 0 4px 6px #0d1216 inset, 0 0 8px 6px #0d1216 inset, inset 0 0 26px 1px rgb(116 255 252 / 50%), 0 1px 8px rgb(67 82 59 / 70%);
}


/*** ÎÁÚßÂËÅÍÈÅ ÓÃÎËÊÈ ***/
.ob1:before, .ob1:after, .ob2:before, .ob2:after, .ob3:before, .ob3:after {pointer-events:none; display:block; content:''; position:absolute;
 left:0px; right: 0px; width: auto; height: 18px;}
.ob1:before, .ob3:before {top:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -20px -20px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 20px) -20px no-repeat;}
.ob1:after, .ob3:after {bottom:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -20px 2px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 20px) 2px no-repeat;}

.ob2:before {top:3px; left:3px; right:3px; image-rendering:pixelated;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px -19px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) -19px no-repeat;}
.ob2:after {bottom:3px;  left:3px; right:3px; image-rendering:pixelated;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px 1px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) 1px no-repeat;}

.ob1 h7:before, .ob3 h7:before {pointer-events:none; display:block; content:''; position:absolute;
 left:0px; right:0px; top:-14px; width:auto; height:16px;
background: url(https://forumstatic.ru/files/0019/e8/f8/77099.png) 50% 0% no-repeat;}
.ob1 h7:before {transform:scale(-1,1);}


/***   ÇÀÃÎËÎÂÊÈ â îáúÿâëåíèè   ***/
.obj h7, .debottom h7 {display:block; padding: 4px 0;
text-align:center;
font-family: Tolkin, Georgia, serif;
font-size:18px;
font-weight: 400;
color:#d5bcff;
text-shadow: 0 0 3px #000;
}


/*** ÐÀÇÛÑÊÈÂÀÅÌÛÅ ***/
.src0 {display:flex; flex-direction:row; justify-content:space-evenly; width:100%;}
.src1 {display:inline-block; margin:auto 6px;}
.src1 img {display: block; width: 50px; height: 50px; object-fit:cover; object-position: 50% 50%; margin:auto; border-radius: 4px; 
border: 1px solid #28464f;
box-shadow: 0 1px 8px #000;
opacity:0.75;
-webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear;
}
.src1 img:hover {box-shadow:0 0 8px 0px #000, 0 0px 12px #3c306c;
opacity:1;}
.src1 > a {position:relative;}


/***   ÁÎËÜØÅ ÏÅÐÑÎÍÀÆÅÉ êíîïêà   ***/
.morepers {display:block; width:100%; max-width:300px; margin:18px auto auto;
cursor:pointer; outline:none; padding: 8px 8px 6px 8px !important;
box-sizing: border-box; text-transform: uppercase; text-align: center;
font-style: normal; font-weight:400; font-size: 12px; font-family: Tolkin, Kurale, Georgia,serif; letter-spacing: 2px;
border: 1px solid #192b38;
border-radius: 4px;
box-shadow: 0px 1px 5px rgb(0 0 0 / 50%), 0px 0px 6px rgb(0 0 0 / 50%) inset;
color: #e4dea1 !important;
text-shadow: 0px 1px 3px #000;
background: linear-gradient(180deg, #2b475e 0%, #34756e 50%, #1a3952 100%), #2b475e;
background-size: auto 200%; background-position: 0% 0%;
}
.morepers:hover {background-position: 0% 100%;}


/*** ÀÂÀÒÀÐÊÀ ïîñòîïèñöà ***/
.src2 {display:inline-block; margin:0px 10px 2px 0px; float:left;}
.src2 img {display:block; width:46px; height:56px; object-fit:cover; object-position: 50% 50%; margin:auto; 
border-radius: 4px; 
border: 1px double #2d5262;
box-shadow: 0 1px 8px #000;
}
.ob1 ul, .ob3 p {display:block; padding:0 6px; overflow:auto; max-height:140px; font-size:0.9em;}
.ob1 li {padding-bottom:8px;}
.ob1 li:last-child {padding-bottom:0px;}

.ob1 a, .ob3 a {color:#d6d39b !important; text-shadow:0 1px 3px #000 !important;}


/***   ÂÛÏÀÄÀÞÙÀß ÌÅÍÞØÊÀ-ÍÀÂÈÃÀÖÈß   ***/
.dropbtn {cursor:pointer; outline:none; padding: 8px 8px 6px 8px !important; width:100%; 
box-sizing: border-box; text-transform: uppercase; text-align: center;
font-style: normal; font-weight:400; font-size: 14px; font-family: Tolkin, Kurale, Georgia,serif; letter-spacing: 2px;
border: 1px solid #192b38;
border-radius: 4px;
box-shadow: 0px 1px 5px rgb(0 0 0 / 50%), 0px 0px 6px rgb(0 0 0 / 50%) inset;
color: #e4dea1 !important;
text-shadow: 0px 1px 3px #000;
background: linear-gradient(180deg, #2b475e 0%, #34756e 50%, #1a3952 100%), #2b475e;
background-size: auto 200%; background-position: 0% 0%;
}
.dropdown {z-index:8;
position:relative; display:block; width:100%; max-width:300px; margin:auto auto 10px;}
.dropdown-content {
display: none; position: absolute; padding:8px; overflow: auto; z-index: 14; 
width: 100%; box-sizing: border-box; text-align: center;
background: #306067;
border: 1px solid #192c39; border-width: 0 1px 1px 1px;
box-shadow: inset 0 0 20px rgb(0 0 0 / 85%), 0 1px 6px rgb(0 0 0 / 75%);
}
.dropdown-content a {
display: inline-block; padding: 8px 2px; margin: 3px; box-sizing: border-box; width: calc(50% - 8px);
text-decoration: none; font-family: Kurale, Georgia, serif !important;
text-transform: uppercase; font-weight:400; font-size: 10px; letter-spacing: 0.05em;
color:#d6d39b !important; text-shadow: 0 1px 3px #000 !important;
background: rgba(0,0,0,0.28); box-shadow: 0 0 2px 0px #000 inset;
}
.dropdown a:hover {background: rgba(0,0,0,0.44);}
.showk {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}



/**************************************************************/



/***  ÏÎÑÒÛ ÐÅÏÓÒÀÖÈß â ñòðî÷êó ***/
.pa-posts, .pa-respect {display:inline-block; width: calc(50% - 4px);}
.pa-posts .fld-name, .pa-respect .fld-name {display:block; margin-bottom:4px;}


/***   ÑÒÈÊÅÐÛ   ***/
.hvStickerPackModal {background: var(--bgpun) !important; border-color: #466877 !important;}
.hvStickerPackModalContent {border-color: #989273 !important;}
.hvStickerPackModalContent::-webkit-scrollbar {background: rgba(0, 0, 0, 0.15);}
.hvStickerPackModalContent::-webkit-scrollbar-thumb {background: #447b7f;}
.hvStickerPackModalTab {border-radius:4px !important; font-size:11px !important; padding: 6px 12px !important; background:#afa57f;}
.hvStickerPackModalTab.active {background: #c8c8ad; border: 1px solid #989273;}


/***   ÌÀÑÊÀ ÏÐÎÔÈËß, ÑÌÅÍÀ ÈÌÈÄÆÀ   ***/
#mask_dialog .inner {padding:8px; background-image:none; 
border: 1px solid #243b40;
background: #c8c8ad !important;
}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {width: 96%;}
#mask_dialog .hv-form-block textarea {margin-left: 6px;}


/***  Ðåãóëèðîâêà ðàçìåðà øðèôòà â ïîñòàõ © Alex_63  ***/
/* Ñëàéäåð çâóêà â ËÑ */
.FNTslider, #volSlider {position:relative; z-index:8; float:right;
margin: 6px 4px 3px  !important;
width: 120px !important;
height: 8px !important;
background: #bfbb9e !important;
border-radius: 0px !important; border: 1px solid #86815b !important;
}
.FNTslider .before, #volSlider .before {position: absolute; margin-top: 0px !important;
height:6px !important;
border:solid 0px transparent !important;
border-radius:0px !important;
background:#589698 !important;
}
.FNTslider .thumb, #volSlider .thumb {position: relative; top: -4px !important; cursor: pointer;
width: 8px !important;
height: 14px !important;
border-radius: 0px !important;
background: #5a3e8b !important;
border: 1px solid #564c70 !important;
box-shadow: none !important;
}


/*** Êíîïêà ÏÐÅÄÏÐÎÑÌÎÒÐÀ ïîñòà ***/
small#togglePreview {margin-top:-30px;}


/*** Ñ×ÅÒ×ÈÊ ÑÈÌÂÎËÎÂ ***/
small#plng {padding:5px 8px 3px !important; color:#155c55; font-weight:600; font-size: 10px;}


/*** ÑÑÛËÊÈ ÏÎÄ ÎÏÈÑÀÍÈÅÌ ÔÎÐÓÌÀ ***/
.podforlinks {display:block; margin-top:10px; padding-top:8px;
font-weight: 600;
font-family: Kurale, Verdana, serif;
font-size: 14px;
border-style: solid; border-width: 1px 0 0px 0;
border-image: linear-gradient(to right, transparent 3%, #8e82af 25%, #5599a2 75%, transparent 97%);
border-image-slice: 1;
}
.podforlinks + br {display:none;}



/*** ÁÀÍÍÅÐÛ***/
.debottom {
display:grid;
grid-template-columns: 1fr 0.42fr; grid-template-rows: auto auto; column-gap:20px;
margin: auto 10px 10px;
width: auto;
text-align: center;
font-size: 0.9em;
}
.debottom .ob4, .debottom .ob5 {
position:relative;
margin:0px; padding: 20px 16px;
color: #c3c3a9;
text-shadow: 0 1px 3px #000;
background: url(https://forumstatic.ru/files/0019/e8/f8/91819.jpg) 0px 0px repeat;
background-color: #24363e;
box-shadow: 0 0 0 1px #151c22 inset, 0 0 0 2px #40636a inset, 0 0 0 3px #151c22 inset, 0 0 0 5px #47787d inset, 0 0 0 6px #151c22 inset, 0 0 4px 6px #0d1216 inset, 0 0 8px 6px #0d1216 inset, inset 0 0 26px 1px rgb(116 255 252 / 50%), 0 1px 8px rgb(67 82 59 / 70%);
}

/*** ÓÃÎËÊÈ íèæíèå áëîêè ***/
.ob4:before, .ob4:after, .ob5:before, .ob5:after {pointer-events:none; display:block; content:''; position:absolute;
 left:6px; right: 6px; width: auto; height: 18px;}
.ob4:before, .ob5:before {top:6px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -20px -20px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 20px) -20px no-repeat;}
.ob4:after, .ob5:after {bottom:6px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -20px 2px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 20px) 2px no-repeat;}

.debottom .ob4 {grid-column: 1 / 2; grid-row: 1 / 2;}
.debottom .ob4 p {overflow:auto; max-height:68px;}
.debottom p img {opacity:0.5; max-width:88px; max-height:31px;}
.debottom p img:hover {opacity:1;}



/*** ÃÐÀÄÈÅÍÒ-ÒÅÊÑÒ ***/
#pun-navlinks a, #pun-navlinks li a:before {
color: transparent !important;
background: linear-gradient(#3a1c8f 0%, #1b7770 100%) !important;
background: -moz-linear-gradient(top, #3a1c8f 0%, #1b7770 100%) !important;
background: -webkit-linear-gradient(top, #3a1c8f 0%, #1b7770 100%) !important;
background: -ms-linear-gradient(top, #3a1c8f 0%, #1b7770 100%) !important;
background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important;
box-decoration-break: clone; -webkit-box-decoration-break: clone;
transition: all .2s ease-in-out 0s;
}
#pun-navlinks a:hover {filter: contrast(1.16) brightness(1.25); color: transparent;
background: linear-gradient(#1b7770 0%, #3a1c8f 100%) !important;
background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important;
box-decoration-break: clone; -webkit-box-decoration-break: clone;
}