/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
#search_block_top {
  display: inline-block;
  background: transparent;
  margin-right: 15px;
  position: relative;
  width: 30px;
  height: 25px;
  margin-top: 7px;
  border-right: 1px solid #8a8b95;
}
.rtl #search_block_top {
  margin-left: 15px;
  margin-right: inherit;
}
.rtl #search_block_top {
  border-left: 1px solid #8a8b95;
  border-right: inherit;
}
#search_block_top span.fa-search {
  position: relative;
  z-index: 101;
  top: 5px;
  font-size: 14px;
  color: #fff;
}

.ac_results {
  background: white;
  width: 271px !important;
  margin-top: -1px;
}
.ac_results li {
  padding: 0 10px;
  font-weight: normal;
  color: #686666;
  font-size: 13px;
  line-height: 22px;
}
.ac_results li.ac_odd {
  background: white;
}
.ac_results li:hover, .ac_results li.ac_over {
  background: #e7ce04;
}

form#searchbox .fa-search {
  display: none;
}
form#searchbox .fa-search:before {
  font-size: 22px;
}
form#searchbox .input-group-btn {
  overflow: hidden;
}
form#searchbox .input-group-btn .unvisible-search {
  display: block;
  margin-top: 7px;
}
form#searchbox .input-group-btn .btn {
  padding: 17px 25px;
  background: white;
  border-color: white;
}
form#searchbox input#search_query_block {
  margin-right: 10px;
  max-width: 222px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}
.rtl form#searchbox input#search_query_block {
  float: right;
}
form#searchbox .button.button-small {
  float: left;
}
form#searchbox .button.button-small i {
  margin-right: 0;
}
form#searchbox input[type="text"] {
  display: inline-block;
  font-weight: 100;
  outline: none;
  color: #555;
  padding-right: 88%;
  width: 0px;
  position: absolute;
  top: 0;
  right: -2px;
  background: none;
  z-index: 3;
  overflow: hidden;
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  border: none;
  z-index: 102;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.rtl form#searchbox input[type="text"] {
  padding-left: 88%;
  padding-right: inherit;
}
.rtl form#searchbox input[type="text"] {
  left: -2px;
  right: auto;
}
form#searchbox input[type="text"]::-webkit-input-placeholder {
  font-size: 0;
}
form#searchbox input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0;
}
form#searchbox input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0;
}
form#searchbox input[type="text"]:-ms-input-placeholder {
  font-size: 0;
}
form#searchbox input[type="text"]:focus {
  width: 740px;
  z-index: 99;
  height: 40px;
  background-color: white;
  border-bottom: 1px solid #e9ecf5;
  cursor: text;
  padding-left: 10px;
  overflow: inherit;
  outline: none;
  border-radius: 0;
  top: 55px;
  right: 2px;
}
.rtl form#searchbox input[type="text"]:focus {
  padding-right: 10px;
  padding-left: inherit;
}
.rtl form#searchbox input[type="text"]:focus {
  left: 2px;
  right: auto;
}
form#searchbox input[type="text"]:focus::-webkit-input-placeholder {
  font-size: 13px;
}
form#searchbox input[type="text"]:focus:-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
}
form#searchbox input[type="text"]:focus::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
}
form#searchbox input[type="text"]:focus:-ms-input-placeholder {
  font-size: 13px;
}
form#searchbox input[type="submit"] {
  width: 63px;
  display: inline-block;
  color: red;
  float: right;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}
.rtl form#searchbox input[type="submit"] {
  float: left;
}
form#searchbox input[type="submit"]:hover {
  opacity: 0.8;
}
form#searchbox:hover .btn {
  background-color: #e7ce04;
  border-color: #e7ce04;
  color: white;
}