@font-face {
    font-family:OpenSans-Regular;
}

* {
    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
}

h1,h2,h3,h4,h5,h6 {
    margin:0
}

p {
    font-size:14px;
    line-height:1.7;
    color:#666;
    margin:0
}

ul,li {
    margin:0;
    list-style-type:none
}

input {
    outline:none;
    border:none
}

textarea {
    outline:none;
    border:none
}

textarea:focus,input:focus {
    border-color:transparent!important
}

input::-webkit-input-placeholder {
    color:#666
}

input:-moz-placeholder {
    color:#666
}

input::-moz-placeholder {
    color:#666
}

input:-ms-input-placeholder {
    color:#666
}

textarea::-webkit-input-placeholder {
    color:#666
}

textarea:-moz-placeholder {
    color:#666
}

textarea::-moz-placeholder {
    color:#666
}

textarea:-ms-input-placeholder {
    color:#666
}

button {
    outline:none!important;
    border:none;
    background:0 0
}

button:hover {
    cursor:pointer
}

iframe {
    border:none!important
}

.txt1 {
    font-size:15px;
    line-height:1.4;
    color:#999
}

.txt2 {
    font-size:15px;
    line-height:1.4;
    color:#4272d7
}

.hov1:hover {
    text-decoration:underline
}

.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:#e9faff
}

.wrap-login100 {
    position:relative;
    width:500px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
    -webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
    -o-box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
    -ms-box-shadow:0 3px 20px 0 rgba(0,0,0,.1)
}

.login100-form {
    width:100%
}

.login100-form-title {
    display:block;
    font-size:30px;
    color:#555;
    line-height:1.2;
    text-align:center
}

.wrap-input100 {
    width:100%;
    position:relative;
    background-color:#fff;
    border:1px solid #e6e6e6
}

.wrap-input100.rs1 {
    border-top:none
}

.input100 {
    display:block;
    width:100%;
    background:0 0;
    font-size:15px;
    color:#666;
    line-height:1.2
}

input.input100 {
    height:68px;
    padding:0 25px
}

.focus-input100-1,.focus-input100-2 {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    pointer-events:none
}

.focus-input100-1::before,.focus-input100-2::before {
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:1px;
    background-color:#4272d7
}

.focus-input100-1::before {
    top:-1px;
    left:0
}

.focus-input100-2::before {
    bottom:-1px;
    right:0
}

.focus-input100-1::after,.focus-input100-2::after {
    content:"";
    display:block;
    position:absolute;
    width:1px;
    height:0;
    background-color:#4272d7
}

.focus-input100-1::after {
    top:0;
    right:-1px
}

.focus-input100-2::after {
    bottom:0;
    left:-1px
}

.input100:focus+.focus-input100-1::before {
    -webkit-animation:full-w .2s linear 0s;
    animation:full-w .2s linear 0s;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both
}

.input100:focus+.focus-input100-1::after {
    -webkit-animation:full-h .1s linear .2s;
    animation:full-h .1s linear .2s;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both
}

.input100:focus+.focus-input100-1+.focus-input100-2::before {
    -webkit-animation:full-w .2s linear .3s;
    animation:full-w .2s linear .3s;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both
}

.input100:focus+.focus-input100-1+.focus-input100-2::after {
    -webkit-animation:full-h .1s linear .5s;
    animation:full-h .1s linear .5s;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both
}

@keyframes full-w{to{width:calc(100% + 1px)}}

@keyframes full-h{to{height:calc(100% + 1px)}}

.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;
    width:100%;
    height:60px;
    background-color:#4272d7;
    font-family:OpenSans-Regular;
    font-size:14px;
    color:#fff;
    line-height:1.2;
    text-transform:uppercase;
    -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:992px){
    .alert-validate::before {
        visibility:visible;
        opacity:1
    }
}

.flash {
    margin: 1em 0;
    padding: 1em;
    background: #cae6f6;
    border: 1px solid #377ba8;
    position: absolute;
    z-index: 1;
    top: -10px;
    border-radius: 10px;
}

.m-t-10{
    margin-top: 10px;
}