#floating-icon {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background-image: url(//www.webypublicidad.com/asistente/icono3.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
cursor: pointer;
z-index: 1000;
transform-origin: top center;
animation: swing 6s ease infinite;
#animation: bounce 5s infinite ease-in-out; #animation-delay: 2s;
}
@keyframes swing {
10% { transform: rotate(15deg); }	
20% { transform: rotate(-10deg); }
30% { transform: rotate(5deg); }	
40% { transform: rotate(-5deg); }	
50% { transform: rotate(0deg); }
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
.modal-content {
background-color: #fefefe;
margin: 0 auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
height: 95%;
position: relative;
}
@media screen and (max-width: 900px) {
.modal-content {
width: 80%;
}
}
@media screen and (max-width: 600px) {
.modal-content {
width: 100%;
}
} .close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}