@import "compass";
@import "theme_variables";
#search_block_top {
	float:left;
	position:relative;
	z-index:2;
	margin-right:20px;
	margin-left:165px; 
	@media (min-width: $screen-sm) and (max-width:$screen-md-max) 
	{ 
	margin-left:27px;
	}
	@media (min-width:1200px) and (max-width:1399px) 
	{ 
	margin-left:90px;
	}
	#searchbox {
		float: left;
		width: 100%;
	}
	.btn.button-search {
		background:transparent;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		text-align: center;
		padding:0 12px;
		font-size:16px;text-transform:uppercase;
		height:40px;line-height:40px;width:40px;
		font-family:$font-custom;
		color:$base-text-color;background:#eee;
		&:before
		{
			font-family:"FontAwesome";content: "\f002";
		}
		span{display:none;}
		&:hover {
		  background:$bg-button;color:$light-text-color;
		}
	}
	#search_query_top {
		display: inline;
		padding: 13px 60px 13px 13px;
		height: 45px;
		background: $base-box-bg;
		margin-right: 1px;
	}
}
.search_hover {
   
    font-size:10px;
	color:$base-body-color; 
    text-align: center;
    text-transform:uppercase;
    cursor: pointer;
	font-weight:600;
	 transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
	&.active
	 {
		 
	 }
   
}
.search_hover a{font-size:0;}

.search_hover a:before {
    content: "\f002";
    font-family: "FontAwesome";
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
    color:$description-color;
}
.search_hover a:hover:before{color:$link-hover-color;}
.drop_search {
    position: absolute;
    top: 34px;
    right:0;
    z-index: 1002;
	padding:20px;
	background:#333; 
  
}
#search_block_top #searchbox {
    float: left;
    width: 100%;
	position:relative;
	@media (max-width: $screen-xs-max) 
	{
		display: inline-block;
		float: none;
		
	}
}
#search_block_top #search_query_top {
    display: inline;
    padding: 4px 35px 4px 12px;
    height:40px;
    background: #fff;
    margin-right: 1px;
    border:3px solid $base-border-color;
	
	
}
@media (min-width: 768px)
{
.drop_search {
    display: none;
}
}

.ac_results {
	background: $light-background;
	border:1px solid #d9d9d9 !important;
	width: 332px !important;
	
	li {
		padding: 8px 15px !important;
		font-weight: normal;
		color: #686666;
		font-size: 13px;
		line-height: 22px;
		&.ac_odd {
			background: $light-background;
		}
		&:hover, &.ac_over {
			background: $bg-main;
			color:$light-text-color;
		}
	}
	@media (max-width: 767px)
    {
		width: 272px !important;
	}
}
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) 
{
	.ac_results {width:220px !important;}
}
form#searchbox {
	position: relative;
	label {
		color: $base-text-color;
	}
	input#search_query_block {
		margin-right:10px;
		max-width:222px;
		margin-bottom:10px;
		display:inline-block;
		float:left;
	}
	.button.button-small {
		float:left;
		i {
			margin-right:0;
		}
	}
}