.sb-search{position:relative;margin:0;width:0;min-width:28px;height:20px;float:right;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;-webkit-backface-visibility:hidden}
.sb-search-input{position:absolute;top:0;right:0;border:none;outline:none;background:#fff;width:125px;height:20px;margin:0 35px 0 0;z-index:10;padding:0 5px 2px;font-family:inherit;font-size:14px;color:#555;border-bottom:2px solid #eee}
.sb-search-input::-webkit-input-placeholder{color:#ddd}
.sb-search-input:-moz-placeholder{color:#ddd}
.sb-search-input::-moz-placeholder{color:#ddd}
.sb-search-input:-ms-input-placeholder{color:#ddd}
.fa-search,.sb-search-submit{width:30px;height:18px;display:block;position:absolute;right:0;top:0;padding:0 8px;margin:0;line-height:18px;text-align:center;cursor:pointer}
.sb-search-submit{background:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;color:transparent;border:none;outline:none;z-index:-1}
.fa-search{color:#555;background:#FFF;z-index:90;font-size:13px;border-right:2px dotted #dedede;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-top:3px}
/* Open state */
.sb-search.sb-search-open,.no-js .sb-search{width:100%}
.sb-search.sb-search-open .fa-search,.no-js .sb-search .fa-search{z-index:11}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit{z-index:90}