.atp-vong {

    z-index: 999999;

    position: fixed;

    border-radius: 100%;

    border: 2px solid;

    opacity: .5;

}

.atp-tron {

    opacity: 0.75;

    z-index: 999999;

    position: fixed;

    border-radius: 100%;

}

.atp-phone {

    position: fixed;

    border: 2px solid transparent;

    border-radius: 100%;

    z-index: 999999;

    background-size: 70%;

    opacity: 0.7;

    background-repeat: no-repeat;

    background-position: 50% 50%;

}

.atp-text p {

    margin: 0px;

    padding: 0px 10px;

    font-size: 16px;

}

.atp-text {

    position: fixed;

    z-index: 999999;

    box-shadow: 5px 5px 5px #555;

}

@keyframes tada {

    0% {

        transform: scale(1);

    }

    10%, 20% {

        transform: scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        transform: scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        transform: scale(1.1) rotate(-3deg);

    }

    100% {

        transform: scale(1) rotate(0);

        opacity: 1;

    }

}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}



@keyframes zoomIn{

	0% {

	    opacity: 0;

	    -webkit-transform: scale(.3);

	    -ms-transform: scale(.3);

	    transform: scale(.3);

	}

	50% {

	    opacity: 1;

	}

}	

.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.1);

    }

    100% {

        transform: scale(1);

        opacity: 1;

    }

}

.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

}



.animated.infinite {

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

.animated {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

}