/* Search icon by IcoMoon, made with http://icomoon.io/app/ */


.sb-search { position: relative; margin-top: 7px; width: 0%; min-width: 380px; height: 31px; 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: #e5e5e5 1px solid; outline: none; background: rgba(255,255,255,1); border-radius: 20px; width: 93%; padding-left: 5%; height: 31px; margin: 0; z-index: 10; font-family: inherit; font-size: 14px; color: #c7c7c7; }
 .sb-search-input::-webkit-input-placeholder {
 color: #c7c7c7;
}
 .sb-search-input:-moz-placeholder {
 color: #c7c7c7;
}
 .sb-search-input::-moz-placeholder {
 color: #c7c7c7;
}
 .sb-search-input:-ms-input-placeholder {
 color: #c7c7c7;
}
.sb-icon-search, .sb-search-submit { width: 31px; height: 31px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 31px; 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: url(../../img/pro_cp/cp_ss.png) no-repeat; z-index: 90; font-size: 22px; 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";*/
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search { width: 100%; }
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: url(../../img/pro_cp/cp_ss.png) no-repeat; color: #fff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }