.icon {
	font-size: 17px;
}

.search-form {
	position: relative;
	text-align: right;
	width: 30px;
	cursor: pointer;
}
.search-form form {
	margin: 0;
}
.search-form .icon {
	cursor: pointer;
}
.search-form .icon:hover {
	color: #666666;
	background: "transparent";
}

.search-form .general-Search input[type="text"] {
	height: 40px;
	width: 0px;
	font-size: 18px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 25px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
}
.search-form .general-Search input[type="submit"] {
	height: 40px;
	width: 0px;
	font-size: 18px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 25px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
}

.search-form:hover input[type="text"],
input[type="text"]:focus {
	/*width: 500px;*/
	z-index: 1;
	padding-right: 60px;
	border-bottom: 1px solid #bbbbbb;
	cursor: text;
	box-shadow: none;
}
.search-form:hover input[type="submit"],
input[type="submit"]:focus {
	width: 50px;
	z-index: 1;
	padding-right: 30px;
	border-bottom: 1px solid #bbbbbb;
	cursor: text;
	box-shadow: none;
}