/* 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);
}

.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);
    }
}