/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon/icomoon.eot');
src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.woff') format('woff'),
url('../fonts/icomoon/icomoon.ttf') format('truetype'),
url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.sb-search {
position: relative;
margin-top: 10px;
width: 0%;
min-width: 20px;
height: 20px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: #fff;
width: 70%;
height: 20px;
margin: 0;
z-index: 10;
font-size: 12px;
margin-right: 25px;
/*padding: 20px 65px 20px 20px;
font-family: inherit;
font-size: 20px;*/
color: #2c3e50;
}
.sb-search-input::-webkit-input-placeholder {
color: #000;
}
.sb-search-input:-moz-placeholder {
color: #000;
}

.sb-search-input::-moz-placeholder {
color: #000;
}

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

.sb-icon-search,
.sb-search-submit  {
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 20px;
text-align: center;
cursor: pointer;
}

.sb-search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}

.sb-icon-search {
color: #fff;
background: #4b575f;
z-index: 90;
font-size: 12px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
border-radius: 20px;
}
.sb-icon-search:hover{background:#0098d1;}
.sb-icon-search:before {
content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
width: 20%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #0098d1;
color: #fff;
z-index: 11;
}

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