.sb-search { position: absolute; width: 0%; min-width: 40px; height: 40px; 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: 1px solid; border-color: transparent; outline: none; background: #f8f8f8; width: 100%; height: 40px; margin: 0; z-index: 10; padding: 6px 45px 5px 10px; font-family: inherit; font-size: 16px; color: #7e817e; box-sizing: border-box; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.sb-search-input::-webkit-input-placeholder { color: #7e817e; }
.sb-search-input:-moz-placeholder { color: #7e817e; }
.sb-search-input::-moz-placeholder { color: #7e817e; }
.sb-search-input:-ms-input-placeholder { color: #7e817e; }
.sb-icon-search, .sb-search-submit  { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0;line-height: 40px; 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: #ffffff; background: #1b60ae; z-index: 90; font-size: 24px !important; line-height: 1.5 !important; border-radius: 5px; text-align: center; }
.sb-icon-search:hover { background: #0e4d93; }
.sb-search.sb-search-open, .no-js .sb-search { width: 40%; width: calc(100% - 280px); }
.sb-search.sb-search-open .sb-search-input, .no-js .sb-search .sb-search-input { border-color: #c8c7c7; }
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #0e4d93; color: #ffffff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }

@media all and (max-width: 950px) {
	.sb-search.sb-search-open, .no-js .sb-search { width: 60%; width: calc(100% - 100px); }
}