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

/* CS1.0 */
html {
    background: url(https://forumupload.ru/uploads/001b/6a/e4/2/294065.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: #94acd4;
    background-size: cover;
    overflow-x: hidden !important; 
  }

#pun {
  background: rgb(255, 255, 255);
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 6px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 6px;
  -khtml-box-shadow: rgba(0,0,0,0.2) 0px 0px 6px;
  box-shadow: rgba(0,0,0,0.2) 0px 0px 6px;
  }

/* CS1.1 */
.punbb .section .container, .punbb .modmenu .container,
.punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: #fff;
  color: #505050;
  }

.punbb .section .container {
  border-radius: 3px;
  }

#pun-status .container, #pun-crumbs2 .container, .punbb .post h3, .punbb .post h3 span {
  border-radius: 3px 3px 0 0 !important;
  }

#pun-crumbs1 .container, #pun-about .container, .punbb .post > .container {
  border-radius: 0 0 3px 3px !important;
  }

/* CS1.2 */
.category .container {
	text-transform: lowercase;
	font-size: 10px;
}

.category .container h3 a {
	font-size: 10px;
	text-transform: uppercase;
}
.punbb .main .container {
  background: #fff;
  border: 1px solid #ccdced;
  margin: 10px;
  padding: 10px;
  color: #505050;
  border-radius: 40px;
  }

  .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  	color: #505050;
  	background: #fff;
  }

/* CS1.3 */

#pun-debug h2, .punbb-admin #pun-admain h2 {
  font-size: 12px;
  color: #999898;
  background-color: transparent;
}
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
  font-size: 12px;
  text-transform: lowercase;
  color: #999898;
  margin-bottom: -25px !important;
  position: relative;
  width: 200px;
  font-weight: 100;
  letter-spacing: 3px;
  background-color: #fff;
  padding: 8px 10px;
  margin: 3px auto 0;
  text-align: center;
  padding: 8px;
  min-height: 6px;
  }

/* CS1.4 */

#pun-title {
	background-color: transparent;
}
#pun-title .container {
  background-color: rgb(78, 11, 82);
  color: #fff;
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(70%,rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%);
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%);
  border: none 0 transparent !important;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, 
.punbb-admin #pun-admain legend span {
  background-color: #FAFBFC;
  color: #6c8baa;
  text-shadow: none;
  }

/* CS1.6 */
#viewprofile li, #setmods dl {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.2) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.45)), color-stop(100%,rgba(255,255,255,0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  color: #505050;
  }

.punbb:not(#pun-index):not(#pun-viewforum) th {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.2) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.45)), color-stop(100%,rgba(255,255,255,0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.2) 100%);
  border-bottom: 1px solid #fff !important;
  color: #505050;
  }

.punbb .post h3 span {
  background-color: transparent;
  color: #505050
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  border: 1px solid #e3e2e2;
  background-color: #f9f9f9;
  border-radius: 4px;
  color: #505050;
  }

.punbb .quote-box cite, .punbb .code-box .legend, .punbb .spoiler-box > div {
  padding: .7em 1em;
  font-size: 11px;
  font-weight: 400;
  color: #94acd4;
  background: #f9f9f9;
  }

.punbb .post-content .blockcode, .punbb .post-content blockquote {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 4px;
  }

/* CS1.8 */

#pun-navlinks .container {
  background-color: transparent;
  color: #fff;
  }

/* CS1.9 */
#pun-ulinks .container {
  background: transparent;
  text-align: center;
  }

/* CS1.10 */
.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */

.punbb .container {
  border-color: #fff;
  
}
 .punbb .post-body, .post h3, #pun-title {
  border-color: #fff;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5;
  }

  .modmenu {
  	border-color: #fff;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: rgb(66, 19, 74);
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #fff;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #e3e2e2;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #fff;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #fff transparent transparent transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #005EAB;
  }

#f-subforums {
  border-bottom: solid 1px #fff !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #8aaad3;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #505050
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #5c82b4;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #fff;
  }

#pun-ulinks li a {
  color: #8ca3c8;
  text-transform: lowercase;
  font-size: 10px;
  }

.isactive a {
  background: transparent;
  color: #8aaad3;
  position: relative;
  }


#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #505050;
  color: #fff;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

/* CS4.1 */
.punbb tr div.icon {
  background: #bdceea;
    opacity: 0.3;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    margin-right: 5px !important;
    margin-left: -5px;
  }

.punbb tr.inew div.icon {
  background: #bdceea;
    opacity: 1;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    margin-right: 5px !important;
    margin-left: -5px;
  }

.punbb tr.iredirect div.icon {
  background: #bdceea;
    opacity: 0.3;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }

.punbb tr.inew.iclosed div.icon {
  background: #bdceea;
    opacity: 1;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }

.punbb tr.iclosed:not(.inew) div.icon {
  background: #bdceea;
    opacity: 1;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }

.punbb tr.inew.isticky div.icon,
.punbb tr.inewisticky  div.icon,
.punbb tr.iclosed.inewisticky div.icon {
  background: #bdceea;
    opacity: 0.3;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }

.punbb tr.isticky:not(.inew) div.icon {
  background: #6a8aa9;
    opacity: 1;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }





/* CS5 Additional styles
-------------------------------------------------------------*/

/* CS5.1 */
#pun-main div.catleft, #pun-main div.catright {
  display: none
  }

/* CS5.2 */
.category td.tc2:before,
#f-subforums td.tc2:before {
  content: "Topics: " !important;
  color: rgb(150,150,150);
  float: left;
  }

.ru .category td.tc2:before,
.ru #f-subforums td.tc2:before {
  content: "Тем: " !important;
  }
.es .category td.tc2:before,
.es #f-subforums td.tc2:before {
  content: "Temas: " !important;
  }

.category td.tc3:before,
#f-subforums td.tc3:before {
  content: "Posts: " !important;
  color: rgb(150,150,150);
  float: left;
  }

.ru .category td.tc3:before,
.ru #f-subforums td.tc3:before {
  content: "Сообщений: " !important;
  }
.es .category td.tc3:before,
.es #f-subforums td.tc3:before {
  content: "Mensajes: " !important;
  }

#pun-viewforum .forum td.tc2:before {
  display: block;
  content: "Replies: ";
  color: rgb(150,150,150);
  float: left;
  }

.ru #pun-viewforum .forum td.tc2:before {
  content: "Ответов: " !important;
  }
.es #pun-viewforum .forum td.tc2:before {
  content: "Respuestas: " !important;
  }

#pun-viewforum .forum td.tc3:before {
  display: block;
  content: "Views: ";
  color: rgb(150,150,150);
  float: left;
  }

.ru #pun-viewforum .forum td.tc3:before {
  content: "Просмотров: " !important;
  }
.es #pun-viewforum .forum td.tc3:before {
  content: "Vistas: " !important;
  }

#pun tr.iredirect .tc2:before,
#pun tr.iredirect .tc3:before {
  content: none !important
  }

/* CS5.3 */
.tipsy-inner, .tipsy-arrow {
  font-family: Tahoma;
  font-size: 11px;
  opacity: 0.8 !important;
  }

/* CS5.4 */
#BookmCntToggle {
  background: url(../../img/Classic_DarkPurple/bookmark.png) center center no-repeat !important;
  width: 26px !important;
  height: 26px !important;
  opacity: 1 !important;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  border-radius: 2px;
  }

#BookmCntToggle:hover {
  opacity: .78!important;
  }

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h1 {
  margin-bottom: 0 !important;
  }

/* CS5.5 */
#navpm .num_msg {
  margin-left: -26px !important;
  margin-top: -4px !important;
  }

/* CS5.6 */
form .button, input[type="submit"] {
  font-style: normal;
  font-size: 12px;
  color: #fff;
  background: #6a8aa9;
  padding: 0px 10px;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  -khtml-box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  outline: none;
  line-height: 22px;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  height: 26px;
  }

form .button:hover, form .button:focus, form .button:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
  text-decoration: none;
  }

form .button:disabled, input[type="submit"]:disabled {
  opacity: .6;
  cursor: default;
  box-shadow: none;
  }

/* CS5.7 */
#profilenav li a:hover {
  color: #6c8baa;
  background: transparent;
  -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px;
  -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px;
  -khtml-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px;
  box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px, #fff 0px 1px 0px;
  text-decoration: none !important;
  }

#profilenav li.isactive a {
  background: transparent;
  text-decoration: none !important;
  }



  /* шапка */

.shapka {
    width: 1000px;
    height: 300px;
    background-color: #fff;
    display: block;    
    border-radius: 40px 0 0 0;
    position: absolute;
}

.shapka_left {
    position: absolute;
    border-radius: 40px 0 0 0;
    width: 100px;
    left: 0;
    height: 300px;
    background: linear-gradient(#8baad3, #bcceea);

}

.shapka_left_nav {
    position: absolute;
    top: 50px;
    left: 25px;
    width: 150px;
    height: 170px;
    border-radius: 40px;
    border: 1px solid #bdceea;
    padding-top: 30px;
    background-color: #fff;
    text-align: center;
}

.shapka_left_nav a {
    display: block;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    background-color: #8aaad3;
    color: #fff !important;
    font-size: 10px;
}

.shapka_right {
    position: absolute;
    right: 0;
    width: 200px;
    height: 300px;
    background-color: #bdceea;
}

.shapka_right_img {
    position: absolute;
    right: 120px;
    bottom: 20px;
    width: 180px;
    height: 260px;
}

.shapka_right_img img {
    width: 180px;
    height: 260px;
}

.shapka_right_post {
    position: absolute;
    width: 150px;
    height: 170px;
    background-color: #fff;
    color: #bdceea;
    bottom: 35px;
    right: 25px;
}


.shapka_right_post p {
    padding: 15px;
    font-size: 10px;
}

.shapka_right_name {
    position: absolute;
    top: 40px;
    right: 25px;
    font-family: Lobster;
font-style: italic;
}

.shapka_right_name p {
    color: #fff;
    font-size: 50px;
    text-shadow: 2px 2px 2px #6b8aa9;
}


.shapka_center {
    width: 650px;
    height: 300px;
    position: absolute;
    left: 100px;
}

.shapka_center_nav {
    width: 390px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 135px;
}

.shapka_center_img {
    width: 400px;
    height: 170px;
    position: absolute;
    top: 30px;
    left: 130px;
    border-radius: 30px;
}

.shapka_center_img img {
    border-radius: 50px;
}

.shapka_center_admin {
    transform: rotate(-90deg);
    width: 300px;
    position: absolute;
    right: -92px;
    bottom: 164px;
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
}

.shapka_center_admin a {
    color: #bdceea !important;
}

.shapka_center_activist {
    width: 500px;
    position: absolute;
    bottom: 20px;
    left: 70px;

}

.shapka_center_activist table {
    width: 100%;
    text-align: center;
    color: #6986a8;
    font-weight: 600 !important;
    text-transform: lowercase;
    font-style: italic;
    font-size: 10px;
}

.shapka_center_activist_img40 img {
    width: 40px;
    height: 40px;
    opacity: 0.5;
}

.shapka_center_activist_img80 img {
    width: 80px;
    height: 40px;
    opacity: 0.5;
}

/* цвет мегающего кружка активности */

.punbb .user-avatar .isonline {
    background-color: rgb(148, 172, 212) !important;
}

/* для рекомендаций */


div#pun-live-rusff {
    color: #505050;
    font-size: 10px;
}


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

.pa-posts,.pa-respect,.pa-fld4, .pa-fld3 {
text-align:center;
display: inline-block;
padding:6px 10px!important;
width:38px;
height:20px;
font-size: 10px; 
text-transform: lowercase;
}


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

.user_page {
    width: 90%;
    height: 500px;
    background-color: #f9f9f9;
    border-radius: 20px; 
    border: 1px solid #bdceea;
    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: #bdceea;
    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 #fff; 
}

.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: #fff;
    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 rgba(139, 170, 211, 0.1);
}

.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: #8babd3;
    border-radius: 20px 20px 0 0; 
}

.game .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    color: #fff;
    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: #bdceea;
    color: #fff !important;
    width: 80%;
    display: block;
    border: 13px solid #bdceea;
    margin: 10px auto;
}


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

.stikers .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    color: #fff;
    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: #8babd3;
    border-radius: 20px 20px 0 0; 
}

.wishlist .top p {
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
    color: #fff;
    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;
    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: #8babd3;
    border-radius: 20px 20px 0 0; 
}

.playlist .top p {
    text-align: center;
    padding-top: 25px;
    color: #fff;
    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: #bdceea;
    color: #fff;
    float: right;
}

.nav_link_icon_top .item_right.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #bdceea;
    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: #bdceea;
    color: #fff;
    float: left;
}

.nav_link_icon_top .item_left.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #bdceea;
    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: #bdceea;
    color: #fff;
    float: right;
}

.nav_link_icon_bottom .item_right.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #bdceea;
    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: #bdceea;
    color: #fff;
    float: left;
}

.nav_link_icon_bottom .item_left.active {
    width: 50%;
    height: 100px;
    border-radius: 20px; 
    background-color: #bdceea;
    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;
    }

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


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

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

.plashka_super {
    background: linear-gradient(to top left, #94acd4, #f4d3f2);
    height: 30px;
    border-radius: 0 0 3px 3px; 
    width: 181px;
    position: relative;
    margin-bottom: 5px !important;
    margin-top: -7px !important;
}

.a_plashka {
    text-decoration: none;
}

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

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

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

.textdown {
    font-size: 12px !important;
    text-align: left;
    color: #fff;
    padding-left: 45px;
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;
}




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



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

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

.pa-posts, .pa-fld4 {
    text-align: left;
    display: inline-block;
    float: left;
    padding-left: 2px;
}

.pa-fld3 {
    text-align: left;
    padding-left: 98px;
}

.pa-posts, .pa-respect {
    text-transform: lowercase;
    padding-left: 2px;
}

#smilies-area, #video-area, #spoiler-area {
    border: 1px solid #e3e2e2;
    background-color: #f9f9f9;
}









/* админ центр вещает */

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

.active_alert span {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #6a8aa9;
    font-size: 12px !important;
}

.active_alert_img40 img {
    width: 40px;
    height: 40px;
opacity: 0.3;
}


.active_alert_img80 img {
    width: 80px;
    height: 40px;
opacity: 0.3;
}

.active_alert_post p {
    width: 100px;
    font-size: 8px;
}

.active_alert_post {
    vertical-align: top;
}

.active_alert table {
    width: 95%;
    margin: 0 15px !important;
    text-align: center;
    font-size: 10px !important;
}

/* админ вещает */

.admin_alert {
    width: 700px;
    height: auto;
    color: #858784;
}

.admin_profile {
    width: 120px;
    display: inline-block;
    vertical-align: top;

}

.admin_logo {
    text-align: center;
    font-size: 8px;
}

.admin_logo a {
    color: #6a8aa9;
}

.admin_logo img {
    width: 70px;
    height: 70px;
    border-radius: 100px; 
    box-shadow: 0 0 0 0px #bcbcbc; 
}

.admin_text {
    width: 550px;
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid rgb(148, 172, 212, 0.3);
margin-left: 20px;
}

.admin_text p {
    padding: 15px !important;
    font-size: 10px;
}

.admin_text p strong {
    font-size: 16px;
}

.admin_text hr {
    margin: 0 !important;
    opacity: 0.1 !important;
}


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



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

.alert span {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #6a8aa9;
    font-size: 12px !important;
}

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

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

.guest {
    width: 700px;
    border-radius: 30px;
    border: 1px solid rgb(148, 172, 212, 0.3);
    height: auto;
    margin-top: 22px !important;
    color: #858784;
    margin-left: 15px;
}
.guest_name {
    background-color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 200px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.guest_name p {
    font: 30px Pacifico family;
    color: #94acd4;
}

.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;
    color: #94acd4;
}

.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: #94acd4;
    font-style: italic;
    text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.2);
}

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

.guest_table table {
    width: 100%;
}


.guest_table table td {
    width: 50%;
}

.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: #94acd4;
    padding: 5px 10px 5px 10px;
    color: #fff !important;
    margin-right: 10px;
    border-radius: 10px;
}

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






/* универсальное оформление темы */




.universal {
    width: 700px;
    border-radius: 30px;
    border: 1px solid rgb(148, 172, 212, 0.3);
    height: auto;
    color: #858784;
    margin-left: 15px;
}

.universal_text {
    padding: 40px 40px 20px 40px;
}

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



.universal_table {
    padding: 20px 40px 0px 40px;
}

.universal_table hr {
    opacity: 0.2 !important;
}

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

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

.universal_table_top p, .universal_table_bottom_left p, .universal_table_bottom_right p {
    font-size: 18px;
    color: #94acd4;
    font-style: italic;
    text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.2);
}

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

.universal_table table {
    width: 100%;
}


.universal_table table td {
    width: 50%;
}

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


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

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

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




/*.анкета */

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

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

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

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

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


.anketatext {
    clear: both;
    margin-top: -5px !important;
    width: 600px;
    text-align: inherit;
    padding-left: 60px;
}
/* нужные */

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

.needp {
    position: absolute;
    font-size: 14px;
    color: #858784;
    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: 725px;
    border: 3px solid #407072;
    text-align: center;
    margin-top: 20px !important;
    border-radius: 30px;
    border: 1px solid rgb(148, 172, 212, 0.3);
    height: auto;
    color: #858784;
}

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

.needl strong {
    color: #6a8aa9;
}

.needl p {
    padding: 0 !important;
}

.needimg p img {
    border: 1px solid #6a8aa9 !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;
}


/* игра */

.play {
    width: 330px;
    margin: 0 auto !important;
    height: auto;
}

.playi1, .playi2, .playn, .playt {
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
}


.playi1, .playt {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.playi1 img, .playi2 img {
    margin: 0 !important;
}

.playt, .playn {
    overflow-y: scroll;
    overflow-x: hidden;
}

.playt p {
    font-size: 10px;
    text-align: inherit;
    padding-right: 10px !important;
}

.playn {
    font-size: 10px;
}

.playnn P {
    padding: 0 !important;
    color: #bdceea;
    text-transform: uppercase;
}

.playnt p {
    padding: 0 !important;
}

.playnt p a {
    color: #858784 !important;
}