.wrap-input2{width:100%;position:relative;border-bottom:1px solid #c3c3c3;margin-bottom:37px}.wrap-input2 textarea,.wrap-input2 input{border:0;outline:0}.input2{display:block;width:100%;font-size:15px;color:#555;line-height:1.2;background-color:transparent}.focus-input2{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input2::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:rgba(83,166,243,1);background:-webkit-linear-gradient(45deg,#0084ff,#53a6f3);background:-o-linear-gradient(45deg,#0084ff,#53a6f3);background:-moz-linear-gradient(45deg,#0084ff,#53a6f3);background:linear-gradient(45deg,#0084ff,#53a6f3)}.focus-input2::after{content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;font-size:13px;color:#999;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}input.input2{height:45px}input.input2+.focus-input2::after{top:16px;left:0}textarea.input2{min-height:115px;padding-top:13px;padding-bottom:13px}textarea.input2+.focus-input2::after{top:16px;left:0}.input2:focus+.focus-input2::after,.has-val.input2+.focus-input2::after{top:-10px}.input2:focus+.focus-input2::before,.has-val.input2+.focus-input2::before{width:100%}