:root {
--bg-wrap: rgba(35, 35, 35, 0.1);
--base-bg2: #F1F1F1;
--borders: #303030;

--lines: #F1F1F1;
--lines2: #F1F1F1;

--links: #DCAC5D;
--links2: #DCAC5D;
--hover-link: #7B8B7B;
--black: #303030;

--fill1: #303030;
--fill2: #F1F1F1;
}




/* для мобильных устройств 
-------------------------------------------------------------*/
body { overflow-y: scroll!important;}
html, body {min-width: 540px!important;}
#pun_wrap  { min-width: 1100px !important;}
html {-webkit-text-size-adjust: none;  -moz-text-size-adjust: none; -ms-text-size-adjust: none;}


/*  убираем рамки и подчеркивание текста
-------------------------------------------------------------*/
.punbb a, .punbb th, .punbb td.tc2, .punbb td.tc3,.punbb .post h3,  .punbb .info-box, .punbb .post-body, .punbb .post-links,  .punbb legend span, .punbb .post h3 span, .punbb .main .container, .punbb .post .container,.punbb .main .container,
.punbb .post .container,.punbb .section .container, .punbb .formal fieldset .post-box, .punbb #pun-main .info-box .legend, 
.punbb-admin #pun-admain .adcontainer, .punbb-admin #pun-admain legend span, #pun-adnav ul.adsubnav a #viewprofile li strong, #viewprofile h2 span, #profilenav h2 span, #viewprofile li div, #setmods dd,#viewprofile li, 
#setmods dl {text-decoration: none!important; border-color: transparent;}

.post h3, .punbb .modmenu, .punbb .container, .punbb .post-body, .punbb .code-box,.punbb .category, .punbb .main h1,
.punbb .main h2, .usertable table,.punbb .section, .punbb .forum, .punbb .formal, .punbb .info,.punbb .post, .post-links ul, 
.post-links, .punbb .divider, .punbb .info-box, .punbb-admin #pun-admain h2,.punbb th,.punbb .quote-box, .punbb td, .punbb fieldset, .punbb .post .post-body, .punbb .post h3 span, .punbb .formal fieldset .post-box, #pun-help .formal .info-box h3.legend span, #pun-help .formal .info-box h3.legend, #pun-announcement h2 span, #pun-announcement h2,
#pun-ulinks li a, #pun-debug h2, #pun-stats h2, #viewprofile ul,  #profilenav ul,  #pun-ulinks li, li#onlinelist, li#onlinelist div, li.pa-online, #pun-title { border: none !important; border-style: none !important; border-width: 0 !important;
border-color: transparent !important; text-decoration: none;}


/*  фон
-------------------------------------------------------------*/
body {background: url(https://forumstatic.ru/files/001b/85/c5/36410.png?v=1);  background-size: cover; 
  background-attachment: fixed;}


/*  шапка, тело, футер
-------------------------------------------------------------*/
.punbb {margin-left: 0px; width: 980px; height: auto; padding: 15px;}

#pun {position: relative; width: 1010px; padding: 1px 0 0 0; margin: 160px auto 160px auto; background: url("https://forumstatic.ru/files/001b/85/c5/88304.png?v=1");}

#pun-title table { background: url("https://forumstatic.ru/files/001b/85/c5/22168.png"); height: 360px; 
width: 1010px; margin-top: -120px; margin-left: -15px;}


#pun-about { background: url(https://forumstatic.ru/files/001b/85/c5/26662.png?v=1);  margin: 0px  0px  -90px  -15px;  
 height: 160px; width: 1010px;}


/* цвет текста на форуме
      -------------------------------------------------------------*/
.punbb a, .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .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-adnav ul.adsubnav a {
  color: #303030; 
}

/* меню навигации: форум, участники и т. д.
      -------------------------------------------------------------*/
#pun-navlinks a {color: #303030!important;}
#pun-navlinks a:hover,  #pun-navlinks a:focus, #pun-navlinks a:active {color: #7B8B7B!important;}

/* меню навигации 2: новые соо, активные темы и т. д.
      -------------------------------------------------------------*/
#pun-ulinks a { color: #303030!important;  }
#pun-ulinks a:hover,  #pun-ulinks a:focus, #pun-ulinks a:active { color: #7B8B7B!important;}



/* ссылки не активные */
.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-admain a, #pun-adnav .isactive ul.adsubnav a,  #pun-adnav ul.adsubnav a {  color: #303030; text-decoration: none!important; }

/* ссылки активные */
.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, #pun-admain a:hover, 
#pun-adnav .isactive ul.adsubnav a:hover {color: #7B8B7B; text-decoration: none;}

.punbb .post-content a { color: #!important; text-decoration: none; font-weight: 600;}
.punbb .post-content a:hover { color: #; text-decoration: none; font-weight: 600;}



/* стиль админпанели
      -------------------------------------------------------------*/
#pun-adnav h2, .adformal h2 {background-color: inherit !important; border: none!important;}
.adcontainer {border: none !important;}
#pun-admain *{border-color: transparent;}
#pun-admain * {margin: 0;}
#pun-admain .adcontainer td {border-color: transparent!important;}
#pun-admain fieldset {border-color: transparent!important;}
.punbb-admin #pun-admain h2, #pun-admain legend, .punbb-admin #pun-admain legend span {display: none;}
#pun-adnav ul.adsubnav a {color: #303030!important; }

#pun-admain textarea { margin-left: 4px!important; border-radius: 0px; background-color: #F1F1F1;
border: 1px solid #303030!important; color: #303030!important;}

#pun-admain select { padding: 2px 2px 2px 2px; margin-bottom: 5px!important; outline: none!important; border-radius: 0px; font-size: 11px!important; background-color: #F1F1F1; border: 1px solid #303030!important; 
color: #303030!important;}

#pun-admain input{padding: 6px 10px 6px 10px !important; outline: none!important; border-radius: 0px;  font-size: 11px!important; text-transform: lowercase; background-color: #F1F1F1; border: 1px solid #303030!important; 
color: #303030!important;}

#pun-admain a {color: #303030!important; text-transform: uppercase; font-size: 9px; }
#pun-admain a:hover {color: #7B8B7B!important;}
#pun-adnav .isactive ul.adsubnav a {color: #303030!important; text-shadow: none; text-transform: lowercase; 
 font-size: 11px; }
#pun-adnav .isactive ul.adsubnav a:hover {color: #7B8B7B!important;}

/* Категории
      -------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none;}

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 { margin: 0px 0 10px -15px !important; font-size: 0px !important; text-transform: uppercase; color: transparent; height: 20px; background-position: center; width: 1010px;
}
#pun-category1.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}
#pun-category2.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}
#pun-category3.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}
#pun-category4.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}
#pun-category5.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}
#pun-category6.category h2 {background:url(https://forumstatic.ru/files/001b/85/c5/40883.png);}

/*статистика*/
#pun-stats.section h2 {background: url(https://forumstatic.ru/files/001b/85/c5/40883.png); margin: 5px; font-size: 0px !important; height: 20px;  margin-left: -15px; width: 1010px; }

#post-form.formal h2 {background: url(https://forumstatic.ru/files/001b/85/c5/40883.png); margin: 5px; font-size: 0px !important;  height: 20px;  margin-left: -15px; width: 1010px;}


/*  на главной странице
-------------------------------------------------------------*/
#pun-index .tcr { width: 40%; position: relative; overflow: visible; text-align: right;}

.punbb .main .tcr span.lastpost { display: block; padding: 4px 0px 0px 0px;  color: #333!important; text-transform: lowercase; font-size: 10px; }

.punbb .main .tcr a{ font-family: 'roboto'; font-weight: 600;  font-size: 12px;  color: #7B8B7B!important; 
 text-transform: lowercase; letter-spacing: .2px;}

.punbb .main .tcr a:hover{font-family: 'roboto';  font-weight: 600; font-size: 12px; color: #DCAC5D!important; 
text-transform: lowercase; letter-spacing: .2px;}

.punbb:not(#pun-userlist):not(#pun-messages) .user-avatar { width: 32px!important; height: 34px!important; 
transition-duration: 0.25s; padding: 1px 1px 0px 7px; float: right; }

#pun .user-avatar .avatar-image {border-radius: 5px!important; height: 30px; width: 30px; margin-left: 2px; margin-top: -4px; opacity: 1!important; outline: none;  border: 1px solid #b1aca9!important; opacity: 0.8!important;  filter: grayscale(1) !important;}

#pun .user-avatar .avatar-image:hover { opacity: 1!important; filter: none !important; }

.punbb .user-avatar .isonline { width: 6px!important; height: 6px!important; z-index: 0!important; margin-top: -8px; 
margin-left: 8px;  outline: none; background-color: #DCAC5D!important;}


/*  общее
-------------------------------------------------------------*/
.category .container thead { text-transform:lowercase; }
.offline li.pa-online strong {font-weight: normal;}
 a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;}
#dns-ip-replace-notify {display:none!important;}
.punbb th {background-color: #transparent !important; color: transparent !important;}
td.tcl a.registered-user { font-family: Montserrat; font-weight: 500; font-size: 9px;   color: #333!important;  text-transform: uppercase;}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld5 .fld-name, .pa-fld6 .fld-name {display: none;}

/*прокрутка*/
::-webkit-scrollbar {width: 6px; height: 6px  background-color: #F1F1F1; border: solid 1px #303030!important;}
::-webkit-scrollbar-track {  background-color: #F1F1F1; border: solid 1px #303030!important; width: 6px; height: 6px; }
::-webkit-scrollbar-corner {background: #303030; }
::-webkit-scrollbar-thumb{background-color: #DCAC5D;  width: 5px; height: 5px; border-radius:  0px; border: 1px solid #303030;}
::-webkit-scrollbar:horizontal {width: 6px; height: 6px; background-color: #d0ccc9; border: solid 1px #303030!important;}
::-webkit-scrollbar-horizontal {background-color: #DCAC5D;  width: 5px; height: 5px; border-radius:  0px; border: 1px solid #303030;}

/*выделение*/
body *::-moz-selection { background: rgba(123, 139, 123); color: rgb(241, 241, 241);}
body *::-webkit-selection {background: rgba(123, 139, 123, 0.9);color: rgb(241, 241, 241);}
body *::selection { background: rgba(123, 139, 123, 0.9); color: rgb(241, 241, 241);}

/*блюр на зачеркнутое*/
.punbb .post-content strike, del {text-decoration: none; filter: blur(1px); }
.punbb .post-content strike:hover, del:hover { text-decoration: none;  filter: none;}




/*  посты
-------------------------------------------------------------*/
.punbb input, .punbb select, .punbb .longinput input { background-color: #e7e7e7; outline: none!important;
border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; 
border-radius: 0px;}

.punbb .code-box { border-radius: 0; background: #F1F1F1; border: solid 1px #303030!important;}

.punbb .quote-box { border-radius: 0px; background-color: #F1F1F1; border: solid 1px #303030!important;}

.punbb textarea { border-radius: 0;  background: #F1F1F1; border: solid 1px #303030!important; outline: none;}

#form-buttons { width:100%;  border-radius: 0;  background-color: #F1F1F1; border: solid 1px #303030!important;
margin: 0px -3px 3px 0px;  padding: 0 2px!important;}

#main-reply { width:100%;  height: 200px;}
.punbb .formal span.input { margin-left: -0px!important;}
.punbb #font-area { height: 194px; overflow: auto; }

#tags .container {padding: 5px 5px 5px 5px!important; border-radius: 0;  background-color: #F1F1F1;
border: solid 1px #303030!important; color: #333!important;}
#tags .container { position: absolute; right: 6px; top: 42px!important; z-index: 2;}
#pun-edit #tags .container { top: 60px !important;}

#keyboard-span input { cursor:pointer; height:25px; min-width:30px; background-color: transparent!important;  
color: #333!important;  padding: 0 !important; outline: none !important;}


small#plng { font-family: 'Unbounded', cursive; font-weight: 500; font-size: 8px; color: #333!important;
text-transform: uppercase;  text-decoration: none!important; font-style: normal;}
#pun-messages small#plng {display:none!important;}

#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {background-image: none !important;  width: 768px !important; margin-left: -4px;  padding: 0px !important;  height: 18px !important;  border-radius: 0px; background-color: #F1F1F1; border: solid 1px #303030!important; color: #333!important; text-align: justify;}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { min-height: 20px; padding: 7px;  margin: 19px 4px;  outline: none; max-width: 760px; border-radius: 0px;  background-color: #F1F1F1; border: solid 1px #303030!important; color: #333!important; text-align: justify;}

/* hr и линия перед подписью со звездой © blanche */
.punbb .post-sig dt, .post-content hr { margin: 20px 0 !important;  display: flex; justify-content: center;}
.punbb .post-sig dt, .post-content hr { opacity: 0.5; filter:alpha(opacity=0); margin-bottom:0.8em; background-color: #303030; height: 1px; }
.post-content hr { opacity: 0 !important; border-bottom: none !important;}
 .post-content hr:before {width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 25px;    
 color: #303030!important; position: absolute; background: #F1F1F1; margin: -12px;}
.punbb .post-sig dt:before{width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 25px;    
color: #303030!important; position: absolute; background: #F1F1F1; margin: -12px;
}

/* профиль
-------------------------------------------------------------*/
/*настройки аватарок*/
li.pa-avatar  {margin-top: 5px; margin-bottom 5px; }
li.pa-avatar img {border-radius: 0px !important; object-fit:cover;  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  -o-transition:all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out; }

/*профиль на главной странице */
#viewprofile {padding: 20px; border-radius: 0px;}
#profile-left{border-radius: 0px;  text-align: center; background: #F1F1F1 url(https://forumstatic.ru/files/001b/85/c5/33845.png) no-repeat right bottom; border: 1px solid #303030!important;}
#profile-right li span{text-transform: lowercase; font-size: 11px; line-height: 10px; padding-top: 4px!important;
background-color: #F1F1F1; border: 1px solid #303030!important; border-radius: 0px; color: #303030!important;}
#profile-right li {  margin: 10px -5px;}
#profile-right li span a{color: #303030!important; }
#profile-right li strong {border-bottom: 1px solid #303030;}
#profile-left #profile-name strong {font-family: 'Unbounded', cursive; font-weight: 500;  text-transform: uppercase;  
font-size: 11px;  color: #DCAC5D!important; border-radius:  0; line-height: 16px; background-color: #303030;}
#profile-left #profile-name strong {margin-bottom:5px;}
#profile-left #pa-edit strong a {margin-top: 8px; padding: 4px 4px; border-radius: 0 0 0 0; font-size: 9px!important;  
color: #303030!important; font-family: 'Unbounded', cursive; font-weight: 500; text-transform: uppercase; background-color: #F1F1F1; border: 1px solid #303030!important;}
#profile-left #profile-title strong {text-transform: lowercase; font-size: 11px;  color: #303030!important; 
font-style: normal!important; font-weight: normal!important;}
#profile-left #pa-online strong {font-size: 9px!important; color: #303030!important; font-family: 'Unbounded', cursive;
font-weight: 500; text-transform: uppercase;}
#pa-avatar img{ border-radius: 0px !important; }
#profile-signature { border-color: transparent!important; border: none!important;}
#profile-signature ul {border: none!important; border-color: transparent!important;}
li.pa-avatar.item2 img {max-width: 180px!important; max-height: 180px!important;}

/* закладки */
div#MyBookmarks { z-index: 12003!important; left: 0px!important; top: 70px!important; border-radius: 0px; 
background-color: #F1F1F1; border: 1px solid #303030!important; height: 600px!important;}
#BookmCntToggle.default-style { background: #F1F1F1; border-left: solid 5px currentColor; box-shadow: 0 0 6px rgb(0 0 0 / 42%); color: #7B8B7B!important; display: block; height: 26px; width: 21px; top: 20px!important; 
position: fixed!important; z-index: 12002!important;}
#MyBookmarks h2, #MyBookmarks h1 {padding-left: 1em; padding-right: 1em; text-align: left !important; 
background-color: #DCAC5D; font-family: 'Unbounded', cursive; font-weight: 500; text-align: center; align-items: center; 
text-transform: uppercase; color: #303030!important;  font-size: 10px;}
#MyBookmarks .deS { display: block; top: 0 !important; text-align: center;}

/* кнопки вверх/вниз */
.go-up, .go-down { cursor: pointer; display: none; height: 42px; margin-bottom: 160px;  opacity: 1; 
position: fixed; width: 42px;  z-index: 9999; }
.go-up { bottom: 58%; margin-left: 1000px !important;}
.go-down {bottom: 44%; margin-left: 1000px !important;}
.go-down:hover, .go-up:hover { opacity: 1;}


/* баннеры */
.banners { position: absolute;  margin-left: 40px !important; width: 900px; height: 60px; overflow-y: auto; 
margin-top: -15px !important; text-align: center;}
.banners a{ -webkit-filter:saturate(0%); filter:saturate(0%);}
.banners a:hover { -webkit-filter:saturate(100%); filter:saturate(100%);}



/* таблица
-------------------------------------------------------------*/

/* нужные в таблицу */
.nuzhn { position: absolute; margin-left: 30px!important;  top: 2px; width: 45px; height: 200px;  }
.nuzhn div { display: inline-block; position: relative; width: 45px; height: 45px; margin-top: 5px!important; 
border-radius: 50px; background-color: #7B8B7B!important; border: 1px solid #!important;}
.nuzhn2 {position: absolute; margin-left: 905px!important; top: 2px; width: 45px;  height: 200px; }
.nuzhn2 div { display: inline-block; position: relative; width: 45px; height: 45px; margin-top: 5px!important; 
border-radius: 50px; background-color: #7B8B7B!important; border: 1px solid #!important;}


/* навигация */
.naviga {display: inline-block; margin-bottom: 6px!important; color: #303030!important; padding: 0 8px;
border-radius: 0px; height: 18px; text-align: center; text-transform: lowercase; font:500 11px Roboto;  line-height: 18px;
background: #F1F1F1!important; border: 1px solid #303030!important;}
.naviga:hover { display: inline-block; margin-bottom: 6px!important; color: #F1F1F1!important; padding: 0 8px;
border-radius: 0px; height: 18px; font-weight: 600; text-align: center; text-transform: lowercase; font:500 11px Roboto;
line-height: 18px; background-color: #303030!important;}

/*  подфорум
-------------------------------------------------------------*/
/* ссылки  подфорумов */
.podfl{ margin: -5px 0 10px 0px !important; border-radius:  0px; padding: 0 5px; background-color: #303030;
border: 1px solid #303030!important; }
.podfl a { display: inline-block; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px !important; text-transform: lowercase;  font-size: 10px; color: #DCAC5D!important; font-weight: normal!important;}

.podfl a:hover { display: inline-block; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px !important; text-transform: lowercase;  font-size: 10px; color: #F1F1F1!important; font-weight: normal!important;}


/* иконки старые, новые, важные, закрытые */
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-index table Div.icon  {float: right; display: block;  width: 30px; height: 30px;  padding: 0px !important; 
background-image: url(https://forumstatic.ru/files/001b/85/c5/36926.png); background-repeat: no-repeat;
border-style: none; }
#pun-index TR.inew Div.icon {background-image: url(https://forumstatic.ru/files/001b/85/c5/45197.png); background-repeat: no-repeat; }

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
background-color: #303030; height: 14px; width: 7px !important; margin-top: 0px; float: left; border: 1px solid #303030!important; margin-left: -12px;}
#pun-searchtopics TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
background-color: #7B8B7B; height: 14px; width: 7px !important; margin-top: 0px; float: right; border: 1px solid #303030!important; }
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon {
background-color: #303030; width: 7px !important; height: 14px; margin-top: 0px;}
#pun-searchtopics TR.iclosed Div.icon , #pun-messages TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon {
background-color: #DCAC5D; width: 7px !important; height: 14px; margin-top: 0px; border: 1px solid #303030!important; }


/* наведение в шапке
-------------------------------------------------------------*/
.reflectiheader { background: #303030; background: url(https://forumstatic.ru/files/001b/85/c5/93093.png) no-repeat; }
.reflectiheaderhover { width: 954px; height: 220px; opacity: 0; transition-duration: 1s;  -moz-transition-duration: 1s; 
-webkit-transition-duration: 1s;  -o-transition-duration: 1s; margin-top: -72px!important; margin-left: 13px!important;
position: absolute;}
.reflectiheaderhover:hover { color: #303030; width: 954px; height: 220px;
background-color: #303030; background: url(https://forumstatic.ru/files/001b/85/c5/93093.png) no-repeat; 
opacity: 10; }
.reflectiheadercontent { width: 954px; height: 220px; background: #303030; background: url(https://forumstatic.ru/files/001b/85/c5/93093.png) no-repeat; color: #303030; }






#quote{ width: 800px; margin-top: 90px!important; margin-left: 70px!important;
position: absolute; display: block; 
padding-top: 4px!important; padding-left: 6px!important; padding-bottom: 2px!important; background-color: #303030;
border: solid 1px #303030!important; font-family: 'Unbounded', cursive; font-weight: 500;  font-size: 10px;  
color: #DCAC5D!important;  text-transform: uppercase; text-decoration: none!important;  font-style: normal; 
line-height: 14px;border-radius: 0;
}



/* нужные в таблицу */
.nuzhn3 { position: absolute; margin-left: 240px!important;  top: 164px; width: 200px; height: 45px;  }
.nuzhn3 div { display: inline-block; position: relative; width: 45px; height: 45px; margin-top: 5px!important; 
border-radius: 50px; background-color: #7B8B7B!important; border: 1px solid #!important; opacity: 0.5!important;  filter: grayscale(1) !important; transition: 1s;}
.nuzhn3 div:hover {opacity: 1 !important; filter: none !important;}

.nuzhn4 {position: absolute; margin-left: 600px!important; top: 164px; width: 200px;  height:45px; }
.nuzhn4 div { display: inline-block; position: relative; width: 45px; height: 45px; margin-top: 5px!important; 
border-radius: 50px; background-color: #7B8B7B!important; border: 1px solid #!important; opacity: 0.5!important;  filter: grayscale(1) !important; transition: 1s;}

.nuzhn4 div:hover {opacity: 1 !important; filter: none !important;}









/* бегунок громкости */
#volSlider { width: 100px; height: 5px; display: inline-block; border-radius: 5px!important;  float: right; 
 margin-top: 5px; margin-left: 1em; background-color: #F1F1F1!important; border: solid 1px #303030!important;
 box-shadow: none!important;}

#volSlider .before { height: 5px; margin-top: -1px; border-radius: 0!important; background-color: #303030!important;
border: solid 1px #F1F1F1!important; box-shadow: none!important;}

#volSlider .thumb {display: inline-block; position: relative; width: 5px; height: 5px; border-radius: 5px!important; 
 top: -.9em; left: 0; cursor: pointer; background-color: #DCAC5D!important; border: solid 1px #303030!important;
 box-shadow: none!important;}