
.search-container {
position: absolute;
display: inline-block;
z-index: 99;
}
.topheader .search-container {
top: 43px;
left: 490px;
}
#search-box {
width: 0;
height: 40px;
margin: 0;
padding: 0 30px 0 10px;
border: none;
border-radius: 20px;
transition: width 0.5s ease-out;
}
#search-btn {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
border: none;
background: transparent;
cursor: pointer;
}
#search-btn i {
font-size: 20px;
color: black;
}
.search-container input:focus, .search-container input:active {
width: 240px;
outline: none;
}
.bottomheader .search-container {
top: 6px;
right: 43px;
}
.bottomheader #search-box {
padding: 0 27px 0 10px;
height: 37px;
}
.bottomheader #search-btn {
width: 37px;
height: 37px;
}
