/*ГРАФИЧЕСКИЕ ЭЛЕМЕНТЫ ОФОРМЛЕНИЯ
-------------------------------------------------------------*/
/*фон форума*/
html {
    background: #120e0b url(https://i.imgur.com/xlC5OO0.jpg) fixed no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

/*оформление статистики и других подкатегорий*/
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
     background:#1d1d1d;
    color: #fff !important;
    font-family: montserrat !important;
    font-size: 8px !important;
    font-style: normal;
    font-weight: 800;
    padding: 0px 0px 2px 0 !important;
    text-align: center;
    width: auto;
        text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px 13px !important;
}

/*отображение аватара пользователя на главной*/
.punbb .hasicon .user-avatar .avatar-image, .punbb .usertable .user-avatar .avatar-image {
border-radius: 0%;
height: 30px;
width: 30px;
opacity: 1;
margin: 0px 1px 2px 0px;
outline: 1px solid #dfdfdf;
outline-offset: 8px;
box-shadow: 0px 0px 0 2px #5c5c5c;
}

.icon[data-new-topics]:before, 
.subforums span[data-new-topics]:before
{background: #f53b3b !important;
}


#pun-title table {
    background: #fff;
    border: none;
    height: 0px;
    margin-left: -5px;
    width: 1040px;
}


/* ОФОРМЛЕНИЕ ПОСТА
-------------------------------------------------------------*/
.punbb .post-body {
  background-color: #fff;
  border-radius: 0px;
}

.post div.container {
 background: #fff;
 border-bottom: 2px solid #8c8c8c  !important;
 margin-bottom: 0px !important;
    }

.post.topicpost div.container, .post.toppost div.container {margin-top: 0px !important;
  width: auto;
}

.post-content {margin: 0px 0px 0px 10px !important;}

.punbb .post {
 border-color: transparent;
 text-align: justify;
}

#pun-viewtopic .post h3 {
 font-family: roboto !important;
 font-size: 9px;
 height: 20px;
 width: auto;
 text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 1px;
  line-height: 20px;
  color: #555
  position: relative
}

#pun-viewtopic .post h3 span a {
color: #555
}

#pun-viewtopic .post h3 span {
    color: #555;
    margin-left: 0px;
    margin-top: 2px;
    width: 250px;
    text-align: left;
    background: #f6f6f6;
    position: absolute;
    height: 6px;
    line-height: 8px;
}

#pun-viewtopic .post h3 strong {
    color: #555;
    margin-left: 770px;
    margin-top: -3px;
    width: 150px;
    text-align: center;
    background: #f6f6f6;
    height: 14px;
    line-height: 15px;
    position: absolute;
}

#pun-viewtopic .post h3 span:before {content: "дата сообщения:";
color: #555}
#pun-viewtopic .post h3 span:after {content: ",";
color: #555}

#pun-viewtopic .post h3 strong:before {content: "номер поста:";
color: #555}
/*ссылки поста*/
.punbb .post-links a, .punbb .post h3 a {
font-family: roboto;
font-size: 9px;
text-transform: uppercase;
font-weight: bold !important;
}

/*скрыть*/
.closedatafield, .pl-reports ,#pun-live-rusff,#pun-title .title-logo span, .pa-gifts, .lastedit, .topic a.sharelink, .stickytext, .mini_awards_label, .sharelink, .pa-awards, #profile-gifts, li#navawards{
display: none !important;
}
/*отключение RSS-ATOM*/
.topic+.modmenu .container>span {display:none!important;}

/* ОФОРМЛЕНИЕ ПРОФИЛЯ АВТОРА В ПОСТЕ
-------------------------------------------------------------*/
.post-author {
    margin-left: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    width: 210px !important;
    padding-top: 0px !important;
    background: #ffffff;
border-bottom: 5px solid #f6f6f6;
}

.post-author .pa-author {
    font-family: comfortaa !important;
    font-size: 12px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600 !important;
    text-align: center;
    padding: 0px 0 6px 0;
    position: relative;
    margin-top: 5px;
}



#pun .post-author a {color: #c54f61}

#pun .post-author a:hover {color: #555}

.post-author ul {
color: #555;
    font-size: 12px;
    line-height: 11px;
    font-family: roboto !important;
    margin-left: 5px;
    padding: 0px !important;
    text-align: center;
    width: 200px;
}

.pa-avatar {
    margin-top: 6px !important;
    width: 200px;
    margin-bottom: 5px !important;
    margin-left:0px !important;
}

.pa-avatar.item2 > img {
     border: 1px solid #ddd;
    box-shadow: 0 0 0 5px #fbfbfb, 16px 16px 0 -10px #c54f61, -16px -16px 0 -10px #c54f61;
    margin: 10px 0 10px 0;
}

.pa-title {
 font-size: 9px !important;
    font-weight: bold !important;
    text-transform: lowercase;
    margin-left: 4px !important;
    text-align: center;
    padding: 0 !important;
    padding-bottom: 0px !important;
    width: 190px;
    letter-spacing: 2px;
    color:#fff;
    font-family: comfortaa;
     background: #c54f61;
    border-radius: 10px;
}

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

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

#profilenav h2 {
    text-align: left !important;
}
li.pa-respect, li.pa-posts {
    margin-top:5px;
background: #fff;
    width: 95px;
    text-transform: uppercase;
    text-align: center;
    font-size: 9px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #c54f61;
    display: inline-block;
    }

li.pa-respect a:link, li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover {
color:#555 !important;
box-shadow: none !important;
}

    .indOnline, .indOffline {
      display: inline-block;
      margin-left: 8px!important;
      width: 8px;
      height: 8px;
      border-radius: 0%;
    }
    .indOnline {
      background-color: #e23d54;
      animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    }
    .indOffline {
      background-color: #bbb;
    }
.pa-online{display:none!important;}


/* НАВИГАЦИЯ  ФОРУМА И ССЫЛКИ ПОЛЬЗОВАТЕЛЯ
-------------------------------------------------------------*/
#navindex a:before {
   content:"\ea63";     
  font-family: honeybee;
padding-right: 5px;
   font-size: 1em
}

#navuserlist a:before {
   content:"\eb9c";
   padding-right: 5px;    
   font-family: honeybee;
   font-size: 1em
}

#navsearch a:before {
   content:"\eaa6";   
   padding-right: 5px;  
   font-family: honeybee;
   font-size: 1em
}

#navpm a:before {
   content:"\ebcf";   
   padding-right: 5px;  
   font-family: honeybee;
   font-size: 1em
}
#navprofile a:before {
   content:"\ecb6"; 
   padding-right: 5px;
   font-family: honeybee;
   font-size: 1em
}

#navadmin a:before {
   content:"\eb47";
   padding-right: 5px;
   font-family: honeybee;
   font-size: 1em
}

#navlogin a:before {
   content:"\eaa0";   
   padding-right: 5px;
   font-family: honeybee;
   font-size: 1em;
   color: #ffffff !important;
}

#navlogout a:before {
   content:"\ebbd";     
     font-family: honeybee;
padding-right: 5px;
   font-size: 1em;
   color: #eee !important;
}

#navregister a:before {
   content:"\eb21";   
padding-right: 5px;  
    font-family: honeybee;
   font-size: 1em
}

#navrules a:before {
   content:"\e945";     
    font-family: honeybee;
padding-right: 5px;
   font-size: 1em
}

#navpr_1 a:before {
   content:"\f0f3";     
padding-right: 5px;
   font-family: FontAwesome;
   font-size: 1em
}

#navpr_2 a:before {
   content:"\f02d";    
 padding-right: 5px;
   font-family: FontAwesome;
   font-size: 1em
}

#pun-navlinks .container {
 background: none repeat scroll 0 0;
 display: inline-block;
 font-size: 0px !important;
 font-style: normal;
 font-weight: 700 !important;
 margin-left: -20px !important;
 position: absolute;
 text-align: center !important;
 top: 460px;
 width: 1000px !important;
 word-spacing:5px;
 padding: 0px !important;
 line-height: 18px;
 height: 20px !important;
}


/*îôîðìëåíèå íàâèãàöèè ôîðóìà â ñïîêîéíîì ñîñòîÿíèè*/
#pun-navlinks a {
 color: #ffffff;
 font-family: Montserrat!important;
 font-size: 10px !important;
 text-align: center;
 transition: all 0.3s ease-in-out 0.1s;
 text-transform: uppercase;
 display: inline-block;
 padding: 0 15px !important;
 letter-spacing: 1px;
 position: relative;
 margin: 0px;
 font-weight: 300 !important;
}

#pun-navlinks a span {
 position: relative
}

/*îôîðìëåíèå íàâèãàöèè ôîðóìà ïðè íàâåäåíèè*/
#pun-navlinks a:hover {
 transition: all 0.3s ease-in-out 0.1s;
 color: #c85768;
}



/*оформление навигации пользователя*/
#pun-ulinks .container {
   font-family: montserrat !important;
    font-style: normal;
    font-weight: 700 !important;
    letter-spacing: 1px;
    margin-left: 0px !important;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-transform: uppercase;
    top: 436px;
    width: 1005px !important;
    display: inline;
    font-size: 9px;
z-index:100;
    mix-blend-mode: hard-light;
}

#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    color: #ffffff;
    transition: all 0.9s linear 0s;
    letter-spacing: 1px;
    position: relative;
    background: transparent;
    margin: 0 20px;
    text-shadow: 1px 1px 1px #565656
}

#pun-ulinks a:hover{
color: #fff;
}
/* ЦВЕТ ГРАНИЦ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}

.punbb fieldset, #viewprofile ul, #profilenav ul, .usertable table {
    border-color: #e7e7e7;
}

/* ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #555;
}
.punbb .post-box {
    color: #555;
}


/*мини-профиль в профиле пользователя*/
#pun-profile #pun-main h1 {
    display: none;
}

#pun-profile #profile-left {
text-align: center;
    border: 2px solid #c54f61 !important;
    width: 250px !important;
    background-color: #ffffff;
}

#pun-profile #profile-name strong {
    background: #c54f61 !important;
    color: #ffffff !important;
    display: inline-block !important;
    width: auto;
    padding: 2px 6px !important;
    font-family: 'Comfortaa' !important;
    margin-left: 10px;
    }

/*аватар в мини-профиле*/
#profile-left li div img, .avatardemo {
  border: 2px solid #c54f61 !important
}


/* ФОРМА ОТВЕТА, ЦИТАТА, КОД
-------------------------------------------------------------*/
/*разделительная полоса*/
hr {
opacity:1 !important;
  border: 0;
  height: 2px;
background-image: -webkit-linear-gradient(left, #ffffff, #c54f61, #ffffff);
}

/*маркированный текст*/
.highlight-text {
background: #e28abd  !important;
border: none !important;
color: #fff !important;
padding: 2px !important;
}

/* текст с пояснением */
abbr {
    text-decoration: none;
    border-bottom: 1px dashed #c54f61!important;
    background-color: #ececec;
    color: #444444;
}

/*зачёркнутый текст*/
.post-content del {
  text-decoration: none;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.post-content del:hover {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

/*оформление формы ответа*/
.punbb textarea {
    background-clip: padding-box;
    background-color: #ffffff;
    color: #555;
    padding: 7px 5px !important;
    width: 98.8% !important;
border: 1px solid #eee;
box-shadow: inset 0px 5px 0px #eee;
}

/*оформление кода*/
.punbb .code-box{
background-clip: padding-box;
color: #888;
padding: 7px 7px 7px 7px !important;
box-shadow: 0 0 0 3px #f6f6f6, 2px 0 0 0 #888 inset;
background-color: #f6f6f6;
}

/*содержимое кода*/
#pun-main .code-box .scrollbox pre {
font-family: roboto !important;
font-size: 12px;}

/*оформление цитаты*/
.punbb .quote-box {
margin: 1em 1.8em 2em 1.8em!important;
background-clip: padding-box;
color: #555;
padding: 7px 7px 7px 7px !important;
box-shadow: 0 0 0 5px #fbfbfb, 16px 16px 0 -10px #c54f61, -16px -16px 0 -10px #c54f61;
background-color: #f6f6f6;
}

/*аватар в цитате*/
.quote-box.with-avatar{padding-left:15px!important;}
.author-avatar+span {margin-left:0px;}
.author-avatar {
  float: left;
  width: 40px;
  margin-left: 0px;
  margin-top: 0px;
}
.author-avatar > img {
  width: 25px;
  padding: 1px;
  background:#fbfbfb;
  border: 1px solid #ddd !important;
  border-radius: 0px;
}

/*оформление спойлера*/
.punbb .spoiler-box {
background-clip: padding-box;
color: #fff;
padding: 7px 7px 7px 7px !important;
box-shadow: 0 0 0 3px #c54f61, 2px 0 0 0 #ddd inset;
background-color: #c54f61;
}

.punbb .post-content .spoiler-box > div, .punbb .post-content .spoiler-box > div.visible {
font-family: roboto;
text-transform: uppercase;
display: block;
font-size: 11px;
color: #ececec;
padding: 3px;
margin: 5px;
text-align: left;
background-image: none;
font-weight: 600;
}

.post-content .spoiler-box> div:before {
content: '\f107';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 0 5px 0 0;
    font-size: 14px;
}

.post-content .spoiler-box>div.visible:before {
content: '\f106';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 0 5px 0 0;
    font-size: 14px;
}

.post_reputation {
    background: #ffffff;
}

/*Фон под контейнеры в форме ответа*/
#post .container[id$="-area"]{
background: #ffffff;
color: #5d5c5c;
border: 1px solid #f6f6f6 !important;
z-index: 20;
margin-top: -10px;
padding: 10px 10px 10px 10px !important;
}

/*оформление поля ввода*/
.punbb select, input {
background: #f6f6f6;
color: #555;
border: none;
padding: 3px 2px 5px 4px !important;
}

.offline li.pa-online strong {
    font-weight: normal;
}

/* ЦВЕТ ССЫЛОК
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border-bottom: 0 none #000;
    color: #c54f61;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {  border-bottom: 0 none #000;
   color: ##c54f61ad;
    text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211a13;
    color: #fff;
}

/* ИКОНКИ
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {
    display: none;
}

#pun-index table Div.icon {
     background: #ececec;
    border-style: none;
    display: block;
    height: 40px;
    margin-left: 28px;
    margin-top:28px;
    position: absolute;
    width: 3px;
    z-index: 9
}
#pun-index TR.inew Div.icon {
    background: #f53b3b;
    display: block;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #f3f3f3;
    border: 1px #c54f61 solid;
    display: block;
    float: left;
    height: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    position: relative;
    width: 10px;
 transform: rotate(-45deg);
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #8eb395;
    border: 1px #9ccda5 solid;
    height: 10px;
    width: 10px;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #5c5c5c;
    border: 1px #c65264 solid;
    height: 10px;
    width: 10px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: #5c5c5c;
    border: 1px #5c5c5c solid;
    height: 10px;
    width: 10px;
}


/*ОФОРМЛЕНИЕ КНОПОК
-------------------------------------------------------------*/
#post .formsubmit {text-align: center;
}

.punbb input {
    border: medium none;
}

.button {
    background: radial-gradient(ellipse at top, #f9f9f9 10%, #f3f3f3 53%, #f0f0f0 100%);
    border-radius: 1px;
    border-top: medium none;
    box-shadow: 0 0 0 1px #e8e8e8 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset, 0 1px 1px 0px rgba(0,0,0,.1);
    color: #a5a5a5;
    font-family: roboto !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase
}

.button:hover {
    background: radial-gradient(ellipse at bottom, #f9f9f9 10%, #f3f3f3 53%, #eaeaea 100%);
    box-shadow: 0 0 0 1px #f3f3f3 inset, 0 0 2px 2px rgba(0,0,0,0.01) inset, 0 2px 2px -2px rgba(255,255,255,.5) inset,  0 1px 1px 0px rgba(0,0,0,.1);
    color: #c54f61;
    cursor: pointer;
}

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

/*ОФОРМЛЕНИЕ ПОДФОРУМОВ КОДЫ
-------------------------------------------------------------*/
#pun-index .category .container {
padding: 0 !important;
margin-bottom: 20px !important;
  border: 10px solid #ffffff00;
    border-image: url(http://forumuploads.ru/uploads/001a/c8/ab/2/389581.png);
    border-image-slice: 1;
}

#pun-index .tcl h3 {
    font-family: comfortaa;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 2px;
    height: 8px;
    position: relative
}

#pun-index .tclcon {
    font-size: 12px;
    text-align: justify;
    color: #555 !important;
    width: 550px;
    margin-left: 1px;
    background: #ffffff;
    padding: 20px 20px 30px 20px;
    position: relative;
    font-family: roboto;
    line-height: 15px
}

#pun-index .tcr {
    width: 35%;
    }

.punbb td div.tclcon h3 a {
 text-shadow: none !important;
 color: #c54f61 !important;
 background: #ffffff;
 padding: 0px 15px;
 }
.punbb td div.tclcon h3 a:hover {color: #c54f61ad !important;}


.opisaniepodforuma {
padding: 25px;
margin-left: 15px !important;
font-size: 11px;
font-family: Montserrat;
box-shadow: 0 0 0 0px #e3e3e3 inset;
    border: 1px solid #ececec;
    background-color: #ffffff;
}

.linkpodforuma {
    padding: 1px 3px 3px 6px;
    background-color: #ececec;
    text-align: center;
    color: #5c5c5c !important;
    font: 10px Montserrat;
    letter-spacing: 1px;
    text-transform: lowercase;
font-weight: 600 !important;
    border-radius: 10px;
}

.linkpodforuma a {
  color: #c54f61 !important;
}

.linkpodforuma a:hover {
  color: #1f1f1f !important; 
}

.modlist {
    position: absolute;
    color: #555;
    width: auto;
    font-family: roboto;
    font-size: 8px;
    text-transform: uppercase;
    background: #ffffff;
    margin-left: 20px !important;
    margin-top: -35px !important;
    height: 12px;
    line-height: 11px;
}

/* ДРУГОЕ
-------------------------------------------------------------*/
/*Отображение жирного текста на форуме*/
b, p strong {
    color: #c54f61;
}

.punbb .main .tcr > a:after {
  content: "»";
  position: absolute;
  font-family: serif, use-lang-def;
  font-size: 1.3em;
  font-weight: 700;
  margin-left: 3px;
  margin-top: -2px;
  }

/*оформление аватарки на главной странице скриптом*/
#option {
   position: absolute;
  top: 360px;
  z-index: 80;
  margin-left: -30px;
}

#option img {
   max-width: 31px;
   height: 31px;
   background: #ffffff;
   transition: all .5s ease-in-out 0s;
   animation: spixx 2s infinite;
   outline: 1px solid #5c5c5c;
   outline-offset: 10px;
   border: 1px #631e28 solid;
}

#option img:hover {filter: grayscale(100%) contrast(70%) !important;}


/*Анимация*/
@keyframes spixx {
  0% {
    box-shadow: 0 0 0 0px rgb(99 30 40);
  }
  50% {
    box-shadow: 0 0 0 5px rgb(99 30 40);
  }
}

/* ДРУГОЕ
-------------------------------------------------------------*/
/*копирайт и ссылки сервиса*/
#pun-about .container .item1 {
margin-top: -25px;
width: 1040px;
margin-left: 20px;
position: absolute;
font-family: roboto;
font-size: 10px;
text-align: left}

#pun-about p.container {
    background: url();
    height: 80px;
    margin-bottom: -100px;
    margin-left: -17px;
    margin-top: 0px;
    width: 1040px;
    padding: 0 !important;
    border: none !important;
}

div#pun-about {
    margin-top: 20px;
}
div#html-footer {
    margin: -29px 0 0;
}

/*скрытое слово объявление*/
#pun-announcement.section h2 span {
    display: none;
}

/*НАЗВАНИЕ ФОРУМА*/
#pun-crumbs1 {
    font-family: roboto !important;
    font-size: 8px !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px !important;
  text-transform: uppercase
}
#pun-crumbs2 {
    font-family: roboto !important;
    font-size: 8px !important;
    letter-spacing: 0 !important;
    padding-bottom: 0px !important;
  text-transform: uppercase;
}

/*скрыть столбец*/
#pun-index .tcmod {
    display: none
}



/*стрелки*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: center;
    font-family: comfortaa;
    font-size: 11px;
    width: 90px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px
}

.go-up {
    bottom: 45%;
    margin-left: 1050px !important;
    color: #ffffff
}
.go-down {
    bottom: 36%;
    margin-left: 1050px !important;
    color: #eeeeee
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}


.pa-fld4 {
position: absolute;
    font-size: 20px;
    text-align: center;
    margin-left: 175px !important;
    margin-top: -5px !important;
    line-height: 0;
    z-index: 9;
    /* background: #fff; */
    width: auto;
}

/* должность */
.pa-fld3 {
    display: inline-block;
    font-family: roboto;
    font-weight: 800;
    text-transform: uppercase;
    background: #ffffff;
    padding: 0 10px !important;
    font-size: 10px;
    width: auto;
    color: #9b9b9b;
    margin-top: 5px!important;
}

.pa-fld3 a {
    color: #ffffff !important;
}
/* описание */

.pa-fld2 {
   background: #ffffff;
    color: #cccccc;
    border: 1px solid #eaeae8;
    font-family: roboto;
    padding: 15px 5px!important;
    text-transform: lowercase;
    margin-top: -15px!important;
    margin-bottom: -11px!important;
}

.pa-fld2 a {
    color: #cccccc!important;
    /* font-style: italic; */
    letter-spacing: 1px!important;
}

/* анкета */
.pa-fld1{
    display: inline-block;
    color: #b7b7b7!important;
    background: #ffffff;
    padding: 5px 5px!important;
    margin-bottom: 5px!important;
    width: 170px;
    font-family: roboto;
    text-transform: uppercase;
    line-height: 10px;
    font-size: 10px;
letter-spacing: -0.5px;
}

/*рамка аватарок на главной*/
.punbb .user-avatar .avatar-image { border-color: #ae5e5b;
    border: solid;
    border-width: 1px;}

/* мессенджер*/
.gmess {width: 500px; height:500px; background: url(https://i.imgur.com/Q6lvLsp.png);}
.gmess img {position:absolute;}
.gmess span {position:absolute;}
img#messp1 {top: 151px; left: 368px;}
img#messp2 {border-radius: 30px;top: 339px;left: 171px;}
span#gmessnick {top: 350px;left: 400px;text-transform: uppercase;font-size: 11px; color:#acc; text-align: center;font-family:cinzel;}
span#gmesslike {top:388px; left: 170px; width: 100px; color:  #d2d7cf; font-size: 11px; text-align:center;}
span#gmesskomm {top:388px; left: 225px; width: 100px; color:  #d2d7cf; font-size: 11px; text-align:center;}
span#gmessnickinst {top: 314px; left:82px; width:300px; color: #d2d7cf; font-size: 13px; text-align: center; font-family:cinzel; font-style: italic;}
span#gmessmusika {top: 170px;left: 85px;width: 300px; color: #d3dada; font-size: 12px; font-family: cinzel;font-style: italic}
span#gmessmusikzitata {top: 188px;left: 162px;width: 150px; color: #eee;font-size: 8px; font-family: arial;text-align: center; }
span#gmesszitata {top:100px;left: 163px;width: 350px; color: #d3dada; font-size: 10px; font-family: abril fatface;text-align:  center; font-style: italic;}
.perepismess{width:500px; height:auto; background: url(https://i.imgur.com/bRdlBQ6.png) top center no-repeat, url(https://i.imgur.com/gUiFCHx.png)bottom center no-repeat, url(https://i.imgur.com/1RAJGf1.png) center repeat-y;padding-top: 100px;padding-bottom: 90px;position: relative;}
.imeckomess {top: 33px; left: 150px; width: 200px; color: #f2feff; font-family: cinzel; font-size: 18px; text-transform:uppercase; position:absolute; text-align: center;}
.vremmess {top: 56px; left: 150px; width: 200px; color: #b8cbcc; font-family: arial; font-size: 9px; text-transform:uppercase; position:absolute; text-align: center; }
.smska{width:250px; height:auto; background: #e4f0f1; color: #acc4c5; border-radius: 15px 15px 0; padding: 15px;text-align: left; margin-left:200px;font-family: arial;}
.smska sub {padding:15px;text-align: right;}
.smska img{width:270px; height:auto;}
img.avochka{border-radius: 40px;position: absolute;top: 15px;right: 18px;}
.smska2 img{width:270px; height:auto;}
/* инстаграм*/
.instagram{width: 562px; height:563px; background: url(https://i.imgur.com/5q9xcMp.png);}
.instagram img {position:absolute;}
img#inst1 {left: 185px;top: 73px;}
img#inst2 {top: 395px;left: 215px;}
img#inst3 {top: 394px;left: 288px;}
img#inst4 {top: 443px;left: 288px;}
img#inst5 {top: 394px;left: 359px;}
.instagram span {position: absolute;background: #e2e1e1;color: white;font-size: 18px;text-transform: uppercase;left: 240px;
width: 230px;top: 530px;font-family: Oswald;}
.pinstagram{width: 500px; height:500px; background: url(https://i.imgur.com/myQ0bGO.png);}
.pinstagram img {position:absolute;}
.pinstagram span {position:absolute;}
img#pinst1 {top: 100px; left: 165px;}
img#pinst2 {border-radius: 30px;top: 436px;left: 120px;}
span#imyinst {top: 435px;left: 180px;text-transform: uppercase;font-size: 10px; color:white;font-family: cinzel;}
span#textinst {top: 450px;left: 169px;width: 100px; color: #d3dada; overflow-y: auto;height: 15px;}
span#nasmuzik{top: 440px;font-size: 8px;left: 444px;width: 120px;text-align: center; overflow-y: auto; color: #b1bab9;}
span#instkateg1 {top: 25px; left: 235px; font-style: italic; font-family: arial; text-transform: uppercase; color: white;}
span#instkateg2 {top: 25px; left: 299px; font-style: italic; font-family: arial; text-transform: uppercase; color: white;}
span#instkateg3 {top: 25px; left: 358px; font-style: italic; font-family: arial; text-transform: uppercase; color: white;}
span#instkateg4 {top: 25px; left: 420px; font-style: italic; font-family: arial; text-transform: uppercase; color: white;}
.kinstagram{width: 600px; height:143px; background: url(https://i.imgur.com/SS4vOGs.png);}
.kinstagram img {position:absolute;}
.kinstagram span {position:absolute;}
img#kinst2 {border-radius: 50px;top: 23px;left: 82px;}
span#kimyinst {top: 29px;left: 260px;text-transform: uppercase;font-size: 14px; color:white; font-family: cinzel;}
span#ktextinst {top: 66px;left: 235px;width: 300px; color: #d3dada; overflow-y: auto;height: 20px; text-align: justify;}
span#kvrema {top: 33px; left: 395px; text-transform: uppercase; font-size:10px; color: white; font-family: arial;}
.podpiskainstagram{width: 600px; height:142px; background: url(https://i.imgur.com/qMrCKfC.png);}
.podpiskainstagram img {position:absolute;}
.podpiskainstagram span {position:absolute;}
img#podpiskainst2 {border-radius: 50px;top: 47px;left: 83px;}
span#podpiskatextinst {top: 80px;left: 220px;width: 300px; color: #d3dada; overflow-y: auto;height: 20px; text-align: justify;}
span#podpiskavrema {top: 93px; left: 560px; text-transform: uppercase; font-size:10px; color: white; font-family: arial;}
.storisinstagram{width: 350px; height:689px; background: url(https://i.imgur.com/aiR60hi.png);}
.storisinstagram img {position:absolute;}
.storisinstagram span {position:absolute;}
img#storisinst1 {top: 61px; left: 213px;}
img#storisinst2 {border-radius: 50px;top: 8px;left: 225px;}
span#storisimyinst {top: 28px; left: 278px; color: #add4d4; font-family: cinzel;}
span#storislike {top: 650px;left: 310px; color: white; text-align: center;}
span#storiskomm {top:650px;left: 395px;color: white;  text-align:  center;}
span#storisvrema {top: 31px; left: 415px; text-transform: uppercase; font-size:9px; color: #add; font-family: arial;}
/* карточки амс в шапке */
#admins {position: absolute;top: 273px; left: 352px;width: 380px;}
#admins a {color: #9576a2; font-family: 'Athene';font-size: 10px;}
#admins a:hover {color: black;}
.tooltip { position: relative;}
.tooltip > span { /* амс */position: absolute;top: 1em;right: 2em;width: -moz-max-content;width: -webkit-max-content;width: max-content;max-width: 26em;max-height: 80vh;visibility: hidden;margin: 0 auto;padding: .3em;background-image: url(http://funkyimg.com/i/2qmuo.png);line-height: normal;cursor: auto; z-index: 500;}
.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.cooltext{display:none!important;}
#post-form H2 SPAN {DISPLAY:NONE!IMPORTANT}

/* таблица фака */
.tablichka td#grafa3 a{color:white!important;}
.tablichka td#grafa3 a:hover{color:#62277e!important;}
.tablichka td#grafa5{ background-color: #62277e!important;
    text-align: center;
    font-size: 10px;"
width:15%;}
.tablichka td#grafa4{background-color: #62277e!important;
    text-align: center;
    font-size: 12px;
    letter-spacing: 3px; width:65%;}
.tablichka td#grafa6{
background-color: #62277e!important;
    text-align: center;
    font-size: 11px;
    letter-spacing: 3px; width:20%;}
.tablichka td{color:white; font-family: Myriad; border-color: white!important;
    border-width: 3px!important;}
.tablichka td#grafa2 {background-color: #62277e;
    text-align: justify;}
.tablichka td#grafa3 {background-color: #62277e;
    text-align: center;}
.tablichka td#grafa1{background-color:#62277e;
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;}

/* фак*/
  .answerfaq{
       text-align: -webkit-left;
    background-color: white;
    width: 400px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color:#9670a9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: justify;
}

.questionfaq{
           text-align: -webkit-right;
    background-color: #9670a9;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: 20px!important;
    font-size: 13px;
    color: white;
    font-family: arial;}

/* гостевая */
.parni{left: 126px; top: 99px; color:#eb77bc;}
.devki{left:-126px; top:190px; color:#e863b2;}
.devki b, .parni b {color:#d4aedd; }
.devki, .parni {position:relative;width: 195px;height: 90px;  overflow-y:auto; padding-left:3px; text-align: center; font-family: poiret one;
    text-transform: lowercase;
    font-size: 11px;}
.gostev{width:559px; height:416px; background:url(https://i.imgur.com/seSH7Vi.png);}
.opisgost{width: 473px;height: 80px;left: 2px;top: 130px;position: relative;text-align: center; color:#62277e; font-size: 10px;
    font-family: poiret one;}

/***Стиль маркирующего текста ***/
.post-content .highlight-text { 
background-color: #3e0f10 !important;
}



/* ВНЕШНИЙ БЛОК */
#panel {
    position: fixed; /* положение */
    top: 100px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: url(https://b.radikal.ru/b10/2011/5f/42aadaf9b4f4.jpg); /* цвет фона */
    width: 8px; /* ширина блока */
    height: 193px; /* высота блока */
    font: 11px Arial; /* размер и тип шрифта */
    color: rgb(255 255 255 / 0%); /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
    position: fixed; /* положение */
    top: 100px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: url(https://a.radikal.ru/a23/2011/cb/31d833318e0b.jpg); /* цвет фона */
    color: #000; /* цвет текста */
    overflow: scroll;
    width: 195px; /* ширина блока */
    height: 256px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: left; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    }
#panel:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
    left: 0; /* отступ слева */
}

.topic a.sharelink {
    display: none;
}

.punbb .post-content del {
text-decoration: none;   /* убираем зачеркивание */
color:transparent;    /* обесцвечиваем текст */
text-shadow: 0 0 6px #292929;     /* задаем размытую тень */
}

.punbb .post-content del:hover {
color: #292929;    /* задаем цвет */
text-shadow: none;     /* убираем тень */
transition: 0.7s;
}


/*твит*/
.twit {width: 500px; min-height: 200px; display:block; position:relative; background-color: #eeeefd;margin-left: 59px!important; font-family:arial;font-size: 14px; line-height: 15px; border: #e5e5e5 solid 1px; background-image: url(https://funkyimg.com/i/36uQg.jpg), url(https://funkyimg.com/i/36uQh.jpg); background-repeat: no-repeat; background-position: top, bottom;}
.twit post {width: 430px; padding-top: 20px; margin-left: 35px; display: block;} 
.twit post name {font-size: 18px;font-weight:600;}
.twit post username, date {color: #cacaca;}
.twit post name, username {line-height: 18px; padding-bottom: 20px;}
.twit post text {display: block; padding-top: 30px;}
.twit post pic {padding: 10px 0 60px 0px; display: block;}
.twit post pic img {max-width: 430px; border-radius: 10px;}
.twit post tag {color: #38b8f0; font-weight: 600; cursor: pointer;}
.twit userpic {width:50px;height:50px;display: block;float:left; padding-right: 10px;}
.twit userpic img {border-radius:25px;max-width: 50px;}
.twit stats {width: 430px; bottom: 20px; left: 35px; display: block; position: absolute;}
.twit stats img {top: -11px; padding: 0px 10px; position: absolute; cursor: pointer;}
.twit stats n {font-weight:800;font-size: 13px;padding: 0px 5px;}
.twit stats f, date {color: #cacaca;}
.twit stats date {float:right; display: block;}

/*реплай*/
.reply {width: 500px; min-height: 140px; display:block; position:relative; background-color: #eeeefd;margin-left: 59px!important; font-family:arial;font-size: 14px; line-height: 15px; border: #e5e5e5 solid 1px; background-image: url(https://funkyimg.com/i/36vLG.jpgg), url(https://funkyimg.com/i/36vLv.jpg); background-repeat: no-repeat; background-position: top, bottom;}
.reply post {width: 430px; padding-top: 20px; margin-left: 35px; display: block;} 
.reply post name {font-size: 18px;font-weight:600;}
.reply post username, date {color: #cacaca;}
.reply post name, username {line-height: 18px; padding-bottom: 20px;}
.reply post text {display: block; padding-top: 30px;}
.reply post pic {padding: 10px 0 60px 0px; display: block;}
.reply post pic img {max-width: 430px; border-radius: 10px;}
.reply post tag {color: #38b8f0; font-weight: 600; cursor: pointer;}
.reply userpic {width:50px;height:50px;display: block;float:left; padding-right: 10px;}
.reply userpic img {width:50px;height:50px;border-radius:25px;max-width: 50px;}
.reply time {color: #cacaca;} .reply f{color:#888;}

/*чат*/
.chat {
display: block;
position: relative;
left: 20%;
width: 380px;
height: 250px;
border: #e5e5e5 solid 1px;
background: url(https://i.imgur.com/71ZQTz6.jpg) top no-repeat, url(https://i.imgur.com/DpaSDna.jpg) bottom no-repeat, #fff center repeat;
font-family: arial; }

.chat name {
    display: block;
    height: 41px;
    position: relative;
    left: 5px;
    top: 3px;
    padding: 5px;
    line-height: 7px;
}
.chat name us {
color: #202224;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: 6px;
}
.chat name un {
    color: #cacaca;
    font-size: 12px;
    position: relative;
    top: 15px;
}
.chat name up {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    padding-right: 10px;
}
.chat name img {
    border-radius: 25px;
    max-width: 35px;
}

.chat hr {
    border: none;
    background-color: #fff;
    opacity: 1!important;
    height: 2px;
    width: 340px;
    position: relative;
    left: -10px;
    margin-top: 10px;
}

.chat box1::-webkit-scrollbar {background-color: transparent!important;}
.chat box1::-webkit-scrollbar-thumb {background-color: #7b85b7!important; border:none!important;}
.chat box2::-webkit-scrollbar {background-color: transparent!important;}
.chat box2::-webkit-scrollbar-thumb {background-color: #7b85b7!important; border:none!important;}

.chat box1 {
    width: 360px;
    height: 143px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    padding: 10px;
}

.chat box1 date {
    display: block;
    padding-top: 5px;
    color: #cacaca;
    text-transform: uppercase;
    font-size: 9px;
    text-align: right;
}

.chat box1 msg {
    display: block;
    width: 320px;
    left: 15px;
    background: linear-gradient(240deg, #1da2f3, #63c5ff);
    color: #fff;
    padding: 10px;
    font-size: 10px;
    text-align: right;
    position: relative;
    border-radius: 15px 15px 0 15px;
}

.chat box1 pic {
    display: block;
    left: 15px;
    text-align: right;
    position: relative;
    width: 340px;
    margin: 5px 0;
}
.chat box1 pic img{
    border-radius: 15px;
max-width: 250px;
}
 
.chat box2 {
    width: 360px;
    height: 143px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    padding: 10px;
}

.chat box2 date {
    display: block;
    padding-top: 5px;
    color: #cacaca;
    text-transform: uppercase;
    font-size: 9px;
    text-align: left;
}
.chat box2 msg {
    display: block;
    width: 320px;
    background: linear-gradient(240deg, #e6ecf0, #d9e8f2);
    color: #3c444b;
    padding: 10px;
    font-size: 10px;
    text-align: left;
    position: relative;
    border-radius: 15px 15px 15px 0;
}

.chat box2 pic {
    display: block;
    text-align: left;
    position: relative;
    width: 340px;
    margin: 5px 0;
}
.chat box2 pic img{
    border-radius: 15px;
max-width: 250px;
}



/*тренды*/
.tags {
  display: inline;
  position: relative;
}

.tags:hover:after {
  background: #333;
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  top: 10px;
  color: #fff;
  content: attr(glose);
  font: 200 12px arial!important;
  right: 30px;
  padding: 10px;
  position: absolute;
  z-index: 98;
  width: 200px;
}
.trends{
display:block;
position: relative;
left: 17.5%;
width: 420px;
min-height: 400px;
background-color: #f5f8fa;
border-bottom: #e5e5e5 solid 1px;
border-radius: 15px;
}
.trends tt {
    display: block;
    width: 380px;
    padding: 10px 20px;
    font: 600 25px arial black;
    border-bottom: #e5e5e5 solid 1px;
    color: #202224;
}
.trends tt gear {
float: right; 
cursor: pointer;
position: relative;
    bottom: 5px;
}
.trends trend {
    display: block;
    width: 380px;
    padding: 10px 20px;
    font: 200 14px arial;
    color: #b4bec6;
    border-bottom: #e5e5e5 solid 1px;
    line-height: 25px;
    cursor: pointer;
transition: 0.3s;
background: #f5f8fa;
}
.trends trend:hover {
transition: 0.3s;
background: #fafdff;
}

.trends trend b {
    font: 600 15px arial;
    color: #202224;
}
/*твиттер*/
.twitter {width: 500px;min-height:560px;margin-left: 59px!important;font-family:arial;font-size: 12px; line-height: 14px;position:relative;border: #e5e5e5 solid 1px; background-image: url(https://funkyimg.com/i/36uTs.jpg), url(https://funkyimg.com/i/36uTt.jpg); background-color: #eeeefd; background-repeat: no-repeat; background-position: top, bottom;}
.twitter info {display: block; width:430px; margin: 15px 15px 0px 35px;}
.twitter info name {font-size: 14px;font-weight:600;}
.twitter info username {color: #cacaca;}
.twitter info bio {color: #3f3f3f;display: block; margin-top: 10px;max-block-size: 25px;}
.twitter userpic {width:100px;height:100px;display: block; margin: -55px 0px 0px 35px;}
.twitter userpic img {width:100px;height:100px;border-radius: 55px; border: #fcfcfc solid 4px;}
.twitter headname {font-weight: 600; line-height: 20px; display: block; padding: 9px 0px 6px 35px; color: #34a0cf;}
.twitter header {width: 500px; height: 150px; display: block;}
.twitter header img {height: 100%; width: 100%;}
.twitter stats {display:block; margin: 20px 15px 0px 30px;}
.twitter stats n {font-weight:800;font-size: 13px;padding: 0px 5px;}
.twitter stats f {color: #cacaca;}
.twitter media {width: 500px; margin-left: -5px; bottom: 12px; display: flex; flex-direction: row; justify-content: center; position: absolute;}
.twitter media img {/*max-width: 145px;*/ max-height: 145px;margin-left: 10px;border-radius: 10px;}

/*подсказки */
#tooltip {
  position:absolute;
  background:#aebccb;
  border: 1px solid #8c97d9!important;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 0.4em;
  font-size:8px;
font-family: calibri;
color: #414142;
text-transform:lowercase!important;
  display:none;
z-index:9999;
}

/* инстраграм профиль */

.insta { width: 515px; min-height: 518px; background: url(https://i.imgur.com/noCEPpe.png) no-repeat; margin-top: 10px!important; margin-left: 100px!important; }
.instaname { position: absolute; padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; top: 10px; left: 70px; width: 358px; text-align: center; font-family: 'Open Sans', sans-serif; letter-spacing: 0.7px; font-weight: 900; font-size: 12px; text-transform: lowercase; color: #00000063; }
.fix-icon { width: 90px; height: 90px; padding: 4px; background: #ffffff; border: 1px solid #f5f5f5; border-radius: 50%; position: absolute; background-size: cover; }
.fix-icon img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; }
.instapic { padding-top: 61px; padding-left: 31px; }
.instanum1 { position: absolute; width: 26px!important; top: 70px; left: 180px; font-family: Nunito; font-weight: 900; font-size: 10px; text-transform: uppercase; line-height: 100%; color: #00000066; letter-spacing: 0.5px; }
.instaposts { position: absolute; top: 82px; left: 180px; font-family: 'Open Sans', sans-serif; font-size: 9px; text-transform: lowercase; line-height: 100%; color: #0000005c; letter-spacing: 0.5px; }
.instanum2 { position: absolute; width: 40px!important; top: 70px; left: 245px; font-family: Nunito; font-weight: 900; font-size: 10px; text-transform: uppercase; line-height: 100%; color: #00000066; letter-spacing: 0.5px; }
.instafollowers { position: absolute; top: 82px; left: 245px; font-family: 'Open Sans', sans-serif; font-size: 9px; text-transform: lowercase; line-height: 100%; color: #0000005c; letter-spacing: 0.5px; }
.instanum3 { position: absolute; width: 40px!important; top: 70px; left: 325px; font-family: Nunito; font-weight: 900; font-size: 10px; text-transform: uppercase; line-height: 100%; color: #00000066; letter-spacing: 0.5px; }
.instafollowing{ position: absolute; top: 82px; left: 325px; font-family: 'Open Sans', sans-serif; font-size: 9px; text-transform: lowercase; line-height: 100%; color: #0000005c; letter-spacing: 0.5px; }
.instaop { position: absolute; top: 110px; left: 150px; width: 285px; height: 50px; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 100%; text-align: justify; font-size: 11px; color: #00000075!important; }
.insttt { padding: 127px 23px 0px 27px; }
.instttpic { width: 140px; height: 140px; position: relative; margin: 10px; }
.instttpic img { width: 140px; height: 140px; object-fit: cover; }
.instafileprof { position: relative; width: 515px; height: 200px; }

/* инстаграм пост */

.instapost { width: 556px; height: 300px; background: url(https://i.imgur.com/iGCwOPx.png) no-repeat; margin-left: 65px!important; }
.instapic1 { padding-top: 47px; padding-left: 24px; }
.instafile { position: relative; width: 556px; height: 300px; }
.instapname { position: absolute; top: 18px; left: 359px; width: 229px; text-align: left; font-family: 'Open Sans', sans-serif; letter-spacing: 0.7px; font-weight: 900; font-size: 12px; text-transform: lowercase; color: #00000063; }
.instalikes { position: absolute; top: 258px; left: 370px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 9px; text-transform: lowercase; line-height: 100%; color: #c7c7c7; letter-spacing: 0.8px; }
.instacomm { position: absolute; top: 258px; left: 440px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 9px; text-transform: lowercase; line-height: 100%; color: #c7c7c7; letter-spacing: 0.8px; }
.instapop {  position: absolute; margin-top: 48px!important; left: 316px; font-family: 'Open Sans', sans-serif; font-weight: 500; text-align: justify; font-size: 9px; letter-spacing: 0.3px; color: #00000075!important; }
.instapostpic{ width: 300px; height: 300px; position: absolute; margin-top: -5px!important; margin-left: -7px!important; }
.instapostpic img { width: 300px; height: 300px; object-fit: cover; }
.pfix-icon { margin-left: 304px!important; margin-top: 3px!important; width: 30px; height: 30px; padding: 4px; background: #ffffff; border: 1px solid #f5f5f5; border-radius: 50%; position: absolute; background-size: cover; }
.pfix-icon img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }

/* инстраграм комментарий */

.instagramc { width: 448px; height: 100px; background: url(https://i.imgur.com/77sVhmt.png) no-repeat;  margin-left: 115px!important; margin-top: 20px!important; }
.infile { position: relative; width: 498px; height: 100px; }
.inver { position: absolute; width: 355px; top: -2px; left: 46px; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 9px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.3px; line-height: 100%; color: #7979799e; }
.incomtext { position: absolute; overflow: auto; width: 385px; height: 24px; padding-right: 7px; top: 25px; left: 45px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11px; letter-spacing: 0.2px; text-transform: lowercase; line-height: 100%; color: #00000094; }
.cfix-icon { margin-top: 20px!important; margin-left: 6px!important; width: 20px; height: 20px; padding: 4px; background: #ffffff; border: 1px solid #f5f5f5; border-radius: 50%; position: absolute; background-size: cover;}
.cfix-icon img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.pa-avatar img {max-width: 180px;  }

.piccolor { transition-duration: 1.9s; -moz-transition-duration: 0.9s; -webkit-transition-duration: 1.9s; -o-transition-duration: 0.9s; opacity: 0.4; }
.piccolor:hover { opacity: 2; }

/* снс */
.textme { position: relative; width: 335px; padding: 15px; background: linear-gradient(#43cdf614,#0087fe1c); border-radius: 15px; text-align: justify; text-align-last: right; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 9.5px; line-height: 1.3; letter-spacing: 0.4px; color: #191717; }

.whenufree { position: relative; width: 335px; padding: 15px; background: linear-gradient(#9843f614,#4a00fe1c); border-radius: 15px; text-align: justify; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 9.5px; line-height: 1.3; letter-spacing: 0.4px; color: #191717;}

.u { position: absolute; padding-right: 4px; padding-left: 168px; padding-bottom: 5px; width: 348px; margin-top: -77px!important; font-family: 'Montserrat'; font-size: 10px; font-weight: 800; letter-spacing: 0.3px; color: #00000080; line-height: 19px;}

.upic { width: 50px; height: 50px; border-radius: 50px; background: linear-gradient(#43cdf63b,#0087fe38); padding: 4px; margin-top: 4px!important;}

.me { position: absolute; padding-right: 4px; padding-left: 168px; padding-bottom: 5px; width: 348px; margin-top: -77px!important; font-family: 'Montserrat'; font-size: 10px; font-weight: 800; letter-spacing: 0.3px; color: #00000080; line-height: 19px; }

.mepic { width: 50px; height: 50px; border-radius: 50px; background: linear-gradient(#9843f614,#4a00fe1c); padding: 4px; padding: 4px; margin-top: 4px!important; }

.time { padding: 10px; width: 135px; border-radius: 80px; font-family: Montserrat; font-weight: 500; font-size: 8px; color: #6f7275; font-variant: small-caps; letter-spacing: 0.5px; }

.callmebaby { padding-top: 80px; } 



.vow
 { padding: 20px 9px 0px 221px;
    width: 0px;
    height: 5px;
    text-align: justify;
    font-family: Arial;
    font-size: 7px;
    letter-spacing: 0.3px;
    line-height: 11px;
    color: #ffffff;}

.party {
  font-family: Work Sans;
    font-weight: 600;
    font-size: 11px;
    word-spacing: 2px;
    line-height: 15px;
    color: #ffffff!important;
    width: 215px;
}

/* НАСТРОЙКА ОТОБРАЖЕНИЯ ПОДФОРУМОВ - Satsana -1*/

#pun-index .isub td {
      border-top: none;
}
#pun-index .isub td.tcl {
    padding-left: 4.2em !important;
}

@media screen and (max-width: 540px) {#pun-index .isub td.tcl {padding-left: 1.1em !important;}}

#pun-index .isub td:not(.tcl),
.punbb .main .isub .tcr .lastpost {
    font-size: 12px;
}
.punbb .main .isub .tcr em {
    display: none;
}
#pun-index .isub .tcl h3 {
    font-size: 12px;
    padding-bottom: .5em;
}
#pun-index .isub div.icon {
    border-width: .4em;
}
@media screen and (max-width: 540px) {.punbb div.icon {
    display: block !important;
    position: relative !important;
    float: left;
    margin-left: 0 !important;
    margin-right: .5em;
}}
/* Конец - НАСТРОЙКА ОТОБРАЖЕНИЯ ПОДФОРУМОВ - Satsana -1 */

/* твиттер */
#inftwitter {width: 500px; background-color: #fff; border-radius: 20px 20px 0 0;}
#inftwitter hr {wigth: 500px; color: #838384; margin-left: -10px; margin-right: -10px;}
#twittertop {width: 500px; height: 180px; background-color: #fff; background-position: center; border-radius: 20px 20px 0 0;}
#twitterstat {width: 500px; height: 40px; background-color: #fff; background-position: center;}
#twitterav {width: 80px; height: 80px; background-size: cover; background-position: center; border-radius: 50%; border: 5px solid #fff; display: inline-block; vertical-align: top; margin-top:-50px; margin-left: 10px;}
#twitter1 {width: 400px; height: 100px; display: inline-block; vertical-align: top}
#twitter2 {height: 10px; overflow: hidden}
#twitter3 {height: 20px; overflow: hidden}
#twited {margin-left:250px;
 font-family: open sans; 
font-size: 11px; 
text-align: center; 
width: 70px; 
height: 15px; 
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border: 1px solid #000;}
#twitteruser {width: 480px; background-position: center; padding-left: 10px; padding-right: 10px; }
#twittername {font-family: open sans; font-size: 13px; font-weight: bold; text-align: left; }
#twittername2 {font-family: open sans; font-size: 11px; text-align: left; color: #838384; }
#twitterinfo { font-family: open sans; font-size: 11px; text-align: left; padding-top: 5px;}
#twitterinfo h { font-family: open sans; font-size: 11px; text-align: left; padding-top: 5px; color: #62B4DF;}
#twitterfol {font-family: open sans; font-size: 11px; text-align: left; padding-top: 5px;}
#twitterstr {wight: 500px; font-family: open sans; font-size: 12px; text-align: left; padding-bottom: 2px; padding-left: 15px; padding-top: 5px;}
#twitterstr b {border-bottom: 3px solid #62B4DF; margin-left: 5px;} 
#twitterstr i {padding-left: 20px; font-style: normal; font-weight: bold; color: #838384;}

#inftwit {width: 500px; background-color: #fff; }
#inftwit hr {wigth: 500px; color: #838384; margin-left: -10px; margin-right: -10px;}
#twitstat {width: 500px; background-color: #fff; background-position: center; margin-top: 15px;}
#twitav {width: 60px; height: 60px; background-size: cover; background-position: center; border-radius: 50%; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
#twit1 {width: 400px; height: 60px; display: inline-block; vertical-align: top}
#twit2 {height: 10px; overflow: hidden}
#twit3 {height: 60px; overflow: hidden}
#twitname {font-family: open sans; font-size: 13px; font-weight: bold; text-align: left; margin-top: 10px; margin-left: 10px;}
#twitname2 {font-family: open sans; font-size: 11px; text-align: left; color: #838384; margin-top: 2px; margin-left: 10px;}
#twittwit { font-family: open sans; font-size: 11px; text-align: left; padding: 0 10px 10px 10px;}
#twittwit h {color: #62B4DF;}
#twittwit h:hover { color: #62B4DF; cursor: pointer }
#twitph {width: 480px; height: 480px; background-size: cover; background-position: center center; border-radius: 15px; display: inline-block; vertical-align: top; margin-right: 0px!important; margin-bottom: 10px!important;}
#twitdata {font-family: open sans; font-size: 11px; text-align: left; padding: 0 15px 0 15px; color: #838384; }
#twitbot {width: 500px; height: 48px; background-image: url(https://i.imgur.com/AKSgEq4.jpg); background-position: center;}

/* снс*/
#chatuser {width: 400px; padding: 10px 10px 0 10px; overflow: hidden; position: relative; background-color: #f5f4f0; border: 1px solid #f5f4f0}
#chatbot {width: 400px; height: 16px; background-image: url(https://i.imgur.com/XysnyFa.png); background-position: center;}
#profchat {width: 130px; font-size: 12px; font-family: montserrat; padding: 0px; margin-top:-16px; }
#chatonline {font-size: 9px; text-align: right; font-family: montserrat; color: #959696; }
#avachat {width: 40px; height: 40px; background-size: cover; display: inline-block; vertical-align: top; border-radius: 50px; background-position: center; border: 2px solid #d4d6d6;}
#chat {width: 400px; padding: 10px; overflow: hidden; position: relative; border: 1px solid #f5f4f0;}
#chatph {width: 280px; height: 280px; background-size: cover; background-position: center center; border-radius: 15px; display: inline-block; vertical-align: top; margin-right: 0px!important; margin: 10px!important;}
#chatleft1 {width: 300px; background-color: #e8e8e8; border-radius: 10px 10px 10px 0; padding: 10px; font-size: 10px; font-family: montserrat; color: #000; align: right; text-align: left; margin-bottom: 2px; }
#chatleft2 {width: 300px; background-color: #e8e8e8; border-radius: 0 10px 10px 0; padding: 10px; font-size: 10px; font-family: montserrat; color: #000; align: right; text-align: left; margin-bottom: 2px;}
#chatdate1 {width: 300px; font-size: 9px; font-family: tahoma; color: #b9bfc6; text-align: left; padding: 3px;}
#chatrec1 {width: 300px; font-size: 9px; font-family: tahoma; color: #b9bfc6; text-align: left; padding: 3px;}
#chatright1 {width: 300px; background-color: #fee3db; border-radius: 10px 10px 0 10px; padding: 10px; font-size: 10px; font-family: montserrat; color: #000; align: right; text-align: right; margin-bottom: 2px; }
#chatright2 {width: 300px; background-color: #fee3db; border-radius: 10px 0 0 10px; padding: 10px; font-size: 10px; font-family: montserrat; color: #000; align: right; text-align: right; margin-bottom: 2px; }
#chatdate2 {width: 300px; font-size: 9px; font-family: tahoma; color: #b9bfc6; text-align: right; padding: 3px;}
#chatrec2 {width: 300px; font-size: 9px; font-family: tahoma; color: #b9bfc6; text-align: right; padding: 3px;}