.sr-only {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border-bottom: 1px solid #FFF;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: 1px solid #fff;
    color: #fff;
    right: 0;
    padding: 8px;
    position: absolute;
    top: -40px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
    width: 100%;
    text-align: center;
}

.sr-only:not(:focus) {
    border-bottom: none;
}

.sr-only:focus {
   background: none repeat scroll 0 0 #BF1722;
   right: 0;
   position: absolute;
   top: 0;
   transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
   width: 100%;
   text-align: center;
}