.login
{
	width: 100%;
	height: 100vh;
	background-color: rgba(255,255,255,.8);
	z-index: 2;
}
.login:before
{
	position: absolute;
	content: '';
	background-image: url(../img/login.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.login .loginContainer
{
	width: 350px;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
}

.login .loginContainer .formContainer
{
	padding:40px 25px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e68c0e+0,e85b10+50,e85b10+51,ef7110+100 */
	background: #e68c0e; /* Old browsers */
	background: -moz-linear-gradient(top, #e68c0e 0%, #e85b10 50%, #e85b10 51%, #ef7110 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e68c0e 0%,#e85b10 50%,#e85b10 51%,#ef7110 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e68c0e 0%,#e85b10 50%,#e85b10 51%,#ef7110 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68c0e', endColorstr='#ef7110',GradientType=0 ); /* IE6-9 */
	border-radius: 10px;
}

.login .loginContainer .formContainer .logo
{
	text-align: center;
}

.login .loginContainer .formContainer .logo a
{
		display: inline-block;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		background-color: var(--white);
		line-height: 90px;
}
.login .loginContainer .formContainer .form-group
{
	margin-top: 15px;
	margin-bottom: 20px;
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control
{
	background-color: transparent;
	border-radius: 0;
	border:0;
	border-bottom: 1px solid var(--white);
	color: var(--white);
  font-family: var(--monte4);
  font-size: 14px;
}


.login .loginContainer .formContainer .form-group .input-icon .input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #edc297;
  font-size: 14px;
  font-family: var(--monte4);
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #edc297;
  font-size: 14px;
  font-family: var(--monte4);
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #edc297;
  font-size: 14px;
  font-family: var(--monte4);
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control:-moz-placeholder { /* Firefox 18- */
  color: #edc297;
  font-size: 14px;
  font-family: var(--monte4);
}



.login .loginContainer .formContainer .form-group .input-icon
{
	position: relative;
}
.login .loginContainer .formContainer .form-group .input-icon .icon
{
	color: var(--white);
	position: absolute;
	left: 5px;
	top: 11px;
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control
{
	padding-left: 25px;
}
.login .loginContainer .formContainer .form-group .input-icon .input .form-control:focus
{
	box-shadow: none;
}


.login .loginContainer .formContainer .captchaRow
{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 8px;
}

.login .loginContainer .formContainer .submitLogin
{
	text-align: center;
}
.login .loginContainer .formContainer .submitLogin .loginSubmit
{
	background-color: var(--white);
	border:0;
	cursor: pointer;
	padding:5px 25px;
	border-radius: 20px;
	font-family: var(--monte5);
	color: var(--color1);
	text-transform: uppercase;
	border:1px solid var(--white);
}
.login .loginContainer .formContainer .submitLogin .loginSubmit:hover
{
	background-color: #E85B10;
	color: var(--white);
	border-color:var(--white);
}

.login .loginContainer .formContainer .createAccount
{
	font-family: var(--monte4);
	font-size: 13px;
	text-align: center;
	margin-top: 15px;
}
.login .loginContainer .formContainer .createAccount a
{
	color: var(--white);
}