@-webkit-keyframes animation1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}
@keyframes animation1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes animation2 {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes animation2 {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes animation-but-top {
    0% {
        padding-bottom: 0;
    }
    50% {
        padding-bottom: 15px;
    }
    100% {
        padding-bottom: 0;
    }
}
@keyframes pulsePhone{0%{width:0;height:0}50%{width:100%;height:100%}100%{width:calc(100% + 25px);height:calc(100% + 25px);opacity:.7}}
@keyframes tadaPhone{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}
.animation1.blur-set {
    -webkit-animation: animation1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: animation1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.animation2.blur-set {
    -webkit-animation: animation2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: animation2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.el-number-img::before {
    content: '';
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    transition: all .3s;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 50%;
    animation-name: pulsePhone;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.el-number-img img {
    animation-name: tadaPhone;
    animation-duration: .4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}