/* 
Vitral 
Autor AENRIQUE

Credit: aenriqueweb

	General
	login-form
	Queries
	
--------------------------------------------*/
/* 1. General
--------------------------------------------*/

*, body { font-family: 'Open Sans', sans-serif,Verdana, Arial, Helvetica; }
.img-circle{
	border-radius: 50px;
	border: 1px solid rgb(187, 187, 187);
}
body { margin-bottom: 30px; }
h1 {
	font-weight: 300;
	font-size: 36px;
	line-height: normal;
	margin: auto;
	text-align: center;
}
h2 {
	font-weight: 500;
	font-size: 20px;
	line-height: normal;
	margin: auto;
	margin-bottom: 30px;
	text-align: center;
	color: rgb(255, 0, 0);
	transform: translate(-2%, 600%);
}
.btn-primary{
	
	background-color: #09284e;
	border-color: rgb(9, 40, 78);
}
.btn-primary:hover {
	background: #318aac;
	border-color: #318aac;
	color: #fff !important;
  }

.gray { color: #999; }

.control-wrapper {
	position: relative;
	padding-left: 0px;
}
.control-wrapper label.fa-label {
	position: absolute;
	left: 4px;
	top: 6px;
}

.vitral-container {
	background-color: rgba(144,161,169,0.7);
	border: 1px solid rgba(144,161,169,0.3);
	border-radius: 10px;
	margin: 0 auto;
	padding: 40px 30px 30px 30px;
	transform: translate(-10%, 20%);
}

.vitral-bg-gray { background-color: rgb(240, 240, 240); }
.form-group { margin-bottom: 30px; }

.fa { font-size: 16px; color: blue;}
.fa-medium { font-size: 20px; }


/*-------------------------------------
login-form
---------------------------------------*/
.vitral-login-form-1 { max-width: 350px; height: 350px;  box-shadow: 5px 9px 9px rgb(59, 57, 57); }
.vitral-login-form-1 a { color: gray; }
.vitral-login-form-1 a:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/*-------------------------------------
Queries
---------------------------------------*/
@media screen and (max-width: 767px) {
	.vitral-header .col-md-12 {	line-height: 20px; }
	.vitral-header .btn { margin-bottom: 15px; }
	.vitral-container {	padding: 15px; transform: translate(0%, 25%); }
	.control-wrapper label.fa-label { top: 6px;	}
	.vitral-header form { margin-top: 0; }
	h2 {
		
		transform: translate(-2%, 400%);
	}
}
@media screen and (max-width: 991px) {
	.vitral-login-form-2 .vitral-one-signin {
		border-right: none;
		border-bottom: 1px solid rgba(200, 200, 200, 0.5);
	}
	.vitral-login-form-2 .vitral-other-signin {	padding-top: 30px; }
	.vitral-login-form-2 .form-group:last-child { margin-bottom: 30px; }
	.vitral-create-account .col-md-6, .vitral-create-account .col-md-12 {
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.vitral-create-account .form-group { margin-bottom: 0; }
	.vitral-radio-group { margin-top: 0; }
	.vitral-contact-form-2 .checkbox {	margin-bottom: 15px; }
	.vitral-contact-form-2 { padding: 30px 30px 0 30px;	}
	.vitral-radio-container { margin-left: 30px; }
}