@font-face {
    font-family: 'searchplusFontello';
    src: url('../fonts/fontello.eot?28837766');
    src: url('../fonts/fontello.eot?28837766#iefix') format('embedded-opentype'),
    url('../fonts/fontello.woff2?28837766') format('woff2'),
    url('../fonts/fontello.woff?28837766') format('woff'),
    url('../fonts/fontello.ttf?28837766') format('truetype'),
    url('../fonts/fontello.svg?28837766#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="searchplusicon-"]:before, [class*=" searchplusicon-"]:before {
    font-family: "searchplusFontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}
.searchplusicon-basket:before { content: '\e800'; }
.searchplusicon-right:before { content: '\e801'; }
.searchplusicon-search:before { content: '\e804'; }
.searchplusicon-cancel-tall:before { content: '\e807'; }
.searchplusicon-up-dir:before { content: '\e802'; }
.searchplusicon-down-dir:before { content: '\e803'; }
.sp-close .searchplusicon-toggle:before { content: '\e803'; }
.sp-open .searchplusicon-toggle:before { content: '\e802'; }

.searchplus--popup {
    display: flex;
    flex-direction: column;
    position: fixed;
    visibility: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: max-content;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    overflow-y: auto;
}
.searchplus--popup.open {
    visibility: visible;
    opacity: 1;
    max-height: none;
}
.searchplus--popup-header, .searchplus--popup-result {
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#1f1f23), color-stop(49%, #403c43), to(#202028));
    background: linear-gradient(left, #1f1f23 0%, #403c43 49%, #202028 100%);
    z-index: 99999;
    color: #fff;
    transition: all .2s linear;
}
.searchplus--container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.searchplus--category-product-list {
    width: calc(100% - 30px);
}
.searchplus--row {
    display: flex;
    flex-wrap: wrap;
}
.searchplus--row-search {
    height: 90px;
    align-items: center;
}
.searchplus--icon-container {
    width: 90px;
    text-align: center;
}
.searchplus--input-container {
    flex-grow: 1;
}
.searchplus--icon-container>.searchplusicon-search:before, .searchplus--close .searchplusicon-cancel-tall:before {
    font-size: 30px;
    color: #fff;
}
.searchplus--container {
    color: #fff;
}
.searchplus--container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.searchplus--container a {
    text-decoration: none;
    color: #fff;
}
.searchplus--categorу-list ul li {
    padding: 10px 0;
    border-top: 1px solid #c6bcbc;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.searchplus--categorу-list ul li:last-child {
    border-bottom: 1px solid #c6bcbc;
}
.searchplus--categorу-list {
    width: 100%;
    max-width: 360px;
    padding-right: 60px;
    padding-bottom: 30px;
}
.active .searchplus-label, li:hover .searchplus-label {
    border: 1px solid #FE8732;
    color: #fff;
}
.searchplus-label {
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #c6bcbc;
    font-size: 10px;
    border-radius: 4px;
    line-height: 22px;
    margin-left: 3px;
    min-width: 25px;
    text-align: center;
}
.searchplus--categorу-title {
    border-bottom: 1px solid #c6bcbc;
    padding: 5px 0;
    margin-bottom: 5px;
}
.searchplus--categorу-title a {
    font-size: 22px;
    display: inline-block;
}
.searchplus-poroducts li{
    display: flex;
    align-items: flex-start;
    padding: 5px;
}
.searchplus-poroducts li .searchplus--product-info a:hover, .searchplus--container a:hover, .searchplus--categorу-title a:hover {
    color: #FE8732;
}
.searchplus-poroducts li .searchplus--product-info {
    flex-grow: 1;
    padding-left: 10px;
    line-height: normal;
}
.searchplus--product-img {
    max-width: 50px;
}
.searchplus-poroduct--price {
    display: block;
    padding: 5px 0;
}
.searchplus--category-product-list {
    margin-bottom: 10px;
    margin-left: 20px;
}
.searchplus-poroduct-hide {
    display: none !important;
}
.searchplus--container .searchplus-more a {
    color: #FE8732;
}
.searchplus--container .searchplus-more a:hover {
    color: #fff;
}
.searchplus--nowrap {
    flex-wrap: nowrap;
}
.searchplus--category-product-list.active {
    display: block !important;
    width: 100%;
}
.searchplus--category-product-list.simple-category {
    width: 100%;
}
.searchplus--category-product-list.active .searchplus-more {
    display: none;
}
.searchplus--product-list {
    width: 100%;
}
.searchplus--category-product-list.simple-category .searchplus-poroducts {
    flex-wrap: wrap;
    display: flex;
}
.searchplus--category-product-list.simple-category .searchplus-poroducts li {
    display: flex !important;
    width: 100%;
}
.searchplus--input-container input, .searchplus--go-search {
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    height: 37px;
    line-height: 37px;
}
.searchplus--input-container input {
    width: 100%;
}
.searchplus--go-search {
    color: #fff;
    padding: 0 20px;
    white-space: nowrap;
    text-decoration: none;
    border: none;
    text-align: center;
    cursor: pointer;
}
.searchplus--product-info a em {
    color: #FE8732;
    font-style: normal;
}
.searchplus--alt-query {
    color: #FE8732 !important;
    font-weight: bold;
    font-style: italic;
}
.searchplus--filter-toggle.sp-close {
    border-bottom: 1px solid #c6bcbc;
}
@media screen and (max-width: 576px) {
    .searchplus--icon-container-search {
        display: none;
    }
    .searchplus--row-search .searchplus--icon-container {
        width: auto;
    }
    .searchplus--row.searchplus--nowrap {
        flex-wrap: wrap;
    }
    .searchplus--categorу-list {
        padding-right: 0;
        max-width: none;
    }
    .searchplus--category-product-list.active .searchplus-poroducts li {
        width: 100%;
    }
}

@media screen and (min-width: 576px) {
    .searchplus--container {
        width: 530px;
    }
    .searchplus--category-product-list.active .searchplus-poroducts li {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .searchplus--icon-container .b-cart__close.searchplus--close {
        font-size: 15px;
        padding: 20px;
    }
}

@media screen and (min-width: 768px) {
    .searchplus--container {
        width: 720px;
    }
    .searchplus--category-product-list {
        width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .searchplus--container {
        width: 970px;
    }
    .searchplus--category-product-list {
        width: calc(50% - 30px);
    }
    .searchplus--category-product-list.active .searchplus-poroducts li {
        width: calc(50% - 10px);
    }
}
@media screen and (min-width: 1260px) {
    .searchplus--container {
        width: 1230px;
    }
    .searchplus--category-product-list {
        width: calc(50% - 30px);
    }
    .searchplus--category-product-list.active .searchplus-poroducts li {
        width: calc(50% - 10px);
    }
}
@media screen and (min-width: 1440px) {
    .searchplus--container {
        width: 1230px;
    }

}
@media screen and (min-width: 1900px) {
    .searchplus--container {
        width: 1830px;
    }
    .searchplus--category-product-list {
        width: calc(25% - 30px);
    }
    .searchplus--category-product-list.active .searchplus-poroducts li {
        width: calc(25% - 10px);
    }
}
@media screen and (min-width: 577px) {
    .searchplus--filter-toggle {
        display: none !important;
    }
}
@media screen and (max-width: 577px) {
    .searchplus--filter-toggle {
        display: flex !important;
    }
    .searchplus--categorу-list ul li.toggled {
        display: none;
    }
}


