/* Animation CSS
---------------------------------------------------------------------------- */
.anim {
	opacity: 0;
	transform: translate(0, 10vh);
}

.applications-list.anim .icon-buttons {
	transform: translate(0, 0);
	opacity: 1;
}

.applications-list.anim .icon-buttons > a {
	opacity: 0;
	transform: translate(10vh, 0);
	transition: opacity 1s, transform 1s, background 300ms;
}

.applications-list.anim.visible .icon-buttons > a {
	transform: translate(0, 0);
	opacity: 1;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(2) {
	transition-delay: .1s, .1s, 0s;
	transition-property: opacity, transform, background;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(3) {
	transition-delay: .2s, .2s, 0s;
	transition-property: opacity, transform, background;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(4) {
	transition-delay: .3s, .3s, 0s;
	transition-property: opacity, transform, background;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(5) {
	transition-delay: .4s, .4s, 0s;
	transition-property: opacity, transform, background;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(6) {
	transition-delay: .5s, .5s, 0s;
	transition-property: opacity, transform, background;
}

.applications-list.anim.visible .icon-buttons > a:nth-child(7) {
	transition-delay: .6s, .6s, 0s;
	transition-property: opacity, transform, background;
}

.anim.a-rdy{
	transition: all 1s;
}
.anim.visible {
	opacity: 1;
	transform: translate(0, 0);
}

/* Disable Animations at 600px */
@media only screen and (max-width:600px) {
	.anim {
		opacity: unset;
		transform: unset;
	}
	.anim.a-rdy {
		transition: unset;
	}
	.anim.visible {
		opacity: unset;
		transform: unset;
	}
}