/***************************************************

  Mixins Themes 

/***************************************************/

/* Mixin Normal*/

/* Mixin Clear */

/* Mixin Border */

/*background RGBA

============================================*/

/***************************************************

  Mixins RTL Themes 

/***************************************************/

/************************************ 

	Override Bootstrap 

*************************************/

/**

 * Web Application Prefix Apply For Making Owner Styles

 */

/**

 *   Blocks Layout Selectors 

 */

/***********************************************************************/

#leo_search_block_top .icon-open-search {

  display: block;

  color: #4c4f53;

  overflow: hidden;

  position: relative; }

  @media (min-width: 1200px) {

    #leo_search_block_top .icon-open-search {

      padding: 67px 40px; } }

@media (min-width: 992px) and (max-width: 1199px) {

  #leo_search_block_top .icon-open-search {

    padding: 35px 40px; } }



  #leo_search_block_top .icon-open-search:before, #leo_search_block_top .icon-open-search:after {

    content: '';

    display: block;

    background: #4c4f53;

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    -moz-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-transform: translateY(50px) rotate(45deg);

    -moz-transform: translateY(50px) rotate(45deg);

    -ms-transform: translateY(50px) rotate(45deg);

    -o-transform: translateY(50px) rotate(45deg);

    transform: translateY(50px) rotate(45deg); }

  #leo_search_block_top .icon-open-search:before {

    height: 20px;

    width: 1px; }

  #leo_search_block_top .icon-open-search:after {

    width: 20px;

    height: 1px; }

  #leo_search_block_top .icon-open-search .icon-search {

    font-size: 19px;

    font-weight: 600;

    display: inline-block;

    vertical-align: middle;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease; }

  @media (max-width: 991px) {

    #leo_search_block_top .icon-open-search {

      padding: 8px 20px; }

      #leo_search_block_top .icon-open-search:before {

        height: 16px; }

      #leo_search_block_top .icon-open-search:after {

        width: 16px; }

      #leo_search_block_top .icon-open-search .icon-search {

        font-size: 16px; } }

  #leo_search_block_top .icon-open-search:hover {

    color: #24aeb1; }

    #leo_search_block_top .icon-open-search:hover:before, #leo_search_block_top .icon-open-search:hover:after {

      background: #24aeb1; }

#leo_search_block_top.open .icon-open-search:before, #leo_search_block_top.open .icon-open-search:after {

  opacity: 1;

  -ms-opacity: 1;

  -o-opacity: 1;

  -moz-opacity: 1;

  -webkit-opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: translateY(0px) rotate(45deg);

  -moz-transform: translateY(0px) rotate(45deg);

  -ms-transform: translateY(0px) rotate(45deg);

  -o-transform: translateY(0px) rotate(45deg);

  transform: translateY(0px) rotate(45deg); }

#leo_search_block_top.open .icon-open-search .icon-search {

  opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  -moz-opacity: 0;

  -webkit-opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px); }

#leo_search_block_top .title_block {

  font-size: 14px;

  color: #888888;

  font-family: "Compass Sans";

  margin: 0;

  padding: 22px 0;

  display: block;

  letter-spacing: 0;

  text-align: left;

  cursor: pointer; }

  .rtl #leo_search_block_top .title_block {

    text-align: right; }

  #leo_search_block_top .title_block:before {

    content: '\f002';

    display: inline-block;

    color: #000;

    margin-right: 5px;

    font-size: 22px;

    font-family: 'Font Awesome 5 Pro';

    font-weight: 300; }

    .rtl #leo_search_block_top .title_block:before {

      margin-left: 5px;

      margin-right: inherit; }

#leo_search_block_top .leoproductsearch-content {

  background: transparent;

  border: none;

  border-radius: 0; }

#leo_search_block_top form > label {

  display: none; }

#leo_search_block_top.search-by-category #leosearchtopbox {

  width: 430px; }

  @media (max-width: 767px) {

    #leo_search_block_top.search-by-category #leosearchtopbox {

      width: 290px; } }

#leo_search_block_top.search-by-category .list-cate-wrapper {

  width: 30%;

  float: right; }

  .rtl #leo_search_block_top.search-by-category .list-cate-wrapper {

    float: left; }

  @media (max-width: 767px) {

    #leo_search_block_top.search-by-category .list-cate-wrapper {

      display: none; } }

#leo_search_block_top.search-by-category .leoproductsearch-result {

  width: 59%;

  float: left; }

  @media (max-width: 767px) {

    #leo_search_block_top.search-by-category .leoproductsearch-result {

      width: 100%; } }

#leo_search_block_top.active .block_content {

  opacity: 1;

  visibility: visible; }

#leo_search_block_top .block_content {

  position: absolute;

  top: 100%;

  left: 0;

  background: #fff;

  border: 1px solid #e4e4e4;

  border-radius: 30px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s;

  z-index: 99; }

  #leo_search_block_top .block_content .list-cate-wrapper {

    color: #1d2a38;

    background: #fff;

    position: relative; }

    #leo_search_block_top .block_content .list-cate-wrapper i {

      top: 50%;

      font-size: 15px;

      position: absolute;

      margin-top: -6px;

      direction: ltr !important;

      right: 6px; }

      .rtl #leo_search_block_top .block_content .list-cate-wrapper i {

        left: 6px;

        right: auto; }

    #leo_search_block_top .block_content .list-cate-wrapper .select-title {

      height: 40px;

      line-height: 38px;

      font-size: 14px;

      cursor: pointer;

      display: block;

      overflow: hidden;

      padding: 0 15px; }

      #leo_search_block_top .block_content .list-cate-wrapper .select-title:hover {

        color: #24aeb1; }

      #leo_search_block_top .block_content .list-cate-wrapper .select-title span {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical; }

    #leo_search_block_top .block_content .list-cate-wrapper .list-cate {

      padding: 0;

      margin-top: 0;

      min-width: auto;

      border: none;

      border-radius: 0px;

      right: -46px;

      left: 0px;

      -moz-box-shadow: 0px 1px 1px 0px rgba(102, 102, 102, 0.35);

      -webkit-box-shadow: 0px 1px 1px 0px rgba(102, 102, 102, 0.35);

      -o-box-shadow: 0px 1px 1px 0px rgba(102, 102, 102, 0.35);

      -ms-box-shadow: 0px 1px 1px 0px rgba(102, 102, 102, 0.35);

      box-shadow: 0px 1px 1px 0px rgba(102, 102, 102, 0.35); }

      .rtl #leo_search_block_top .block_content .list-cate-wrapper .list-cate {

        right: 0px;

        left: -46px; }

      #leo_search_block_top .block_content .list-cate-wrapper .list-cate a {

        display: block;

        padding: 5px;

        font-size: 14px; }

        #leo_search_block_top .block_content .list-cate-wrapper .list-cate a.active {

          color: #FFFFFF;

          background: #50a4c8; }

        #leo_search_block_top .block_content .list-cate-wrapper .list-cate a:hover {

          color: #FFFFFF;

          background: #50a4c8; }

  #leo_search_block_top .block_content .leoproductsearch-result .search_query {

    height: 40px;

    font-size: 14px;

    padding: 6px 50px 6px 12px;

    background: transparent;

    min-width: 285px;

    border: none;

    border-radius: 0px; }

    .rtl #leo_search_block_top .block_content .leoproductsearch-result .search_query {

      padding: 6px 12px 6px 50px; }

    #leo_search_block_top .block_content .leoproductsearch-result .search_query:focus {

      outline: 0; }

  #leo_search_block_top .block_content .leoproductsearch-result .leoproductsearch-loading.cssload-speeding-wheel {

    text-align: center;

    position: absolute;

    top: 0px;

    bottom: 0px;

    z-index: 9;

    width: 15px;

    height: 15px;

    margin: auto;

    right: 10px;

    border: 2px solid #000000;

    border-left-color: transparent;

    border-right-color: transparent; }

    .rtl #leo_search_block_top .block_content .leoproductsearch-result .leoproductsearch-loading.cssload-speeding-wheel {

      left: 10px;

      right: auto; }

  #leo_search_block_top .block_content #leo_search_top_button {

    top: 2px;

    width: 70px;

    height: 36px;

    padding: 0px;

    z-index: 9;

    font-size: 18px;

    position: absolute;

    font-weight: bold;

    color: #fff;

    background: #24aeb1;

    right: 3px;

    border-radius: 30px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease; }

    #leo_search_block_top .block_content #leo_search_top_button:hover {

      background: #24aeb1; }

@media (max-width: 767px) {

  #leo_search_block_top .dropdown-menu {

    border: none;

    right: -112px; } 
  
  }

@media (min-width: 768px) {

  #leo_search_block_top .dropdown-menu {

    padding: 11px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px; } }

#leo_search_block_top .ac_results {

  display: none;

  padding: 15px;

  margin-top: 0;

  border: 1px solid #e4e4e4; }

  #leo_search_block_top .ac_results .ac_even::after {

    content: "";

    display: table;

    clear: both; }

  #leo_search_block_top .ac_results .lps-result-img {

    width: 30px;

    float: left; }

    .rtl #leo_search_block_top .ac_results .lps-result-img {

      float: right; }

  #leo_search_block_top .ac_results .lps-result-content {

    overflow: hidden;

    padding-left: 5px; }

    .rtl #leo_search_block_top .ac_results .lps-result-content {

      padding-right: 5px;

      padding-left: inherit; }

  #leo_search_block_top .ac_results .lps-result-price {

    font-size: 12px;

    font-weight: bold; }

  #leo_search_block_top .ac_results .lps-result-title {

    font-size: 13px; }



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