/* parallax effect */
#bgparallax-loginaccount { 
	background:url(../images/public/parallaxbg-log.jpg) 50% 0 fixed;
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	padding: 80px 0;
	min-height:430px;
	background-size: cover;
	z-index: 0;
}

#bgparallax-loginaccount .login-box-section {
	width:500px; min-height:300px; background:white; margin:5% auto; display:block;
	-webkit-box-shadow: 1px 2px 3px #545353;
	-moz-box-shadow: 1px 2px 3px #545353;
	-ms-box-shadow: 1px 2px 3px #545353;
	-o-box-shadow: 1px 2px 3px #545353;
	box-shadow: 1px 2px 3px #545353;
	background:url(../images/public/loginbg.png) repeat;
}

.login-box-section h1 {font-size:30px; color:#333; font-weight:bold; text-align:center; padding:10px 0 20px 0}
.login-box-inner {padding:3% 12%; width:100%}
.login-box-inner p {text-align:center}
.log-input-block {padding-bottom:20px}

i.fa.fa-envelope.fa-lg {font-size:13px}
.forgotpass-txt {color:#213749; font-size:14px; text-align:center; padding:10px 0 5px 0}

.login-acct-btn {padding:15px 7%; background:#2196f3; color:white; font-size:17px; font-weight:bold; text-align:center; width:100%; margin-top:20px}
.login-acct-btn:hover {color:white; background:#2AB8F7}

/*----------flag pi=on flow10-----------------*/
.modal-dialog #main_container_f_03 .registrationForm_f10.pi_on span.fa-eye.field-icon,
.modal-dialog #main_container_f_03 .registrationForm_f10.pi_on span.fa-eye-slash.field-icon {
    margin-top: -59px !important;
    margin-right: 0 !important;
    padding: 0px 33px 0 35px !important;
    height: 44px !important;
    line-height: 42px !important;
}
/*----------flag pi=on flow10-----------------*/

@media only screen and (max-width : 540px) {
	#bgparallax-loginaccount .login-box-section {width:400px}
}

@media only screen and (max-width : 440px) {
	#bgparallax-loginaccount .login-box-section {width: 100%; max-width:260px}
	input.form-control {font-size:14px!important}

}

/* Social Media Icons Start*/
.social-mainbox{
  width: 120px; 
  margin:0 auto;
}

.social-box {
  margin: 0 auto;
  padding: 5px;
  height: 48px;
  width: 55px;
  text-align: center;
  text-decoration: none;
  border: 1px #a7a6a6 solid;
  border-radius: 14px;
  margin-right: 5px;
  float: left;
}

.social-box:hover {
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.fb_login img {
  margin: 0 auto;
  width: 35px;
}
.google_login img {
  margin: 0 auto;
  width: 34px;
}

.left-wing{
  border-top: 1px #a7a6a6 solid;
  color: #555555;
  width: 35%;
  float: left;
}
.right-wing{
  border-top: 1px #a7a6a6 solid;
  color: #555555;
  width: 35%;
  float: left;
}

.line-text {
  float: left;
  text-align: center;
  margin-top: -9px;
  width: 30%;
  font-size: 12px;
  color: #555555;
}

@media only screen and (max-width : 320px) {
  .left-wing{
    width: 30%;
  }
  .right-wing{
    width: 30%;
  }

  .line-text {
    width: 40%;
  }
}

/* Social Media Icons End*/