/* line 3, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top {
  padding-top: 50px;
}
/* line 5, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #searchbox {
  float: left;
  width: 100%;
  /* max-width:300px; */
}
#search_block_top.search_visible #searchbox{
	/* background:#fff; */
	    margin-top: 7px;
}
#search_block_top.search_visible #search_query_top {
	background-color:#fff ;
	color: var(--red) ;
}
#search_block_top.search_visible #search_query_top::placeholder{
	color: var(--red) ;
}
#search_block_top.search_visible span.icon-close{
	position: absolute;
    right: 14px;
    top: 7px !important;
    color: var(--red) !important;
    cursor: pointer;
    font-size: 14px;
}
#search_block_top.search_visible .btn.button-search {
    left: 5px;
    width: 35px;
}
#search_block_top.search_visible .btn.button-search:before {
    color: var(--red);
}
/* line 10, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top .btn.button-search {
  background: transparent;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  border: none;
  color: #6f6f6f;
  width: 50px;
  text-align: center;
  padding: 10px 0 11px 0;
  border-radius: 0 5px 5px 0;
  font-size: 0;
}
#search_block_top .btn.button-search.search_icon_color:before{
	color:var(--red);
}
/* line 22, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top .btn.button-search span {
  display: none;
}
/* line 25, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top .btn.button-search:before {
  content: "\f002";
  display: block;
  font-family: "FontAwesome";
  font-size: 15px;
  width: 100%;
  text-align: center;
  color: var(--red);
  line-height: 16px;
}
#search_block_top.search_visible .btn.button-search:before{
	border-right:0;
	width:30px;
}
#search_block_top #search_query_top{border:0;box-shadow: none;}
#search_block_top input[type="text"].ac_loading {
    background-image: url(../../../img/ring-alt.gif);
    background-position: calc(100% - 36px) center;
    background-repeat: no-repeat;
}
/* line 34, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top .btn.button-search:hover {
  color: #6f6f6f;
}
/* line 38, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #search_query_top {
  padding: 5px 20px 5px 38px;
  height: 30px;
  background-color: #fff !important;
  border-radius: 25px;
  font-style: italic;
  color:var(--red);
  font-family: 'Roboto-medium', sans-serif;
  font-size: 14px;
}
/* line 50, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #search_query_top::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color:var(--red);
}
/* line 53, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #search_query_top::-moz-placeholder {
  /* Firefox 19+ */
  color:var(--red);
}
/* line 56, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #search_query_top:-ms-input-placeholder {
  /* IE 10+ */
  color:var(--red);
}
/* line 59, ../../../sass/modules/blocksearch/blocksearch.scss */
#search_block_top #search_query_top:-moz-placeholder {
  /* Firefox 18- */
  color:var(--red);
}

/* line 67, ../../../sass/modules/blocksearch/blocksearch.scss */
.ac_results {
  background: white;
  border: 1px solid #d6d4d4;
  width: 271px;
  /* margin-top: -1px; */
  margin-top: 1px;
}
/* line 73, ../../../sass/modules/blocksearch/blocksearch.scss */
.ac_results li {
  padding: 0 10px;
  font-weight: normal;
  color: #686666;
  font-size: 13px;
  line-height: 22px;
}
/* line 79, ../../../sass/modules/blocksearch/blocksearch.scss */
.ac_results li.ac_odd {
  background: white;
}
/* line 82, ../../../sass/modules/blocksearch/blocksearch.scss */
.ac_results li:hover, .ac_results li.ac_over {
  background: #fbfbfb;
}

/* line 88, ../../../sass/modules/blocksearch/blocksearch.scss */
form#searchbox {
  position: relative;
}
/* line 90, ../../../sass/modules/blocksearch/blocksearch.scss */
form#searchbox label {
  color: #333333;
}
/* line 93, ../../../sass/modules/blocksearch/blocksearch.scss */
form#searchbox input#search_query_block {
  margin-right: 10px;
  max-width: 222px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}
/* line 100, ../../../sass/modules/blocksearch/blocksearch.scss */
form#searchbox .button.button-small {
  float: left;
}
/* line 102, ../../../sass/modules/blocksearch/blocksearch.scss */
form#searchbox .button.button-small i {
  margin-right: 0;
}
@media (max-width: 767px){
	  #search_block_top .btn.button-search.mobile_search{display:none;}
    #search_block_top #search_query_top{
      height: 25px;
      font-size:11px
    }
}
@media (max-width: 700px){
  #search_block_top #submit_search_view {
    background: #fff;
    width: 100%;
    position: static;
    height: 25px;
    border-radius: 30px;
    font-size: 11px;
    font-family: 'Roboto-medium';
    display: block;
    text-align: left;
    padding-left: 35px;
    line-height: 13px;
    font-style: italic;
    color:var(--red)
  }
  #search_block_top .btn.button-search:before {
    position: absolute;
    top: 4px;
    left: 15px;
    width: 14px;
    height: 14px;
    font-style: normal;
  }
}