input.search[type=text]{width:10px;box-sizing:border-box;border:0px solid #f1f1f1;border-radius:30px;background-color:#fff;background-image:url(https://opsa-cdn.scdn7.secure.raxcdn.com/diez/2016/desktop/img/lupa.png);background-position:0 0;background-repeat:no-repeat;padding:5px 0 5px 30px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;float:left;margin:4px -32px;z-index:999;cursor:pointer;position:absolute;font:500 12px/20px 'Fira Sans';text-indent:5px}input.search[type=text]:focus{width:14%;box-shadow:0 0 5px #999}