html,body {min-width: 1100px!important;}/*!Правка для мобильных Устройств с мелким Экраном*/

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #2f2f2f;
    background-size: cover;
    background-image: url(https://forumstatic.ru/files/0019/ef/43/57261.jpg); 
}

#pun {
    background-color: #ffffff;
    margin-top: 80px!important;
    margin-bottom: 80px!important;
    border-radius: 20px;
    padding-bottom: 30px!important;
  }

#pun-title table {
    background-image: url(https://forumstatic.ru/files/0019/ef/43/50309.png);
    background-repeat: no-repeat;
    border-radius: 20px 20px 0px 0px; 
    filter: grayscale(0.3);}


#pun-about p.container {
    background-image: url(https://forumstatic.ru/files/0019/ef/43/35908.png);
    position: absolute;
    background-repeat: no-repeat;
    width: 1000px;
    filter: grayscale(0.3);
    height: 82px;
    left: -1px;
    margin: -16px 0px 0px 0px!important;
    text-align: center;
    padding: 17px 0px 0px 0px!important;
    font-size: 4px;
    border-radius: 0px 0px 20px 20px;}



/* 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: #565251;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #333333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    color: #c5bbaa;
    letter-spacing: 1px;
    text-align: center;
    background: transparent;
    text-transform: uppercase;
    font: 600 8px playfair display!important;
    margin-left: -5px!important;
    border-radius: 10px;
    padding: 10px 0px 20px 0px!important;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
    color: #b9bcbf;
    font-size: 10px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #635555;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333333;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
BACKGROUND: #FBFBFB;
}

.punbb select {        BACKGROUND: #FBFBFB;
    BORDER: 1PX SOLID #D9D8E1;
    BOX-SHADOW: 0PX 0PX 0PX 1PX #ffffff inset;
    COLOR: #6E728B;
    PADDING: 4PX 10PX 4PX 10PX;
    BORDER-RADIUS: 15PX;
    TEXT-TRANSFORM: UPPERCASE;
    LETTER-SPACING: 1PX;
    FONT: 300 8PX verdana!IMPORTANT;} 

.punbb input {         BACKGROUND: #FBFBFB;
    BORDER: 1PX SOLID #D9D8E1;
    BOX-SHADOW: 0PX 0PX 0PX 1PX #FFFFFF INSET;
    COLOR: #6E728B;
    PADDING: 5PX 10PX 5PX 10PX;
    BORDER-RADIUS: 15PX;
    TEXT-TRANSFORM: NONE!IMPORTANT;
    LETTER-SPACING: 1PX;
    FONT: 300 8PX verdana!IMPORTANT; } 

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent transparent transparent 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: transparent transparent transparent transparent;
  }

#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 transparent transparent transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* 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: #9f8958; font-weight: 600;border-bottom: 0px none #000;text-decoration: none;transition: all 0.2s ease-in-out 0.1s;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333333
  }

/* 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: #6e6c67;
    border-bottom: 0px none #000;
  text-decoration: none;
font-weight: bold;
  }


/* CS3.3 */
#pun-navlinks a {
    color: #cc795d;
    border-bottom: 0px none #000;
    text-decoration: none;
    text-transform: lowercase;
   font: 800 18px playfair display!important;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #929496;
    text-decoration: none;
    text-transform: lowercase;
 font: 800 18px playfair display!important;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {background-image : url(https://i.imgur.com/ZN9WWLd.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(https://i.imgur.com/CMVqozw.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://i.imgur.com/qoClgR8.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://i.imgur.com/0h0Pn3W.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(-); background-repeat: no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-status .status-right {
    float: right;
    display: none; }
#pun-title .title-logo span {display: none;}
.lastedit {display:none}
.pl-reports {display:none!important;}
#pun-live-rusff span.cooltext {display: none;}
#pun-live-rusff {display: none;}
.topic a.sharelink { display: none; }

#color-area td, #table-area td {
    padding: 0!important; }

#keyboard-span input { font-size: 10px!important; }

div.post-rating  {
    padding-right: 20px!important; }

div.post-rating a, div.post-vote a {
    font: 900 18px verdana!important;
    color: #b5b5b5!important;}

div.post-vote a {     padding-right: 0px!important;}

#post-form h2 {           height: 40px;
    background-color: transparent;
    background-image: url(https://forumstatic.ru/files/0019/ef/43/57488.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    left: 48px;
    margin-top: 0px;
    width: 900px;
    border-radius: 30px;
    font-size: 0px!important;
    filter: grayscale(0.4) brightness(1);} 

/* оформление профиля */

.pa-posts,.pa-respect {
text-align: center;
    display: inline-block;
    padding: 2px 9px!important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    width: 50px;
    text-transform: lowercase;
    font: 500 8px verdana;
    font-weight: normal;
    line-height: 14px;
}


.pa-fld1 {              margin-top: 7px!important;
    background: #fdfdfd;
    padding: 10px!important;
    border-radius: 7px;
    font: 300 7px verdana;
    outline: 1px solid #e6e6e6;
    text-transform: uppercase;
    width: 174px;
    margin-left: 3px!important;} 

.pa-fld1 a {     color: #66645f!important;
 }

.pa-fld2 {       border: 1px #e0dde7 solid;
    padding: 5px!important;
    border-radius: 7px;
    position: absolute;
    width: 15px!important;
    height: 15px!important;
    margin: -14px 0px 0px -15px!important;
    background: #f7f7f7;}

.ls {   filter: opacity(0.7);}

.pa-ip {    text-transform: lowercase;
    font: 300 8px verdana;
    line-height: 13px;
    color: #696565;
    padding: 10px 0px 4px 0px!important;
}

.pa-reg { text-transform: lowercase;
    font: 300 8px arial;
    letter-spacing: 1px;
    padding: 6px 0px 0px 0px!important; }


.pa-last-visit {
    text-transform: uppercase;
    font: 300 6px verdana;
    line-height: 10px;
    letter-spacing: 1px;
    color: #a1a1a1;
    padding: 7px 0px 4px 0px!important;
}


#pun-admain fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    border-color: #ececec;
}

.adcontainer {
    background: #ececec;
    border: 1px solid #ecdfd9;
    box-shadow: 0px 0px 0px 2px #ffffff inset;
    /* border-style: none solid solid solid; */
    border-width: 0 1px 1px 1px;
    /* border-color: #ccc #ccc #aaa #ccc; */
}

/* для прокрутки */
::-webkit-scrollbar{
    width: 5px;
    height: 4px;
    background-color: #efefef;}

::-webkit-scrollbar-thumb{
    background-color: #918c83;
    border-radius: 5px;
}

/* выделенная прокрутка */
::-webkit-scrollbar-thumb:hover{
background-color: #56534e;
    border-radius: 5px;}

#pun-index .category table { padding-bottom: 1px!important; } 

/* для матчасти */
.ad {
width: 600px;
    height: auto;
    /*padding: 13px;*/
    background: #ffffff;
    border: 0px solid #d6b9a6;
    box-shadow: 0px 0px 0px 0px #ffffff inset;
    text-align: justify;
    margin-left: 45px!important;
    margin-top: 20px!important;
}

.ad .content {
font-size: 11px;
    font-weight: normal;
    text-align: justify;
    line-height: 17px;
    padding-right: 12px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 8px;
    background: #fbfbfb;
    text-transform: lowercase;
    border-color: #ccc #ccc #aaa #ccc;
    color: #323238;
    border: 1px solid #f0f2f6;
    box-shadow: 0px 0px 0px 1px #ffffff inset;
}

.ad h1 {
    font-size: 15px!important;
    font-family: playfair display;
    color: #8c9096;
    background-color: #f3f3f3;
    width: 580px;
    text-align: center;
    padding-bottom: 3px;
    margin-left: 9px !important;
    letter-spacing: -1px;
    border: 0px solid #ecdfd9;
    box-shadow: 0px 0px 0px 0px #ffffff inset;
    text-transform: uppercase;
}

.ad h2 {
    font-size: 14px!important;
    padding-bottom: 3px;
    text-align: center;
    letter-spacing: 0px;
    color: #8c9096;
    margin-left: 9px !important;
    font-family: playfair display;
    text-transform: lowercase;
    background-color: #f0f5f7;
    margin: 5px 0px -5px 0px;
    margin-bottom: 6px;
    /* border: 1px solid #ede7e3; */
    /* box-shadow: 0px 0px 0px 1px #ffffff inset; */
}

.ad h3 {   
   font-size: 12px!important;
    text-align: center;
    letter-spacing: 3px;
    color: #4b4f54;
    font-weight: bold;
    font-family: poiret one;
    text-transform: lowercase;
    background: url(http://funkyimg.com/i/2zstF.png) repeat;
    margin: 5px 0px 5px 0px;
    height: 18px;
}

/* базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 800px;
	padding: 0px;
	margin: 0 auto;
}
/* стили секций с содержанием */
.tabs>section {
    display: none;
    padding: 10px 10px 10px 10px;
    text-transform: lowercase;
    color: #484141;
    width: 700px;
    text-align: justify;
    line-height: 20px!important;
    font: 300 11px arial;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}

/* стили переключателей вкладок (табов) */
.tabs>label {
    display: inline-block;
    width: 140px;
    margin: 15px 0px 10px 19px!important;
    color: #717171;
    padding: 4px 5px 6px 5px!important;
    text-align: center;
    text-transform: lowercase;
    font: 600 12px playfair display!important;
    border: 1px #e0e0e0 solid;
    border-radius: 14px;
}


/* изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #454545;
	cursor: pointer;
}

/* стили для активной вкладки */
.tabs>input:checked+label {
    color: #656565;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    border-radius: 14px;
}

/* активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}




/* аватары возле автора поста
 -------------------------------------------------------------*/

.punbb .user-avatar .avatar-image {
    border-radius: 15%!important;
    height: 40px!important;
    width: 40px!important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border: 1px #b7b7b7 solid;
    filter: opacity(0.7) grayscale(1)!important;
}

.pa-avatar {padding-bottom: 0.7em;}

.punbb .user-avatar {
    width: 45px !important;  
}

.pa-avatar img:hover {
  filter:grayscale(75%) opacity(0.8) brightness(0.9) contrast(1.2);
}


.pa-avatar img {
    margin: 2px 0px 0px 0px;
    outline: 1px solid #e6e6e6;
    padding: 6px;
    border-radius: 7px;
}

.pa-avatar.item2 img {
    margin: 2px 0px 0px 0px;
    outline: 1px solid #e6e6e6;
    padding: 6px;
    border-radius: 7px;
}


/*улучшить профиль*/

#pun-status .status-right {
    float: right;
    display: none; }

#pun-admain .adcontainer th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 5px;
    border-color: #ddd;
    background-color: #ddd;
    text-transform: lowercase;
    font: 400 10px arial;
    color: #656565;
    text-align: center; } 

#pun-main .topic h3 a, #pun-viewtopic div.post h3 strong {
    color: #b3b3b3;
    font: 300 7px verdana!important;
    letter-spacing: 0px;
    }


/* личное звание */

.lz-name {
    text-transform: lowercase;
    letter-spacing: 0px;
    font: 600 10px arial;
    color: #b59a8a;
    padding-bottom: 0px!important;
}

.lz-text {
    /* border-top: 1px #d9d9d9 solid; */
    font: 300 8px verdana;
    text-align: center;
    color: #615c5c;
    padding: 0px 0px 0px 0px!important;
    line-height: 10px;
    margin: 5px 0px 0px 0px!important;
    text-transform: lowercase;
}

/* пошла-поехала матчасть */

details summary {
cursor: pointer;
font: 600 12px arial;
    color: #000;
    padding: 6px 0px 5px 10px;
    text-transform: uppercase;
    border-bottom: 1px #ce8b7b solid;
    margin: 0px 0px 10px 0px!important;
}

.mat-topic {
font:600 12px arial; text-transform: uppercase; color:#000;     padding: 6px 0px 5px 10px;
    border-bottom: 1px #bfbfbf solid;
    margin: 0px 0px 10px 0px!important;
}


.quest-telo {     width: 500px;
    margin-left: 8%!important;
    margin-top: 3%!important;
    margin-bottom: 1%!important;
    border: 1px #d9d9d9 solid;
    border-radius: 40px;
    padding: 30px 25px 25px 25px!important; }

.quest-1 {     float: left;
    padding: 0px 10px 0px 0px!important; } 

.quest-1 img {     height: 60px;
    border-radius: 5px; } 

.quest-2 {     line-height: 13px; } 

.zagolovok {     width: 480px;
    margin-left: 120px!important;
    border: 1px #d9d9d9 solid;
    border-radius: 40px;
    padding: 5px!important;
    font: 600 13px playfair display;
    text-transform: uppercase;
    position: relative;
    top: 16px;
    background: #fdfdfd;
    text-align: center; } 

.news-body {     width: 500px;
    margin-left: 8%!important;
    margin-top: 0%!important;
    margin-bottom: 1%!important;
    border: 1px #d9d9d9 solid;
    border-radius: 40px;
    padding: 30px 25px 25px 25px!important;
    font: 300 11px arial;
    line-height: 14px; } 


/* ебать вот это инфобокс */

.i-img {
border: 6px #f1f1f1 solid;
    text-align: center;
    width: 110px!important;
    padding: 5px 0px 5px 0px!important;
}

.i-data {
padding: 0px 0px 0px 0px!important;
    width: 500px!important;
    font: 300 11px arial;
    text-align: justify;
}

.person-name {
    font: 600 12px playfair display!important;
    text-transform: uppercase;
    color: #9a6b60;
    border-bottom: 1px #c1c1c1 solid;
    margin-bottom: 10px!important;
}


.i-name, .lich-name {
font: 600 14px playfair display;
    text-transform: uppercase;
    color: #b78377;
    border-bottom: 1px #c1c1c1 solid;
    margin-bottom: 10px!important;
}

.person-info {
    background: #f9f9f9;
    border: 1px #f1f1f1 solid;
    width: 315px;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    height: 120px;
    line-height: 17px!important;
    border-radius: 15px;
    font: 300 11px arial;
}

.i-quote {
font: 500 9px arial;
    letter-spacing: 1px;
    text-transform: lowercase;
    padding: 0px 0px 10px 0px;
}

.i-spoiler {
width: 630px;
    border: 0px #c3c3c3 solid;
    margin-left: 150px!important;
}




.i-n-no {
    width: 40px;
    outline: 1px #ddd solid;
    padding: 5px;
    margin: 5px 15px 5px 7px!important;
    filter: opacity(0.5) grayscale(1);
}

.i-n-yes {
    width: 40px;
    outline: 1px #ddd solid;
    padding: 5px;
    margin: 5px 15px 5px 7px!important;
     filter: opacity(1) grayscale(0);
}

.i-list-nag {
    text-align: left;
    line-height: 30px;
    margin: 0px 0px 0px 10px!important;
    overflow: auto;
    height: 150px;
}

.i-list-bon { overflow: auto;
    height: 125px;
    padding: 0px 0px 5px 0px; }


.icon-char {
    width: 15px;
    border: 1px #d8d8d8 solid!important;
    padding: 2px;
    float: left;
    margin: -5px 10px 0px 0px !important;
    text-align: center;
}

.infobox-attributes {
text-align: center;
    border: 1px #d8d8d8 solid;
    padding: 10px;
    font: 600 11px arial;
    margin: 5px 20px 0px 10px!important;
    width: 150px;
}

.infobox-p-bonus {
    width: 275px;
    border: 1px #e6e6e6 solid;
    background: #f9f9f9;
    padding: 8px 0px 5px 8px;
    height: 35px;
    font: 300 11px arial;
    line-height: 14px;
    text-align: justify;
    margin: 0px 5px 0px 10px!important;
}

.i-i-pbonus {
width: 20px;
    border: 1px #d8d8d8 solid!important;
    padding: 5px;
    float: left;
    margin: 0px 10px 0px 0px !important;
}


.i-changes-time {
background: #efefef;
    padding: 11px 0px 11px 0px;
    width: 150px;
    text-align: center;
    font: 300 11px arial;
    margin-left: 10px!important;
}

.i-changes {
border: 1px #e6e6e6 solid;
    padding: 10px 0px 10px 10px;
    width: 430px;
    text-align: justify;
    font: 300 11px arial;
}


/*известные личности*/
.person-img {
    width: 110px;
}

.person-data {
width: 225px;
}


.person-info {
background: #f9f9f9;
    border: 1px #f1f1f1 solid;
    width: 305px;
    padding: 10px;
    overflow: auto;
    height: 84px;
    line-height: 13px;
}


/* оформление анкеты */




.a-telo {width:auto; }

.a-img { 
    border: 3px #f1f1f1 solid;
    text-align: center;
    width: 110px;
    padding: 5px 0px 2px 0px;
    line-height: 20px;
 }

.a-name { 
    font: 300 16px playfair display;
    text-transform: lowercase;
    color: #c1ada1;
    letter-spacing: 0px;
}

.a-info {font: 300 10px arial!important;
    line-height: 16px!important;
    color: #7b7373; }

.a-quote {     text-align: center;
    color: #867e7c;
    letter-spacing: 1px;
    text-transform: lowercase;
    font: 300 10px playfair display!important;
    border: 1px #e8e8e8 solid;
    padding: 5px;
    width: 710px;
    margin: 10px 0px 10px 7px!important;}

.a-text {     color: #272626;
    height: 246px;
    overflow: auto;
    line-height: 17px!important;
    text-align: justify;
    font: 11px verdana;
    padding: 0px 10px 5px 5px!important;
    margin: 10px 0px 10px 0px!important;
    width: 578px;}

.a-etc {   width: 710px;
    text-align: center;
    color: #867e7c;
    letter-spacing: 0px;
    text-transform: lowercase;
    font: 300 8px arial!important;
    border: 1px #e8e8e8 solid;
    padding: 7px 5px 7px 5px!important;
    margin: 10px 0px 0px 7px!important;}

.a-block { border: 3px #f1f1f1 solid;
    padding: 5px;
    text-align: center;
    width: 578px; }


.anketa-telo-left {     width: 268px;
    font: 300 9px verdana;
    background: #fdfdfd;
    padding: 10px!important;
    border-radius: 7px;
    outline: 1px solid #e6e6e6; } 
.anketa-photo {     text-align: center; } 
.anketa-hr {     float: left;
    font: 300 70px playfair display;
    color: #d9d9d9;
    margin: -10px 15px 0px -6px!important; } 
.anketa-name {     font: 600 16px playfair display;
    text-transform: uppercase;
    color: #747474; } 
.anketa-telo-left img {width:80px;}
.anketa-zi {     font: 300 8px arial;
    text-transform: uppercase;
    color: #a7a7a7;
    letter-spacing: 1px; } 
.anketa-info {     font: 300 8px arial;
    color: #a7a7a7;
    text-transform: uppercase; } 
.anketa-qu {     text-align: center;
    font: 900 6px verdana;
    text-transform: uppercase;
    padding: 7px 0px 7px 0px!important;
    margin-bottom: 9px!important;
    background: #fdfdfd;
    border-radius: 7px;
    outline: 1px solid #f5f5f5; } 
.anketa-telo-right { width: 410px;
    overflow: auto;
    height: 246px;} 


/* другое для матчасти */
.icon-spisok {
width: 25px;
    border: 1px #d8d8d8 solid!important;
    padding: 5px;
    float: left;
    margin: 0px 10px 0px 0px !important;
}

.mat-td {
    width: 300px;
    border: 1px #d2d2d2 solid;
    padding: 10px;
    height: 135px;
    margin: 0px 5px 0px 5px!important;
    background: #fbfbfb;
    overflow:auto;
}

.nastav-spisok {
width: 315px;
    border: 1px #f1f1f1 solid;
    background: #fbfbfb;
    padding: 5px 0px 5px 10px;
}

.spisok-nastav {
border: 1px #d4d4d4 solid;
    background: #fbfbfb;
    padding: 10px;
    width: 225px;
    overflow: auto;
    height: 300px;
}

.spisok-char {
    border: 1px #d4d4d4 solid;
    background: #fbfbfb;
    padding: 10px;
    width: 390px;
    overflow: auto;
    height: 300px;
}


.spisok-twink {
border: 1px #d4d4d4 solid;
    background: #fbfbfb;
    padding: 10px;
    width: 190px;
    overflow: auto;
    height: 100px;
}

.mat-back {
color: #484141;
    width: 680px;
    text-align: justify;
    line-height: 20px!important;
    font: 300 11px arial;
    padding: 10px;
}



.opop {          text-align: justify;
    font: 300 6px verdana!important;
    text-transform: uppercase;
    line-height: 12px!important;
    width: 440px;
    letter-spacing: 1px;
    padding: 5px 0px 8px 5px!important;
    color: #9ba7a6;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;} 

.opos {       -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    letter-spacing: 0px;
    font: 300 8px verdana;
    border: 1px #e5e5e5 solid;
    margin-top: 7px!important;
    width: 408px;
    padding: 8px 0px 8px 18px!important;
    text-align: left;
    text-transform: uppercase;
    border-radius: 7px;
    margin-bottom: 23px!important;}



/* навигация теперь в три дэ
 -------------------------------------------------------------*/

  #pun-navlinks a {
    display: block;
    height: 30px;
    width: 30px;
    margin-left: 0px;
    position: relative;
    left: -8px;
    top: 20px;
    margin-bottom: 13px;
    filter: invert(1);
    }


    #pun-navlinks a span {display: none;}


  #navindex a  {background: url(http://forumstatic.ru/files/0019/cc/8e/69435.png) no-repeat top center;}
    #navuserlist a {background: url(http://forumstatic.ru/files/0019/cc/8e/42824.png) no-repeat top center;}
    #navsearch a  {background: url(http://forumstatic.ru/files/0019/cc/8e/21927.png) no-repeat top center;}
    #navprofile a  {background: url(http://forumstatic.ru/files/0019/cc/8e/67654.png) no-repeat top center;}
    #navpm a  {background: url(http://forumstatic.ru/files/0019/cc/8e/29847.png) no-repeat top center;}
    #navadmin a  {background: url(http://forumstatic.ru/files/0019/cc/8e/66407.png) no-repeat top center;}
    #navlogout a  {background: url(http://forumstatic.ru/files/0019/cc/8e/16843.png) no-repeat top center;}
    #navlogin a  {background: url(http://forumstatic.ru/files/0019/cc/8e/31144.png) no-repeat top center;}
    #navregister a  {background: url(http://forumstatic.ru/files/0019/cc/8e/58451.png) no-repeat top center;}
    #navpr_1 a {background: url(http://forumstatic.ru/files/0019/cc/8e/28418.png) no-repeat top center; top: 42px;}


    #navindex a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/69435.png) no-repeat top center;}
    #navuserlist a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/42824.png) no-repeat top center;}
    #navsearch a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/21927.png) no-repeat top center;}
    #navprofile a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/67654.png) no-repeat top center;}
    #navpm a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/29847.png) no-repeat top center;}
    #navadmin a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/66407.png) no-repeat top center;}
    #navlogout a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/16843.png) no-repeat top center;}
    #navlogin a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/31144.png) no-repeat top center;}
    #navregister  a:hover  {background: url(http://forumstatic.ru/files/0019/cc/8e/58451.png) no-repeat top center;}
    #navpr_1 a:hover {background: url(http://forumstatic.ru/files/0019/cc/8e/28418.png) no-repeat top center; top: 42px;}


#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}

span.lastpost {     font: 300 10px arial;
    color: #a7a7a7; }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}

#main-reply {     width: 100%;
    border-radius: 15px!important;
    margin: 10px 0px 10px 0px!important; border: 2px #e2e1eb solid;} 


/* модная фича шоб ник под темой был
 -------------------------------------------------------------*/

#pun-main .forum .tcl .byuser {
display: block;
    font-size: 9px;
    font-family: arial;
    letter-spacing: 1px;
    text-transform: lowercase;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #848484;
}

#pun-main .forum .tcl .byuser:before {
    content: "—"
}


.reactions-root *, .reactions-root ::before, .reactions-root ::after {
    box-sizing: border-box;
    display: none; } 