#search-container {
	display: none;
	position: absolute;
	top: 0;
	right: 70px;
	width: calc(50% - 170px);
	height: 100%;
	z-index: 10000;
}
#search-wrapper {
	width: 100%;
	position: relative;
	padding: 15px 0;
	box-sizing: border-box;
	margin: 0px auto;
}
#search-input input.search-input {
	border-bottom: 1px solid #ccc;
	padding: 0 10px 0 40px;	
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	width: calc(100% - 150px);
    float: left;
	background: url("../images/search.svg") 7px center no-repeat;
	background-size: 22px auto;
	box-sizing: border-box;
	color: #888;
}
#search-input input.search-submit{
	float: left;
	background: none;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
	height: 45px;
	line-height: 45px;
	width: 100px;
	box-sizing: border-box;
	cursor: pointer;
	transition: color 0.3s ease;
}
#search-input input.search-submit:hover{
	color:var(--blue);
}
#search-input .close {
	margin-top: 4px;
	padding-right: 28px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	float:right;
	text-indent: -9999px;
	background: url("../images/close-blue.svg") center center no-repeat;
	background-size: 15px auto;
	transition: background-color 0.3s ease;
}
#search-input .close:hover {
	background-color: #fff;
}

@media only screen and (max-width: 1200px) {
	header #search-container{
		display: none !important;
	}
}