/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон */
html, body {
    background: url(https://i.imgur.com/fRTA33T.png) repeat top center;
    background-color: #585b2e;
}

/* Шапка */
#pun-title table {
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 1058px;
    height: 311px;
    margin-left: -79px;
    background-image: url(https://i.imgur.com/ckzJRIp.png);
}

/* Тело форума */

#pun_wrap {
    min-width:1150px;
}

#pun {
    width: 1058px;
    background-image: url(https://i.imgur.com/PvKrbry.jpg);
    background-attachment: scroll;
    background-repeat: repeat-y;
    margin: 0 auto;
}

/* Футер */
#pun-about p.container {
    background-image: url(https://i.imgur.com/kTLDzUD.jpg);
    margin: -207px 0 51px -79px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1058px;
    height: 73px;
}



/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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-stats h2, .punbb .main h2, #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, #pun-navlinks .container  {background-color: transpanent;
color: #1c1c1c;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #1c1c1c;
text-align:center; 
font-size: 12px; 
font-style: normal;
font-weight: bold;;
}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #000000;
    border-left: 2px solid #5b6130;
    background-color: #f4f4f4;

}

.punbb .code-box a {
    text-decoration: none!important;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select {
    border: 2px solid #a8c7c3;
    background-color: #fefefe;
    color: #1c1c1c;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-color: #fefefe;}

/*Стиль кнопок (отправить, посмотреть)*/
.punbb input.button, input#pustoj2, .AnswerButton input {
    color: #312239;
    border: 2px solid #afb363;
    background-color: #f5f4f4;
    height: 26px;
    min-width: 111px;
    transition-duration: 0.5s;
}

.punbb input.button:hover, input#pustoj2:hover, .AnswerButton input:hover {
    border: solid #3e2f46 1px!important;
}

.punbb input {
    border: 0px;
}

/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
  color: #5b6130;
  text-decoration: none;
  }

/* CS2.2 */
.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: #1f3424; 
  text-decoration: none;
  }

.punbb a:hover {
    color: #7d4723;
    transition-duration: 0.5s;
    text-decoration: none;
  }
 
/*Верхние ссылки*/
#pun-ulinks a, #pun-ulinks a:focus {
    font-size: 10px !important;
    color: #9e9e9e;
    font-family: verdana;
}


#pun-navlinks a:hover, #pun-navlinks a:active {
  color: #7d4723;
}

#pun-ulinks a:hover, #pun-ulinks a:active {
  color: #7d4723;
}

.punbb-admin #pun-navlinks a, .punbb-admin #pun-ulinks a {
    color: #5b6130!important;
}

/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
            background: url(https://i.imgur.com/W75A400.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/y1cnrVR.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/mxDLfPZ.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/Ok6KQIH.jpg) no-repeat;
}

/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-live-rusff {
    display: none;
}
#pun-main .post-author ul {
    text-align: center;
    min-height: 90px;
}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: left;}
.modlist {display: none;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
.pa-gifts{display:none}
.stickytext, .closedatafield{display:none}


/*---Прокрутка---*/

::-webkit-scrollbar-thumb:vertical {
    background-color: #7d4723;
    height: 4px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #7d4723;
    height: 4px;
}

::-webkit-scrollbar {
    background-color: #d5d5d5;
    height: 6px;
    width: 6px;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    margin: -25px 0px 0px -35px !important;
    overflow: visible!important;
}

.punbb .post .post-author > ul {
    background: url(https://i.imgur.com/fZTRIg4.jpg) 0 bottom no-repeat, url(https://i.imgur.com/Mvjt0Uf.jpg) 0px 0 repeat-y;
    margin: 0px 0px 0px 0px !important;
    padding: 18px 0px 14px 8px!important;
    width: 230px;
}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts, .pa-respect {
    text-align: center;
    height: 10px;
    width: 196px;
    padding: 3px 0px 3px 0px !important;
    margin: 0px -2px 0px -1px !important;
    letter-spacing: 1px;
    font-family: verdana;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 10px;
    display: inline-block;
}



.pa-posts {
	padding-top: 7px!important;
}

.punbb .post-content a, 
.punbb .post-content a:link {
    color: #7d4723;
    font-weight: normal !important;
    text-decoration: underline dashed;
}

.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active {
  color: #5b6130;
}

.punbb .pa-avatar img {
    max-width: 180px;
    margin: 0px 0px 10px -7px;
    /* border: 2px solid #7d4723; */
}

.punbb .pa-ip {
    margin: 8px 0 8px 0;
    font-family: verdana;
    font-size: 9px;
}

.topic .post {
  margin-left:10px;
}

.sacraforum1 {
    color: #5b6130;
    padding: 10px 6px 10px 6px;
    text-align: justify;
    font-family: Verdana;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-left: -15px;
    line-height: 13px;
    min-height: 35px;
    width: 512px!important;
}

.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    border-left-style: solid;
    border-left-width: 1px;
    text-transform: uppercase;
    font-family: verdana;
}

.sacth {
    color: #e5e5e5;
    width: 600px;
    padding: 33px 0 20px 0 !important;
    background: url(https://i.imgur.com/3Cmbcix.jpg) top no-repeat, url(https://i.imgur.com/XpBc9rJ.jpg) bottom no-repeat, url(https://i.imgur.com/8qBKWSW.jpg) repeat-y;
    margin-bottom: 13px !important;
}

.sacth a {
    color: #e5e5e5 !important;
}

.sacth a:hover {
    color: #b7bd60 !important;
}

.sacth img {
    max-width: 480px;
}

.sacthnuj table {
    width: 80% !important;
}
.sacthnuj {
    margin-top: 40px;
    margin-bottom: 10px;
    color: #e5e5e5;
}

.sacth hr {
    opacity: 0 !important;
}

.sacth .quote-box, .sacth .code-box {
    /*background: url(https://i.imgur.com/U9Lkn27.jpg);*/
    box-shadow: none;
}

/*.sacth div:not([class]) {
    color: #e5e5e5;
}*/

.sacttitle, .sacttitle2 {
    text-align: center;
    color: #e5e5e5!important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Segoe Ui;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.saccita {
    font-size: 10px;
    letter-spacing: 0px;
    margin: 0px 6px !important;
    font-family: verdana;
    font-weight: bold;
    color: #e5e5e5;
    max-width: 500px;
}


#admins {
    position: absolute;
    width: 304px;
    text-align: center;
    line-height: 1;
    word-spacing: 10px;
}

#admins a {
    text-align: center;
    border: none;
    font-size: 11px;
    color: #907c66;
    letter-spacing: 2px;
    text-transform: lowercase;
}

.sactablemini {
    padding: 10px !important;
    background-color: #fefefe;
    border: 2px solid #fefefe;
    font: 10px verdana;
    margin-top: 3px;
    margin-bottom: 10px;
    line-height: 13px;
    text-align: justify;
    width: 80%;
    color: #7d4723;
}


.sacraforum2 {
    text-align: center;
    margin: 5px 20px -5px 7px !important;
    line-height: 10px;
    color: #c7703f;
    font-weight: bold;
}

a.sacralink2:link, a.sacralink2:active, a.sacralink2:visited {
    font-size: 10px !important;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: #359186;
    text-align: center;
    font-family: Segoe Ui;
    text-decoration: none;
    font-weight: bold;
    transition-duration: 1s;
    padding-top: 5px;
}


a.sacralink2:hover {
    color: #c9c4cb;
    font-weight: bold;}

a.sacralink:link, a.sacralink:active, a.sacralink:visited {
    font-size: 9px !important;
    /* letter-spacing: 1px; */
    text-transform: lowercase;
    color: #c7703f;
    text-align: right;
    font-family: Segoe Ui;
    font-weight: bold;
    display: inline-block;
    transition-duration: 1s;
    padding-top: 5px;
}

a.sacralink:hover {
	color: #cbc6cd;}

/*
a.sacralink:before {
	content: "»";
    margin-right: 3px;
}*/

hr.sacraforum3 {
    visibility: hidden;
    margin: 0;
}


/* --- ССЫЛКИ В ОБЪЯВЛЕНИИ --- */

#ams {
    font-size: 11px;
    text-transform: lowercase;
    line-height: 12px;
    font-family: Segoe Ui;
}

#ams img {
    background-color: #bad3d0;
    background-blend-mode: multiply;
}

. tooltip img {
    background-color: #bad3d0;
    background-blend-mode: multiply;
}


.avak{
position: absolute;
width: 150px;
height: 80px;
background-color: #5b6130;
opacity: 0.6;
}

.avak img{
    filter: grayscale(100%);    
    mix-blend-mode: hard-light;
}

#ams a {
    color: #fff!important;
}

/*
#ams .tooltip:after {
	content: "//";
}
*/

/* меняем цвет [mark]*/
.highlight-text {
    background-color: #e6a87e!important;
    color: #000;
}
/* отключаю поделиться и rss-atom*/
.sharelink {
display: none!important;
.punbb .modmenu .container span {display: none;}
}

/*ПЛАШКИ ОБЪЯВЛЕНИЯ*/
.sacobl {
    padding: 4px;
    border: 2px solid #7d4723;
    font-family: Segoe Ui;
    text-transform: lowercase;
    color: #7d4723!important;
    letter-spacing: 1px;
    margin: 8px 0px 8px 4px;
    display: inline-block;
    background-size: 0% 100%;
    background: rgb(89,86,45);
    background: linear-gradient(to right, #59562d, #8b542b);
    transition: background-size 1s 0s, color 2s 0s; 
    background-repeat: no-repeat; 
    background-size: 0 100%; 
    font-weight: bold;
    }

.sacobl:hover {
    border: none;
    padding: 6px;
    color: #ededed!important;
    background-size: 100% 100%;
}



a.forlinks:link, a.forlinks:active, a.forlinks:visited  {
    color: #ffffff!important;
    text-shadow: none!important;
    font-family: Segoe Ui;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

a.forlinks:hover {
    text-shadow: none!important;
    color: #fefefe!important;
    opacity: 0.6;
}

.bestpost {
    color: #000;
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    font-family: verdana;
}

.bestpost img {
    float: left;
    padding-right: 5px;
}

.bestpost a {
    color: #5b6130!important;
    font-weight: bold;
}
.forminput {
    font-family: Verdana;
    font-size: 10px;
    text-transform: lowercase;
    height: 20px;
    width: 180px;
}

/* Поля профиля */

li.pa-fld4 {
    margin-top: -18px;
    min-height: 17px;
    margin-bottom: 5px;
    margin-left: -7px;
}

li.pa-fld1 {
    width: 220px;
    margin: -6px 0px 6px 2px;


    }

/* .pa-fld1 {border: 2px solid #a8c7c3;}*/

li.pa-fld5  {
    width: 84px;
    margin: 3px -2px 3px -8px;
    padding: 7px 6px 7px 6px;
    font-family: verdana;
    font-size: 9px;
    text-transform: uppercase;
    display: inline-block;
    color: #ffffff!important;
    background-color: #7d4723;
    background: url(https://i.imgur.com/j7QgbSU.jpg);
}

li.pa-fld3  {
    width: 93px;
    margin: 3px -2px;
    padding: 7px 0px 7px 1px;
    font-family: verdana;
    font-size: 9px;
    text-transform: uppercase;
    display: inline-block;
    color: #ffffff!important;
    background-color: #7d4723;
    background: url(https://i.imgur.com/j7QgbSU.jpg);
    cursor: pointer;
}

li.pa-fld2 {
    padding: 2px 2px 5px 3px;
    width: 185px!important;
    font-size: 10px !important;
    margin: 0px 0px 0 0px;
    border-radius: 0px 0 0px 0px;
    color: #ffffff!important;
    background-color: #7d4723;
    background: url(https://i.imgur.com/j7QgbSU.jpg);
    text-align: left;
    font-family: verdana;
    margin-left: 17px;
}

li.pa-fld2 a{
    color: #ffffff!important;
    text-shadow: none!important;
    opacity: 1;
}

li.pa-fld2 a:hover{
    color: #ffffff!important;
    text-shadow: none!important;
    opacity: 0.7;
}

/* анкета */
#menu1 span {
	background-color: #B39250;
	padding: 4px 18px;
	margin: 7px;
	font-family: arial;
	font-size: 12px;
	color: #f7fbe2;
	border-radius: 15px 0;
}

#menu1 .tabactive1 { 
	background: #CAA969;
	transition-duration: 0.5s;
}

#submenu1 { 
	padding: 5px; 
	text-align: left; 
	font-size: 12px; 
} 

.submenutext1 { 
	text-align: justify; 
	font-family: arial;
	background:#dfd2a4; 
	display: none;  
	height: 320px; 
	box-shadow: inset 0px 0px 5px rgb(190, 157, 92);
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 1.5;
	padding: 10px;
	font-size: 11px;
}

.anketafon {
	width:600px; 
	background-color: #be9d5c; 
	height: auto; 
	border: outset 3px #dbbc7f; 
	margin: 0 auto;
}

.anketa1 {
	padding: 10px; 
	background-color: #dfd2a4; 
	height: 296px; 
	margin: 15px; 
	box-shadow: inset 0px 0px 5px rgb(190, 157, 92);
}

.photo1 {
	float: left;
}

.photo2 {
	float: right; 
	margin: -138px 0 0 0;
}

.name {
	background-color: #be9d5c; 
	text-align: center; 
	font-family: lobster; 
	font-size: 24px; 
	color: #f7fbe2; 
	border-radius: 15px 0px; 
	padding: 5px; 
	line-height: 70%; 
	float: right; 
	width: 370px;
}

.poloska {
	height: 22px; 
	background-color: #f7fbe2; 
	text-align: center; 
	line-height: 22px;
	overflow-y: auto;
}

.poloska1 {
	width:164px;  
	float: left; 
	margin: 170px 0 0 -164px;
}

.poloska2 {
	width:164px;  
	float: left; 
	margin: 196px 0 0 -164px;  
}

.poloska3 {
	width:383px;  
	float: left; 
	margin: 174px 0 0 -164px;  
}

.poloska4 {
	width:383px;  
	float: left; 
	margin: 4px 0 0 0;  
}

.poloska5 {
	width:383px;  
	float: left; 
	margin: 4px 0 0 0; 
}

.poloska6 {
	width:164px;  
	float: right; 
	margin: -242px 0 0 386px;  
}

.poloska7 {
	width:164px;  
	float: right; 
	margin: -216px 0 0 386px;  
}

.poloska8 {
	width:164px;  
	float: right; 
	margin: -190px 0 0 386px;  
}

.property {
	width:201px;  
	height: 153px; 
	background-color: #f7fbe2; 
	float: right; 
	margin: -242px 169px 0 0;  
	text-align: justify; 
	overflow-y: auto;
	overflow-x: hidden; 
	padding: 5px;
}
/* анкета */


/* виза */
.visafon {
	width:400px; 
	height: auto; 
	margin: 0 auto; 
	background-color: #be9d5c; 
	border: outset 3px #dbbc7f;
}

.visa1 {
	height: 126px; 
	padding: 10px; 
	background-color: #dfd2a4; 
	margin: 10px; 
	box-shadow: inset 0px 0px 5px rgb(190, 157, 92);
}

.visaamsfoto {
	float: left; 
	margin: -27px 0 0 -3px;
}

.visawelcome {
	float: right; 
	background-color: #be9d5c; 
	text-align: center; 
	font-family: lobster; 
	font-size: 16px; 
	color: #f7fbe2; 
	border-radius: 15px 0px; 
	padding: 5px; 
	line-height: 70%; 
	width: 260px; 
	margin: -10px -12px 0 142px;
}

.visawelcometext {
	float: right; 
	width:220px; 
	height: 84px; 
	padding: 10px; 
	background-color: #f7fbe2; 
	box-shadow: inset 0px 0px 5px rgb(190, 157, 92); 
	text-align: justify; 
	overflow-y: auto; 
	overflow-x: hidden; 
	margin: 4px -7px 0 0;
}

.visaicons {
	float: left; 
	margin: 4px 0 0 0;
}

.visaicons2 {
	float: left; 
	margin: 2px 0 0 0;
}
/* виза */

/* отношения */
.relatz {
width: 570px;
padding: 5px 10px;
text-align: center;
height: auto;
font-size: 18px;
font-family: lobster;
color: #fff;
background-color: #be9d5c;
border-radius: 10px 0px 10px 0px;}
.relback {position: relative;
width: 180px;
height: 180px;
background-color: #dfd2a4;
}

.relstatus {
position: absolute;
background-color: #be9d5c;
padding: 1px 15px;
margin-top: 5px;
z-index: 2;
right: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
    color: #f7fbe2;
}

.relface {
position: absolute;
background-image: url(http://placehold.it/150x100);
width: 150px;
height: 100px;
margin-top: 10px;
margin-left: 15px;}
.relname {position: absolute;
margin-top: 100px;
background-color: #be9d5c;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
}

.relname a {
    color: #f7fbe2 !important;
}

.reltext {
position: absolute;
    width: 140px;
    height: 31px;
    background-color: #f7fbe2;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 15px;
    padding: 10px;
    margin-top: 120px;
    margin-left: 10px;
    font-size: 9px;
    line-height: 9px;}
/* отношения */


/* хроники */
.hron1 {
    position: relative;
    width: 310px;
    height: 150px;
    background-color: #dfd2a4;
}

.hronname1 {
    position: absolute;
    margin-top: 10px;
    background-color: #be9d5c;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
}

.hronname1 a {
    color: #f7fbe2 !important;
}

.hronname2 {
    position: absolute;
    margin-top: 30px;
    background-color: #f7fbe2;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
}

.hronname3 {
    position: absolute;
    margin-top: 50px;
    background-color: #be9d5c;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
    color: #f7fbe2;
}

.hrontext1 {
    position: absolute;
    width: 271px;
    height: 51px;
    background-color: #f7fbe2;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 15px;
    padding: 10px;
    margin-top: 72px;
    margin-left: 10px;
    font-size: 9px;
    line-height: 9px;
}
/* хроники */

/* итоги */
.itogifon {
	width:600px; 
	background-color: #be9d5c; 
	height: auto; 
	border: outset 3px #dbbc7f; 
	margin: 0 auto;
}

.itogi1 {
    width: 580px;
    background-color: #dfd2a4;
    height: 320px;
    margin: 10px 10px 10px 10px;
    box-shadow: inset 0px 0px 5px rgb(190, 157, 92);
}

.nameitogi {
    background-color: #be9d5c;
    text-align: center;
    font-family: lobster;
    font-size: 24px;
    color: #f7fbe2;
    border-radius: 25px 0px;
    padding: 5px;
    line-height: 70%;
    margin-left: 100px;
    width: 470px;
    height: 40px;
}

.igrokmesfoto {
	float: left; 
	margin: -27px 0 0 10px;
}

.igroknedfoto {
	float: left; 
	margin: 27px 0 0 -104px;
}

.nameigrokmes {
	background-color: #be9d5c; 
	text-align: center; 
	font-family: arial; 
	font-size: 10px; 
	color: #f7fbe2; 
	padding: 5px; 
	line-height: 70%; 
	float: left; 
	width: 164px;
        height: auto;
        margin: -44px 0px 0 10px;
}

.nameigrokned {
	background-color: #be9d5c; 
	text-align: center; 
	font-family: arial; 
	font-size: 10px; 
	color: #f7fbe2; 
	padding: 5px; 
	line-height: 70%; 
	float: left; 
	width: 94px;
        height: auto;
        margin: 10px 0px 0 10px;
}

.namepost {
    background-color: #be9d5c;
    text-align: center;
    font-family: arial;
    font-size: 10px;
    color: #f7fbe2;
    padding: 5px;
    line-height: 70%;
    float: right;
    width: 260px;
    height: auto;
    margin: 0 10px 0 0;
}

.postned {
	width:260px;  
	height: 96px; 
	background-color: #f7fbe2; 
	float: right; 
	margin: 10px 10px 0 0;  
	text-align: justify; 
	overflow-y: auto;
	overflow-x: hidden; 
	padding: 5px;
}

.epfoto {
	float: left; 
}

.itogi2 {
    background-color: #f7fbe2;
    width: 560px;
    height: 110px;
    margin: 10px 0 0 10px;
    float: left; 
}

.parafoto1 {
	float: left; 
}

.akt1 {
	float: left; 
}

.akt2 {
	float: right; 
	margin: -54px 0 0 0;
}

.postzaned {
    background-color: #be9d5c;
    text-align: center;
    font-family: arial;
    font-size: 10px;
    color: #f7fbe2;
    padding: 10px;
    line-height: 70%;
    float: right;
    width: 160px;
    height: 30px;
    margin: -52px 109px 0 0;
}

.blabla {
    width: 250px;
    height: 46px;
    background-color: #f7fbe2;
    float: right;
    margin: 5px 20px 0 0;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}
/* итоги */

/* в поле ответа подложка */
.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area {
    background-color: #f4f4f4;
    color: #000000;
    border: solid 2px #afb363;
    z-index: 2;
}

#keyboard-area {
    z-index: 2;
}

.inner, #font-area {
    max-height: 250px;
    overflow: auto;
}

/*стиль выделения текста*/
::selection {
background: none repeat scroll 0% 0% #cec9d0;
}

::-moz-selection {
background: none repeat scroll 0% 0% #cec9d0;
}

.mark { 
  position: relative;
}
.mark > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 350%;
  left: -300px; /* = max-width */
  right: -300px; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  
  max-width: 300px;  
  max-height: 80vh; 
  overflow: auto;
  visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  background: #dfd2a4;
    color: #1e1e1e;
    line-height: normal;
    cursor: auto;
    z-index: 500;
    border: 2px solid rgb(190, 157, 92) !important;
}
.mark:before { 
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.mark:hover > span,
.mark:hover:before,
.mark:hover:after,
.mark:focus > span,
.mark:focus:before,
.mark:focus:after {
  visibility: visible;
}
.mark:focus { 
  outline: none;
}

.tooltip { 
    position: relative;
    padding: 0px 1px;
    display: inline-block;
}

.tooltip > span { /* стиль появляющейся подсказки */
position: absolute;
    top: 100%;
    left: -20em;
    right: -20em;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    max-width: 20em;
    max-height: 80vh;
    visibility: hidden;
    margin: 0 auto;
    cursor: auto;
    z-index: 500;
    line-height: 10px;
    position: absolute;
    color: #402e46;
    font-family: Segoe Ui;
    font-size: 10px;
    font-style: normal;
    text-transform: lowercase;
    padding: 5px;
    background-color: #fefefe;
    text-shadow: none;
}

.tooltip:before { 
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
}
.tooltip:focus { 
  outline: none;
}

/* кнопка "выравнивание по центру" */
span[style*="justify"]{
  display:block;
  text-align:justify;
}
#button-justify {
  background-image:url('http://funkyimg.com/i/Jcpm.png');
  padding:0; 
  line-height:0; 
  background-position:center;
  background-repeat:no-repeat; 
  height:26px; 
  width:100%;
}

/* коллекции */
/* конфеты */
.collections {
background-image: url(https://i.imgur.com/vh0mobp.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections .firstCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -158px !important;
    /* opacity: 0; */
}

.collections .secondCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -95px !important;
    /* opacity: 0; */
}

.collections .thirdCollections {
    position: absolute;
    margin-top: 6px !important;
    margin-left: -34px !important;
}


.collections .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 28px !important;
}


.collections .fifthCollections {
    position: absolute;
    margin-left: 90px !important;
    margin-top: 13px !important;
}

/* пасхальная */
.collections2 {
background-image: url(https://i.imgur.com/pxNJHt8.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections2 .firstCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -146px !important;
}

.collections2 .secondCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -87px !important;
}

.collections2 .thirdCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -24px !important;
}


.collections2 .fourthCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: 37px !important;
}

.collections2 .fifthCollections {
    position: absolute;
    margin-left: 97px !important;
    margin-top: 16px !important;
}
/* мороженое */
.collections3 {
background-image: url(https://i.imgur.com/alU600O.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections3 .firstCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -148px !important; 
}

.collections3 .secondCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -86px !important; 
}

.collections3 .thirdCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -23px !important; 
}

.collections3 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 44px !important; 
}

.collections3 .fifthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 106px !important; 
}
/* хэллоуин 2016 */
.collections4 {
background-image: url(https://i.imgur.com/kwCdpzL.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections4 .firstCollections { 
position: absolute; 
margin-top: 7px !important; 
margin-left: -150px !important; 
}

.collections4 .secondCollections { 
position: absolute; 
margin-top: 7px !important; 
margin-left: -92px !important; 
}

.collections4 .thirdCollections { 
position: absolute; 
margin-top: 7px !important; 
margin-left: -25px !important; 
}

.collections4 .fourthCollections { 
position: absolute; 
margin-top: 7px !important; 
margin-left: 34px !important; 
}

.collections4 .fifthCollections { 
position: absolute; 
margin-top: 7px !important; 
margin-left: 100px !important; 
}
/* дсв 2017 */
.collections5 {
background-image: url(https://i.imgur.com/SNFRJ6d.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections5 .firstCollections { 
position: absolute; 
margin-top: 13px !important; 
margin-left: -153px !important; 
}

.collections5 .secondCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -90px !important; 
}

.collections5 .thirdCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -26px !important; 
}

.collections5 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 40px !important; 
}

.collections5 .fifthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 105px !important; 
}

/* полуденьрождения 2017 */
.collections6 {
background-image: url(https://i.imgur.com/TIcD9ST.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections6 .firstCollections { 
position: absolute; 
margin-top: 16px !important; 
margin-left: -153px !important; 
}

.collections6 .secondCollections { 
position: absolute; 
margin-top: 12px !important; 
margin-left: -85px !important; 
}

.collections6 .thirdCollections { 
position: absolute; 
margin-top: 16px !important; 
margin-left: -22px !important; 
}

.collections6 .fourthCollections { 
position: absolute; 
margin-top: 11px !important; 
margin-left: 44px !important; 
}

.collections6 .fifthCollections { 
position: absolute; 
margin-top: 11px !important; 
margin-left: 104px !important; 
}
/* хэллоуин 2017 */
.collections7 {
background-image: url(https://i.imgur.com/iB4EoUO.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections7 .firstCollections { 
position: absolute; 
margin-top: 14px !important; 
margin-left: -150px !important; 
}

.collections7 .secondCollections { 
position: absolute; 
margin-top: 13px !important; 
margin-left: -91px !important; 
}

.collections7 .thirdCollections { 
position: absolute; 
margin-top: 12px !important; 
margin-left: -26px !important; 
}

.collections7 .fourthCollections { 
position: absolute; 
margin-top: 12px !important; 
margin-left: 36px !important; 
}

.collections7 .fifthCollections { 
position: absolute; 
margin-top: 12px !important; 
margin-left: 98px !important; 
}

/* весна 2018 */
.collections8 {
background-image: url(https://i.imgur.com/HDs4VQH.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections8 .firstCollections { 
position: absolute; 
margin-top: 26px !important; 
margin-left: -152px !important; 
}

.collections8 .secondCollections { 
position: absolute; 
margin-top: 14px !important; 
margin-left: -76px !important; 
}

.collections8 .thirdCollections { 
position: absolute; 
margin-top: 14px !important; 
margin-left: -7px !important; 
}

.collections8 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 50px !important; 
}

.collections8 .fifthCollections { 
position: absolute; 
margin-top: 14px !important; 
margin-left: 128px !important; 
}

/* хэлл 2018 */
.collections9 {
background-image: url(https://i.imgur.com/HIvRgeA.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections9 .firstCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -142px !important; 
}

.collections9 .secondCollections { 
position: absolute; 
margin-top: 17px !important; 
margin-left: -82px !important; 
}

.collections9 .thirdCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -21px !important; 
}

.collections9 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 35px !important; 
}

.collections9 .fifthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 96px !important; 
}

/* днюха 2018 */
.collections10 {
background-image: url(https://i.imgur.com/roDXm9k.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections10 .firstCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -142px !important; 
}

.collections10 .secondCollections { 
position: absolute; 
margin-top: 13px !important; 
margin-left: -86px !important; 
}

.collections10 .thirdCollections { 
position: absolute; 
margin-top: 13px !important; 
margin-left: -21px !important; 
}

.collections10 .fourthCollections { 
position: absolute; 
margin-top: 13px !important; 
margin-left: 45px !important; 
}

.collections10 .fifthCollections { 
position: absolute; 
margin-top: 12px !important; 
margin-left: 98px !important; 
}

/* полуднюха 2019 */
.collections11 {
background-image: url(https://i.imgur.com/89mK9aP.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections11 .firstCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -136px !important; 
}

.collections11 .secondCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -88px !important; 
}

.collections11 .thirdCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -43px !important; 
}

.collections11 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 8px !important; 
}

.collections11 .fifthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 58px !important; 
}

.collections11 .sixthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 105px !important; 
}

/* кирпичная 2019 */
.collections12 {
background-image: url(https://i.imgur.com/zEIc9go.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections12 .firstCollections { 
position: absolute; 
margin-top: 16px !important; 
margin-left: -154px !important; 
}

.collections12 .secondCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -84px !important; 
}

.collections12 .thirdCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: -23px !important; 
}

.collections12 .fourthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 38px !important; 
}

.collections12 .fifthCollections { 
position: absolute; 
margin-top: 15px !important; 
margin-left: 97px !important; 
}


/* коллекции */


/* размер изображений в подписи */
img.sigimage {
    max-width: 700px;
    max-height: 140px;
}
/* размер изображений в подписи */

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background-color: #fefefe !important;
}
.admin-advert-block {
margin: 0px 0px 0px 0px;
display: none;

}

/* для новых сообщений */

span.num_msg {
    position: relative !important;
    background: none !important;
    color: #5b6130!important;
    font-size: 15px !important;
    left: 10px !important;
    top: -1px !important;
    padding: 0px 1px 0px 1px!important;
    font-family: Segoe Ui;
    border-radius: 0px !important;
}

span.num_msg:before {
    background: transparent !important;
}

/* для "хочу видеть" */
img.wannasee {
    max-width: 470px;
    border: solid 2px #452003 !important;
}

.headerImg img {
    transition: all 0.5s ease-in-out;
    padding-right: 3px;
}

.headerImg img:hover {
    filter:grayscale(0%);
    opacity: 1;
}

/* для результатов кирпичей, временная фича*/
.kirpichi {
    position: absolute;
    z-index: 1;
    text-align: center;
    opacity: 0;
    width: 100%;
    padding: 5px;
    background: rgba(18, 18, 18, 0.74);
    transition: all 0.5s ease-in-out;
    border: solid 1px #70341a;
}

.kirpichi:hover {
  opacity:1;
}

#main-reply {
    width: 99% !important;
}

/***  Фикс для поля ответа, чтобы на мобильном не заезжали кнопки ***/
textarea#main-reply {
    height: 175px;
    position: relative;
    z-index: 1;
}

.modal-inner.section, #MyBookmarks {
    background-color: #fefefe;
}

#BookmCntToggle.default-style{color: #e5e5e5!important; background: #7d4723!important;}


/* стиль для страниц с прайсом подарков
    перенесено сюда 26.08.18 потому что хуйня же */
.p1 {
    text-align: center;
    display: inline-block;
    font-family: lobster;
    color: #645D5D;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
    border-radius: 15px;
    margin: 2px 0 2px 0;
    min-width: 60px;
}

.lable {
    text-align: center;
    display: block;
    width: 70px;
    font-family: lobster;
    text-shadow: 0 1px 3px #FDF5F5, 0 -1px 1px #F7F2F2;
    color: #7C7676;
    font-size: 16px;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
    border-radius: 15px;
    margin-bottom: 10px;
    margin-left: 45%;
}

/* аэстетики */
.aesthetic-photo-upd { max-width: 500px; position:relative; top: 13px; margin-top: -18px; margin-left: 6px; }
.aesthetic-photo-upd img { max-width: 500px;}
.aesthetic-text-upd { width: 350px; min-height: 13px; background-color:#000000; position: relative; top: 10px; left: 4px; line-height: 13px; color: #FFF; font-family: kelly slab; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; text-align: center; }
.aesthetic-upd div {margin: 0 auto;}
.aesthetic-upd { margin-bottom: 35px;}


/* инст */
.ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; }
.ilogo { font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; }
.insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; }
.ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; }
.ins22 { width:25px; height:21px; background-image: url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; }
.ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; }
.ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; }
.ins55 { background-color: #f6f6f6; padding:10px; }
.inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; }
.insh { margin-right:15px; font-family: calibri; font-size:26px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #4175a4; }
.inslike { font-family: calibri; font-size:17px; line-height: 100%; text-align:center; letter-spacing:-1px; color: #4175a4; font-weight: bold; margin-right:115px; }
.insa1 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px;  margin-right:6px; }
.insa2 { margin-top:3px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; }
.insa3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; }
.insa4 { margin-top:3px; font-family: calibri; font-size:22px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; margin-right:6px; }
.insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; }
.insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; padding:0px; 8px 8px 8px; color: #393939; }
.insah i { color: #7972a5; }
.imgtagg { width:280px; color: #508fbc; font-family: calibri; font-size:9.5px; font-weight: lighter; line-height:95%; text-align: left; padding: 4px; }

/*вплывашка ури*/
img#hoverpic {transition: all .6s ease-in-out 0s; 
opacity: 0} 
img#hoverpic:hover {opacity: 1}