main.container:not(.ng-scope) {
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #46667D;
}
main.container:not(.ng-scope) > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

main.container.login-container {
	position: relative;
	min-height: 685px;
	height: 100%;
	background-color: #46667D;
	transition: height .9s ease .1s;
}
.ar-login-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ar-login-wrap img.ar-login-logo {transition: margin-bottom .9s ease .1s;}
.ar-login-form-wrap {
	text-align: center;
	position: absolute;
	left: 50%;
	width: 430px;
	height: 355px;
	bottom: calc(-50vh - 355px);
	transform: translateX(-50%);
	transition: bottom 1s ease .1s;
}
.ar-login-form-wrap .ar-form-row {padding-top: 30px;}
.ar-login-form-wrap .ar-login-form-icon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: calc(50% + 15px);
	left: 25px;
	transform: translateY(-50%);
	background: center center no-repeat;
}
.ar-login-form-wrap .ar-login-form-icon.icon_email {background-image: url(/i/icon_email.svg);}
.ar-login-form-wrap .ar-login-form-icon.icon_pass  {background-image: url(/i/icon_password.svg);}
.ar-login-form-wrap .ar-form-error {
	min-height: 25px;
	width: 100%;
	padding-left: 15px;
	top: 5px;
	border-radius: 10px 10px 0 0;
	background: #F5F5F5;
	border: 1px solid #DEDEDE;
	line-height: 25px;
	text-align: left;
}
.ar-login-form-wrap .ar-form-input {
	min-height: 65px;
	padding: 20px 15px 20px 65px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 23px;
}
.ar-login-form-wrap .ar-form-error:not(.ng-hide) ~ .ar-form-input {border-radius: 0 0 10px 10px;}
.ar-login-form-button {
	width: 100%;
	height: 65px;
	margin-top: 30px;
	margin-bottom: 18px;
	font-size: 18px;
	border-radius: 10px;
}
.ar-login-link {
	cursor: pointer;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
.ar-login-link:hover {color:#A6192E;}




/* -----------Phones and Handhelds----------- */
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.ar-login-logo {
		height: 200px;
		width: 200px;
		margin-bottom: 300px;
	}

	.ar-login-form-wrap {width: 250px;}

	.ar-login-form-wrap .ar-form-input {
		min-height: 65px;
		padding: 5px 10px 5px 65px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 414px) and (max-width: 768px) {
	.ar-login-logo {
		height: 250px;
		width: 250px;
		margin-bottom: 320px;
	}

	.ar-login-form-wrap {width: 320px;}
}