/**********************************************************
				Authentication Styles
**********************************************************/
#account-creation_form .id_state,
#account-creation_form .dni,
#account-creation_form .postcode {
  display: none; }

#create-account_form {
  min-height: 297px; }
  #create-account_form p {
    margin-bottom: 8px; }
  #create-account_form .form-group {
    margin: 0 0 20px 0; }

#login_form {
  min-height: 297px; }
  #login_form .form-group {
    margin: 0 0 3px 0; }
    #login_form .form-group.lost_password {
      margin: 14px 0 15px 0; }
      #login_form .form-group.lost_password a {
        text-decoration: underline; }
        #login_form .form-group.lost_password a:hover {
          text-decoration: none; }

#login_form .form-control, #create-account_form .form-control {
  max-width: 271px; }
  
#create-account_form .login_hovered .form-group,
#login_form .login_hovered .form-group {
	margin: 0px;
	display: inline-block;
	vertical-align: top;
}

#authentication #create-account_form .form-group .form-control,
#authentication #login_form .form-group .form-control{
	background: #ebe1b2;
	border: none !important;
	outline: none !important;
	height: 52px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	font-size: 15px;
	color: #574c17;
	padding: 0px 15px;
	max-width: 320px;
	width: 320px;
}

#account-creation_form .page-heading{
	margin-bottom: 15px;
}


#authentication .button.button-medium.exclusive{
	background: #ffffff;
	border: none !important;
	outline: none !important;
	height: 52px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	font-size: 15px;
	color: #574c17;
	padding: 0px 15px;
}

.login_hovered .form_content {
	text-align: center;
}

p.lost_password {
	text-align: left;
	display: block !important;
	font-size: 11px;
	margin-left: 10px !important;
}

#authentication #login_form .form-group .form-control#passwd{
	margin-left: 6px;
}


#create-account_form .login_hovered .submit,
#login_form .login_hovered .submit{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

#authentication #create-account_form.box,
#authentication #login_form.box,
#authentication .account_creation{
	background: #f5f5f5;
	padding: 30px 30px 15px 30px;
	margin: 0 0 30px 0;
	line-height: 23px;
	outline: 1px solid #dddede;
	outline-offset: -9px;
	border: none;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#authentication #create-account_form.box:hover,
#authentication #login_form.box:hover{
	background: #c9bd82;
	outline: 9px solid #a29245;
}

#authentication .box:hover .login_unhovered{
	top: 50px;
}

#authentication .box:hover .login_unhovered p{
	border-top: 2px solid #a29245;
}

#authentication #create-account_form.box:hover .page-subheading,
#authentication #login_form.box:hover .page-subheading{
	color:#ffffff;
	text-shadow: 1px 1px 0 #5f5f5f;
}

#authentication .box:hover .login_hovered{
	opacity: 1;
}

#authentication #create-account_form .form-control::-webkit-input-placeholder,
#authentication #login_form .form-control::-webkit-input-placeholder{
	color: #574c17;
}

#authentication .form-control::-webkit-input-placeholder{
	color: #6b6b7d;
}

.login_unhovered{
	position: absolute;
	top: 98px;
	text-align: center;
	display: block;
	width: 100%;
	left: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.login_hovered{
	opacity: 0;
	position: relative;
	width: 100%;
	margin-top: 135px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.login_unhovered p{
	font-size: 17px;
	border-top: 2px solid #c9bd82;
	display: inline-block;
	margin: 0 auto;
	padding-top: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: top;
}

#createbox:hover~#authentication_icon{
	left: 540px;
}

#loginbox:hover~#authentication_icon{
	left: 500px;
}

#authentication_icon{
	background: url(../img/sprites.png) repeat;
	width: 130px;
	height: 130px;
	position: absolute;
	background-position: -282px -6px;
	left: 521px;
	top: 84px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (min-width: 992px) and (max-width: 1199px) {
	#authentication_icon{
		left: 421px !important;
	}
	#createbox:hover~#authentication_icon{
		left: 440px !important;
	}
	#loginbox:hover~#authentication_icon{
		left: 400px !important;
	}
	#authentication #create-account_form .form-group .form-control, 
	#authentication #login_form .form-group .form-control{
		width: 260px !important;
		padding: 0px 6px !important;
	}
	#authentication #login_form .form-group .form-control#email,
	#authentication #login_form .form-group .form-control#passwd{
		width: 137px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#authentication_icon{
		display: none !important;
	}
	#create-account_form .login_hovered .form-group,
	#login_form .login_hovered .form-group{
		text-align: center;
	}
	#login_form ,
	#create-account_form{
		min-height: 230px !important;
		height: 230px !important;
	}
	.login_unhovered{
		top: 65px !important;
	}
	.login_unhovered p{
		font-size: 15px !important;
	}
	#authentication .box:hover .login_unhovered{
		top: 30px !important;
	}
	.login_hovered{
		margin-top: 100px !important;
	}
}
@media (max-width: 767px) {
	#authentication_icon{
		display: none !important;
	}
	#create-account_form .login_hovered .form-group,
	#login_form .login_hovered .form-group{
		text-align: center !important;
		display: block !important;
	}
	#login_form ,
	#create-account_form{
		min-height: auto !important;
		height: auto !important;
	}
	.login_unhovered{
		top: 65px !important;
	}
	.login_unhovered p{
		font-size: 15px !important;
	}
	#authentication .box:hover .login_unhovered{
		top: 30px !important;
	}
	.login_hovered{
		margin-top: 100px !important;
	}
	#authentication #create-account_form .form-group .form-control, 
	#authentication #login_form .form-group .form-control{
		width: 100% !important;
		padding: 0px 10px !important;
		margin: 5px auto !important;
	}
	#authentication #login_form .form-group .form-control#email,
	#authentication #login_form .form-group .form-control#passwd{
		width: 100% !important;
	}
	#authentication #create-account_form.box,
	#authentication #login_form.box{
		background: #c9bd82 !important;
		outline: 9px solid #a29245 !important;
	}

	#authentication .box .login_unhovered{
		top: 30px !important;
	}

	#authentication .box .login_unhovered p{
		border-top: 2px solid #a29245 !important;
	}

	#authentication #create-account_form.box .page-subheading,
	#authentication #login_form.box .page-subheading{
		color:#ffffff !important;
		text-shadow: 1px 1px 0 #5f5f5f !important;
	}

	#authentication .box .login_hovered{
		opacity: 1 !important;
	}
	#authentication  #createbox .form-group,
	#authentication  #loginbox .form-group{
		height: auto !important;
	}
	#authentication #login_form .form-group .form-control#passwd{
		margin-left: 0px !important;
	}
	#create-account_form .login_hovered .submit, #login_form .login_hovered .submit{
		margin: 5px auto !important;
	}
}