.flex-sb-m{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;-ms-align-items:center;align-items:center}
*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%}
a{font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}
a:focus{outline:none!important}
a:hover{text-decoration:none;color:#6675df}
h1,h2,h3,h4,h5,h6{margin:0}
p{font-size:14px;line-height:1.7;color:#666;margin:0}

input{outline:none;border:none}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
input::-webkit-input-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}

input.form-control, input.form-control:focus{background-color:transparent;padding:15px;}

label{display:block;margin:0}
button{outline:none!important;border:none;background:transparent}
button:hover{cursor:pointer}
.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;background:#f2f2f2}
.wrap-login100{width:100%;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}
.login100-more{width:calc(100% - 560px);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,0.1)}
.login100-form{width:560px;min-height:100vh;display:block;background-color:#f7f7f7;padding:173px 55px 55px}

.login-title{width:100%;display:block;font-size:30px;color:#333;line-height:1.2;text-align:center}

.wrap-input100{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-end;width:100%;height:80px;position:relative;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:10px}

.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}
.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:10px;background:#6675df;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:50%;padding-left:30px;padding-right:30px}
.login100-more{width:50%}
}
@media (max-width: 768px) {
.login100-form{width:100%}
.login100-more{display:none}
}
@media (max-width: 576px) {
.login100-form{padding-left:15px;padding-right:15px;padding-top:70px}
}