.nav-search-icon{height:30px;width:30px}.nav-search{position:absolute;right:-50px;z-index:1000}.nav-search-form{height:85px;margin:0}.nav-search input[type=text]{background:#ddd;border:0;border-radius:0;font-size:1em;height:100%;margin-right:8px;padding:0;transition:all .3s ease;width:0}.icon-container{align-items:center;background:none;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;transition:all .5s ease .3s;width:50px}.nav-search .icon img{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-container.active{background:#fff;transition:all .3s ease}.nav-search input[type=text].active{padding-left:15px;transition:all .5s ease .2s;width:315px}.nav-search input[type=text]:focus{outline:none}