/* фиксим стандартный диз */

.portfoliotopic .linkst::before, .portfoliotopic .linkst::after {display: none;}
.portfoliotopic .linkst {background: transparent; margin: 0; padding: 10px 0 0;}

.post.portfolio h3,
.post.portfolio .fd-prof,
.post.portfolio .post-sig {display: none;}

.post.portfolio .links a, .links a,
.post.portfolio .links a:hover, .links a:hover,
.post.portfolio .p-out a, .p-out a,
.post.portfolio .p-out a:hover, .p-out a:hover,
.post.portfolio .post-rating a, .post.portfolio .post-rating a:hover {color: #fff !important;}
.details .det {color: #fff;}

.post.portfolio .container,
.post.portfolio .post-body {
border: none;
background: transparent;
width: 100%;
}
.post.portfolio .post-body {
top: 0; left: 0;
max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 10px;
}

.post.portfolio {
background: #2d343a;
color: #d8d8d8;
  max-width: 100%;
  border-top: 20px solid #a5a5a5;
border-bottom: 20px solid #a5a5a5;
}

.post.portfolio::before,
.post.portfolio::after {
content: '';
  display: block;
  height: 36px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
z-index: 1;
}
.post.portfolio::before {
background: url(https://forumstatic.ru/files/001b/d8/6a/77814.jpg) no-repeat top center;
top: -38px;
}
.post.portfolio::after {
background: url(https://forumstatic.ru/files/001b/d8/6a/62839.jpg) no-repeat top center;
bottom: -38px;
}

.post.portfolio .prait {
position: absolute;
  top: 10px;
  right: 20px;
z-index: 1;
}
.post.portfolio .prait p {font-size: 28px;}

.post.portfolio .post-bottom.havebut, .post.portfolio .ps-bot {border-top: 2px solid #282b2d;}

#pun-edit .portfoliotopic,
#pun-post .portfoliotopic {max-width: 100%;}

.post.portfolio .ps-top {display: none}
#pun-post .portfoliotopic .topic h2 {text-align: center}

.post.portfolio.firstpost .post-content::after {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(45, 52, 58) 100%);}

#pun-searchposts .post.portfolio {margin: 20px auto 36px;}

/* пост без профиля */
.post.no-prof .fd-prof,
.post.no-prof .post-sig,
.post.no-prof .prof-up .flag-i,
.post.no-prof .prof-up .user-agent,
.post.no-prof .prof-up #tuser {display: none;}
.post.no-prof h3 {padding: 5px 5px 3px;}

/* дизайн контента постов */
.post.portfolio a {color: #4fadd5;}
.post.portfolio a:hover {color: #e63737;}

.post.portfolio .code-box .legend {background: #36434f;}

.post.portfolio .spoiler-box > div {background: #36434f;}
.post.portfolio .spoiler-box > div:hover {background: #476775; color: #4fadd5;}
.post.portfolio .spoiler-box > div.visible {color: #4fadd5;}
.post.portfolio .spoiler-box > div.visible:hover {background: #392929; color: #e63737;}
.post.portfolio .spoiler-box > blockquote {background: rgba(0, 0, 0, 0.1);}

.post.portfolio .quote-main blockquote, .post.portfolio .answer-box blockquote {background: rgba(0, 0, 0, 0.2);}
.post.portfolio .answer-box cite::before {border-bottom: 18px solid rgba(0, 0, 0, 0.2);}

/* светлая раскраска */
.post.portfolio.portfolio-light::before {background: url(https://forumstatic.ru/files/001b/d8/6a/21990.jpg) no-repeat top; top: -37px;}
.post.portfolio.portfolio-light::after {background: url(https://forumstatic.ru/files/001b/d8/6a/79198.jpg) no-repeat top; bottom: -37px;}
.post.portfolio.portfolio-light {
border-top: 20px solid #d8d8d8;
  border-bottom: 20px solid #d8d8d8;
background: #d8d8d8;
color: #515862;
}
.post.portfolio.portfolio-light .post-bottom.havebut {border-color: #b9b9b9;}
.post.portfolio.portfolio-light a {color: #0080b7;}

.post.portfolio.portfolio-light .code-box .legend {background: #2f2f2f;}

.post.portfolio.portfolio-light .spoiler-box > div {background: #bfbfbf;}
.post.portfolio.portfolio-light .spoiler-box > div:hover {background: #a8c0ca; color: #515862;}
.post.portfolio.portfolio-light .spoiler-box > div.visible {color: #0080b7;}
.post.portfolio.portfolio-light .spoiler-box > div.visible:hover {background: #d9b8b8; color: #e63737;}
.post.portfolio.portfolio-light .spoiler-box > blockquote {background: rgba(98, 98, 98, 0.1);}

.post.portfolio.portfolio-light .quote-main blockquote, .post.portfolio.portfolio-light .answer-box blockquote {background: rgba(51, 51, 51, 0.1);}
.post.portfolio.portfolio-light .answer-box cite::before {border-bottom: 18px solid rgba(51, 51, 51, 0.1);}

.post.portfolio.portfolio-light.firstpost .post-content::after {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(216, 216, 216) 100%);}


/* спец теги */
.post-content .makeportfoliolight,
.post-content .portfoliopost,
.post-content .forsalepost,
.post-content .saledpost,
.post-content .freepost,
.post-content .no-prof,
.post-content .FDteam-portf {display: none;}

.post-box .links div p,
.post-box .details p,
.post-box .p-out p,
.post-box .morepics p,
.post-box .cover p {padding: 0;}

.details {text-align: center;}
.details .det {
  display: inline-block;
  background: #2e3e4f;
  padding: 5px 10px 7px;
  border-radius: 5px;
  margin: 5px 10px;
}

.links, .port-block {
margin: 5px auto;
  text-align: center;
  display: flex;
  gap: 5px 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.links div {display: inline-block;}
.links a {
  font-weight: normal;
  font-size: 24px;
  line-height: 35px;
  height: 35px;
  font-family: 'Bebas Neue';
  padding: 0 10px;
  display: inline-block;
}
.links .demo a {
  background: #23afc8;
  border-bottom: 6px solid #0080b7;
}
.links .demo a:hover {background: #0080b7;}
.links .store a {
  background: #f98561;
  border-bottom: 6px solid #e63737;
}
.links .store a:hover {background: #e63737;}


.p-out {
  display: inline-block;
  position: relative;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  vertical-align: middle;
max-width: calc(100% - 12px);
}
.p-out a {
  display: block;
  font-family: 'Bebas Neue';
  font-size: 24px;
  padding: 5px;
  max-width: 340px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
font-weight: normal;
}
.p-out .picture {
  max-height: 230px;
  overflow: hidden;
}
.p-out .picture img {
margin: 0;
  max-width: 350px;
  min-width: 350px;
  min-height: 230px;
}
.port-block .forsale a {background: #00a1e4;}
.port-block .forsale a:hover {background: #0080b7;}
.port-block .saled a {background: #e63737;}
.port-block .saled a:hover {background: #b80000;}
.port-block .yellow a {background: #f7941d;}
.port-block .yellow a:hover {background: #e36120;}
.port-block .free a {background: #26af33;}
.port-block .free a:hover {background: #1c8426;}
.port-block .p-out.forsale {border: 6px solid #00a1e4;}
.port-block .p-out.saled {border: 6px solid #e63737;}
.port-block .p-out.free {border: 6px solid #26af33;}
.port-block .p-out.yellow {border: 6px solid #f7941d;}

.morepics {text-align: center; margin: 10px auto;}
.morepics img {
  max-width: 300px;
  max-height: 300px;
  background: #2e3e4f;
  padding: 3px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

@media screen and (max-width: 380px) {
.punbb .morepics img {max-width: 100%;}
}

.cover {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
}
.cover .icon {
  position: absolute;
  background: #2e3e4f;
  border: 4px solid #2e3e4f;
  font-size: 46px;
}
.cover .picture {padding: 10px;}
.cover .picture img {margin: 0;}
.portfolio .cover .picture:hover {background-color: #2e3e4f;}

.forsale .cover .picture {background: #00a1e4;}
.forsale .cover .icon {color: #00a1e4;}
.forsale .morepics img:hover {background: #00a1e4;}

.saled .cover .picture {background-color: #e63737;}
.saled .cover .icon {color: #e63737;}
.saled .morepics img:hover {background: #e63737;}

.free .cover .picture {background: #26af33;}
.free .cover .icon {color: #26af33;}
.free .morepics img:hover {background: #26af33;}

/* Анкеты в спецпостах */
.portfolio input:not([type="checkbox"]):not([type="radio"]):not(.button),
.portfolio textarea, 
.portfolio .select-styled {
background-color: #282828;
  border: 1px solid #737373;
  color: #b7b7b7;
}
.portfolio input:not([type="checkbox"]):not([type="radio"]):not(.button):hover,
.portfolio textarea:hover,
.portfolio select:hover,
.portfolio.portfolio-light input:not([type="checkbox"]):not([type="radio"]):not(.button):hover, 
.portfolio.portfolio-light textarea:hover, 
.portfolio.portfolio-light .select-styled:hover {
border: 1px solid #f98561;
background-color: rgba(247,148,29,0.2);
}
.portfolio input:not([type="checkbox"]):not([type="radio"]):not(.button):focus,
.portfolio textarea:focus,
.portfolio select:focus,
.portfolio.portfolio-light input:not([type="checkbox"]):not([type="radio"]):not(.button):focus, 
.portfolio.portfolio-light textarea:focus, 
.portfolio.portfolio-light .select-styled:focus {
border: 1px solid #23afc8;
background-color: rgba(35,175,200,0.1);
}

.portfolio .fo-buttons span {
background-color: #484848;
  color: #4eafc1;
}
.portfolio .fo-buttons span:hover,
.portfolio.portfolio-light .fo-buttons span:hover {
background-color: #1e1e1e;
  color: #e63737;
}

.portfolio .select-options {
  background: #292e2f;
}

.portfolio.portfolio-light input:not([type="checkbox"]):not([type="radio"]):not(.button), 
.portfolio.portfolio-light textarea, 
.portfolio.portfolio-light .select-styled {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  color: #515151;
}
.portfolio.portfolio-light .select-options {
  background: #dfdfdf;
}
.portfolio.portfolio-light .fo-buttons span {
  background-color: #f4f4f4;
  color: #23afc8;
}

/* старая синяя кнопка */
.superlink {max-width: 400px;margin: 0 auto;}
.superlink a {
display: block;
color: #fff !important;
border-bottom: 6px solid #0080b7;
font-size: 24px;
line-height: 35px;
height: 35px;
text-align: center;
background: #23afc8;
font-family: 'Bebas Neue';
text-transform: uppercase;
padding: 0 10px;
font-weight: normal;
margin-top: 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.superlink a:hover, .superlink a:focus, .superlink a:active {background-color: #0080b7;color: #fff;}


/* мобильные */

@media screen and (max-width: 1300px) {
.main .post.portfolio .post-body {padding-right: 40px; width: calc(100% - 40px);}
.main .post.portfolio .prait {right: 10px;}
.main .post.portfolio::before, .main .post.portfolio::after {width: calc(100% - 20px);}
}

@media screen and (max-width: 860px) {
.main .post.portfolio .post-body {padding-right: 0px; width: auto;}
.main .post.portfolio .prait {display: none;}
}


/* темная тема */

.dark .post.portfolio::before {background-image: url(https://forumstatic.ru/files/0007/e3/f7/13417.jpg);}
.dark .post.portfolio::after {background-image: url(https://forumstatic.ru/files/0007/e3/f7/15081.jpg);}

.dark .post.portfolio {
border-top: 20px solid #1c1c1c;
border-bottom: 20px solid #1c1c1c;
background: #131313;
}

.dark .post.portfolio .post-bottom.havebut, 
.dark .post.portfolio .ps-bot {
  border-top: 2px solid #242424;
}

.dark .details .det {background: #1c2228;}

.dark .post.portfolio .spoiler-box > div {background: #1f2831;}
.dark .post.portfolio .spoiler-box > div:hover {background: #293c44;}
.dark .post.portfolio .code-box .legend {background: #1c1f22;}
.dark .post.portfolio .code-box .legend,
.dark .details .det {color: #d8d8d8;}

.dark .post.portfolio .spoiler-box > blockquote {background: rgba(111, 111, 111, 0.1);}

.dark .post.portfolio .quote-main blockquote, 
.dark .post.portfolio .answer-box blockquote {background: rgba(111, 111, 111, 0.1);}
.dark .post.portfolio .answer-box cite::before {border-bottom: 18px solid rgba(111, 111, 111, 0.1);}

.dark .post.portfolio.firstpost .post-content::after {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(19, 19, 19) 100%);}

.dark .post.portfolio.portfolio-light::before {background-image: url(https://forumstatic.ru/files/0007/e3/f7/84023.jpg);}
.dark .post.portfolio.portfolio-light::after {background-image: url(https://forumstatic.ru/files/0007/e3/f7/11684.jpg);}
.dark .post.portfolio.portfolio-light {
  border-top: 20px solid #383838;
  border-bottom: 20px solid #383838;
  background: #383838;
}
.dark .post.portfolio.portfolio-light .post-bottom.havebut {border-color: #4f4f4f;}
.dark .post.portfolio.portfolio-light a {color: #4fadd5;}
.dark .post.portfolio.portfolio-light a:hover,
.dark .post.portfolio a:hover {color: #f98561;}

.dark .post.portfolio.portfolio-light {color: #c6c6c6;}

.dark .post.portfolio.portfolio-light .quote-main blockquote, 
.dark .post.portfolio.portfolio-light .answer-box blockquote {
  background: rgba(0, 0, 0, 0.2);
}
.dark .post.portfolio.portfolio-light .answer-box cite::before {border-bottom: 18px solid rgba(0, 0, 0, 0.2);}

.dark .post.portfolio.portfolio-light .spoiler-box > div {background: #535353;}
.dark .post.portfolio.portfolio-light .spoiler-box > div:hover {
  background: #545e62;
  color: #4fadd5;
}
.dark .post.portfolio.portfolio-light .spoiler-box > div.visible {color: #4fadd5;}
.dark .post.portfolio.portfolio-light .spoiler-box > blockquote {background: rgba(142, 142, 142, 0.1);}
.dark .post.portfolio.portfolio-light .spoiler-box > div.visible:hover {
  background: #60504b;
  color: #f98561;
}

.dark .post.portfolio.portfolio-light.firstpost .post-content::after {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(56, 56, 56) 100%);}

.dark .portfolio.portfolio-light input:not([type="checkbox"]):not([type="radio"]):not(.button), 
.dark .portfolio.portfolio-light textarea, 
.dark .portfolio.portfolio-light .select-styled {
background-color: #282828;
  border: 1px solid #737373;
  color: #b7b7b7;
}
.dark .portfolio.portfolio-light .select-options {background: #292e2f;}

.dark .portfolio.portfolio-light .fo-buttons span {
background-color: #242424;
  color: #4eafc1;
}
.dark .portfolio .fo-buttons span:hover, 
.dark .portfolio.portfolio-light .fo-buttons span:hover {
  background-color: #4eafc1;
  color: #242424;
}