.receipts-icon {
    background-image: url(animated/png/receipt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.tech-support-icon {
    background-image: url(animated/png/tech-support.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.map-icon {
    background-image: url(animated/png/map.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;

}

.notebook-pencil-icon {
    background-image: url(animated/png/notebook-pencil.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.diagram-icon {
    background-image: url(animated/png/diagram.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.id-icon {
    background-image: url(animated/png/id.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.credit-card-icon {
    background-image: url(animated/png/credit-card.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.tech-support-icon {
    background-image: url(animated/png/tech-support.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.lion-icon {
    background-image: url(animated/png/lion.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}


.bubble-chat-icon {
    background-image: url(animated/png/bubble-chat.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.note-icon {
    background-image: url(animated/png/note.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.handshake-icon{
    background-image: url(animated/png/handshake.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.computer-icon{
    background-image: url(animated/png/computer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.viaje-icon{
    background-image: url(animated/png/viaje.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.teacher-desk-icon{
    background-image: url(animated/png/teacher-desk.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.lacthosa-mas-icon{
    background-image: url(animated/png/Logo_LacthosaMas.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.vacations-icon{
    background-image: url(animated/png/vacations.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.permisos-icon{
    background-image: url(animated/png/permisos_visitas2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.sulaAd-icon{
    background-image: url(animated/png/sula_ads.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}

.constancias-icon{
    background-image: url(animated/png/constancias.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #FFFFFF;
    transition: background-image 0.2s ease-in-out 0s;
}


/*On Hover*/
.teacher-desk-icon:hover {
    background-image: url(animated/gif/teacher-desk.gif);
}

.receipts-icon:hover {
    background-image: url(animated/gif/receipt.gif);
}

.map-icon:hover {
    background-image: url(animated/gif/map.gif);
}

.notebook-pencil-icon:hover {
    background-image: url(animated/gif/notebook-pencil.gif);
}

.diagram-icon:hover {
    background-image: url(animated/gif/diagram.gif);
}

.id-icon:hover {
    background-image: url(animated/gif/id.gif);
}

.credit-card-icon:hover {
    background-image: url(animated/gif/credit-card.gif);
}

.tech-support-icon:hover {
    background-image: url(animated/gif/tech-support.gif);
}

.lion-icon:hover {
    background-image: url(animated/gif/lion.gif);
}


.bubble-chat-icon:hover {
    background-image: url(animated/gif/bubble-chat.gif);
}

.note-icon:hover {
    background-image: url(animated/gif/note.gif);
}

.handshake-icon:hover{
    background-image: url(animated/gif/handshake.gif);
}

.computer-icon:hover{
    background-image: url(animated/gif/computer.gif);
}

.viaje-icon:hover {
    background-image: url(animated/png/viaje.png);
}