@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Open Sans', sans-serif !important;
    margin: 0;
    padding: 0;
    color: #a4a4a4 !important;
	background-color: #fff !important;
}
::placeholder {
    color: #a4a5a7!important;
}

:-ms-input-placeholder {
    color: #a4a5a7!important;
}

::-ms-input-placeholder {
    color: #a4a5a7!important;
} 


.headerk {
            /* background-color: #909091;*/
            padding: 10px;
            line-height: 10px;
	font-family: fangsong;
           /* border-bottom: 1px solid #c50e2a;*/
        }

            .headerk a {
               color: #000000 !important;
                font-size: 2.0em;
                padding-left: 10px;				
				margin: auto;
				font-family: arial;
            }

        .divloginerror {
            margin-top: 6%;
            width: 100%;
        }
		

header {
background-color: #262626;
}

.container {
max-width: 1176px;
}

.logo{
	margin:100px 0px 0px 0px;
}

.login-bx {
background: #e3eff6;
    background: -moz-linear-gradient(left, #125cbb 0%, #00a4d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#125cbb', endColorstr='#00a4d5',GradientType=1 );
    box-shadow: 0px 0px 5px #016894;
    border-radius: 10px;
	width: 350px;
    color: #fff;
    padding: 30px;
	margin: auto;
	display: inline-block;
	margin-top: 100px;
}

    .login-bx label {
        text-align: left;
		display: table;
		color: #003d89;
		margin-bottom: 1px;
		}
		.login-bx label span {
			color:red;
			
		}
		   .login-bx h4{
			    color: #040404;   
		   }

    .login-bx .form-control {
         border: solid 1px #ccc;
    background-color: #fff;
    padding: 10px;
	height: calc(2.40rem + 2px);
    margin-bottom: 15px;
    font-size: 14px;
	border-radius:4px;
    }

	.form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus {
    border-color: #003d89!important;
}
.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent, 0 1px 0 #003d89!important;
}
	
.form-control:focus {
    color: #000 !important;
    background-color: #fff!important;
}

.falcon-fp{
	font-size:14px;
	color:#003d89;
}

.bottom-none{
margin-bottom: 0px!important;	
}


.btn-join {
  background-color: #003d89 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 8px 30px;
}
.btn-join:hover {
    color: #ccc;
}

.register-sec{
margin-left: 6px;
padding: 23px 30px 30px 30px;
color:#fff;	
font-weight:bold;
}

.orange{
background-color:#ff8a00!important;	
margin-left:15px;
}
.login-btn{
padding: 8px 50px !important;
float: left;	
}
.yanntra-falcon-login h4{
text-transform: uppercase;
color: #016fae;
font-size: 20px;
margin-bottom: 20px;
font-weight: 600;
}
.minimum-char{
	font-size:12px;
	color:#003d89;
	margin:5px 0px 10px 0px;
	font-weight:600;
	
}
.signup-btn{
	width:100%;
}
.already-login{
padding-top:10px;
font-size:13px;
color:#003d89;
font-weight:600;
}
.already-login a{
color:#ff8a00;
text-decoration:none;
}
.reg-mob{
position:relative;
}
.btn-otp{
    background-color: #003d89;
    color: #ffffff;
    position: absolute;
    right: 1px;
    top: 0;
    padding: 7px 10px 7px 10px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.showPassicon{
	position:absolute;
	right:10px;
	top:9px;
    width: 26px;
	height:22px;
	background-image: url(../Images/password-show.png);
	background-repeat:no-repeat;	
	cursor:pointer;
}
.showPassicon:hover{
	background-image: url(../Images/password-hide.png);
	background-repeat:no-repeat;	
}

.login100-form-title {
    display: block;
    font-size: 24px;
    color: #333333;
    line-height: 1.2;
    text-align: left;
    margin: 10px 0px 20px 0px;
}


/*end smart brand section*/





@media only screen and (max-width: 990px) {
   

}
@media only screen and (max-width: 800px) {
    

}

    @media only screen and (max-width: 767px) {
       .yanntra-falcon-login {   
    width: 100%;
    margin-left: 0px;    
    padding: 15px;
	}
	.register-sec {
		margin-left: 6px;
		padding: 15px 8px;
		text-align:center;
	}	
    }

    @media only screen and (max-width: 600px) {
        .yaantra-falcon-banner h1 {
            font-size: 24px;
        }

        .yaantra-falcon-banner {
            padding: 24px 0px;
            height: auto;
        }

            .yaantra-falcon-banner p {
                font-size: 17px;
            }

        .bnr-img {
            text-align: center;
        }

            .bnr-img img {
                width: 50%;
            }

        

        header {
            text-align: center;
        }
        
    }


    @media only screen and (max-width: 480px) {
       
    }