.whats{ 
	display: inline-block; 
	text-decoration: none;
	width:280px; height: 255px; background: url(/app/whats/att-whats.png);background-size:100%;
        position:fixed; overflow: hidden; z-index:99999;
}

.whatspulseoff{ 
	animation-name: pulse_vo;
	animation-duration: 1s;
	bottom:-220px;right: 0px;
}
.whatspulseon{ 
 	animation-name: pulse_go;
	animation-duration: 1s;
	bottom:-13px;right: 0px;
}

.whatspulse {
	animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}


@keyframes pulse_go {
    from {bottom:-220px;}
    to {bottom:-20px;}
}


@keyframes pulse_vo {
    from {bottom:-20px;}
    to {bottom:-220px;}
}
.whatssn{
	margin-top:145px;width:80%;height:45px;overflow: hidden;margin-left:20%;
}
.whatssn2 input{
	padding:0px;font-size:12px;border:0px;background:none;width:80%;margin:7px;height:20px;
	}	
.whatssn2 input[type="submit"] {
	float:right;width:24%;height:35px;cursor:pointer;margin:0px;
}

.whatsclose{
	width:100%;height:50px;overflow: hidden;cursor:pointer;z-index:99999;
}

#whatstelefone{
	width:50%;margin:10px 5px 5px 5px;
}
#mensagemwhats{
	display:none;
}
#iframewhats{
	border:0px;width:100%;
}