.layered-box {
    position: relative;
    padding-right: 5px;
    font-family: sans-serif;
    margin-bottom: 30px
}

    .layered-box label {
        font-size: 15px;
        text-transform: capitalize;
        position: absolute;
        left: 5px;
        top: 0;
        z-index: 1;
        color: #999;
        line-height: 44px;
        transition: all .2s ease-out;
        font-weight: 300
    }

    .layered-box.input-focused label {
        font-size: 13px;
        color: #26abff !important;
        top: -2px;
        line-height: 10px;
        transition: all .2s ease-out
    }

    .layered-box .text-control, .layered-box .text-control-border {
        box-shadow: none !important;
        padding: 10px 5px 0;
        font-weight: 300;
        transition: all .2s ease-in-out
    }

    .layered-box .text-control {
        background: 0 0;
        color: #333;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        height: 46px;
        font-size: 15px
    }

    .layered-box textarea.text-control {
        background: 0 0;
        color: #000;
        height: 100px;
        font-size: 13px;
        border-bottom: 1px solid #ccc
    }

    .layered-box .text-control:focus {
        border-color: #26abff !important;
        outline: 0
    }

    .layered-box .text-control-border {
        background-color: #fff;
        color: #333;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        height: 46px;
        font-size: 15px
    }

    .layered-box textarea.text-control-border {
        background: 0 0;
        color: #000;
        height: 100px;
        font-size: 13px;
        border-bottom: 1px solid #ccc
    }

    .layered-box .text-control-border:focus {
        border: 1px solid #26abff !important;
        outline: 0
    }

.bar {
    position: relative;
    display: block;
    width: 100%
}

    .bar:after, .bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #5264AE;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all
    }

    .bar:before {
        left: 50%
    }

    .bar:after {
        right: 50%
    }

.text-control-border:focus ~ .bar:after, .text-control-border:focus ~ .bar:before, .text-control:focus ~ .bar:after, .text-control:focus ~ .bar:before {
    width: 50%
}

.login-textbox {
    width: 100%
}

.p-a-3 {
    padding: 5rem !important
}

.text-control:-webkit-autofill, .text-control:-webkit-autofill:active, .text-control:-webkit-autofill:focus, .text-control:-webkit-autofill:hover, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.text-control-border:-webkit-autofill, .text-control-border:-webkit-autofill:active, .text-control-border:-webkit-autofill:focus, .text-control-border:-webkit-autofill:hover, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}