*{ margin:0;padding:0;box-sizing:border-box }
body,html{ height:100%; }
input{outline:none;border:none}
input::-webkit-input-placeholder{color:#999; font-size: 18px !important;}
input:-moz-placeholder{color:#999; font-size: 18px !important;}
input::-moz-placeholder{color:#999; font-size: 18px !important;}
input:-ms-input-placeholder{color:#999; font-size: 18px !important;}
button{outline:none!important;border:none;background:0 0}
button:hover{cursor:pointer}
.limiter{
    width:100%;
    margin:0 auto;
    font-size: 18px !important;
}
.container-login100{
    width:100%;
    min-height:100vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:15px;
    background:#f2f2f2;
    font-size: 18px !important;
}
.wrap-login100{
    border-radius: 15px !important;
    height:530px;
    width:1220px;
    background:#fff;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    flex-direction:row-reverse;
    font-size: 18px !important;
}
.login100-more{
    width:50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position: relative;
    z-index:1;
}
.login100-more::before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.3)
}
.login100-form{
    width:50%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    padding: 160px 65px 40px;
    font-size: 18px !important;
}
.login100-form-title{
    font-size:20px;
    color:#555;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;
    width:100%;
    display:block
}
.wrap-input100{
    width:100%;
    position:relative;
    border:1px solid #e6e6e6;
    font-size: 18px !important;
}
.rs1-wrap-input100,.rs2-wrap-input100{
    width:50%;
    font-size: 18px !important;
}
.rs2-wrap-input100{border-left:none}
.input100 {
    display:block;
    width:100%;
    background:0 0;
    font-size:18px !important;
    color:#666;
    line-height:1.2;
    padding:0 15px
}
input.input100{
    height:55px;
    font-size:18px !important;
}
.container-login100-form-btn{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    font-size: 18px !important;
}
.login100-form-btn{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 20px;
    width:100%;
    height:50px;
    border-radius:5px;
    background:#1E90FF;
    font-size:12px;
    color:#fff;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:1px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s
}
.login100-form-btn:hover{background:#333}

@media(max-width:992px){
    .login100-form{
        width:60%;
        padding-left:30px;
        padding-right:30px;
        font-size: 18px !important;
    }
    .login100-more{width:40%}
}
@media(max-width:768px){
    .login100-form{width:100%}
    .login100-more{width:100%}
}
@media(max-width:576px){
    .login100-form{padding-left:15px;padding-right:15px;padding-top:150px}
    .rs1-wrap-input100,.rs2-wrap-input100{width:100%}
    .rs2-wrap-input100{border-left:1px solid #e6e6e6}
}