@charset "utf-8";
.mainsearchframe {margin:0px 0 0 0; position:absolute; top: 75px; right: 50px; z-index:2}
.mainsearchinputframe {}
.mainsearchinputframe .mainsearchstart {
	border:none;
	background:none;
	display:inline-block;
	width:36px;
	height:30px;
	color:#186c99;
	font-size:16px;
	cursor:pointer;
	display:none
}
.mainsearchinputframe .mainsearchinput {
	border:none;
	background:#706f6d;
	display:inline-block;
	width:245px;
	height:24px;
	box-shadow:none;
	padding-right: 35px;
	padding-left: 15px;
	font-size:12px;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom:1px solid #aaa;
	color:white;
}
.mainsearchinputframe:after{
	font-family: "Font Awesome 5 Pro";
	content:"\f002";
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:3px;
	right:6px;
	font-size:16px;
}
.mainsearchframe .mainsearchdesc {
	margin:10px 10px;
	font-size:11px;
	font-style:italic;
	color:#949494;
	line-height:130%;
}
.mainsearchloader {
	position:absolute;
	background:none;
	z-index:9999;
	top:0;
	height:100%;
}
.mainsearchloader .loadingInfo {
	position:absolute;
	left:0;
	top:0;
	display:block;
	line-height:16px;
	padding:5px 5px 5px 25px;
	background:url(../../img/loader12.gif) no-repeat right center;
	margin-left:20px;
	text-indent:-999em;
	width:130px;
	overflow:hidden;
}
.mainsearchresult .searchheader {
	font-size:18px;
	margin:0 0 10px 0;
	padding: 0 10px 0 10px;
	font-family: 'open_sans_condensedbold', Arial, Helvetica, sans-serif;
}
.mainsearchresult {
	position:absolute;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	padding:1px 1px 1px 1px;
	margin: 0px 0 0 0px;
	z-index:100;
	background:#555 !important ;
	color:#fff !important;
	box-sizing:border-box;
}
.mainsearchresult a {
	text-decoration:none;
	font-size:13px;
	color:#555;
	line-height:1em;
	display:block;
	padding:0 0 0 40px;
}
.mainsearchresult .searchImg {
	display:block;
	float:left;
	margin-left:-40px;
}
.mainsearchresult .searchRow {
	list-style:none;
	background:#fff;
	margin:0 0 0px 0;
	padding:5px 10px;
	vertical-align:top !important;
	position:relative;
	box-sizing:border-box;
}
.mainsearchresult .searchRow:hover {background:rgba(255,255,255,0.9);}
@media screen and (max-width: 699px) {
	.mainsearchframe { position:relative; right:inherit; left:inherit; bottom:inherit; top:inherit; z-index:2; box-shadow:none; margin:0;}
	.mainsearchinputframe .mainsearchinput {width:100%; background-color:#eee;}
	.mainsearchresult{width:80vw; box-shadow:none;}
}

@media screen and (max-width: 990px) and (min-width: 700px) {	
	.mainsearchframe { position:absolute; top:15px; right:auto; left:150px; width:50%; z-index:2}
	.mainsearchinputframe .mainsearchinput {width:80vw;}
}