.searchBlock{
    background: #fafafa;
    padding-top: 96px;
}
.searchCloseButton{
    position:absolute;
    top:54px;
    right:54px;
    cursor:pointer;
}
#searchBorder{
    top: 175px;
    position:absolute;
    width:100%;
    border-bottom: 1px solid #d2d2d2;
}

.searchClear{
    position: absolute;
    right: 5px;
    top: 30px;
    color: rgba(54, 66, 76, 0.15);
    cursor: pointer;

}
.searchClear:hover{
    color: rgba(54, 66, 76, 0.8);
}
#searchInput{
    padding: 8px 0;
    background-color: transparent;
    border: none;
    font-size: 44px;
    letter-spacing: -1.2px;
    color: rgba(54, 66, 76, 0.8);
    box-sizing: border-box;
    width: 100%;
    font-weight: 300;
}
#searchInput::placeholder{
    color: rgba(54, 66, 76, 0.15);
}
.searchLoader{
    display: none;
}

.searchLabel {
    padding-top: 16px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: -0.3px;
    color: #36424c;
}
.searchLabel a {
    border-bottom: 1px dashed #36424c;
}
.searchResults-quantity {
    display: none;
    padding-top: 16px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: -0.3px;
    color: #36424c;
}
.spinner {
    margin: 50px auto;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
    }
}
@media screen and (max-width: 767px) {
    #searchInput{
        font-size: 25px;
        padding-right: 40px;
    }
    .searchClear {
        top: 12px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    #searchBorder{
        top: 155px;
    }
}
@media (max-width: 575px) {
    #searchBorder{
        top: 155px;
    }
    .searchCloseButton{
        top: 16px;
        right: 16px;
    }
}

.searchInputHolder {
    position: relative;
}

.searchResults-hints {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
    position: absolute;
    left: 0;
    top: 69px;
    width: 100%;
    z-index: 1000;
}

@media (max-width: 575px) {
    .searchResults-hints {
        top: 49px;
        left: -14px;
        width: calc(100% + 28px);
    }
}

.searchResults-hints a,
.searchResults-hints .hint {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 0 14px;
    height: 44px;
    color: #333F48;
    text-decoration: none;
    border: 2px solid #fff;
}
.searchResults-hints .hint:hover {
    background: #FAFAFA;
}

.searchResults-hints .ls-hint i {
    display: block;
    width: 24px;
    height: 24px;
}

.searchResults-hints .ls-hint i.icon-ls {
    margin-left: auto;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_326_163)'%3E%3Cpath d='M13.25 2.99999C8.16002 2.85999 3.99002 6.93999 3.99002 12H2.20002C1.75002 12 1.53002 12.54 1.85002 12.85L4.64002 15.65C4.84002 15.85 5.15002 15.85 5.35002 15.65L8.14002 12.85C8.46002 12.54 8.23002 12 7.79002 12H5.99002C5.99002 8.09999 9.17002 4.94999 13.09 4.99999C16.81 5.04999 19.94 8.17999 19.99 11.9C20.04 15.81 16.89 19 12.99 19C11.38 19 9.89002 18.45 8.71002 17.52C8.31002 17.21 7.75002 17.24 7.39002 17.6C6.97002 18.03 7.00002 18.73 7.47002 19.1C8.99002 20.29 10.91 21 12.99 21C18.04 21 22.13 16.83 21.99 11.74C21.86 7.04999 17.94 3.12999 13.25 2.99999ZM12.74 7.99999C12.33 7.99999 11.99 8.33999 11.99 8.74999V12.43C11.99 12.78 12.18 13.11 12.48 13.29L15.6 15.14C15.96 15.35 16.42 15.23 16.63 14.88C16.84 14.52 16.72 14.06 16.37 13.85L13.49 12.14V8.73999C13.49 8.33999 13.16 7.99999 12.74 7.99999Z' fill='%23DCDCDC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_326_163'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.searchResults-hints .ls-hint i.remove-ls {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18L18 6M6 6L18 18L6 6Z' stroke='%23BEC1C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}