/*---------------------------
    Client
---------------------------*/
.client {
	position: relative;
	overflow: hidden;

	img {
		padding: 15px;
		@include prefix(transition, transform .5s ease, webkit moz ms o);

		&:first-of-type {
			opacity: 0.7;
		}

		&:last-of-type {
			position: absolute;
			top: 50%;
			left: 50%;
			@include prefix(transform, translate(-50%, -150%), webkit moz ms o);
		}
	}

	&:hover img {
		&:first-of-type {
			@include prefix(transform, translateY(150%), webkit moz ms o);
		}

		&:last-of-type {
			@include prefix(transform, translate(-50%, -50%), webkit moz ms o);
		}
	}
}

.clients-light .client img {
	filter: brightness(100);

	&:first-of-type {
		opacity: 0.98;
	}
}