.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: fixed;
  z-index: 1;
  padding: 0;
  pointer-events: none;
  margin-top: -65px!important;
  margin-left: -280px!important;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 12px;
  height: 28px;
  border-radius: 50%;
  margin: 20px 19px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgb(2, 238, 238);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: 15px;
}

@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}


div.staub {
    background: #1a1a1a;
    width: 940px;
    left: 10px;
    height: 300px;
    position: absolute;
    margin-top: 42px;
    background-size: inherit;
    border-top: 4px solid #2f3124;
}

#html-header > div.staub > div.st1 {
    background: url(https://i.ibb.co/WKDdGkr/94343.png) top center;
    position: absolute;
    width: 545px;
    height: 259px;
    border: 4px solid rgb(47, 49, 36);
    top: 30px;
    }

#html-header > div.staub > div.st2 {
    position: absolute;
    width: 250px;
    height: 60px;
    left: 690px;
    top: -50px;
    z-index: 1;
}
#html-header > div.staub > div.st3 {
    position: absolute;
    background: #1a1a1a;
    width: 222px;
    height: 45px;
    left: 728px;
    top: 22px;
    /* border-bottom: 4px solid #2f3124; */
}

div.st10 {
    font-size: 45px;
    font-family: "Oswald";
    color: #e4db56;
    left: 195px;
    position: absolute;
    font-weight: bold;
    width: 550px;
    height: 94px;
    top: -35px;
    letter-spacing: 7px;
    text-transform: uppercase;
    text-shadow: 0 5px 5px #000;
    z-index: 1;
    }

div.st11 {
    font-size: 16px;
    font-family: "Oswald";
    color: #e4db56;
    left: 402px;
    position: absolute;
    width: 500px;
    height: 100px;
    top: 27px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 5px 5px #000;
}

div.st12 {
    position: absolute;
    width: 434px;
    height: 190px;
    top: 58px;
    left: 10px;
    letter-spacing: 1px;
    font-size: 11px;
    text-align: justify;
    overflow: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }

div.st12:hover {opacity: 0.85;}

#saa21,#saa22,#saa23 {
    position: relative;
    width: 50px;
    height: 50px;
    color: #2f3124;
    background: #1a1a1a;
    background-size: 180%;
    border: 4px solid #2f3124;
    font-size: 30px;
    font-family: "Oswald";
    text-align: center;
    letter-spacing: 1px;
}

.st5 >a, #saa21 > a, #saa22 > a, #saa23 > a {color: rgb(228, 219, 86)!important;}
.st5 >a:hover ,#saa21 > a:hover, #saa22 > a:hover, #saa23 > a:hover {    background: transparent!important;
}

#saa21 {left: 56px;top: 3px;}
#saa22 {
    top: -55px;
    left: 124px;
    }

#saa23 {
    top: -113px;
    left: 192px;
    }

.st3 > form > select {
    position: relative;
    top: -5px;
    left: 19px;
    width: 193px;
    height: 27px;
    border: none!important;
    background: rgb(228, 219, 86);
    font-family: "Oswald";
    margin-top: 5px;
    }

.st4 {
    position: absolute;
    background: #1a1a1a;
    border: 4px solid #2f3124;
    width: 445px;
    height: 100px;
    color: #f1f1f1;
    right: 0px;
    top: 90px;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: justify;
    overflow: auto;
}

div.st12 > div.st120 {
    background: #f1f1f1;
    position: absolute;
    width: 410px;
    height: 80px;
    top: 0px;
    left: 10px;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 5px 10px;
    text-align: justify;
    overflow: auto;
    }
div.st12 > div.st121 {
    background: #f1f1f1;
    position: absolute;
    width: 410px;
    height: 80px;
    top: 96px;
    left: 10px;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 5px 10px;
    text-align: justify;
    overflow: auto;
    }

.st5 {
    position: absolute;
    width: 369px;
    height: 70px;
    right: 0px;
    bottom: 3px;
    color: #f1f1f1;
    font-size: 12px;
    letter-spacing: 1px;
    overflow: auto;
    font-family: "Oswald";
    border: 4px solid #2f3124;
    }

/*************************************/


#pun-main > div.usertable > div > table > tbody > tr > td.tcl > span > em {display:none}

.punbb .user-avatar img.ava {
    border-radius: 0!important;
    height: 29px!important;
    width: 29px!important;
    margin: 0px 0px 2px 20px!important;
    opacity: 0.85!important;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.punbb em.user-avatar {
    float: right!important;
    height: 25px!important;
}

.punbb .user-avatar img.on_{background:transparent!important}

.punbb .user-avatar .user-avatar-link {
    padding: 0 !important;
    background: none transparent !important;
    color: transparent!important;}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #000!important;
    border-radius: 0!important;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: 1em!important;
    font-weight: 700;
    height: 10px!important;
    line-height: 10px!important;
    margin: -7px!important;
    min-width: 10px!important;
    padding: 2px;
    position: absolute;
    text-align: center;}

span.byuser {display:block}
td.tcr > span:before {display:none} 

div > table > tbody > tr > td.tcl > div.tclcon > strong > span.byuser,
#pun-main > div.forum > div > table > tbody > tr> td.tcl > strong > span, 
td.tcl > div.tclcon > span.byuser, td.tcl > span.byuser {display:inline-block}

#messages > fieldset > div > div > table > tbody > tr > td > em
{display:none}



.text-block{ overflow-y: scroll; display: none;     
    height: 220px;
    width: 190px;
    position: absolute;
    padding: 5px 9px;}


.punbb .fs-box > div> div > div.post-author {
    margin-top: 17px;
    margin-left: 0px;
    }

#pun-searchtopics .main .tcl .byuser:before,
#pun-searchtopics .main .tcr .byuser:before,
td.tcl  > .tclcon > .byuser:before, 
.tcr .byuser:before, 
.altstyle > td:nth-child(1) > div:nth-child(2) > strong:nth-child(3) > span:nth-child(3):before,
tr.altstyle.inew > td.tcl > div.tclcon > strong > span:before, 
tr.inew > td.tcl > div.tclcon > strong > span:before,
tr.altstyle.inewisticky> td.tcl > div.tclcon > strong > span:before, td.tcr > span:before,
#pun-main > div.forum > div > table > tbody > tr:nth-child(2) > td.tcr > span
{content:'-';}

div.fl {display:none}

#navpiar3 > a > span {color:#099!important}


#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon, tr.altstyle.inew > td.tcl > div.tclcon {border:none!important}



#pun-main > div.forum > div > table > tbody > tr.altstyle.inew > td.tcl > span.pagestext > a:nth-child(1):before, tr.inew > td.tcl > div.tclcon > a:nth-child(4):before,
#pun-main > div.forum > div > table > tbody > tr > td.tcl > span.pagestext > a:nth-child(1):before, div.fl > a:nth-child(1):before,span.newtext> a:nth-child(1):before {display:none}


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


body,html {background: #1a1a1a url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=e4db56&density=15&opacity=7');}

#pun_wrap:before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
}

  body {  margin:0!important;
    padding-bottom: 15px;}

#pun {
   background: #F1F1F1;
   /* border: 5px solid #68151d; */
}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .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: #d1d1d1 url() repeat;
  color: #000000;
  }



/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #d1d1d1 url() repeat;
  color: #1a1a1a;
  }


/* CS1.3 */

#pun-stats h2,.punbb .main h1, #pun-debug h2, .punbb .main h2, .punbb-admin #pun-admain h2 {background-color: #1a1a1a;/* font-weight: bold; */font-style: normal;/* margin: 5px 0px; */color: #e4db61!important;letter-spacing: 1px;/* border-bottom: 5px solid #8cd300; */border-radius: -6px;text-transform: uppercase;text-align: center;}



/* CS1.4 */
.punbb-admin #pun-admain legend span, .punbb legend span, #pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #d1d1d1 url() repeat;
  color: #000000;
  }

/* CS1.5 */
#viewprofile h2 span, #profilenav h2 span {
/*  color: #008080;*/
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #d1d1d1 url() repeat ;
  color: #000000
  }


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

 .punbb select  {
    background-color: #e4db56;
    color: #000000;
    border: none!important;
    font-family: "Oswald";
}

.punbb input.button, #sub4, button, #post > fieldset > div > div.custom-smilies > input[type="Button"],.tabs li a 
{
    background: #1a1a1a;
    text-transform: uppercase!important;
    border: none;
    color: #f1f1f1;
    font-weight: bold!important;
    font-family: 'PT Sans', sans-serif!important;
    height: 23px;
    font-size: 10px!important;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.punbb input.button:hover, #sub4:hover, button:hover, #post > fieldset > div > div.custom-smilies > input[type="Button"]:hover ,.tabs li a:hover {color: #e4db56!important;}


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

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

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {

  }

/* 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
  }


#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
  }


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: #000;text-decoration: none;text-align: center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;/*   font-weight: bold;*/transition: all 0.3s ease;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

/* 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: #e4db56;
  background: #1a1a1a;
  text-decoration: none;
  text-align: center;
}

/* CS3.3 */
#pun-navlinks a {
    color: #f1f1f1!important;
    text-decoration: none;
    /* text-align: center; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 5px;
    letter-spacing: 1px;
    margin: 0px;
    letter-spacing: 1px;
    font-family: font-family: 'Fira Mono', monospace;
    font-family: 'Oswald', monospace;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  font-style: normal;
  text-decoration: none;
  text-align: center;
  background: transparent;
  }

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

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


[class*="forum"] > div > table > tbody > tr > td.tcl
{padding-top: 13px!important;padding-bottom: 7px!important;}

.subforums {display:none!important}
#pun-index .main thead, #pun-viewforum .main thead, #pun-searchtopics .main thead {font-size: 0.75rem; text-transform:uppercase;}

.punbb .main .tcr {padding-right: 1.5em!important;}
.punbb tbody.hasicon td.tcl {padding-left: 15px!important;padding: 0px 0 10px;}
.punbb .main .tcl{padding-left: 1.5em!important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {z-index:1}

#f-subforums {
     border-bottom: 4px solid #000000;
    padding-bottom: 10px;
}

/********************/

.punbb .main tr.inew > td:first-child, 
.punbb .main tr.inewisticky > td:first-child, .punbb tr.inew > td:not(:first-child):not(:last-child), 
.punbb tr.inewisticky > td:not(:first-child):not(:last-child), .punbb .main tr.inew > td:last-child, 
.punbb .main tr.inewisticky > td:last-child {
     background-color: #d8d8d8;
  }
 
#messages > fieldset > div > div > table > tbody > tr.icon.inew > td    { background-color: rgba(0, 0, 0, 0)!important;}