/* ссылки */
.persons0 {
  width: 150px;
  height: 50px;
  position: relative;
}

.persons0 div {
  position: relative;
  width: 150px;
  height: 50px;
  border: var(--border1);
  overflow: hidden;
}
.pa-fld4 span.fld-name {
  font-size: 0;
}
.pa-respect a img {
  width: 10px;
}
.userpl-isaac img {
  position: absolute;
  width: 56px !important;
  height: auto;
  left: 8px;
  margin-top: -1px !important;
}
.pa-posts {
  margin-left: 45px !important;
}
.persons0 span {
  position: absolute;
  display: flex;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font: 9px Calibri;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.86) 0s;
  z-index: 5;
  z-index: 3;
}

.persons0 div:after {
  content: "";
  background: #285358ba;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
    transition: all .3s cubic-bezier(.64,.51,.55,.16) 0s;
  z-index: 2;
}

.persons0 div:before {
  content: "";
  background: #aaddddc2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
    transition: all .3s cubic-bezier(.64,.51,.55,.16) 0s;
  mix-blend-mode: multiply;
  z-index: 1;
}

.persons0 img {
  filter: grayscale(100%);
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  mix-blend-mode: luminosity;
}

.persons0:hover div:after, .persons1:hover div:before  {
  background: transparent;
}

.persons0:hover img {
  filter: none;
  transform: scale(1.1);
}

.persons0:hover span {
  transform: scale(0);
    transition: all .1s linear 0s;
}





/* шапка */
#pun-title table {
    background: url(https://forumstatic.ru/files/001b/a6/77/12796.png)!important;
    height: 300px;
    margin-bottom: -108px;
    width: 999px;
    margin-top: -341px;
    margin-left: -43px;
}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
       background: url(http://forumstatic.ru/files/001b/a6/77/77728.png) center bottom no-repeat scroll rgba(0, 0, 0, 0);
    height: 222px;
    margin-bottom: -146px;
    margin-left: -74px;
    margin-top: -144px;
    width: 1066px;
    padding: 0px !important;
    border: none !important;
}

#topic_t34 #p81-content table:nth-child(3n) td {
background-color: #74999e !important;
color: #d7d6d6 !important;
}
#topic_t34 #p81-content table:nth-child(2n) td {
background-color: #74999e !important;
color: #2d2c2c !important;
}
.pa-reg {
  display: none !important;}

#topic_t34 table:nth-child(2n) td {
background-color: #74999e !important;
color: #d7d6d6 !important;
}
.pa-respect a {
  color: #555555 !important;
}
.resizable-textarea {
width: 100% !important;
}
#pun .quote-box.spoiler-box a {
  color: #417d85 !important;
}
.replycontain a {
  color: #81e9e4 !important;
}
.bigdome-all-post-text-3 {
  color: #9094a2;
  font: 600 11px Arial;
    line-height: normal;
  line-height: normal;
  line-height: normal;
  line-height: normal;
  line-height: normal;
  letter-spacing: 2px;
  width: 209px;
  overflow-y: scroll;
  padding-right: 5px;
  height: 36px;
  background: #00000075;
  padding: 5px 9px;
  line-height: 13px;
  scrollbar-width: none !important;
  margin-top: 7px;
}
#pun-status .item2 a {
  color: #c4c0c0 !important;
}
.persons-2-1 {
  cursor: pointer;
  position: absolute;
  right: -980px;
}
.persons-2-2 {
cursor: pointer;
position: absolute;
right: -930px;
}
.persons-2-3 {
cursor: pointer;
position: absolute;
right: -880px;
}
.persons-2-4 {
position: absolute;
right: -831px;
}
.persons-1-1 {
  cursor: pointer;
  position: absolute;
  left: 42px;
}
.persons-1-2 {
cursor: pointer;
position: absolute;
left: 90px;
}
.persons-1-3 {
cursor: pointer;
position: absolute;
left: 138px;
}
.persons-1-4 {
cursor: pointer;
position: absolute;
left: 187px;
}
.bigdome-all-main {
  position: absolute;
  right: 0;
  top: 189px;
}
#topic_t166 table:nth-child(2n) td {
background-color: #74999e !important;
}
#topic_t243 table:nth-child(2n) td {
background-color: #74999e !important;
}
#topic_t219 table:nth-child(2n) td {
background-color: #460448 !important;
}
.bigdome-all-heroes-1 {
  position: absolute;
  left: 227px;
  bottom: -103px;
}
.bigdome-all-heroes-2 {
 filter: alpha (Opacity=25);

    opacity: 0;

    -moz-transition: all 1s ease-in-out; /* эффект перехода для Firefox до версии 16.0 */

    -webkit-transition: all 1s ease-in-out; /* эффект перехода для Chrome до версии 26.0, Safari, Android и iOS */

    -o-transition: all 1s ease-in-out; /* эффект перехода для Opera до версии 12.10 */

    transition: all 1s ease-in-out; /* эффект перехода для других браузеров */
}
.bigdome-all:hover .bigdome-all-heroes-2{

    filter: alpha (Opacity=100);

    opacity: 1;

}
.bigdome-all-post-text {
color: #8f8e8f !important;
text-transform: lowercase;
padding: 5px 9px 5px 4px;
transition: all .3s cubic-bezier(.79,.14,0,.17) 0s !important;
background: url(https://i.imgur.com/h6Rga7N.jpg) no-repeat left center;
text-align: left !important;
font-family: 'Ampero';
font-size: 14px;
letter-spacing: 2px;
width: fit-content;
}
.bigdome-all-ep {
  position: absolute;
  left: -36px;
  top: 158px;
}
.bigdome-all-ep a {
  font-family: 'Ampero';
  font-size: 16px;
  letter-spacing: 3px;
  margin: 6px 10px;
  color: #b0aab0 !important;
  display: block;
}
.bigdome-all-ep a:hover {
color: #ad36e1 !important;
}

.bigdome-all-post-text-22 {
color: #8f8e8f !important;
text-transform: lowercase;
padding: 5px 9px 5px 4px;
transition: all .3s cubic-bezier(.79,.14,0,.17) 0s !important;
background: url(https://i.imgur.com/h6Rga7N.jpg) no-repeat left center;
text-align: left !important;
font-family: 'Ampero';
font-size: 14px;
letter-spacing: 2px;
width: fit-content;
}
.bigdome-all-post {
  position: absolute;
  left: -24px;
  top: 226px;
}
.bigdome-all-post-text-2 {
  color: #9094a2;
  font: 600 11px Arial;
    line-height: normal;
  line-height: normal;
  line-height: normal;
  letter-spacing: 2px;
  width: 260px;
  overflow-y: scroll;
  padding-right: 5px;
  height: 36px;
  background: #00000075;
  padding: 5px 9px;
  line-height: 13px;
  scrollbar-width: none !important;
margin-top: 7px;
}
.bigdome-all-post-text-22 a {
  font-family: 'Ampero';
  font-size: 16px;
  letter-spacing: 3px;
  margin: 6px 10px;
  color: #b0aab0 !important;
  display: block;
display: contents;
}
.bigdome-all-post-text-22 a:hover {
color: #ad36e1 !important;
}
.bigdome-all-main a {
font-family: 'Ampero';
font-size: 15px;
letter-spacing: 3px;
margin: 6px 10px;
color: #b0aab0 !important;
display: inline;
transition: all .3s cubic-bezier(.79,.14,0,.17) 0s !important;
background: url(https://i.imgur.com/h6Rga7N.jpg) no-repeat left center;
padding: 7px 9px;
float: right;
}
.bigdome-all-main a:hover {
color: #ad36e1 !important;
}
.bigdome-all-cup {
  position: absolute;
  right: 29px;
  bottom: -89px;
}
.bigdome-all-cup p {
  font-family: 'Ampero';
  font-size: 15px;
  letter-spacing: 3px;
  margin: 6px 10px;
  color: #b0aab0 !important;
  display: inline !important;
  transition: all .3s cubic-bezier(.79,.14,0,.17) 0s !important;
  background: url(https://i.imgur.com/h6Rga7N.jpg) no-repeat left center;
  padding: 7px 9px;
  float: right;
}
.bigdome-all-logo {
position: absolute;
left: -138px;
top: 2px !important;
margin-left: 212px !important;
z-index: 0;
}
.bigdome-all-heroes-2 {
  position: absolute;
  left: 227px;
  bottom: -103px;

}
.bigdome-all-home {
width: 626px;
position: fixed;
margin-left: 160px !important;
top: -17px;
z-index: -1;
}
.bigdome-all-lep1 {
  width: 413px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.bigdome-all-lep2 {
  width: 413px;
  position: absolute;
  right: 0;
  z-index: -1;
}
.bigdome-all {
  position: absolute;
  top: 25px;
  margin-left: -36px;
  width: 1000px;
  height: 321px;
}
.persons2_wrap-fon {
position: absolute;
margin-left: -37px !important;
width: 980px;
bottom: -96px;
z-index: -1;
}
#topic_t186 table:nth-child(2n) td {
background-color: #74999e !important;
}
.fs-box .post-content {
  margin: 54px -8px 0px 21px !important;
}
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-left-style: solid;
  border-left-width: 18em;
  margin-bottom: 3px;
  padding: 6px 0;
  position: relative;
  border-color: #d6d7d6 !important;
  background-color: #dbdbdb !important;
}
.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    background-color: #816408 !important;
    color: #ffffff !important;
border-color: transparent !important;
}
#profile legend span {
  display: block !important;
}
.go-up, .go-down {
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    padding-left: 35px;
}

.go-up {
    top: 469px;
margin-left: 932px !important;
}
.go-down {
    top: 510px;
margin-left: 934px !important;
}

.go-up span, .go-down span {
    display: block;
width: 45px;
height: 25px;
    background: #0d433c;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s cubic-bezier(.64,.51,.55,1.36) 0s; 
}
.go-up span:before, .go-down span:before {
    content: "";
    background: #0d433c;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: 0
}
.go-down:hover, .go-up:hover {
    opacity: 1;

}

.go-up:hover span, .go-down:hover span {
    transform: translateY(-50%);
}

#pre_placement > a {
  opacity: .9;
  position: absolute;
  cursor: pointer;
  width: 21px;
  height: 21px;
border: solid 1px #74999e !important;
  top: -31px;
  right: 12px;
  background-size: cover;
  box-shadow: inset 0 0 12px rgba(0,0,0,.1);
  text-decoration: none !important;
}
.table_GamePosts tr:nth-child(2n+1) {
  background: #e5f7f7 !important;
}
#pun_wrap .punbb .table_GamePosts tbody th {
  background: #2d0429 !important;
  font-weight: bold !important;
}
.punbb .table_GamePosts td {
  border: 1px solid #d2efef !important;
  padding: 8px 1em 10px 1em;
  position: relative;
  transition: all .5s ease;
}

.team_plashes {
  display: none;
}
#forum_f15 .tclcon {
text-align: left !important;
}
.userpl img {
  position: absolute;
  width: 34px;
  height: auto;
  left: 2px;
  margin-top: 3px;
}

HTML {
background:
#1B2126 url(http://forumstatic.ru/files/001b/93/c8/31675.jpg) repeat fixed left center;
background-size: cover
}
.team_plashes {
  display: none;
}
#pun_wrap, HTML, body {
min-width: 1200px !important;
    position: relative;
    padding-top: 88px;
}
#pun-index table Div.icon {
background: #93939f;
border-style: none;
height: 17px;
width: 17px;
margin-left: 15px;
margin-top: 3px;
margin-right: 6px;
position: absolute;
z-index: 3;
}

#pun-index TR.inew Div.icon {
  display: block;
}

#pun-index TR.inew Div.icon {
 background: #74999e; 
    background-size: auto; 
    border-style: none; 
    height: 100%;
    width: 4px; 
    margin-left: -3px; 
    margin-top: -1px; 
    position: absolute; 
    z-index: 3; 
    background-size: contain;
}

.imgleftmain {
    width: 67px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;
    position: fixed;
    top: 284px;
    left: -4px;
}
span.num_msg {

    margin-top: -53px !important;

}

.indOnline, .indOffline {
  display: block;
  width: 28px;
  height: auto;
    position: relative;
    z-index: 9;
    top: -36px;
    right: -2px;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.indOnline {
  background: url(https://forumstatic.ru/files/001b/60/aa/71516.png) no-repeat center;

}
.indOffline {
  background: url(https://forumstatic.ru/files/001b/60/aa/65197.png) no-repeat center;
}

.post[data-group-id="3"] .pa-avatar .indOffline {
  display: none;
}

#pun-title {border: none;
   }

@media screen and (max-width: 540px) {#pun-navlinks li a:before {display:none}  }
#pun-navlinks li a span {font-size:0;
display: none} #navpr_1 li span {font-size:0; display: none} #navpr_2 li span {font-size:0; display: none}

#navindex a:before {content:"\f0c9";     font-family: icon; font-size: 16px} 
#navuserlist a:before {content:"\f0c0";     font-family: icon;} 
#navsearch a:before {content:"\f002";     font-family: icon;} 
#navpm a:before {content:"\f0e0";     font-family: icon;} 
#navprofile a:before {content:"\f2bb";     font-family: icon;} 
#navadmin a:before {content:"\f085";     font-family: icon;} 
#navlogin a:before {content:"\f090";     font-family: icon;}
#navlogout a:before {content:"\f08b";     font-family: icon;} 
#navregister a:before {content:"\f067";     font-family: icon;} 
#navpr_1 a:before {content:"\f0f3";     font-family: icon;}
#navpr_2 a:before {content:"\f21b";     font-family: icon;}


#navindex a span {display:block;}
#navuserlist a span {display:block;}
#navawards a span {display:block;}
#navsearch a span {display:block;}
#navpm a span {display:block;}
#navprofile a span {display:block;}
#navadmin a span {display:block;}
#navlogin a span {display:block;}
#navlogout a span {display:block;}
#navregister a span {display:block;}
#navpr_1 a span {display:block;}
#navpr_2 a span {display:block;}

#pun-navlinks a {
    color: #74999e;
    text-align: center;
transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
    opacity: 1;
    font-weight: normal !important;
    font-size: 15px !important;
    padding: 0px !important;
    text-transform: uppercase;
    display: block;
    position: relative;
    letter-spacing: 3px;
    margin: 20px 0px;
}


#pun-navlinks a:hover {
     color: #d6d6d6;
}
#pun-navlinks.section {
    font-size:0px !important;
    font-style: normal;
    font-weight: lighter !important;
    text-align: center;
        position: fixed;
    width:50px;
    top: 0px;
    left: 0;
    z-index: 9999;
     /*background: var(--bg2);*/
    border: 0;
    /*border-right: var(--border1) !important;*/
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
-webkit-text-size-adjust: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px
}

#pun-ulinks.section {
margin-top: -48px;
    top: 348px;
    width: 903px;
    text-align: center;

}

#pun-ulinks .container {
font-family: Arial;
    font-style: normal;
    font-weight: 200 !important;
    padding: 0 !important;
    text-align: center !important;
    padding: 0px 0 !important;
    width: auto !important;
    -webkit-text-size-adjust: 100%;
    height: auto !important;
    margin: 0 -45px !important;
    text-transform: lowercase;
}

#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    font-size: 10px !important;;
    transition: all 0.5s linear 0s;
    font-weight: 400;
    padding: 0 0px 0px 0px !important;
    position: relative;
    margin: 0px 10px;
    display: inline-block;
    letter-spacing: .08em;
    color: #8f9095;
}

#pun-ulinks a:hover {
   color: #a495a9;
}

.offctgr {display:block!important;
visibility:visible!important;
}

.pa-fld5 .fld-name {
    display: none
}


.userpl {
height: 55px;
background: #74999e;
width: 239px;
margin-top: -10px !important;
margin-left: -6px !important;
position: relative;
padding: 0 !important;
    
}

.userpl img {
position: absolute;
width: 50px;
height: auto;
left: 8px;
margin-top: 2px;
}

.userpl max {
  display: block;
height: 20px;
font: 200 14px Calibri;
  line-height: normal;
text-transform: lowercase;
text-align: left;
color: #ffffff;
position: relative;
top: 9px;
margin-right: -1px !important;
border-left: 0 !important;
line-height: 20px !important;
margin-left: 58px;
padding-right: 18px !important;
}

.userpl min {
display: block;
height: 14px;
font: 400 12px Calibri !important;
text-transform: lowercase;
text-align: left;
margin-top: 7px;
margin-left: 58px;
padding-right: 30px;
color: #ffffff;
}

.pa-fld2 .fld-name {
    display: none
}
.pa-fld1 .lz {

}


.pa-fld2 .infoblock {
background: url(https://forumstatic.ru/files/001b/93/c8/76224.png);
width: 24px;
height: 25px;
filter: brightness(.6);
}
.pa-fld2 {
    position: relative;
left: 0;
bottom: -34px;
width: 47px;
}
.pa-fld1 .fld-name {
  display: none
}


.pa-fld1 {
    width: 230px;
text-align: center;
margin-bottom: -32px !important;
}

.lz {
    padding: 10px !important;
}

.lz a.ank {
display: block;
font-weight: 600;
text-align: center;
text-transform: uppercase;
margin: 0 -10px !important;
  margin-top: 0px;
  margin-bottom: 0px;
padding: 5px 10px !important;
margin-top: -10px !important;
margin-bottom: -7px !important;
color: #555555 !important;
font-family: 'Calibri';
font-size: 14px;
}

.lz rc {
    font: 600 12px Calibri;
    text-transform: lowercase;
    text-align: center;
    display: block;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
margin-left: -11px !important;
width: 233px !important;
    box-sizing: border-box;
    color: #555555;
    background-color: #fff;
}

.lz lz {
line-height: 15px;
padding: 0px !important;
color: #555555;
font-family: 'Calibri';
font-size: 14px;
display: inline-block;
text-align: justify !important;
}

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

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4, .pa-respect1 {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'icon';
    font-size: 10px;
padding: 6px 9px 2px 11px !important;

    font-weight: 400;
    width: auto;
    margin-bottom: 0px !important;
line-height: 21px;
color: #555555 !important;

}
.punbb span.GamePst, .punbb strong.GamePst2 {
  padding-right: .7em;
  display: inline-block !important;
  width: auto !important;
  cursor: pointer;
  color: #8a8a8a !important;
}

.pa-posts .fld-name, .pa-respect .fld-name {
    display: block
}


.pa-respect img, .pa-respect1 img {width: 7px}

#profilenav h2 {
    text-align: left !important;
}

.pa-author {
height: auto;
line-height: 22px !important;
margin-top: 10px !important;
padding: 0px 5px 0px 0px !important;
  padding-top: 0px;
padding-top: 5px !important;
position: relative;
width: 237px !important;
}
.pa-avatar.item2{
padding-left: 3px !important;
padding-right: -2px !important;
line-height: -20px !important;
border: none !important;
text-align: center;
}
.pa-author a, .pa-author {
color: #555555 !important;
font-family: "minion pro" !important;
}
.post-author {
width: 260px !important; 
color: #59504b !important;
}
.post-author ul li {
text-align: center;
}


.post-author > ul {
    background: url(https://forumstatic.ru/files/001b/93/c8/88849.png) no-repeat left bottom transparent;
    padding: 8px 0px 84px 6px!important;
}

#post-preview .post-content, #post-preview .post-box {
    margin: auto !important;
    margin-top: 0 !important;
}

.post-content {margin:54px -8px 0px -4px !important;}

.post-box {margin-top: 20px !important;}

.post {
    position: relative
}

#pun .post h3 {     
background: #191919;
    background-size: cover;
    border: 0 !important;
    margin-left: -35px !important;
    width: calc(100% + 70px) !important;
    font-family: Arial !important;
    font-size: 11px;
    font-weight: 600 !important;
    position: absolute;
    margin-top: 0px !important;
    padding: 0 !important;
    text-transform: uppercase;
    height: 24px;
}

#pun .post h3 a {
    color: #b9b3b7 !important;
}


#pun .post h3 strong {
    font-weight: 400;
    text-align: left !important;   
    margin-left: 0px;
    width: auto;
       color: #9d999f;
    order: 2
}

#pun .post h3 strong:before {
content: ", #"
}

#pun .post h3 a {
    color: var(--color3)
}



.pa-author img {
    display: none;
}

#pun-post .pa-author {padding: 0px 0 !important;}

.authorcont {      
    width: 230px;
    text-align: center;
    align-items: center;
    line-height: normal;
    padding-bottom: 5px;
}

@-moz-document url-prefix() {
.authorcont {
    top: 0px;
}
}  

.post-author .pa-author {
font-size: 24px !important;
    font-weight: 600 !important;
    transition: all .3s linear 0s;
    text-transform: uppercase;
}

#pun .post-author .pa-author a {
color: #555555;
transition: all 0.5s linear 0s;
}

#pun .post-author .pa-author a:hover {
color: #adb0c1;
transition: all 0.5s linear 0s;
}
#pun .post-author ul {
    font-size: 12px;
    line-height: 1.5em;
    padding: 10px 6px 3px;
    text-align: justify;
    width: auto;
    font-family: 'Calibri';
}


.pa-avatar {
    margin-top: 2px !important;
    width: 230px;
    text-align: center;
}

.pa-avatar.item2 img {
transition: all 0.5s linear 0s;
border-style: solid;
border-color: #c8c8c8;
border-width: 0px 7px 0px 7px;
}
.pa-avatar.item2 img:hover {
filter: grayscale(.75);
}



.pa-title {
 text-align: center;
    width: 235px;
    height: auto;
    text-transform: lowercase;
    color: #555555;
    font-family: 'Calibri';
    font-size: 12px;
    line-height: 12px;
}

.pa-ip {clear: both;
margin-top: 5px !important;}

.pa-ua, .pa-online, .pa-last-visit {
    display: none !important;
}

.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts {
    display: none;
}

#pun li.pa-awards {
 display:block!important
}

.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: var(--color1);
}
.punbb .post-box {
    color: var(--color1);
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: var(--color1);
    font-style: normal;
    font-weight: normal;
}

.punbb textarea {
background-clip: padding-box;
    background: #d7d7d7;
    border: 1px solid #74999e !important;
    color: #191919;
    padding: 7px 5px !important;
    width: 90%;
}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip: padding-box;
background: rgba(157, 157, 157, 0.15);
  background-size: auto;
background-size: cover;
padding: 10px !important;
position: relative;
border: 1px solid var(--bg7);
box-sizing: border-box;
color: #444343;


}

#pun .quote-box.spoiler-box {
background: #d6d6d6;
}
#pun .quote-box.spoiler-box {
color: #555555 !important;
}

#pun .quote-box cite, #pun .code-box strong.legend {
    display: block;
    padding: 6px 24px 6px 15px !important;
    font-size: 12px;
    font-family: Calibri;
    letter-spacing: 1px;
    margin: 0 -11px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    text-align: center;
    color: #ffffff !important;
background: #74999e;
}

.spoiler-box .scrollbox pre {
  color: #191919 !important;
}

.spoiler-box .quote-box {
  color: #191919 !important;
}

#pun .quote-box cite, #pun .code-box strong.legend a {
color: #ffffff !important;
}
#pun .code-box a {
    color: var(--color4)
}
#pun .code-box a:hover {
    color: var(--bg2)
}




#pun-main .code-box .scrollbox pre {
font-family: pt sans !important;
font-size: 12px;}

.punbb select, input {
background: #74999e;
    padding: 2px 3px 2px 3px !important;
    color: #ffffff;
    font: 200 14px Calibri !important;
}

#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}
.offline li.pa-online strong {
    font-weight: normal;
}

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border-bottom: 0 none #000;

color: #555555;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}


.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 {  border-bottom: 0 none #000;
    color: #56858b;
    text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #537f85;
    color: #fff;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { 
color: #74999e;
    font-family: 'Minion Pro' !important;
    font-size: 20px !important;
    font-weight: 400;
    padding: 30px !important;
    text-align: left;
 width: auto;
    text-transform: uppercase;
    margin: 0px -35px !important;
    margin-bottom: 7px !important;
    background: #191919 url(https://forumstatic.ru/files/001b/93/c8/51636.jpg) no-repeat center;
}




#pun-index table Div.icon {
    display: none;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #d6d6d6;
    border: 1px solid #74999e;
    display: block;
    float: left;
    height: 13px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 1.5px;
    position: relative;
    width: 13px;
    box-sizing: border-box;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: #74999e;
    border: 1px solid #504554;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #74999e;
    border: 1px solid #74999e;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #555555;
    border: 1px solid #555555;
}




div#html-footer {
    margin: 0px 0 0;
}

#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}

#togglePreview {
    margin-top: -25px !important;
}
.button {
background: #74999e;
    color: #ffffff;
    font-family: Calibri !important;
    font-size: 14px !important;
    font-weight: 200 !important;
    margin-top: 5px !important;
    padding: 4px 15px 6px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    cursor: pointer;
}
.button:hover {
    background: #36686f;
    filter: brightness(1.2)
}


#imageupload-left input[type="button"] {
    width: auto !important;
}


.button:active {
    border-top-color: #2c5f75;
}



#pun-crumbs1 a, #pun-crumbs2 a {font-weight: 600 !important;
}

#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    padding: 0 !important;
    font: 200 10px Calibri !important;
    border: 0 !important;
    color: #555555;
    margin-top: 16px !important;
}

#pun-crumbs1 .container, #pun-crumbs2 .container {
    padding: 0 !important;
    display: inline-block;
    padding-left: 10px !important;
}

#pun-crumbs1 {
    margin-bottom: 35px !important;
}

#pun-index #pun-crumbs1 {
    margin-bottom: 0 !important;
}



#pun-crumbs1 strong + em, #pun-crumbs2 strong + em{
    display: none
}


.post_reputation {
    background: #DDD9B1;
    border: 1px solid #D3CEA8!important;
}


#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, #spoiler-area {
color: #333;
    padding: 10px 10px 10px 10px !important;
    background: #d3d3d3;
    border: 1px solid #74999e !important;
}


#keyboard-area input {box-shadow: none;
color: #312c12!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}

span.offctgr {
    background: transparent !important;
    border: 0 !important;
}

#pun-index .category h2, #pun-stats h2 {
background: url(https://forumstatic.ru/files/001b/93/c8/51636.jpg) no-repeat center;
width: auto;
height: 87px;
padding: 0 !important;
  padding-top: 0px;
border: 0 !important;
margin: 0 -35px !important;
  margin-top: 0px;
  margin-bottom: 0px;
margin-top: 10px !important;
margin-bottom: 10px !important;
position: relative;
font-family: 'Minion Pro' !important;
text-align: right;
padding-top: 20px !important;
}


#pun-index .category h2 span, #pun-stats h2 span {
color: #74999e;
display: flex;
    margin: 24px;
text-transform: uppercase;
border: 0;
position: absolute;
z-index: 1;
font-family: 'MinionPro-Bold';
font-size: 20px;
height: 19px;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-content: center;
    left: 19px;
}


#pun-index .category h2 em {
    position: relative;
    z-index: 1;
    font: 200 10px Arial;
color: var(--color4)
}






#pun-stats.section h2 {margin-top: 15px !important;
margin-bottom: -10px !important;}

#pun-index .category th {
    display: none
}

#pun-index #pun-category1 h2 {

}

/*#pun-index .category tr {
    display: flex;
    align-items: center;
    gap: 10px
}
#pun-index .category tr + tr {
    margin-top: 10px
}
*/

#pun-index .category .tcl {
    padding: 0 !important;
    width: 40% !important;
position: relative;
}

#pun-index .category table {
    border-spacing: 0px 20px !important;
    table-layout: auto
}

#pun-index .category tr + tr {
    margin-top: 10px
}

#pun-index thead {
    display: none
}

#pun-index .tclcon h3 {
    text-align: left;
    margin-bottom: 13px !important;
    display: flex;
    align-items: center;
    margin-left: -20px !important;
    width: 919px;
position: absolute;
}


#pun-index .tclcon h3 a {
     padding: 0px 0px 0px 6px;  
    text-transform: uppercase;  
    color: #555555;  
    height: 23px;  
    font-family: 'MinionPro-Bold';  
    font-size: 20px;  
    transition: all 0.5s linear 0s;  
    position: absolute;  
    margin-left: 12px;  
    background-color: #d6d6d6;  
    width: 892px;  
}


#pun-index .tclcon h3 a:hover {
color: #1d1d1d;
}



#pun-index .tclcon {
    text-align: justify;
    margin: 0;
    position: relative;
    font: 200 14px Calibri;
    padding: 10px 8px;
    width: auto;
    z-index: 1;
    color: #555555 !important;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}

.forum_desc p {
margin-left: 0px !important;
    padding-right: 0px;

}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    display: none
}


#pun-index .tcr a {font-size: 14px;
    font-weight: 600;
color: #555555;
}



#pun-index td.tcr {
 text-align: left;  
    font: 200 11px/150% Arial;  
    position: relative;  
    overflow: visible;  
    box-sizing: border-box;  
    padding-top: 48px;  
    text-transform: lowercase;  
    color: #383838;   
    border-right: 1px solid #d6d6d6; 
    border-bottom: 1px solid #d6d6d6
}


#pun-index .user-avatar {
    margin-left: 20px !important;
    width: 30px;
    height: 30px;
margin-right: 26px !important;
    margin-top: 0px;
    float: left;
}

#pun-index .isonline {
    margin-right: -7px !important;
}

#pun .user-avatar .avatar-image {
border: 2px solid #74999e;
    width: 40px;
    height: 40px;
    border-radius: 0;
    opacity: .7
position: relative;
    top: 5px;
}

.Tems_And_messages  {
display: inline-block;
    width: auto;
    font-size: 10px;
    text-transform: none;
    font-weight: 200;
    text-align: center !important;
    text-transform: lowercase;
    opacity: .85;
}

.Tems_And_messages span {font-weight: 500}


.main table .Add {
display: block;  
    padding: 0px 19px;  
    height: 28px;  
    line-height: 27px;  
    position: absolute;  
top: -15px;
right: 0;
    color: #545454;  
    font-family: Arial; 
}
.forum_desc {
  margin-top: 16px !important;
width: 500px;
text-align: left !important;
}
.forum_desc em {
    font-weight: 600;
    font-size: 14px;
    text-transform: lowercase;
    right: 20px;
    color: #555555;
    font-family: Calibri;
}

.forum_links {
display: flex;
    justify-content: space-between;
    margin-top: 6px !important;
    gap: 2px;
    padding: 0px 0px;
align-items: center;
margin: 4px;
    align-items: stretch;
}


.forum_links a {
flex: 1;
text-transform: lowercase;
text-align: center;
padding: 6px;
transition: all .6s ease-in-out 0s !important;
font-size: 14px;
color: #74999e !important;
font-family: Calibri !important;
font-weight: 200;
line-height: 10px;
    background: #d6d6d6;
}
.forum_links a:hover {
    background: #74999e;
color: #ffffff !important;
}



#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 11px;
}

.punbb .post {
    border-color: transparent;
    text-align: justify;
}
.arrows_wrap {
    /*background: var(--bg2);*/
    /*border-left: var(--border1) !important;*/
    width: 50px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 20px;
    flex-wrap: wrap
}




.go-up i:before, .go-down i:before {
    font-size: 20px !important;
}

.go-down:hover, .go-up:hover {
    color: var(--color2)
}


.topic a.sharelink {
    display: none;
}

#pun-ulinks #Rz{display:none}

#right-panel {
  top:0px;
  padding:0;
  margin-right:-349px;
  position:fixed;z-index:99999;
    right: 0
}
.content-R {
  width:305px;
    padding-right: 5px !important;;
  height:580px;
  left: 65px;
  top:20px;
  position:absolute;
    overflow: auto;
    text-align: justify;
    font: 500 11px/17px open sans
}


#button-dice {
background-image:url(http://forumupload.ru/uploads/0005/6e/de/20529-1.gif);
}

.userpl-j {
  position: absolute;
  width: 55px !important;
  height: auto;
  left: 2px;
  margin-top: 3px !important;
}

.userpl-r {
  position: absolute;
  width: 55px !important;
  height: auto;
  left: 2px;
  margin-top: 3px !important;
}










.map-box {
width: 896px;
height: 470px;
overflow-y: scroll;
border: 3px solid #74999e;
position: relative;
scrollbar-width: thin;
scrollbar-color: #74999E rgba(0,0,0,.05) !important;
}
.map {
  width: 2600px;
}

span.tooltip {
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 0
}

.tooltip em {
 position: absolute;
background: rgb(223, 223, 223);
border: 1px solid #74999e;
display: block;
padding: 10px;
top: -16px;
z-index: 9;
left: 152px;
transform: translateX(-50%) scale(0);
visibility: hidden;
transition: all .7s ease-in-out 0s;
font: 500 9px montserrat;
  font-style: normal;
  line-height: normal;
letter-spacing: 0;
text-align: justify;
width: 247px;
height: 226px;
line-height: 15px;
overflow-y: auto;
}

.tooltip:hover em {
  visibility: visible;
  transform: translateX(-50%) scale(1);
}

.tooltip em img {
  display: block;
  margin: auto;
  margin-bottom: 0px;
  margin-right: 0px;
}
.map-box-1-1 {

    position: absolute;
    top: 984px;
    left: 76px;

}
.map-box-1-2 {

    position: absolute;
top: 1429px;
left: 597px;

}
.map-box-1-3 {

    position: absolute;
top: 1341px;
left: 1699px;

}
.map-box-1-4 {

    position: absolute;
top: 1146px;
left: 2485px;

}
.map-box-1-5 {

    position: absolute;
top: 901px;
left: 2285px;

}
.map-box-1-6 {

    position: absolute;
top: 1355px;
left: 2179px;

}

.map-box-6-7 {

    position: absolute;
top: 855px;
left: 500px;

}
.map-box-6-6 {

    position: absolute;
top: 676px;
left: 479px;

}
.map-box-6-5 {

    position: absolute;
top: 907px;
left: 1558px;

}
.map-box-6-4 {

    position: absolute;
top: 316px;
left: 1961px;

}
.map-box-6-3 {

    position: absolute;
top: 1141px;
left: 2379px;

}
.map-box-6-2 {

    position: absolute;
top: 1184px;
left: 2249px;

}
.map-box-6-1 {

    position: absolute;
top: 1355px;
left: 1279px;

}

.map-box-3 em {
height: 177px;
}
.map-box-4 em {
height: 197px;
}
.map-box-6 em {
height: 97px;
}
.map-box-5 em {
height: 226px;
}
.map-box-1-4 em {
left: -137px !important;
}
.map-box-6-3 em {
left: -137px !important;
}
.map-box-1-5 em {
left: -137px !important;
}
.map-box-2-1 {

    position: absolute;
top: 1146px;
left: 1194px;

}
.map-box-2-2 {

    position: absolute;
top: 1208px;
left: 691px;

}
.map-box-2-3 {

    position: absolute;
top: 251px;
left: 1098px;

}
.map-box-2-4 {

    position: absolute;
top: 839px;
left: 1338px;

}
.map-box-2-5 {

    position: absolute;
top: 1307px;
left: 782px;

}
.map-box-2-6 {

    position: absolute;
top: 43px;
right: -216px;

}
.map-box-2-7 {

    position: absolute;
top: 1179px;
left: 1011px;

}
.map-box-2-8 {

    position: absolute;
top: 713px;
left: 1150px;

}
.map-box-2-9 {

    position: absolute;
top: 1139px;
left: 568px;

}
.map-box-2-10 {

    position: absolute;
top: 1276px;
left: 700px;

}
.map-box-2-11 {

    position: absolute;
top: 859px;
left: 1475px;

}
.map-box-2-12 {

    position: absolute;
top: 802px;
left: 793px;

}
.map-box-2-13 {

    position: absolute;
top: 763px;
left: 1470px;

}
.map-box-2-14 {

    position: absolute;
top: 424px;
left: 1943px;

}
.map-box-2-15 {

    position: absolute;
top: 1088px;
left: 2328px;

}
.map-box-3-1 {

    position: absolute;
top: 689px;
left: 1820px;

}
.map-box-3-2 {

    position: absolute;
top: 609px;
left: 2086px;

}
.map-box-3-3 {

    position: absolute;
top: 635px;
left: 1637px;

}
.map-box-3-4 {

    position: absolute;
top: 1356px;
left: 620px;

}
.map-box-3-5 {

    position: absolute;
top: 999px;
left: 1242px;

}
.map-box-3-6 {

    position: absolute;
top: 1008px;
left: 1670px;

}
.map-box-3-7 {

    position: absolute;
top: 1292px;
left: 677px;

}
.map-box-3-8 {

    position: absolute;
top: 567px;
left: 1939px;

}
.map-box-3-9 {

    position: absolute;
top: 844px;
left: 1008px;

}
.map-box-3-10 {

    position: absolute;
top: 660px;
left: 1736px;

}
.map-box-3-11 {

    position: absolute;
top: 1185px;
left: 822px;

}

.map-box-4-1 {

    position: absolute;
top: 920px;
left: 800px;

}
.map-box-4-2 {

    position: absolute;
top: 1115px;
left: 747px;

}
.map-box-4-3 {

    position: absolute;
top: 233px;
left: 1429px;

}
.map-box-4-4 {

    position: absolute;
top: 981px;
left: 257px;

}
.map-box-4-5 {

    position: absolute;
top: 966px;
left: 559px;

}
.map-box-4-6 {

    position: absolute;
top: 728px;
left: 1681px;

}
.map-box-4-7 {

    position: absolute;
top: 152px;
left: 1170px;

}
.map-box-4-8 {

    position: absolute;
top: 1150px;
left: 488px;

}
.map-box-4-9 {

    position: absolute;
top: 1267px;
left: 936px;

}
.map-box-4-10 {

    position: absolute;
top: 885px;
left: 1134px;

}
.map-box-4-11 {

    position: absolute;
top: 744px;
left: 1329px;

}
.map-box-4-12 {

    position: absolute;
top: 671px;
left: 1922px;

}
.map-box-4-13 {

    position: absolute;
top: 1057px;
left: 358px;

}
.map-box-4-14 {

    position: absolute;
top: 365px;
left: 2088px;

}
.map-box-4-15 {

    position: absolute;
top: 1043px;
left: 1457px;

}
.map-box-4-16 {

    position: absolute;
top: 1313px;
left: 420px;

}
.map-box-4-17 {

    position: absolute;
top: 1185px;
left: 286px;

}
.map-box-4-18 {

    position: absolute;
top: 879px;
left: 660px;

}
.map-box-4-19 {

    position: absolute;
top: 1295px;
left: 1790px;

}
.map-box-4-20 {

    position: absolute;
top: 1037px;
left: 657px;

}
.map-box-4-21 {

    position: absolute;
top: 1239px;
left: 2045px;

}
.map-box-4-22 {

    position: absolute;
top: 315px;
left: 1777px;

}
.map-box-4-23 {

    position: absolute;
top: 929px;
left: 1805px;

}
.map-box-4-24 {

    position: absolute;
top: 1266px;
left: 897px;

}
.map-box-4-25 {

    position: absolute;
top: 1013px;
left: 1228px;

}
.map-box-5-1 {

    position: absolute;
top: 378px;
left: 1184px;

}
.map-box-5-2 {

    position: absolute;
top: 613px;
left: 813px;

}
.map-box-5-3 {

    position: absolute;
top: 688px;
left: 113px;

}
.map-box-5-4 {

    position: absolute;
top: 1000px;
left: 2018px;

}
.map-box-5-5 {

    position: absolute;
top: 929px;
left: 354px;

}
.map-box-5-6 {

    position: absolute;
top: 757px;
left: 981px;

}
.map-box-5-7 {

    position: absolute;
top: 793px;
left: 1105px;

}
.map-box-5-8 {

    position: absolute;
top: 997px;
left: 1505px;

}
.map-box-5-9 {

    position: absolute;
top: 894px;
left: 426px;

}
.map-box-5-10 {

    position: absolute;
top: 467px;
left: 1492px;

}
.map-box-5-11 {

    position: absolute;
top: 973px;
left: 844px;

}
.map-box-5-12 {

    position: absolute;
top: 599px;
left: 628px;

}
.map-box-5-13 {

    position: absolute;
top: 613px;
left: 266px;

}
.map-box-5-14 {

    position: absolute;
top: 755px;
left: 366px;

}
.map-box-5-15 {

    position: absolute;
top: 467px;
left: 653px;

}
.map-box-5-16 {

    position: absolute;
top: 634px;
left: 1294px;

}
.map-box-5-17 {

    position: absolute;
top: 690px;
left: 1798px;

}
.map-box-5-18 {

    position: absolute;
top: 712px;
left: 1810px;

}
.map-box-5-19 {

    position: absolute;
top: 1346px;
left: 531px;

}
.map-box-5-20 {

    position: absolute;
top: 365px;
left: 1923px;
}
.map-box-5-21 {

    position: absolute;
top: 1168px;
left: 99px;

}
.map-box-5-22 {

    position: absolute;
top: 1160px;
left: 847px;

}
.map-box-5-23 {

    position: absolute;
top: 1384px;
left: 366px;

}
.map-box-5-24 {

    position: absolute;
top: 1127px;
left: 229px;

}
.map-box-5-25 {

    position: absolute;
top: 1168px;
left: 1319px;

}
.map-box-1::before {

    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #e1861b;

}
.map-box-2::before {

    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #19a60d;

}
.map-box-3::before {

    content: "\f041";
    font-family: icon;
font-size: 17px;
color: #930da6;

}
.map-box-4::before {

    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #0d89a6;

}
.map-box-5::before {

    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #d51414;

}
.map-box-6::before {

    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #f459a2;

}
.map-box-all-img {
display: flex;
  overflow-y: scroll;
}

.map-box-all-img img {

width: 221px;
height: 137px;
float: left;
margin: 0 5px !important;
object-fit: cover;
}
.map-box-all-places em span {
  text-align: center;
  display: block;
  font-size: 12px;
  padding-bottom: 3px;
  padding-top: 2px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
color: #2F3941;
}
.map-box-all-places em p {
  font-style: normal;
  font-size: 9px;
}

.map-box-all-places-name:hover { 
   opacity:0;
background-color: rgba(0, 0, 0, 0) !important;
 }
.map-box-all-places-name {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 2600px;
height: 1460px;
transition: all .6s ease-in-out 0s;
background-color: rgba(0, 0, 0, 0.7);
padding-top: 200px;
}
.map-box-all-places-name p {
  width: 896px;
  height: 470px;
color: #f9f1ca;
font-size: 50px;
}