.openSearch {
	display: none;
}

@media screen and (min-width: 1200px) {
	.openSearch {
		display: block;
		position: absolute;
		right: 17px;
		bottom: 8px;
		background-image: url(../../../../images/icon_search_white.svg);
		background-size: 16px 16px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		box-sizing: border-box;
		cursor: pointer;
	}

	.openSearch:hover {
		transform: scale(1.1);
	}

	 .fixedHeader .openSearch {
		background-image: url(../../../../images/icon_search.svg);
	}
	.scrolledABit .openSearch {
		background-image: url(../../../../images/icon_search.svg);
	}
}


.searchOverlayer {
	display: block;
	opacity: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: -100%;
	z-index: 20000;
	background-color: rgba(0,0,0,.4);
}

.searchOverlayer.open {
	opacity: 1;
	top: 0;
}

.searchOverlayer .close {
font-family:'ElegantIcons';
position:absolute;
top:5%;
right:5%;
	font-size:63px;
	color:#fff;
	cursor:pointer;
}

.searchOverlayer .inner {
	width: 90%;
	max-width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 100px;
	overflow: hidden;
}




.searchOverlayer .searchCriteria {
	float: left;
	padding-left: 60px;
	position: absolute;
	width: calc(100% - 80px);
	color: #2c2c2c;
	font-size: 23px;
	height: 80px;
	line-height: 80px;
	background-color: #fff;
	box-sizing: border-box;
	border: 0 none;
	z-index: 100;
	transition: all .3s ease-out;	
outline: 0;
}

.searchOverlayer .searchBtn {
	float: right;
	background-image: url(../../../../images/icon_search.svg);
	background-size: 43px 43px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: .15;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	cursor: pointer;
}

.searchOverlayer .searchBtn:hover {
	opacity: .50;
}




@media screen and (min-width: 1000px) {
}