/* 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: 0;

	width: 0%;

	min-width: 47px;

	height: 72px;

	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;

	width: 100%;

	height: 72px;

	margin: 0;

	z-index: 10;

	padding: 20px 65px 20px 20px;

	font-family: inherit;

	font-size: 20px;

	color: #2c3e50;

	box-shadow:inset 0 0 8px rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.2);

	-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.2);

}



.sb-search-input::-webkit-input-placeholder {

	color: #efb480;

}



.sb-search-input:-moz-placeholder {

	color: #efb480;

}



.sb-search-input::-moz-placeholder {

	color: #efb480;

}



.sb-search-input:-ms-input-placeholder {

	color: #efb480;

}



.sb-icon-search,

.sb-search-submit  {

	width: 47px;

	height: 72px;

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	padding: 0;

	margin: 0;

	line-height: 72px;

	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;


	z-index: 90;

	font-size: 16px;

	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:350px;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

	background:#e84c3d;

	color: #fff;

	z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

	z-index: 90;

}

