/*************************************************************
ОФОРМЛЕНИЕ BLURRY & КОДЫ ;DULCIS BLANCHES v.2021
**************************************************************
 I. ОСНОВА
-------------------------------------------------------------*/

/* фон */
body {
background: url(http://forumstatic.ru/files/001a/e6/32/60483.png) top center no-repeat, url(http://forumstatic.ru/files/001a/e6/32/19027.jpg) repeat fixed #142128;
overflow-x: hidden; } 
body.redirect-page {background: url(http://forumstatic.ru/files/001a/e6/32/19027.jpg) repeat !important;}


/* тело */
#pun { 
    background-image: url(http://forumstatic.ru/files/001a/e6/32/61499.jpg); 
    background-color: #aebabe; 
    width : 993px; 
    margin: auto;     margin-bottom: 0px;    position: relative;    margin-top: 406px;}


/* шапка 
#pun-title table {
    background: url(http://forumstatic.ru/files/001a/e6/32/26488.png) no-repeat top center; 
    height: 488px;
    width: 1169px;
    margin-left: -140px;
    z-index: 1;    border: none;}*/


/* футер */
#pun-about p.container { 
    background-image: url(http://forumstatic.ru/files/001a/e6/32/51655.png);
    width: 1113px;
    height: 166px;
    margin-left: -129px;
    margin-top: -60px;
    margin-bottom: -110px;
    background-position: center top;    } 
#pun-about p.container .item1 {
    position: absolute;
    text-align: center;
    letter-spacing: 1px !important;
    text-transform: lowercase !important;
    font-size: 8px !important;
    font-family: 'Playfair Display';
    width: 100%;
    margin: 150px 0 0 044px;
}
#pun-about { 
  margin-bottom:-3px!important;
}


/* навигация */
#pun-navlinks .container {     text-align: center;    font-family: baskervilleoldfaceregular;    margin-left: 23px;    width: 840px;    font-weight: 500 !important;    text-transform: uppercase;    font-size: 16px;    margin-top: -155px;    word-spacing: 10px;  /*  letter-spacing: .5px;*/}
#pun-ulinks .container{    text-align: center;    font-family: Times New Roman;    margin-left: 23px;    width: 840px;    font-weight: 500 !important;    text-transform: lowercase;    font-size: 12px;    margin-top: -18px;    margin-bottom: 17px;    letter-spacing: .65px;}
#pun-status .container {    text-transform: lowercase;    margin: 0;    letter-spacing: 0.5px;   text-align: center;    font-family: Arial;    font-size: 11px !important;    font-weight: bold;}

#pun-navlinks .container a, #pun-navlinks .container a:hover, #pun-ulinks a, #pun-ulinks a:hover {    background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;    color: #98c5c2a6 !important;    text-shadow: 1px 1px 0 #15242b;}







/* II. КАТЕГОРИИ, ИКОНКИ, ПОДФОРУМЫ
-------------------------------------------------------------*/

/*--------------------- подфорум ---------------------*/
#pun-index .tclcon {    background: url(http://forumstatic.ru/files/001a/e6/32/89104.jpg);    width: 352px;    height: 67px;}


.punbb table Div.icon {    float: right;    width: 13px;    height: 14px;    margin: 26px 25px 0 0;   background: url(http://forumstatic.ru/files/001a/e6/32/87506.png);}
TR.inew Div.icon {    background: url(http://forumstatic.ru/files/001a/e6/32/72542.png);}

#pun-index .tcl {    width: 48% !important;    text-align: left;} 
#pun-index .hasicon .tc2, #pun-index .hasicon .tc3 {    text-align: center;    font-family: 'Times New Roman';    font-weight: 500;    font-size: 16px;    letter-spacing: 2px;}
#pun-index .tc2:after {    content: ' |';}
#pun-index .hasicon .tc2:after {display:none;}
#pun-index .tc2 {width: 4%;}
#pun-index .tc3 {width: 9%;}
#pun-index .main .tcr {    width: 45%;    text-align: right;}

#pun-index .tclcon div {      text-align: center;    font-family: Times New Roman;    letter-spacing: .65px;    font-size: 11px;    position: absolute;    margin-top: 37px;    width: 350px;}
#pun-index .tclcon div a, #pun-index .tclcon div {    color: #8bb9b6;    text-shadow: 1px 1px 0 #0e181d, 0 0 3px #0e181d;}


/* внутренности */
#pun-index .main .tcr .lastpost, .tcr .byuser, .tclcon .byuser, #pun-main.main.multipage .tc2, #pun-messages .tc3, #pun-main.main.multipage .tc3, #pun-userlist .usersname {     width: 260px;    font-family: Arial;    text-transform: lowercase;    font-size: 10px;    font-weight: bold;    letter-spacing: 1px;}
#pun-index .main .tcr .lastpost {    margin-left: 50px;    display: block;    text-align: right;}
.punbb .main .tcr a, #pun-viewforum .tclcon a {    font-size: 9px !important;    font-family: Arial;    text-transform: uppercase;    font-weight: bold;    letter-spacing: 1px;}



/* название */
#pun-index .tcl h3 {    font-family: Brandregular;    font-size: 14px;      font-weight: 500;  letter-spacing: .5px;   width: 350px;    text-align: center; }
#pun-viewforum .tclcon a {margin-left:0}
#pun-index .tcr a {display: block;     font-size: 10px;     margin: 2px 0 -12px 15px;    text-align: right;}
#pun-index .tcl h3 {    position: absolute;    margin-top: 15px;}

.tcl h3 a {    background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;    color: #96c5bdbf;    text-shadow: 1px 1px 0 #091115;}



/*--------------------- иконки ---------------------*/
/* общий стиль */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-modviewforum .icon {float: left;position: relative;margin: 0px 10px 0px 10px; }


#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon, #pun-modviewforum TR.iclosed Div.icon {opacity: .5;}



/*--------------------- категории ---------------------*/
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-stats.section h2 {width: 989px;    height: 82px;    margin-left: -51px;   font-size: 0px;  }

#pun-category1.category h2 {display:none;}
#pun-category2.category h2 {background: url(http://forumstatic.ru/files/001a/e6/32/35996.png);}
#pun-category3.category h2 {background: url(http://forumstatic.ru/files/001a/e6/32/99738.png);}
#pun-category4.category h2 {background: url(http://forumstatic.ru/files/001a/e6/32/10549.png);}
#pun-category5.category h2 {background: url(http://forumstatic.ru/files/001a/e6/32/68232.png);}
#pun-category6.category h2 {background: url(http://forumstatic.ru/files/001a/e6/32/42697.png);}

#pun-stats.section h2 {background: url(http://forumstatic.ru/files/001a/e6/32/37254.png);}

#pun-stats.section h2 {     background-attachment: scroll;    background-clip: border-box;    background-color: transparent;    background-origin: padding-box;    background-position: 0% 0%;    background-repeat: no-repeat;    background-size: auto;    box-shadow: none;    border: none;margin-bottom: 50px !important;font-size:0px!important}





/* III. ПРОФИЛЬ
-------------------------------------------------------------*/

/* отступ текста от профиля */
.punbb .post-body {    margin-left: 265px;    padding: 0;}

/* профиль */
.punbb .post .post-author ul {display: flex;width: 227px;margin-left: 9px;flex-wrap: wrap;text-align: center;justify-content: space-around;    align-items: center;position: relative;}
.punbb .post .post-author p {  padding: 0 1em 1em 1em;  line-height: 140%;}
.punbb .post.topicpost .post-author {  }

.punbb .post .post-author {    float: left;    overflow: hidden;    width: 244px;    padding-bottom: 4px;   min-height: 80px;
background: url(http://forumstatic.ru/files/001a/e6/32/17231.jpg)0px bottom no-repeat, url(http://forumstatic.ru/files/001a/e6/32/69673.jpg) 0px top no-repeat, url(http://forumstatic.ru/files/001a/e6/32/50387.jpg) 0px repeat-y;
}

/* шрифт ника (гости) */
 .pa-author {    font-family: 'codeproregular';    text-transform: uppercase;    font-size: 12px;    letter-spacing: 0.5px;    width: 200px;    margin: -2px 0 0px 33px;}

.pa-author, .pa-author a, .pa-author a:hover, li.pa-title, li.pa-fld1, li.pa-fld1 a, .hpt hpt1, .hptt hptt1, .hpt1, .hpt-button, .gost gost4, .gost gost4 a {    background: linear-gradient(0deg, #000000, #ffffff);
    -webkit-background-clip: text;
    color: #c3e1ef82 !important;
    text-shadow: 1px 1px 0 #263d4a;}


/* статус */
li.pa-title {    font-size: 10px;    font-family: Arial;    text-transform: lowercase;    line-height: 9px;    width: 200px;    margin: -4px 0 0 33px;    letter-spacing: .5px;    height: 19px;    align-items: center;    display: flex;    justify-content: center;}


/* аватар */
.pa-avatar {    width: 100%;   margin: 28px 0 14px 0;}
.pa-avatar, #pun-profile .fs-box .avatardemo, #profile-left #pa-avatar div {}

.pa-avatar img, #profile-left #pa-avatar img, #pun-messages img.avatardemo, .hv-preview-avatar img {
    box-shadow: 0 0 0 1px #a2bdbd, 0 0 0 4px #395256, 0 0 0 5px #677276;}


/* репутация и соо на одной строке */
.pa-respect, .pa-posts {     position: relative;
    width: 100px;
    margin: 0px 8px 0 8px;
    line-height: 21px;
    font-family: 'Arial';
    text-transform: lowercase;
    font-size: 10px;
    display: block;}
.pa-respect {margin-left: 0px;    }
.pa-respect .fld-name, .pa-posts .fld-name {    font-size: 9px;    letter-spacing: 1px;}
li.pa-respect a img {
    mix-blend-mode: luminosity;
    opacity: .7;
}


/* ай-пи */
li.pa-ip {    margin: 58px 0 0 30px;    position: absolute;    font-family: codeproregular;    font-size: 8px;    color: #afb182;    letter-spacing: 1px;}
li.pa-ip a, li.pa-ip a:hover {color: #afb182;    background: none !important;}

.pa-reg {display: none;}
.pa-gifts {    display: none;}
.pa-replies{display: none;}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}


/* поля профиля */
li.pa-fld1 { font-family: 'Abril Fatface';    font-size: 22px;    background: #263841b0;    border: 1px solid #1b242a;    outline: 1px solid #4b5d65;    box-shadow: 0 0 3px #131d23;    padding: 0 5px !important;    margin-bottom: -11px;    position: absolute;   top: -3px;    left: 0px;}

.pa-fld3 lz1, .pa-fld3 lz2 {    background: url(http://forumstatic.ru/files/001a/e6/32/50503.jpg);    display: block;    border: 1px solid #4a6673;    outline: 1px solid #1c272e;    margin: 7px 12px;    padding: 3px 5px;    font-family: 'Arial';    font-weight: 500;    letter-spacing: 1px;    font-size: 10px;}

.pa-fld4 lz3, .pa-fld4 lz4 {    background: url(http://forumstatic.ru/files/001a/e6/32/50503.jpg);    display: block;    border: 1px solid #4a6673;    outline: 1px solid #1c272e;    margin: 7px 12px;    padding: 3px 5px;    font-family: 'Arial';    font-weight: 500;    letter-spacing: 1px;    font-size: 9px;}

.pa-fld3 lz1, .pa-fld3 lz2, .pa-fld4 lz3, .pa-fld4 lz4, .pa-posts, .pa-respect, .pa-respect a, .pa-respect a:hover {    color: #b4c5cd !important;    text-shadow: 1px 1px 0 #141f25;}
.pa-fld3 lz1 a, .pa-fld3 lz2 a, .pa-fld3 lz1 a:hover, .pa-fld3 lz2 a:hover {color: #b5a66e;}
.pa-fld3 lz1 {    text-transform: uppercase;}
.pa-fld3 lz2 {text-transform: lowercase;    text-align: justify;}
.pa-fld4 lz3, .pa-fld4 lz4 {display: inline-block !important;    margin: 0 5px;    width: 85px;}
li.pa-ua {    display: none !important;}









/* IV. ДОПОЛНИТЕЛЬНЫЕ НАСТРОЙКИ
-------------------------------------------------------------*/
/* баннер */
#pun-title table tbody tr .title-logo-tdr {  position: absolute;  z-index: 1;   left: 0px !important;   top: 0px;}
#pun-title td.title-logo-tdr{  display:block!important;  position:absolute!important;  z-index:100;  height:60px!important;  padding-left:0px!important;  width:468px!important;  left:50%!important;  margin-left:-428px!important;  margin-top:70px!important;  padding-top:0px!important;}


/* смайлы */
#wrapper {    text-align: center;}
ul.tabs {     margin: 1px 0 10px 1px;    display: flex;    width: 458px;}
ul.tabs li {float: left;margin-right: 10px; cursor:pointer;    width: inherit;}
ul.tabs li a {display: block;    text-align: center;  margin-bottom: -1px;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {    background: #75a2b1;}
ul.tabs li.tab-current a {    background: #75a2b1;color: #b8cad0; }
div.t2,div.t3,div.t4 {display: none;width: 450px;}


/*--------------------- стиль админки ---------------------*/
.adcontainer {    border: none !important;    }
#pun-admain fieldset {    border: none !important;padding: 0!important;}
.admain {    padding-left: 14em !important;     font-family: codeproregular;    font-size: 8px;    letter-spacing: 1px;}
#pun-adnav { margin-left: -12em !important;margin: 0px 0 0 -169px !important;}
#pun-adnav a {font-weight:normal!important;}
div.grippie {    margin-top: 5px;}
#pun-admain table {width: 95% !important;}
#pun-adnav h2, .adformal h2 {background-color: inherit !important;    border: none!important; position: absolute;    }
.adformal h2 {    margin: -21px 0 0 -21px !important;}
#pun-adnav h2 {padding: 0 0 0 0 !important;margin-left: -10px;}
#pun-adnav h2 span {margin: 10px 0 0 9px !important;    width: 83px!important;}
.adformal {margin: -24px 0 0 -25px!important; border: none !important;}
#pun-adnav ul.adsubnav {    border: none;    margin: 0;}
#pun-admain fieldset p {font-weight: normal !important;font-size: 9px;letter-spacing: .5px;font-family: Arial;text-transform: lowercase;line-height: 9px;padding: 4px 5px 0px 5px!important;margin: 10px 1px;min-height: 30px;
    background: #abababa1!important;
    border-left: 180px solid #38333a5e!important;}
#pun-admain fieldset p textarea {margin-top:10px;}
#pun-admain .adcontainer td {    border-top: none!important;    border-left: none!important;    border-right: none!important;}
#pun-admain2 {margin: 0px 0 -21px -21px !important;}
#pun-admain3 {margin: 22px 0 -21px -21px !important;}
#pun-admain .adcontainer th {    border-color: transparent !important;    background-color: transparent !important;}
.adminmain {padding-left: 170px !important;    margin-top: 20px;}



/*--------------------- стиль уведомлений ---------------------*/
/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author {    border-radius: 0px !important;
    background: #afbabe !important;
    color: #2b3f48 !important;
    text-shadow: none !important;
}
span.num_msg:before {    background: #afbabe !important;}
.bubble:after {border-color:#afbabe transparent !important}
span.num_msg {margin-left: -27px !important;}

.jGrowl .messag_theme {    box-shadow: none !important;    font-family: Arial !important;}
#messages-list a.Author {    font-family: codeproregular !important;font-size:10px!important;    text-shadow: none !important; font-weight:normal !important; letter-spacing: 1px;}

.notify-message .jGrowl-message span {    color: #3d3440 !important;}
.notify-message .jGrowl-close {background: #ada9af !important;    color: #3d3440 !important;}



/*--------------------- закладки ---------------------*/
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {    position: relative;    width: auto;    z-index: 9999999;    margin-bottom: -12px;}
#MyBookmarks inner {padding-top: 29px !important;}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2{padding: 7px 0;    margin: 8px 10px -6px 10px;}
#MyBookmarks .deS {font-family: Arial;    font-size: 11px;    letter-spacing: .5px;}

#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {    width: 107px;        text-shadow: none;    box-shadow: none !important;    margin: 4px 0px 0px 7px !important;    padding: 2px 0;
    background: #afbabe1c;
    color: rgb(173 184 188);
}

#BookmCntToggle.default-style {    background: url(http://forumstatic.ru/files/001a/e6/32/23098.png) !important;    width: 45px !important;    height: 39px !important;    color: transparent !important;    border: none !important;    box-shadow: none !important;}

#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;
    background: #41898430 !important;}

#pun-main .editBookmark h1 {font-size: 7px !important;letter-spacing: 2px;margin: -3px 0 -3px 0;}
#pun-main .editBookmark h1 span.delBookmark {font-size: 18px !important;margin: -7px -48px 0 0;}
.editBookmark {font-family: codeproregular;font-size: 8px;letter-spacing: .5px; border-radius: 0px !important;margin: 36px 50px 0 0px !important;}



/* онлайн */
.indOnline, .indOffline {    width: 8px;    height: 8px;    cursor: pointer;    margin-left: 5px;vertical-align: inherit; border-radius:50px;}
.indOnline {background: linear-gradient(0deg, #827546, #b3a46e);
    border: 1px solid #657f8e;
    box-shadow: 0 0 3px #65592f inset;}
.indOffline {background: linear-gradient(0deg, #263a43, #608494);
    border: 1px solid #657f8e;
    box-shadow: 0 0 3px #131f25 inset;}


/* бегунок шрифт */
.FNTslider {    width: 80px;    height: 3px;    margin: -17px 0 0 376px;    position: absolute;    background: #94a2a7;    border: 1px solid #78888e;}
.FNTslider .before {    height: 5px;    margin: -2px 0 0 -10px;        background: #4d6673;    border: 1px solid #273d48;}
.FNTslider .thumb {    background: #b5a66e;    border: 1px solid #968a5b;    width: 5px;    height: 14px;    position: relative;    top: -11px;    cursor: pointer;    margin-left: -10px;}


/* стрелки */

.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999; right: 100px;}
.go-up {    bottom: 53%;}
.go-down {    bottom: 50%;}
.go-down:hover, .go-up:hover {        text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(232, 213, 170, 0.86)!important;}






/* V. ТАБЛИЦА
-------------------------------------------------------------*/
.tablas {    position: absolute;    top: -76px;      left: 570px;}
.tablas s1 {    width: 65px;    height: 15px;    display: inline-block;}
.tablas s2 {    width: 110px;    height: 15px;    display: inline-block;}
.tablas s3 {    width: 95px;    height: 15px;    display: inline-block;}
.tablas s4 {    width: 70px;    height: 15px;    display: inline-block;}
.tablaak {    position: absolute;    top: -152px;    left: 86px;    filter: grayscale(1);    mix-blend-mode: soft-light;    letter-spacing: 18px;    opacity: .5;}
.tablap {    position: absolute;    top: 170px;    left: 368px;    width: 71px;    height: 32px;    padding-right: 3px;    overflow: auto;    font-size: 9px;    text-align: justify;    font-family: Arial;    overflow-x: hidden;}
.tablapp {    position: absolute;    top: -275px;    left: 180px;    filter: grayscale(1);    mix-blend-mode: soft-light;    opacity: .5;}
.tablal {    position: absolute;    top: -275px;    left: 84px;    filter: grayscale(1);    mix-blend-mode: soft-light;    letter-spacing: 15px;    opacity: .5;}
.tablae {    position: absolute;    top: -275px;    left: 246px;    filter: grayscale(1);    mix-blend-mode: soft-light;    letter-spacing: 15px;    opacity: .5;}
.ban {    position: absolute;      margin: 34px 0 0 340px;    width: 462px;    height: 31px;  mix-blend-mode: luminosity;    opacity: .5;    padding-right: 5px;    overflow: auto;}
.ban:hover {    mix-blend-mode: normal;    opacity: 1;}
.tablapl {       position: absolute;    top: -310px;    left: 627px;;    height: 123px;    overflow: auto;    padding-right: 10px;}
.tablapl a {background: url(http://forumstatic.ru/files/001a/e6/32/11733.jpg);    width: 172px;    padding: 3px 5px 2px 5px !important;    display: block;    margin: 1px 0 9px 1px;    text-transform: lowercase;    color: #a2cbc4 !important;    font-family: Times New Roman;    font-size: 12px;    letter-spacing: 1px;    text-align: center;    text-shadow: 0 0 3px #0e181d, 1px 1px 0 #0e181d;    outline: 1px solid #2c4c4b;    border: 1px solid #09141c;}





/* VI. ТЕМЫ
-------------------------------------------------------------*/

.plash {    width: 201px;    height: 27px;    text-align: center;
background: linear-gradient(90deg, #425e6a, #627982, #425e6a);
    outline: 1px solid #1c272e;
    border: 1px solid #4a6673;
    box-shadow: 0 0 5px #2f4651 inset;;}
.tablapl tablapl1 {display:inline-block;}
.plash plash1 {    text-transform: uppercase;    font-size: 10px;    letter-spacing: .5px;    font-weight: 500;    margin-top: 3px;}
.plash plash2 {    margin-top: -1px;    font-size: 10px;    letter-spacing: .5px;}
.plash plash1, .plash plash2 {    color: #b5d4e2 !important;    text-shadow: 0 0 3px #2f4048, 1px 1px 0 #283840;    font-family: Arial;    display: block;}

.gost {    background: url(http://forumstatic.ru/files/001a/e6/32/26523.jpg);    width: 602px;    height: 394px;    margin: auto;}
.gost gost1, .gost gost2 {     position: absolute;    margin-top: 184px;    width: 210px;    padding-right: 10px;    overflow: auto;    height: 179px;    font-family: Arial;    text-transform: uppercase;    letter-spacing: 1px;    font-size: 11px;    text-align: left;    line-height: 17px;}
.gost gost1 {margin-left:34px} .gost gost2 {margin-left:345px}
.gost gost1, .gost gost2, .gost gost1 a, .gost gost2 a, .gost gost1 a:hover, .gost gost2 a:hover {display:block;    color: #a9bec7 !important;    text-shadow: 0 0 3px #132027, 1px 1px 0 #0d181f;}
.gost gost3 {    position: absolute;    margin: 71px 0 0 31px;    width: 535px;    height: 65px;    padding-right: 5px;    overflow: auto;    text-align: justify;    font-family: Arial;    line-height: 13px;    font-size: 11px;    letter-spacing: 1px;    color: #a9bec7 !important;    text-shadow: 0 0 3px #132027, 1px 1px 0 #0d181f;}
.gost gost4 {    position: absolute;    margin: 38px 0 0 24px;    font-family: Arial;    font-size: 12px;    letter-spacing: .5px;    width: 550px;    text-align: center;}



.ls {    background: url(http://forumstatic.ru/files/001a/e6/32/39769.jpg);    width: 542px;    height: 389px; position: relative;}
.ls ls1 {    position: absolute;    margin: 16px 0 0 41px;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.ls ls1 img {    width: 90px;    height: 35px;    object-fit: cover;}
.ls ls2, .ls ls4 {    position: absolute;       width: 350px;   }
.ls ls2 {margin: 67px 0 0 100px; }
.ls ls4 {margin: 180px 0 0 100px;}
.ls ls2 ls3, .ls ls4 ls5 {    overflow-y: hidden;    overflow-x: auto;    width: 350px;     padding-bottom: 10px;   white-space: nowrap;    display: block;    letter-spacing: -2px;}
.ls ls2 ls3 img, .ls ls4 ls5 img {height: 75px; cursor:pointer;}
.ls ls2 ls3 img.x, .ls ls4 ls5 img.x {    filter: grayscale(1);    opacity: .5;}
.kart1 {    position: absolute;    left: 66px;    width: 341px;    height: 40px;    overflow-y: auto;    padding-right: 5px;    white-space: normal;    font-family: Arial;    color: #97aab5;    font-weight: 500;    text-shadow: 1px 1px 0 #000;    text-transform: lowercase;    line-height: 12px;letter-spacing: 0px !important;}
.ls ls2 ls3 .kart1 {top: -50px;}
.ls ls4 ls5 .kart1 {top: -163px;}
.kart {display:inline-block;}
.ls ls6 {    position: absolute;    margin: 339px 0 0 34px;    overflow-x: auto;    height: 44px;    overflow-y: hidden;    width: 471px;    white-space: nowrap;}
.ls ls6 .plash {   display: inline-block;    margin-right: 5px;}








.n, .an {    width: 611px;    margin-left: 8px;}
.n2, .n3, .n4, .n6, .n7, .n8, .n15, .n16, .n17 {    display: inline-block;     margin: 0 3px;    text-align: center;    padding: 0px 5px 7px 5px;}

.n2, .n3, .n4, .n6, .n7, .n8, .n5, .n9, .n10, .an2, .an5, .an6, .an7, .n15, .n16, .n17, .an8, .an9, .an10 {    background: #c5cdd0;
    box-shadow: 0 0 5px #9eb0b7 inset;
    border: 1px solid #d3dbde;
    outline: 1px solid #9ca8ad;}



.n1 p, .n2 p, .n3 p, .n4 p, .n5 p, .n6 p, .n7 p, .n8 p, .n11 p, .n12 p, .n13 p , .n14 p, .n15 p, .n16 p, .n17 p, .an2 p, .an1 p, .an3 p, .hpt1 p {    text-align: center !important;    padding-bottom: 0px !important;}


.n1, .n11, .n12, .n13, .n14, .an1, .an5 strong, .an6 strong, .an7 strong, .an8 strong, .an9 strong {padding: 7px 5px 9px 5px;margin:9px 3px;
    color: #b0c0c7;
    background: #475d67 !important;
    box-shadow: 0 0 5px #374e58 inset;
    border: 1px solid #758f9a;
    outline: 1px solid #4c6773;}

.n1:before, .n11:before, .n12:before, .n13:before, .n14, .an1 {color: #bfba99 !important;
    text-shadow: 1px 1px 0 #283a42 !important;}
.n1:before, .n11:before, .n12:before, .n14:before, .an1 {border-bottom: none !important;    text-align:center;
    border-right: 1px solid #514c56;}
.n13:before {border-bottom: 1px solid #514c56 !important;}



.n1:before, .n11:before, .n12:before, .n14:before {width: 200px !important;    float: left;    margin-top: -4px;}

.n2, .n6, .n4, .n8 , .n15, .n17 {width: 161px;} .n3, .n7 , .n16 {width: 235px;} .n9 {width: 330px;} .n10 {width: 205px;}


.n1:before, .n2:before, .n3:before, .n4:before, .n6:before, .n7:before, .n8:before, .n9:before, .n10:before, .n11:before, .n12:before, .n13:before, .n14, .n15:before, .n16:before, .n17:before, .an1, .an2, .an3 strong, .an4 strong, .an5 strong, .an6 strong, .an7 strong, .an8 strong, .an9 strong {    font-family: 'Playfair Display';    font-size: 13px;      font-weight: 500;    color: #475d67;
    text-shadow: 1px 1px 0 #d5dcde;}  

.n1:before, .n2:before, .n3:before, .n4:before, .n6:before, .n7:before, .n8:before, .n9:before, .n10:before, .n11:before, .n12:before, .n13:before, .n14:before, .n15:before, .n16:before, .n17:before{border-bottom: 1px solid #8f9fa5;       padding: 3px 0 5px 0;    width: 100%;    display: block;}

.n1:before {content: 'кем приходится персонаж'}
.n2:before {content: 'внешность'}
.n3:before {content: 'имя и фамилия'}
.n4:before {content: 'возраст'}
.n6:before {content: 'лояльность'}
.n7:before {content: 'место работы'}
.n8:before {content: 'чистота крови'}
.n9:before {content: 'описание персонажа'}
.n10:before {content: 'пожелания игрока'}
.n11:before {content: 'кем хочется прийти'}
.n12:before {content: 'хочу видеть'}
.n13:before {content: 'дополнительно'}
.n15:before {content: 'место'}
.n16:before {content: 'действующие лица'}
.n17:before {content: 'время'}
.n18:before {content: 'описание игры'}

.n5, .n9, .n10 {   margin: 9px 3px;    padding: 15px;}
.n5 img, .an3 img { margin: 0px 5px !important;
    border: 1px solid #dad6dc;
    outline: 1px solid #79737d;
    box-shadow: 0 0 5px #837b88;}
.n9, .n10 {    display: inline-block;vertical-align:top;    height: 205px;    overflow: auto;}
.n2, .n3, .n4, .n6, .n7, .n8 {    height: 42px;    overflow: auto;    vertical-align: top;}




.an1 p {  text-transform: uppercase;    font-size: 18px;}
.an1 strong {    text-transform: lowercase;    font-size: 12px;    font-weight: 500;    margin-left: 10px;    vertical-align: bottom;    letter-spacing: 1px;}
.an2 {padding: 2px 0px 5px 0;    margin: 0 3px;}
.an5, .an6, .an8, .an9 {    display: inline-block;    padding: 10px;    height: 175px;    width: 276px; margin-top:9px;overflow:auto;}
.an5, .an8 {    margin-left: 3px;}
.an9 {position: absolute; margin-left: 9px;}
.an4 strong {border-bottom: 1px solid #99a7ad;    padding: 3px 0 5px 0;}
.an4 p {    line-height: 22px !important;}
.an3 strong {font-size: 10px;    letter-spacing: 3px;    text-align: center;    width: 100%;    display: block;  }
.an5 {display:block !important;}
.an5, .an6 {height: 300px;}
.an6 {    position: absolute;    margin: -322px 0 0 310px;}
.an5 strong, .an6 strong, .an7 strong, .an8 strong, .an9 strong {    display: block;    margin: -9px -9px 0 -9px !important;    padding: 2px 10px !important;       color: #c9d5da !important;
    text-shadow: 1px 1px 0 #354850 !important;}
.an7, .an10 {    margin: 9px 3px 0 3px;    padding: 10px;}
.an7 strong, .an8 strong, .an9 strong {text-align: center;}
.an3, .an4 {    display: inline-block;    width: 281px;    margin-right: 10px;    vertical-align: top;}

.hpt {     margin: auto;    padding: 15px 0;    background: url(http://forumstatic.ru/files/001a/e6/32/11426.jpg)0px bottom no-repeat, url(http://forumstatic.ru/files/001a/e6/32/63117.jpg) 0px top no-repeat, url(http://forumstatic.ru/files/001a/e6/32/37458.jpg) 0px repeat-y;    width: 602px;}
.hptt hptt1, .hpt hpt1, .hpt1 {font-family: 'Arial';    text-transform: uppercase;    font-size: 22px;    width: 100%;    font-weight: 500;    display: block;    text-align: center;    margin-bottom: 10px;    letter-spacing: .5px;}
.hptt hptt2, .hpt hpt2, .hpt-slider, .hpt2 {     background: #8f9ca2;    border: 1px solid #b4bdc1;    outline: 1px solid #131f26;    box-shadow: 0 0 10px #273944;    display: block;    margin: auto;    padding: 14px 15px;    width: 534px;}
.hpt2 p {line-height:inherit!important;}



.hptt {     margin: auto;    padding: 15px 0;    background: url(http://forumstatic.ru/files/001a/e6/32/29872.jpg)0px bottom no-repeat, url(http://forumstatic.ru/files/001a/e6/32/30016.jpg) 0px top no-repeat, url(http://forumstatic.ru/files/001a/e6/32/68980.jpg) 0px repeat-y;    width: 852px;}
.hptt hptt2 {width: 784px !important;}
.hptt hptt3 .hpinfo {    width: 96%;}






.hpt .hidden-input {display: none;}
.hpt-slider {    display: block;    position: relative;    height: 340px;  overflow: hidden;}

#input11:checked ~ #image11 {margin-top: 0;}
#input11:checked ~ #image22 {margin-top: 100%;}
#input11:checked ~ #image33 {margin-top: 100%;}
#input11:checked ~ #image44 {margin-top: 100%;}
#input11:checked ~ #image55 {margin-top: 100%;}
#input11:checked ~ #image66 {margin-top: 100%;}
#input11:checked ~ #image77 {margin-top: 100%;}
#input11:checked ~ #image88 {margin-top: 100%;}
#input11:checked ~ .hpt-buttons-div > .hpt-button.butt1 {background: rgb(126, 174, 160);}

#input22:checked ~ #image11 {margin-top: -100%;}
#input22:checked ~ #image22 {margin-top: 0;}
#input22:checked ~ #image33 {margin-top: 100%;}
#input22:checked ~ #image44 {margin-top: 100%;}
#input22:checked ~ #image55 {margin-top: 100%;}
#input22:checked ~ #image66 {margin-top: 100%;}
#input22:checked ~ #image77 {margin-top: 100%;}
#input22:checked ~ #image88 {margin-top: 100%;}
#input22:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input33:checked ~ #image11 {margin-top: -100%;}
#input33:checked ~ #image22 {margin-top: -100%;}
#input33:checked ~ #image33 {margin-top: 0;}
#input33:checked ~ #image44 {margin-top: 100%;}
#input33:checked ~ #image55 {margin-top: 100%;}
#input33:checked ~ #image66 {margin-top: 100%;}
#input33:checked ~ #image77 {margin-top: 100%;}
#input33:checked ~ #image88 {margin-top: 100%;}
#input33:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input44:checked ~ #image11 {margin-top: -100%;}
#input44:checked ~ #image22 {margin-top: -100%;}
#input44:checked ~ #image33 {margin-top: -100%;}
#input44:checked ~ #image44 {margin-top: 0;}
#input44:checked ~ #image55 {margin-top: 100%;}
#input44:checked ~ #image66 {margin-top: 100%;}
#input44:checked ~ #image77 {margin-top: 100%;}
#input44:checked ~ #image88 {margin-top: 100%;}
#input44:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input55:checked ~ #image11 {margin-top: -100%;}
#input55:checked ~ #image22 {margin-top: -100%;}
#input55:checked ~ #image33 {margin-top: -100%;}
#input55:checked ~ #image44 {margin-top: -100%;}
#input55:checked ~ #image55 {margin-top: 0;}
#input55:checked ~ #image66 {margin-top: 100%;}
#input55:checked ~ #image77 {margin-top: 100%;}
#input55:checked ~ #image88 {margin-top: 100%;}
#input55:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input66:checked ~ #image11 {margin-top: -100%;}
#input66:checked ~ #image22 {margin-top: -100%;}
#input66:checked ~ #image33 {margin-top: -100%;}
#input66:checked ~ #image44 {margin-top: -100%;}
#input66:checked ~ #image55 {margin-top: -100%;}
#input66:checked ~ #image66 {margin-top: 0;}
#input66:checked ~ #image77 {margin-top: 100%;}
#input66:checked ~ #image88 {margin-top: 100%;}
#input66:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input77:checked ~ #image11 {margin-top: -100%;}
#input77:checked ~ #image22 {margin-top: -100%;}
#input77:checked ~ #image33 {margin-top: -100%;}
#input77:checked ~ #image44 {margin-top: -100%;}
#input77:checked ~ #image55 {margin-top: -100%;}
#input77:checked ~ #image66 {margin-top: -100%;}
#input77:checked ~ #image77 {margin-top: 0;}
#input77:checked ~ #image88 {margin-top: 100%;}
#input77:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

#input88:checked ~ #image11 {margin-top: -100%;}
#input88:checked ~ #image22 {margin-top: -100%;}
#input88:checked ~ #image33 {margin-top: -100%;}
#input88:checked ~ #image44 {margin-top: -100%;}
#input88:checked ~ #image55 {margin-top: -100%;}
#input88:checked ~ #image66 {margin-top: -100%;}
#input88:checked ~ #image77 {margin-top: -100%;}
#input88:checked ~ #image88 {margin-top: 0;}
#input88:checked ~ .hpt-buttons-div > .hpt-button.butt2 {background: rgb(126, 174, 160);}

.hpt-slider-image {    display: inline-block; height: 340px;    width: 520px;    padding-right: 10px; overflow:auto;   position: absolute;    transition: 0.6s ease-in-out}
.hpt-slider-label {    position: relative;    height: 100%;    width: 22%;    transition: 0.3s ease;    background: rgba(255,255,255,0.65);    opacity: 0;    background-repeat: no-repeat;    background-size: 69% 35%;    background-position: center;}
.hpt-slider-label:hover {opacity: 1;}
.hpt-buttons-div {    display: flex;   width: 569px;    margin: 0 0 10px 16px;}
.hpt-button {    transition: 0.3s ease;    cursor: pointer;    background: url(http://forumstatic.ru/files/001a/e6/32/75330.jpg);    font-family: Arial;    text-transform: lowercase;    letter-spacing: .5px;    width: inherit;    padding: 0px 2px;    text-align: center;       height: 30px;    margin: 2px;            border: 1px solid #0c161b;    outline: 1px solid #495e6b;    font-size: 12px;}
.hpt-button:hover { box-shadow: 0 0 5px #55908c inset;}
.hpt2 p {padding-bottom: 0px !important;}


.hpinfo {    width: 98%;    margin: 5px 0;    padding: 5px;    text-align: center;    background: #32455352;    font-family: Times New Roman;    text-transform: uppercase;    letter-spacing: 2px;    font-weight: 500;}
.hploc {    width: 100%;   padding-bottom: 10px;    overflow-y: hidden;    overflow-x: auto;    white-space: nowrap; margin: 10px 0;}
.hploc hploc1 {    width: 155px; display: inline-block}
.hploc hploc2 {    background: #32455352;    padding: 5px;    display: block;       overflow-y: auto;     white-space: normal;    margin-bottom: 5px;    height: 250px;    border-top: 3px solid #418984;}
.hptimg {     background: #334956;    width: fit-content;    height: fit-content;    border: 1px solid #7690a0;    outline: 2px solid #5c6d77;    margin: 2px 0 0 2px;}
.hptimg img {mix-blend-mode: luminosity;}
.hploc .hpinfo {    width: 130px;}

.cart1 {  transition: clip-path 1s;
    display: block;
    width: 284px;
    height: 245px;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}
.cart1:hover {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    background: #fff !important;}

/* высота блоков в теме без профа */
.hptt hptt3 {    overflow: auto;    height: 250px;    display: block;    padding-right: 5px;}

/* размер картинок в этих блоках */
.hptt hptt3 img {    max-height: 130px;    display: block;    margin: auto;}


.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

#pun-index #forum_f20 {    display: none;}