.group 			  {
    position:relative;
    margin-top:45px;
}

.input-addition{
    position:relative; top: 55px;
}

.input-def 				{
    padding:10px 10px 10px 5px;
    display:block;
    width:100%;
    border:none;
    border-bottom:1px solid #c2c2c2;
    font-weight: normal !important;
}
.input-def:focus 		{
    outline:none;
    border-bottom: 1px solid rgba(0,0,0,0);
    box-shadow: inset 0 -1px 0 #ddd !important;
}

/* LABEL ======================================= */
.input-label 				 {
    color:#999;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    font-size: 14px;
    left:5px;
    top:10px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

/* active state */
.input-def:focus ~ .input-label, .input-def:valid ~ .input-label 		{
    top:-20px;
    color:black;
}

/* BOTTOM BARS ================================= */
.bar 	{
    position:relative;
    display:block;
    width:100%;
}
.bar:before, .bar:after 	{
    content:'';
    height:2px;
    width:0;
    bottom:1px;
    position:absolute;
    background:#ff9801;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.bar:before {
    left:50%;
}
.bar:after {
    right:50%;
}

/* active state */
.input-def:focus ~ .bar:before, .input-def:focus ~ .bar:after {
    width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:0.5;
}

/* active state */
.input-def:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#ff9801; }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#ff9801; }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#ff9801; }
    to 	{ width:0; background:transparent; }
}