.search-box-closed{width:0px;max-width:80%;height:0px;max-height:80%;position:absolute;z-index:30000;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);transition-duration:.3s;transition-property:width, height;}
.search-box-open {
width: 1500px;
max-width: 80%;
height: 400px;
max-height: 80%;
position: absolute;
z-index: 30000;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: rgba(0,0,0,0.8);
transition-duration: .3s; transition-property: width, height;
}