@charset "utf-8";*{margin: 0px;padding: 0px;box-sizing: border-box}

.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-repeat: no-repeat;background-position: center;background-size: cover;position: relative;z-index: 1}
.container-login100::before{content: "";display: block;position: absolute;
    z-index: -1;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.10)}
    
.login_topimg{border-top-left-radius: 25px;
             border-top-right-radius: 25px;width: 100%;
             
             min-height: 185px;
             position: relative;             
             background:#a1bdd400 url(assets/site/images/image1.jpg) no-repeat;
             background-size: auto;
             background-position: center}
    
.login_topimg img{width:100%;height: auto}
.login_topimg .logo_wrap{ border-radius: 5px;
                          background: #fff;
                          padding: 13px 55px;
                          position: relative;top: -21px;margin: 10px auto;max-width: 255px}

#login .wrap-login100{
    background-color: rgba(255, 255, 255, 0.9);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-color:green ;
    padding: 20px 45px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;width: 100% }
    
.login100-form{width: 100%;display: -webkit-box;display: -webkit-flex;
               display: -moz-box;display: -ms-flexbox;display: 
               flex;justify-content: space-between;  flex-wrap: wrap}
               
.login100-form-title{font-size: 25px;
                     color: #243762;line-height: 1.2;
                     text-transform: uppercase;text-align:center;
                     width: 100%;display: block ;font-weight: 800;}

.login100-form-subtitle{font-size: 16px;color: #243762;line-height: 1.2;text-align: center;width: 100%;display: block}
.wrap-input100{position: relative;width: 100%;z-index: 1}
#login input{outline: none;border-radius: 25px;border-color:lightskyblue;}
#login input :active{outline: none;border-radius: 25px;border-color:lightgreen;}
#login label{display: inline-block;margin-bottom: .5rem}

.input-checkbox100{display: none}
 input{outline: none;border: none}
 .wrap-input100{position: relative;width: 100%;z-index: 1}
.input100{font-size: 15px;line-height: 1.2;color: #686868;display: block;width: 100%;background: #e6e6e6;height: 45px;border-radius: 3px;padding: 0 30px 0 55px}
.focus-input100{display: block;position: absolute;border-radius: 3px;bottom: 0;left: 0;z-index: -1;width: 100%;height: 100%;box-shadow: 0px 0px 0px 0px;color: rgba(211,63,141, 0.6)}

.symbol-input100{ font-size: 15px;
                  color: #999999;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -moz-box;display: -ms-flexbox;display: flex;align-items: center;position: absolute;border-radius: 25px;bottom: 0;left: 0;width: 100%;height: 100%;padding-left: 23px;padding-bottom: 5px;pointer-events: none;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s}::-webkit-input-placeholder{opacity: 1;-webkit-transition: opacity .5s;transition: opacity .5s}:-moz-placeholder{opacity: 1;-moz-transition: opacity .5s;transition: opacity .5s}::-moz-placeholder{opacity: 1;-moz-transition: opacity .5s;transition: opacity .5s}:-ms-input-placeholder{opacity: 1;-ms-transition: opacity .5s;transition: opacity .5s}::placeholder{opacity: 1;transition: opacity .5s}*:focus::-webkit-input-placeholder{opacity: 0}*:focus:-moz-placeholder{opacity: 0}*:focus::-moz-placeholder{opacity: 0}*:focus:-ms-input-placeholder{opacity: 0}*:focus::placeholder{opacity: 0}.lnr{font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.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}.w-full{width: 100%}.p-b-30{padding-bottom: 30px}
.input-checkbox100:checked + .label-checkbox100::before{color: #09569B}.label-checkbox100::before{content: "\f00c";font-family: FontAwesome;font-size: 13px;color: transparent;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;position: absolute;width: 18px;height: 18px;border-radius: 2px;background: #fff;border: 1px solid #e6e6e6;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}.label-checkbox100{font-size: 14px;font-weight: normal;color: #999999;line-height: 1.2;display: block;position: relative;padding-left: 26px;cursor: pointer}.m-b-16{margin-bottom: 16px}.p-b-55{padding-bottom: 55px}
.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:hover{background: green}
    .label-checkbox100::before{content: "\f00c";font-family: FontAwesome;font-size: 13px;color: transparent;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;position: absolute;width: 18px;height: 18px;border-radius: 3px;background: #fff;border: 2px solid #09569B;left: 0;top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}#login button:hover{cursor: pointer}

.login100-form-btn{
    
    font-size: 16px;line-height: 1.5;color: #fff;text-transform: uppercase;width: 100%;height: 45px;border-radius: 3px;background: #09569B;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;padding: 0 25px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s
                  }

#login button{outline: none !important;border-radius:25px ;}@media (max-width: 768px){.container{width: 750px}

#login .wrap-login100{padding: 27px}.login_topimg .logo_wrap{padding: 5px 55px}}