/* * * Wave effect * * */
.e-wave:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
}

.e-wave:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
}

.e-wave:before,
.e-wave:after {
    -webkit-box-shadow: 0 0 0 2px rgba(31, 166, 163, .5);
    box-shadow: 0 0 0 2px rgba(31, 166, 163, .5);
}

.e-wave:hover:before {
    -webkit-animation: anim-effect-ivana-1 0.5s forwards;
    -o-animation: anim-effect-ivana-1 0.5s forwards;
    animation: anim-effect-ivana-1 0.5s forwards;
}

.e-wave:hover:after {
    -webkit-animation: anim-effect-ivana-2 0.5s forwards;
    -o-animation: anim-effect-ivana-2 0.5s forwards;
    animation: anim-effect-ivana-2 0.5s forwards;
}

.e-wave-trigger:hover > .e-wave:before {
    -webkit-animation: anim-effect-ivana-1 0.5s forwards;
    -o-animation: anim-effect-ivana-1 0.5s forwards;
    animation: anim-effect-ivana-1 0.5s forwards;
}

.e-wave-trigger:hover > .e-wave:after {
    -webkit-animation: anim-effect-ivana-2 0.5s forwards;
    -o-animation: anim-effect-ivana-2 0.5s forwards;
    animation: anim-effect-ivana-2 0.5s forwards;
}

@-webkit-keyframes anim-effect-ivana-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@-o-keyframes anim-effect-ivana-1 {
    0% {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
    100% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes anim-effect-ivana-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@-webkit-keyframes anim-effect-ivana-2 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    50%, 100% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}

@-o-keyframes anim-effect-ivana-2 {
    0% {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
    50%, 100% {
        opacity: 0;
        transform: scale3d(1.2, 1.2, 1);
    }
}

@keyframes anim-effect-ivana-2 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    50%, 100% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}