.admin {
  color:#f00;
  //font-size:12px;
  line-height:1.5;
  display:inline-block;
  z-index:2;
  //letter-spacing:5px;
  filter:drop-shadow(0 1px 3px)
 }
 .layers {
  position:relative
 }
 .layers::before,
 .layers::after {
  content:attr(data-text);
  position:absolute;
  width:110%;
  z-index:-1
 }
 .layers::before {
  top:10px;
  left:15px;
  color:#e0287d
 }
 .layers::after {
  top:5px;
  left:-10px;
  color:#1bc7fb
 }
 .single-path {
  clip-path:polygon(
     0% 12%,53% 12%,53% 26%,25% 26%,25% 86%,31% 86%,31% 0%,53% 0%,53% 84%,92% 84%,92% 82%,70% 82%,70% 29%,78% 29%,78% 65%,69% 65%,69% 66%,77% 66%,77% 45%,85% 45%,85% 26%,97% 26%,97% 28%,84% 28%,84% 34%,54% 34%,54% 89%,30% 89%,30% 58%,83% 58%,83% 5%,68% 5%,68% 36%,62% 36%,62% 1%,12% 1%,12% 34%,60% 34%,60% 57%,98% 57%,98% 83%,1% 83%,1% 53%,91% 53%,91% 84%,8% 84%,8% 83%,4% 83%
   )
 }
 .paths {
  animation:paths 5s step-end infinite
 }
 @keyframes paths {
  0% {
   clip-path:polygon(
       0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%
     )
  }
  5% {
   clip-path:polygon(
       0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%
     )
  }
  30% {
   clip-path:polygon(
       0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%
     )
  }
  45% {
   clip-path:polygon(
       0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%
     )
  }
  76% {
   clip-path:polygon(
       0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%
     )
  }
  90% {
   clip-path:polygon(
       0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%
     )
  }
  1%,
  7%,
  33%,
  47%,
  78%,
  93% {
   clip-path:none
  }
 }
 .movement {
  position:relative;
  animation:movement 8s step-end infinite
 }
 @keyframes movement {
  0% {
   top:0px;
   left:-20px
  }
  15% {
   top:10px;
   left:10px
  }
  60% {
   top:5px;
   left:-10px
  }
  75% {
   top:-5px;
   left:20px
  }
  100% {
   top:10px;
   left:5px
  }
 }
 .opacity {
  animation:opacity 5s step-end infinite
 }
 @keyframes opacity {
  0% {
   opacity:0.1
  }
  5% {
   opacity:0.7
  }
  30% {
   opacity:0.4
  }
  45% {
   opacity:0.6
  }
  76% {
   opacity:0.4
  }
  90% {
   opacity:0.8
  }
  1%,
  7%,
  33%,
  47%,
  78%,
  93% {
   opacity:0
  }
 }
 .fontAdmin {
  animation:fontAdmin 7s step-end infinite
 }
 @keyframes fontAdmin {
  0% {
   font-weight:100;
   color:#e0287d;
   filter:blur(3px)
  }
  20% {
   font-weight:500;
   color:#fff;
   filter:blur(0)
  }
  50% {
   font-weight:300;
   color:#1bc7fb;
   filter:blur(2px)
  }
  60% {
   font-weight:700;
   color:#fff;
   filter:blur(0)
  }
  90% {
   font-weight:500;
   color:#e0287d;
   filter:blur(6px)
  }
 }
 .glitch span {
  animation:paths 5s step-end infinite
 }
 .glitch::before {
  animation:paths 5s step-end infinite,opacity 5s step-end infinite,fontAdmin 8s step-end infinite,movement 10s step-end infinite
 }
 .glitch::after {
  animation:paths 5s step-end infinite,opacity 5s step-end infinite,fontAdmin 7s step-end infinite,movement 8s step-end infinite
 }
 @keyframes glow {
  from {
   text-shadow:0 0 20px #2d9da9
  }
  to {
   text-shadow:0 0 30px #34b3c1,0 0 10px #4dbbc7
  }
 }
 @keyframes glowwhite {
  from {
   text-shadow:0 0 20px #fff
  }
  to {
   text-shadow:0 0 30px #fff,0 0 10px #fff
  }
 }
 @keyframes glowgold {
  from {
   text-shadow:0 0 20px #ff9
  }
  to {
   text-shadow:0 0 30px #e6e600,0 0 10px #ff0
  }
 }
 @keyframes glowgreen {
  from {
   text-shadow:0 0 20px #ff9
  }
  to {
   text-shadow:0 0 30px #009900,0 0 10px #ff0
  }
 }
 
 @keyframes glowred {
  from {
   text-shadow:0 0 20px #8b0000
  }
  to {
   text-shadow:0 0 30px #f00,0 0 10px #f00
  }
 }
 
 @keyframes blinking{
 0%{   color: red;   }
 47%{   color: #000; }
 62%{   color: transparent; }
 97%{   color:transparent; }
 100%{  color: #000;   }
 }
 
 @keyframes blinking-vendor-area{
 0%{   
   color: red;  
   text-shadow:0 0 20px #000;
   }
 50%{   
   color: #000; 
   text-shadow:0 0 30px #fff,0 0 10px #fff;
     font-size:105%;
   }
 100%{  
   color: #fff; 
   text-shadow:0 0 20px #f00,0 0 20px #f00;
     font-size: 100%;
   }
 }
 
 @keyframes blinking-vendor-red{
   0%{   
   color: #fff;  
   text-shadow:0 0 20px #f30000;
   }
 50%{   
   color: #fff; 
   text-shadow:0 0 30px #d3d3d3,0 0 10px #d3d3d3;
     font-size:100%;
   }
 100%{  
   color: #fff; 
   text-shadow:0 0 20px #f00,0 0 20px #f00;
     font-size: 100%;
   }
 }
 
 @keyframes blinking-vendor{
   0%{   
   color: #fff;  
   text-shadow:0 0 20px #dcdcdc;
   }
 50%{   
   color: #fff; 
   text-shadow:0 0 30px #d3d3d3,0 0 10px #d3d3d3;
     font-size:100%;
   }
 100%{  
   color: #fff; 
   text-shadow:0 0 20px #c0c0c0,0 0 20px #c0c0c0;
     font-size: 100%;
   }
 }
 
 .user-super-mod {
  animation:glowwhite 2s ease-in-out infinite alternate;
  color:#d520a2
 }
 
 .user-moderator {
  color:#d520a2;
 }
 
 .user-blackelite {
   animation:glowgold 2s ease-in-out infinite alternate;
   color:#000;
   font-weight:bold;
 }
 
 .user-vize-admin {
   animation:glowred 2s ease-in-out infinite alternate;
   color:#f00;
   font-weight:bold;
 }
 
 .user-blackone {
  animation:glowwhite 2s ease-in-out infinite alternate;
  color: #000;
 }
 
 .user-elite,
 .user-ultra,
 .user-ultra-elite {
   text-align: center;
   font-weight: bold;
 }
 
 .user-elite {
   color: #daa520;
     animation: blink-elite 6s infinite;
     -webkit-animation: blink-elite 6s infinite;
 }
 .user-ultra-elite {
   color: #daa520;
     animation: blink-elite 6s infinite, glowwhite 2s ease-in-out infinite alternate;
   -webkit-animation: blink-elite 6s infinite, glowwhite 2s ease-in-out infinite alternate;
 }
 .user-ultra {
     color: #5a00a8;
     animation: blink-ultra 6s infinite;
     -webkit-animation: blink-ultra 6s infinite;
 }
 .user-ultra-elite {
     color: #5a00a8;
   animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
   -webkit-animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
 }
 
 .user-third-level {
   color: #66c2ff;
	 animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
   -webkit-animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
 }
 .user-second-level {
   color: #66c2ff;
 }
 .user-first-level {
   color: #b3e0ff;
 }
 .user-registered {
   color: #e6f5ff;
 }
 .user-banned {
   color:#fff;
 }
 .user-trial-member {
   color: #e9e9e9;
 }
 .user-vendor{
   animation:blinking 1.5s infinite;
 }
 
  .highlight-6, .highlight-6 a, .highlight-6 a:visited {
   animation:blinking-vendor-area 1.5s infinite;
    
 }
 
 .highlight-7 a, .highlight-7 a:visited, .highlight-8 a, .highlight-8 a:visited, .highlight-31 a, .highlight-31 a:visited, .highlight-32 a, .highlight-32 a:visited, .highlight-35 a, .highlight-35 a:visited, .highlight-36 a, .highlight-36 a:visited{
   animation:blinking-vendor 1.5s infinite;
 }
 
 .highlight-30 a, .highlight-30 a:visited {
   animation:blinking-vendor 1.5s infinite;
 }
 
 /* gold */
 .user-gold {
   background-image: 
     repeating-linear-gradient(
       -45deg, 
       #ffff99, 
       #ffff99 10px,
       #ffff00,
       #ffff00 25px
     );
   background-size: 200% 200%;
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
   animation: gold-stripes 2s linear infinite;
   text-transform: uppercase;
 }
 
 @keyframes gold-stripes {
   100% {
     background-position: 100% 100%;
   }
 }
 
 @keyframes blink-ultra {
   20%,
   24%,
   55% {
     color: #505050;
     text-shadow: none;
   }
     color: #5a00a8;
   }
 
 @keyframes blink-elite {
   20%,
   24%,
   55% {
     color: #505050;
     text-shadow: none;
   }
     color: #daa520;
   }

.user-x,
.user-xx,
.user-xxx,
.user-xxxx {
	color:#0f0;	
}
.user-xxx,
.user-xxxx{
	animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
   -webkit-animation: blink-ultra 6s infinite, glowwhite 2s ease-in-out infinite alternate;
}


/* animate logo */

@keyframes grow {
  0% {
    stroke-dashoffset: 1px;
    stroke-dasharray: 0 350px;
    opacity: 0;
    fill-opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    stroke-dasharray: 350px 0;
  }
  50% {
    fill-opacity: 1;
  }
  /* Moving back */
  85% {
    stroke-dasharray: 350px 0;
  }
  95%,
  to {
    stroke-dasharray: 0 350px;
    fill-opacity: 0;
  }
}
#header_logo path {
  stroke-dashoffset: 1px;
  stroke-dasharray: 350px 0;
  animation: grow 10s ease forwards infinite;
  transform-origin: center;
  stroke: #303030;
  animation-delay: 0s;
}