/* цвет текста */
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb,.punbb .post-box,.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #11140c;
}

/* поле ввода */
 .punbb select, #pun-admain textarea {
    text-shadow: none;
    background-color: #e5dfd0;
    color: rgb(33 41 14);
    border: 1px solid #eed7af;
    outline: 1px solid #eed7af;
    box-shadow: 0px 0px 4px 1px #eed7af inset;
}



.punbb textarea {
    text-shadow: none;
    background: transparent;
    color: rgb(33 41 14);
    border: 1px solid #7c7653;
    outline: 1px solid #b6af88;
    box-shadow: 0px 0px 4px 1px #b6af88 inset;
}


/*строка над формой ответа */
#form-buttons table {
    width: 100.8%!important;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Roboto Condensed" !important;
    color: rgb(33 41 14); 
    border: 1px solid #eed7af;
    box-shadow: 0px 0px 7px 1px #eed7af inset;
   border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/97992.png);
   border-image-slice: 25 200 15 fill;
   border-image-repeat: repeat round;
   border-image-width: auto;
   padding: 1% 1%;

}

/* выпадающие меню в форме ответа */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area, .inner .popup_graffiti, #table-area, #keyboard-area, #spoiler-area  {
    padding: 1vw!important;
    border-radius: 0.2vw;
    color: #847d5b;
    border: 0.1px solid #847d5b;
}

/* ширина высота и прокрутка в выпадающем меню формы ответа */
#font-area {
width: 12vw;
height: 17vw;
overflow-y: auto;
padding: 0.5vw;
text-align: left;
}

/*перекраска подложки выпадающего меню в форме ответа*/

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

/* кнопки отправить посмотреть */
#post-form.formal #post.container p.formsubmit {
    text-align: center !important;
}

/* кнопки  */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/97992.png?v=1);
   border-image-slice: 55 200 35 fill;
   border-image-repeat: repeat round;
   border-image-width: auto;
   border-image-outset: 0.2vw;
    font-size: 14px!important;
    color: #e7e0d0!important;
    padding: 0.2vw!important;
    cursor: pointer!important;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    cursor: pointer!important;
    color: #575e4e!important
  }

/* внешний вид текста при выделении */
::selection {   
    background: #a8ad9f;
    /*color: #252b1a;*/
}

/* ширина прокрутки */
::-webkit-scrollbar {
    width: 6px;
    height: 4px;}

/* бегунок прокрутки*/

::-webkit-scrollbar-thumb {
    background-color: #343d2d;
    box-shadow: inset 0 0 0.1vw #847d5b;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
    background-color: #e8e1d2;
    box-shadow: inset 0 0 0.1vw #847d5b;
}


/* CS1 Background and text colours. .punbb .formal fieldset .post-box
-------------------------------------------------------------*/

/* страница участники и поиск, активные темы, темы без ответов и т д*/
#pun-userlist.punbb #pun-main.main.multipage, #pun-search.punbb #pun-main.main, #pun-searchtopics.punbb #pun-main.main.multipage, #pun-viewforum.punbb #pun-main.main.multipage, #register.container, #pun-login.punbb #pun-main.main, #pun-redirect, #pun-maint, #pun-modviewforum.punbb #pun-main.main.multipage, #pun-movetopic.punbb #pun-main.main {
    position: relative;
    display: inline-block;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 96%; /* ширина строки */
    margin-left: -1%;  
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}

/* страница сообщений и админка левая колонка*/
#pun-messages #pun-main.main #profilenav {
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 30%; /* ширина строки */
    padding: 2% 1%; /* отступы блоков справа и слева */ 
}

/* админка левая колонка*/
#pun-admain.adminmain #pun-adnav {
    margin-left: -18vw;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 30%; /* ширина строки */
    padding: 2% 1%; /* отступы блоков справа и слева */ 
}

/* админка */
#pun-admain.adminmain {
    position: relative;
    display: inline-block;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 75%;
    left: 12%;
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}

/* страница сообщений правая колонка*/
#pun-messages #pun-main.main #messages {
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 100%; /* ширина строки */
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}


/* страница профиль_редактировать*/
/* #pun-profile #pun-main.main #profile.formal {
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 92%; /* ширина строки */
    margin-left: 2%; 
    padding: 2% 2%; /* отступы блоков справа и слева */ 
}*/

/* контейнер на перечисление тем на странице подфорума*/
#pun-viewforum #pun-main.main.multipage/* контейнер на перечисление тем на странице подфорума*/, #pun-searchtopics #pun-main.main.multipage/* контейнер на перечисление тем на странице акт тем*/, #pun-userlist #pun-main.main.multipage/* контейнер на странице участники*/, #pun-message #pun-main.main/* результаты поиска*/ {
    position: relative;
    display: inline-block;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 95%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 2% 2%; /* отступы блоков справа и слева */ 
    z-index: 2;
}


#pun-index #pun-category1 tr, #pun-index #pun-category2 tr, #pun-index #pun-category3 tr, #pun-index #pun-category5 tr, #pun-index #pun-category6 tr, #pun-index #pun-category7 tr{
    position: relative;
    display: inline-block;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 35 190 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    background-color: transparent;
    vertical-align: top; /* выравнивание по верху */
    width: 46%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 10px 10px; /* отступы блоков справа и слева */ 
}

#pun-index #pun-category4 tr {
    position: relative;
    display: inline-block;
    border-image-source: url(http://forumstatic.ru/files/001b/bf/bc/39055.png);
    border-image-slice: 55 200 35 fill; /* Вырезка рамки верх-право-низ-лево 3 значения — верх, одинаковые бока и низ, 2 значения — верх-низ и бока, 1 значение — одинаковая толщина со всех 4 сторон */
    border-image-repeat: repeat round;    
    border-image-width: auto; /* можно просто auto, эффект будет тот же */
    border-image-outset: -1px -3px -1px 0px; /* Вынос рамки за габариты блока*/
    vertical-align: top; /* выравнивание по верху */
    width: 92%; /* ширина строки */
    margin: 0px 0; /* отступы блоков сверху и снизу */
    padding: 10px 0px 10px 40px; /* top | right | bottom | left */ 
}

/* CS1.1 */
 .punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box,  #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }
  
/* текст на странице профиля */
#viewprofile li strong {
  background-color: transparent;
  color: #343d2d;
  }
#viewprofile li span{
  background-color: transparent;
  color: #847d5b;
  }



/* CS1.2 оформление форумов на главной*/   
/* колонка последнее сообщение в описании раздела*/
#pun-index #pun-category1 td.tcl, #pun-index #pun-category2 td.tcl, #pun-index #pun-category3 td.tcl, #pun-index #pun-category5 td.tcl, #pun-index #pun-category6 td.tcl, #pun-index #pun-category7 td.tcl {
    display: inline-block; 
    float: left; /* расположение слева */
    width:  88%; /* ширина ячейки */ 
    height: 4vw;
    padding-bottom: 10%; /* отступ снизу для размещения под описанием других ячеек */ 
}

#pun-index #pun-category4 td.tcl {
    display: inline-block; 
    float: left; /* расположение слева */
    width: 92%; /* ширина ячейки */ 
    height: 10%;
    padding-bottom: auto; /* отступ снизу для размещения под описанием других ячеек */ 
}

/* Ячейка с последним сообщением */
#pun-index #pun-category1 td.tcr, #pun-index #pun-category2 td.tcr, #pun-index #pun-category3 td.tcr, #pun-index #pun-category5 td.tcr, #pun-index #pun-category6 td.tcr, #pun-index #pun-category7 td.tcr {
display: block;
margin-left: 1vw; /* Отступ влево */
width: 70%; /* ширина */
height: 75px;
}

#pun-index #pun-category4 td.tcr  {
display: block;
margin-left: 1vw; /* Отступ влево */
width: 92%; /* ширина */
height: 10%;
}

/* Ячейки "Тем" и "Сообщений" */
#pun-index #pun-category1 td.tc2, #pun-index #pun-category1 td.tc3, #pun-index #pun-category2 td.tc2, #pun-index #pun-category2 td.tc3, #pun-index #pun-category3 td.tc2, #pun-index #pun-category3 td.tc3, #pun-index #pun-category5 td.tc2, #pun-index #pun-category5 td.tc3, #pun-index #pun-category6 td.tc2, #pun-index #pun-category6 td.tc3, #pun-index #pun-category7 td.tc2, #pun-index #pun-category7 td.tc3, #pun-index #pun-category4 td.tc2, #pun-index #pun-category4 td.tc3 {
    position: absolute;
    color: #847d5b!important;
    font-size: 19px!important;
    font-family: 'Comic CAT';
    display: block;
    width: 1.6vw; /* ширина */
    height: 0.8vw;
    -webkit-border-radius: 0.4vw;
}

/* Ячейка "Тем" */
#pun-index #pun-category1 td.tc2, #pun-index #pun-category2 td.tc2, #pun-index #pun-category3 td.tc2, #pun-index #pun-category5 td.tc2, #pun-index #pun-category6 td.tc2, #pun-index #pun-category7 td.tc2 { 
    margin-left: 24vw; /* Отступ слева */
    margin-top: 9vw;
}

#pun-index #pun-category4 td.tc2 { 
    margin-left: 53vw; /* Отступ слева */
    margin-top: 8.6vw;
}

/* Ячейка "Сообщений" */
#pun-index #pun-category1 td.tc3, #pun-index #pun-category2 td.tc3, #pun-index #pun-category3 td.tc3,  #pun-index #pun-category5 td.tc3, #pun-index #pun-category6 td.tc3, #pun-index #pun-category7 td.tc3 { 
    margin-left: 27vw; /* Отступ слева */
    margin-top: 9vw;
}

#pun-index #pun-category4 td.tc3 { 
    margin-left: 57vw;/* Отступ слева */
    margin-top: 8.6vw;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #343b29;
  }

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

/* CS1.6*/
 #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #343d2d;
  }

.punbb th{ /* строка тема ответов просмотром посл соо на стр подфорума */
counter-increment: categories;
    height: auto;
    padding: 5px; 
    color: #343d2d;
}

.punbb td.tcl { /* для ячейки с названием и описанием */
counter-increment: categories;
    background: transperent;
    height: auto;
    overflow: hidden;
    color: #343d2d;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333
  }

/* CS1.8 */

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

/* CS3 Links
-------------------------------------------------------------*/
/* название подфорума на главной*/
.punbb a, .punbb a:link, .punbb a:visited {
    transition: color 0.3s ease-in-out;
    color: #6B6543;
    text-decoration: none;
}

/* CS3.1 цвета в админке*/
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #343d2d;
  text-decoration: none;
  }

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

/* CS3.2 */
/* название подфорума на главное при наведении*/
.punbb a:hover {
    color: #d2691e;
}

/* цвет времени поста в теме сверху*/
.punbb a.permalink{
    color: #d2d7c9;
}

.punbb a.permalink:hover{
    color: #a8ad9f;
}



.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: #343d2d;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  }

/* CS4 иконки */
/* III. ИКОНКИ
-------------------------------------------------------------*/
div.icon {
    border-color: #89815e #5d5d46 #4a4a2e #5d5d46; /* вверх лево низ право*/
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #4e523a !important;
}
/* закрытая */
tr.iclosed div.icon {
    border-color: #AAAAAA #898989 #6A6A6A #818181;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #706b61 !important;
}
/* новая */
div.inew {
    border-color: #81A957 #7A9D54 #627648 #759451;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #094500 !important;
}
/* важная */
tr.isticky div.icon {
    border-color: #eac68b #d6930f #a44300 #d99714;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #53563c !important;
}

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

/* иконки в форме ответа */
#form-buttons #button-font, /* шрифты */
#form-buttons #button-size, /* размер */
#form-buttons #button-bold, /* толщина */
#form-buttons #button-italic, /* наклонный */
#form-buttons #button-underline, /* подчеркнутый */
#form-buttons #button-strike, /* зачеркнутый */
#form-buttons #button-indent, 
#form-buttons #button-left, /* выравнивание слева */
#form-buttons #button-center, /* выравнивание по центру */
#form-buttons #button-right, /* выравнивание справа */
#form-buttons #button-link,/* ссылка */
#form-buttons #button-spoiler,/* свернутый текст */
#form-buttons #button-image,/* изображение */
#form-buttons #button-image2,/* изображение2 */
#form-buttons #button-video, /* видео */
#form-buttons #button-hide, /* скрытый текст */
#form-buttons #button-quote,/* цитата */
#form-buttons #button-code,/* код */
#form-buttons #button-color,/* цвет */
#form-buttons #button-table,/* таблица */
#form-buttons #button-smile,/* смайлы */
#form-buttons #button-keyboard,/* виртуальная клавиатура */
#form-buttons #button-addition,/* дополнительно */
#form-buttons #button-dice, /* кубики */
#form-buttons #button-html {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    margin-top: 15px !important;
    position: relative;
    width: 27px;
    height: 13px;
    color: #e8e0d2;
}


#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 4px; /* отступы кнопок друг от друга */}

#form-buttons td img {
    height: 28px;
    width: 100%;
    margin-top: -12px !important;
}

 
#button-font:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-indent:before {content: "\f03c"}
#button-left:before {content: "\f036"}
#button-center:before {content: "\f037"}
#button-right:before {content: "\f038"}
#button-link:before {content: "\f0c1"} 
#button-spoiler:before {content: "\f187"} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";}  
#button-image:before {content: "\f007"} 
#button-image2:before {content: "\f007"} 
#button-video:before {content: "\f03d"} 
#button-hide:before {content: "\f070"} 
#button-quote:before {content: "\f10d"} 
td#button-code:before {content: "\f121"}  
td#button-color:before {content: "\F043"} 
#button-table:before {content: "\f0ce"} 
#button-smile:before {content: "\f118"}
#button-keyboard:before {content: "\f11c"} 
#button-addition:before {content:"\f067";}
#button-dice:before {content:"\f1b2";}



.post-img-Sp.Spb1 {
background: #D3B163;
display: inline-block;
font-size: 13px!important;
font-family: 'Comic CAT';
width: 40%;
color: #342821;
margin-top: 0.6vw;
}
.post-img-Sp.Spb2 {
background: #D3B163;
font-size: 13px!important;
font-family: 'Comic CAT';
display: inline-block;
width: 40%;
margin-left: 4%;
color: #342821;
margin-top: 0.6vw;
}


 .poforumIndex {
    height: 3vw;
    padding: 5px; 
    overflow: auto;
    color: #1d212c;
    font-size: 16px!important;
}

 .poforumIndex1 {
    width: 90%;
    height: 5vw;
    overflow: auto;
    color: #1d212c;
    font-size: 16px; 
 }

.forumpic img {
    width: 44vw;
    height: 3vw;
    position: absolute;
    top: 0.4vw;
    left: 15.3vw;
    background-size: contain;
    z-index: 22;
 }

 .weather_name {
    font-family: 'Comic CAT';
    font-size: 19px;
    color: #44412f;
    border-bottom: 1px solid #7c7653;
    text-align: center;
 }

.data_name {
    font-family: 'Comic CAT';
    font-size: 19px;
    color: #44412f;
   border-bottom: 1px solid #7c7653;
   text-align: center;
 }

 /* название форума */
 #html-header info1 {
    position: absolute !important;
    top: -40vw;
    text-align: center;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-family: 'Comic CAT';
    letter-spacing: 0.2vw;
    font-size: 75px;
    color: #272B0E!important;
    text-shadow: -0   -1px 0   #EFE1C9,
0   -1px 0   #EFE1C9,
-0    1px 0   #EFE1C9,
0    1px 0   #EFE1C9,
-1px -0   0   #EFE1C9,
1px -0   0   #EFE1C9,
-1px  0   0   #EFE1C9,
1px  0   0   #EFE1C9,
-1px -1px 0   #EFE1C9,
1px -1px 0   #EFE1C9,
-1px  1px 0   #EFE1C9,
1px  1px 0   #EFE1C9,
-1px -1px 0   #EFE1C9,
1px -1px 0   #EFE1C9,
-1px  1px 0   #EFE1C9,
1px  1px 0   #EFE1C9;
    } 

/* баннеры */
.banners { 
    margin-top: 40px!important;
    position: absolute;
    width: 92%;
    height: 2.5vw;
    overflow: auto;
    padding: 0.2vw 0.5vw;
    transition: .5s all!important;
}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}