.sb-search{
position:relative;
width:0;
min-width:50px;
height:50px;
float:right;
overflow:hidden;
-webkit-transition:width .3s;
-moz-transition:width .3s;
transition:width .3s;
-webkit-backface-visibility:hidden
}

.sb-search-input{
position:absolute;
top:0;
left:0;
border:0 0;
outline:0;
background:#fff;
  margin: 10px 0 0 10px !important;
    padding: 0 !important;
    border: 1px solid #c0c9c0 !important;
    width: 182px !important;
    height: 22px;margin:0;
z-index:1;

}

.sb-search-input::-webkit-input-placeholder{
color:#bec5c6
}

.sb-search-input:-moz-placeholder,
.sb-search-input::-moz-placeholder{
color:#bec5c6
}

.sb-search-input:-ms-input-placeholder{
color:#bec5c6
}

.sb-icon-search,
.sb-search-submit{
width:50px;
height:24px;
display:block;
position:absolute;
right:10px;
top:10px;
padding:0;
margin:0;
line-height:22px;
text-align:center;
cursor:pointer;
font-size: 92%;

}

.sb-search-submit{
background:#004097;
color:transparent;
border: 0 !important;
outline:0;
z-index:1;
color: #fff;
}

.sb-icon-search{
color:#fff;
background:#7e8b8d;
z-index:3;
font-size:22px;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing:antialiased
}

.sb-icon-search:before{
font-family:icomoon;
content:"\e000"
}

.no-js .sb-search,
.sb-search.sb-search-open{
width:100%
}

.no-js .sb-search .sb-icon-search,
.sb-search.sb-search-open .sb-icon-search{
background:#596263;
color:#fff;
z-index:2
}

.no-js .sb-search .sb-search-submit,
.sb-search.sb-search-open .sb-search-submit{
z-index:3
}