/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 
background-color: transpanent;
color: #060606;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {
background-color: #dcd7b9;
background-position: top center; 
background-attachment: fixed;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://forumstatic.ru/files/001a/c2/d9/85471.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 920px;
height: 263px;
margin-left: -13px;
}

/* CS1.4 Пан или "тело" форума */
#pun {
background-color: #ffffff; 
background-image: url(http://forumstatic.ru/files/001a/c2/d9/47071.png);
}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {
background-image: url(http://forumstatic.ru/files/001a/c2/d9/19109.png); 
background-position: top center; 
background-repeat: no-repeat; 
width: 920px;
height: 110px; 
margin-left: -25px;
margin-bottom: -63px;
}


/* CS1.7 Шрифты, размер текста на bb-панели */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
overflow-y: auto;
text-shadow: none;
border: 1px solid #c6c8c5;
padding: 10px;
max-height: 200px;
background-color: #f0efee!important;
color: #372514;
}

#smilies-area {
    width: 480px!important;
    overflow: hidden;
}

/* CS2 Ссылки */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #7a7640;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}


/* CS2.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: #251c1a;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}

.punbb .post-content a {
  color: #7a7640;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}

.punbb .post-content a:hover {
  color: #251c1a;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}

/* CS2.5 */
.permalink {
   font-family: 'Noto Sans SC', sans-serif;
   font-weight: 400;
   font-size: 10.5px;
   line-height: 10px;
   letter-spacing: -0.2px;
   text-transform: uppercase;
   padding-left: 16px;
   height: 17px;
}


.pl-email a, .pl-share a, .pl-delete a, .pl-edit a, .pl-quote a, .pl-reports a {
   font-family: 'Noto Sans SC', sans-serif;
   font-weight: 300;
   font-size: 11px;
   line-height: 11px;
   color: #251c1a!important;
   letter-spacing: -0.2px;
   text-transform: uppercase;
   height: 17px;
}

.pl-email a:hover, .pl-share a:hover, .pl-delete a:hover, .pl-edit a:hover, .pl-quote a:hover, .pl-reports a:hover {
  color: #7a7640!important;
}


/* CS3 Иконки старых, новых, важных, закрытых тем */

#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
    float: left;
    margin-top: -6px;
    margin-right: 8px;
    display: block;
    width: 27px;
    height: 27px;
}

/* Иконки сообщений в подфоруме */
#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/d9/59839.png) no-repeat;
}

#pun-viewforum tr.inew div.icon, #pun-messages tr.inew div.icon, #pun-searchtopics tr.inew div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/d9/45821.png) no-repeat;
}

#pun-viewforum tr.isticky div.icon, #pun-messages tr.isticky div.icon, #pun-searchtopics tr.isticky div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/d9/95612.png) no-repeat;
}

#pun-viewforum tr.iclosed div.icon, #pun-messages tr.iclosed div.icon, #pun-searchtopics tr.iclosed div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/d9/71325.png) no-repeat;
}

	
/* CS4 Картинки категорий */

#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/001a/c2/d9/81828.png);
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/001a/c2/d9/37008.png);
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/001a/c2/d9/30265.png);
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/001a/c2/d9/29816.png);
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category5.category h2 {
background: url(http://forumstatic.ru/files/001a/c2/d9/79698.png);
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-stats h2 {
background: url("http://forumstatic.ru/files/001a/c2/d9/60762.png") no-repeat;
height: 48px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
border-style: none;
}


/* CS5 Прочие элементы */

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
  border: 1px solid #b3a498!important;
  background-color: #ffffff; 
}

.quote-box blockquote .quote-box {
  border: 1px solid #b3a498!important;
  background-color: #ffffff; 
}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
  color: #000000;
  background-color: #ffffff; 
}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -150px; 
top: 0px;
}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {text-align: center;}
#pun-announcement h2 {display: none;}
#pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}


/* CS5.7 Ползунок */
::-webkit-scrollbar {
    height: 11px;
    width: 11px;
}
 
::-webkit-scrollbar-thumb { background: #ffffff;}
::-webkit-scrollbar-track { background: #000000;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
   border: 5px solid; color: #dcd7b9;
}

/* ползунок в окнах с текстом */
.punbb textarea::-webkit-scrollbar {
   height: 5px;
   width: 5px;
}

.punbb textarea::-webkit-scrollbar-thumb { background: #ffffff;}
.punbb textarea::-webkit-scrollbar-track { background: #dcd7b9;}
.punbb textarea::-webkit-scrollbar-thumb, .punbb textarea::-webkit-scrollbar-track {
   border: none!important;
}

/* CS5.8 */
::selection {
background: #d3ce91; 
color: #0a1e21;
}

/* CS6 */
.mirnua {
text-indent: 20px;
}

/* N1 цвет имени автора */

.pa-author a{
  color: #251c1a!important;
  transition: color 0.4s linear 0s;
}

.pa-author a:hover{
  color: #f05009!important;
  transition: color 0.4s linear 0s;
}

/* KK1 подфорумы */

.utopiathechain {
  text-align: justify;
  font-family: pt Sans;
  line-height: 12px;
  font-size: 11.5px;
  border: 1px solid #b3a498!important;
  padding: 16px 10px 13px 10px;
}

.utopialink {
  font-weight: 700;
  font-size: 9px;
  text-align: left;    
  font-family: pt sans;
  text-transform: uppercase;
  width: 455px; 
  color: #807b39; 
  font-style: italic;
  padding-left: 15px;
  height: 12px!important;
}

.utopialink a { 
  color: #f05009!important; 
  transition: color 0.3s linear 0s;
  font-style: normal!important;
}

.utopialink a:hover { 
  color: #060606!important;
  transition: color 0.4s linear 0s;
  font-style: normal!important;
}


/* профиль отдельной страницей */
#profile-right {
    width: 60%!important;
}

#profile-left {
    width: 40%!important;
    padding-top: 0!important;
    text-align: center!important;
    font-weight: normal;
    margin-top: -15px!important;
}

#profile-name strong {
   font-size: 18px!important; 
   font-family: ruda!important;
   font-weight: bold!important;
   text-transform: uppercase; 
   padding: 0px!important;
}

#profile-title strong {
   font-family: noto sans sc;
   font-weight: 300!important;
   text-transform: uppercase; 
   font-size: 11px!important;
   margin: 0 30px 0 27px !important;
   padding-bottom: 0px!important;
}

#profile-gifts {
   display: none!important;
}

#profile-left li, #profile-left li * {
   font: 11px Fira Sans;
   text-transform: uppercase; 
}

#profile-right li span {
   font: 11px Fira Sans;
   text-transform: uppercase;
   font-weight: 700l!important; 
}

/* важные и закрытые */
.stickytext {
   text-transform: uppercase;
   font-size: 8.2px;
   font-weight: bold;
   color:#171412;
   background: #efda88;
   padding-left: 5px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 5px!important;
}

.closedatafield{
   text-transform: uppercase;
   font-size: 8.2px;
   font-weight: bold;
   color: #171412;
   background: #cecece;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 5px!important;
}

/* гостевая */
.lefftt, .righhtt {
  text-align: center!important;
}

.lefstna {
  height: 110px;
  overflow-y: auto;
  text-transform: lowercase!important;
  text-align: left!important;
}

.lefstna a {
  font-weight: bold;
}

.lefftt fem, .righhtt mal {
  font-family: ruda;
  font-weight: 800!important;
  background-color: #cecece;
  padding: 5px 5px 5px 5px;
}

.lefstna::-webkit-scrollbar {
   height: 2px;
   width: 2px;
}

.lefstna::-webkit-scrollbar-thumb { background: #ffffff;}
.lefstna::-webkit-scrollbar-track { background: #dcd7b9;}
.lefstna::-webkit-scrollbar-thumb, .lefstna::-webkit-scrollbar-track {
   border: none!important;
}

/* темы */
.lotheme {
  width: 400px;
  border: 1px solid #251c1a!important; 
  border-bottom: 3px solid #251c1a!important; 
}

.lotheme glav {
  width: 350px!important;
  padding: 5px 25px 5px 25px!important;
  background-color: #f7faf8;
  border: 1px solid #251c1a!important;
  border-bottom: 3px solid #251c1a!important;
  font-family: ruda;
  font-weight: 800!important; 
  font-size: 10px;
  color: #7a7640;
  text-transform: uppercase;
}

.lotex {
  padding: 15px 25px 20px 25px!important;
  text-align: justify!important;
}


/* таблица */
.tablinks { 
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  height: 14px; 
  right: 22px;
  text-align: right!important;
  word-spacing: -1px;
  color: #f05009;
  top: 42px;
  font-weight: bold;
  font-style: italic;
}

.tablinks  a {
  color: #060606!important; 
  font-weight: normal!important;
  font-style: normal!important;
  }

.tablinks  a:hover {
  color: #f05009!important; 
  transition: color 0.4s linear 0s;
  font-weight: normal!important;
  font-style: normal!important;
  }

.tabteam {
  text-transform: uppercase;
  position: absolute;
  color: #060606;
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  height: 12px; 
  width: 182px;
  font-size: 8px;
  top: 177px;
  left: 300px;
  text-align: center!important;
  line-height: 10px!important;
}

.tabteam wrd {
  color: #f05009!important;
}

.tabright { 
  color: #060606;
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  line-height: 10px!important;  
  font-size: 10px;
}

.tabright texxt {
   position: absolute;
   top: 180px;
   left: 558px;
   width: 330px;
   height: 32px;
   text-align: justify!important;
   overflow-y: auto!important;
   padding-right: 5px;
}


.tabright texxt a {
  font-weight: 700!important;
  font-size: 10px;
  font-style: italic;
  color: #f05009!important;
  text-transform: uppercase;
}

.tabright texxt a:hover {
  color: #948f47!important;
  transition: color 0.4s linear 0s;
  text-transform: uppercase;
}

.tabright tteext {
  position: absolute; 
  bottom: 36px; 
  left: 20px; 
  z-index: 9; 
  height: 25px;
  width: 650px;
}

.tablimg {
  width: 29px; 
  height: 64px;

}

.tabright texxt::-webkit-scrollbar {
  height: 2px;
  width: 2px;
}

.tabright texxt::-webkit-scrollbar-thumb { background: #ffffff;}
.tabright texxt::-webkit-scrollbar-track { background: #dcd7b9;}
.tabright texxt::-webkit-scrollbar-thumb, .tabright texxt::-webkit-scrollbar-track {
   border: none!important;
}

.tabams {
  position: absolute;
  display: block;
  width: 76px;
  text-align: right; 
  top: 77px;
  left: 450px;
  line-height: 14px;
}

.tabams a {
  font-weight: 400!important;
  font-size: 9px;
  color: #060606!important;
  text-transform: uppercase;
  background-color: #ffffff; 
  padding: 0px 2px 0px 8px;
}

.tabams a:hover {
  background-color: #f4f2e9; 
}

/* низ футера */
.tablfoo {
  position: absolute; 
  bottom: 48px; 
  left: 757px; 
  z-index: 9;  
  height: 42px;
  width: 139px;
}

/*фиксация формы ответа*/
 @media screen and (max-device-width: 900px) {
    #main-reply {width: 100%; height: 150px!important;}
   }

/* гостевая + внешности  */
.guest-main,
.appearance-main {
    width: 98%;
    margin: 0 auto!important;
    text-align: center;
    border: 1px dotted #7a7640;
}

.appearance-header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px!important;
    margin-bottom: 5px!important;
}

.appearance-container {
    display: flex;
    align-items: center;
    justify-content: center;
  margin: 15px 0!important;
}

.appearance-container:last-child {
    margin-top: 15px!important;
    margin-bottom: 10px!important;
    justify-content: flex-start;
}

.appearance-td-1,
.appearance-td {
    width: 47%;
    margin-right: 10px!important;
    overflow-y: auto;
   padding-right: 5px;
}

.appearance-td {
    height: 300px;
}

.appearance-td:last-child {
    margin-right: 0!important;
}

.appearance-td-3,
.appearance-td-2 {
    width: 50%;
    overflow-y: auto;
    padding-right: 5px;
}



.appearance-td-3 {
    height: 150px;
}

.guest-look,
.appearance-look {
    border: 1px dashed #b2dfc3;
    padding: 3px;
    margin-bottom: 5px!important;
    text-align: left;
    text-transform: lowercase;
}

.appearance-td:nth-child(2) .appearance-look {
    border: 1px dashed #b2dfc3;
}

.appearance-look:hover {
    background: #fbab88;
}

.appearance-td:nth-child(2) .appearance-look:hover {
    background: #fbab88;
}

.code-box-ht:hover,
.appearance-h1:hover {
background: #F5E070;
}

.appearance-td-3::-webkit-scrollbar,
.appearance-td::-webkit-scrollbar {
    /* display: none; */
}

.guest-td-h1,
.appearance-td-h1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px!important;
    background: #F5E070;
    height: 12px;
}

.guest-td-h1 {
font-size: 14px;
height: 12px;
background: #F5E070;
}

.guest-h1,
.appearance-h1 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-size: 3em;
    width: 70%;
    background-color: #f05009;
    text-align: left;
    color: white;
    padding-left: 10px;
    margin-right: -3px!important;
}

.appearance-text {
    text-transform: lowercase;
    text-align: justify;
    margin: 10px 10px 10px 15px!important;
}

.code-box-ht {
    background-color: #f1e29a;
    text-align: right;
    font-size: 12px;
    padding: 3px;
    width: 70%;
    padding-right: 24px;
    margin-left: -3px!important;
}

.code-box-ht a {
    background-color: #f05009!important;;
    color: #ffffff!important;
    text-transform: uppercase;
    padding: 0 4px;
}
.blockcode_2 pre2 {
    font-size: 10px;
}

/* гостевая */
.guest-header,
.guest-container,
.guest-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guest-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guest-header {
    flex-direction: column;
    align-items: flex-end;
margin-top: 10px!important;
margin-bottom: 5px!important;
}

.guest-container:last-child {
    margin-top: 15px;
margin-bottom: 10px;
justify-content: flex-start;
}

.guest-look:hover,
.code-box-ht:hover,
.guest-h1:hover {
background-color: #fbab88;
}

.guest-h2 {
    text-transform: lowercase;
    margin-bottom: 15px!important;
}

.guest-td-1 {
    width: 47%;
    margin-right: 10px!important;
}

.guest-td {
    height: 155px;
    width: 47%;
    margin-right: 10px!important;
    overflow-y: auto;
}

.guest-td:last-child {
    margin-right: 0!important;
}

.td-right {
    width: 30%;
    margin-right: 0!important;
}

.guest-td::-webkit-scrollbar {
    display: none;
}

/* основа первого сообщения */
.theme-main {
    width: 80%;
    margin: 0 auto!important;
    background-color: #f2f2f2;
    border: 1px dotted #7a7640;
    padding: 0px 0px 10px 10px!important;
    font-family: roboto;
}

.theme-header,
.theme-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-header {
    flex-direction: column;
    align-items: flex-end;
margin-top: 10px!important;
margin-bottom: 5px!important;
}

.theme-h1 {
   font-family: roboto;
   font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 23px;
    width: 70%;
    background-color: #f05009;
    text-align: left;
    color: #ffffff;
    padding-left: 10px;
    margin-right: -3px!important;
}

.theme-h1:hover {
   background-color: #F5E070;
}

.theme-text {
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    text-align: justify;
}

/* новостные плашки */
.news-wrap {
    margin: 50px 0 5px 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dienews {
    width: 150px;
    height: 20px;
    margin: 0 5px 5px 5px!important;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 1px!important;
    font-size: 10px;
    font-weight: bold;
    background-color: #d8dbdc;
}

.dienews a {
   color: #4e4c4e!important;
}

.dienews:nth-child(2n) {
   background-color: #F5E070
;
}

.dienews:hover {
    background-color: #F5E070;
}

.dienews:nth-child(2n):hover {
       background-color: #d8dbdc;
}

.dienews.imp {background-color: #ffcfdf;}

.dienews.imp a {
   color: #4e4c4e!important;
}

.dienews.imp:hover {
    border: 1px solid #f34747;
    background-color: #f29d9d;
}

/* покраска фона переноса соо */
.pun-modal .modal-inner {
    background: #ffffff;
}

/* итоги старые */
.toxic-res-main {
    width: 90%;
    margin: 0 auto!important;
    background-color: #f2f2f2;
    border: 1px dotted #7a7640;
    padding: 10px!important;
    font-family: roboto;
}

.toxic-res-header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px!important;
    margin-bottom: 15px!important;
}

.toxic-res-h1 {
    font-family: roboto;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 23px;
    width: 70%;
    background-color: #f05009;
    text-align: left;
    color: #fff;
    padding-left: 10px;
    margin-right: -14px!important;
    line-height: 28px;
}

.toxic-res-h1:hover {
    background-color: #F5E070;
}

.toxic-res-container,
.toxic-res-activ,
.toxic-res-posts,
.toxic-res-com {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toxic-rees-leeft {
    width: 40%;
    height: 253px;
    justify-content: center;
    flex-direction: column;
}

.toxic-res-activ .circle1, .toxic-res-activ .circle2, .toxic-res-activ .circle3, .toxic-res-activ .circle4 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #7b7975;
   margin-right: 5px!important;
}

.toxic-res-posts .pa-fldd2, .toxic-res-posts .pa-fldd4 {
   display: inline-block!important;
   width: 80px;
   font-size: 12.2px!important;
   font-weight: 800;
   font-family: 'Fira Sans', sans-serif;
   line-height: 10.5px!important;
   letter-spacing: normal;
   text-align: center!important;
   text-transform: uppercase;
   background-color: #F5E070;
   padding: 3px 0 3px 0!important;
}

.toxic-res-posts .pa-fldd2, .toxic-res-posts .pa-fldd4 {
   margin-right: 5px!important;
}

.toxic-res-com .teammm-pa, .toxic-res-com .teammm-sn, .toxic-res-com .teammm-di {
   display: inline-block;
   padding: 5px;
   width: 40px;
   text-align: center;
   font-weight: bold;
   margin-right: 5px!important;
   position: relative;
}

.teammm-pa {
    background-color: #fbab88;
    color: #4b4c42;
    padding: 3px 0;
}

.teammm-sn {
    background-color: #b2dfc3;
    color: #4b4c42;
    padding: 3px 0;
}

.teammm-di {
    background-color: #f1e29a;
    color: #4b4c42;
    padding: 3px 0;
}

.toxic-rees-bp { text-align: justify; padding-left: 8px!important; }

.toxic-res-container { padding: 0 0 10px 0; }
.toxic-rees-bp,
.toxic-res-posts { padding: 13px 0 13px 0; }
.toxic-res-com { padding: 36px 0 0 0; }

.toxic-res-text {
    width: 56%;
    height: 250px;
    margin-left: 10px!important;
    padding: 0 10px;
    text-align: justify;
    overflow-y: auto;
}

.toxic-rees-teext a {
    background: #F5E070;
    font-size: 10px;
    text-align: center;
    padding: 0 5px!important;
    font-weight: bold;
    color: #0a1e21!important;

}

.toxic-rees-teext a:hover {
    background: #f05009;
    color: #ffffff!important;
}

.toxic-crown:after { 
     position: absolute;
    content: '';
    top: -32px;
    left: 0;
    background-image: url(https://i.imgur.com/JCRz38o.png);
    height: 29px;
    width: 50px;
    background-size: cover;
    background-position: center;
}

.toxic-res-text::-webkit-scrollbar {
   height: 5px!important;
   width: 5px!important;
}

.toxic-res-text::-webkit-scrollbar-thumb { background: #ffffff;}
.toxic-res-text::-webkit-scrollbar-track { background: #dcd7b9;}
.toxic-res-text::-webkit-scrollbar-thumb, .toxic-res-text::-webkit-scrollbar-track {
   border: none!important;
}

/* итоги новые */
.toxic-rees-maain {
    width: 90%;
    margin: 0 auto!important;
    background-color: #f7f7f5;
    border: 1px dotted #7a7640;
    padding: 10px!important;
    font-family: roboto;
}

.toxic-rees-heeader {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px!important;
    margin-bottom: 15px!important;
}

.toxic-rees-h1 {
    font-family: roboto;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 23px;
    width: 70%;
    background-color: #f05009;
    text-align: left;
    color: #fff;
    padding-left: 10px;
    margin-right: -14px!important;
    line-height: 28px;
}

.toxic-rees-h1:hover {
    background-color: #F5E070;
}

.toxic-rees-container, .toxic-res-actiiv {
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 8px!important;
}

.toxic-rees-posts {
   justify-content: left;
   padding-left: 8px!important;
   line-height: 10px;
}

.toxic-rees-coom  {
   position: absolute;
   display: block;
   justify-content: right;
   line-height: 10px;
   margin-left: 165px!important;
   margin-top: -64px!important;
}


.toxic-res-left {
    width: 40%;
    height: 250px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.toxic-res-actiiv .actiiv1, .toxic-res-actiiv .actiiv2, .toxic-res-actiiv .actiiv3, .toxic-res-actiiv .actiiv4 {
   width: 29px;
   height: 64px;
   margin-right: 10px!important;
}

.couplew {
   position: absolute;
   width: 139px;
   height: 42px;
   margin-left: 83px!important;
   margin-top: -48px!important;
}

.flld2, .flld4 {
   display: block;
   margin-right: 5px!important;
   margin-bottom: 6px!important;
   width: 70px;
   font-size: 12.2px!important;
   font-weight: 800;
   font-family: roboto;
   line-height: 10.5px!important;
   letter-spacing: normal;
   text-align: center!important;
   text-transform: uppercase;
   background-color: #F5E070;
   padding: 4px 0 4px 0!important;
}


.toxic-rees-coom .teeam-pa, .toxic-rees-coom .teeam-sn, .toxic-rees-coom .teeam-di {
   display: block;
   padding: 5px;
   width: 55px;
   text-align: center;
   font-weight: bold;
   margin-bottom: 2px;
}

.teeam-pa {
   background-color: #fbab88!important;
}

.teeam-sn {
   background-color: #b2dfc3!important;
}

.teeam-di {
   background-color: #f1e29a!important;
}

.toxic-res-bp { text-align: justify; }

.toxic-res-container { padding: 0 0 10px 0; }
.toxic-res-bp,
.toxic-res-posts { padding: 10px 0 5px 0; }
.toxic-res-com { padding: 36px 0 0 0; }

.toxic-rees-teext {
    width: 56%;
    height: 250px;
    margin-left: 10px!important;
    padding: 0 10px;
    text-align: justify;
    overflow-y: auto;
}

.toxic-rees-teext a {
    background: #F5E070;
    font-size: 10px;
    text-align: center;
    padding: 0 5px!important;
    font-weight: bold;
    color: #0a1e21!important;

}

.toxic-rees-teext a:hover {
    background: #f05009;
    color: #ffffff!important;
}

.toxic-rees-teext::-webkit-scrollbar {
   height: 5px;
   width: 5px;
}

.toxic-rees-teext::-webkit-scrollbar-thumb { background: #ffffff;}
.toxic-rees-teext::-webkit-scrollbar-track { background: #dcd7b9;}
.toxic-rees-teext::-webkit-scrollbar-thumb, .toxic-rees-teext::-webkit-scrollbar-track {
   border: none!important;
}

/* акция */
.txc-action {
    width: 625px;
    margin: 0 auto!important;
    background-color: #F1F0EE;
    border: 1px dotted #e9bebc;
    padding: 0px 0px 10px 10px!important;
    font-family: roboto;
}

.txc-action-all {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.txc-action-app, .txc-action-app1 {
margin-right: 5px!important;
margin-bottom: 5px!important;
}

.txc-action-app:nth-child(4n), .txc-action-app1:nth-child(4n) {
margin-right: 10px!important;
}

.txc-action-app-txt {
    position: absolute;
    opacity: 0;
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -100px!important;
}

.txc-action-app-txt:hover {
opacity: 1;
}

.txc-action-app-txt span {
    background: #a0a1a1;
    color: #ffffff;
    width: 150px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 1px;
}

.txc-action-app img, .txc-action-app1 img {
    width: 150px;
    height: 100px;
}

.txc-action-app1 {
    filter: grayscale(1);
}

/* конкерс */
.toxic-help-main {
display: flex;
    align-items: center;
    justify-content: center;
}

.toxic-help-1, .toxic-help-2, .toxic-help-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.toxic-help-box-up {
width: 150px;
height: 50px;
background-color: #ffcfdf;
background-image: linear-gradient(315deg, #ffcfdf 0%, #b0f3f1 100%);
}

.toxic-help-box-cen {
width: 100px;
height: 30px;
background-color: #ffcfdf70;
}

.toxic-help-box-down {
width: 50px;
height: 15px;
background-color: #b0f3f170;
}

.toxic-help-box-up, .toxic-help-box-cen, .toxic-help-box-down {
display: flex;
align-items: center;
justify-content: center;
}

.toxic-help-box-up, .toxic-help-box-cen, .toxic-help-box-down {
margin-right: 5px!important;
}

.toxic-help-3 .toxic-help-box-up, .toxic-help-3 .toxic-help-box-cen, .toxic-help-3 .toxic-help-box-down {
margin-right: 0px!important;
}