.defore-bg:before
{
    opacity: 0.2;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    background: #1B2030 url('/media/img/auth/login_bg.jpg') top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    animation: grow 60s linear 10ms infinite;
    transition: all 0.2s ease-in-out;
    z-index: -2;
}

@media (min-width: 576px)
{
	.login-form { width: 26rem; }
}

@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}

.form-group-feedback-left .form-control { border: .12rem solid #cdcdcd; }

.login-zapix > div > img{
	width: 240px;
}

@media (max-width: 992px)
{
	.login-zapix { 
	    display: flex !important;
		flex-direction: column;
	}

	.login-zapix > div:first-child{
		height: 30%;
		display: flex !important;
		justify-content: center !important;
	}

	.login-zapix > div:last-child{
		display: flex !important;
		height: 70%;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.login-zapix > div > img{
		width: 140px;
	}

	.login-form {
		margin: unset !important;
	}
}