@-webkit-keyframes custom-phone {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) scale(0.8,0.8);
    } 
    50% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateX(107px) scale(1,1);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
}
@-moz-keyframes custom-phone {
    0% {
        opacity: 0;
        -moz-transform: translateX(0) scale(0.8,0.8);
    }
    50% {
        opacity: 1;
        -moz-transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100%{
        -moz-transform: translateX(107px) scale(1,1);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
}
@keyframes custom-phone {
    0% {
        opacity: 0;
        transform: translateX(0) scale(0.8,0.8);
    }
    50% {
        opacity: 1;
        transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
        transform: translateX(107px) scale(1,1);
    }
}
.custom-phone-animation {
    -webkit-animation: custom-phone 3s forwards; /* Safari 4+ */
    -moz-animation:    custom-phone 3s forwards; /* Fx 5+ */
    -o-animation:      custom-phone 3s forwards; /* Opera 12+ */
    animation:         custom-phone 3s forwards; /* IE */
}
@-webkit-keyframes custom-dictaphone {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) scale(0.8,0.8);
    } 
    50% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateX(-108px) scale(0.5,0.5);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
}
@-moz-keyframes custom-dictaphone {
    0% {
        opacity: 0;
        -moz-transform: translateX(0) scale(0.8,0.8);
    }
    50% {
        opacity: 1;
        -moz-transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100%{
        -moz-transform: translateX(-108px) scale(0.5,0.5);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
}
@keyframes custom-dictaphone {
    0% {
        opacity: 0;
        transform: translateX(0) scale(0.8,0.8);
    }
    50% {
        opacity: 1;
        transform: translateX(0) scale(0.8,0.8);
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-animation-timing-function: ease-in-out; /* Safari 4.0 - 8.0 */
        animation-timing-function: ease-in-out;
        transform: translateX(-108px) scale(0.5,0.5);
    }
}
.custom-dictaphone-animation {
    -webkit-animation: custom-dictaphone 3s forwards; /* Safari 4+ */
    -moz-animation:    custom-dictaphone 3s forwards; /* Fx 5+ */
    -o-animation:      custom-dictaphone 3s forwards; /* Opera 12+ */
    animation:         custom-dictaphone 3s forwards; /* IE */
}