.input{position:relative;z-index:1;display:inline-block;max-width:inherit;width:100%;vertical-align:top;}
.input_field{position:relative;display:block;float:right;padding:0.8em;width:60%;border:none;border-radius:0;background:#fff;color:#2e2e2e;font-size:15px;line-height:20px;letter-spacing:0.035em;font-weight:400;-webkit-appearance:none;}
.input_field:focus{outline:none;}
.input_label{display:inline-block;float:right;padding:0 1em;width:40%;color:#6a7989;text-align:center;font-weight:bold;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.input_label-content{position:relative;display:block;padding:1.6em 0;width:100%;}
.graphic{position:absolute;top:0;left:0;fill:none;}
.icon{color:#ddd;font-size:150%;}
.input-hideo{overflow:hidden;background:#fff;border:1px solid #d6d6d6;border-radius:5px;max-width:80%;}
.input-hideo.has-error{border:1px solid #e10000;}
.input-hideo.has-error .input_field-hideo{color:#e10000;}
.input_field-hideo{padding:0.85em 0.85em 0.85em 3.5em;width:100%;background:transparent;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.input_label-hideo{position:absolute;padding:1.25em 0 0;width:4em;height:100%;}
.input_label-hideo::before{content:'';position:absolute;top:0;left:0;z-index:1;width:4em;height:100%;background:#d0d0d0;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.icon-hideo{color:#fff;font-size:200%;margin-top:-3px;z-index:2;position:relative;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.input_label-content-hideo{position:absolute;top:100%;}
.input_field-hideo:focus{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.input_field-hideo:focus + .input_label-hideo::before{-webkit-transform:scale3d(0.8, 1, 1);transform:scale3d(0.8, 1, 1);}
.input_field-hideo:focus + .input_label-hideo .icon-hideo{-webkit-transform:scale3d(0.6, 0.6, 1);transform:scale3d(0.6, 0.6, 1);}
@media only screen and (max-width:600px){.input-hideo{max-width:75%;}
}
@media only screen and (max-width:400px){.input-hideo{max-width:100%;}
}