body {background: #ecf0f1; font-family:  'Open Sans', sans-serif; }
a:hover { text-decoration: none; outline: none; transition: all 0.3s ease-in-out 0s; }

/* header */
.header .support { background: #fd6408; height: 5px; float: left; width: 100%; }
.header .support .support-btn { font-size: 16px; padding: 0 17px; line-height: 29px; background: #fd6408; margin: 5px 0 -29px; color: #fff; border-radius: 0 0 5px 5px; position:relative; z-index:99; }
.header .top-contect { padding: 25px 0; float: right;  }
.header .top-contect a{margin-left:15px;}
.header .top-contect img, header .top-contect span { display: inline-block; vertical-align: middle; float: none; }
.header .top-contect img { margin-right: 7px; }
.header .top-contect span { font-size: 20px; color: #3379b0; text-decoration: none;  }
.header .navigation-bar {background: #fff; float: left; width: 100%; padding:10px 0; border-bottom: 2px solid #18316E ;}
.header .navigation-bar .logo { max-width: 100%; }
.login{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50);  margin-top: 50px; padding-bottom: 20px; border-radius: 10px; background: #fff; border-bottom: 5px solid #18316E; }
.login .box{background: #fff; padding-top:0px;  border-radius: 5px; width: 100% ; margin-top:0%;}
.login .icon{height: 70px; width: 70px;   border-radius: 50%; margin:-50px auto auto auto; background: #e1e1e1; color: #bdbdbd; font-size: 70px; text-align: center; line-height: 70px; overflow: hidden; padding-top: 10px; }
.login h1{font-size:25px; padding: 10px 0; color: #232c65; background: #18316E; color: #fff;   text-align: center; margin: 0px; border-top-right-radius: 10px;border-top-left-radius: 10px}
.login .can{text-align: center; border-radius:0px 0px 5px 5px; padding: 10px; width: 100%; background: #f6f6f6; border: 1px solid #e5e5e5;}
.login .can a{ color: #333333;}
.login .can a:hover{color: #2c8dd9;}
.login button{  background:#18316E;  width:auto; margin: auto 0px; height: 35px;
 border: none; color: #fff; font-size: 16px; text-align: center; width: 100%; margin-top: 10px; border-radius: 3px; }
.login button:hover{background: #084984;}
.login input[type="submit"]{  background:#3598dc;  width:auto; margin: auto opx; height: 35px;
 border:none; color: #fff; font-size: 16px; text-align: center; width: 100%; margin-top: 10px; border-radius: 3px; }
.login input[type="submit"]:hover{background: #084984;}
.forgot{text-align: right; margin-top: 10px;}
.forgot a{color: #2c8dd9;}
.forgot a:hover{color: #084984;}
.login .social_bg{margin-bottom: 15px;}
.login hr{margin: 10px 0;}
.login p{font-family: 'open_sanssemibold'; font-size: 13px; color: #fff; margin: 10px 0px; text-align: center;}
.head_txt{text-align: right; font-size: 14px; margin-top: 20px;}

#register .register_left{background: url("../images/reg_bg.jpg" )no-repeat top center; background-size:100%; height: 100%; width: 100%;}
#register .box{margin-top:10%;    padding-top:10px;}
#register .box h1{margin:10px 0 0;}

/* form starting stylings ------------------------------- */
.from_body{padding:20px 20px 0 20px; width: 100%; height: auto;}
.form_group {  margin:20px 0 15px 0;  position: relative;}
.login .from_body .form_group:first-child{margin-top: 10px;} 
.form_group input 				{
  font-size:16px;
  padding:5px 10px;
  display:block;
  width:100%;
  border:1px solid #3398cd;
  border-radius: 5px
  
}
.form_group input:focus 		{ outline:none; }

/* LABEL ======================================= */
.form_group label 				 {
  color:#333333; 
  font-size:18px;
  font-weight: normal;
  
  pointer-events:none;
 
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  
}

/* active state */
.form_group input:focus ~ label, .form_group input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
    
    
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:1px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#2c8dd9; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
    
}
.bar:after {
  right:50%; 
}

/* active state */
 input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}
.margin-top-30{margin-top: 30px;}
.hi-en ul{list-style-type:decimal; margin: 0px; padding: 0px;}
.hi-en ul li{line-height: 22px; font-size: 13px; word-wrap: break-word;}
.tab-content h3{font-size: 25px; font-weight: 500; color: #f00}
.lg-bg{ margin-bottom:50px; }
.footer {background: #fff; border-top: 2px solid #18316E; left:0px; right:0px; display:block; width: 100%; padding: 0; position: fixed; bottom: 0px; }
.footer .title{ font-size: 16px;  color: #000; text-transform: uppercase; font-family:
    'ralewaysemibold';}
.footer .copyright {float: left; width: 100%; text-align: center; padding: 0px; color: #000; }
.footer .copyright a { color: #fff; font-weight: 300;  }
.footer .copyright a:hover { text-decoration: none; color: #2c8dd9; }
.footer p{color:#fff;  margin: 10px 0;}
.footer a{color:#fff;}
#home{'font-family: 'Nirmala UI';}

          /*Custom css for Validation*/

.field-validation-error,
label.error {
    color: red;
}

.input-validation-error,
input.error {
    border: 2px solid red;
}