#account-signup .form-control:focus{
    border-color: unset;
    outline: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
#account-signup.container{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    position:relative;
}
#signupbox , #benefitsbox{
    width:50%;
    margin-top:50px;
    padding:0 7%;
}
#signupbox.signup_after{
    padding:0 5%;
}
#signupbox.signup_after p{
    margin:30px 0 50px 0;
    font-size:18px;
    color:#1c1c1c;
    letter-spacing: 0.9;
}
#signupbox.signup_afte button{
    font-size:14px;
    color:#fff;
    letter-spacing: 0.17;
}
.title{
    font-size:20px;
    font-weight: bold;
    color:#1c1c1c;
    line-height:24px;
}
.prompt{
    font-size:14px;
    color:#8e8e8e;
    font-weight:300;
    line-height:16px;
    margin:10px 0 30px;
}
#id_email ,#id_password1{
    width:323px;
    height:42px;
    background:#fff;
    border: none;
    border-bottom:1px solid #1c1c1c;
    margin-bottom:30px;
    text-align: center;
}
#id_email::-ms-input-placeholder,#id_password1::-ms-input-placeholder{
    text-align: center;
    color:#1c1c1c;
}
#id_email::-webkit-input-placeholder,#id_password1::-webkit-input-placeholder{
    text-align: center;
    color:#1c1c1c;
}
input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; }
input:focus::-moz-placeholder { color:transparent !important; }
input:focus:-ms-input-placeholder { color:transparent !important; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:focus{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input::-webkit-input-placeholder{
    font-size:14px;
    color:#1c1c1c;
}
input::-moz-placeholder{
    font-size:14px;
    color:#1c1c1c;
}
input:-ms-input-placeholder{
    font-size:14px;
    color:#1c1c1c;
}
.checkbox.shopping-for-checkbox{
    margin-bottom:30px;
    margin-right:22%;
    display:flex;
    justify-content: space-between;
}
.email-news-checkbox {
    margin-bottom:30px;
}
.email-news-checkbox label {
    font-size: 12px;
    font-weight: 400;
    margin-left: 30px;
    line-height: 23px;
}
.checkbox.shopping-for-checkbox span{
    font-size:14px;
    color:#1c1c1c;
}
.checkbox.shopping-for-checkbox label{
    margin-left:30px;
    padding-left:0;
}
#id_female[type="radio"] , #id_male[type="radio"], #email-news[type="checkbox"]{
    -webkit-appearance:none;
	width:16px;
	height:16px;
	background:url('/static/img/login-icon/unchecked.svg');
	margin-top:2px;
	margin-left:0px;
    cursor: pointer;
    position:absolute;
    border:none;
}
#id_female[type="radio"]{
    margin-left:0;
}
#id_female[type="radio"]:checked , #id_male[type="radio"]:checked, #email-news[type="checkbox"]:checked{
    -webkit-appearance: none;
    background:url('/static/img/login-icon/checked.svg');
}
#id_female[type="radio"]:focus , #id_male[type="radio"]:focus{
    background:url('/static/img/login-icon/checked.svg');
}
.class_male{
    margin-left:30px;
}
#signupbox button{
    width:323px;
    height:42px;
    margin-bottom:30px;
}
.line{
    text-align:center;
    margin-bottom:20px;
    padding-right:18%;
}
.line span{
    color:#8e8e8e;
    font-weight:300;
    font-size:14px;
}
#sign-with{
    padding-right: 18%;

    display: flex;
    justify-content: space-around;
}
.dividing-line{
    position:absolute;
    left:50%;
    margin-left:-1px;
    width:1px;
    height:120px;
    background:#8e8e8e;
    border:none;
}
#benefitsbox{
    padding:0 0 0 100px;
}
#benefitsbox.signup_after{
    padding:0 0 0 70px;
}

.small-line{
    width:20px;
    height:2px;
    border:none;
    background:#1c1c1c;
    margin:30px 0 0 0;
}
.benefits-titie{
    font-size:18px;
    color:#1c1c1c;
    line-height:22px;
    margin:30px 0;
}
.benefitslistbox{
    padding:0;
}
.benefitslistbox .benefititwm{
    padding-left:26px;
    list-style: none;
    position: relative;
    color:#1c1c1c;
    font-size:14px;
    margin-bottom:15px;
}
.benefitslistbox .benefititwm img{
    position:absolute;
    left:0;
    top:14%;
}
.errorlist{
    padding-left: 0;
    margin-right: 18%;
}
.errorlist>li{
    list-style: none;
    text-align: center;
    color: #ff0000;
}
.reminder{
    display: none;
}
.reminder , .reminder .reminder_t{
    margin-top:30px;
    font-size:14px;
    color:#1c1c1c;
    line-height:20px;
}
.reminder .reminder_p{
    font-size:12px;
    color:#8e8e8e;
}
@media(max-width:1199px){
    #account-signup.container{
        display:block;
    }
    #signupbox, #benefitsbox{
        width:100%;
        padding:0;
    }
    #signupbox.signup_after{
        padding:0 8%;
    }
    #signupbox.signup_after p{
        width:80%;
        margin:30px auto 50px;
        text-align: center;
    }
    .dividing-line{
        display:none;
    }
    .title ,.prompt{
        text-align:center;
    }
    #id_email, #id_password1 ,#signupbox button{
        width:80%;
        margin:0 auto 30px;
    }

    .line{
        padding-right:0;
    }
    .checkbox.shopping-for-checkbox{
        width:80%;
        margin:0 auto 30px;
    }
    .small-line {
        margin:20px auto 0;
    }
    .benefits-titie{
        text-align: center;
        margin:20px 0 30px;
    }
    .benefitslistbox{
        width:80%;
        margin:0 auto;
    }
    #sign-with{
        padding-right:0;
        width:80%;
        margin:0 auto 50px;
    }
    .errorlist{
        margin:0 auto;
    }
    .reminder{
        width:80%;
        margin:30px auto 0;
    }

}