/* Efectos */

@keyframes subir {
	from {
        transform: translateY(750px);
        opacity: 1;
	} to {
		transform: translateY(50px);
        opacity: 0;
	}
}


@keyframes disminuir {
	from {
        transform: scale(1)
	} to {
		transform: scale(0.5)
	}
}

#cliente1{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-fill-mode: backwards;
}

#logo1{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-fill-mode: backwards
}

#cliente2{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 1s;
    animation-fill-mode: backwards
}

#logo2{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 1s;
    animation-fill-mode: backwards
}

#cliente3{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 2s;
    animation-fill-mode: backwards
}

#logo3{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 2s;
    animation-fill-mode: backwards
}

#cliente4{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 3s;
    animation-fill-mode: backwards
}

#logo4{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 3s;
    animation-fill-mode: backwards
}

#cliente5{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 4s;
    animation-fill-mode: backwards
}

#logo5{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 4s;
    animation-fill-mode: backwards
}

#cliente6{
    animation-name: subir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 5s;
    animation-fill-mode: backwards
}

#logo6{
    animation-name: disminuir;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 5s;
    animation-fill-mode: backwards
}