.jmg-panel.slideInFromLeft{
	animation: 0.3s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
		opacity: 0;
    }
    100% {
        transform: translateX(0);
		opacity: 1;
    }
}

.jmg-panel.slideInFromRight{
	animation: 0.3s ease-out 0s 1 slideInFromRight;
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
		opacity: 0;
    }
    100% {
        transform: translateX(0);
		opacity: 1;
    }
}

.jmg-panel.slideInFromUp{
	animation: 0.3s ease-out 0s 1 slideInFromUp;
}

@keyframes slideInFromUp {
    0% {
        transform: translateY(-100%);
		opacity: 0;
    }
    100% {
        transform: translateY(0);
		opacity: 1;
    }
}

.jmg-panel.slideInFromDown{
	animation: 0.3s ease-out 0s 1 slideInFromDown;
}

@keyframes slideInFromDown {
    0% {
        transform: translateY(100%);
		opacity: 0;
    }
    100% {
        transform: translateY(0);
		opacity: 1;
    }
}

.jmg-panel.delay li:nth-child(1) {
    animation-delay: .15s;
 }
.jmg-panel.delay li:nth-child(2) {
    animation-delay: .30s;
 }
.jmg-panel.delay li:nth-child(3) {
    animation-delay: .45s;
 }
.jmg-panel.delay li:nth-child(4) {
    animation-delay: .60s;
 }
.jmg-panel.delay li:nth-child(5) {
    animation-delay: .75s;
 }
.jmg-panel.delay li:nth-child(6) {
    animation-delay: .90s;
 }
.jmg-panel.delay li:nth-child(7) {
    animation-delay: 1.05s;
 }
.jmg-panel.delay li:nth-child(8) {
    animation-delay: 1.20s;
 }
.jmg-panel.delay li:nth-child(9) {
    animation-delay: 1.35s;
 }
.jmg-panel.delay li:nth-child(10) {
    animation-delay: 1.50s;
 }

.jmg-panel.slideInFromDownDelay li{
	animation: slideInFromDownDelay 0.3s linear;
	animation-fill-mode: both;
}

@keyframes slideInFromDownDelay {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	75% {
		opacity: 0.5;
		transform: translateY(0);
	}
	100% {
		opacity: 1;
	}
}

.jmg-panel.slideInFromUpDelay li{
	animation: slideInFromUpDelay 0.3s linear;
	animation-fill-mode: both;
}

@keyframes slideInFromUpDelay {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	75% {
		opacity: 0.5;
		transform: translateY(0);
	}
	100% {
		opacity: 1;
	}
}

.jmg-panel.slideInFromLeftDelay li{
	animation: slideInFromLeftDelay 0.3s linear;
	animation-fill-mode: both;
}

@keyframes slideInFromLeftDelay {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}
	75% {
		opacity: 0.5;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
	}
}

.jmg-panel.slideInFromRightDelay li{
	animation: slideInFromRightDelay 0.3s linear;
	animation-fill-mode: both;
}

@keyframes slideInFromRightDelay {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	75% {
		opacity: 0.5;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
	}
}