#login .content {
display: flex;
}
#login .content > div {
width: 50%;
}
#breadcrumbs {
display: none;
}
.top-banner .wrapper img {
max-height: 550px;
}
.section.section-banner .container h1{
margin-bottom: 0
}
#login {margin-top: 7.6%;margin-bottom: 9.65%;}
.col-left .image-banner {
width: 100%;
max-width: 565px;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
clip-path: polygon(27% 0%, 100% 0, 100% 100%, 0 100%, 0% 29%);
}
.col-left .image-banner img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.col-left {
padding-right: 30px;
}
.col-right {
padding-left: 3.5rem;
padding-top: 22px;
}
.col-right input[type=text],
.col-right input[type=password],
.col-right input[type=number]{
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 14px;
gap: 8px;
height: 46px; background: #FFFFFF; border: 1px solid #E3E3E3;
}
.col-right label {
font: normal 500 17px/23px 'Hind';
align-items: center;
letter-spacing: 0.015em; color: #001689;
}
.col-right form a,
.col-right #login-remember label {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px; letter-spacing: 0.01em; color: #282828;
}
.col-right form input[type="checkbox"] {
margin-right: 5px;
}
.col-right form input[type="checkbox"]:after {
left: 3px;
top: -1px;  
}
.col-right form {
padding-top: 28px;
position: relative;
}
.col-right form a {
position: absolute;
right: 0;
bottom: 69px;
color: #001689;
}
.col-right form p {
margin-top: 16px;
}
.col-right form p.login-remember {
margin-top: 22px;
}
.col-right form p.login-remember label {
font-size: 14px;
line-height: 17px; letter-spacing: 0.01em;
color: #282828;
margin-bottom: 6px;
}
.col-right form p#login-submit {
margin-top: 9px;
}
.col-right form p#login-remember {
display: inline-block;
margin-top: 25px;
}
.col-right input[type=submit] {
width: 100%;
height: 46px;
}
.social-signup {
margin-top: 29px;
display: grid;
position: relative;
}
.social-signup strong {
position: relative;
text-align: center;
}
.social-signup strong span { margin: 0 auto;
font: normal 500 17px/23px 'Hind'; padding: 0 41px;
letter-spacing: 0.015em; color: #001689;
background-color: #FAF9F6;
transform: none;
text-align: center;
}
.social-signup strong:before {
content:'';
display:block;
width: 100%;
max-width: 905px;
border-top: 1px solid #001689;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.login-section {
font:normal 400 14px/17px 'Hind'; letter-spacing: 0.01em; color: #282828;
text-align: center;
} #login #xs-social-login-container {
margin: 0;
margin-top: 18px;
padding-bottom: 28px;
}
#login .social {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#login a.xs-login__item.wslu-color-scheme--facebook {
height: 40px;
width: 40px;
margin-left: 17.5px;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/facebook.svg) no-repeat;
background-position: center;
}
#login a.xs-login__item.wslu-color-scheme--facebook i {
display: none;
}
#login a.xs-login__item.wslu-color-scheme--google {
height: 40px;
width: 40px;
margin-right: 17.5px;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/google.svg) no-repeat;
background-position: center;
}
#login a.xs-login__item.wslu-color-scheme--google i {
display: none;
}
#login a.xs-login__item.wslu-color-scheme--facebook span.xs-login__item--icon,
#login a.xs-login__item.wslu-color-scheme--google span.xs-login__item--icon {
background: transparent !important;
display: none;
}
#login #xs-social-login-container .xs-login {
display: flex;
min-width: 115px;
grid-gap: 0;
}
.logout_user {
margin-top: 50px;
}
.error-message, .success-message {
margin-top: 21px;
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 17px;
padding: 10px 25px 10px 40px;
background: rgba(17, 199, 0, 0.1) url(//jebgroup.cn/wp-content/themes/jeb/assets/images/Vector-10.svg) no-repeat;
background-position: left 10px center;
position: relative;
}
.error-message {
background: #fbc6c6 url(//jebgroup.cn/wp-content/themes/jeb/assets/images/error.svg) no-repeat;
background-size: 22px;
background-position: left 10px center;
}
.close {
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
padding: 0;
border: none;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/close-success.svg) center no-repeat !important;
font-size: 0;
}
.error-message .close {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/close-error.svg) !important;
}
@media(max-width: 1024px) {
.col-right {
padding-left: 30px;
}
}
@media (max-width: 767px) {
#login input[type=submit] {
width: 100%;
}
#login .content {
flex-wrap: wrap;
}
#login .content > div {
width: 100%;
}
.col-left .image-banner {
max-width: 100%;
}  
}
@media (max-width: 575px) {
.col-right form {
padding-top: 9px;
}
.container#login {
padding-top: 40px;
padding-bottom: 50px;
margin: 0;
}
.col-left .image-banner {
clip-path: polygon(26% 0%, 100% 0, 100% 100%, 0 100%, 0% 40%);
padding-bottom: 64.7%;
}
#login .content .col-left {
padding-right: 0;
padding-bottom: 0;
}
#login .content .col-right {
padding-top: 26px;
padding-left: 0;
}
.col-right label {
font-size: 15px;
line-height: 21px;
}
.col-right form p {
margin-top: 16.5px;
}
.col-right form p.login-remember {
margin-top: 31px;
}
.col-right form a {
bottom: 71px;
letter-spacing: 0.02em;
}
.social-signup strong span{
padding: 0 25px;
font-size: 15px;
line-height: 21px;
letter-spacing: -0.01em;
}
.social-signup{
margin-top: 34px;
}
#login a.xs-login__item.wslu-color-scheme--google,
#login a.xs-login__item.wslu-color-scheme--facebook{
width: 34px;
height: 34px;
}
#login #xs-social-login-container {
padding-bottom: 20px;
}
.login-section {
margin-bottom: 25px;
}
.col-right input[type=text],
.col-right input[type=password],
.col-right input[type=number] {
font-size: 15px;
line-height: 18.75px;
}
}