/*BLINK ONE STYLE*/
 .blink_me {
            -webkit-animation-name: blinker;
            -webkit-animation-duration: 2s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: blinker;
            -moz-animation-duration: 4s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            animation-name: blinker;
            animation-duration: 4s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @-moz-keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            70% {
                opacity: 1.0;
            }
        }

        @-webkit-keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            40% {
                opacity: 1.0;
            }
        }

        @keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            40% {
                opacity: 1.0;
            }
        }


/*BLINK2 STYLE*/

 .buttonblnk {
  background-color: #004A7F;
  -webkit-border-radius:3px;
  border-radius: 3px;
  border: none;
  color: #fff600;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 21px;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: #fff600; -webkit-box-shadow: 0 0 3px #fff600; }
  50% { background-color: #fff600; -webkit-box-shadow: 0 0 5px #fff600; }
  100% { background-color: #fff600; -webkit-box-shadow: 0 0 3px #fff600; }
}

@-moz-keyframes glowing {
  0% { background-color: #fff600; -moz-box-shadow: 0 0 3px #fff600; }
  50% { background-color: #fff600; -moz-box-shadow: 0 0 5px #fff600; }
  100% { background-color: #fff600; -moz-box-shadow: 0 0 3px #fff600; }
}

@-o-keyframes glowing {
  0% { background-color: #fff600; box-shadow: 0 0 3px #fff600; }
  50% { background-color: #fff600; box-shadow: 0 0 5px #fff600; }
  100% { background-color: #fff600; box-shadow: 0 0 3px #fff600; }
}

@keyframes glowing {
  0% { background-color: #fff600; box-shadow: 0 0 3px #fff600; }
  50% { background-color: #fff600; box-shadow: 0 0 5px #fff600; }
  100% { background-color: #fff600; box-shadow: 0 0 3px #fff600; }
}

.buttonblnk {
  -webkit-animation: glowing 500ms infinite;
  -moz-animation: glowing 500ms infinite;
  -o-animation: glowing 500ms infinite;
  animation: glowing 500ms infinite;
}




/*BLINK2 STYLE*/

 .buttonblnk1 {
  background-color: transparent;
  -webkit-border-radius:3px;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  padding: 1px 2px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: transparent; -webkit-box-shadow: 0 0 150px #fff600; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; -webkit-box-shadow: 0 0 15px #fff600; }
}

@-moz-keyframes glowing {
  0% { background-color: transparent; -moz-box-shadow: 0 0 150px #fff600; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 25px #FF0000; }
  100% { background-color: transparent; -moz-box-shadow: 0 0 15px #fff600; }
}

@-o-keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #fff600; }
  50% { background-color: #FF0000; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #fff600; }
}

@keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #fff600; }
  50% { background-color:transparent; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #fff600; }
}

.buttonblnk1 {
  -webkit-animation: glowing 1000ms infinite;
  -moz-animation: glowing 1000ms infinite;
  -o-animation: glowing 1000ms infinite;
  animation: glowing 1000ms infinite;
}


 

 /**
 * Tested on Bootstrap 3.3.2 
 * Usage: <button class="btn btn-transparent" type="button">Click me</button>
 */
.btn-transparent {
    background: transparent;
    color: #9d9d9d;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
    -o-transition: background .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out;
  
}

    .btn-transparent:hover {
        color: red;
        background-color: rgba(255,255,255,0.2);
}




     .showme{ 
   display: none;
 }
 .showhim:hover .showme{
   display : block;
 }
 .showhim:hover .ok{
   display : none;
 }