.searchform-1 { display:block; vertical-align:middle; position:relative; transition:top 0.5s ease-in; }
.searchform-1 > form { width:0px; height:29px; overflow:hidden; display:block; background-color:#fff; transition:width 0.4s linear; position:absolute; right:0px; top:50%; transform:translateY(-50%); z-index:2; }
.searchform-1 > form > input[type=text] { width: 217px; height:29px; padding: 0 14px; color:#000; font-style: italic; font-weight: 500; font-size: 15px; border: 1px solid #ececec; border-radius: 0; -moz-box-shadow:0 0; -ms-box-shadow: 0 0; -o-box-shadow:0 0; -webkit-box-shadow:0 0; box-shadow: 0 0; }
.searchform-1 > form > input[type=text]::placeholder { color:#000; opacity:1; }
.searchform-1 > form > button[type=submit] { height:29px; opacity:1; display:block; position:absolute;top:0;right:0; padding:0 10px; transition:opacity: 0.4s ease; border:0; border-radius:0; box-shadow:0 0; }
.searchform-1 > form > button[type=submit]:focus,.searchform-1 > form > button[type=submit]:active { box-shadow:0 0; }

.searchform-1.search-visible > form { width: 250px; }
.searchform-1.search-visible > form > button[type=submit] { opacity:1; }
.searchform-1 > .search-toggle { cursor:pointer; }
.searchform-1.search-visible > .search-toggle > .hovericon > .regular { opacity:0; }
.searchform-1 > .search-toggle { position:relative; z-index:0; }