@font-face{font-family:Poppins-Regular;src:url(../fonts/poppins/Poppins-Regular.ttf)}
@font-face{font-family:Poppins-Medium;src:url(../fonts/poppins/Poppins-Medium.ttf)}
@font-face{font-family:Poppins-Bold;src:url(../fonts/poppins/Poppins-Bold.ttf)}
@font-face{font-family:Poppins-SemiBold;src:url(../fonts/poppins/Poppins-SemiBold.ttf)}
*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%;font-family:Poppins-Regular,sans-serif}
a{font-family:Poppins-Regular;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:#57b846}
input{outline:none;border:none}

input:focus{border-color:transparent!important}
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}

button{outline:none!important;border:none;background:0 0}
button:hover{cursor:pointer}

.txt1{font-family:Poppins-Regular;font-size:13px;line-height:1.4;color:#999}
.limiter{width:100%;margin:0 auto}
.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:#ebeeef}
.wrap-login100{width:500px;background:#fff;border-radius:10px;overflow:hidden;position:relative}
.login100-form-title{width:100%;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center;padding:70px 15px 74px}
.login100-form-title-1{font-family:Poppins-Bold;font-size:30px;color:#fff;text-transform:uppercase;line-height:1.2;text-align:center}
.login100-form-title::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:rgba(54,84,99,.7)}
.login100-form{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;padding:43px 88px 93px 190px}
.wrap-input100{width:100%;position:relative;border-bottom:1px solid #b2b2b2}
.label-input100{font-family:Poppins-Regular;font-size:15px;color:gray;line-height:1.2;text-align:right;position:absolute;top:14px;left:-105px;width:80px}
.input100{font-family:Poppins-Regular;font-size:15px;color:#555;line-height:1.2;display:block;width:100%;background:0 0;padding:0 5px}
.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input100::before{content:"";display:block;position:absolute;bottom:-1px;left:0;width:0;height:1px;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s;background:#57b846}
input.input100{height:45px}
.input100:focus+.focus-input100::before{width:100%}
.has-val.input100+.focus-input100::before{width:100%}

.container-login100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.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;min-width:160px;height:50px;background-color:#57b846;border-radius:10px;font-family:Poppins-Regular;font-size:16px;color:#fff;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.login100-form-btn:hover{background-color:#333}
@media(max-width:576px){.login100-form{padding:43px 15px 57px 117px}}
@media(max-width:480px){.login100-form{padding:43px 15px 57px}
.label-input100{text-align:left;position:unset;top:unset;left:unset;width:100%;padding:0 5px}}
.validate-input{position:relative}
.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:2px;pointer-events:none;font-family:Poppins-Medium;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}
.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}
.alert-validate:hover:before{visibility:visible;opacity:1}
@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}