input,textarea{display:block;width:100%;color:#fff;font-size:17px;line-height:40px;border:none;background:0 0;font-family:athiti-regular;font-weight:400}.label,input,textarea{font-family:athiti-regular}input,label,textarea{font-weight:400}.label-drop,label{position:absolute}*{box-sizing:border-box}textarea{height:43px;resize:none;border-bottom:1px solid #999}input{border-bottom:1px solid #999}input:focus,textarea:focus{outline:0}.label{padding:0;color:#e9a783;font-size:10px}label{left:15px;right:0;top:10px;cursor:pointer;color:#999;font-size:17px;font-family:athiti-regular;text-align:left;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input~label,.label-drop,input:focus~label,textarea:focus~label{top:-7px;color:#e9a783;font-family:athiti-regular;font-size:10px}.label-drop{display:none}.input{border-bottom:1px solid #e9a783}.bar{position:relative;display:block}.bar:after,.bar:before{content:'';height:1px;width:0;bottom:0;position:absolute;background:#e9a783;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before,textarea:focus~.bar:after,textarea:focus~.bar:before{width:50%}input[type=image]:focus{border:none;outline:0}input[type=image]{border:none}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus~.highlight,textarea:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}