/* 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-input {
    position:absolute;
    top:50px;
    left:700px;
    
    box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    outline: 0;

    border-radius: 15px;
    width:250px;
    height:50px;
    padding:0px 0px 0px 20px;
    
    border: 1px #cfcfcf solid;
    border-top: none;
    border-bottom: 1px solid #cfcfcf;
    z-index: 98;
}

.sb-search-input::-webkit-input-placeholder {
    color: #5f576e;
}

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

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

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

.icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor:pointer;
    
    /* Enable Ligatures ================ */
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}


.sb-icon-search {
    position:absolute;
    top:50px;
    left:921px;

    width: 60px;
    height: 51px;
    display: block;
    padding: 10px 0px 10px 0px;
    border: 0px solid #dddddd;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background: #4a494a;
    z-index: 99;
    font-size: 23px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\e000";
    font-size:30px;
}


.settings_little_icon:before {
    color:#474747;
    content: "\e995";
    font-size:22px;
}
.settings_little_icon:hover:before {
    color:#5cacdf;
}
.sb-icon-search:hover {
    transition: background-color 0.5s ease;
    background: #4a494a;
}