/* Ripple */
.ink {
    display: block; position: absolute;
    background: rgba(230, 230, 230, 1);
    border-radius: 100%;
    transform: scale(0);
}

.btn .ink { background: rgba(255, 255, 255, 0.62); }

/*animation effect*/
.ink.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}


@-o-keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% { opacity: 0; transform: scale(2.5); }
}
@-webkit-keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% {opacity: 0; transform: scale(2.5);}
}
@keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% {opacity: 0; transform: scale(2.5);}
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 0%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    10%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 10%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    20%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 20%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    30%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 30%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    40%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 40%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    50%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 50%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    60%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 60%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    70%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 70%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    80%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 80%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    90%   {
        background: -webkit-linear-gradient(0deg, #F7F7F7 90%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
    100% {
        background: -webkit-linear-gradient(0deg, #F7F7F7 100%, #FDFDFD 10%); /* For Safari 5.1 to 6.0 */
    }
}

@-webkit-keyframes scale{
    
    from{
        -webkit-transform: scale(0);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
    }
    to{
        -webkit-transform: scale(1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
    }
    
}

@-webkit-keyframes transform-icons{
    
    to{
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
        font-size: 75px;
    }
    
}