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

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

/* Фон 2 
html, body {background: url('https://i.imgur.com/I97ZFqE.jpg') no-repeat fixed center bottom;
background-size: cover;
    background-color: #2f2c32;}*/

/* Фон 3 */
body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1000;
  background: url(https://i.imgur.com/I97ZFqE.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
   
/* Шапка */
#pun-title table {
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 1098px;
    height: 300px;
    background-image: url(https://i.imgur.com/DrlzvOA.png);
    margin-left: -64px;
    position: relative;
    top: -48px;
}

/* Тело форума */
#pun_wrap {
    min-width:1150px;
}

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

/* Футер */
#pun-about p.container {
background-image: url(https://i.imgur.com/xECEhnW.png);
    margin: -192px 0 -44px -64px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1098px;
    height: 189px;
}

/* 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-navlinks .container  a {color: #c2c4c37d;}
#pun-navlinks .container  a:hover {color: #545456;}

#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;
}

/* Категории
/* первая (админка)
-------------------------------------------------------------*/
#pun-category1 h2 {     
    background: url(https://i.imgur.com/TGepxeG.png) no-repeat;
    width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}

/* вторая (добро пожаловать)
-------------------------------------------------------------*/
#pun-category2 h2 {     
    background: url(https://i.imgur.com/9HhCCTr.png) no-repeat;
    width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}


/* третья (сакраменто)
-------------------------------------------------------------*/
#pun-category3 h2 {      
    background: url(https://i.imgur.com/rJBqUW3.png) no-repeat;
    width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}

/* четвёртая (чат)
-------------------------------------------------------------*/
#pun-category4 h2 {      
    background: url(https://i.imgur.com/4kukkCZ.png) no-repeat;
    width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}

/* пятая (реклама)
-------------------------------------------------------------*/
#pun-category5 h2 {      
     background: url(https://i.imgur.com/O9nSJie.png) no-repeat;
     width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}

/* шестая (архивы)
-------------------------------------------------------------*/
#pun-category6 h2 {      
    background: url(https://i.imgur.com/qywnU5b.png) no-repeat;
    width: 1008px;
    height: 37px;
    display: inherit;
    border: none !important;
    padding: 5px !important;
    margin-left: -19px !important;
    margin-bottom: -5px;
}

/* над формой ответа
-------------------------------------------------------------*/
#post-form h2 {  
background: url(https://i.imgur.com/vKxVvK7.png) no-repeat;
    width: 1008px;
    height: 37px;
    margin-left: -19px;}

#post-form h2 span {  
    line-height: 24px!important;
    font-family: 'Yeseva One';
    color: #787a79!important;
}

#pun-viewtopic h1 {  
background: url(https://i.imgur.com/vKxVvK7.png) no-repeat;
    width: 1008px;
    height: 37px;
    margin-left: -19px;}

#pun-viewtopic h1 span {  
    line-height: 24px!important;
    font-family: 'Yeseva One';
    color: #787a79!important;
}

#pun-viewtopic .linkst .postlink{
    display: none;
}

#pun-viewforum .linkst .postlink a{
    color: #787a79!important;
}

#pun-viewforum .linkst .postlink a:hover{
    color: #67958d!important
}

.topicpost strong.fnt {
    line-height: 17px;
    position: absolute;
    color: #787a79!important;
    margin-left: 172px;
}

.post_reputation h1{
    background: url(https://i.imgur.com/Sj9G0Ly.jpg) no-repeat!important;
    height: 37px;
    width: 766px!important;
    margin-left: 0px!important;
}

.post_reputation h1 span{ 
    line-height: 28px!important;
    font-family: 'Yeseva One'!important;
    color: #787a79!important;
}

.punbb .post-links ul {
    padding: 0 1em 0 0;
    margin-left: -221px!important;
    margin-right: -13px;
    text-align: right;
    font-family: Arial;
    text-transform: lowercase;
    font-size: 11px;
    background-color: #fff;
    background: #c2c4c3!important;
   /* box-shadow: inset 0px 0px 2px #fff5eb, inset 0px 0px 1px #323232, inset 0px 0px 10px #a29d9c9e, 0 0 5px #00000026;*/
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

#pun-viewforum h1 {  
background: url(https://i.imgur.com/vKxVvK7.png) no-repeat;
    width: 1008px;
    height: 37px;
    margin-left: -19px;
    padding: 0.6em 0;}

#pun-viewforum h1 span {  
    line-height: 24px!important;
    font-family: 'Yeseva One';
    color: #787a79!important;
}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #1c1c1c;
    background: #cccecd;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

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

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

/* Тень и закругление */
.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, .pun-modal .modal-inner, #pun-report .inner {
background-color: #dadada;
}

/* большой красный текст в жалобе */
#pun-report span {
    color: red !important;
    font-weight: bold;
    font-size: 20px;
}

/*Стиль кнопок (отправить, посмотреть)*/
.punbb input.button, input#pustoj2, .AnswerButton input {
    color: #312239;
    height: 26px;
    min-width: 111px;
    transition-duration: 0.5s;
    padding: 5px 10px;
    margin: 5px 3px;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 11px;
    outline-offset: 2px;
    text-transform: lowercase;
    background: #cccecd;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

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

.punbb input {
    border: 0px;
    color: #1c1c1c;
    background: #d9d9d9;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

/* 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: #121212;
  text-decoration: none!important;
  }

/* 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: #292c2e87; 
  text-decoration: none!important;
  }

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


#pun-navlinks a:hover, #pun-navlinks a:active, #pun-ulinks a:hover, #pun-ulinks a:active {
  color: #379b68;
}

/*временно выключен отдельный цвет навигации в админке
.punbb-admin #pun-navlinks a, .punbb-admin #pun-ulinks a {
    color: #292c2e87!important;
}*/

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

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

/* старые соо на главной
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-image: url(https://i.imgur.com/ZeP7x6H.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 16px;
    width: 16px;
    margin-left: 0px;
    margin-top: -22px;
    position: absolute;
    z-index: 1;
    opacity: 0.3;
}

/* новые соо на главной
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(https://i.imgur.com/ZeP7x6H.png);
    background-repeat: no-repeat;
    opacity: 0.7;
}

/* старые внутри форума
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
background: rgb(129 129 131 / 54%) !important;
    border: 1px solid #8c8c8c !important;
    box-shadow: rgb(33 36 43 / 48%) 0px 0px 4px inset, rgb(255 255 255) 0px 0px 1px inset, rgb(213 214 228 / 0%) 0px 0px 15px inset !important;
    border-radius: 100%;
}

/* новые внутри форума
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: rgb(79 85 97) !important;
    border: 1px solid #24252b !important;
    box-shadow: rgb(35 35 55) 0px 0px 4px inset, rgb(255 255 255) 0px 0px 1px inset, rgb(213 214 228 / 0%) 0px 0px 15px inset !important;
    border-radius: 100%;
}

/* закрытые внутри форума
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: rgb(194 196 195) !important;
    border: 1px solid #3f424247 !important;
    box-shadow: rgb(44 51 59 / 34%) 0px 0px 4px inset, rgb(255 255 255) 0px 0px 1px inset, rgb(213 214 228 / 0%) 0px 0px 15px inset !important;
    border-radius: 100%;
}

/* важные внутри форума
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #54958a78 !important;
    border: 1px solid #3e686180 !important;
    box-shadow: rgb(44 51 59 / 34%) 0px 0px 4px inset, rgb(255 255 255) 0px 0px 1px inset, rgb(213 214 228 / 0%) 0px 0px 15px inset !important;
    border-radius: 100%;
}

/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-live-rusff {
    display: none;
}

/* Рамка вокруг аватара */
.pa-avatar.item2 img.allow_change {
    transition: outline-color .2s ease;
    outline: 1px solid #a3a3a3!important;
    border: 1px solid #cccecd!important;
}

#pun-main .post-author ul {
    text-align: center;
    min-height: 90px;
    background: #cccecd;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container {text-align: center;}
.modlist {display: none;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
#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}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
    position: absolute;
    right: 6px;
    background-color: #cccecd;
    top: 43px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #b5b6b7;
}

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

#smilies-area {
    width: 600px !important;
}

/* отключить пожаловаться */
li.pl-reports {
    display: none!important;
}

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

/* ширина
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}

/* движущаяся часть
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
    background-color: rgb(194 196 195)!important;
    border: 1px solid rgb(104 104 104 / 74%)!important;
    box-shadow: rgb(253 253 253) 0px 0px 2px inset;
}

/* подложка
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #54958a!important;
    border: 1px solid rgb(0 112 96)!important;
    box-shadow: rgb(213 213 213) 0px 0px 1px inset;
}

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

/*
.punbb .post .post-author > ul {
    background: url(https://i.imgur.com/e0oIBkG.jpg) left top no-repeat, url(https://i.imgur.com/cTxuJ8x.jpg) 0 bottom no-repeat, url(https://i.imgur.com/yWtl9vy.jpg) repeat-y;
    margin: 0px 0px 0px 10px !important;
    padding: 18px 0px 15px 3px!important;
    width: 204px;
}
*/

/*Выравниваем в одну строку число постов и Уважение*/
.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: trebuchet ms;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 10px;
    display: inline-block;
}

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

.punbb .post-content a, 
.punbb .post-content a:link {
    color: #292c2e87;
    font-weight: bold!important;
}

.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active {
  color: #000000;
  text-decoration: underline;
}

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

.punbb .pa-ip {
    margin: 8px 0 8px 0;
    font-family: trebuchet ms;
    font-size: 10px;
}

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

.sacraforum1 {
color: #5c5e64;
    padding: 6px 16px 0px 6px;
    text-align: justify;
    font-family: trebuchet ms;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-left: 0px;
    line-height: 13px;
    min-height: 30px;
}

.sacraforum2 {
    background: #a52a2a00;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 5px;
    height: auto;
    line-height: 14px;
    transition-duration: 0;
}

.sacraforum2 a:hover {
   color: #373842bf
}

.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 {
    width: 576px;
    padding: 6px 10px 10px 10px !important;
    margin: 10px 0 16px 20px !important;
    background: url(https://i.imgur.com/aLfBG5e.png) top no-repeat #cccecd;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b6b7;
}

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

.sacthnuj table {
    width: 80% !important;
}


.sacthnuj table img {
        border: 2px solid #67958d!important;
}

.sacthnuj {
    margin-bottom: 10px;
    color: #000;
    margin-top: 10px;
}

.sacthnuj .saccita {
    margin-bottom: 12px!important;
}

.sacth hr {
    opacity: 0 !important;
}

.sacth .quote-box, .sacth .code-box {
}

.sacttitle, .sacttitle2 {
    text-align: center;
    text-transform: lowercase;
    /*margin: 0px -10px 10px -10px !important;*/
    padding: 5px 0;
    font-weight: 500;
    letter-spacing: 2px;
    color: #808181;
    font-size: 18px;
    font-family: 'Yeseva One';
    text-shadow: rgb(0 0 0 / 0%) 0px 1px 0px, rgb(102 102 102 / 0%) 0px 0px 5px!important;
}

.sacttitle:first-child {
    color: #cccecd8f!important;
    text-shadow: rgb(0 0 0 / 36%) 0px 1px 0px, rgb(102 102 102 / 26%) 0px 0px 5px!important;

}

.saccita {
    font-size: 10px;
    letter-spacing: 0px;
    font-family: sans-serif;
    color: #000000;
    max-width: 600px;
    font-weight: 500;
    text-align: center;
    padding: 9px 0 2px 0;
    border-radius: 0;
    margin: 10px 10px 0 10px !important;
}

.sactext {
    width: 480px;
    text-align: justify;
    font: 11px arial;
    text-transform: none;
    line-height: 11px;
    overflow: auto;
}

#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: #cccccc66;
    font: 10px verdana;
    line-height: 13px;
    text-align: justify;
    width: 90%;
    margin: 3px 20px 10px 20px !important;
    color: #000000;
}

.sactablemini a {
    color: #825d3b!important;
}

.sacobl {
   display: inline-block;
    transition: 2s ease-out;
    padding: 6px 10px;
    margin: 4px 3px;
    letter-spacing: 1px;
    font-family: 'Montserrat';
    font-size: 10px;
    outline: 1px solid #cccecd;
    border: 1px solid #b5b5b5;
    font-weight: 400;
    background-image: url(https://i.imgur.com/Zw19aI6.png);
    color: #c1c3c2!important;
}

.sacobl a {
    color: #c1c3c2!important;
}

.sacobl a:hover {
    color: #fff!important;
}

.sacobl:hover {
    border: 1px solid #838282;
    color: #fff!important;
}

#BookmCntToggle{
      background: url(https://i.imgur.com/6AGstnb.png) center center no-repeat !important;
      height: 53px!important;
      width: 51px!important;
      opacity: 1 !important; cursor: pointer;
      z-index: 3;
      box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

#MyBookmarks {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
    width: 240px;
    z-index: 2000 !important;
   /* background: url(https://i.imgur.com/vHSAfxW.png);*/
    background: #c2c4c3;
    border-right: 1px solid black;
}

#MyBookmarks h2 {
    background-image: url(https://i.imgur.com/Zw19aI6.png);
    color: #c1c3c2!important;
}

#MyBookmarks h2 span {
    color: #c1c3c2!important;
}
#MyBookmarks .deS {
    color: #c2c4c36b!important;
}

.editBookmark {
    background-color: #dcdcdc;
}

.editBookmark h1{
background-image: url(https://i.imgur.com/Zw19aI6.png)!important;
max-width: 427px!important;
margin-left: 0px!important;
max-height: 20px!important;
border-radius: 6px!important;
}

.editBookmark h1 span.delBookmark {
font-size: 1.6em !important;
margin-left: -10px!important;
width: 22px!important;
}

.post .bookmark {
    color: #54958a!important;
}

/* отключаю поделиться и rss-atom */
.sharelink {
display: none!important;
.punbb .modmenu .container span {display: none;}
}

div#pun-live-rusff {
    display: none;
}

.admin-advert-block {
    margin-left: 90px;
    margin-top: 46px;
    display: none;
}

/* опросы */
table.poll2 h1 {
    background-color: #333532 !important;
    margin: 0 !important;
}

#pun-edit #tags .container {
    top: 59px !important;
}

#tags .container {
    top: 37px !important;
}

dd {
    margin-left: 0px;
}

#awards-content .tcl {
    width: 5%;
}

/* стиль того, что есть на форуме, но не относится к дизайну */

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

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

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

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

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

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

.photo1 {
	float: left;
}

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

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

.poloska {
	height: 22px; 
	background-color: #ffffff; 
	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: #ffffff; 
	float: right; 
	margin: -242px 169px 0 0;  
	text-align: justify; 
	overflow-y: auto;
	overflow-x: hidden; 
	padding: 5px;
}

.anketaplaceholder {
	border: 2px solid #ffffff !important	
}

.opisanie {	
	font-family: arial; 
	font-size: 10px; 
	letter-spacing: 2px; 
	color: #8d8d8d; 
	text-shadow:none; 
	background-color: #DCDCDC; 
	padding: 0 10px;
}

/* анкета */


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

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

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

.visawelcome {
	float: right; 
	background-color: #8D8D8D; 
	text-align: center; 
	font-family: lobster; 
	font-size: 16px; 
	color: #ffffff; 
	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: #ffffff; 
	box-shadow: inset 0px 0px 5px rgb(141, 141, 141); 
	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: #8D8D8D;
border-radius: 10px 0px 10px 0px;}
.relback {position: relative;
width: 180px;
height: 180px;
background-color: #DCDCDC;
}

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

.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: #8D8D8D;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
}

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

.reltext {
position: absolute;
    width: 140px;
    height: 31px;
    background-color: #ffffff;
    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: #DCDCDC;
}

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

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

.hronname2 {
    position: absolute;
    margin-top: 30px;
    background-color: #ffffff;
    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: #8D8D8D;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
    color: #ffffff;
}

.hrontext1 {
    position: absolute;
    width: 271px;
    height: 51px;
    background-color: #ffffff;
    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: #8d8d8d; 
	height: auto; 
	border: outset 3px #dadada; 
	margin: 0 auto;
}

.itogi1 {
    width: 580px;
    background-color: #dcdcdc;
    height: 320px;
    margin: 10px 10px 10px 10px;
    box-shadow: inset 0px 0px 5px rgb(169 169 169);
}

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

.itogidata {
    font-family: arial; 
    font-size: 10px; 
    letter-spacing: 2px; 
    color: #505050; 
    text-shadow:none; 
    background-color: #dcdcdc; 
    padding: 0 5px
}

.igrokmesfoto {
	float: left; 
	margin: -27px 0 0 10px;
        filter: grayscale(1);
}

.igroknedfoto {
	float: left; 
	margin: 27px 0 0 -104px;
        filter: grayscale(1);
}

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

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

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

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

.epfoto {
	float: left; 
        filter: grayscale(1);
}

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

.parafoto1 {
	float: left; 
        filter: grayscale(1);
}

.akt1 {
	float: left; 
        filter: grayscale(1);
}

.akt2 {
	float: right; 
	margin: -54px 0 0 0;
        filter: grayscale(1);
}

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

.para1 {
    filter: grayscale(1);
    margin-left: 162px;
}

.blabla {
    width: 250px;
    height: 46px;
    background-color: #ffffff;
    float: right;
    margin: 5px 20px 0 0;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}

.kolvopostov {
    font-family: arial; 
    font-size:16px; 
    letter-spacing: 2px; 
    color: #505050;
    text-shadow:none; 
    background-color: #dcdcdc; 
    padding: 0 10px 0 10px
}
/* итоги */

/* коллекции */
/* конфеты */
.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-top: 13px !important;
    margin-left: 90px !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; 
}

/* дсв 2020 */
.collections13 {
    background-image: url(https://i.imgur.com/TY0brCX.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections13 .firstCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: -147px !important;
}

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

.collections13 .thirdCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: -20px !important;
}

.collections13 .fourthCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: 42px !important;
}

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

/* зомбиапокалипсис 2020 */
.collections14 {
background-image: url(https://i.imgur.com/jarjP59.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections14 .firstCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -148px !important;
    /* opacity: 0; */
}

.collections14 .secondCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -85px !important;
    /* opacity: 0; */
}

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

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


.collections14 .fifthCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: 109px !important;

}

/* пивная полуднюха 2020 */
.collections15 {
background-image: url(https://i.imgur.com/p1UGBJJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections15 .firstCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -155px !important;
    /* opacity: 0; */
}

.collections15 .secondCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -110px !important;
    /* opacity: 0; */
}

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


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


.collections15 .fifthCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: 69px !important;

}

.collections15 .sixthCollections { 
position: absolute; 
margin-top: 11px !important; 
margin-left: 121px !important; 
}

/* согревающая осенняя 2020 */
.collections16 {
background-image: url(https://i.imgur.com/LxHgtdJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections16 .firstCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: -159px !important;
    /* opacity: 0; */
}

.collections16 .secondCollections {
    position: absolute;
    margin-top: 15px !important;
    margin-left: -91px !important;
    /* opacity: 0; */
}

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


.collections16 .fourthCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: 55px !important;
}


.collections16 .fifthCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: 119px !important;

}

/* рождественская 2020 */
.collections17 {
background-image: url(https://i.imgur.com/GBW2Ztx.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections17 .firstCollections {
    position: absolute;
    margin-top: 8px !important;
    margin-left: -164px !important;
    /* opacity: 0; */
}

.collections17 .secondCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -102px !important;
    /* opacity: 0; */
}

.collections17 .thirdCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -27px !important;
    /* opacity: 0; */
}


.collections17 .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 40px !important;
    /* opacity: 0; */
}


.collections17 .fifthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 96px !important;
    /* opacity: 0; */
}


/* фавориты клуба романтики */
.collections18 {
background-image: url(https://i.imgur.com/uNIE7q1.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections18 .firstCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -165px !important;
}

.collections18 .secondCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -109px !important;
}

.collections18 .thirdCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -53px !important;
}


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

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

.collections18 .sixCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: 114px !important;
}

/* апрельская 2021 */
.collections19 {
background-image: url(https://i.imgur.com/ofGnyGf.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections19 .firstCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -160px !important;
    /* opacity: 0; */
}

.collections19 .secondCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -94px !important;
    /* opacity: 0; */
}

.collections19 .thirdCollections {
    position: absolute;
    margin-top: 9px !important;
    margin-left: -30px !important;
    /* opacity: 0; */
}


.collections19 .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 34px !important;
    /* opacity: 0; */
}

.collections19 .fifthCollections {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 97px !important;
    /* opacity: 0; */
}


/* хэллоуинская 2021 */
.collections20 {
background-image: url(https://i.imgur.com/N5BXsve.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections20 .firstCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -163px !important;
    /* opacity: 0; */
}

.collections20 .secondCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -93px !important;
    /* opacity: 0; */
}

.collections20 .thirdCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -27px !important;
    /* opacity: 0; */
}


.collections20 .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 46px !important;
    /* opacity: 0; */
}


.collections20 .fifthCollections {
    position: absolute;
    margin-top: 15px !important;
    margin-left: 114px !important;
    /* opacity: 0; */
}

/* суши 2021 */
.collections21 {
background-image: url(https://i.imgur.com/JCi33Zk.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections21 .firstCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -164px !important;
    /* opacity: 0; */
}

.collections21 .secondCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -92px !important;
    /* opacity: 0; */
}

.collections21 .thirdCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -32px !important;
    /* opacity: 0; */
}


.collections21 .fourthCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: 40px !important;
    /* opacity: 0; */
}


.collections21 .fifthCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: 100px !important;
    /* opacity: 0; */
}


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


/* для "хочу видеть" */
img.wannasee {
    max-width: 470px;
    border: solid 2px #452003 !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: 130px;
    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: 0 auto 10px auto;
}

/* аэстетики */
.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:19px; 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; }

/* стиль соо в объявлениях */
.announce {
    height: auto;
    width: 400px;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: justify;
    margin: 0 auto;
    line-height: 1.5;
    color: #4e4e4e;
    margin-top: 15px;
}

.announce a {
    /*color: #df3838!important;*/
}

.announce .icon {
    width: 65px;
    border: 2px solid #67958d!important;
}

/* абзац */
.custom_tag_indent {
    display: inline-block;
    margin:1em 2.1em;
}

/* раскраска амс в таблице */
.avak {
    position: absolute;
    width: 150px;
    height: 80px;
    background-image: url(https://i.imgur.com/Zw19aI6.png);
    opacity: 0.6;
}

/* оформление связи амс в таблице */
.avaktg {
    font-family: 'Montserrat';
    font-size: 8px;
    letter-spacing: 2px;
}

/* стикеры */
.vi {
      cursor: pointer;
      max-height: 64px;
      max-width: 64px;
}

/* ЧС */
#panel {
    position: fixed;
    top: 170px;
    left: -250px;
    margin: -40px 0 0 0px;
    overflow: hidden;
    z-index: 10000;
}

#panel-content {
    width: 238px;
    height: auto;
    float: left;
    padding: 3px 5px;
    font-family: arial;
    background: url(https://i.imgur.com/vHSAfxW.png);
    font-size: 10px;
    font-weight: 100;
    text-transform: lowercase;
    color: #c2c4c375!important;
    letter-spacing: 1px;
    border: 1px solid #bbbdbc29;
}

#panel-sticker {
    float: left;
    position: relative;
    padding: 3px 3px 3px 4px;
    margin: 0;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    font-weight: 100;
    color: #c2c4c347!important;
    letter-spacing: 1px;
    border-top: 1px solid #c2c4c333;
    border-right: 1px solid #c2c4c333;
    border-bottom: 1px solid #c2c4c333;
    background: url(https://i.imgur.com/YAqzZlA.png);
}

#blockUsers > li > strong {
    cursor: pointer;
    font-size: 17px;
    color: red;
    font-weight: bold;
    top: 2px;
    position: relative;
}

.blockButton:before {
    content: "\00D7";
    cursor: pointer;
    margin-top: -17px;
    margin-left: -25px;
    position: absolute;
    width: 14px;
    opacity: 1;
    z-index: 2;
    color: #000000;
    font-size: 13px;
    padding-left: 5px;
    -ms-text-size-adjust: 90%;
    -moz-text-size-adjust: 90%;
    -webkit-text-size-adjust: 90%;
}

ul#blockUsers {
    list-style-type: none;
    float: left;
    margin-left: 25px;
}

/*
.blockButton:hover {
    opacity: 1;
}
.blockButton {
    opacity: 0;
}
*/
 
/* конец ЧС */


/* баннеры партнеров в футере */
.banners {
    width: 542px;
    padding-top: 10px;
}

#banners img {
    opacity: 20%;
    filter: grayscale(1);
}

#banners img:hover{
    opacity: 100%;
    filter: grayscale(0);
    transition: ease 1s;
}

/* баннеры партнеров в подфоруме */
.banners2 {
    width: 465px;
    padding-top: 10px;
    font-size: 10px;
    line-height: 11px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #c9c9c9d6;
    border: 1px solid #bcbebd;
    outline: 1px solid #d5d5d5;
    margin-left: 1px;
}

.banners2 img {
    opacity: 30%;
    filter: grayscale(1);
}

.banners2 img:hover{
    opacity: 100%;
    filter: grayscale(0);
    transition: ease 1s;
}

/* смена имиджа в посте, редакция положения кнопки */
#imgNIK-SIG {
    margin-top: -23px!important;
}

img#sdfs {
    position: absolute;
    margin-left: 40px!important;
    margin-top: -22px!important;
}