html{
		padding:0px !important;
	margin:0px !important;
}
body{
	font-family: 'Roboro, Arial';
	padding:0px !important;
	margin:0px !important;
	background-color:#f9f9ff;
}
.main_bg
{
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	/* height: 100vh; */
}



.login_area
{
	width:580px;
	margin:auto;
}



.login_check {
  display: block;
  position: relative;
  padding-left: 25px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#151515;
  font-family:Roboto, Arial;
   margin-left: 0px;
   font-weight:normal;
}

/* Hide the browser's default checkbox */
.login_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.login_check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: none;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.login_check:hover input ~ .checkmark {
  background-color: #33007b;
}

/* When the checkbox is checked, add a blue background */
.login_check input:checked ~ .checkmark {
  background-color: #33007b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.login_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.login_check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.clear
{
	clear:both;
}
.clear20
{
	clear:both;
	height:20px;
}

.clear30
{
	clear:both;
	height:30px;
}
.clear10
{
	clear:both;
	height:10px;
}




.logo img
{
	margin-top:15px;
	margin-bottom:15px;
	
}
	
	


.login_box
{

	background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
	margin-top:-15px;
	width:100%;
	margin-top:34px;
	margin-bottom:15px;

}
.creat_heading
{
	font-size:18px;
	font-family:Roboto;
	color:#33007b;
	text-transform:uppercase;
}
.memb_log_h2{
	font-family: Raavi, Arial;
	font-size: 48px !important;
	color: #010101 !important;
	padding-bottom:5px;
	padding-top:37px;
	padding-bottom:45px;
	    font-weight: lighter !important;
}
.forgot_color
{
	color:#2b2b2b;
	font-size:14px;
	font-family:Arial;
	margin-top:-3px;
	text-align:right;
	float:right;
}
.forgot_color:hover
{
	color:#2b2b2b;
	text-decoration:underline;
}
.login_box_area
{
	margin-top:0px;
}
.login_box_area input
{
	background-color:#fff;
	border-radius:5px;
	padding:5px;
	color:#424243;
	font-size:14px;
	font-family:Roboto;
    border: none;
	padding-left:10px !important;
}
.login_input
{
	/* margin-bottom:20px !important; */
	position:relative;
}
.login_input input
{
	width:100%;
	height:48px;
	padding-left:45px;
	border-radius:5px;
	background-color:#fff;
	border:none;
	padding-left:20px !important;
	font-family:Roboto;
}
.login_input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#6d6c6c !important;
  opacity: 1; /* Firefox */
}

.login_input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#6d6c6c !important;
}

.login_input input::-ms-input-placeholder { /* Microsoft Edge */
  color:#6d6c6c !important;
}



.email_icon
{
    float: right;
    position: absolute;
    top: 14px;
    right: 20px;
}

.login_form_check
{
	margin-left:10px;
}
.btn_submit_login
{
background: #77ba1c;
background: -moz-linear-gradient(top, #77ba1c 0%, #77ba1c 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #77ba1c), color-stop(100%, #77ba1c));
background: -webkit-linear-gradient(top, #77ba1c 0%, #77ba1c 100%);
background: -o-linear-gradient(top, #77ba1c 0%, #77ba1c 100%);
background: -ms-linear-gradient(top, #77ba1c 0%, #77ba1c 100%);
background: linear-gradient(to bottom, #77ba1c 0%, #77ba1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#972984', endColorstr='#70206d', GradientType=0 );
	border:none;
	margin-top:10px;
	color:#fff;
	text-align:center;
	font-family:Roboto, Arial;
	font-size:18px;
	height:54px;
	border-radius:5px;
	line-height:54px;
	border:none;
	font-weight:bold;
	width:100%;
	text-transform:uppercase;
	width:157px;
	display:block;
	
}
.btn_submit_login:hover
{

	border:none;
	color:#fff;
	background:#77ba1c;
	
}
.border_left {
    background: #e5e5e5;
    float: left;
    height: 1px;
    width: 45%;
}
.heading_project {
    color: #33007b;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	font-family:Roboto, Arial;
	font-weight:bold;
}
.border_left {
    background: #e5e5e5;
    float: left;
    height: 1px;
    width: 45%;
}

.padding_left_login
{
	padding:30px;
	padding-bottom:20px;
	
}
.padding_left_signup
{
	padding:55px;
	padding-bottom:40px;
	padding-top:30px;
	
}

.few_quick_label
{
		color:#2b2b2b;
	font-size:16px;
	font-family:Roboto, Arial;
}







.footer_login
{
	color:#fff;
	font-size:14px;
	font-family:Roboto, Arial;
	padding-top:0px;
	padding-bottom:5px;
	margin-top:0px;
	text-align:center;
	font-weight:normal;
}
.footer_login span
{
	color:#fff;
	font-size:12px;
}
.footer_login a
{
	color:#fff;
	font-size:12px;
}
.login_bootom_bg
{
	margin-top:10px;
	margin-top:39px;
	
}





@media (min-width: 992px) and (max-width: 1150px){
	
}
@media (min-width: 768px) and (max-width: 991px){
	
}
@media (min-width: 320px) and (max-width: 767px){
	.login_area
{
	width:100%;
	margin:auto;
}
.creat_heading
{
	font-size:20px;
}
.btn_submit_login
{
	width:100%;
}
}
@media (min-width: 320px) and (max-width: 575px){
.padding_left_login {
    padding: 10px;
	padding-top:30px;
}
.btn_soicla_login
{
	margin-bottom:10px;
	text-align:center;
}
.padding_left_signup
{
	padding:10px;
	padding-bottom:10px;
	padding-top:20px;
	
}
}