.section_loader{
    width: 100%;
    height: 100vh;
    display: flex;
    z-index: 1000;
    position: fixed;
    background: linear-gradient(to right, #FFFFFF, #EEEEEE, #E0E0E0)!important;
}
.loader-animation{
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
}
.loader-animation img{
   width: 100%;
}
.loader-animation > div{
    width: 20%;
    margin: 3px;
    box-sizing: border-box;
    animation: loader-animation .6s infinite alternate;
    -webkit-animation: loader-animation .6s infinite alternate;
}
@keyframes loader-animation {
    to{
        opacity: .3;
        transform: translate3d(0, -1rem, 0);
        -webkit-transform: translate3d(0, -1rem, 0);
        -moz-transform: translate3d(0, -1rem, 0);
        -ms-transform: translate3d(0, -1rem, 0);
        -o-transform: translate3d(0, -1rem, 0);
    }
}
.loader-animation > div:nth-child(2){
    animation-delay: .2s;
}
.loader-animation > div:nth-child(3){
    animation-delay: .4s;
}
.slide-up{
    display: none !important;
}
.out{
	animation: scale-display--reversed .8s;
	animation-fill-mode:forwards;
	display: inline-flex;
}

@keyframes scale-display--reversed {
	0% {
		display: inline-flex;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: inline-flex;
		opacity: 0;
	}
	100% {
		display: none !important;
		opacity: 0;
	}
}