body{  background-color: rgba(169,158,115,.1);}
.heading-inner{position: relative; }

/*login*/
.login { width:100%;  margin: auto; padding:0px; display: flex;  flex-wrap: wrap; justify-content: center;  background:#fff; border-top:5px solid #f79d11;  }
.login .form-wrap-left,.login .form-wrap-right{ flex: 0 0 100%; margin:0px auto;  padding: 0px 20px 20px 20px;   }
/*.login .form-wrap-left{border-radius:0px;background:#e4e7ec;}
.login .form-wrap-right{border-radius:0px; background:#e4e7ec;  }
*/
.login h1, .login h2{ margin: 25px auto; font-size: 1.75rem; font-weight: 400; text-align: center; }
.login span img {   margin-top: 20px; }
.login a{ padding: 5px; margin:10px auto;   color:#52616a;    }
.login p{color:#52616a; font-size:0.75rem;  margin-bottom: 10px; }
.form-login{padding:15px;}
.form-login li span:nth-child(1) { width:25%; display: flex; margin: 10px auto; border-right: solid 1px #a99e73;}
.form-login li span:nth-child(2) { width:75%; display: flex; margin: 10px auto; padding-left: 10px; }

.form-login input[type="password"], .form-login input[type="text"] { width: 100%;  font-size: 16px !important; border: 1px solid #e6dcc0;   }
.form-login input[type="submit"] { width: 100%;  font-size: 16px !important;    }
.form-login {width: 100%;   display: flex;  flex-wrap: wrap;  color: #606468; }
.form-login li { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; }

.form-login label, .form-login input[type="text"], .form-login input[type="password"], .form-login input[type="submit"] { border-radius: 0.25rem; padding:5px 10px; }
.form-login label { padding-left: 1.25rem; padding-right: 1.25rem; min-width:60px; height:60px; background: linear-gradient( 75deg, #ffba33 60%, #fad158 100%); /* background: linear-gradient( 75deg, #a99e73 60%, #e6dcc0 100%); */border-bottom-right-radius: 0; border-top-right-radius: 0; }
.form-login input[type="text"], .form-login input[type="password"] { height:60px; margin-top:0px;  background: #f9f9f9; border-bottom-left-radius: 0; border-top-left-radius: 0; color: #000; }
.form-login input[type="text"]:focus, .form-login input[type="text"]:hover, .form-login input[type="password"]:focus, .form-login input[type="password"]:hover { background-color: #f9f9f9;  border:solid 1px #f3eddb; color: #38393c; }
.form-login input[type="submit"] { width:50%; display:block; margin:auto;  }
.form-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.fa-user-circle-o{width:30px;height:30px;background:url( ../images/icon/icon-user.svg) no-repeat 0px 0px; background-size:28px auto;  vertical-align:top;display:inline-block;}
.fa-lock{width:30px;height:30px;background:url(  ../images/icon/icon-lock.svg) no-repeat 0px 0px; background-size:28px auto;  vertical-align:top;display:inline-block;}
.fa-refresh{width:30px;height:30px;background:url(  ../images/icon/icon-pass.svg) no-repeat 0px 0px; background-size:32px auto;  vertical-align:top;display:inline-block;}
.fa-key{width:30px;height:30px;background:url(  ../images/icon/icon-pass.svg) no-repeat 0px 0px; background-size:32px auto;  vertical-align:top;display:inline-block;}

.hidden{ display: none!important}
.fblogin { width: 45%; padding-left: 25px; margin:5% 1%;   display: inline-block; text-align: center;  color: #fff; line-height: 40px;background: #2b78e4; }		
.fblogin a{ padding:0px;  color: #fff; font-size:.9rem;  }
.fblogin:before { position: absolute; margin:10px 0px 0px -30px; width: 20px; height: 20px; content: ''; background: url(../images/icon/icon-fb.svg) 0px 0px; background-size: 20px 20px; z-index: 999;}
.gllogin { width: 45%; padding-left: 25px; margin:5% 1%;   display: inline-block; text-align: center;  color: #fff; line-height: 40px;background: #ea4335; }		
.gllogin a{ padding:0px;  color: #fff; font-size:.9rem;  }
.gllogin:before { position: absolute; margin:10px 0px 0px -30px; width: 20px; height: 20px; content: ''; background: url(../images/icon/icon-google.svg) 0px 0px; background-size: 20px 20px; z-index: 999;}
/*.bg-login{ background:  url(../images/index/right-bg.jpg) no-repeat right top; background-size:100% auto;}
*/
@media (min-width:769px) {
.login { width:50%; margin:10% auto;   padding:0px; display: flex;  flex-wrap: wrap; border-radius:8px; box-shadow:0px 5px 6px rgba(0,0,0,.1);   }
.form-login label, .form-login input[type="text"], .form-login input[type="password"], .form-login input[type="submit"] { border-radius: 0.25rem; padding: 1rem; }
.login .form-wrap-left,.login .form-wrap-right{ flex: 0 0 50%; margin:0px auto;  padding: 0px 20px 20px 20px;box-shadow:0px 5px 6px rgba(0,0,0,.2);   }
.login .form-wrap-left{border-radius:8px 0px 0px 8px;  }
.login .form-wrap-right{border-radius:0px 8px 8px 0px;   }
.form-login{padding: 2rem;}

}