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

html {
  background: #120C12;
 }
 
 #logo {
   background: url(http://forumstatic.ru/files/0015/e0/8d/38611.png) repeat;
 }
 
 #logo-first-part {
   background: url(http://forumstatic.ru/files/0015/e0/8d/55752.png) no-repeat;
 }
 
 #logo-third-part {
   background: url(http://forumstatic.ru/files/0015/e0/8d/41931.png) no-repeat;
 }
 
 #left-announce {
   background: url(http://forumstatic.ru/files/0015/e0/8d/67101.png) no-repeat;
 }
 
 #right-announce {
   background: url(http://forumstatic.ru/files/0015/e0/8d/66433.png) no-repeat;
 }
 
 #logo-main-image {
   background: url(http://forumstatic.ru/files/0015/e0/8d/96741.png) no-repeat;
 }
 
 #pun {  
   z-index: 0;
 }
 
 #pun-main {
   background: #151016;
   border-left: 4px solid #2F2930;
   border-right: 4px solid #2F2930;
 }
 
 #pun-stats {
   background: #151016;
   border-left: 4px solid #2F2930;
   border-right: 4px solid #2F2930;
 }
 
 .punbb .section, .punbb .main {
   background: #151016;
   border-left: 4px solid #2F2930;
   border-right: 4px solid #2F2930;
 }
 
 #pun-online.punbb #pun-main .section {
   border: none;
 }
 
 #pun-about {
   border-bottom: 4px solid #2F2930;
 }
 
 #pun-status .container .item1 strong {
   color: #B43C17;
   font-weight: 300;
 }
 
 #pun-status .container .item2 strong {
   font-weight: 300;
 }
 
 #pun-crumbs1 p, #pun-crumbs1 p.container span {
   font-weight: 300;
 }
 
 #pun-crumbs1 a{
   color: #FFFEE9;
 }
 
 #pun-crumbs1 a:hover{
   color: #DADCEB;
 }
 
 .punbb thead, .lastedit {display:none;}
 
  .post-author ul {
 text-align: center;
 }
 
 /* CS1.1 */
 .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 {
   background-color: none;
   color: #FFFEE9;
   }
 
 /* CS1.2 */
 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   
   color: #FFFEE9;
   }
 
 /* CS1.3 */
 #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
   color: #B43C17;
   height: 40px;
   font-weight: bold;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   background: #100C11;
   text-transform: uppercase;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-image-source: linear-gradient(45deg, #FFE40C, #E10036);
   border-image-slice: 1;
   font-family: Ubuntu;
   margin-top: 15px;
 }
 
 .punbb .category:first-child h2{
   margin-top: 0px;
 }
 
 .punbb-admin #pun-admain h2 {background: #282f30;}
 
 /* CS1.4 */
 #pun-title, #pun-title .container, .punbb .modmenu .container {
   background-color: none;
   color: #FFFEE9;
   }
 
 /* CS1.5 */
 .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
   background-color: none;
   color: #FFFEE9;
   }
 
 /* CS1.6 */
 .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
   background-color: none;
   color: #FFFEE9;
   }
 
 /* CS1.7 */
 .punbb #pun-main .quote-box, .punbb #pun-main .code-box {
 background: #100C11;
 color: #FFFEE9;
 }
 
 
 /* CS1.8 */
 #pun-navlinks {
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-image-source: linear-gradient(to right, #E10036, #FFE40C);
   border-image-slice: 1;
   border-left: 0;
   border-right: 0;
 }
 
 
 .offline li.pa-online strong {
   font-weight: normal.
   }
 
 .punbb textarea, .punbb select, {background: #f6f6f6;
   color: #25201b;
 
 }
 
 /* CS2 Border colours
 -------------------------------------------------------------*/
 
 /* CS2.1 */
 .punbb .container, .punbb .post-body, .post h3, #pun-title {
   border-color:transparent;}
 
 /* CS2.2 */
 
 /* CS2.3 */
 #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color:  transparent;
   }
 
 /* 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:  transparent;
   }
 
 /* CS2.5 */
 .punbb th {
   border-color:  transparent;
   }
 
 /* CS2.6 */
 .punbb .quote-box, .punbb .code-box {
   border-color:  transparent;
   }
 
 #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
   border-color: transparent;
   }
 
 #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
   border-color:  transparent;
   }
 
 
 .punbb .divider {
   border-color:  transparent;
   }
 
 .punbb .formal fieldset .post-box, .punbb .info-box {
   border: none;
   }
 
 li.pa-online {
   border-left-color: transparent;
   }
 
 
 /* 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: #B43C17;
 text-decoration: none;
 
   }
 
 .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited  {
   color: #B43C17;
 text-decoration: none;
 
   }
 
 .tcl .tclcon a {
   color: #CF002C;
   text-decoration: none;
   cursor: pointer;
 }
 
 .tcl .tclcon a:hover {
   color: #FA1243;
 }
 
 .tcl .tclcon h3 a {
   color: #FFFEE9;
 }
 
 .tcl .tclcon h3 a:hover {
   color: #DADCEB;
 }
 
 .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
   color: #B43C17;
 }
 
 /* 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: #E53600;
   }
 
 /* CS3.3 */
 #pun-navlinks a {
   color: #FFFEE9;
 text-decoration: none;
   }
 
 /* CS3.4 */
 #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
   color: #DADCEB;
   text-decoration: none;
 }
 
 
 
 /* CS4 Post status icons
  -------------------------------------------------------------*/
     div.icon {
             background: url(http://forumstatic.ru/files/0015/e0/8d/14985.png) 50% 50% no-repeat;
     }
 
     tr.inew div.icon {
             background: url(http://forumstatic.ru/files/0015/e0/8d/68946.png) 50% 50% no-repeat;
     }
 
     tr.iclosed div.icon {
             background: url(http://forumstatic.ru/files/0015/e0/8d/81240.png) 50% 50% no-repeat;
     }
 
     tr.isticky div.icon {
             background: url(http://forumstatic.ru/files/0015/e0/8d/27252.png) 50% 50% no-repeat;
     }
 
 #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px;
 }
 
 
 /* Äëÿ îáúÿâëåíèÿ */
 
 a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
 font-family: tahoma;
 font-size: 13px;
 background-color:#f6f6ab;
 color: #000; 
 font-weight: normal;
 text-align:center;
 display: block;
 margin: 1px;
 padding: 2px;
 text-decoration: none;
 border-left-style: solid;
 border-left-color: #ae5133;
 border-left-width: 5px;
 width:200px;
 }
 
 a.tvm:hover {
 font-family: tahoma;
 font-size: 13px;
 color: #fff; 
 background-color:#ae5133;
 display: block;
 font-weight: bold;
 text-align:center;
 cursor:pointer; 
 text-decoration: none;
 border-left-style: solid;
 border-left-color: #ae5133;
 border-left-width: 5px;
 width:200px;
 }
 
 .punbb .post-content a{
   color: #CF002C;
 }
 
 .punbb .post-content a:hover{
   color:#FA1243;
 }
 
 /* Ïðîôèëü è àâàòàð */
 
 
 
 .punbb .post .post-author {
   background: url(http://forumstatic.ru/files/0015/e0/8d/57752.png) -23px -15px no-repeat #100C11;
   border: 1px solid #2F2930;
   box-sizing: border-box;
 }
 
 .post-author ul li.pa-title {
   border: medium none;
   font-family: Ubuntu;
   font-style: normal;
   font-weight: normal;
   font-size: 11px;
   line-height: 13px;
   letter-spacing: 0.02em;
   color: #FFFEE9;
   padding-bottom: 7px;
   padding-top: 4px;
 }
 
 #pun-main .formal textarea{
  background-color:#100C11;
  color: #FFFEE9;
  border: 1px solid #2F2930;
 }
 
 
 input, textarea, select, checkbox{
  background-color:#100C11;
  color: #FFFEE9;
  border: 1px solid #2F2930;
 }
 .punbb .container .user-avatar span.avatar-image,
 .punbb .category .user-avatar span.avatar-image {
   border-radius: 0;
   height: 28px;
   width: 28px;
   margin: 1px 9px 2px 0px;
   opacity: 0.85;
   background-position: center center;
   background-size: auto 100%;
   background-repeat: no-repeat;
   border: 2px solid !important;
   border-image-source: linear-gradient(to right, #E10036, #FFE40C) !important;
   border-image-slice: 1 !important;
   position: relative;
 }
 
/*
 .punbb .category .user-avatar span.avatar-image:after{
   content:"";
   position: absolute;
   width: 400px;
   height:125px;
   background-color: white;
   top:90px;
   left:-20px;
  transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);  
 }
 */

 /*ÊÀËÜÏÓËßÒÎÐ*/
 .pages .section {
   border: 0;
 }
 
 .calculate-wrapper {
   font-size: 16px;
   display: flex;
   justify-content: center;
   padding: 40px;
 }
 
 .select-category-container {
   display: flex;
   flex-wrap: wrap;
   width: 600px;
 }
 
 .select-category-container .categories-items {
   display: flex;
   flex-wrap: wrap;
   width: 524px;
   margin-left: auto;
   margin-right: auto;
 }
 
 .select-category-container .category-description {
   width: 600px;
   text-align: center;
   font-size: 24px;
   margin-bottom: 20px;
 }
 
 .select-category-container .category-container {
   width: 250px;
   height: 100px;
   font-size: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #120c12;
   border: 1px solid;
   border-image-source: linear-gradient(to right, #E10036, #FFE40C);
   border-image-slice: 1;
   cursor: pointer;
   margin-right: 20px;
   margin-bottom: 20px;
 }
 
 .select-category-container .category-container:nth-child(even){
   margin-right: 0;
 }
 
 .select-category-container .category-container:hover{
   background-color: #201720;
 }
 
 .calculate-container {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
 
 .calculate-container .calculate-tabs {
   display: flex;
   border-bottom: 1px solid;
   border-image-source: linear-gradient(to right, #E10036, #FFE40C);
   border-image-slice: 1;
 }
 
 .calculate-container .calculate-tab {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 50px;
   padding: 0 20px;
   cursor: pointer;
   text-align: center;
 }
 
 .calculate-wrapper .calculate-button {
   background-color: #120c12;
   display: flex;
   max-width: fit-content;
   justify-content: center;
   align-items: center;
   text-align: center;
   border-radius: 10px;
   border: 2px solid #201720;
   cursor: pointer;
   padding: 10px;
 }
 
 .calculate-wrapper .calculate-button:hover{
   background-color: #201720;
 }
 
 .calculate-container .calculate-body{
   display: flex;
 }
 
 .calculate-container #calculate-summary{
   flex: 1 1;
   padding: 20px;
   margin: 10px;
   background-color: #201a21;
   border-radius: 5px;
 }
 
 .calculate-container #calculate-select{
   flex: 1 1;
   padding: 10px;
   display: flex;
   flex-direction: column;
 }
 
 .calculate-container #calculate-select .param-container {
   display: flex;
   margin-bottom: 15px;
 }
 
 .calculate-container #calculate-select .param-container .param-check{
   margin-top: 10px;
   margin-right: 20px;
 }
 
 .calculate-container #calculate-select .param-container .param-text{
   width: 250px;
 }
 
 .calculate-container #calculate-select .param-container .param-description{
   margin-top: 5px;
   color: #bbbbb4;
 }
 
 .calculate-container #calculate-select .param-container .param-level{
   display: flex;
   margin-left: 10px;
 }
 
 .calculate-wrapper .calculate-level{
   color: #b43c17;
   font-size: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }
 
 .calculate-wrapper .calculate-level-up{
   color: #b43c17;
   font-size: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-left: 5px;
   cursor: pointer;
 }
 
 .calculate-wrapper .calculate-level-down{
   color: #b43c17;
   font-size: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-right: 5px;
   cursor: pointer;
 }
 
 .pa-fld1 {
   text-indent: -9999px;
   line-height: 0px;
 }
 
 .player-info {
   text-indent: 0;
   margin-top: -8px;
 }

 .punbb .info-field {
  position: relative;
  background: #19101a;
  font-size: 10px;
  line-height: 10px;
  padding: 5px 6px;
 }

 .punbb .info-field:first-child {
  margin-top: 10px;
 }

 .punbb .info-field:last-child {
  background: none;
  margin-top: 0!important;
  padding: 0;
 }
 
 .info-field b{
   font-style: normal;
   font-weight: 500;
   font-size: 9px;
   line-height: 12px;
   letter-spacing: 0.02em;
   color: #B43C17;
 }

 .punbb .power-level {
  font-family: Croteau;
  color: #FEDD06;
  margin-top: 0!important;
  background: none;
  padding: 0;
  position: absolute;
  line-height: 52px;
  font-size: 56px;
  width: 84px;
  padding-right: 5px;
  height: 48px;
  text-align: center;
  top: 0;
  right: 0;
 }

 .punbb .power-level b{
   display: none;
 }
 
 .punbb .anketa-link {
  margin: 0;
  width: 70px;
  background: url(http://forumstatic.ru/files/0015/e0/8d/57999.png) 27% 50% no-repeat, #19101a;
  margin-top: 4px;
  text-align: center;
  padding: 2px 1px 2px 17px;
 }
 
 .punbb .chrono-link {
  margin: 0;
  width: 70px;
  margin-right: 1px;
  background: url(http://forumstatic.ru/files/0015/e0/8d/36686.png) 13% 50% no-repeat, #19101a;
  margin-top: 4px;
  font-size: 9px;
  text-align: center;
  padding: 2px 1px 2px 17px;
 }
 
 .punbb .chrono-link a b,
 .punbb .anketa-link a b{
   font-family: Ubuntu;
   font-style: normal;
   font-weight: 300;
   font-size: 9px;
   line-height: 14px;
   letter-spacing: 0.02em;
   color: #CF002C;
 }
 
 .punbb .chrono-link a:hover b,
 .punbb .anketa-link a:hover b{
   color: #FA1243;
 }
 
 .punbb .post .post-author ul a{
   color: #FFFEE9;
 }
 
 .punbb .post .post-author ul a:hover {
   color: #DADCEB;
 }
 
 .pa-fld4 {
   text-indent: -9999px;
   height: 39px;
 }
 
 .pa-fld2 {
   text-indent: -9999px;
 }
 
 .pa-fld2 .bounty-player {
   text-indent: 0;
   margin-top: -8px!important;
   font-family: Croteau;
   font-size: 18px;
   line-height: 13px;
   letter-spacing: 0.02em;
   color: #FEDD06;
   width: 180px;
   height: 25px;
   left: 42px;
   top: 305px;
   display: flex;
   background: #19101a;
   justify-content: center;
   padding-top: 3px;
   align-items: center;
 }
 
 .pa-fld2 .bounty-player img{
   margin-top: -2px;
 }
 
 .pa-fld4 .player-type{
   text-indent: 0;
   text-transform: uppercase;
   margin-top: -8px!important;
   font-family: Croteau;
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   color: #FEDD06;
   width: 180px;
   height: 35px;
   display: flex;
   background: url(http://forumstatic.ru/files/0015/e0/8d/42577.png) 0% 0% no-repeat, #1F1A20;
   justify-content: center;
   align-items: center;
 }
 
 .pa-fld4 .player-type .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/17728.png) 50% 50% no-repeat;
   height: 23px;
   width: 23px;
   margin-right: 2px;
 }
 
 .pa-fld4 .player-type.pirate .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/17728.png) 50% 50% no-repeat;
 }
 .pa-fld4 .player-type.shichibukai .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/58550.png) 50% 50% no-repeat;
 }
 .pa-fld4 .player-type.yonko .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/29377.png) 50% 50% no-repeat;
 }
 .pa-fld4 .player-type.marine .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/28061.png) 50% 50% no-repeat;
   margin-right: 4px;
 }
 .pa-fld4 .player-type.agent .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/53226.png) 50% 50% no-repeat;
   margin-right: 4px;
 }
 .pa-fld4 .player-type.hunter .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/32183.png) 50% 50% no-repeat;
 }
 .pa-fld4 .player-type.supernova .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/28524.png) 50% 50% no-repeat;
   margin-right: 4px;
 }
 .pa-fld4 .player-type.revolutionary .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/73254.png) 50% 50% no-repeat;
   margin-top: -2px;
   margin-right: 4px;
 }
 .pa-fld4 .player-type.civilian .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/63887.png) 50% 50% no-repeat;
 }
 .pa-fld4 .player-type.mask .type-icon{
   background: url(http://forumstatic.ru/files/0015/e0/8d/89855.png) 50% 50% no-repeat;
 }
 
 .pa-fld3 {
   
 }
 
 #scroiller{
   position: fixed;
   top: 55%;
   right: 65px;
   cursor: pointer;
   z-index: 10000;
   display: flex;
   justify-content: center;
   flex-direction: column;
 }
 #scroiller div{
   padding:3px 0px 0px 2px;
 }
 #scroiller div#up{
   background: url(http://forumstatic.ru/files/0015/e0/8d/43275.png) 50% 50% no-repeat;
   margin-bottom: 5px;
 }
 #scroiller div#down{
   background: url(http://forumstatic.ru/files/0015/e0/8d/50855.png) 50% 50% no-repeat;
 }
 #scroiller div:hover{
   opacity:0.85;
   background:#e2eef2;
 }
 #scroiller div{
   width: 20px;
   height: 20px;
 }
 
 #scroiller div.arrow-hidden{
   opacity: 0;
   transition: all 0.3s;
   cursor: initial;
 }
 
 #navpiar {
   cursor: pointer;
 }
 
 .punbb .post-content td{
   border-color: #2f2930;
 }

 #chrono-loader {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
 }

 .chrono-tree-container {
  max-width: 500px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  min-height: 450px;
}
.chrono-tree-root {
  display: flex;
  height: 50px;
  min-width: 50px;
  cursor: pointer;
}
.chrono-tree-root.empty {
  padding-left: 173px;
  height: 25px;
  cursor: auto;
}
.chrono-tree-root.empty .center-image{
  width: 4px;
  background-color: #2f2930;
  height: 100%;
}
.chrono-tree-root .chrono-tree-date {
  width: 100px;
  min-width: 150px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 10px;
}
.chrono-tree-root .chrono-tree-image {
  width: 50px;
  min-width: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.chrono-tree-root .chrono-tree-image .top-image,
.chrono-tree-root .chrono-tree-image .bottom-image{
  width: 4px;
  background-color: #2f2930;
  height: 100%;
}
.chrono-tree-root .chrono-tree-image .center-image{
  min-width: 10px;
  max-width: 10px;
  min-height: 10px;
  max-height: 10px;
  border-radius: 10px;
  background-color: #453c46;
  position: absolute;
}
.chrono-tree-root.active .chrono-tree-image .center-image{
  background-color: #CF002C;
}
.chrono-tree-root.active .chrono-tree-image .top-image,
.chrono-tree-root.active .chrono-tree-image .bottom-image{
  background-color: #CF002C;
}
.chrono-tree-root .chrono-tree-image.size-2 .center-image{
  min-width: 15px;
  max-width: 15px;
  min-height: 15px;
  max-height: 15px;
  border-radius: 15px;
}
.chrono-tree-root .chrono-tree-image.size-3 .center-image{
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  border-radius: 20px;
}
.chrono-tree-root .chrono-tree-image.size-4 .center-image{
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  border-radius: 25px;
}
.chrono-tree-root .chrono-tree-image.size-5 .center-image{
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 30px;
}
.chrono-tree-root .chrono-tree-image.size-6 .center-image{
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  border-radius: 35px;
}
.chrono-tree-root .chrono-tree-image.size-7 .center-image{
  min-width: 45px;
  max-width: 45px;
  min-height: 45px;
  max-height: 45px;
  border-radius: 45px;
}

.chrono-tree-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  max-height: 50px;
  height: 50px;
  flex-wrap: wrap;
  text-align: left;
  text-overflow: ellipsis;
}

.chrono-main-container {
  display: flex;
}

#chrono-main-container {
  display: flex;  
  position: relative;
}

#chrono-right-part {
  width: 410px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  padding-top: 10px;
  height: fit-content;
  padding-bottom: 10px;
  background-color: #100c11;
  border-radius: 5px;
}

#episode-image {
  max-height: 250px;
  display: flex;
  overflow: hidden;
  padding-bottom: 10px;
}

#episode-image img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#episode-comment {
  max-height: 300px;
  overflow: auto;
  font-size: 14px;
}

#chrono-episode-name {
  font-size: 18px;
  text-align: center;
  padding: 10px;
}

#episode-comment::-webkit-scrollbar-thumb {
  background-color: #CF002C;
}
#episode-comment::-webkit-scrollbar-track {
  background-color: #100C;
}
#episode-comment::-webkit-scrollbar {
  width: 4px;
}
.chrono-player.hidden {
  display: none!important;
}
#chrono-tabs {
  display: flex;
  font-size: 18px;
  align-items: center;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}
#chrono-tabs div {
  padding: 20px;
  cursor: pointer;
}
#chrono-tabs .active{
  color: #CF002C;
}
#chrono-player {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

#objav-tabs {
  display: flex;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}
.objav-tab {
  padding: 20px;
  cursor: pointer;
  font-size: 16px;
}
.objav-tab.active {
  color: #CF002C;
}
.objav-container.ivi{
 display: block!important;
}
.objav-container.hidden{
  display: none!important;
}
.objav-inner-container {
  display: flex;
  flex-direction: column;
}
.objav-inner-container h3{
  text-align: center;
  font-size: 26px!important;
  margin-top: 15px;
}
.objav-inner-container p{
  padding: 20px 40px;  
  font-size: 16px;
}
.objav-bottom-part form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
}
.objav-bottom-part label,
.objav-bottom-part textarea,
.objav-bottom-part input {
  margin-bottom: 10px!important;
  width: calc(100% - 2px)!important;
}
.objav-bottom-part input{
  height: 20px;
}
.objav-bottom-part textarea {
  min-height: 200px;
  margin-bottom: 20px!important;
  width: calc(100% - 6px)!important;
}
.objav-bottom-part div.grippie{
  margin-top: -20px;
  margin-bottom: 20px;
}
.objav-content-part {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  min-height: 200px;
  margin: 0 40px!important;
}
.objav-content {
  display: flex;
  flex-wrap: wrap;
  max-width: 460px;
  min-width: 460px;
  justify-content: space-around;
}

.objav-item {
  min-width: 180px;
  max-width: 180px;
  min-height: 50px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2f2930;
  border-radius: 5px;
  margin-bottom: 25px;
  height: fit-content;
  position: relative;
  max-height: 50px;
}

.objav-item:hover {
  background-color: #2a252b;
}
.objav-item.active {
  background-color: #b42b1e;
}

.objav-info {
  background-color: #120c12;
  width: 370px;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  flex-direction: column;
  position: absolute;
  left: 467px;
  right: 0px;
  top: 0px;
}

.objav-info .objav-info-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.objav-info .objav-info-author {
  width: 100%;
  font-size: 10px;
  text-align: right;
  margin-bottom: 10px;
  margin-top: 10px;
}

.objav-info .objav-info-content {
  max-height: 250px;
  overflow: auto;
}

.objav-info .objav-info-bottom {
  display: flex;
  width: 100%;
  justify-content: center;
}

.objav-info .objav-info-taker {
  width: 100%;
  color: #CF002C;
  margin-bottom: 10px;
}

.objav-info-button {
  color: #FFFEE9!important;
  text-decoration: none;
  padding: 20px;
  border-radius: 5px;
  background-color: #2f2930;
  cursor: pointer;
  border: none;
}

.objav-info-button:hover {
  color: #FFFEE9!important;
  background-color: #2a252b;
}

.objav-info-take-sign {
  position: absolute;
  top: -7px;
  left: -7px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  background-color: #CF002C;
}

.punbb .three-power-wrapper {
  margin: 24px;
  background: #1F1A20;
  border: 1px solid #2F2930;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.punbb .three-power-container {
  
}

.punbb .three-power-title {
  background: #100C11;
  display: flex;
  flex-direction: column;
}

.punbb .three-power-header {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #CF002C;
}

.punbb .three-power-container hr {
  border: 1px solid #2F2930;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.punbb .three-power-description {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  color: #FFFEE9;
  border-bottom: 1px solid #2F2930;
}

.punbb .three-power-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 66px;
}

.punbb .three-power-main.second {
  padding-left: 93px;
  padding-right: 93px;
  margin-top: -55px;
}

.punbb .three-power-main .special-player-container {
  width: 200px;
}

.punbb .three-power-main .special-player-container .img-container {
  position: relative;
  border: 1px solid;
  border-image-source: linear-gradient(45deg, #FFE40C, #E10036);
  border-image-slice: 1;
  width: 140px;
  height: 140px;
  margin-right: auto;
  margin-left: auto;
}

.punbb .three-power-main .special-player-container .img-container .mark {
  display: none;
  background-image: url(http://forumstatic.ru/files/0015/e0/8d/61824.png);
  left: 52px;
  top: 38px;
  position: absolute;
  height: 60px;
  width: 33px;
}

.punbb .three-power-main .special-player-container .img-container.free .mark {
  display: block;
}

.punbb .three-power-main .special-player-container .img-container.taken .mark {
  display: block;
  background-image: url(http://forumstatic.ru/files/0015/e0/8d/13829.png);
}

.punbb .three-power-main .special-player-container .name-container{
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #B43C17;
  margin-top: 10px;
  text-align: center;
}

.punbb .three-power-main .special-player-container .surname-container {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFEE9;
  margin-top: 2px;
}

.punbb .three-power-main .special-player-container .bounty-container{
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #CF002C;
  margin-top: 2px;
}

.punbb .three-power-main .special-player-container .fruit-container {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFEE9;
  margin-top: 2px;
}

.punbb li.pa-posts{
  width: 86px;
  margin-right: 1px;
  background: #19101a;
  margin-top: 4px;
  font-size: 9px;
  display: inline-block;
  text-align: center;
  padding: 2px 1px;
}

.punbb li.pa-respect {
  width: 86px;
  background: #19101a;
  margin-top: 4px;
  font-size: 9px;
  display: inline-block;
  text-align: center;
  padding: 2px 1px;
}

.punbb li.pa-respect a{
  font-size: 9px;
}

.punbb li.pa-respect a img{
  top: 2px;
  position: relative;
}

.punbb li.pa-fld3 {
  background: #19101a;
  margin-top: 4px;
  font-size: 9px;
  text-align: center;
  padding: 2px 1px;
}

.punbb li.pa-online {
  background: #19101a;
  margin-top: 4px;
  font-size: 9px;
  text-align: center;
  padding: 6px 1px;
}

#topic_t197 #p16935 .post-author {
  display: none;
}

#topic_t197 #p16935 .post-body {
  margin-left: 0;
}

#topic_t197 #p16935 .post-box {
  padding-left: 0;
}

#topic_t197 #p16935.topicpost > h3 {
  display: none;
}

#topic_t197 #p16935 p>span>strong>span {
  font-family: Croteau;
  font-size: 54px!important;
  line-height: 54px;
  color: #FEDD06;
}

#topic_t197 #p16935 .spoiler-box {
  border-image-source: linear-gradient(45deg, #FFE40C, #E10036);
  border-image-slice: 1;
}

#topic_t197 #p16935 td {
  vertical-align: top;
  border: none;
  border-width: 0px!important;
}

#topic_t197 #p16935 tr td:first-child {
  padding-left: 0px!important;
}

#topic_t197 #p16935 tr td:last-child {
  padding-right: 0px!important;
}

#topic_t197 #p16935 .post-box .post-content > p a {
  display: inline-block;
  padding: 10px 20px;
  background: #100C11;
  border: 1px solid;
  border-image-source: linear-gradient(45deg, #FFE40C, #E10036);
  border-image-slice: 1;
  text-transform: uppercase;
}

#topic_t197 #p16935 .post-box .post-content > p a:last-child {
  float: right;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000ab;
  z-index: 99999;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

.calculate-modal {
  width: 600px;
  margin-left: auto!important;
  margin-right: auto!important;
  background: #151016;
  font-size: 14px;
}

#add-story-ticket {  
  position: absolute;
  left: calc(50% - 300px);
  top: calc(50% - 284px);
}

#add-story-master-ticket {  
  position: absolute;
  left: calc(50% - 300px);
  top: calc(50% - 208px);
}

.calculate-modal .calculate-modal-header {
  display: flex;
  background-color: #100c11;
  padding: 10px 20px;
  font-size: 18px;
}

.calculate-modal .calculate-modal-footer {
  display: flex;
  background-color: #100c11;
   min-height: 20px;
}

.calculate-modal .calculate-modal-header .title {
  flex: 1 1;
}

.calculate-modal .calculate-modal-header .close-modal {
  cursor: pointer;
}

.calculate-modal .calculate-modal-body {
  padding: 20px;
}

.calculate-modal .calculate-modal-body .text-input{
  width: calc(100% - 2px);
  margin-bottom: 10px;
}

.calculate-modal .calculate-modal-body textarea{
  width: calc(100% - 6px);
  height: 70px;
}

.calculate-modal .calculate-modal-body .grippie {
  margin-bottom: 10px;
}

.calculate-modal .calculate-modal-body select{
  width: 100%;
  margin-bottom: 10px;
}

.calculate-modal .calculate-modal-body label{
  margin-bottom: 5px;
  display: block;
  text-align: left;
}

.calculate-modal .calculate-modal-body .checkbox-container{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}

.calculate-modal .calculate-modal-body .checkbox-container.last{
  margin-bottom: 10px;
}

.calculate-modal .calculate-modal-body .checkbox-container input{
  margin-right: 5px;
}

.calculate-modal .calculate-modal-body .button {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  background: #100C11;
  border: 1px solid;
  border-image-source: linear-gradient(45deg, #FFE40C, #E10036);
  border-image-slice: 1;
  text-transform: uppercase;
}

#add-story-ticket .description,
#add-story-master-ticket .description {
  text-align: left;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #b1b1af;
  padding: 0px 5px;
}

#add-story-ticket #add-story-ticket-body .form-content::-webkit-scrollbar,
#add-story-master-ticket #add-story-master-ticket-body .form-content::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

#add-story-ticket #add-story-ticket-body .form-content::-webkit-scrollbar,
#add-story-master-ticket #add-story-master-ticket-body .form-content::-webkit-scrollbar {
  width: 4px;
}

#add-story-ticket #add-story-ticket-body .form-content::-webkit-scrollbar-track,
#add-story-master-ticket #add-story-master-ticket-body .form-content::-webkit-scrollbar-track {
  background-color: #100C;
  
}

#add-story-ticket #add-story-ticket-body .form-content::-webkit-scrollbar-thumb,
#add-story-master-ticket #add-story-master-ticket-body .form-content::-webkit-scrollbar-thumb {
  background-color: #CF002C;
}

#add-story-ticket #add-story-ticket-body .form-content {
  max-height: 460px;
  overflow: auto;
}

#add-story-master-ticket #add-story-master-ticket-body .form-content {
  max-height: 280px;
  overflow: auto;
}

.modal-overlay.hidden {
  display: none;
}

.calculate-modal.hidden {
  display: none;
}

.modal-container.hidden {
  display: none;
}

#mask_dialog .inner {
  background: #151016;
  box-shadow: none;
}