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

/* посты без профиля */

#p92519 .post-body, #p151746 .post-body, #p151747 .post-body, #p151748 .post-body, #p151749 .post-body, #p151750 .post-body, #p151751 .post-body {
margin-left: 0!important;
}
#p92519 .post-author, #p92519 .post-sig, #p92519 .pl-email,
#p151746 .post-author, #p151746 .post-sig, #p151746 .pl-email,
#p151747 .post-author, #p151747 .post-sig, #p151747 .pl-email,
#p151748 .post-author, #p151748 .post-sig, #p151748 .pl-email,
#p151749 .post-author, #p151749 .post-sig, #p151749 .pl-email,
#p151750 .post-author, #p151750 .post-sig, #p151750 .pl-email,
#p151751 .post-author, #p151751 .post-sig, #p151751 .pl-email {
display: none;
}

/* шапка, тело, футер, фон */

html, body {
   background: url(http://forumstatic.ru/files/0018/1e/e2/82890.png) #060606 fixed no-repeat top center;
   background-size: cover;
}

#pun-title table {
   background: url(http://forumstatic.ru/files/0018/1e/e2/28088.png) no-repeat scroll top center transparent;
}

#pun {
   background: url(http://forumstatic.ru/files/0018/1e/e2/62936.png) repeat-y center transparent;
   border: none;
   color: #19222B;
}

#pun-about {
    background: url(http://forumstatic.ru/files/0018/1e/e2/51239.png) no-repeat center bottom transparent;
    height: 180px;
    width: 1100px;
    margin-left: -60px;
    position: absolute;
    border: none;
}

.punbb-admin #pun-about {
    height: 170px;
}

/* полоса прокрутки для мозиллы */

html, body, #banners {
  scrollbar-width: thin;
  scrollbar-color: #678789 #61676c; /* 1 - бегунок, 2 - полоса */
}

.code-box .scrollbox, #font-area, div {
  scrollbar-width: thin;
  scrollbar-color: #678789 rgba(0,0,0,.2); /* 1 - бегунок, 2 - полоса */
}

textarea {
  scrollbar-width: thin;
  scrollbar-color: #678789 rgba(0,0,0,.2); /* 1 - бегунок, 2 - полоса */
}

/* полоса прокрутки (кроме мозиллы) */

::-webkit-scrollbar {width: 7px; height: 8px;}
::-webkit-scrollbar-track {background-color: #61676c;}
::-webkit-scrollbar-thumb {background-color: #678789}
::-webkit-scrollbar-thumb:active {background: #242b30;}

/* выделение */

::selection {
color: #c0c0c0;
background: #242b30;
}

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

.punbb .post-content del:hover {
background: transparent;
color: currentColor;
text-decoration: none!important;
filter: blur(0px);
animation: .5s linear 0s normal none 1 running Blur;
}

@keyframes Blur {
0% {filter: blur(2px);}
50% {filter: blur(10px);}
100% {filter: blur(0px);}
}

/* скрыть редактирование */

.lastedit {
display: none;
}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,.punbb .post-body,.post-box,.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #19222B;
  }

#pun-ulinks .container{
  background-color: transparent;
  color: #19222B;
}

/* CS1.2 */

.punbb .post .container,
.punbb .post h3 {
  background-color: transparent;
  color: #19222B;
}

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

.punbb td.tc2, .punbb td.tcr  {
  background-color: transparent;
  color: #19222B;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: transparent;
  color: #1F1D31;
  text-align: center;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: transparent;
  color: #19222B;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #19222B;
  }

/* CS1.6 */
#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
        font-size: 0.9em;
        color: #19222B;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #b7c2d0;
color: #19222B;
border: 3px double #678789;
border-radius: 5px;
box-shadow: 2px 2px 5px 0 rgba(25, 34, 43, .5);
  }

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #19222B;
  }

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

.punbb th {
  color: #364555;
  background: transparent;
}

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

#pun-title, #pun-navlinks {
        border-color: #463522;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: #DFE4EB
  }

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #DFE4EB;
  }

/* 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: #DFE4EB;
  }

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

/* CS2.6 */

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

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

.punbb .divider {
  border-color: #D3D7DE #EBF0F7 #EBF0F7 #D3D7DE;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border-left-color: #8aacbf;
  }


/* 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: #132732;
  text-decoration: none;
  transition: 0.5s ease all;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #53e4cb;
  text-decoration: none;
  }

/* 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: #53e4cb;
  text-decoration: none;
}

#pun-viewtopic .post-box a, #post-preview .post-box a {
  color: #132732;
}


.punbb td.tcr a:hover, #pun-stats a:hover, #pun-viewtopic .post-box a:hover, #post-preview .post-box a:hover, .stickytext, .stickytext::after {
  animation-name: shining;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-delay: 0.2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all .2s linear .2s;
  text-decoration: none;
  text-shadow: none;
}

@keyframes shining {
  0%{
    color:#132732;
  }
  100%{
    color:#53e4cb;
  }
}

/* CS3.3 */
#pun-navlinks a {
  color: #6a6968;
  transition: 0.5s ease all;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  text-shadow: 0 -1px 0 #67908f;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #19222B;
  color: #19222B;
  }

.post h3 span a:link, .post h3 span a:visited {
        font-weight: normal;
        font-size: 10px;
        text-decoration: none;
}

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

#pun-index div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/20724.png) no-repeat;
  opacity: .5;
}

#pun-index .inew div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/57941.png) no-repeat;
  opacity: .7;
}

#pun-index div.icon, #pun-index .inew div.icon {
  width: 70px;
  height: 27px;
}

div.icon {
  width: 45px;
  height: 45px;
}

tr div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/30951.png) no-repeat;
}

tr.inew div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/13920.png) no-repeat;
}

tr.iclosed div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/13811.png) no-repeat;
}

tr.iredirect div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/94434.png) no-repeat;
}

tr.isticky div.icon {
  background: url(http://forumstatic.ru/files/0018/1e/e2/94434.png) no-repeat;
}

.closedatafield {
font-size: 0;
}

.closedatafield::before {
content: "\f00d";
font-family: 'Font Awesome 5 Free';
font-size: 10px;
font-weight: bold;
padding-right: 5px;
}

.stickytext {
text-transform: lowercase;
}

#pun-stats ul.container {
        background: transparent;
        padding-left: 10px;
        padding-bottom: 0;
}

#pun-stats div.statscon {
        background: transparent;
        position: relative;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #19222B;
}


#pun-main div.catleft, #pun-main div.catright {
        display: none;
}

/* CS5 
 -------------------------------------------------------------*/

#pun-navlinks li {
background: none;
}

/* стиль описания и ссылок быстрого доступа */

td.tcl .intd .discr {
text-align: justify;
padding: 10px 5px 5px;
font-size: 11px;
font-family: arial;
color: rgba(201, 199, 199, .9);
text-shadow: 0 1px 0 #000;
}

td.tcl .intd .link {
text-align: center;
line-height: 2.2;
padding: 10px 0 0;
}

td.tcl .intd .link a {
background: linear-gradient(to right, #889ba6 0%,#0a1d28 7%,#0a1d28 93%,#889ba6 100%);
padding: 4px 10px 5px;
margin: 0 5px;
letter-spacing: 0;
color: #788a8a;
text-transform: uppercase;
font-family: tahoma;
font-size: 8px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
box-shadow: inset 0 2px 3px 0 rgba(136, 155, 166, .3), inset 0 -1px 3px black, 0 1px 2px 0px black, 0 -1px 3px 0px black;
border: none;
transition: all .5s linear 0s;
}

td.tcl .intd .link a:hover {
background: radial-gradient(ellipse at center, #50595f 0%,#0a1d28 100%);
}

/* мини-аватар и индикатор онлайн */

.user-avatar img.ava {
border-radius: 5px!important;
color: #91a5b0;
border: 2px solid currentColor;
}

.punbb em.user-avatar {
height: 40px!important;
}

.punbb .user-avatar img.on_ {
background: #f3003e!important;
}

/* кнопки, поля для вввода, списки и вот это всё 
--------------------------------------------------------------*/

/* текстовое поле, раскрывающийся список */

.punbb textarea, .punbb select, .punbb input {
  background-color: #b7c2d0;
  color: #242b30;
}

/* стиль кнопки */

button, input.button, input#sub4 {
background: linear-gradient(to right, #889ba6 0%,#0a1d28 7%,#0a1d28 93%,#889ba6 100%);
padding: 4px 10px 5px;
margin: 0 5px;
letter-spacing: 0;
color: #788a8a;
text-transform: uppercase;
font-family: tahoma;
font-size: 8px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
box-shadow: inset 0 2px 3px 0 rgba(136, 155, 166, .3), inset 0 -1px 3px black, 0 1px 2px 0px black, 0 -1px 3px 0px black;
border: none;
transition: all .5s linear 0s;
cursor: pointer;
}

button:hover, input.button:hover, input#sub4:hover {
background: radial-gradient(ellipse at center, #50595f 0%,#0a1d28 100%);
}

/* текстовое поле */

#font-area {
    height: 300px;
    overflow-y: auto;
    padding: 5px;
    text-align: left;
    width: 150px;
}

/* стиль окна подсчёта символов (скрипт) */

#plng {
font-weight: normal;
border: 1px solid #5b5a5a;
padding: 3px 5px;
margin: 0 20px 0 -10px;
border-radius: 3px;
}

/*        стиль просмотра профиля 
-----------------------------------------------*/

/* редактировать профиль */

#viewprofile {
background: url(http://forumstatic.ru/files/0018/1e/e2/34769.png) no-repeat top,
url(http://forumstatic.ru/files/0018/1e/e2/48027.png) no-repeat bottom,
url(http://forumstatic.ru/files/0018/1e/e2/52220.png) repeat-y;
width: 997px;
margin: -10px 0 0 -8px;
z-index: 100;
position: relative;
}

#pun-profile h1 a {
position: absolute;
right: 30px;
font-size: 8px;
line-height: 2;
transition: all .5s linear 0s;
}

#pun-profile h1 a:hover {
color: #dce1e8!important;
}

/* таблица профиля */

#viewprofile table {
width: 950px;
margin: 0 auto;
}

/* левая ячейка */

#pun-profile #profile-left {
  width: 232px;
  text-align: center;
  overflow: hidden;
  background: url(http://forumstatic.ru/files/0018/1e/e2/53376.png) no-repeat top,
  url(http://forumstatic.ru/files/0018/1e/e2/24350.png) no-repeat bottom,
  url(http://forumstatic.ru/files/0018/1e/e2/41901.png) repeat-y;
  line-height: 1;
  display: grid;
  align-content: start;
  min-height: 270px;
  margin: 0 auto;
}

#profile-left li#profile-name, #profile-left li#profile-title {
max-width: 192px;
margin: 0 auto;
}

#profile-left li#profile-name {
padding-top: 8px;
}

#profile-left li#profile-name strong {
line-height: 1;
font-size: 12px;
font-family: arial;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
font-weight: normal!important;
color: #d0cece;
padding: 2px 5px 10px;
}

#profile-left li#profile-title strong {
line-height: 1.5;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Roboto condensed;
font-weight: normal!important;
color: #c0c0c0;
padding: 0 5px;
}

#profile-left li strong {
font-size: 10px;
letter-spacing: 1px;
font-variant: small-caps;
font-family: roboto condensed;
color: #c0c0c0;
}

/* правая ячейка */
#viewprofile #profile-right {
width: 700px;
font-size: 12px;
font-family: arial;
padding: 0;
font-weight: normal;
line-height: 1.5;
}

#pun-profile #viewprofile #profile-right li strong {
padding: 0;
font-size: 12px;
font-family: arial;
font-weight: normal;
line-height: 1.5;
}

/* уменьшить картинку в плашке */

#pun-profile #profile-right li img {
max-height: 36px;
max-width: 36px;
}

#pun-profile #profile-right .modal-link {
height: 36px;
width: 450px;
position: relative;
display: inline-block;
}

#pun-profile #profile-right .modal-link tt {
position: absolute;
padding: 8px 10px 0;
font-family: pt sans;
font-size: 14px;
line-height: 2;
}

/* скрыть блок подарков */
#viewprofile .container ul #profile-gifts {
display: none;
}

/* окна жалобы, репутации и т.п. 
------------------------------------------*/

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
z-index: 999!important;
}

#pun-report .inner.post_report, #pun-reputation .inner.post_reputation, #pun-graffiti-rusff div.inner.popup_graffiti h1, #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: #808082;
border-radius: 3px;
z-index: 999;
}

#pun-report .inner.post_report h1, #pun-reputation .inner.post_reputation h1 {
width: auto;
margin: 0;
padding: 8px 10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
box-shadow: -2px 2px 2px rgba(0,0,0,.3);
max-height: 300px;
overflow: auto;
}

#font-area {
min-width: 140px;
}

/* Окно переноса сообщений */
.punbb #move_posts_form .formal > form.container {
overflow: hidden;
}

/*   баннеры 
--------------------------------*/

#banners {
background-color: #242b30;
width: 400px;
height: 75px;
position: relative;
border: 2px solid #678789;
border-radius: 3px;
opacity: .7;
transition: opacity .2s linear .2s;
margin-top: 40px;
text-align: center;
display: block;
float: left
}

#banners:hover {
opacity: 1;
}

#banners .container {
overflow: auto;
width: 390px;
height: 71px;
padding: 2px 3px 2px 3px;
}

#banners img {
filter: brightness(70%) grayscale(50%);
-webkit-filter: brightness(70%) grayscale(50%);
transition: all .2s linear .2s;
padding: 2px;
}

#banners img:hover {
filter: none;
}

/*  нужные 
--------------------------------*/

#wanted {
position: relative;
background: transparent;
margin-top: 45px;
display: block;
width: 400px;
float: right;
height: 60px;
text-align: center;
}

#wanted a img {
height: 60px;
width: 60px;
border-radius: 50%;
background:#311616;
border: 2px solid #678789;
margin: 0 15px;
filter: brightness(70%) grayscale(50%);
-webkit-filter: brightness(70%) grayscale(50%);
opacity: .5;
transition: all .2s linear .2s;
}

#wanted a img:hover {
filter: none;
-webkit-filter: none;
opacity: 1;
}

/*   всплывающая подсказка при наведении 
---------------------------------------------------------*/

#tooltip {
  position: absolute;
  background: rgba(77, 77, 77, .75);
  z-index: 999;
  font-variant: small-caps;
  display: none;
  padding: 4px 10px 5px;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  font-family: tahoma; /* шрифт */
  font-size: 10px; /* размер текста */
  color: #c9e5f5; /* цвет текста */
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 1px;
  box-shadow: 0 2px 3px rgba(0,0,0,.2)
}

/*************************
       ТАБЛИЦА В ШАПКЕ
*************************/

#best {
width: 1020px;
position: absolute;
top: 0;
z-index: 500;
margin-left: -20px;
}

#bestpost img, #bestquote img, #bestep img, #bestpair img {
border-radius: 5px;
filter: brightness(40%) grayscale(50%);
-webkit-filter: brightness(40%) grayscale(50%);
transition: all .2s linear .2s;
cursor: pointer;
}

#bestpost img:hover, #bestquote img:hover, #bestep img:hover, #bestpair img:hover {
filter: none;
-webkit-filter: none;
}

#bestpost {
position: absolute;
top: 175px;
left: 0;
}

.tooltip-item {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    padding: 0;
}

.tooltip-item::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
    pointer-events: auto;
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 200px;
    left: 50px;
    margin-bottom: -15px!important;
    bottom: 0;
    box-shadow: -3px -3px 5px rgba(48,54,61,0.2);
    background: transparent;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 200px;
    right: 60px;
    margin-bottom: -15px!important;
    bottom: 0;
    box-shadow: -3px -3px 5px rgba(48,54,61,0.2);
    background: transparent;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip-effect-1 .tooltip-content, .tooltip-effect-1 .tooltip-content2 {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content, .tooltip:hover .tooltip-content2 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

#bestpost-inner::before {
    content: '';
    top: 45%;
    left: 0%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #678789;
    border-width: 10px;
    margin-left: -22px;
}

#bestquote-inner::after {
    content: '';
    top: 45%;
    right: 0%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #678789;
    border-width: 10px;
    margin-right: -29px;
}

#bestpost-inner, #bestquote-inner {
width: 200px;
height: 90px;
background-color: #242b30;
outline: 3px double #678789;
color: #9c9992;
padding: 0 3px;
text-align: justify;
font-family: arial;
font-size: 10px;
}

#bestpost-inner #writer, #bestquote-inner #author {
height: 16px;
color: #9c9992;
font-family: Playfair Display SC;
font-size: 10px;
margin: 0;
width: 193px;
padding: 5px 0 0 7px;
}

#bestpost-inner #writer a, #bestquote-inner #author a {
color: #678789;
}

#bestpost-inner #text a, #bestquote-inner #text a {
float: right;
color: #678789;
padding: 0 5px 5px 0;
}

#bestpost-inner #writer a:hover, #bestpost-inner #text a:hover, #bestquote-inner #author a:hover, #bestquote-inner #text a:hover {
color: #53e4cb;
}

#bestpost-inner #text, #bestquote-inner #text {
overflow: auto;
height: 65px;
width: 193px;
margin: 3px;
}

#bestquote {
position: absolute;
top: 174px;
right: 0;
}

#bestep {
position: absolute;
left: 268px;
top: 26px;
}

#bestpair {
position: absolute;
right: 247px;
top: 26px;
}

#descr {
width: 110px;
display: block;
position: absolute;
color: #678789;
text-align: center;
font-family: oswald;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px 0;
}

#writer1, #writer2, #writer3, #flooder1, #flooder2, #flooder3 {
position: absolute;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}

#writer1 {top: 98px;left: 78px;}
#writer2 {top: 81px;left: 189px;}
#writer3 {top: 163px;left: 162px;}
#flooder1 {top: 98px;right: 78px;}
#flooder2 {top: 81px;right: 189px;}
#flooder3 {top: 163px;right: 162px;}

#writers a img, #flooders a img {
height: 40px;
width: 40px;
background: #311616;
border: 1px solid #5b5a5a;
margin: 0 10px;
border-radius: 50%;
}

#writers a img, #flooders a img, #topads a img {
filter: brightness(40%) grayscale(50%);
-webkit-filter: brightness(40%) grayscale(50%);
transition: all .2s linear .2s;
}

#writers a img:hover, #flooders a img:hover, #faces a img:hover, #topads a img:hover {
filter: none;
-webkit-filter: none;
}

#ams {
left: 225px;
position: absolute;
top: 185px;
width: 150px;
text-align: center;
padding: 2px 0;
border: 3px double#678789;
border-radius: 7px;
opacity: .5;
transition: opacity .2s linear .2s;
}

#ams:hover {
opacity: 1;
}

#ams span {
color: #9c9992;
font-weight: normal;
font-size: 12px;
font-family: play;
letter-spacing: 1px;
font-variant: small-caps;
}

#ams a {
color: #53e4cb;
padding: 2px 5px;
font-variant: small-caps;
font-weight: bold;
font-size: 12px;
font-family: play;
letter-spacing: 1px;
transition: all .2s linear .2s;
}

#ams a:hover {
  animation-name: turquoise;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes turquoise {
  0%{
    color: #53e4cb;
  }
  100%{
    color: #6a6968;
  }
}

#topads {
right: 245px;
position: absolute;
top: 190px;
width: 90px;
text-align: center;
}

/**************
     СТРЕЛКИ
**************/

.yrarrows {
position: fixed;
right: 25px;
top: 45%;
z-index: 1000;
}

.yrarrows .top, .yrarrows .bottom {
opacity: 0.4;
font-weight: bold;
width: 26px;
height: 26px;
display: block;
line-height: 30px;
margin-bottom: 15px;
transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-webkit-transition: 0.5s ease all;
}
.yrarrows .top:hover, .yrarrows .bottom:hover {
opacity: 1;
}

/*****************************
     смайлы под формой ответа
*****************************/

#stikery table {
    padding: 0;
    text-align: left;
}

#stikery table td {
    padding: 5px 0 0;
}

#stikery img {
cursor: pointer;
}

#stikery input {
background: #9c9992;
padding: 3px 10px 5px;
margin: 0 3px;
letter-spacing: 1px;
color: #242b30;
font-family: tahoma !important;
font-size: 12px !important;
font-variant: small-caps !important;
font-weight: bold !important;
text-decoration: none;
text-transform: lowercase;
border-radius: 3px;
border: none;
box-shadow: inset 0 2px 3px rgba(255,255,255,.3), inset 0 -2px 3px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.5);
cursor: pointer;
}

#stikery input:hover, #stikery input.active {
color: #c0c0c0;
background: radial-gradient(ellipse at center, #5b5a5a 0%, #242b30 65%);
box-shadow: inset 0 2px 4px #9c9992, inset 0 -2px 3px black, 0 2px 5px rgba(0,0,0,.5);
}