#pageSize {
    border: 1px solid #ddd;
    color: #535353
}

#productlistfrm {
    position: relative;
    min-height: 200px
}

#productlistspr {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.product-spinner {
    width: 146px;
    height: 146px;
    line-height: 146px;
    margin: 49px auto;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    -o-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase
}

.product-spinner:before,
.product-spinner:after {
    opacity: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    content: "\0020";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 97px;
    border: 5px solid #ebebeb;
    box-shadow: 0 0 49px #ebebeb inset 0 0 49px #ebebeb;
    -o-box-shadow: 0 0 49px #ebebeb inset 0 0 49px #ebebeb;
    -ms-box-shadow: 0 0 49px #ebebeb inset 0 0 49px #ebebeb;
    -webkit-box-shadow: 0 0 49px #ebebeb inset 0 0 49px #ebebeb;
    -moz-box-shadow: 0 0 49px #ebebeb inset 0 0 49px #ebebeb
}

.product-spinner:after {
    z-index: 1;
    animation: product-list-spinner 2.3s infinite 1.15s;
    -o-animation: product-list-spinner 2.3s infinite 1.15s;
    -ms-animation: product-list-spinner 2.3s infinite 1.15s;
    -webkit-animation: product-list-spinner 2.3s infinite 1.15s;
    -moz-animation: product-list-spinner 2.3s infinite 1.15s
}

.product-spinner:before {
    z-index: 2;
    animation: product-list-spinner 2.3s infinite;
    -o-animation: product-list-spinner 2.3s infinite;
    -ms-animation: product-list-spinner 2.3s infinite;
    -webkit-animation: product-list-spinner 2.3s infinite;
    -moz-animation: product-list-spinner 2.3s infinite
}

@keyframes product-list-spinner {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@-o-keyframes product-list-spinner {
    0% {
        -o-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -o-transform: scale(1);
        opacity: 0
    }
}

@-ms-keyframes product-list-spinner {
    0% {
        -ms-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -ms-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes product-list-spinner {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes product-list-spinner {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@media only screen and (min-width:768px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.custom-body-filter {
    margin-bottom: 1em;
    border-radius: var(--border-radius) !important;
    background: #F8F8F8;
    border: 1px solid #E9E9E9;
}

/* .custom-body-filter #priceranges {
    padding: 1em
} */

.custom-style-filter__title,
.custom-style-search__title {
    padding: 1em;
    background-color: #E9E9E9;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
}

.custom-style-search__body-color {
    display: block !important;
    color: #535353 !important;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 0px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
}

.custom-style-btn-category {
    padding: 1em;
    display: block;
    position: relative;
    background: #E9E9E9;
}

.category_visionnet_unorder ul li ul li {
    padding: 3px 0;
}

.category_visionnet_unorder ul li ul li span {
    font-size: 13px;
}

.custom-vision-brands {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.custom-vision-brands .checkbox label {
    padding: 0 5px;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.inp-visionnet__search {
    color: rgb(136, 136, 136);
    outline: none;
    width: 100%;
    padding: 5px 5px;
    border: 1px solid #dee2e6;
    border-radius: 5px !important;
}



.custom-vision-brands::-webkit-scrollbar {
    width: 16px;
}

.custom-vision-brands::-webkit-scrollbar-thumb {
    background-color: var(--accent-color);
    border-radius: 10px;
    border: 3px solid #f0f1f5;
}

.custom-vision-brands::-webkit-scrollbar-track {
    background: #f0f1f5;
    border-radius: 10px;
}

.custom-style-only-active {
    width: 100%;
    position: relative;
    cursor: pointer;
    font-weight: normal;
}

.custom-style-only-active::after {
    content: '';
    position: absolute;
    width: 1.8em;
    height: 0.7em;
    transition: all .2s;
    border-top-left-radius: var(--border-radius);
    background: #ffffff;
    top: 0.4em;
    left: 0.3em;
    border-bottom-left-radius: var(--border-radius);
}

.custom-style-only-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 40px;
    transition: background-color .2s;
    width: 4em;
    height: 20px;
    background: var(--custom-color10);
    display: inline-block;
    border-radius: var(--border-radius);
    transition: all 0.4s;
}

.only-active-check:checked+label::after {
    left: 1.9em;
    transform: rotate(180deg);
    top: 0.4em;
}

.only-active-check:checked+label::before {
    background-color: var(--button-hover-color);
}






.custom-style-only-dis {
    width: 100%;
    position: relative;
    padding-left: 55px;
    cursor: pointer;
    font-weight: normal;
}

.custom-style-only-dis::after {
    content: '';
    position: absolute;
    width: 1.8em;
    height: 1em;
    transition: all .2s;
    border-top-left-radius: var(--border-radius);
    background: #ffffff;
    top: 0.3em;
    left: 0.3em;
    border-bottom-left-radius: var(--border-radius);
}

.custom-style-only-dis::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 40px;
    transition: background-color .2s;
    width: 4em;
    height: 20px;
    background: var(--accent-color);
    display: inline-block;
    border-radius: var(--border-radius);
    transition: all 0.4s;
}

.only-dis-check:checked+label::after {
    left: 1.9em;
    transform: rotate(180deg);
    top: 0.4em;
    left: 1.9em;
    transform: rotate(180deg);
    top: 0.4em;
}

.only-dis-check:checked+label::before {
    background-color: var(--button-hover-color);
}

.btn-filter-style {
    background: var(--button-color);
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 1em;
    color: #fff !important;
}

.holder_sort-by-unorder {
    flex-wrap: wrap;
    margin: 0 !important;
    border: none;
}

.holder_sort-by-unorder>li {
    margin: 0.4em;
    display: block;
    align-items: center;
}

.holder_sort-by-unorder>li>a {
    transition: all .5s ease-in-out;
    margin: 0;
    padding: 0.5em 0px;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.holder_sort-by-unorder>li>a:before {
    content: '';
    background: #D8D8D8;
    width: 0.8em;
    height: 0.8em;
    display: block;
    border-radius: var(--border-radius);
}

.holder_sort-by-unorder>li:hover>a:before {
    background: var(--accent-color);
}

.c-expandable-text {
    background-color: unset !important;
}

.custom-vision-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--border-radius);
    background: #f8f8f8;
    padding: 0.5em;
    height: 100%;
}

.title-card-vision {
    overflow: hidden;
    display: flex;
    padding: 5px 10px;
    text-decoration: none !important;
    align-items: center;
}

.title-card-vision:before {
    content: '';
    width: 0.4em;
    height: 0.4em;
    position: relative;
    display: inline-block;
    background: var(--accent-color);
    margin: 0 0.3em;
    border-radius: 0.1em;
}

.title-card-vision>h2 {
    margin: 0 !important;
    line-height: 2 !important;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.box-image-card-vision {}

span.fancytree-title {
    white-space: break-spaces;
}

span.fancytree-title:before {
    content: '';
}

.custom-holder-price-vision p {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
    margin: 0 !important;
}

.old-price_vision {
    font-size: 1em;
    opacity: 0.4;
}

.price-amount {
    color: var(--accent-color2);
    font-size: 0.7em;
    font-weight: 100;
}

.holder-detail-card-vision {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    flex-direction: column;
}

.holder-detail-card-vision .timer {
    text-align: left;
    width: 100%;
}

.product-grid-item .addtocompare {
    text-decoration: none !important;
    color: #000 !important;


}

.holder-box-compare {
    display: flex;

}

.holder-box-compare .addToBasket {
    background: var(--accent-color);
    padding: 10px;
    border-radius: var(--border-radius);
    cursor: pointer;
    color: var(--white-color);
    width: 100%;
    text-align: center;
}

.divider-compare {
    width: 1px;
    height: 100%;
    background-color: #a8a8a8;
}

.like-card-vision {
    display: flex;
    align-items: flex-end;
    text-decoration: none !important;
    color: #000 !important;

}

.like-card-vision.active {
    color: #ff0000 !important;
}

.like-icone {
    margin: 0 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='currentColor' class='bi bi-heart-fill' viewBox='0 0 16 16' id='IconChangeColor'%3E%3Cpath fill-rule='evenodd' d='M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z' id='mainIconPathAttribute' fill='%23ffffff' stroke='%23000000' stroke-width='0.4'%3E%3C/path%3E%3C/svg%3E ");
}

.like-card-vision.active>.like-icone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='currentColor' class='bi bi-heart-fill' viewBox='0 0 16 16' id='IconChangeColor'%3E%3Cpath fill-rule='evenodd' d='M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z' id='mainIconPathAttribute' fill='%23ff0000' stroke='%2300fffb' stroke-width='0'%3E%3C/path%3E%3C/svg%3E ");
}

.check-moding .form-check {
    position: relative;
}

.check-moding .form-check .form-check-label {
    cursor: pointer;
}

.custom-body-filter-tecnic {
    margin-bottom: 10px;
    border: 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: #F8F8F8;
    border: 1px solid #E9E9E9;
}

.custom-body-filter-tecnic.active {
    box-shadow: 0 4px 30px #edf0f5;
    background-color: white;
}

.check-moding>.customlist-items {
    display: flex;
    flex-direction: column;
}

.check-moding>.customlist-items>label {
    display: flex !important;
    align-items: center !important;
}

.check-moding>.customlist-items>label>input,
.check-moding .form-check>input {
    margin-left: 10px !important;
}

.custom-style-descbox__show {
    border-radius: 10px;
    padding: 20px;
    margin: 10px 0;
    height: 300px;
    background-color: white;
    overflow: hidden;
    position: relative;
}

.custom-style-descbox__show p {
    color: #787878;
    line-height: 2;
    text-align: justify;
    text-align-last: right;
}

.shadow-hide-vision {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 128px;
    background: rgb(255, 255, 255);
    opacity: 0.9;
    background: linear-gradient(180deg, rgb(255 255 255 / 35%) 0%, #dde1e7 45%);
}

.click-to-more-vision {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: 10px 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    transition: all 0.4s;
}

.click-to-more-vision:hover {
    transform: translateX(-50%) scale(1.1);
}

.click-to-more-vision::after {
    content: '';
    position: absolute;
    height: 80%;
    width: 80%;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: inset -5px -5px 9px rgba(255, 255, 255, 0.45), inset 5px 5px 9px rgba(94, 104, 121, 0.3);

}

.load-vision {
    display: block;
    width: 96%;
    background-color: white;
    border-radius: 50%;
    height: 96%;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@-ms-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

.scroll-down a {
    display: block;
    opacity: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 0;
    font-size: 0;
    color: transparent;
    margin-left: auto;
    margin-right: auto;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
    -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0s infinite normal ease forwards;
    animation: pulse 1.5s 0s infinite normal ease forwards;
    background-repeat: no-repeat;
}

.scroll-down a:before,
.scroll-down a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='40px' width='20px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 407.437 407.437' xml:space='preserve'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
}

.scroll-down a:before {
    -webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    animation: pulse 1.5s 0.25s infinite normal ease forwards;
}

.scroll-down a:after {
    -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    animation: pulse 1.5s 0.5s infinite normal ease forwards;
}

.tags_link_vision {
    text-decoration: none !important;
    color: #3756ff !important;
}

.tags_link_title {
    display: block;
    font-weight: 800;
    margin: 20px 0;
}

.irs--round .irs-bar {
    background-color: #eee !important;
}

.irs--round .irs-handle {
    border-color: var(--accent-color);
    background: var(--accent-color);
}

.custom-bread-vision-holder {
    /* border: 1px solid #8d9eaf; */
    border-radius: 0.5rem;
    box-shadow: 0 0 6px rgb(0 0 0 / 8%);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0 !important;
    background: #fff;
}

.custom-bread-vision {
    /* margin-left: 25px; */
    list-style-type: none;
    padding: 5px 10px;
    border: none;
    border-radius: 0.5rem;
    color: #444;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: .2s ease-in-out;
    position: relative;
    /* box-shadow: -6px -6px 14px rgba(255, 255, 255, .7), -6px -6px 10px rgba(255, 255, 255, .5), 6px -4px 3px rgba(255, 255, 255, .075), 6px 6px 5px rgba(0, 0, 0, .15); */
}

.custom-bread-vision::after {
    content: "";
    height: 5px;
    width: 5px;
    overflow: hidden;
    margin: 0 6px 3px 0;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.arrow-bread-visionnet {
    display: flex;
    align-items: center;

}

.custom-bread-vision-holder>li:first-child::after,
.custom-bread-vision-holder>li:last-child::after {
    display: none;
}

.custom-bread-vision-holder>li:first-child {
    margin-left: 9px !important;
}

.custom-bread-vision a {
    font-size: 13px;
    text-decoration: none !important;
}

.custom-bread-vision a>span {
    font-size: 11px;
    color: #a7a7a7 !important;
}

.c-expandable-text h6,
.c-expandable-text .h6,
.c-expandable-text h5,
.c-expandable-text .h5,
.c-expandable-text h4,
.c-expandable-text .h4,
.c-expandable-text h3,
.c-expandable-text .h3,
.c-expandable-text h2,
.c-expandable-text .h2,
.c-expandable-text h1,
.c-expandable-text .h1 {
    font-size: 20px !important;
    padding: 10px 0;
    font-weight: 700;
}

.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.pagination .page-item {
    display: inline-block;
    margin: 2px;
    border-radius: var(--border-radius);
}

.pagination .page-item a:link,
.pagination .page-item.active span {
    padding: 0.5em 1.1em;
    border: 0.1em solid #ddd;
    height: 100%;
    display: block;
}

.pagination .page-item[aria-current=page] {
    background: var(--accent-color);
}

.custom-body-filter .onoff {
    padding: 1em;
    display: flex;
}

.filter-showbtn {
    display: none
}

.Filter-Options>div {
    display: block;
}

@media(max-width:767px) {
    .custom-bread-vision {
        margin: 10px 0 10px 25px;
    }
}

@media (max-width: 991px) {
    span.filter-showbtn svg {
        width: 24px;
        height: auto;
        fill: white;
    }

    .filter-showbtn {
        display: block
    }

    .Filter-Options>div {
        display: none;
    }

    .Filter-Options.active>div {
        display: block;
    }

    span.filter-showbtn {
        padding: 8px;
        border-radius: 5px;
        background: #dedfe0;
        /* margin-top: -37px; */
        /* margin-bottom: 5px; */
        /* margin-right: 19px; */
        z-index: 1;
    }


    .col-md-5.Filter-Options {
        margin-bottom: 7%;
    }
}

.productitem {
    position: relative;
    transition: all linear 0.3s;
    background: #fff;
    padding: 10px;
    border-radius: var(--border-radius);
    height: 100%;
}

.productitem .colorlist {
    position: absolute;
    top: 0%;
    right: 3%;
}

.productitem .colorlist .plus {
    font-size: 1.2em;
    text-align: center;
    color: #3c3c3b;
    line-height: 1.5;
}

.productitem .colorlist .color {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: -9px;
}

.productitem .ItemButtons {
    align-items: center;
    overflow: hidden;
    display: flex;
    transition: all ease-in-out 0.2s;
    justify-content: center;
    gap: 5px;
}

.productitem .linktoview {
    gap: 10px;
}

.productitem .ItemButtons .addenquiry,
.productitem .ItemButtons .favoriteBtn,
.productitem .ItemButtons .contact {
    color: #fff;
    padding: 5px 10px;
    border-radius: var(--border-radius);
}

.productitem .ItemButtons .addenquiry {
    cursor: pointer;
    height: 45px;
    transition: all ease-in-out 0.3s;
    padding: 5px 25px;
    gap: 0.5em;
    flex: 1 0 auto;
}

.productitem .productitem:hover .ItemButtons {
    display: flex;
}

.productitem .productitem:hover img {
    height: calc(100% - 45px);
}

.productitem .addenquiry,
.productitem .favoriteBtn {
    opacity: 1;
}

.productitem:hover .contact {
    transition-delay: 0.01s;
}

.productitem:hover .favoriteBtn {
    transition-delay: 0.02s;
}

.productitem:hover .addenquiry {
    transition-delay: 0.03s;
}

.productitem .addenquiry {
    background: var(--accent-color);
}

.ItemButtons .contact {
    height: 45px;
    background: var(--accent-color3);
}

.ItemButtons .addenquiry svg,
.ItemButtons .favoriteBtn svg {
    transition: all linear 0.2s;
}

.ItemButtons .addenquiry svg {
    width: 11px;
}

.ItemButtons .addenquiry .icon {}

.productitem .img {
    background: #fafafa;
    overflow: hidden;
    /* height: calc(100vh / 4 * 1.2); */
    text-align: center;
    border-radius: var(--border-radius);
}

.productitem img {
    width: 100%;
    transition: all ease-in-out 0.3s;
    object-fit: contain;
    text-align: center;
}

.ItemButtons .favoriteBtn input[type=checkbox] {
    display: none
}

.ItemButtons .favoriteBtn svg {
    cursor: pointer;
    height: 30px;
    overflow: visible;
    width: 30px;
}

.ItemButtons .favoriteBtn:hover svg {
    width: 40px;
    height: 40px;
}

.ItemButtons .addenquiry:hover svg {
    width: 18px;
}

.ItemButtons .favoriteBtn input[type=checkbox]+span {
    border-radius: 50%;
    display: flex;
    outline: 0;
    stroke: rgba(0, 0, 0, .5);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    justify-content: center;
    align-items: center;
}



.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart {
    -webkit-animation: animateHeartOut .3s linear forwards;
    -moz-animation: animateHeartOut .3s linear forwards;
    animation: animateHeartOut .3s linear forwards;
    fill-opacity: 0;
    stroke: rgb(255, 255, 255);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%;
}

.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-circle {
    color: transparent;
    stroke: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-dots-01,
.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-dots-02 {
    color: transparent;
    stroke: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}


.ItemButtons .favoriteBtn input[type=checkbox]:checked+span.active,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active {
    color: #D90F0F
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    fill-opacity: 1;
    stroke: #D90F0F;
    -webkit-animation: animateHeart .3s linear forwards .25s;
    -moz-animation: animateHeart .3s linear forwards .25s;
    animation: animateHeart .3s linear forwards .25s
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-circle,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-circle {
    -webkit-animation: animateHeartCircle .3s linear forwards;
    -moz-animation: animateHeartCircle .3s linear forwards;
    animation: animateHeartCircle .3s linear forwards
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-dots-01,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-dots-01 {
    -webkit-animation: .35s animateHeartDots .3s linear;
    -moz-animation: .35s animateHeartDots .3s linear;
    animation: .35s animateHeartDots .3s linear;
    color: #D90F0F;
    opacity: 0
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-dots-02,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-dots-02 {
    -webkit-animation: .3s animateHeartDots .4s linear;
    -moz-animation: .3s animateHeartDots .4s linear;
    animation: .3s animateHeartDots .4s linear;
    color: #D90F0F;
    opacity: 0
}

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes animateHeart {
    0% {
        -moz-transform: scale(.2);
        transform: scale(.2)
    }

    40% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes animateHeart {
    0% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2)
    }

    40% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes animateHeartOut {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes animateHeartOut {
    0% {
        -moz-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes animateHeartOut {
    0% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes animateHeartCircle {
    40% {
        -webkit-transform: scale(6);
        transform: scale(6);
        opacity: 1;
        color: #D90F0F
    }

    55% {
        -webkit-transform: scale(7);
        transform: scale(7);
        opacity: 1;
        color: #d7d24c
    }

    65% {
        -webkit-transform: scale(8);
        transform: scale(8);
        opacity: 1;
        color: #f5e456
    }

    75% {
        -webkit-transform: scale(9);
        transform: scale(9);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .5
    }

    85% {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .2
    }

    95% {
        -webkit-transform: scale(11);
        transform: scale(11);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .1
    }

    100% {
        -webkit-transform: scale(12);
        transform: scale(12);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: 0
    }
}

@-moz-keyframes animateHeartCircle {
    40% {
        -moz-transform: scale(6);
        transform: scale(6);
        opacity: 1;
        color: #D90F0F
    }

    55% {
        -moz-transform: scale(7);
        transform: scale(7);
        opacity: 1;
        color: #d7d24c
    }

    65% {
        -moz-transform: scale(8);
        transform: scale(8);
        opacity: 1;
        color: #f5e456
    }

    75% {
        -moz-transform: scale(9);
        transform: scale(9);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .5
    }

    85% {
        -moz-transform: scale(10);
        transform: scale(10);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .2
    }

    95% {
        -moz-transform: scale(11);
        transform: scale(11);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .1
    }

    100% {
        -moz-transform: scale(12);
        transform: scale(12);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: 0
    }
}

@keyframes animateHeartCircle {
    40% {
        -webkit-transform: scale(6);
        -moz-transform: scale(6);
        transform: scale(6);
        opacity: 1;
        color: #D90F0F
    }

    55% {
        -webkit-transform: scale(7);
        -moz-transform: scale(7);
        transform: scale(7);
        opacity: 1;
        color: #d7d24c
    }

    65% {
        -webkit-transform: scale(8);
        -moz-transform: scale(8);
        transform: scale(8);
        opacity: 1;
        color: #f5e456
    }

    75% {
        -webkit-transform: scale(9);
        -moz-transform: scale(9);
        transform: scale(9);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .5
    }

    85% {
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        transform: scale(10);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .2
    }

    95% {
        -webkit-transform: scale(11);
        -moz-transform: scale(11);
        transform: scale(11);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: .1
    }

    100% {
        -webkit-transform: scale(12);
        -moz-transform: scale(12);
        transform: scale(12);
        opacity: 1;
        color: transparent;
        stroke: #f5e456;
        stroke-width: 0
    }
}

@-webkit-keyframes animateHeartDots {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@-moz-keyframes animateHeartDots {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes animateHeartDots {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

.custom-vision-brands select {
    width: 100%;
    height: 3rem;
    background: #FAFAFA;
    border-color: #b8b8b8;
    cursor: pointer;
}

.Filter-Options .card-body {
    opacity: 0;
    display: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.Filter-Options .card-body.active {
    opacity: 1;
    display: block;
    transition: all 0.3 ease-in-out;
    -webkit-transition: all 0.3 ease-in-out;
    -moz-transition: all 0.3 ease-in-out;
    -ms-transition: all 0.3 ease-in-out;
    -o-transition: all 0.3 ease-in-out;
    padding: 1rem;
}

/*BtnArrows*/
.Filter-BTN {
    position: relative;
}

.Filter-BTN:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: 0.7rem;
    height: 0.7rem;
    border: 0.2em solid var(--accent-color);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}

.show-liner-ico,
.show-thumbnails-ico,
.sort-ico,
.category-ico,
.chevron-down-ico,
.like-ico,
.cart-ico,
.search-ico,
.enquiry-ico {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.show-liner-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNmQ2ZDZkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDUuNDE3LDExLjVINC41ODNjLTEuOTMzLDAtMy41LTEuNTY3LTMuNS0zLjVzMS41NjctMy41LDMuNS0zLjVoNDAuODM0YzEuOTMzLDAsMy41LDEuNTY3LDMuNSwzLjVTNDcuMzUsMTEuNSw0NS40MTcsMTEuNSAgeiI+PC9wYXRoPjxwYXRoIGQ9Ik00NS40MTcsMjIuODMzSDQuNTgzYy0xLjkzMywwLTMuNS0xLjU2Ny0zLjUtMy41czEuNTY3LTMuNSwzLjUtMy41aDQwLjgzNGMxLjkzMywwLDMuNSwxLjU2NywzLjUsMy41ICBTNDcuMzUsMjIuODMzLDQ1LjQxNywyMi44MzN6Ij48L3BhdGg+PHBhdGggZD0iTTQ1LjQxNywzNC4xNjdINC41ODNjLTEuOTMzLDAtMy41LTEuNTY3LTMuNS0zLjVzMS41NjctMy41LDMuNS0zLjVoNDAuODM0YzEuOTMzLDAsMy41LDEuNTY3LDMuNSwzLjUgIFM0Ny4zNSwzNC4xNjcsNDUuNDE3LDM0LjE2N3oiPjwvcGF0aD48cGF0aCBkPSJNNDUuNDE3LDQ1LjVINC41ODNjLTEuOTMzLDAtMy41LTEuNTY3LTMuNS0zLjVzMS41NjctMy41LDMuNS0zLjVoNDAuODM0YzEuOTMzLDAsMy41LDEuNTY3LDMuNSwzLjVTNDcuMzUsNDUuNSw0NS40MTcsNDUuNSAgeiI+PC9wYXRoPjwvc3ZnPg==")
}

.show-thumbnails-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNmQ2ZDZkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTgsMkg0QzIuOSwyLDIsMi45LDIsNHY0YzAsMS4xLDAuOSwyLDIsMmg0YzEuMSwwLDItMC45LDItMlY0QzEwLDIuOSw5LjEsMiw4LDJ6IE0xOCwyaC00Yy0xLjEsMC0yLDAuOS0yLDJ2NCAgYzAsMS4xLDAuOSwyLDIsMmg0YzEuMSwwLDItMC45LDItMlY0QzIwLDIuOSwxOS4xLDIsMTgsMnogTTI4LDJoLTRjLTEuMSwwLTIsMC45LTIsMnY0YzAsMS4xLDAuOSwyLDIsMmg0YzEuMSwwLDItMC45LDItMlY0ICBDMzAsMi45LDI5LjEsMiwyOCwyeiBNOCwxMkg0Yy0xLjEsMC0yLDAuOS0yLDJ2NGMwLDEuMSwwLjksMiwyLDJoNGMxLjEsMCwyLTAuOSwyLTJ2LTRDMTAsMTIuOSw5LjEsMTIsOCwxMnogTTE4LDEyaC00ICBjLTEuMSwwLTIsMC45LTIsMnY0YzAsMS4xLDAuOSwyLDIsMmg0YzEuMSwwLDItMC45LDItMnYtNEMyMCwxMi45LDE5LjEsMTIsMTgsMTJ6IE0yOCwxMmgtNGMtMS4xLDAtMiwwLjktMiwydjRjMCwxLjEsMC45LDIsMiwyaDQgIGMxLjEsMCwyLTAuOSwyLTJ2LTRDMzAsMTIuOSwyOS4xLDEyLDI4LDEyeiBNOCwyMkg0Yy0xLjEsMC0yLDAuOS0yLDJ2NGMwLDEuMSwwLjksMiwyLDJoNGMxLjEsMCwyLTAuOSwyLTJ2LTRDMTAsMjIuOSw5LjEsMjIsOCwyMnogICBNMTgsMjJoLTRjLTEuMSwwLTIsMC45LTIsMnY0YzAsMS4xLDAuOSwyLDIsMmg0YzEuMSwwLDItMC45LDItMnYtNEMyMCwyMi45LDE5LjEsMjIsMTgsMjJ6IE0yOCwyMmgtNGMtMS4xLDAtMiwwLjktMiwydjQgIGMwLDEuMSwwLjksMiwyLDJoNGMxLjEsMCwyLTAuOSwyLTJ2LTRDMzAsMjIuOSwyOS4xLDIyLDI4LDIyeiI+PC9wYXRoPjwvc3ZnPg==")
}

.sort-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15.534' height='15.534' viewBox='0 0 15.534 15.534'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_864' data-name='Rectangle 864' width='15.534' height='15.534' transform='translate(0)' fill='%23303030'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_72' data-name='Mask Group 72' clip-path='url(%23clip-path)'%3E%3Cg id='_000000ff' data-name='%23000000ff' transform='translate(0 1.194)'%3E%3Cpath id='Path_1877' data-name='Path 1877' d='M5.526,4.337a1.2,1.2,0,0,1,.965-.49q.6,0,1.2,0a1.193,1.193,0,0,1,.928.447,1.239,1.239,0,0,1,.267.748q4.183,0,8.366,0a.6.6,0,0,1,0,1.193q-4.181,0-8.362,0a1.251,1.251,0,0,1-.218.682,1.2,1.2,0,0,1-.981.512q-.6,0-1.2,0a1.2,1.2,0,0,1-1.008-.559,1.253,1.253,0,0,1-.187-.635c-.8,0-1.592,0-2.388,0a.6.6,0,1,1,.037-1.194h2.35a1.241,1.241,0,0,1,.234-.7m.964.7V6.236h1.2q0-.6,0-1.195Z' transform='translate(-2.308 -3.846)' fill='%23303030'/%3E%3Cpath id='Path_1878' data-name='Path 1878' d='M10.289,10.514A1.2,1.2,0,0,1,11.267,10q.6,0,1.2,0a1.193,1.193,0,0,1,.9.407,1.236,1.236,0,0,1,.3.787c1.195,0,2.39,0,3.585,0a.6.6,0,0,1,0,1.193c-1.195,0-2.39,0-3.585,0a1.232,1.232,0,0,1-.335.825,1.2,1.2,0,0,1-.862.37q-.6,0-1.2,0a1.2,1.2,0,0,1-1.009-.559,1.252,1.252,0,0,1-.187-.636H2.944a.612.612,0,0,1-.513-.237.6.6,0,0,1,.016-.744.607.607,0,0,1,.493-.215h7.132a1.246,1.246,0,0,1,.217-.681m.981.681V12.39h1.2q0-.6,0-1.195Z' transform='translate(-2.308 -5.22)' fill='%23303030'/%3E%3Cpath id='Path_1879' data-name='Path 1879' d='M5.526,16.645a1.2,1.2,0,0,1,.965-.49q.6,0,1.194,0a1.193,1.193,0,0,1,.915.427,1.239,1.239,0,0,1,.283.767q4.182,0,8.364,0a.6.6,0,0,1,0,1.193q-4.182,0-8.363,0a1.253,1.253,0,0,1-.217.68,1.2,1.2,0,0,1-.98.514q-.6,0-1.195,0a1.2,1.2,0,0,1-.863-.369,1.225,1.225,0,0,1-.336-.826c-.8,0-1.593,0-2.39,0a.6.6,0,0,1,0-1.193c.8,0,1.593,0,2.39,0a1.243,1.243,0,0,1,.234-.7m.964.7v1.195h1.2q0-.6,0-1.195Z' transform='translate(-2.308 -6.594)' fill='%23303030'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.category-ico {
    background-image: url("data:image/svg+xml,%3Csvg id='_000000ff' data-name='%23000000ff' xmlns='http://www.w3.org/2000/svg' width='11.435' height='7.966' viewBox='0 0 11.435 7.966'%3E%3Cpath id='Path_1880' data-name='Path 1880' d='M1.641,77.907a.991.991,0,1,0,.111,1.384,1.027,1.027,0,0,0,.233-.612v-.034A1.013,1.013,0,0,0,1.641,77.907Z' transform='translate(9.45 -77.664)'/%3E%3Cpath id='Path_1881' data-name='Path 1881' d='M136.9,88.878a.758.758,0,0,0-.613-.289q-3.507,0-7.015,0a.754.754,0,0,0-.78.736v.031A.758.758,0,0,0,128.9,90a.965.965,0,0,0,.484.084h6.7a2.186,2.186,0,0,0,.361-.015.745.745,0,0,0,.454-1.191Z' transform='translate(-128.488 -88.345)'/%3E%3Cpath id='Path_1882' data-name='Path 1882' d='M1.675,211.909a.991.991,0,1,0,.075,1.355,1.024,1.024,0,0,0,.235-.626v-.031A1.019,1.019,0,0,0,1.675,211.909Z' transform='translate(9.45 -208.644)'/%3E%3Cpath id='Path_1883' data-name='Path 1883' d='M136.68,222.615a.8.8,0,0,0-.451-.121h-6.992a.754.754,0,0,0-.78.737v.031a.757.757,0,0,0,.439.659,1.1,1.1,0,0,0,.5.07h6.678a1.276,1.276,0,0,0,.458-.047.746.746,0,0,0,.149-1.328Z' transform='translate(-128.456 -219.26)'/%3E%3Cpath id='Path_1884' data-name='Path 1884' d='M1.664,345.809a.991.991,0,1,0,.084,1.367,1.022,1.022,0,0,0,.237-.628v-.031A1.015,1.015,0,0,0,1.664,345.809Z' transform='translate(9.45 -339.562)'/%3E%3Cpath id='Path_1885' data-name='Path 1885' d='M136.889,356.74a.76.76,0,0,0-.606-.279H129.27a.762.762,0,0,0-.6.261.771.771,0,0,0-.183.477v.02a.758.758,0,0,0,.425.662,1.081,1.081,0,0,0,.512.075h6.657a2.308,2.308,0,0,0,.356-.014.745.745,0,0,0,.45-1.2Z' transform='translate(-128.489 -350.235)'/%3E%3C/svg%3E%0A");
}

.chevron-down-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNTM1MzUzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTIgNyIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmV4cGFuZDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIuNzkzMTI1LDkuMjA3Mzc1IEMyLjQwMjEyNSw4LjgxNjM3NSAyLjQwMjEyNSw4LjE4NDM3NSAyLjc5MzEyNSw3Ljc5MzM3NSBMNy4wODYxMjUsMy41MDAzNzUgTDIuNzkzMTI1LC0wLjc5MjYyNSBDMi40MDIxMjUsLTEuMTgzNjI1IDIuNDAyMTI1LC0xLjgxNTYyNSAyLjc5MzEyNSwtMi4yMDY2MjUgQzMuMTg0MTI1LC0yLjU5NzYyNSAzLjgxNjEyNSwtMi41OTc2MjUgNC4yMDcxMjUsLTIuMjA2NjI1IEw5LjIwNzEyNSwyLjc5MzM3NSBDOS41OTgxMjUsMy4xODQzNzUgOS41OTgxMjUsMy44MTYzNzUgOS4yMDcxMjUsNC4yMDczNzUgTDQuMjA3MTI1LDkuMjA3Mzc1IEM0LjAxMjEyNSw5LjQwMjM3NSAzLjc1NjEyNSw5LjUwMDM3NSAzLjUwMDEyNSw5LjUwMDM3NSBDMy4yNDQxMjUsOS41MDAzNzUgMi45ODgxMjUsOS40MDIzNzUgMi43OTMxMjUsOS4yMDczNzUgWiIgZmlsbD0iIzUzNTM1MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAxMjUsIDMuNTAwMjUwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi4wMDAxMjUsIC0zLjUwMDI1MCkgIj48L3BhdGg+PC9nPjwvc3ZnPg==")
}

.search-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNTM1MzUzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05MC40LDg0TDc1LjgsNjkuNUM4Ny4yLDU0LjksODYsMzQuMSw3Mi45LDIxYy02LjktNi45LTE2LjEtMTAuNy0yNS45LTEwLjdjLTkuOCwwLTE5LDMuOC0yNS45LDEwLjcgIGMtNi45LDYuOS0xMC43LDE2LjEtMTAuNywyNS45YzAsOS44LDMuOCwxOSwxMC43LDI1LjljNi45LDYuOSwxNi4xLDEwLjcsMjUuOSwxMC43YzguMSwwLDE2LjEtMi43LDIyLjUtNy44TDg0LDkwLjQgIGMwLjksMC45LDIsMS4zLDMuMiwxLjNjMS4yLDAsMi4zLTAuNSwzLjItMS4zQzkyLjIsODguNyw5Mi4yLDg1LjgsOTAuNCw4NHogTTc0LjYsNDYuOWMwLDcuNC0yLjksMTQuMy04LjEsMTkuNSAgYy01LjIsNS4yLTEyLjIsOC4xLTE5LjUsOC4xcy0xNC4zLTIuOS0xOS41LTguMWMtNS4yLTUuMi04LjEtMTIuMi04LjEtMTkuNWMwLTcuNCwyLjktMTQuMyw4LjEtMTkuNXMxMi4yLTguMSwxOS41LTguMSAgYzcuNCwwLDE0LjMsMi45LDE5LjUsOC4xQzcxLjcsMzIuNiw3NC42LDM5LjUsNzQuNiw0Ni45eiI+PC9wYXRoPjwvc3ZnPg==")
}

.like-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTIyIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjM4MC4wMDAwMDAsIC0xMTEzNy4wMDAwMDApIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0yNDQwLjk3NTYxLDExMjM3IEMyNDM5Ljc1NjEsMTEyMzcgMjQzOC41MzAzNCwxMTIzNi42NDM4IDI0MzcuNDY3MTcsMTEyMzUuOTI1IEMyNDM2LjA2MDAzLDExMjM0Ljk4MTMgMjQwMy4wMjA2MywxMTIxMi42MTI1IDIzOTIuNzc2NzMsMTEyMDIuMzU2MyBDMjM4MS4zMjU4MywxMTE5MC45MTI1IDIzODAsMTExNzguNzUgMjM4MCwxMTE3MC41OTM4IEMyMzgwLDExMTUyLjA2ODggMjM5NS4wNzgxNywxMTEzNyAyNDEzLjYxNDc2LDExMTM3IEMyNDI0Ljg4NDMsMTExMzcgMjQzNC44NjU1MywxMTE0Mi41Njg4IDI0NDAuOTc1NjEsMTExNTEuMSBDMjQ0Ny4wODU2OSwxMTE0Mi41Njg4IDI0NTcuMDY2OTIsMTExMzcgMjQ2OC4zMzY0NiwxMTEzNyBDMjQ4Ni44NzMwNSwxMTEzNyAyNTAxLjk1MTIyLDExMTUyLjA2ODggMjUwMS45NTEyMiwxMTE3MC41OTM4IEMyNTAxLjk1MTIyLDExMTc4Ljc1IDI1MDAuNjI1MzksMTExOTAuOTEyNSAyNDg5LjE3NDQ5LDExMjAyLjM1NjMgQzI0NzguOTExODIsMTEyMTIuNjEyNSAyNDQ1Ljg3ODY3LDExMjM0Ljk4MTMgMjQ0NC40ODQwNSwxMTIzNS45MjUgQzI0NDMuNDIwODgsMTEyMzYuNjQzOCAyNDQyLjE5NTEyLDExMjM3IDI0NDAuOTc1NjEsMTEyMzcgWiBNMjM5Ny4xNDc1MiwxMTE3Ni44MjA3IEMyMzk2Ljg2MTM2LDExMTc1Ljc2NiAyMzk2LjcwNzczLDExMTc1LjE3NDYgMjM5Ni42ODY2MiwxMTE3NS4wNDY1IEMyMzk1LjE0OTIzLDExMTY1LjcxMDYgMjQwMC43ODA5OSwxMTE1Ni41NTg1IDI0MDkuOTY4OCwxMTE1My44ODIyIEMyNDEwLjAxNjY0LDExMTUzLjg2ODMgMjQxMC41MDk1NywxMTE1My43MzUyIDI0MTEuNDQ3NTYsMTExNTMuNDgzMSBMMjQxMS40NDc1NSwxMTE1My40ODMgQzI0MTMuMjY5MjcsMTExNTIuOTkzMyAyNDE0LjM0OTczLDExMTUxLjEyMDIgMjQxMy44NjE0OSwxMTE0OS4yOTgxIEMyNDEzLjM3MzQzLDExMTQ3LjQ3NjYgMjQxMS41MDExOSwxMTE0Ni4zOTU3IDI0MDkuNjc5NzEsMTExNDYuODgzNyBDMjQwOS42Nzg4NywxMTE0Ni44ODM5IDI0MDkuNjc4MDcsMTExNDYuODg0MiAyNDA5LjY3NzIzLDExMTQ2Ljg4NDQgQzI0MDguNzExNjIsMTExNDcuMTQzOSAyNDA4LjIwMTM4LDExMTQ3LjI4MTUgMjQwOC4xNDY0OCwxMTE0Ny4yOTczIEMyMzk1LjQ0MDE3LDExMTUwLjk0ODkgMjM4Ny43NjQ4NiwxMTE2My42NzAyIDIzOTAuMTE4ODUsMTExNzYuNTYzOCBDMjM5MC4xMzU1OCwxMTE3Ni42NTU0IDIzOTAuMzA5NTIsMTExNzcuMzE2NCAyMzkwLjY0MDc1LDExMTc4LjU0NjggQzIzOTEuMTI1ODEsMTExODAuMzQ4NyAyMzkyLjk3ODc5LDExMTgxLjQxNzEgMjM5NC43ODEyNiwxMTE4MC45MzQxIEMyMzk2LjU2ODUzLDExMTgwLjQ1NTIgMjM5Ny42MjkyLDExMTc4LjYxODEgMjM5Ny4xNTAzLDExMTc2LjgzMDkgQzIzOTcuMTQ5MzksMTExNzYuODI3NSAyMzk3LjE0ODQ1LDExMTc2LjgyNDEgMjM5Ny4xNDc1NCwxMTE3Ni44MjA3IEwyMzk3LjE0NzUyLDExMTc2LjgyMDcgWiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+")
}

.cart-ico {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgeD0iMHB4IiB5PSIwcHgiPjxwYXRoIGQ9Ik0xNSA2VjVjMC0yLjgtMi4yLTUtNS01UzUgMi4yIDUgNXYxSDB2MmgxdjEwYzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJWOGgxVjZoLTV6TTcgNWMwLTEuNyAxLjMtMyAzLTNzMyAxLjMgMyAzdjFIN1Y1ek02IDhjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDEtMS0uNS0xLTFjMC0uNi40LTEgMS0xem0xIDhjMCAuNi0uNCAxLTEgMXMtMS0uNC0xLTF2LTNjMC0uNi40LTEgMS0xczEgLjQgMSAxdjN6bTQgMGMwIC42LS40IDEtMSAxcy0xLS40LTEtMXYtM2MwLS42LjQtMSAxLTFzMSAuNCAxIDF2M3ptNCAwYzAgLjYtLjQgMS0xIDFzLTEtLjQtMS0xdi0zYzAtLjYuNC0xIDEtMXMxIC40IDEgMXYzem0wLTdjMCAuNi0uNCAxLTEgMXMtMS0uNC0xLTEgLjQtMSAxLTEgMSAuNCAxIDF6Ij48L3BhdGg+PC9zdmc+")
}

.enquiry-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23fff' d='m8.44,3.19c-.18-.25-.5-.34-.78-.42v-.84c.16.03.31.09.45.18.05.04.11.08.18.06.13-.02.21-.21.11-.31-.21-.19-.47-.29-.75-.31,0-.11.01-.21,0-.32-.04-.13-.24-.13-.28-.01h0c-.03.11-.01.23-.01.33-.2.01-.4.07-.56.18-.16.11-.28.28-.31.46-.04.22,0,.47.17.63.19.19.47.26.72.33v.94c-.22-.03-.43-.12-.6-.25-.06-.05-.14-.08-.21-.05-.12.04-.17.22-.08.31.24.22.57.35.89.36.01.11,0,.21.01.31.04.12.25.11.28-.01,0-.1,0-.21,0-.3.21-.01.42-.06.59-.19.33-.24.42-.75.19-1.08Zm-1.08-.5c-.13-.04-.28-.08-.38-.18-.12-.11-.1-.3,0-.42h0c.09-.12.23-.16.38-.18v.77Zm.65,1.26c-.09.1-.23.13-.35.16v-.85s0,0,0,0h0s0,0,0,0c.14.04.28.08.38.19.13.14.11.38-.03.51Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m7.47,0h.12c.16.01.3.08.43.16.09.06.2.02.3.02.22-.02.45.06.6.22.07.07.13.16.21.23.08.04.18.06.26.09.21.08.37.25.44.47.04.1.05.23.15.3.16.12.31.28.36.49.04.16,0,.33,0,.49.07.17.18.32.18.51.02.21-.1.4-.18.59-.02.15.04.31,0,.46-.04.22-.19.39-.36.52-.1.06-.11.19-.14.29-.06.18-.18.33-.34.42-.11.07-.24.09-.36.14-.07.04-.11.11-.16.17-.14.17-.35.28-.56.28-.11,0-.22-.02-.33-.01-.09.03-.16.08-.25.12-.2.09-.45.09-.65-.02-.1-.04-.19-.12-.3-.1-.17.02-.35.03-.51-.05-.16-.06-.27-.2-.38-.33-.06-.09-.18-.1-.28-.13-.23-.07-.42-.26-.49-.48-.04-.09-.04-.21-.13-.28-.12-.1-.25-.2-.32-.35-.09-.17-.08-.37-.06-.56.02-.11-.05-.19-.1-.28-.09-.17-.11-.37-.06-.55.03-.12.11-.23.15-.34.02-.07,0-.15,0-.23-.03-.22.05-.45.21-.61.07-.08.16-.13.23-.21.04-.08.05-.16.08-.24.07-.21.24-.38.45-.45.09-.03.18-.05.26-.09.07-.06.12-.14.18-.2.15-.17.39-.26.62-.23.09,0,.19.03.28,0C7.16.1,7.3.02,7.47,0m.02.6c-.13.05-.23.14-.36.18-.13.02-.25,0-.38-.01-.06,0-.13-.01-.17.03-.1.09-.17.22-.28.31-.14.09-.32.09-.46.18-.1.13-.09.31-.17.44-.1.14-.27.21-.36.35-.03.15.04.31.01.46-.04.16-.15.28-.2.44.02.16.16.28.19.44.02.16-.04.33,0,.5.09.14.26.2.35.33.08.14.09.31.17.44.15.12.38.08.51.23.1.1.17.22.28.3.15.03.31-.03.46-.01.17.04.3.16.47.2.15-.03.27-.15.41-.19.17-.03.34.04.51,0,.13-.08.19-.23.31-.33.15-.1.34-.1.48-.2.08-.13.08-.29.16-.43.1-.14.27-.21.36-.35.03-.15-.04-.31-.01-.46.04-.17.17-.3.2-.47-.04-.15-.15-.26-.19-.41-.02-.17.04-.33,0-.5-.08-.14-.26-.2-.35-.34-.08-.14-.09-.3-.17-.44-.09-.08-.23-.09-.34-.13-.21-.06-.28-.29-.45-.4-.19-.05-.4.08-.59-.03-.13-.05-.25-.17-.39-.14Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m6.13,7.09c-.37,0-.74,0-1.1,0,.29.29.59.59.88.88h3.26c.29-.29.59-.59.88-.88-.38,0-.76,0-1.13,0h-2.78ZM1.65,4.52c.27-.11.6-.08.85.08.12.07.21.18.31.28.54.54,1.09,1.09,1.63,1.63.57,0,1.15,0,1.72,0h2.72c.58,0,1.17,0,1.75,0,.59-.59,1.18-1.19,1.78-1.78.25-.25.63-.34.96-.23.28.09.51.32.61.6.1.29.05.62-.13.86-.16.2-.35.36-.52.54.27,0,.54-.01.81,0,.48.05.87.47.9.95v.12c-.02.28-.15.56-.38.74-.12.1-.26.16-.41.21-.38,1.69-.75,3.38-1.13,5.06-.1.44-.36.84-.73,1.09-.29.2-.64.31-.99.32H3.64c-.42-.02-.84-.18-1.15-.46-.27-.25-.46-.58-.54-.94-.38-1.69-.75-3.38-1.13-5.06-.42-.11-.75-.49-.78-.93v-.12c.01-.49.42-.93.9-.98.27-.02.54,0,.81,0-.15-.15-.31-.3-.46-.46-.23-.25-.31-.63-.2-.95.09-.26.3-.48.56-.58m.24.54c-.17.05-.29.24-.26.41.02.14.14.23.23.32,1.16,1.16,2.33,2.33,3.49,3.49.15.16.44.15.56-.03.11-.14.09-.37-.05-.49-1.2-1.2-2.4-2.4-3.6-3.6-.09-.1-.24-.14-.37-.1m11.08,0c-.07.02-.12.06-.17.11-1.2,1.2-2.39,2.39-3.59,3.59-.1.1-.15.25-.1.39.05.17.25.28.42.24.13-.02.21-.13.3-.21,1.17-1.17,2.33-2.33,3.5-3.5.13-.12.15-.33.05-.47-.09-.13-.26-.19-.41-.15M.87,7.13c-.18.08-.29.31-.24.5.05.19.23.33.42.33.72,0,1.43,0,2.15,0-.29-.29-.59-.58-.88-.88-.4,0-.79,0-1.19,0-.09,0-.19,0-.28.04m10.99.84c.66,0,1.32,0,1.97,0,.13,0,.27.01.38-.05.18-.09.28-.32.21-.51-.05-.18-.23-.31-.42-.31-.42,0-.85,0-1.27,0-.29.29-.59.59-.88.88m-10.43.59c.35,1.59.71,3.19,1.06,4.78.03.15.07.31.14.44.15.29.43.52.75.6.18.05.37.04.55.04h7.41c.22,0,.44-.04.63-.16.29-.17.5-.47.57-.8.36-1.64.73-3.27,1.09-4.91-.79,0-1.58,0-2.36,0-.07.05-.12.11-.18.17-.33.33-.65.66-.98.98-.16.16-.39.26-.62.27-.36.02-.71-.18-.88-.49-.16-.29-.15-.65,0-.94-.73,0-1.45,0-2.18,0,.12.22.16.49.09.73-.09.34-.38.61-.73.67-.31.06-.64-.03-.86-.26-.38-.38-.77-.76-1.15-1.15-.79,0-1.58,0-2.38,0Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m3.09,10.3c.11-.03.24,0,.31.1.05.06.06.14.07.21.15.83.32,1.66.47,2.49.03.17-.11.34-.28.34-.15,0-.28-.11-.3-.26-.16-.85-.32-1.69-.48-2.54-.03-.14.06-.3.2-.34Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m4.97,10.3c.12-.03.25.02.32.12.05.07.05.15.06.23.08.82.16,1.63.24,2.45.03.16-.09.32-.25.34-.16.03-.33-.11-.33-.28-.08-.84-.17-1.68-.25-2.52-.03-.15.07-.3.22-.33Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m6.69,10.3c.17-.04.35.1.35.28.02.85.03,1.7.04,2.55.01.15-.11.29-.26.31-.18.03-.34-.14-.33-.31-.01-.84-.03-1.68-.04-2.52-.01-.14.09-.28.23-.31Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m8.25,10.3c.17-.05.36.1.36.28,0,.83-.03,1.66-.04,2.49,0,.1,0,.2-.08.28-.1.12-.31.12-.42.01-.07-.07-.09-.16-.09-.26.01-.83.03-1.66.04-2.49,0-.14.09-.28.23-.31Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m9.95,10.3c.12-.04.27.02.33.13.04.07.04.15.03.23-.08.8-.16,1.6-.24,2.4,0,.13-.04.29-.18.34-.19.1-.44-.07-.41-.28.08-.85.17-1.7.25-2.55,0-.12.09-.24.21-.27Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m11.82,10.3c.13-.04.28.04.34.16.04.07.03.15.01.23-.16.83-.31,1.66-.47,2.5-.02.14-.14.25-.27.25-.15.01-.29-.11-.31-.25,0-.09.02-.17.03-.26.15-.79.3-1.59.45-2.38.02-.12.1-.22.22-.25Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m7.53,5.96c-.12,0-.23-.03-.33-.08-.14-.08-.21-.11-.29-.11-.11.01-.18.02-.24.02-.11,0-.21-.02-.29-.06-.15-.06-.26-.19-.37-.32-.05-.08-.14-.1-.22-.12-.29-.09-.47-.26-.54-.48-.05-.16-.07-.24-.14-.3-.13-.11-.25-.2-.31-.34-.08-.16-.08-.34-.06-.54.02-.09-.03-.17-.07-.24-.12-.22-.14-.42-.09-.59.02-.07.05-.13.08-.19.02-.05.05-.1.07-.15.02-.06,0-.12,0-.17-.03-.28.04-.5.19-.65.03-.03.06-.06.1-.09.05-.04.1-.08.14-.13.03-.06.05-.11.06-.16.1-.29.26-.45.46-.52.15-.05.21-.06.26-.1.05-.04.09-.08.12-.13.02-.03.04-.06.07-.08.13-.14.32-.23.51-.23,0,0,.23.01.25.01.06,0,.09,0,.11-.01.19-.1.3-.16.43-.17h.12c.14.01.28.08.41.15.04.03.09.04.15.04l.25-.02c.19,0,.37.08.5.21.03.03.06.06.08.09.04.05.08.1.13.14.06.03.11.04.16.06.04.01.08.02.11.04.19.07.35.24.41.44.05.17.08.26.16.32.19.14.3.3.34.46.03.09.02.19.01.29,0,.06,0,.13,0,.2.02.06.05.11.07.16.06.12.11.22.11.35.02.17-.06.32-.13.47l-.05.11c-.01.08,0,.16,0,.23,0,.08.01.17,0,.24-.03.18-.14.34-.35.5-.08.06-.11.15-.14.24-.08.24-.19.39-.35.47-.06.04-.13.06-.2.08-.05.02-.11.03-.16.06-.05.04-.09.08-.12.12-.18.22-.38.32-.58.32,0,0-.24-.01-.29-.01-.11.02-.16.05-.21.07-.03.02-.06.03-.1.05-.09.04-.19.06-.29.06Zm-.47-.7c.07.02.14.05.21.09.08.04.16.09.25.1.1-.02.18-.06.25-.1.06-.04.12-.07.18-.09.04,0,.08,0,.11,0,.06,0,.1,0,.13,0,.05,0,.11.01.16.01.04,0,.08,0,.11-.01.09-.06.14-.12.19-.19.04-.05.08-.11.13-.15.06-.04.14-.06.22-.09.09-.03.18-.05.26-.11.06-.08.08-.16.1-.24.02-.07.04-.14.07-.2.04-.06.1-.11.16-.16.07-.06.14-.11.19-.19.03-.1.01-.19,0-.27,0-.07-.02-.14,0-.21.02-.07.05-.13.09-.2.05-.08.09-.17.11-.27-.02-.1-.06-.17-.1-.23-.04-.06-.07-.12-.09-.19-.01-.07,0-.15,0-.23,0-.08.02-.17,0-.26-.05-.1-.12-.15-.2-.2-.06-.05-.12-.09-.16-.15-.03-.06-.06-.13-.08-.21-.02-.08-.05-.16-.09-.23-.08-.07-.16-.09-.25-.11-.04,0-.08-.02-.12-.03-.11-.03-.18-.12-.25-.21-.05-.07-.11-.14-.18-.19h-.01s-.11-.02-.11-.02c-.05,0-.1,0-.16.01-.05,0-.1.01-.15.01-.07,0-.12-.01-.17-.04-.05-.02-.09-.04-.13-.06-.07-.04-.15-.09-.24-.09-.12.03-.17.06-.22.09-.06.04-.13.07-.19.09-.04,0-.08,0-.11,0-.06,0-.1,0-.13,0,0,0-.16-.01-.17-.01-.08,0-.13,0-.17.05-.05.04-.09.1-.13.15-.05.06-.09.12-.15.16-.06.04-.14.06-.22.08-.08.02-.16.05-.24.09-.07.08-.09.17-.11.26-.02.07-.04.14-.07.2-.04.06-.1.1-.16.15-.07.06-.15.12-.2.2-.02.1,0,.18,0,.26.01.08.02.15,0,.22-.02.07-.06.13-.09.21-.04.07-.08.15-.1.23,0,.11.06.19.1.27.04.06.07.12.09.19,0,.07,0,.14,0,.22,0,.09-.02.18,0,.27.05.09.12.14.19.19.06.05.12.09.16.15.03.06.05.13.07.2.02.08.05.16.09.24.08.07.17.09.26.11.1.03.19.05.25.12.04.04.07.08.1.12.05.07.11.14.19.19h0s.11.02.11.02c.05,0,.1,0,.16-.01.05,0,.1-.01.15-.01h.06Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='m3.64,14.96c-.42-.02-.82-.18-1.12-.45-.26-.24-.45-.57-.53-.92l-1.13-5.06c-.44-.13-.75-.51-.78-.92v-.11c.01-.47.4-.89.87-.94.11,0,.22,0,.33,0h.48s-.16-.25-.16-.25c-.09-.09-.18-.18-.27-.27-.22-.23-.29-.6-.19-.91.08-.25.28-.46.53-.56.1-.04.21-.06.33-.06.17,0,.34.05.48.14.1.06.18.14.26.22l1.68,1.68h.41s5.81.01,5.81.01l.65-.64,1.15-1.15c.17-.17.4-.26.64-.26.1,0,.19.02.28.04.27.08.49.3.58.57.09.28.05.59-.12.82-.1.12-.21.23-.33.35-.07.06-.13.13-.19.19l.17.07h.33c.11,0,.22,0,.34,0,.45.05.83.45.86.91v.12c-.02.27-.15.54-.36.71-.1.08-.22.15-.39.2l-.51,2.22-.64,2.87c-.09.43-.35.82-.71,1.06-.27.19-.61.3-.96.31H3.64Zm-1.19-1.62c.03.14.07.31.15.45.16.3.45.53.77.61.14.04.28.04.42.04h7.56c.25,0,.47-.06.65-.16.29-.17.52-.47.59-.82l1.09-4.91-.36-.05h-2.04c-.07.04-.11.08-.15.12l-1.04,1.04c-.16.16-.37.25-.59.26h0c-.37,0-.69-.19-.84-.47-.15-.27-.15-.62,0-.9l-2.21-.06c.08.28.12.54.05.76-.09.33-.37.58-.7.65-.06.01-.12.02-.18.02-.24,0-.48-.1-.64-.26,0,0-.79-.79-1.15-1.15h-.87s-1.58-.01-1.58-.01l1.07,4.83ZM13.07,5s-.08,0-.12.02c-.08.03-.15.08-.19.12l-3.59,3.59c-.12.11-.16.28-.11.43.05.16.21.28.38.28.2-.03.29-.12.37-.19l3.54-3.54c.14-.13.17-.36.06-.52-.07-.11-.2-.18-.34-.18Zm-11.08,0s-.08,0-.11.02c-.19.05-.32.26-.28.46.02.13.11.22.19.3l3.53,3.53c.07.08.18.13.3.13.13,0,.26-.06.33-.16.12-.16.1-.4-.05-.54l-3.6-3.6c-.08-.08-.19-.13-.3-.13Zm11.91,3.01c.13,0,.24,0,.33-.06.2-.1.3-.35.23-.56-.06-.2-.25-.34-.45-.34h-1.28s-.43.41-.43.41l-.48.48,1.02.07h1.01s.05,0,.05,0Zm-10.69,0l-.29-.38-.56-.56h-.44s-.77-.01-.77-.01c-.09,0-.2,0-.3.05-.2.09-.32.33-.26.55.05.21.25.36.46.36h1.58s.58,0,.58,0Zm1.81-.96l.85.95h3.29s.47-.44.47-.44l.44-.44-.59-.07h-4.45Z'%3E%3C/path%3E%3C/svg%3E");
}

#productlistholder {
    padding-top: 25px;
    position: relative
}

.grid-extanded-info {
    position: absolute;
    top: -5px;
    left: 0;
    color: #b7b7b7;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
}


#priceranges input[type=number] {
    -moz-appearance: textfield
}

#frompriceshow,
#topriceshow {
    width: 80%;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background-color: #f8f8f8;
    display: inline-block;
    overflow: d-none;
    border: none;
    margin: 6px 0;
    text-align: center;
    color: #3c3c3c;
    font-size: 11px !important;
    line-height: 1.571;
    letter-spacing: .3px;
}

#technicalfilters .card:first-child {
    margin-top: 5px;
}

#technicalfilters .checkbox label,
#technicalfilters .radio label {
    padding-right: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block
}

#technicalfilters .checkbox label:hover,
#technicalfilters .radio label:hover {
    background-color: #f9f9f9
}

#technicalfilters .mb-2 .list-items {
    max-height: 250px;
    overflow-x: d-none;
    overflow-y: auto
}

#technicalfilters .mb-2 .seach-list {
    margin-bottom: 15px
}

#technicalfilters .mb-2 .seach-list input[type="text"] {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZTBlMGUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO30KPC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTEuOSw5MS45Yy0zLjUsMy41LTkuMiwzLjUtMTIuNywwTDYyLjcsNzUuNEM1Ni45LDc5LDUwLjEsODEsNDIuNyw4MUMyMS42LDgxLDQuNSw2My45LDQuNSw0Mi43ICBTMjEuNiw0LjUsNDIuNyw0LjVTODEsMjEuNiw4MSw0Mi43YzAsNy4zLTIuMSwxNC4xLTUuNiwyMGwxNi41LDE2LjVDOTUuNCw4Mi43LDk1LjQsODguNCw5MS45LDkxLjl6IE00Mi43LDE1LjcgIGMtMTQuOSwwLTI3LDEyLjEtMjcsMjdzMTIuMSwyNywyNywyN3MyNy0xMi4xLDI3LTI3UzU3LjcsMTUuNyw0Mi43LDE1Ljd6Ij48L3BhdGg+PC9zdmc+")
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item {
    padding-right: 0px !important;
    display: block;
    position: relative;
    cursor: pointer
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item input {
    display: none
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item .customlist-color {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
    position: relative;
    background-position: center;
    background-repeat: repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item .customlist-color i {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item .customlist-thumbnail {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin-left: 2px
}

#technicalfilters .mb-2 .list-items .customlist-items .customlist-item input:checked+.customlist-checked::before,
#technicalfilters .mb-2 .list-items .customlist-items .customlist-item input:checked+label+.customlist-checked::before {
    content: '\2611';
    color: #39d2b4;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -5px;
    font-style: normal
}

.productitem .addtocompare {
    cursor: pointer;
    height: 45px;
    transition: all ease-in-out 0.3s;
    gap: 0.5em;
    background: var(--accent-color3);
    border-radius: var(--b-radius);
    opacity: 0;
    width: 0% !important;
}

.productitem:hover .addtocompare {
    opacity: 1;
    flex: 1 0 auto;
    transition: all ease-in-out 0.3s;
}

.productitem:hover .btn-secondary span {
    opacity: 0;
    display: none;
    transition: all ease-in-out 0.3s;
}

.productitem .addtocompare svg {
    width: 1.2rem;
    height: 1.5rem;
}

.productitem {
    cursor: pointer !important;
}

.productitem .addenquiry::before,
.productitem .contact::before {
    content: attr(data-title);
    width: max-content;
    background: rgba(0, 0, 0, 0.8);
    border-radius: var(--b-radius);
    z-index: 22;
    position: absolute;
    color: #fff;
    bottom: 21%;
    padding: 0.2em;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.productitem .addtocompare::before {
    content: attr(data-title);
    width: max-content;
    background: rgba(0, 0, 0, 0.8);
    border-radius: var(--b-radius);
    z-index: 22;
    position: absolute;
    left: 0.5rem;
    color: #fff;
    bottom: 21%;
    padding: 0.2em;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.productitem .addtocompare:hover:before,
.productitem .addenquiry:hover:before,
.productitem .contact:hover:before {
    content: attr(data-title);
    opacity: 1;
}

.productitem .addenquiry,
.productitem .contact,
.productitem .addtocompare {
    cursor: pointer;
}

.form-check {
    --borderColor: var(--accent-color);
    --borderWidth: 0.1em;
    margin-block-end: 0.5em;
    margin-inline-start: 0.5em;
}

.form-check input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    background: transparent;
    font-size: 1.8em;
    border-radius: 0.125em;
    display: inline-block;
    border: var(--borderWidth) solid var(--borderColor);
    width: 0.75em;
    aspect-ratio: 1;
    position: relative;
    cursor: pointer;
}

.form-check input[type=checkbox]:before,
.form-check input[type=checkbox]:after {
    content: "";
    position: absolute;
    background: var(--borderColor);
    width: calc(var(--borderWidth) * 3);
    height: var(--borderWidth);
    top: 50%;
    left: 10%;
    transform-origin: left center;
    cursor: pointer;
}

.form-check input[type=checkbox]:before {
    transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0);
    transition: transform 200ms ease-in 200ms;
}

.form-check input[type=checkbox]:after {
    width: calc(var(--borderWidth) * 5);
    transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0);
    transform-origin: left center;
    transition: transform 200ms ease-in;
}

.form-check input[type=checkbox]:checked:before {
    transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1);
    transition: transform 200ms ease-in;
}

.form-check input[type=checkbox]:checked:after {
    width: calc(var(--borderWidth) * 5);
    transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1);
    transition: transform 200ms ease-out 200ms;
}

.form-check input[type=checkbox]:focus {
    outline: calc(var(--borderWidth) / 2) dotted rgba(0, 0, 0, 0.25);
}

.bootstrap-tagsinput {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default !important;
}

.bootstrap-tagsinput input {
    cursor: default !important;
}