html.tq-login-page body {
	background: transparent url("/custom/images/login_bg3.jpg") center center no-repeat;
	background-size: 120% auto;
	animation-name: bganimate;
	animation-duration: 20s;
	animation-fill-mode: forwards;
	zoom: 100% !important;
}
@keyframes bganimate {
  from { background-size: 120% auto; }
  to { background-size: 100% auto; }
}
html.tq-login-page body header,
html.tq-login-page body nav {
	display: none;
}
html.tq-login-page body .t3-wrapper {
	height: 100%;
	width: 400px;
	background-color: rgba(255, 255, 255, 0.9);
}
html.tq-login-page body #t3-mainbody {
	padding: 0;
	height: 100%;
	width: 100%;
}
html.tq-login-page body #t3-mainbody > .row {
	margin: 0;
	height: 100%;
}
html.tq-login-page body #t3-mainbody > .row > #t3-content {
	padding: 0;
	height: 100%;
}
html.tq-login-page body #t3-mainbody .login-wrap {
    margin-top: 100%;
}
html.tq-login-page body #t3-mainbody .login-wrap > .logo {
	margin-bottom: 20px;
	text-align: center;
}
html.tq-login-page body #t3-mainbody .login-wrap > .logo img {
	width: 160px;
}
html.tq-login-page body #t3-mainbody .login-wrap .form-group {
	margin: 10px 0;
}
html.tq-login-page body #t3-mainbody .login-wrap .form-group input,
html.tq-login-page body #t3-mainbody .login-wrap .form-group button {
	border-radius: 0;
}
html.tq-login-page body #t3-mainbody .login-wrap .form-group input[type="text"],
html.tq-login-page body #t3-mainbody .login-wrap .form-group input[type="password"] {
	width: 100%;
}
html.tq-login-page body #t3-mainbody .login-wrap .form-group .checkbox {
	padding-top: 3px;
}
html.tq-login-page body #system-message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
html.tq-login-page body #system-message .alert-message {
	border-radius: 0;
	border: 0;
}



@media only screen and (min-width: 801px) {

}
@media only screen and (max-width: 800px) {
	html.tq-login-page body {
		background-size: auto 120%;
	}
	@keyframes bganimate {
		from { background-size: auto 120%; }
		to { background-size: auto 100%; }
	}
	html.tq-login-page body .t3-wrapper {
		width: 100%;
	}
	html.tq-login-page body #t3-mainbody .login-wrap {
	    margin-top: 10%;
		width: auto;
		height: auto;
	}
	html.tq-login-page body #t3-mainbody .login-wrap form {
		font-size: 2.5rem;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group label {
		font-weight: 400;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group input {
		height: auto;
		font-size: 2.5rem;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group .checkbox label {
		position: relative;
		padding-left: 40px;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group input[type=checkbox] {
		position: absolute;
		left: 0;
		margin: 4px 0 0 0;
		height: 24px;
	    width: 24px;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group button {
		width: 100%;
	    font-size: 2.4rem;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group > .col-sm-3 {
		width: 30%;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group > .col-sm-offset-3 {
		margin-left: 30%;
	}
	html.tq-login-page body #t3-mainbody .login-wrap .form-group > .col-sm-9 {
		width: 70%;
	}
}