/**
 * The "shine" element
 */

 .shineimg{
     position: relative;
     overflow: hidden;
     
 }
 .shineimg img{
    outline: 2px solid white;
    outline-offset: -12px;
 }
 .shineimg:after {
  
    animation: shine 5s ease-in-out  infinite;
    animation-fill-mode: forwards;  
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(15deg);
    
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
      to right, 
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.13) 77%,
      rgba(255, 255, 255, 0.5) 92%,
      rgba(255, 255, 255, 0.0) 100%
    );
  }
  
  /* Hover state - trigger effect */
  
  
  /* Active state */
  
  .shineimg:active:after {
    opacity: 1;
  }
  
  @keyframes shine{
    10% {
      opacity: 1;
      top: -30%;
      left: -30%;
      transition-property: left, top, opacity;
      transition-duration: 3s, 3s, 0.5s;
      transition-timing-function: ease;
    }
    100% {
      opacity: 0;
      top: -30%;
      left: -30%;
      transition-property: left, top, opacity;
    }
  }

  .ben-navbartop{
    border-bottom: 0.05em solid #9e9e9e;
  }

  html{
    border-top: 0.5em solid #FB8122;
    border-bottom: 0.5em solid #FB8122;
  }