/** custom css */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {

    --servi-green: #539893;
    --servi-yellow: #fecf03;
    --green-oliva: #47716f;
    --gray: #e5e5e5;
    --black: #04080f;
    --alice-blue: #EBF2FA;
    --gray-light: #f7f7f7;

    --BT-wrapper-background: #fff;
    --BT-footer-background: #fff;

    --BT-product-flag-new: #512da8;
    --BT-product-flag-discount: #00bb2d;
    --BT-product-flag-pack: #f57c00;
}

html, body,
h1, h2, h3, h4, h5, h6,
span, p, strong, small, em, sub, sup, a,
div,
textarea, input, input::placeholder, select, textarea,
li,
table td, th {
    font-family: 'DM Sans', sans-serif !important;
}

/** BUTONS */
.btn-primary {
    background: var(--cosme-orange);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #010101;
    transition: all .45s ease-in-out;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: var(--servi-green);
    color: #fff !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    outline-offset: 0;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: var(--servi-green);
    border-color: transparent;
}

#blockcart-modal .modal-footer.blockcart-buttons .btn.btn-success {
    background: var(--servi-green);
    border: 1px solid var(--servi-green);
}

#wrapper { background: var(--BT-wrapper-background); }

@media screen and (768px <= width <= 1920px) {
    #header .header-nav > .container,
    #header .header-top > .container,
    #wrapper > .container,
    .footer-container > .container {
        width: 1380px;
    }
}

img.afip-qr { width: 82px; }

/** HEADER-NAV */
#header .header-nav {
    max-height: 45px;
    border-bottom: none;
    background: var(--gray-light);
}

.blockshopinfo_nav {
    display: inline-flex;
    margin: 8px 15px 8px 0; }
    .blockshopinfo_nav a { display:none; }
    .blockshopinfo_nav span {
        color: var(--servi-green);
        font-size: .81rem;
        margin: 0 15px;
        font-weight: 600;
    }

ul.nav-menu {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 7px; }
    ul.nav-menu li {
        margin-left: 10px; }
        ul.nav-menu li a {
            font-size: .81rem;
            font-weight: 600;
            color: var(--servi-green)!important;
        }

/** HEADER-TOP */
#header .header-top { padding: .8rem 0; }
.header-top-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#header .logo {
    max-width: 100%;
    height: auto;
    width: 60%;
}

@media screen and (325px <= width <= 767px) {
    #header .header-top { display: none; }
}

/** SEARCH-WIDGET */
@media only screen and (min-width: 992px) {
    #search_widget {
        min-width: 27.5rem;
        position: relative;
        overflow: hidden;
    }
}
#search_widget form {
    position: relative;
    padding: 20px; }
    #search_widget form input {
        width: 100%;
        padding: 12px 42px 12px 22px;
        outline: none;
        background-color: var(--gray-light);
        border: none;
        border-radius: 5px;
        box-shadow: 0 10px 10px -15px #000;
    }
    #search_widget form i {
        position: absolute;
        padding: .5rem;
        top: calc(1px + 20px);
        right: calc(14px + 20px);
        font-weight: 500;
        color:var(--servi-green);
    }
.header-top .search-widgets form input[type=text], .header-top .search-widgets form input[type=text]::placeholder,
.header-top .search-widgets form input[type=text]::-webkit-input-placeholder {
    color: var(--black);
    font-size:.875rem;
    font-weight:600;
}

#header .header-top .position-static {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

/** CUSTOMER SIGIN WIDGET */
.dropdown.dropdown-signup .btn-signup {
    border: none;
    background: transparent; }
    .dropdown.dropdown-signup .btn-signup img {
        width: 27px;
    }
    .dropdown.dropdown-signup .btn-signup i {
        font-size: 1.2rem;
        color: var(--servi-green);
    }
    .dropdown.dropdown-signup span.signup-label,
    .dropdown.dropdown-signup span.customer-name-label {
        font-size: .875rem;
        font-weight: 600;
        margin-left: 6px;
    }
.dropdown.dropdown-signup .signup-options-container,
.dropdown.dropdown-signup .myaccount-container {
    display: flex;
    flex-direction: column;
    min-width: 185px;
    min-height: 80px;
    padding: 15px; }
    .signup-options-container a.signup-link-item {
        font-size: .875rem;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .signup-options-container a.register-link-item {
        font-size: .875rem;
    }

/** SHOPPING-CART */
.blockcart.cart-preview {
    background: var(--servi-green);
    display: inline-block;
    padding: 8px;
    border-radius: 100px;
    margin-left: 10px; }
    .blockcart.cart-preview .header,
    .blockcart.cart-preview .header a {
        display: flex;
        color: #fff;
        padding: 0 7px; }
        .blockcart.cart-preview .header i {
            margin-top: 3px;
            color:#fff;
        }
        .blockcart.cart-preview span.cart-products-count {
            background: var(--gray-light);
            width: 20px;
            height: 20px;
            border-radius: 50%;
            color: var(--black);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .750rem;
            margin-left: 5px;
        }
        .blockcart.cart-preview .cart-details .cart-label {
            font-size: .875rem;
            font-weight: 600;
            margin-left: 10px;
            color:#fff;
        }
        .blockcart.cart-preview { margin-left:0; }

/** MEGAMENU */
.ets_mm_megamenu { margin-top: 0; border-top:1px solid var(--gray); }
.layout_layout1 .ets_mm_megamenu_content { border-bottom: none; border-top: none; }
.layout_layout1 .mm_menus_li:last-child { border-right: none; }
.layout_layout1 .mm_menus_li:nth-child(2) { border-left: none; }
.layout_layout1 .mm_menus_li { border-right: none; }
@media (min-width:768px) {
    .ets_mm_megamenu_content > .container { width:1380px; }
    .layout_layout1 .ets_mm_megamenu_content { background: var(--gray-light)!important; }
    .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a, .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a, .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a, .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover, #header .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a, #header .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a, #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a, .ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover {
        background: transparent!important;
    }
    .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li > a:before, .layout_layout1:not(.ybc_vertical_menu).click_open_submenu .mm_menus_li.open_li > a:before, .layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button:before, .layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar, .ybc-menu-vertical-button.layout_layout1:hover {
        background-color: var(--servi-green)!important;
    }
    .layout_layout1 .mm_menus_li > a:before {
        height: 4px;
        left: 0;
        top: unset;
        bottom: 0;
    }
    .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a, .layout_layout1.click_open_submenu .mm_menus_li.open_li > a, .layout_layout1 .mm_menus_li.active > a, #header .layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a, #header .layout_layout1.click_open_submenu .mm_menus_li.open_li > a, #header .layout_layout1 .mm_menus_li.menu_hover > a, .layout_layout1:hover .ybc-menu-vertical-button, .layout_layout1 .mm_extra_item button[type="submit"]:hover i, #header .layout_layout1 .mm_menus_li.active > a {
        color: var(--servi-green)!important;
    }
    .layout_layout1 li:hover > a, .layout_layout1 li > a:hover, .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title, .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a, .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title, .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a, #header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title, #header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a, #header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title, #header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a, .layout_layout1.ybc_vertical_menu .mm_menus_li > a, #header .layout_layout1 li:hover > a, .layout_layout1.ybc_vertical_menu:not(.click_open_submenu) .mm_menus_li:hover > a, .layout_layout1.ybc_vertical_menu.click_open_submenu .mm_menus_li.open_li > a, #header .layout_layout1.ybc_vertical_menu:not(.click_open_submenu) .mm_menus_li:hover > a, #header .layout_layout1.ybc_vertical_menu.click_open_submenu .mm_menus_li.open_li > a, #header .layout_layout1 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout1 li > a:hover {
        color: var(--servi-green)!important;
    }
    .layout_layout1.ets_mm_megamenu .mm_columns_ul, .layout_layout1.ybc_vertical_menu .mm_menus_ul {
        background-color: #ffffff;
        height: fit-content!important;
    }
}
.mm_menu_content_title {
    padding: 0 20px;
    min-height: 44px;
    font-size: .825rem;
}
.layout_layout1 .ets_mm_block_content ul li a::before {
    content: '\f105';
    display: inline-block;
    font-size: 9px;
    line-height: 0;
    margin-right: 3px;
    vertical-align: 2px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
li.mm_menus_li.mm_menu_more { background:var(--servi-green);}
li.mm_menus_li.mm_menu_more .mm_menu_content_title { color: #fff; }

/** MENU RESPONSIVO */
.rm-header .rm-logo img {
    max-width: 142px;
}
.rm-header .rm-icon-container {
    position: relative;
    text-align: right;
    padding-right: 30px;
}
.rm-header .rm-cart .count, #footer .rm-header .rm-cart .count {
    background: var(--servi-green);
}
.rm-extra-content { display: none;}
.rm-login-bar {
    background: var(--gray-light);
    border-bottom: 2px solid var(--servi-green);
}
.rm-login-bar a { color: var(--black); }
a.rm-login-bar__login { font-weight: 600; }
.rm-product-list { top: 121px; }
.rm-search-more {
    font-size: .975rem;
    color: #fff;
    background: var(--servi-green);
    padding: 10px;
}

/** CARROUSEL */
.carousel .carousel-item .caption { display: none; }

/** CUSTOM-HTML: section-icon-navbar */
section.icon-navbar {
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--gray-light);
    border-bottom:2px solid var(--gray); }
    .icon-navbar-container {
        position: relative;
        display: flex;
        width: 1380px;
        justify-content:space-evenly; }
        .navbar-item { width: 20%; border-right: 1px solid #53989360; }
        .navbar-item:last-child { border-right:none; }
        .navbar-item a {
            display: flex;
            flex-direction: row; }
            .navbar-item a .item-icon { 
                display: flex;
                align-items: center;
                justify-content: center;    
                padding: 10px;
                background: var(--servi-green);
                transition: all .45s ease-in-out;
                border-radius: 4px;
                margin-right: 10px; }
                .navbar-item a:hover .item-icon {
                    background: var(--servi-yellow);
                }
                .navbar-item a .item-icon i {
                    font-size: 2.2rem;
                    color:#fff;
                    transition: all .45s ease-in-out;
                }
                .navbar-item a:hover .item-icon i {
                    color:var(--black);
                    -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	                animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
                }
        .navbar-item .item-body {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .navbar-item .item-body p.item-title {
                margin-bottom: 0;
                color: var(--black);
                font-weight: 600;
            }
            .navbar-item .item-body em.item-subtitle {
                font-size: .875rem;
                color: #666;
            }

@media (425px <= width <= 991px) {
    section.icon-navbar {
        height: fit-content;
    }
    .icon-navbar-container { width: 100%; flex-wrap:wrap; }
    .navbar-item {
        width: 48%;
        border-right: none;
        margin-bottom:10px;
    }
    .navbar-item a .item-icon {
        padding: 8px;
        background: var(--servi-green);
        transition: all .45s ease-in-out;
        border-radius: 4px;
        margin-right: 10px;
        width: 60px;
        height: 60px;
        
    }
}
/** CUSTOM-HTML: Category Bar */

/** CATEGORY-BAR (CUSTOMHTML) -> INI */
.category-bar {
    display: flex;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 0; }
    .category-bar ul.icon-bar-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        column-gap: 1%;
        list-style: none; }
        .category-bar ul.icon-bar-list li {
            width: 18%;
            border: 1px solid var(--gray);
            box-shadow:0 10px 10px -15px #000;
            transition: all .45s ease-in-out;
            border-radius: .5rem;
            margin-bottom:1.5%;
            padding: 20px; }
            .category-bar ul.icon-bar-list li:hover {
                border-color: var(--servi-green);
                box-shadow: 0 10px 10px -10px #000;
            }
            .category-bar ul.icon-bar-list li a {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .category-bar ul.icon-bar-list li span {
                font-weight: 600;
                color: #010101;
                font-size: 16px;
            }
            .category-bar ul.icon-bar-list li img {
                width: 109px;
                transition: all .35s ease-in-out;
                margin-top: 15px;
            }
            .category-bar ul.icon-bar-list li a:hover img { transform: scale(1.1);  }

@media (325px <= width <= 767px) {
    .category-bar ul.icon-bar-list {
        justify-content: space-between;
        width: 100%;
    }
    .category-bar ul.icon-bar-list li {
        margin-bottom: 10px;
        width: 48%;
    }
}

@media (768px <= width <= 991px) {
    .category-bar ul.icon-bar-list li { width: 32%; margin-bottom:3%; }
}

/** BLOCKBANNERS */
.bbg-img-responsive {
    margin: auto;
    width: 100%;
    height: 100%;
    transition: all .45s ease-in-out;
    border-radius: .5rem;
}

/** PRODUCT-SECTION-TITLE */
h2.products-section-title,
#products .products-section-title, 
.featured-products .products-section-title, 
.product-accessories .products-section-title,
#ybc-mnf-block .ybc-mnf-block-title {
    margin: 2.5rem 0 4rem 0;
    position: relative;
    font-weight: 600;
    text-align: center;
    font-size: 1.8rem;
    text-transform: capitalize!important; }
    h2.products-section-title:before,
    #ybc-mnf-block .ybc-mnf-block-title:before {
        content: '';
        width: 10%;
        height: 4px;
        background: var(--gray);
        display: block;
        position: absolute;
        bottom: -15px;
        left: calc(50% - 5%);
    }
#products .all-product-link span.btn.btn-outline-primary, 
.featured-products .all-product-link span.btn.btn-outline-primary, 
.product-accessories .all-product-link span.btn.btn-outline-primary {
    border-color: var(--servi-green);
    color: var(--servi-green);
    font-size: 1rem;
    font-weight: 600;
    padding: 11px 20px; }
    #products .all-product-link span.btn.btn-outline-primary:hover, 
    .featured-products .all-product-link span.btn.btn-outline-primary:hover, 
    .product-accessories .all-product-link span.btn.btn-outline-primary:hover {
        background:var(--servi-green);
        color: #fff;
    }
/** PRODUCT-MINIATURE */
.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
    max-width: 254px;
}
.product-miniature .thumbnail-top {
    position: relative;
    overflow: hidden;
    border: 2px solid var(--gray);
    border-radius: .5rem;
}
.product-miniature .product-title a {
    font-size: .875rem;
    font-weight: 600;
    color: var(--black);
    text-align: center;
    text-decoration: none;
    text-wrap: auto;
}
.product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: #232323;
    text-align: left;
    padding-left: 10px;
    margin-bottom: .820rem;
    position: relative;
    display: flex;
    flex-direction: row; }
    .product-miniature .product-price-and-shipping .price.promo-price, .promo-price {
        color: var(--black);
        font-size: 1.1rem;
    }
    .product-miniature .regular-price {
        display: block;
        font-size: 1rem;
        color: #999;
        text-decoration: line-through;
        font-weight: 500;
        margin-left: 10px;
    }

.product-miniature .quick-view {
    position: relative;
    display: inline-block;
    font-size: .8rem;
    text-transform: uppercase;
    padding: .575rem .75rem;
    margin-left: 10px;
    background: #E5E5E5;
    border: none;
    transition: all .45s ease-in-out;
    color: var(--black); }
    .product-miniature .quick-view:hover {
        background:var(--servi-green);
        color:#fff;
    }
    .product-miniature .quick-view:hover i { 
        -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
        animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    }

/** ETS-MANUFACTURER SLIDER */
#ybc-mnf-block .ybc-mnf-block-a-img {
    width: 100%;
    float: unset;
    text-align: center;
}

/** FOOTER */
.footer-container {
    padding-top: 3.5rem;
    overflow: hidden;
    background: var(--gray-light);
}
footer#footer .footer-main-content {
    margin-bottom: 3rem;
}
.block-contact, .footer-container li a,
.blockshopinfo ul li {
    font-size: .825rem;
    color: #666;
}
.footer-container .h3, .footer-container .h4 {
    margin-bottom: 2rem;
    font-size: 1rem;
}
.links .wrapper p.h3, .blockshopinfo .h3  { transition: all .45s ease-in-out; }
.links .wrapper:hover p.h3, .blockshopinfo:hover .h3 { color: var(--servi-green); }
.links li {
    margin-bottom: 2px; }
    .links li:before {
        content: '\f105';
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        font-size: .7rem;
        left: 0;
        color: #999;
    }
.links li a { transition: all .45s ease-in-out; }
.links li a:hover { color:var(--servi-green); }

/** BLOCKSHOPINFO */
/* @media (768px <= width) {
    .blockshopinfo .blockshopinfo-title { display: none;}
} */
.blockshopinfo li a:hover { color: var(--servi-green); }
.blockshopinfo .bsi_logo-footer img.logo { width: 137px; }
.blockshopinfo p.bsi-leyend {
    font-size: .755rem;
    color: #666;
}
@media screen and (min-width:768px) {
    .blockshopinfo ul.bsi_socialmedia-links li.bsi_socialmedia-links-item a:hover { color:var(--servi-green)!important; }
}

@media (325px <= width <= 767px) {
    .footer-container {padding-top:2.5rem; }
    .blockshopinfo .shopinfo-intro, .blockshopinfo .shopinfo-details {padding:0 30px; }
    .blockshopinfo .shopinfo-details { margin-bottom:1.5rem; }
    .footer-container .blockshopinfo ul>li {
        padding: 4px;   
        border-bottom: none;
        font-weight: 700;
    }
    .blockshopinfo ul.bsi_socialmedia-links {
        justify-content: flex-start;
        padding: 0;
    }
    p.h3.blockshopinfo-title { margin-bottom: 1rem; }
}

/** NEWSLETTER */
#blockEmailSubscription_displayFooterBefore {
    float: unset;
    width: 100%;
    margin: 0;
    position: fixed;
    background: #fff;
    padding: 20px;
    border: 1px solid var(--gray);
    border-radius: .5rem;
    z-index: 999;
    display: none;
    max-width: 520px;
    top: 2rem;
    left: calc(50% - 260px);
    box-shadow: 0px 0px 34px -15px #000; }
    #blockEmailSubscription_displayFooterBefore div.row {
        display: flex;
        flex-direction: column;
    }

/** BAIRES FOOTER */
.bairesfooter {
    background: var(--black);
    padding-top: 4px;
    padding-bottom: 5px; }
    .bairesfooter span.powered-by {
        display: block;
        font-size: .825rem;
        color: #fff;
        line-height: 1;
    }
    .bairesfooter a._blank {
        font-size: .75rem;
        font-weight: 500;
        color: #fff;
    }
    .baires-footer-container > a.hidden-sm-up {
        text-align: center;
        margin-bottom:5px;
    }


/* ----------------------------------------------
 * Generated by Animista on 2024-11-28 0:38:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}

/** BREADCRUMB */
nav.breadcrumb li a span { color: var(--servi-green); }

/** PRODUCT PAGINATION */
.pagination .page-list {
    padding: .375rem;
    margin-bottom: 0;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .pagination .page-list li a {
        margin-left: 5px;
        background: var(--gray-light);
        padding: 5px 8px;
        font-size: .875rem;
        border-radius: .4rem;
        border: 1px solid var(--gray);
    }
    .pagination .page-list li a.disabled { color: #fff; background: var(--servi-green);}
    .pagination .next, .pagination .previous { float: unset; }

/** PAGE: CATEGORY */
.block-category {
    min-height: fit-content;
    margin-bottom: 1.563rem; }
    .block-category h1 {
        margin-bottom: 0;
        font-size: 2rem;
        border-bottom: 3px solid var(--servi-green);
        padding-bottom: 1.2rem;
    }

div#js-product-list-top {
    background: var(--gray-light);
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px; }
    div#js-product-list-top .col-lg-7 { padding-top: .415rem; }
    div#js-product-list-top .total-products p {
        font-weight: 600;
        font-size: .825rem; }
        div#js-product-list-top .total-products span.product_count {
            background: var(--servi-green);
            padding: 2px 6px;
            color: #fff;
            border-radius: 4px;
            margin-right: 5px;
        }
    div#js-product-list-top .sort-by-row .sort-by {
        font-size: .825rem!important;
        font-weight: 600;
    }

nav.pagination {
    margin-left: 20px;
    margin-right: 20px;
    border-top: 2px solid var(--gray);
    padding-top: 15px; }
    nav.pagination > .col-md-4 {
        color: var(--black);
        font-size: .825rem;
        font-weight: 600;
    }

/** FACETED SEARCH */
div#search_filters_wrapper {
    border: 1px solid var(--gray); }
    #search_filters, #search_filters_brands, #search_filters_suppliers {
        padding: 1rem 1rem;
        margin-bottom: 1.563rem;
        background: #fff;
    }
    #search_filters>.h6 {
        font-size: .95rem;
        color: var(--black);
        font-weight: 600;
        background: var(--gray-light);
        padding: 10px;
        border-radius: .5rem;
    }
    #search_filters .facet:not(:last-child), #search_filters_brands .facet:not(:last-child), #search_filters_suppliers .facet:not(:last-child) {
        padding-top: .625rem;
        border-bottom: 1px solid var(--gray);
        margin-bottom: 5px;
        padding: .625rem; }
        #search_filters .facet ul, #search_filters_brands .facet ul, #search_filters_suppliers .facet ul { margin-bottom: 0; }

/** PAGE: PRODUCT */
body#product .product-container { margin-top: 2rem; }
.product-cover {
    position: relative;
    margin-bottom: 1.25rem;
    border-radius: .5rem;
    overflow: hidden;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover { border: var(--servi-green) 2px solid; }
.images-container .product-images>li.thumb-container .thumb { margin-right: .8125rem; border-radius: .5rem; }

body#product .product-container span.category-name {
    display: inline-block;
    padding: 0.125rem 0.625rem 0.125rem 0;
    margin-bottom: 10px;
    font-size: .875rem;
    text-transform: uppercase;
} 
body#product .product-container h1.h1 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
    text-transform: unset!important;
}
body#product .product-container .product-prices {
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
}
.product-prices .product-price .current-price {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.product-prices .product-price span.current-price-value {
    color: #000;
    font-size: 2rem;
    font-weight: 600;
}
.product-prices .product-price .current-price .product-discount {
    margin-bottom: 0;
    margin-left: 10px;
}
.product-prices .product-price .current-price .discount {
    padding: .425rem;
    background: #00bb2d;
    color: #fff;
}
.product-prices .tax-shipping-delivery-label { display: none; }
.btn-add-to-cart {
    font-size: .925rem!important;
    text-transform: uppercase;
    background-color: var(--gray);
    border-color: var(--gray);
    color: var(--block); }
    .btn-add-to-cart:hover {
        background-color: var(--servi-green);
        border-color: var(--servi-green);
        color: #fff;
    }
    .btn-add-to-cart:hover i {
        -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
        animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    }

.tabs {
    padding: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    border-top: 12px solid var(--servi-green); }
    .tabs .nav-tabs .nav-link {
        font-size: .920rem;
        font-weight: 600;
        color: var(--black);
        border: 0 solid transparent; }
        .tabs .nav-tabs .nav-link.active { color: var(--black); }
    .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover { border-bottom: var(--servi-green) 3px solid; }

/** PAGE: CART */
ul.cart-items .cart-item img {
    border-radius: .5rem;
}
.checkout.cart-detailed-actions {
    width: fit-content;
    float: right;
}
.card.cart-container .card-block {
    background: var(--gray-light);
    border-bottom: 1px solid var(--gray); }
    .cart-grid-body .card-block h1 {
        margin-bottom: 0;
        font-size: 1.2rem;
        font-weight: 600;
        color: #999;
    }
.cart-grid-right {
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 10px 6px 10px -13px #000;
}
.cart-summary-line.cart-total span.label { text-transform: uppercase; }
.cart-summary-line.cart-total span.value { font-size: 1.3rem!important; }
.checkout.cart-detailed-actions .btn.btn-outline-success {
    border-color: var(--servi-green);
    color: var(--servi-green); }
    .checkout.cart-detailed-actions .btn.btn-outline-success:hover {
        color: #fff;
        background: var(--servi-green);
    }

/** PAGE: CHECKOUT */
body#checkout .cart-summary-products > p {
    font-weight: 600;
    color: var(--black);
}
body#cart .cart-grid-right .card-block, body#checkout .cart-grid-right .card-block {
    padding: 1.25rem 1rem .5rem 1rem;
}
body#checkout #footer {
    padding: 0;
}
body#checkout .header-nav .btn.btn-secondary {
    border: 1px solid var(--servi-green);
    color: var(--servi-green); }
    body#checkout .header-nav .btn.btn-secondary:hover {
        background: var(--servi-green);
        color: #fff;
    }

body#checkout div#cart-summary-product-list ul.media-list {
    max-height: 320px;
    overflow-y: auto;
    padding-right:6px;
}

body#checkout div#cart-summary-product-list ul.media-list::-webkit-scrollbar {
    width: 5px!important;
    height: 10px!important; }
    body#checkout div#cart.sumary-product-list ul.media-list::-webkit-scrollbar-track {
        border-radius: 5px;
        background-color: #DFE9EB;
    }
    
    body#checkout div#cart.sumary-product-list ul.media-list::-webkit-scrollbar-track:hover, *::-webkit-scrollbar-track:active {
        background-color: #B8C0C2;
    }
        
    *::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--servi-green);
    }
    
    *::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:active {
        background-color: var(--servi-green);
    }
    
/** PAGE: AUTHENTICATION - CREATE ACCOUNT */
body#authentication div#content {
    box-shadow: 0 10px 10px -10px #00000050;
}
form#login-form div.form-group.row {
    display: flex;
    flex-direction: column;
    align-items: center; }
    form#login-form div.form-group.row label { text-align: center; }
    form#login-form button#submit-login {
        background: var(--servi-green);
        color: #fff;
    }
    form#login-form .forgot-password a { color: var(--green-oliva); }
    .page-customer-account #content .no-account a {
        border-color: var(--servi-green);
        color: var(--servi-green); }
        .page-customer-account #content .no-account a:hover { background: var(--servi-green); color: #fff; }
    
section.register-form .form-footer {
    display: flex;
    justify-content: center; }
    section.register-form .form-footer .form-control-submit { background: var(--servi-green); }
    section.register-form a.link-login { color: var(--green-oliva); font-weight:600; }

/** PAGE: PAGE-NOT-FOUND */
body#pagenotfound section#wrapper { background: var(--servi-green); }
body#pagenotfound .page-header h1 {
    text-align: center;
    font-size: 1.8rem;
    color:#fff; }
    body#pagenotfound .page-header h1 span {
        display: block;
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
body#pagenotfound .page-content { background: transparent;}
body#pagenotfound .page-content h4, body#pagenotfound .page-content p {
    text-align: center;
    color: #fff;
}
body#pagenotfound footer#footer { padding-top: 0; }

/** PAGE: CMS */
body#cms div#content-wrapper { padding-top: 2.5rem; }
body#cms .page-header h1 {
    text-align: center;
    font-size: 1.8rem;
}
.page-content.page-cms ul, p {
    font-size: .9375rem;
    font-weight: 400;
    color: var(--black);
}

.row.how-buy-container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    .how-buy-step {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .how-buy-step .step-icon { margin-bottom: 1rem; transition: all .45s ease-in-out; }
        .how-buy-step:hover .step-icon { transform: scale(1.2);  }
        .how-buy-step h2 {
            font-size: 1.1rem;
            color: var(--black);
        }
        .how-buy-step p.step-text { color: #999; }

.row.faq-container {
    padding-top:2.5rem;
    padding-bottom:2.5rem; }
    .row.faq-container h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    div#accordionFaq { margin-top: 2rem; }
    div#accordionFaq .card-header {
        border-radius: .5rem;
        background: var(--gray-light);
        padding: 20px; }
        div#accordionFaq .card-header h3 { margin-bottom: 0; }
        div#accordionFaq .card-header span.accicon {
            position: absolute;
            right: 20px;
            top: 20px;
            color: var(--servi-green);
        }
    div#accordionFaq .body {
        padding: 25px;
        border-bottom: 1px solid var(--gray);
    }