/*Add Custom styling here */

#su_autocomplete-block .su__search_section
{
    background: none;
    padding: 0px;
}
#search-box-autocomplete
{
    height: auto !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700;
    color: #444;
    font-family: Roboto,Helvetica Neue,sans-serif;
    border: 0.5px solid #757575;
    border-radius: 5px;
    width: 100%;
    padding: 0.75rem;
    box-shadow: none;
}
.su_autocomplete-block .su__container
{
    padding: 0px;
}
.su_autocomplete-block
{
    margin-top: 10px;
}
.su__autoSuggestion
{
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0px 12px 20px rgb(0 0 0 / 15%);
    top: 73px;
    height: auto;
    font-weight: 300;
    font-family: Roboto,Helvetica Neue,sans-serif;
}

#searchForm .auto-suggestion .su__suggestions-list .su__suggestion-title
{
    color: #355580 !important;
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.auto-suggestion .su__suggesticon
{
    display: none;
}
.auto-suggestion
{
   /* padding: 5px 10px;*/
}
.su__input-close
{
    top: 19px;
}
#search-box-autocomplete{
    text-indent: 25px;
  }
  #auto .su__search_btn {
    left: 0px!important;
  }
  .close-Button{
    float: right;
    margin-top: -44px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    cursor: pointer;
  }
  .close-Button svg{
    z-index: 9;
  }
  .su__input-close{
    display: none!important;
  }
  @media(max-width: 768px){
    .close-Button{
      
      margin-right: 10px;
      
    }
  }
  .su__animate-zoom {
    animation:none!important;
    -webkit-animation: none!important;
}

.su__app {
   /*background: none!important;*/
    }
        }
.su__app #search-box-autocomplete::placeholder{
  
font-weight:300;
  font-family:Roboto,Helvetica Neue,sans-serif;
}#search-box-autocomplete::placeholder{
    padding-left:25px!important;
}

.su__text-decoration .su__text-black,.su__text-truncate {width:100%;display:block;}
#searchForm .auto-suggestion .su__bg-gray-hover:hover {
    background: #26a3dd3d;}

#searchForm .auto-suggestion .su__suggestions-list .su__suggestion-title .highlight{
    color: #355580 !important;}

#searchForm .auto-suggestion .su__bg-gray-hover:hover {
    background: #26a3dd3d;}

#su__wrapper .su__radius-2 .su__input-close {display:block!important;padding-top: 16px;}

.su__radius-2 .su__search_btn {
    right: 0;
    padding: 0px 10px 0px;
    height: 100%;
}


  @media(max-width: 768px){

#su_autocomplete-block .su__search_section {
    margin-top: 25px;}
  }

.su__app #search-box-autocomplete::placeholder{
  
font-weight:300;
  font-family:Roboto,Helvetica Neue,sans-serif;
}

  @media(max-width: 768px){
    #auto .su__suggestions-box {
    position: fixed;
    width: 100%;
     }
   
}
#auto .su__suggestions-list>div:nth-child(3) {width:100%;}
.su__list-items {
    background: #eff5f8;
    border-bottom: 1px solid #269BCD;
    margin-bottom: 0;
}

.su__list-item-row {
    margin-bottom: 1rem;
}

span.highlight {
    font-weight: 600;
    font-style: normal;
    color: #269BCD!important;
    padding: 0 2px;
}

span.su__text-truncate {
    color: #424242;
}
a.su__text-decoration.su__text-black.su__font-14.su__font-bold {
    line-height: 37px;
}
.su__font-14 {
    font-size: 18px !important;}
    .su__font-12 {
    font-size: 16px !important;
}
.su__list-item-title.su__flex-vcenter.su__mw-100 {
    display: block;
}
su__list-item-title.su__flex-vcenter.su__mw-100 {
    display: block;
}
span.su__noclicked-title.su__text-truncate {    margin-top: 1.5rem;}
a.su__text-decoration.su__text-black.su__font-14.su__font-bold {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    font-weight: 600;    font-size: 18px;    text-decoration: none;    line-height: 37px;}
span.su__ribbon-title.su__bg-blue.su__font-12.su__font-bold.su__px-2.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block.su__radius-3,span.su__ribbon-title.su__ribbon-list.su__bg-blue.su__font-12.su__px-2.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block.su__radius-3 {    margin-bottom: 2rem;    padding-top: 2px;    padding-bottom: 2px;    line-height: 16px;    white-space: nowrap;    margin-top: 0.5rem;    font-size: 16px !important;    background: transparent;    color: rgb(95, 95, 97) !important;    font-weight: normal;padding-left: 0px;}

span.su__ribbon-title.su__bg-blue.su__font-12.su__font-bold.su__px-2.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block.su__radius-3 {    margin-bottom: 0px;}
.swapFilter.su__col-xl-3.su__col-lg-4.su__d-xl-block.su__radius-1 {
    margin-top: 28px;
}
span.su__flex-1.su__font-14.filter-label {    font-weight: 500;    font-size: 16px !important;    color: #269BCD;}
span.su__position-absolute.su__showmore-icon {    padding-left: 30px;}
.su__filter-toggle input[type=checkbox]+label:before,.su__filter-toggle input[type=checkbox]+label:before{right: 0; left: inherit !important;}
.su__toggle-input.su__cursor.su__mr-2 {
    float: right;
    right: 0;
    position: absolute;
    padding-left: 10px !important;
}
.su__filter-badge.su__font-12.label-badge.su__bg-light-gray {
    margin-right: 30px;
    float: right;
}
span.su__position-absolute.su__showmore-icon {    padding-left: 30px;}
.su__filter-toggle input[type=checkbox]+label:before, .su__filter-toggle input[type=checkbox]+label:before {      border: 1px solid #BDBDBD;    border-radius: 2px;}
.su__filter-toggle input[type=checkbox]:checked+label:after {
    right: 5px !important;
    left: inherit !important;
}
span.su__position-absolute.su__showless-icon{ padding-left:30px;}
button.su__clear-all-btn.su__border-none.su__cursor.su__bg-transparent.su__font-bold.su__font-12.su__mb-1.su__p-0.su__color-lblue.su__loading-view {
    color: white;
}

.su__w-auto.su__clear-filters {
    float: right;
    color: white !important;
}
.su__sticky__head.su__font-12.su__color-lgray.su__font-bold {
    color: white;
}

.su__sticky__filters.su__text-nowrap.su__cursor.su__radius.su__font-12.su__border.su__mr-2.su__rtlmr-0.su__rtlml-2.su__mb-1.su__text-black.su__bg-white {
    border: 1px solid #e6e6e6;
    min-width: 30px;
    padding: 0px 5px;
    color: #464646;
    float: left;
    line-height: 22px;
    background-color: #fff !important;
    font-size: 12px !important;
}

.su__font-12.su__px-3.su__py-2.su__cursor.su__bg-gray-hover {
    font-size: 12px !important;
    line-height: 23px !important;
    padding: 0.25rem 1rem !important;
}
span.su__color-lblue.su__text-bold {
    font-size: 14px;
    font-weight: 500;
    color: #269BCD;
}
.su__filters-sort-active {
    color: #269BCD !important;
}
select#select-lng {
    width: 88px;
    padding-left: 21px!important;}
    select#select-lng, select#su__relevance {
    padding: 0px 5px;
    color: #464646;
    float: left;
    line-height: 22px;
    border: 1px solid #e6e6e6;
    font-size: 12px !important;
    overflow: initial;
}
@media (min-width: 768px){
.su__grid-content .su__list-items{max-width: 48% !important;
    margin: 0 15px 16px 0 !important;}
}
button.su__clear-filters-btn.su__border-none.su__bg-transparent.su__font-bold.su__font-14.su__p-0.su__color-lblue.su__cursor {
    color: white;
}

p.su__sorry-no-result.su__font-bold.su__text-center.su__my-sm-1 {
    color: white;
}
div#su_autocomplete-block {
    background: white !important;
}
div#su_autocomplete-block {
    
    background: transparent !important;
}
input#search-box-autocomplete {
    color: #444 !important;
}
input#search-box-autocomplete {
    background: white !important;
}
div#auto .su__form-block.su__w-100.su__position-relative {
     padding-top: 1rem; 
    padding-bottom: 1rem; 
}
.su__filter-toggle input[type=checkbox]+label:before, .su__filter-toggle input[type=checkbox]+label:before {
    right: 18px !important;
button.su__clear-all-btn.su__border-none.su__cursor.su__bg-transparent.su__font-bold.su__font-12.su__mb-1.su__p-0.su__color-lblue.su__loading-view {
    text-transform: capitalize;
}
.su__flex-vcenter.su__text-black.su__facet-icon.su__line-height-n.su__active-text.su__p-2.su__p-sm-2.su__bg-white.su__border.su__radius-1.su__shadow.su__py-1 {
    color: rgba(70,70,70,0.8) !important;
}
a.su__text-bold.su__text-decoration.su__d-block.su__p-2.su__text-black.su__font-regular.su__text-truncate {
    color: rgba(70,70,70,0.8) !important;
}
}
.su__sticky__filters.su__text-nowrap.su__cursor.su__radius.su__font-12.su__border.su__mr-2.su__rtlmr-0.su__rtlml-2.su__mb-1.su__text-black.su__bg-white {
    color: rgba(70,70,70,0.8) !important;
}

.su__text-black {
    color: white !important;
}
.close-Button {
    margin-top: -44px !important;
}
.su__clear-filter-row.su__flex-vcenter.su__flex-wrap.su__pb-sm-1.su__loading-view {
    display: contents;
}
section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 460px) {
.su__main-content #searchForm {    margin-top: 30px !important}
}

.su__suggestions-list {    padding: 5px 25px;!important}