/* 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: #333;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    background-color: transparent;
    color: #333;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #536f0b;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    background-color: tansparent;
    color: #333;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb fieldset legend {
    background-color:  transparent;
    color: #333
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    background-color: transparent;
    color: #333
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background-color: transparent;
    color: #333
}

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
    color: #f1f1f1;
}

.offline li.pa-online strong {
    font-weight: normal
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
    border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
}

/* 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: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: #d3e190;
    border-radius: 10px; 
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: transparent;
}

.punbb .divider {
    border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: 1px solid transparent;
}

li.pa-online {
    border-left-color: transparent;
}


/* 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: #536f0b!important;
}


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #333
}

/* 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:#d3e190!important;
}

/* CS3.3 */
#pun-navlinks a {
    color: #eee;
    text-decoration: none
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #fff;
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #333;
    color: #fff;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

/*div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #F7F7F7}
 -------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}

/*************************************************************
ДИЗАЙН
**************************************************************/

:focus, :active, :hover {outline: none!important;}

.button{border:none!important;padding:.5em;font-size:10px!important;text-transform:lowercase;vertical-align:middle;font-family:arial!important;color:#536f0b;background:#d3e190; border-radius: 10px}
.button:hover{border:none;background:#b3cd2c;color:#171f03}

select{border:#536f0b 1px solid;color:#536f0b;text-transform:lowercase; letter-spacing: 2px;}

#pun-index .user-avatar {height: 40px;border-radius: 10px;vertical-align: middle;margin-top: -5px;}
#pun-status .item1{position:absolute;margin:0px 0 0 0px}
#pun-status .item2{position:absolute;margin:10px 0 0 0}
#pun-status .item3{position:absolute;margin:10px 0 0 -290px}
#pun-status .item4{position:absolute;margin:0px 0 0 -134px}
#pun-status strong{color:#536f0b}
#pun-status .status-right {float: right;}
#pun-navlinks img {width: 24px;margin-top:-10px;}

.code-box .blockcode {overflow: auto;max-height: 100px;}

/* меню */

#navindex a {background: url(http://forumstatic.ru/files/001b/2a/7d/13876.svg) no-repeat top center;}
#navuserlist a {background: url(http://forumstatic.ru/files/001b/2a/7d/36955.svg) no-repeat top center;}
#navsearch a {background: url(http://forumstatic.ru/files/001b/2a/7d/74537.svg) no-repeat top center;}
#navprofile a {background: url(http://forumstatic.ru/files/001b/2a/7d/25510.svg) no-repeat top center;}
#navpm a {background: url(http://forumstatic.ru/files/001b/2a/7d/15026.svg) no-repeat top center;}
#navadmin a {background: url(http://forumstatic.ru/files/001b/2a/7d/85650.svg) no-repeat top center;}
#navlogout a {background: url(http://forumstatic.ru/files/001b/2a/7d/90670.svg) no-repeat top center;}
#navlogin a {background: url(http://forumstatic.ru/files/001b/2a/7d/59874.svg) no-repeat top center;}
#navregister  a {background: url(http://forumstatic.ru/files/001b/2a/7d/36916.svg) no-repeat top center;}
#navpr_1 a {background: url(http://forumstatic.ru/files/001b/2a/7d/75699.svg) no-repeat top center;}

/* #navindex a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/20365.svg) no-repeat top center;transition: 0.4s ease-in-out;}
#navuserlist a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/16714.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navsearch a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/79690.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navprofile a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/64937.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navpm a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/67451.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navadmin a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/22450.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navlogout a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/78877.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navlogin a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/27291.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navregister a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/61592.svg) no-repeat top center;transition: 0.4s ease-in-out}
#navpr_1 a:hover {background: url(http://forumstatic.ru/files/001b/2a/7d/38529.svg) no-repeat top center;transition: 0.4s ease-in-out} */


/* стрелки вверх-вниз и скролл (прокрутка)--------------*/
.go-up,.go-down
{display:none;
position:fixed; /*позиционируем*/
right:200px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/}
.go-up {bottom:400px; /*положение от низа окна браузера верхняя кнопка*/}
.go-down {bottom:360px; /*положение от низа окна браузера нижняя кнопка кнопка*/}
.go-down:hover,.go-up:hover {opacity:1;}

::-webkit-scrollbar { width: 5px; height: 5px;} 
::-webkit-scrollbar-track { background: transparent; -webkit-border-radius: 10px;}
::-webkit-scrollbar-thumb:vertical {height: 5px; background-color: #b3cd2c; -webkit-border-radius: 10px;}
::-webkit-scrollbar-thumb:horizontal {width: 5px; background-color: #b3cd2c; -webkit-border-radius: 10px;}

/* категории --------------*/
#pun-stats h2 span,.category h2{
  font-size:20px!important;
  font-family: Yeseva One;
  min-height: 0px; /*высота блока описания форума*/
}
.category h2,#pun-stats h2 {}
.category-1 h2, .category-2 h2, .category-3 h2, .category-4 h2, .category-5 h2, .category-6 h2, .category-7 h2, .category-8 h2, .category-9 h2{background: -webkit-linear-gradient(#536f0b, #b3cd2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#pun-stats h2 {background: -webkit-linear-gradient(#536f0b, #b3cd2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* скрытые ненужных элементов --------------*/

#pun-title h1 span, li#navawards, #pun-viewforum .icon, #pun-searchtopics .icon, #messages div.icon, #pun-index thead tr, .topic a.sharelink, #navindex span, #navuserlist span, #navsearch span, #navprofile span, #navadmin span, #navlogout span, #navregister span, #navlogin span, #navpr_1 span, .modmenu span, span.cooltext,.lastedit, #pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod, .pl-share
{display:  none!important;}
#navpm span
{font-size:0}

/* футер --------------*/

div#html-footer{background:url(http://forumstatic.ru/files/001b/2a/7d/29758.png);width:1020px;height: 105px;margin: 0 0 0 -25px;}

/* иконки старые новые и тд. --------------*/

#pun-viewforum span.closedatafield,#pun-viewforum span.stickytext{font-family:Arial;font-size:15px;text-transform:lowercase;color:#b3cd2c!important;letter-spacing:2px}
#pun-viewforum span.closedatafield{color:#b3cd2c!important}

.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px;border-style: none; background-image: url(http://forumstatic.ru/files/001b/2a/7d/14969.svg); background-repeat: no-repeat; position: relative; margin: 0px 0 0 40px; padding: 0 0 0 40px}
TR.inew Div.icon {background-image : url(http://forumstatic.ru/files/001b/2a/7d/71893.svg); background-repeat: no-repeat; }
#pun-index table div.tclcon{padding-left:120px;width:420px;text-align:justify;font-family:Arial;font-size:10px; margin: 20px 0;}

/* оформление подфорумов --------------*/

#pun-index .tclcon h3 a{margin: 0 0 0 0px;transition: 0.4s ease-in-out; font-family: verdana; text-transform: uppercase;text-align: center; font-size:10px;font-weight: bold;}
.ssilki{font-weight:bold;color:#536f0b; margin: 0 0 0 0px;}
#pun-index .main .tcr{width:25%!important;margin: 100px 0 0 0;}
#pun-index .main .tcl{width:75%!important}

.punbb .user-avatar .avatar-image{border-radius:10px!important;border:1px solid #536f0b!important}
.punbb .user-avatar .isonline{top: 0px!important;right:-5px!important;background:#b3cd2c!important}


/* топик (тема) --------------*/
.modal-inner.section h2 span,.multipage h1{text-align:center;text-transform:lowercase;color:#536f0b!important;font-weight:700!important}

.punbb .post h3 span{padding:15px 0!important;display:block!important;font-family:arial;text-transform:lowercase;font-size:10px;border-left-style:none!important;border-left-width:0!important;margin-left:0!important}
.post-rating{padding-top:20px}
#post-form h2 span{text-align:center;font:italic bold 10px arial;text-transform:lowercase;color:#536f0b}
#post-form h2{text-align:center;margin:0;padding:0}
#pun-crumbs2,div#pun-crumbs1{margin: -10px 0 0 0;text-transform: lowercase;font-style:bold;}
div#pun-status, #pun-viewtopic h1, .linkst, .linksb, div#topic-users-in, li#onlinelist, #pun-index
{text-transform: lowercase;}
#pun-viewtopic .formsubmit { text-align: center;}
.post h3 span strong { float: right;}
.punbb .post h3 span a.permalink{margin:0 0 0 260px}
#tags .container{background:#f7f7f7;top:60px!important}
div#size-area{left:20px}
div#font-area{height:275px;overflow-x:scroll;overflow-x:hidden}
#pun-viewtopic fieldset legend span{padding:0 5px;margin:0 0 0 -15px;display:none;}
#pun-viewtopic fieldset legend{float:right}
#profile #form-buttons{width:105%;margin-bottom:10px}
#pun-viewtopic #form-buttons td{margin:0 3px -6px 2px}
textarea {border: 1px #b3cd2c solid;}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .modal-inner {background: #fff;}
#pun-reputation .inner h1 span, .modal-inner.section h2 span {margin-left: 20px;}

/* профиль в топике  --------------*/
li.pa-avatar.item2 {width: 180px;margin-left: 1px;}
.profilepage {margin-bottom: 2px; cursor: pointer;}
li.pa-fld2{margin:-5px 0 5px 1px;font:10px Arial;text-align:justify;line-height:100%;width:98%;text-transform: lowercase;}
li.pa-fld2 a {font-weight: bold;}
.pa-fld3{width:38px}
.pa-fld3,.pa-posts,.pa-respect{display:inline-block;text-transform:lowercase;padding:0 6px!important;font-size:9px;line-height:15px}
.pa-posts{max-width:47px}
.pa-respect{max-width:45px}
.pa-respect span.fld-name a, .fld-name {color: #2e2e2e!important;font-weight: bold;}


/* хтмл оформление соо  --------------*/
.spclform{border:1px solid #b3cd2c;border-radius: 10px; margin: 0.4em 2.8em 1.4em 2.8em;padding:2em 1em;text-transform:lowercase}
.spclformtitle{text-align:center;font:bold 16px Yeseva One;color:#536f0b;padding: 0px 55px;}
.spclformsubtitle{text-align:center;font:italic 11px Arial;padding: 0 55px 20px;}
.spclformscontent{text-align:justify;padding:0 55px;font-family:arial;}
.spclbutshort{border:1px solid #b3cd2c; border-radius: 10px; margin:10px 0;padding:0 0 10px 20px;font-size:12px;color:#536f0b;text-align: left;}
span#names{text-transform:capitalize}

/* личная страница--------------*/
.pages h1 span {display: none;}
.prsnlpage{width:500px;padding:1em;margin:auto;background: url(http://forumstatic.ru/files/001b/2a/7d/27413.png) bottom no-repeat; border-radius: 10px}
.tabs{display:flex;background:rgba(255,255,255,.25);box-shadow:0 8px 32px 0 rgb(23 31 3 / 37%);backdrop-filter:blur( 7.5px );-webkit-backdrop-filter:blur( 7.5px ); border-radius: 10px}
.tabs>ul{list-style-type:none;padding:0;margin:0 0 0 467px;z-index:100}
.tabs>ul li{display:block;text-align:center}
.tabs>ul li a{display:block;height:5px;text-decoration:none;padding:10px 10px 16px;transition:all .2s ease-in-out;background:rgba(255,255,255,.25);backdrop-filter:blur( 7.5px );-webkit-backdrop-filter:blur( 7.5px )}
.tabs > ul li a.active {box-shadow: 0 8px 32px 0 rgb(23 31 3 / 37%);}
.tabs > ul li a:hover:not(.active) {color:#fff;}
section{padding:18px 10px 10px;display:none;margin:0 0 0 -501px;width:447px;height:158px;overflow-y:auto}section.active {display: block;}
img.ppav{width:150px;height:150px;object-fit:cover;object-position:center;display:inline-block; border-radius: 10px}
.ppprofile{display:inline-block;position:absolute;height:150px;width:280px;padding:0 10px;text-align:center}
.funnyabt{height:50px;overflow:hidden;font:italic 10px arial;text-transform:lowercase;display:flex;justify-content:center;align-items:center}
.lgjts{margin-top:3px;background:rgba(255,255,255,.25);box-shadow:0 0 32px 0 rgb(23 31 3 / 0%);backdrop-filter:blur( 4px );-webkit-backdrop-filter:blur( 4px );border-radius:6px;width:280px;height:22px;overflow:hidden;text-align:center}
.ppcar{height:75px}
.ppcar span{display:block}
span#myname{font-size:18px;text-transform:uppercase}
span#mylifegoal{font-style:italic;margin-top:20px}
span#mylove{font-size:16px}
section#tab-2 img{padding:4px 12px}
.collections{padding:5px;margin:10px 0;background:rgba(255,255,255,.25);box-shadow:0 8px 32px 0 rgb(23 31 3 / 0%);backdrop-filter:blur( 4px );-webkit-backdrop-filter:blur( 4px );border-radius:10px;}
.cllctbls img {width: 45px;padding: 3px;}
.cllctbls,.collections,.mainprize{display:inline-flex}
.cllctbls,.mainprize{padding:4px 4px;margin:0 2px}
.mainprize {box-shadow: 0px 0px 3px 3px #c1d9b040;}
img.ntach {opacity: 0.2;}

.themenav:hover{opacity:1}
.themenav{display: block;float:right; width:140px; opacity:1; font-size: 10px; border-radius: 10px; margin: -22px 0px 0 0;}