.topic a.sharelink {
        display: none !important;
}

#tags .container {
        background-color: #ccc;
}

.jGrowl-notification {
        background-color: #ccc !important;
}

.jGrowl-header {
        color: #000 !important;
}


.alert span {
        color: #000;
}
.jGrowl-message {
         color: #000 !important;
}

.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award {
        border-left: 10px solid #f7a444 !important;
}

.guest_bottom_text h2 {
        padding: 10px !important;
        font-size: 14px !important;
        text-transform: lowercase;
        color: #eca757;
}

.guest_bottom_text {
         text-transform: lowercase;
}

/* банк */

.bank {
  background: white ;
  background-size: cover; 
  border: 1px solid #f7a444;
  width: 700px;
}

.bank_top {
  background: white;
  background-size: cover; 
  border: 1px solid #f7a444;
   margin: 20px !important;
}

.bank_top img {
  width: 70px;
  height: 70px;
  padding-top: 10px;
}
.bank_top_first {
  padding-left: 10px;
}

.bank_top p {
  padding: 10px !important;
}

.bank_left {
  width: 298px;
  height: 300px;
  overflow: auto;
  background: white;
  background-size: cover; 
  border: 1px solid #f7a444;
  margin: 0px 20px 20px 20px !important;
  float: left;
  padding: 10px;
}

.bank_right {
  width: 298px;
  height: 300px;
  overflow: auto;
  background: white;
  background-size: cover; 
  border: 1px solid #f7a444;
  margin: 20px 20px 20px 337px !important;
  padding: 10px;
}

.bank_bottom {
  clear: both;
  background:white;
  background-size: cover; 
  border: 1px solid #f7a444;
  margin: 20px !important;
  padding: 10px;
}


.bank_right p {
        float: left !important;
}

.bank_left p span {
        font-size: 14px !important;
        padding: 3px !important;
        background-color: #f7c48a;
}








/*конкурсы*/

.contests {
  background: white;
  border: 1px solid #afabab;
  width: 700px;
}

.contests_title {
  width: 700px;
  text-align: center;
  border: 1px solid #afabab;
  margin: -1px 0 0 -1px !important;
  background: linear-gradient(to top left, #b3b3b3, #f7f7f6);
}

.contests_title img {
  padding: 10px;
  opacity: 0.8;
}

.contests_main {
  padding: 20px;

}

.contests_main .contests_main_p_level {
  padding: 0 0 0 20px !important;
  margin-top: -10px !important;
}

.contests_main_rules p {
  padding: 20px !important;
  margin: 10px !important;
  background-color: #dcdcdc !important;
  outline: 1px solid #d1d1d1 !important;
}


.contests_main_table {
  padding: 0 20px 20px 20px;
}

.contests_main_table table {
  width: 100%;
}
.contests_main_table_title {
  background-color: #dcdcdc !important;
  outline: 1px solid #d1d1d1 !important;
  text-align: center;
}

.contests_main_table_title td {
  font-family: viaoda libre;
  font-size: 14px !important;
  width: 50%;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.contests_main_table_name td a {
  color: #643c3a !important;
}

.contests_main_table_name td p {
  padding: 0 0 0 30px !important;
}

.contests_main_rules table img {
  width: 120px;
}

.contests_main_rules_img_close {
  opacity: 0.1;
}







.guest_img_up {
    padding: 40px 0px 0px 40px;
}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts,.pa-respect,.pa-fld4 {
text-align:center;
/*border: 3px double; #fffafcÂèä áîðäåðîâ*/
display: inline-block;
padding:6px 10px!important;
width:45px;
height:20px;
font-size: 8px; 
text-transform: lowercase;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
body {
    background: url(http://forumstatic.ru/files/001b/18/9a/30512.jpg) top center fixed;
    background-color: #e7e7e7;
    margin-bottom: 21px !important;
}

/*шапка*/

#pun-title table {
background-image : url(http://forumstatic.ru/files/001b/66/4f/83094.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1022px;
height: 755px;
margin-left: -17px;
margin-top: -19px}

/* Тело форума */
#pun {
width: 1000px; 
background-color: transparent; 
background-image: url(http://forumstatic.ru/files/001b/69/82/17569.jpg); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;
}

.punbb {
padding: 0 30px!important;
width: 900px;}

/* Футер */
#pun-about p.container {
  /*  background-image: url(http://forumstatic.ru/files/001b/69/82/81883.jpg);*/
    margin: -200px 0px 10px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1000px;
    height: 12px;
    padding-bottom: 0px;
}







/* 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: #1d1d1f;
font-weight: normal;
font-style: normal;
}

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

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


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
   /* background-image: url(https://imgur.com/N6RPtdI.jpg);*/
   background-color: #ffffff;
    color: #1d1d1f;
     border: 1px solid #f7a444;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    /*background-image: url(https://imgur.com/N6RPtdI.jpg);*/
    background-color: #b8b3b9;
    color: #1d1d1f;
}

/* Тень и закругление */
.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;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://imgur.com/N6RPtdI.jpg);
    background-color: #c9c9c9;
}





/* 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, #pun-navlinks a, #pun-ulinks a {color: #221f34;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #221f34; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #939090;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 10px;
    color: #fffefc;
    font-family: 'arial';
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #646266;
}


#pun-navlinks a, #pun-navlinks .container {
color: #292638;
}



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

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

div.icon {
             background-color: #fffefc;
}

tr.inew div.icon {
         background-color: #f7a444;
         }

tr.iclosed div.icon {
         background-color: #000000;
         }

tr.isticky div.icon {
        background-color: #000000;
        }


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: right;font-size:0%;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: block;}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display: none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}


#pun-index div.category h2, #pun-index #pun-stats h2 {
   /* background-image: url(http://forumstatic.ru/files/001b/18/9a/45744.png);*/
     background-color: #000000;
    text-align: center;
    font-size: 12px !important;
    color: #ffffff;
    position: relative;
    z-index: 5;
    font-family: arial;
    letter-spacing: 0.4px;
    font-weight: bold;
    padding: 3px 0px 0px;
    margin: 0px 35px 0px;
    background-position: top center;
    border: none;
    height: 18px;
    width: 848px;
}



#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}


.pa-avatar img {
border: 6px solid #fffefc !important;
 outline: 1px solid #f7a444;
}

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





/*---Прокрутка---*/
::-webkit-scrollbar{
width: 6px;
height: 4px;
background-color: #e4e0df;
border:solid 1px #262626;}

::-webkit-scrollbar-thumb{
background-color: #f7a444;
}

::-webkit-scrollbar-thumb:hover{
background-color: #f7a444; }

::selection {
    background: #6f7889 !important;
    color: #d7d7d7;
}


/*#pun-viewtopic .post h3 {
    width: 945px;
    margin-left: -27px;
    height: 17px;
    background-image: url(https://imgur.com/N6RPtdI.jpg);
}*/

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-image: url(https://imgur.com/N6RPtdI.jpg);
}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    background: url(http://forumstatic.ru/files/001b/69/82/90513.jpg) 0 0 repeat-y;
    overflow: visible!important;
    margin: 12px 0px 0px 4px!important;
}
.punbb .post .post-author > ul {
    background: url(http://forumstatic.ru/files/001b/69/82/75358.jpg) 0 top no-repeat, url(http://forumstatic.ru/files/001b/69/82/76511.jpg) 0 bottom no-repeat;
    margin: 0px 0 -12px 0!important;
    padding: 9px 9px 19px 9px!important;
}



.punbb .post-content a, 
.punbb .post-content a:link {
font-weight: bold;
}



.punbb .post-content a, 
.punbb .post-content a:link {
font-weight: bold;
}



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

.pa-fld1 {
  margin-left: 11px !important;
}

.infoblock {
  background: url();
  width: 194px;
  height: 23px;
}

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

.pa-fld3 {
    background-color: #ffffff;
    padding: 6px 6px;
    text-align: left;
    border: 1px solid #f7a444;
    margin: 2px 5px 3px 5px !IMPORTANT;
}


.pa-fld3 a {
font-size: 13px;
    color: #f7a444 !important;
    font-family: roboto;
    font-weight: 800;
}



/*полосочка между сообщениями*/



#pun-viewtopic .post h3 {
    height: 20px;
    width:980px;
    text-transform: uppercase;
    font-family: roboto;
    margin: 0 0px 0 2px !important;
    /*background-image: url(http://forumstatic.ru/files/001a/8b/67/71570.jpg);*/
    background-color: #e4e0df;
    font-size: 9px;
    border: 1px solid #f7a444;
}
/*оформление форума*/

.forumtext {
    width: 400px;
    margin-top: 0px!important;
    padding-left: 14px;
    padding-right: 13px;
    padding-bottom: 12px;
    text-transform: uppercase;
    color: #000000;
    padding-top: 10px;
    text-align: justify;
    font-size: 7px;
    line-height: 10px;
    border: 1px solid #fffefc;
    background: #ffffff63;
}

.forumtext2 {
    text-align: center;
    font-family: roboto;
    text-transform: lowercase;
    background: #ffffff;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 12px;
    border: 1px solid #f7a444;
}
.forumtext3 {
    text-align: center;
    font-family: roboto;
    text-transform: uppercase;
    background: #ffffff;
    color: #de8f95;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 12px;
    border: 1px solid #a5a3ce;
}

.linksfrm1 {width: 18px;
    margin-left: 404px!important;
    margin-top: -70px!important;}


/* оформление правила*/




.guestb {
    background: #111111 url(http://forumstatic.ru/files/001a/8b/67/34419.jpg) bottom no-repeat;
    width: 630px;
    border: 1px solid #bababa;
    height: 690px;
    border-radius: 20px 0px 0px 20px;
}


.guestext {
    margin-left: 25px!important;
    width: 560px;
    height: 510px;
    margin-top: 20px !important;
    position: absolute!important;
    color: #d9d9d9;
    background: rgb(131 132 138 / 12%);
    border: 1px solid rgba(169, 170, 175, 0.2);
     border-radius: 20px 20px 20px 20px;
    padding: 10px;
    font-family: roboto;
    font-size: 11px !IMPORTANT;
    text-align: justify;
    overflow-y: auto;
}

.guestextmini {
    margin-left: 25px!important;
    width: 560px;
    height: 20px;
    margin-top: 20px !important;
    position: absolute!important;
    color: #d9d9d9;
    background: rgb(131 132 138 / 12%);
    border: 1px solid rgba(169, 170, 175, 0.2);
     border-radius: 20px 20px 20px 20px;
    padding: 10px;
    font-family: roboto;
    font-size: 11px !IMPORTANT;
    text-align: justify;
    overflow-y: auto;
}

.mini {
    margin-left: 30px!important;
    width: 250px;
    height: 40px;
   
    position: absolute!important;
    color: #d9d9d9;
    background: rgb(131 132 138 / 12%);
    border: 1px solid rgba(169, 170, 175, 0.2);
    padding: 10px;
    font-family: roboto;
    font-size: 11px !IMPORTANT;
    text-align: justify;
    overflow-y: auto;
}


.minileft {
    margin-left: 0px!important;
    width: 250px;
    height: 80px;
      position: absolute!important;
    color: #d9d9d9;
    background: rgb(131 132 138 / 12%);
    border: 1px solid rgba(169, 170, 175, 0.2);
    padding: 10px;
    font-family: roboto;
    font-size: 11px !IMPORTANT;
    text-align: justify;
    overflow-y: auto;
}



/***  Заплатка для поля ответа ***/
textarea#main-reply {
  width: 100%;
  height: 100%;
  height: 205px;
  margin: 0 auto !important;
  padding: 0.75em;
  box-sizing: border-box;
  overflow: auto; 
   border: 1px solid #f7a444; }

.button {
    color: #000000 !important;
    font-family: 'roboto' !important;
    box-shadow: none;
    border: 1px solid #f7a444;
    background-color: #ffffff !important;
    font-size: 9px !important;
    margin-top: 5px !important;
    padding: 4px 15px 5px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase;
}





/*** ОТКЛЮЧЕНИЕ УЛУЧШЕННОГО АККАУНТА ***/
#pun-status .item4 {display:none;}


/*** плашка начало ***/


.plashka {
    background: linear-gradient(to top left, #7d4dad, #de8c39);
    height: 30px;
    border-radius: 0 0 3px 3px; 
    width: 194px;
    margin-top: -3px !important;
    position: relative;
}

.plashka a {
    font-weight: normal !important;
}

.plashka_super {
    background: linear-gradient(to top left, #91696b, #474c60);
    height: 30px;
    border-radius: 0 0 3px 3px; 
    width: 194px;
    position: relative;
    margin-top: -3px !important;
}

.a_plashka {
    text-decoration: none;
}

.icon_plashka {
    width: 40px;
    bottom: 0;
    position: absolute;
    margin-bottom: -4px;
    z-index: 100;
}

.icon_plashka img {
    max-width: 100%;
}

.icon_plashka_advertisement {
    width: 40px;
    bottom: 0;
    position: absolute;
    margin-bottom: -3px !important;
    z-index: 100;
}

.icon_plashka_advertisement img {
    max-width: 100%;
}

.textup {
    font-size: 10px;
    color: #fff;
    text-align: left;
    padding-left: 45px;
font-family: Arial !important;
    padding-top: 4px !important;
    font-weight: normal !important;
}

.textdown {
    font-size: 12px;
font-family: Arial !important;
    text-align: left;
    color: #fff;
    padding-left: 45px;
    margin-top: -2px !important;
    font-weight: normal !important;
}


.plashka_advertisement {
    background-color: #94acd4;
    height: 30px;
    border-radius: 3px; 
    width: 181px;
    margin-bottom: 5px !important;
    margin-right: 3px !important;
    position: relative;
    display: inline-block;
    line-height: 130%;
}

.plashka_advertisement a {
    font-weight: normal !important;
}

/*** плашка для таблиц ***/


.plashka_table {
    background-color: #94acd4;
    height: 30px;
    border-radius: 0 0 3px 3px; 
    width: 181px;
    left: 0px;
    position: relative;
    margin-bottom: 5px !important;
}

.plashka_table a {
    font-weight: normal !important;
}


.a_plashka_table {
    text-decoration: none;
}

.icon_plashka_table {
    width: 40px;
    bottom: 0;
    position: absolute;
    margin-bottom: -4px;
    z-index: 100;
}

.icon_plashka_table img {
    max-width: 100%;
    padding: 0 !important;
}


.textup_table {
    font-size: 10px !important;
    color: #fff;
    text-align: left;
    padding-left: 45px;
    padding-top: 2px !important;
    font-weight: normal !important;
}

.textdown_table {
    font-size: 12px !important;
    text-align: left;
    color: #fff;
    padding-left: 45px;
    margin-top: -2px !important;
    font-weight: normal !important;
}







/* личная страница */

.user_page {
    width: 90%;
    height: 500px;
    background-color: #dbdbdb;
    border-radius: 20px; 
    position: relative;
    left: 5%;
}

.nav {
    width: 30%;
    height: 500px;
    background-color: #fff;
    border-radius: 20px 0 20px 20px; 
    float: left;
    position: absolute;
}

.nav_logo {
    width: 100%;
    height: 200px;
    background-color: #357579;
    border-radius: 20px 0 20px 0; 
    float: left;
    position: absolute;
}

.nav_logo_inner {
    margin-top: 40px;
    padding-top: 40px;
}

.nav_logo p {
    text-align: center;
    color: #fff;
}
.logo_img {
    border-radius: 100px; 
    box-shadow: 0 0 0 3px #d4d4d4; 
}

.name {
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 3px;
}

.coins span {
    color: #ddd882;
    font-size: 12px;
}

.coins {
    font-size: 8px;
}

.nav_link {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 200px;
}

.nav_link p {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}

.nav_link .text p {
    margin: 10px 0 10px 0;
    font-size: 11px;
}



.page {
    width: 70%;
    left: 30%;
    height: 500px;
    position: absolute;
}

.page_static {
    width: 45%;
    position: absolute;
    left: 4%;
    height: 450px;
    bottom: 10px;
}

.quote {
    height: 130px;
    background-color: #e3e3e3;
    border-radius: 20px; 
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.quote p {
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    font-style: italic;
    padding: 0 10px 0 10px;
}

.navlink {
    width: 100%;
    text-align: center;
}

.navlink a {
    display: inline-block;

}

.navlink svg {
    width: 20px;
    height: 20px;
    margin: 15px 11px 15px 11px;
}



.navlink img {
    width: 20px;
    height: 20px;
    margin: 15px 11px 15px 11px;
}

.info p {
    text-align: center;
}

.info .top {
    font-size: 16px;
    font-style: italic;
    text-transform: lowercase;
}

.info .bottom {
    font-size: 11px;
    font-style: italic;
    text-transform: lowercase;
}

.asyndy {
    text-align: center;
    padding-top: 20px;
}

.asyndy .item {
    display: inline-block;
}

.asyndy .item img {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    border: 10px solid #e3e3e3;
}

.music {
    padding-top: 20px;
    text-align: center;
}

.music audio {
    width: 100%;
}

.music p {
    font-size: 10px;
    text-transform: lowercase;
    padding-top: 3px;
}

.page_dinamic {
    width: 45%;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 20px; 
    position: absolute;
    height: 450px;

}

.game .top {
    width: 100%;
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 20px 20px 0 0; 
}

.game .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
}

.game .bottom {
    overflow-y: auto;
    overflow-x: hidden;
   height: 360px;
}

.game .bottom p {
    font-size: 10px;
    text-transform: uppercase;
    font-style: italic;
    padding: 5px 0 3px 5px;
}
.game .bottom hr {
    opacity: 0.2;
    color: #dbdbdb;
}

.game .bottom a {
    background-color: #357579;
    color: #fff;
    width: 80%;
    display: block;
    border: 13px solid #357579;
    margin: 10px auto;
}


.stikers .top {
    width: 100%;
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 20px 20px 0 0; 
}

.stikers .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
}

.stikers .bottom {
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
   height: 360px;
}

.stik img {
    width: 50px;
    height: 50px;
    padding: 5px 3px 5px 3px;
    display: inline-block;
}

.stikers .bottom hr {
    opacity: 0.2;
    color: #dbdbdb;
}

.plashk {
    text-align: center;
}

.plashk .item {
    display: inline-block;
    padding: 5px 0 5px 0;
}


.wishlist .top {
    width: 100%;
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 20px 20px 0 0; 
}

.wishlist .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
}

.wishlist .bottom {
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
   height: 360px;
}

.wishlist .bottom p {
    text-align: left;
    margin: 5px;
    font-size: 10px;
    text-transform: uppercase;
}

.wishlist .bottom hr {
    opacity: 0.2;
    color: #dbdbdb;
}

.stik_plashk img {
    width: 50px;
    height: 50px;
    padding: 5px 3px 5px 3px;
    display: inline-block;
}

.stik_plashk .item {
    display: inline-block;
    padding: 5px 0 5px 0;
}

.playlist .top {
    width: 100%;
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 20px 20px 0 0; 
}

.playlist .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
}

.playlist .bottom {
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
   height: 360px;
}

.playlist .bottom p {
    text-align: left;
    margin: 5px;
    font-size: 8px;
    font-style: italic;
}

.playlist .item {
    padding-bottom: 20px;
    text-align: center;
}

.playlist .item audio {
    width: 90%;
}


.nav_link_icon_top .item_right {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    float: right;
}

.nav_link_icon_top .item_right:hover {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: right;
}

.nav_link_icon_top .item_right.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: right;
}

.nav_link_icon_top .item_right img {
    margin-top: 20px;
    width: 50px;
    height: 50px;
}

.nav_link_icon_top .item_right svg {
    margin-top: 20px;
    width: 50px;
    height: 50px;
}

.nav_link_icon_top .item_left {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    float: left;
}

.nav_link_icon_top .item_left:hover {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: left;
}

.nav_link_icon_top .item_left.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: left;
}

.nav_link_icon_top .item_left img {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}

.nav_link_icon_top .item_left svg {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}

.nav_link_icon_bottom .item_right {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    float: right;
}

.nav_link_icon_bottom .item_right:hover {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: right;
}

.nav_link_icon_bottom .item_right.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: right;
}

.nav_link_icon_bottom .item_right img {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}

.nav_link_icon_bottom .item_right svg {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}



.nav_link_icon_bottom .item_left {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    float: left;
}

.nav_link_icon_bottom .item_left:hover {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: left;
}

.nav_link_icon_bottom .item_left.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #357579;
    color: #fff;
    float: left;
}

.nav_link_icon_bottom .item_left img {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}

.nav_link_icon_bottom .item_left svg {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}




.game, .stikers, .wishlist, .playlist {
      /* скрыть контент по умолчанию */
      display: none;
    }

.game.active, .stikers.active, .wishlist.active, .playlist.active  {
      /* скрыть контент по умолчанию */
      display: block;
    }


/* гостевая */

.guest {
    width: 700px;
    border: 1px solid #eca757;
    height: auto;
    margin-left: 15px;
    background-color: #fff;
}


.guest_text {
    padding: 40px 40px 0px 40px;
}

.guest_text p {
    font-size: 10px;
}

.guest_search {
    padding: 20px 40px 0px 40px;
    height: 60px;
}

.guest_search_text {
    transform: rotate(-90deg);
    margin-top: 20px !important;
    margin-right: -20px !important;
    float: left;
}

.guest_search_text p {
    font-size: 8px;
}

.guest_search_need img {
    margin-right: 8px;
    opacity: 0.5;
}


.guest_table {
    padding: 40px 40px 0px 40px;
}

.guest_table hr {
    opacity: 0.2 !important;
}

.guest_table_top, .guest_table_bottom_left {
    margin-top: -26px !important;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    height: 20px;
    left: 150px;
}

.guest_table_bottom_right {
    margin-top: -26px !important;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    height: 20px;
    left: 450px;
}

.guest_table_top p, .guest_table_bottom_left p, .guest_table_bottom_right p {
    font-size: 18px;
    color: #eca757;
    font-style: italic;
    text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.1);;
}

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

.guest_table table {
    width: 100%;
}


.guest_table table td {
    width: 50%;
vertical-align: top;
}

.guest_table table td p {
    font-size: 10px;
    padding: 0 !important;
}


.guest_nav {
    padding: 20px 40px 0px 40px;
    text-align: center;
}

.guest_nav a {
    display: inline-block;
    background-color: #eca757;
    padding: 5px 10px 5px 10px;
    color: #fff !important;
    border: 0 !important;
    margin-right: 10px;
    border-radius: 10px;
}

.guest_bottom_text {
    padding: 10px 40px 30px 40px;
    font-size: 10px;
}




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


.personal_name {
    vertical-align: middle;
    margin-top: 5px !important;
    padding-bottom: 0 !important;
}

.personal_name p {
    padding-bottom: 0 !important;
}

.personal_quete {
    background-color: #efefef;
    text-align: justify;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.personal_quete p {
    padding: 10px !important;
}
/*
.pa-posts, .pa-fld4 {
    float: left;
    padding-left: 5px;
}

.pa-respect, .pa-fld5 {
    text-align: right;
    padding-right: 5px;
}
*/


/* нужные */

.needtop {
    position: relative;
    width: 700px;
}

.needp {
    position: absolute;
    font-size: 14px;
    text-transform: uppercase;
    left: 30px;
}

.needp p, .needd p {
    padding: 0 !important;
}

.needd p {
    margin-top: 3px !important;
}

.needd {
    position: absolute;
    right: 0;
    color: #cca051;
    font-style: italic;
}

.need {
    width: 700px;
    text-align: center;
    margin-top: 20px !important;
    height: auto;
    background-color: #fff;
border: 1px solid #eca757;
}

.needl {
    padding-top: 20px;
    text-transform: lowercase;
    font-size: 18px;
    font-style: italic;
}

.needl strong {
    color: #eca757;
}

.needl p {
    padding: 0 !important;
}

.needimg p img {
    border: 1px solid #eca757 !important;
}

.needimg p {
    padding: 0 !important;
}

.needinfo {
    text-transform: lowercase;
    font-size: 14px;
    font-style: italic;
}

.needtext {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}




/* анкета */

.anketaimg {
    height: 70px;
    float: left;
    padding-left: 60px;
}

.anketaimg img {
    height: 70px;
    padding-right: 3px;
    margin: 0 !important;
}

.anketaname {
    height: 25px;
    padding-top: 27px;
}

.anketaname p {
    font-size: 24px;
    font-weight: bold;
    font-family: Kaushan Script;
    font-style: italic;
    color: #221f34;
}

.anketinfo p {
    font-size: 10px;
    padding-top: 6px !important;
}


.anketatext {
    clear: both;
    margin-top: -5px !important;
    width: 600px;
    text-align: inherit;
    padding-left: 60px;
}

/*tik-tok*/

.guest_img_one {
    padding: 0px 10px 210px 40px;
    width: 150px;
    height: 225px;
    margin-top: -395px !important;
    margin-left: 375px !important;
}

.guest_img_one_color  {
	padding: 0px 10px 210px 40px;
    width: 150px;
    height: 225px;
    margin-top: -395px !important;
    margin-left: 375px !important;
    background: #000;
}

.guest_img_two {
    padding: 10px 10px 240px 40px;
    width: 180px;
    height: 80px;
    margin-top: -300px !important;
    margin-left: 185px !important;
}
.guest_img_three {
    padding: 0px 0px 315px 50px;
    width: 100px;
    height: 100px;
    margin-top: -230px !important;
    margin-left: 175px !important;
}
.guest_img_four {
    padding: 10px 40px 265px 10px;
    width: 70px;
    height: 150px;
    margin-top: -250px !important;
    margin-left: 0px !important;
}
.guest_img_five {
    padding: 40px 30px 293px 40px;
    width: 150px;
    height: 150px;
    margin-top: -455px !important;
    margin-left: 375px !important;
    margin-bottom: -15px !important;
}

.text_heading {
    padding: 10px 40px 30px 40px;
    text-align: inherit;
    font-size: 144px;
    font-family: 'Righteous', serif;
    text-shadow: .03em .03em 0 hsl(32deg 92% 62%);
}

.text_name {
    padding: 0px 0px 0px 40px;
    margin-top: -235px !important;
    margin-bottom: 15px !important;
    font-size: 44px;
    font-family: 'Righteous';
    text-shadow: .03em .03em 0 hsl(32deg 92% 62%);
    width: 400px;
    line-height: 13px !important;
    height: 125px !important;
}

.vertical-text {     
     writing-mode: vertical-rl;
     font-family: 'Righteous'; 
     text-shadow: .03em .03em 0 hsl(32deg 92% 62%);
     font-size: 20px;
     padding: 0px 0px 160px 0px;
     margin-left: 565px !important;
     margin-top: -115px !important;
     
}

.punbb .user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 2px;
    right: 3px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #aa6c59 !important;
    z-index: 100;
}

/* объявление */



.alert {
    width: 700px;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid rgb(148, 172, 212, 0.3);
    color: #858784;
}



.alert p {
    padding-bottom: 10px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    font: 10px Verdana;
}

.action_back {
   width: 698px;
    border-radius: 30px;
    border: 1px solid rgb(148, 172, 212, 0.3);
    height: auto;
    margin-top: 22px !important;
    color: #505050;
    margin-left: 15px;
}

.action_name {
    background-color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 50px;
    top: 5px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.action_name p {
    font-size: 20px;
    color: #94acd4;
    text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.2);
}

.action_back span {
    display: block;
    text-align: right;
    padding-right:15px;
    padding-bottom: 15px;
    color: #94acd4;
    font-size: 15px !important;
    text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.2);
}

.action_back p {
    padding-bottom: 10px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    font: 10px Verdana;
}

.class_bl {
    height: 180px  !important;
    overflow-x: auto  !important;
    overflow-y: scroll  !important;
}

/**/
#slider_bl .wrapper{max-width:60em;margin:1em auto;position:relative}#slider_bl input{display:none}#slider_bl .inner{width:500%;line-height:0}#slider_bl article{width:20%;float:left;position:relative}#slider_bl article img{width:100%}#slider_bl .slider-prev-next-control{height:50px;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#slider_bl .slider-prev-next-control label{display:none;width:40px;height:40px;border-radius:50%;background:#fff;opacity:.7}#slider_bl .slider-prev-next-control label:hover{opacity:1}#slider_bl .slider-dot-control{position:absolute;width:100%;bottom:0;text-align:center}#slider_bl .slider-dot-control label{cursor:pointer;border-radius:5px;display:inline-block;width:10px;height:10px;background:#bbb;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#slider_bl .slider-dot-control label:hover{background:#ccc;border-color:#777}#slider_bl .info{position:absolute;font-style:italic;line-height:20px;opacity:0;color:#000;text-align:left;-webkit-transition:all 1s ease-out .6s;-moz-transition:all 1s ease-out .6s;transition:all 1s ease-out .6s}#slider_bl .info h3{color:#fcfff4;margin:0 0 5px;font-weight:400;font-size:1.5em;font-style:normal}#slider_bl .info.top-left{top:30px;left:30px}#slider_bl .info.top-right{top:30px;right:30px}#slider_bl .info.bottom-left{bottom:30px;left:30px}#slider_bl .info.bottom-right{bottom:30px;right:30px}#slider_bl .slider-wrapper{width:100%;overflow:hidden;border-radius:5px;box-shadow:1px 1px 4px #666;background:#fff;background:#fcfff4;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}#slider_bl .slider-wrapper .inner{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4)::after{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin:0;line-height:38px;font-size:3em;display:block;color:#777}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1)::after{content:"\f105";padding-left:15px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2),#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3),#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4),#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5),#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1){display:block;float:right;margin-right:5px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5),#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1),#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2),#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3),#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4){display:block;float:left;margin-left:5px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4)::after{content:"\f104";padding-left:8px}#slider_bl #slide1:checked~.slider-dot-control label:nth-child(1),#slider_bl #slide2:checked~.slider-dot-control label:nth-child(2),#slider_bl #slide3:checked~.slider-dot-control label:nth-child(3),#slider_bl #slide4:checked~.slider-dot-control label:nth-child(4),#slider_bl #slide5:checked~.slider-dot-control label:nth-child(5){background:#333}#slider_bl #slide1:checked~.slider-wrapper article:nth-child(1) .info,#slider_bl #slide2:checked~.slider-wrapper article:nth-child(2) .info,#slider_bl #slide3:checked~.slider-wrapper article:nth-child(3) .info,#slider_bl #slide4:checked~.slider-wrapper article:nth-child(4) .info,#slider_bl #slide5:checked~.slider-wrapper article:nth-child(5) .info{opacity:1}#slider_bl #slide1:checked~.slider-wrapper .inner{margin-left:0}#slider_bl #slide2:checked~.slider-wrapper .inner{margin-left:-100%}#slider_bl #slide3:checked~.slider-wrapper .inner{margin-left:-200%}#slider_bl #slide4:checked~.slider-wrapper .inner{margin-left:-300%}#slider_bl #slide5:checked~.slider-wrapper .inner{margin-left:-400%}@media only screen and (max-width:850px) and (min-width:450px){#slider_bl .slider-wrapper{border-radius:0}}@media only screen and (max-width:450px){#slider_bl .slider-wrapper{border-radius:0}#slider_bl .slider-wrapper .info{opacity:0}}@media only screen and (min-width:850px){#slider_bl body{padding:0 80px}}


#tags .container {
    max-height: 300px;
    overflow: auto;
}