/* Search in header */
#SearchContainer{margin-bottom: 10px;}
.hup_search-drawer input:focus,
.hup_search-drawer button:focus{outline:0;}
.hup_search-drawer form {display: flex;flex-flow: row wrap;align-items: center;}
.hup_search-drawer .hup_input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: auto;}
.hup_search-drawer .hup_input-group.col {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.hup_search-drawer .hup_input-group label {width: 100%;margin: 0;}
.hup_search-drawer .hup_input-group > button {
  padding-right:100px !important;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(50% - 80px);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  z-index: 1;
  padding: 0;
  color: #000;
  background-color: rgba(0,0,0,0);
  font-size: 16px;
  pointer-events: none;
}
.hup_search-drawer button svg{
  width: 16px;
  height: 16px;
  margin-top: -5px;
  fill: #373737;
  vertical-align: middle;
}
.hup_search-drawer .search--bar {
  padding: 0;
}
.hup_search-drawer .hup_input-group > #search-input {
  padding: .375rem 3rem;
  font-size: 1rem;
  height:initial;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  display: inline-block;
  text-align: center;
}
.hup_search-drawer #search-input + .input-group-append {
  position: absolute;
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin-left: -1px;
}
.hup_search-drawer #search-input + .input-group-append.is-active {opacity: 1;visibility: visible}
.hup_search-drawer #search-input + .input-group-append button {
  width: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding: .4rem 0;
  line-height: 1.5;
  border-radius: 0 5px 5px 0;
  background-color: #f1cd09;
  height: 40px;
}
.hup_search-drawer #search-input + .input-group-append.is-active button{width: 50px;}
.hup_search-wrap-close {
  position: absolute;
  top: 0;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 11;
  justify-content: center;
  align-items: center;
  display: none;
}
.hup_search-wrap-close button svg{width: 12px;height: 12px;}
.hup_search-wrap-close button{background: transparent;}
.hup_search-wrap-close.is-active {display: flex;}
.hup_search-drawer .hup_input-group > #search-input:focus {
  border-color: #f1cd09;
  outline: none !important;
}
#SearchContainer {
  -webkit-transition: transform .3s linear,height .3s linear,max-width .2s !important;
  -o-transition: transform .3s linear,height .3s linear,max-width .2s !important;
  -webkit-transition: height .3s linear,max-width .2s,-webkit-transform .3s linear;
  transition: height .3s linear,max-width .2s,-webkit-transform .3s linear;
  transition: transform .3s linear,height .3s linear,max-width .2s;
  transition: transform .3s linear,height .3s linear,max-width .2s,-webkit-transform .3s linear;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
#SearchContainer.is-focused {max-width:992px;}
#SearchContainer.is-focused .hup_input-group > button {opacity: 0;}
#SearchContainer.is-focused .hup_search-drawer .hup_input-group > #search-input {text-align:left}

#SearchContainer.is-focused .hup_ajax_result {
  position: fixed;
  width: 100%;
  overflow: auto;
  z-index: 500;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  top: 183px;
  transition: all .2s;
  opacity:.7;
}
#SearchContainer.is-focused .hup_ajax_result #search-results {
  margin: 0 auto;
  max-width: 992px;
  padding: 30px 36px;
  display: flex;
  flex-wrap: wrap;
}
.hup_ajax_result #search-results > p,.hup_ajax_result #search-results > h2 {flex: 0 0 100%;max-width: 100%;}
.hup_ajax_result #search-results > .hup_grid {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 20px;
}
.hup_body-fix {position:fixed;overflow-x:hidden;width:100%;}
.icon-fallback-text .fallback-text{
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#SearchContainer.is-focused .hup_ajax_result.hup_after_ajax_input {opacity:1}
.hup_ajax_result .wrapper.search-drawer{
  width: 100%;
  display:flex;
  flex-wrap:wrap;
}
.hup_sug{
  max-width: 992px;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 60px;
}
.hup_sug .suggestions-title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 15px;
  margin-bottom:10px;
  font-weight:600;
  font-size:16px;
}
.hup_sug span{
  display:block;
  padding:0 20px 10px;
  text-align:left;
}
.search--products {
  width: calc(100% - 320px);
  margin-right: 20px;
}
.search--product{
  width: calc(100% / 4);
}
@media only screen and (max-width: 1100px) {.search--product{width: calc(100% / 3);}}
@media only screen and (max-width: 1023px) {
  .hup_ajax_result #search-results > .hup_grid {flex: 0 0 50%;max-width: 50%;padding: 0 15px;}
  .hup_ajax_result #search-results > .hup_grid h3 {font-size: 1.12rem;}
  .hup_ajax_result #search-results > .hup_grid p {font-size: .875rem;}
}
@media only screen and (max-width: 767px) {
  #SearchContainer.hup_search-box-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
    margin-bottom:7px;
    position: relative;
  }
  #SearchContainer.is-focused .hup_ajax_result #search-results {padding: 20px 0;}
  .hup_ajax_result .wrapper.search-drawer{flex-wrap: wrap;}
  .search--products,.search--articles{width: 100%;margin-right: 0;}
  .search--product{width: calc(100% / 2);}
  .search--count{text-align: left;}
  .hup_search-drawer .hup_input-group > #search-input{border: 1px solid #ced4da;}
  .hup_search-drawer #search-input + .input-group-append button{
    height: 38px;
  }
  .hup_search-drawer #search-input + .input-group-append{margin: 0 -2px 0 0;}
  .header--mobile{order:1;flex: 0 0 100%;}
  .hup_search.row{display: flex;order:2;flex: 0 0 100%;}
  .main-header{
    display: flex;
    flex-wrap: wrap;
  }
  #SearchContainer.is-focused .hup_ajax_result{top: 206px;}
}
/*End Search Design*/
/* Search page grid */
.hup_search_grid .boost-pfs-filter-products .product-index{
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 20px;
  vertical-align: top;
  width: 25%;
  margin-bottom: 25px;
}
.hup_search_grid .boost-pfs-filter-products .product-index:nth-child(4n+1){clear: both;}
.hup_search_grid .boost-pfs-filter-products .product-index .ci{
  margin-bottom: 15px;
  box-shadow: 0 0px 3px rgba(206, 212, 218, 1);
  transition: .2s ease-in all;
  -webkit-transition: .2s ease-in all;
}
.hup_search_grid .boost-pfs-filter-products .product-index:hover .ci{
  box-shadow: 0 -1px 10px rgba(206, 212, 218, 1);
}
.hup_search_grid .boost-pfs-filter-top-show-limit label,
.hup_search_grid .boost-pfs-filter-top-sorting label {
  margin-right: 5px;
  display: inline-block;
}
.hup_search_grid .boost-pfs-filter-top-sorting select{width:180px;}
.hup_search_grid .search--header{
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.hup_search_grid .search--results-summary,
.hup_search_grid .boost-pfs-filter-top-sorting{
  flex: 0 0 100%;
}
.hup_search_grid .boost-pfs-filter-top-sorting{
  margin-top: 20px;
  text-align: left;
}
#mobile-filter-by{display:none;}
.boost-pfs-filter-products{margin-left: -20px;}
.hup_search_grid .boost-pfs-filter-bottom-pagination {
  text-align: center;
}
.hup_search_grid .boost-pfs-filter-bottom-pagination a,
.hup_search_grid .boost-pfs-filter-bottom-pagination span.current{
  display: inline-block;
  font-family: monospace;
  font-weight: 600;
  line-height: 20px;
  padding: 15px 20px;
  text-transform: uppercase;
  margin: 0 2px;
  transition: all .2s !important;
  -webkit-transition: all .2s !important;
}
.hup_search_grid .boost-pfs-filter-bottom-pagination a:hover,
.hup_search_grid .boost-pfs-filter-bottom-pagination span.current{
  background-color: #f8f8f8 !important;
}
.hup_search_grid .boost-pfs-filter-products .product-index .product-details h3 {
  font-weight: 400;
  text-transform:uppercase;
}
@media only screen and (max-width: 1024px){
  .hup_search_grid .boost-pfs-filter-products .product-index:nth-child(4n+1){clear: unset;}
  .hup_search_grid .boost-pfs-filter-products .product-index:nth-child(3n+1){clear: both;}
  .hup_search_grid .boost-pfs-filter-products .product-index{
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px){
  .hup_search_grid .search--results-summary{order:2;margin-top: 20px;}
  .hup_search_grid .boost-pfs-filter-top-sorting{order:1;margin-top: 0;justify-content: flex-end;display: flex;}
  #mobile-filter-by{
    display:block;
    float: left;
    position: relative;
    z-index: 5;
    width: 49%;
    height: 45px;
    border-radius: 2px;
    line-height: 45px;
    padding: 0 15px;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #373737;
    color: #373737;
    font-size: 14px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
    background-repeat: no-repeat;
    background-position: right 10px center;
  }
  .boost-pfs-filter-refine-by {
    padding: 20px;
    border: none !important;
    margin: 0 !important;
  }
  .hup_search_grid .hup_search_sidebar{position: relative;}
  .hup_search_grid .boost-pfs-filter-tree-v .boost-pfs-filter-option,
  .hup_search_grid .boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child{
    padding: 10px 15px;
    border-top: 1px solid #e3e3e3;
  }
  .hup_search_grid .boost-pfs-filter-tree-v{
    width: calc(100% - 36px) !important;
    margin-left: 18px;
    clear: left;
    position: absolute;
    background: #fff;
    top: 44px;
    left: 0;
    z-index: 1111;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
  }
  .hup_search_grid .boost-pfs-filter-top-sorting label{display: none;}
  .hup_search_grid .boost-pfs-filter-top-sorting-select:hover{border: 1px solid #999;}
  .hup_search_grid .search--header{margin-top: -75px;}
  .hup_search_grid .boost-pfs-filter-products .product-index:nth-child(3n+1){clear: unset;}
  .hup_search_grid .boost-pfs-filter-products .product-index:nth-child(2n+1){clear: both;}
  .hup_search_grid .boost-pfs-filter-products .product-index{
    width: 50%;
  }
}

@media only screen and (max-width: 420px){
  #mobile-filter-by,
  .hup_search_grid .boost-pfs-filter-top-sorting select{width: 160px;}
}
@media only screen and (max-width: 340px){
  #mobile-filter-by,
  .hup_search_grid .boost-pfs-filter-top-sorting select{width: 140px;}
}
.so.icn {
    display: none;
}
/* Search page grid ENDs*/