﻿/* http://goo.gl/5YmGTG */
@-webkit-keyframes animation-fade-in {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);

        opacity: 0;
        visibility: hidden;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);

        opacity: 1;
        visibility: visible;
    }
}
@keyframes animation-fade-in {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);

        opacity: 0;
        visibility: hidden;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);

        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes animation-fade-out {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);

        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);

        opacity: 0;
        visibility: hidden;
    }
}

@keyframes animation-fade-out {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);

        opacity: 1;
        visibility: visible;
    }
    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);

        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes pulsate {
    from{
        opacity:1;
        -webkit-transform:scale(.5,.5);
    }
    to{
        opacity:0;
        -webkit-transform:scale(1,1);
    }
}

@keyframes pulsate {
    from{
        opacity:1;
        transform:scale(.5,.5);
    }
    to{
        opacity:0;
        transform:scale(1,1);
    }
}


.call-animation-fade-in {
    -webkit-animation: animation-fade-in 250ms cubic-bezier(0.7,0,0.3,1) both;
    animation: animation-fade-in 250ms cubic-bezier(0.7,0,0.3,1) both;
}

.call-animation-fade-out {
    -webkit-animation: animation-fade-out 250ms cubic-bezier(0.7,0,0.3,1) both;
    animation: animation-fade-out 250ms cubic-bezier(0.7,0,0.3,1) both;
}

.call-content--icon_pulsate {
    border: 2px solid #999;
    border-radius: 50%;
    height: 140px;
    width: 140px;
    position: absolute;
    margin-left: -70px;
    margin-top: -15px;
    left: 50%;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    z-index: -1;
}





