.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-bl {
	-webkit-animation: slide-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    }
    @keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
  
@-webkit-keyframes slide-bl {
    0% {
        -webkit-transform: translateY(-100px) translateX(100px);
                transform: translateY(-100px) translateX(100px);
    }
    100% {
        -webkit-transform: translateY(0) translateX(-0);
                transform: translateY(0) translateX(-0);
    }
    }
    @keyframes slide-bl {
    0% {
        -webkit-transform: translateY(-100px) translateX(100px);
                transform: translateY(-100px) translateX(100px);
    }
    100% {
        -webkit-transform: translateY(0) translateX(-0);
                transform: translateY(0) translateX(-0);
    }
}