.search-container{max-width:300px;max-height:46px;display:inline-block;padding:14px}.searchbar{position:relative;min-width:50px;width:0;height:50px;float:left;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s}.searchbar-input{top:0;right:0;border:0;outline:0;background:#FC0;width:100%;height:50px;margin:0;padding:0 55px 0 20px;font-size:20px;color:#fff}.searchbar-input::-webkit-input-placeholder{color:#fff}.searchbar-input:-moz-placeholder{color:#fff}.searchbar-input::-moz-placeholder{color:#fff}.searchbar-input:-ms-input-placeholder{color:#fff}.searchbar-icon,.searchbar-submit{width:50px;height:50px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0;margin:0;border:0;outline:0;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#FC0;border-left:1px solid #fff}.searchbar-open{width:100%}