.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}

.btn-primary {
    --bs-btn-color: var(--bb-primary-text);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bb-primary-text);
    --bs-btn-hover-bg: var(--bb-primary-dark);
    --bs-btn-hover-border-color: var(--bb-primary-dark);
    --bs-btn-focus-shadow-rgb: 167, 50, 62;
    --bs-btn-active-color: var(--bb-primary-text);
    --bs-btn-active-bg: var(--bb-primary-dark);
    --bs-btn-active-border-color: var(--bb-primary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bb-primary-text);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-color: var(--bb-secondary-text);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bb-secondary-text);
    --bs-btn-hover-bg: var(--bb-secondary-dark);
    --bs-btn-hover-border-color: var(--bb-secondary-dark);
    --bs-btn-focus-shadow-rgb: 167, 50, 62;
    --bs-btn-active-color: var(--bb-secondary-text);
    --bs-btn-active-bg: var(--bb-secondary-dark);
    --bs-btn-active-border-color: var(--bb-secondary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bb-secondary-text);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bb-primary-text);
    --bs-btn-hover-bg: var(--bb-primary-dark);
    --bs-btn-hover-border-color: var(--bb-primary-dark);
    --bs-btn-active-color: var(--bb-primary-text);
    --bs-btn-active-bg: var(--bb-primary-dark);
    --bs-btn-active-border-color: var(--bb-primary-dark);
    --bs-btn-disabled-color: var(--bb-primary-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bb-primary-dark);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bb-secondary-text);
    --bs-btn-hover-bg: var(--bb-secondary-dark);
    --bs-btn-hover-border-color: var(--bb-secondary-dark);
    --bs-btn-active-color: var(--bb-secondary-text);
    --bs-btn-active-bg: var(--bb-secondary-dark);
    --bs-btn-active-border-color: var(--bb-secondary-dark);
    --bs-btn-disabled-color: var(--bb-secondary-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bb-secondary-dark);
}

h1,
.h1 {
    color: var(--bb-h1-color);
}

h2,
.h2 {
    color: var(--bb-h2-color);
}

h3,
.h3 {
    color: var(--bb-h3-color);
}


/********/
nav.c_middle_header {
    background: url(../../images/bgheader.png) no-repeat top;
    background-size: cover;
}

header nav.c_middle_header .block-customsearchblock  button.form-submit,
header nav.c_middle_header #search-block-form .form-actions button {
    font-size: 0;
    background: none;
    border: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../../images/searc.png) no-repeat center;
    background-size: 95%;
}

.path-search main#content form.views-exposed-form .form-actions button{
        font-size: 0;
    background: none;
    border: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../../images/searc.png) no-repeat center;
    background-size: 95%;
}



.category .view-content .views-field.views-field-fieldset {
    background: none;
    height: 343px;
    text-align: center;
    position: relative;
    transition: .5s;
}

.category .view-content .views-field.views-field-fieldset:hover {
    background: url(../../images/bgicon.png) no-repeat center;
    background-size: 100% 100%;
}

/* .path-user div#main {
    background: url(../../images/logo-profile.svg) no-repeat left bottom;
} */


.path-frontpage main#content {
    /* background: url(../../images/bghoomee.png) no-repeat center bottom; */
    padding-bottom: 0;
}

/*.c-related-product .slick__slide .c-image .block-extra-field-blockcommerce-productdefaultflag-fav a ,
.c-page-products .views-col .c-image .flag.flag-fav a,
.c-image .flag.flag-fav a,
.c-page-favourite  .slick__slide .c-image .block-extra-field-blockcommerce-productdefaultflag-fav a ,
.c-page-offer .slick__slide .c-image .block-extra-field-blockcommerce-productdefaultflag-fav a ,
.sales .slick__slide .c-image .block-extra-field-blockcommerce-productdefaultflag-fav a {
    background: url(../../images/heart.png) no-repeat center;
    background-size: 100%;
}*/
.c-image .flag.flag-fav a,
.c-image .block-extra-field-blockcommerce-productdefaultflag-fav a {
    background: url(../../images/heart.png) no-repeat center;
    background-size: 100%;
}

.c-image .flag.flag-fav.action-unflag a,
.c-image .block-extra-field-blockcommerce-productdefaultflag-fav .action-unflag a {
    background: url(../../images/redheart.png) no-repeat center;
    background-size: 100%;
}


.c-related-product .c-cart .form-actions button,
.c-related-product .block-field-blockcommerce-productdefaultvariations .form-actions button,
.c-page-products .views-col .c-image .c-cart .form-actions button,
.c-page-offer .c-cart .form-actions button,
.c-page-favourite  .c-cart .form-actions button,
.c-page-favourite  .block-field-blockcommerce-productdefaultvariations .form-actions button,
.sales .c-cart .form-actions button,
.c-page-offer .block-field-blockcommerce-productdefaultvariations .form-actions button,
.sales .block-field-blockcommerce-productdefaultvariations .form-actions button{
    /* background: url(../../images/addcart.svg) no-repeat center; */
    background: url(../../images/055.png) no-repeat center;
    background-size: 100% 100%;
}

.c-related-product .c-cart a.add-link,
.c-image .c-cart a.remove-link,
.c-page-products .views-col .c-image .c-cart a.add-link,
.c-page-favourite  .c-cart a.add-link,
.c-page-offer .c-cart a.add-link,
.sales .c-cart a.add-link{
    /* background: url(../../images/comps.svg) no-repeat center; */
    background: url(../../images/044.png) no-repeat center;
    background-size: 100% 100%;
}

.c-page-product-details .c-images-details .flag.flag-fav a{
    background: url(../../images/heart.png) no-repeat center;
    background-size: 100%;
}

.c-page-product-details .c-images-details .flag.flag-fav.action-unflag a{
    background: url(../../images/redheart.png) no-repeat center;
    background-size: 100%;
}


.page-view-user-favourite-products .sidebar h2::after, .page-view-user-orders .sidebar h2::after, .user-logged-in.path-user .sidebar h2::after{
    background: #efefef url(../../images/userimg.svg) no-repeat center;
    background-size: 55px;
}

body.toolbar-horizontal.toolbar-tray-open #navbar-top.fixed-top, body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
    top: 0;
}


.c-page-product-details .c-body-details .add-link{
    background: #00829B url(../../images/01.png) no-repeat right center;
    border: 1px solid #00829B;
    background-position-x: 95%;
    background-size: 20px;
}
.c-page-product-details .c-body-details .add-link:hover{
    background: #fff url(../../images/01.png) no-repeat right center;
    border: 1px solid #00829B;
    color: #00829B;
    background-size: 20px;
}
.c-page-product-details .c-body-details .button--add-to-cart{
    background: #F58C29 url(../../images/03.png) no-repeat right center;
    border: 1px solid #F58C29;
    background-position-x: 95%;
    background-size: 20px;
}

.c-page-product-details .c-body-details .button--add-to-cart:hover{
    background: #fff url(../../images/03.png) no-repeat right center;
    background-size: 20px;
    border: 1px solid #F58C29;
    color: #F58C29;
}

.path-cart form table td.views-field.views-field-remove-button button{
    background: url(../../images/484561.svg) no-repeat center;
}


.c-bottom-contact .c-social li[aria-label="instagram"] a {
    background: url(../../images/002-instagram.svg) no-repeat center;
    background-size: 100% 100%;
}
.c-bottom-contact .c-social li[aria-label="whatsapp"] a {
    background: url(../../images/005-whatsapp.svg) no-repeat center;
    background-size: 100% 100%;
}
.c-bottom-contact .c-social li[aria-label="facebook"] a {
    background: url(../../images/003-facebook.svg) no-repeat center;
    background-size: 100% 100%;
}
.c-bottom-contact .c-social li[aria-label="youtube"] a {
    background: url(../../images/001-youtube.svg) no-repeat center;
    background-size: 100% 100%;
}
.c-bottom-contact .c-social li[aria-label="linkedin"] a {
    background: url(../../images/2626273.svg) no-repeat center;
    background-size: 100% 100%;
}

form#order-contract-form .js-form-item-contract-file a{
    background: url(../../images/Layer11.png) no-repeat center;
}



.c_show_num  a.c-three {
    background: url(../../images/three.svg) no-repeat center;
    background-size: 100%;
}

.c_show_num  a.c-one {
    background: url(../../images/one.svg) no-repeat center;
    background-size: 100%;
}

.c_show_num  a.c-three.c-active {
    background: url(../../images/threeactive.svg) no-repeat center;
    background-size: 100%;
}

.c_show_num  a.c-one.c-active {
    background: url(../../images/oneactive.svg) no-repeat center;
    background-size: 100%;
} 

div#block-bootstrap-barrio-subtheme-menuburger{
    background: url(../../images/menu.png) no-repeat center;
    background-size: 100%;
}

#block-bootstrap-barrio-subtheme-menuburger.active{
    background: url(../../images/close.png) no-repeat center;
    background-size: 100%;
    /* position: fixed; */
}


/* progres bar  */



.block-ordercontainerbatch .container-progress:nth-child(2){
    /* background: url(../../images/20-1.svg) no-repeat right; */
    background: url(../../images/20n1.png) no-repeat right;
    background-size: 15% auto;
}

.block-ordercontainerbatch .container-progress:nth-child(3){
    background: url(../../images/40.png) no-repeat right;
    background-size: 15% auto;
}

.block-ordercontainerbatch .container-progress:nth-child(4){
    background: url(../../images/HQ1.png) no-repeat right;
    background-size: 15% auto;
}

header nav.c_middle_header nav.menu--first-nav-menu li[aria-label="cart"] a{
    background: url(../../images/03.png)no-repeat center;
    background-size: 100% 100%;
}
header nav.c_middle_header nav.menu--first-nav-menu li[aria-label="comparing"] a{
    background: url(../../images/01.png)no-repeat center;
    background-size: 100% 100%;
}
header nav.c_middle_header nav.menu--first-nav-menu li[aria-label="search"] a{
    background: url(../../images/02.png)no-repeat center;
    background-size: 100% 100%;
}