/* Ripple Effect Style like Google Material Buttons Effect*/

.ripplelink{
    /* display:block; */
    /*color:#fff;*/
    text-decoration:none;
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index:0;
  }
  
  .ripplelink:hover{
      z-index:1000;
  }
  
  .ink {
    display: block;
    position: absolute;
    background:rgba(255, 255, 255, 0.4);
    border-radius: 100%;
    -webkit-transform:scale(0);
       -moz-transform:scale(0);
         -o-transform:scale(0);
            transform:scale(0);
  }
  
  .ripple-animate {
      -webkit-animation:ripple 0.65s linear;
     -moz-animation:ripple 0.65s linear;
      -ms-animation:ripple 0.65s linear;
       -o-animation:ripple 0.65s linear;
          animation:ripple 0.65s linear;
  }
  
  @-webkit-keyframes ripple {
      100% {opacity: 0; -webkit-transform: scale(2.5);}
  }
  @-moz-keyframes ripple {
      100% {opacity: 0; -moz-transform: scale(2.5);}
  }
  @-o-keyframes ripple {
      100% {opacity: 0; -o-transform: scale(2.5);}
  }
  @keyframes ripple {
      100% {opacity: 0; transform: scale(2.5);}
  }