/********************************************************
	AZ SEARCHBLOCK STYLE
********************************************************/
.az_searchblock {
  float: right;
  height: 30px;
  border-right: solid 1px #e5e5e5;
  padding: 0 15px 0 0;
  margin: 0 20px 0 0;
  position: relative; }
  .az_searchblock .sb-container {
    position: relative; }
    .az_searchblock .sb-container .hidden-box .sb-selector {
      display: none; }
    .az_searchblock .sb-container .sb-button {
      width: 30px;
      float: left;
      height: 30px;
      text-align: center;
      padding: 0;
      border: none;
      color: #fff;
      font-size: 14px;
      background: url(../../../../assets/img/icon/icon_search.png) no-repeat center center; }
    .az_searchblock .sb-container .sb-content {
      border-bottom: solid 1px #e1e1e1;
      height: 31px;
      float: left;
      width: calc(100% - 30px); }
      .az_searchblock .sb-container .sb-content .sb-query {
        height: 30px;
        float: left;
        width: 100%;
        background: #fff;
        border: none;
        border-radius: 0;
        padding: 0 5px;
        border-radius: 0;
        color: #888888;
        font-size: 13px; }
      .az_searchblock .sb-container .sb-content .sb-selector {
        float: left;
        width: 65px;
        background: #fff;
        position: relative;
        height: 30px; }
        .az_searchblock .sb-container .sb-content .sb-selector:after {
          content: "\f0d7";
          font-family: Fontawesome;
          font-size: 12px;
          display: block;
          height: 100%;
          width: 17px;
          text-align: center;
          color: #aeaeae;
          line-height: 30px;
          position: absolute;
          top: 0;
          right: 0;
          background: #fff;
          z-index: 2;
          pointer-events: none; }
        .az_searchblock .sb-container .sb-content .sb-selector .sb-select {
          border: none;
          display: block;
          width: 100%;
          height: 100%;
          padding: 0;
          line-height: 30px;
          color: #888888;
          font-size: 13px;
          cursor: pointer;
          position: relative;
          z-index: 1; }
  .az_searchblock .sb-form {
    display: none;
    width: 230px;
    float: left;
    position: absolute;
    right: 0;
    top: 0; }
    .az_searchblock .sb-form.active {
      display: block; }
  .az_searchblock .icon-search {
    width: 30px;
    float: left;
    height: 30px;
    background: url(../../../../assets/img/icon/icon_search.png) no-repeat center center;
    cursor: pointer;
    position: relative;
    z-index: 2; }
    .az_searchblock .icon-search.active {
      background: none;
      position: absolute;
      left: -236px;
      top: -15px; }
      .az_searchblock .icon-search.active:before {
        content: "\f00d";
        font-family: Fontawesome;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        text-align: right;
        display: block;
        font-size: 12px; }
  .az_searchblock .sb-container .sb-content .sb-query:focus + .icon-search {
    display: none; }

.ac_results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 5px 0 0;
  border: none;
  z-index: 5; }
  .ac_results ul li {
    padding: 5px;
    border: solid 1px #e5e5e5;
    border-bottom: none; }
    .ac_results ul li:last-child {
      border-bottom: solid 1px #e5e5e5; }
    .ac_results ul li img {
      margin: 0 5px 0 0; }

/********************************************************
	AZ SEARCHBLOCK STYLE LAYOUT 4
********************************************************/
.header_v4 .icon-search {
  display: none; }
.header_v4 .sb-form {
  display: block !important;
  position: relative;
  right: auto;
  top: -4px;
  border: solid 1px #e5e5e5;
  border-radius: 20px;
  height: 40px;
  padding: 4px 10px;
  background: #fff; }
.header_v4 .sb-container .sb-content {
  border: none; }

/********************************************************
	AZ SEARCHBLOCK STYLE LAYOUT 5
********************************************************/
.header_v5 .icon-search {
  display: none; }
.header_v5 .sb-form {
  display: block !important;
  position: relative;
  right: auto;
  top: auto;
  background: #fff;
  min-width: 100%; }
.header_v5 .sb-container .sb-content {
  border: none;
  width: 100%;
  height: 40px; }
.header_v5 .az_searchblock {
  padding: 0;
  margin: 5px 0 0;
  border: none;
  width: 100%;
  height: 40px; }
  .header_v5 .az_searchblock .sb-container .sb-content .sb-query {
    width: 100%;
    border: solid 1px #d9d9d9;
    height: 40px;
    padding: 0 15px; }
    .header_v5 .az_searchblock .sb-container .sb-content .sb-query:focus {
      border-color: #fff; }
  .header_v5 .az_searchblock .sb-container .sb-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px; }

.header_v5 .menu-fixed .az_searchblock .sb-container .sb-content .sb-query:focus {
  border-color: #333; }

/********************************************************
	AZ SEARCHBLOCK STYLE LAYOUT 6
********************************************************/
.header_v6 .icon-search {
  display: none; }
.header_v6 .sb-form {
  display: block !important;
  position: relative;
  right: auto;
  top: auto;
  background: #fff;
  min-width: 100%; }
.header_v6 .sb-container .sb-content {
  border: none;
  width: 100%;
  height: 40px; }
.header_v6 .az_searchblock {
  padding: 0;
  margin: 5px 0 0;
  border: none;
  width: 100%;
  height: 40px; }
  .header_v6 .az_searchblock .sb-container .sb-content .sb-query {
    width: 100%;
    border: solid 1px #d9d9d9;
    height: 40px;
    padding: 0 15px; }
    .header_v6 .az_searchblock .sb-container .sb-content .sb-query:focus {
      border-color: #fff; }
  .header_v6 .az_searchblock .sb-container .sb-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px; }

.header_v6 .menu-fixed .az_searchblock .sb-container .sb-content .sb-query:focus {
  border-color: #333; }

/********************************************************
	RTL STYLE
********************************************************/
.lang-rtl .ac_results {
  text-align: right; }
  .lang-rtl .ac_results li img {
    margin: 0 0 0 5px; }
.lang-rtl .az_searchblock {
  float: left;
  border-left: 1px solid #e5e5e5;
  border-right: none;
  margin: 0 0 0 20px;
  padding: 0 0 0 15px; }
  .lang-rtl .az_searchblock .sb-container .sb-content {
    float: right; }
  .lang-rtl .az_searchblock .sb-container .sb-button {
    float: right; }
  .lang-rtl .az_searchblock .icon-search {
    float: right; }
    .lang-rtl .az_searchblock .icon-search:before {
      text-align: left; }
  .lang-rtl .az_searchblock .sb-form {
    right: auto;
    left: 0; }
  .lang-rtl .az_searchblock .icon-search.active {
    left: auto;
    right: -236px; }
.lang-rtl .header_v5 .az_searchblock {
  border: none;
  margin: 5px 0 0;
  padding: 0; }
  .lang-rtl .header_v5 .az_searchblock .sb-container .sb-button {
    left: 0;
    right: auto; }
.lang-rtl .header_v6 .az_searchblock {
  border: none;
  margin: 5px 0 0;
  padding: 0; }
  .lang-rtl .header_v6 .az_searchblock .sb-container .sb-button {
    left: 0;
    right: auto; }

/********************************************************
	RESPONSIVE STYLE
********************************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .az_searchblock .sb-form {
    width: 190px; }

  .az_searchblock .icon-search.active {
    left: -196px; }

  .lang-rtl .az_searchblock .icon-search.active {
    right: -196px;
    left: auto; } }
@media (max-width: 479px) {
  .az_searchblock .sb-form {
    width: 216px; }

  .az_searchblock .icon-search.active {
    left: -222px; }

  .header_v3 .az_searchblock .sb-form {
    width: 153px; }
  .header_v3 .az_searchblock .icon-search.active {
    left: -160px; }

  .header_v4 .az_searchblock .sb-form {
    min-width: 215px; }
  .header_v4 .az_searchblock .sb-content .sb-query {
    width: 163px; }

  .header_v5 .az_searchblock .sb-form {
    width: 100%; }

  .header_v6 .az_searchblock .sb-form {
    width: 100%; }

  .lang-rtl .az_searchblock .icon-search.active {
    right: -222px;
    left: auto; }
  .lang-rtl .header_v3 .az_searchblock .icon-search.active {
    right: -160px;
    left: auto; } }

/*# sourceMappingURL=azsearchblock.css.map */