/* @import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); */

/* @keyframes fadeinup {
    0% {
        height: auto;
        opacity: 0;
        display: block;
        margin-top: 10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}
@-moz-keyframes fadeinup {
    0% {
        height: auto;
        opacity: 0;
        display: block;
        margin-top: 10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}
@-webkit-keyframes fadeinup {
    0% {
        height: auto;
        opacity: 0;
        display: block;
        margin-top: 10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}
@-moz-keyframes animatezoom {
    0% {
        transform: scale(0);
        display: block;
    }
    10% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes animatezoom {
    0% {
        transform: scale(0);
        display: block;
    }
    10% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@media (min-width: 768px) {
    .ets_mm_megamenu.mm_menu_center ul.mm_menus_ul {
        display: flex;
        justify-content: center;
    }
    .ets_mm_megamenu.mm_menu_right ul.mm_menus_ul {
        display: flex;
        justify-content: flex-end;
    }
    .transition_scale_down:not(.click_open_submenu) li .mm_columns_ul,
    .transition_scale_down.click_open_submenu li .mm_columns_ul{
        display: block;
        height: 0;
        overflow: hidden;
        top: 80px;
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform: perspective(600px) rotateX(-90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0;
        -webkit-transform-origin: 100% 0 0;
        visibility: hidden;
    }
    .transition_scale_down:not(.click_open_submenu) li:hover .mm_columns_ul,
    .transition_scale_down.click_open_submenu li .mm_columns_ul.open {
        height: auto;
        opacity: 1;
        overflow: visible;
        top: 100%;
        transform: perspective(600px) rotateX(0deg);
        -webkit-transform: perspective(600px) rotateX(0deg);
        -moz-transform: perspective(600px) rotateX(0deg);
        -o-transform: perspective(600px) rotateX(0deg);
        -ms-transform: perspective(600px) rotateX(0deg);
        transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -ms-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        visibility: visible;
    }

    .transition_fadeInUp:not(.click_open_submenu) li:hover .mm_columns_ul,
    .transition_fade:not(.click_open_submenu) .mm_menus_li.mm_has_sub:not(.menu_ver_alway_show_sub):hover .mm_columns_ul,
    .transition_fade.click_open_submenu .mm_menus_li.mm_has_sub:not(.menu_ver_alway_show_sub) .mm_columns_ul.open {
        -webkit-animation-name: fadeinup;
        animation-name: fadeinup;
        -webkit-animation-duration: 0.35s;
        animation-duration: 0.35s;
    }

    .transition_zoom:not(.click_open_submenu) .mm_menus_li:hover .mm_columns_ul,
    .transition_zoom.click_open_submenu .mm_menus_li .mm_columns_ul.open {
        -webkit-animation-name: transition_zoomIn;
        animation-name: transition_zoomIn;
        transform-origin: 50% 0 0;
        -webkit-transform-origin: 50% 0 0;
        -moz-transform-origin: 50% 0 0;
        -ms-transform-origin: 50% 0 0;
        -o-transform-origin: 50% 0 0;
    }
} */


/* zoom in */
/* @-webkit-keyframes transition_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes transition_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
} */

/* .noscroll {
    margin: 0;
    height: 100%;
    overflow: hidden;
} */
@media (min-width: 992px) {
    .ets_mm_megamenu .mm_columns_ul {
        display: none;
    
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .transition_fade .mm_menus_li.mm_has_sub:hover .mm_columns_ul {
        -webkit-animation-name: fadeinup;
        animation-name: fadeinup;
        -webkit-animation-duration: 0.35s;
        animation-duration: 0.35s;
    }
    @keyframes fadeinup {
        0% {
            /* height: auto; */
            opacity: 0;
            display: block;
            margin-top: 10px;
        }
        100% {
            opacity: 1;
            margin-top: 0;
        }
    }
    @-moz-keyframes fadeinup {
        0% {
            /* height: auto; */
            opacity: 0;
            display: block;
            margin-top: 10px;
        }
        100% {
            opacity: 1;
            margin-top: 0;
        }
    }
    @-webkit-keyframes fadeinup {
        0% {
            /* height: auto; */
            opacity: 0;
            display: block;
            margin-top: 10px;
        }
        100% {
            opacity: 1;
            margin-top: 0;
        }
    }
}


/* .menu_block_product .product-name:before,
.menu_block_product a:before {
    display: none !important;
} */

/* .ets_mm_megamenu.bg_submenu[data-bggray="bg_gray"]:before {
    opacity: 1;
    visibility: visible;
}
body .ets_mm_megamenu.bg_submenu:before {
    left: 0;
}

body .container .ets_mm_megamenu.bg_submenu:before {
    left: calc((100vw - 1180px) / -2);
    left: -webkit-calc((100vw - 1180px) / -2);
    left: -moz-calc((100vw - 1180px) / -2);
}

.bg_submenu:before {
    height: 100vw;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100vw;
    opacity: 1;
    top: 100%;
    z-index: 1;
} */

/* .mm_tab_toggle_title img {
    margin-right: 5px;
    width: 16px;
}

li.menu_block_product {
    padding: 0;
}

.menu_block_product .right-block .h5 {
    font-weight: 600;
    margin-top: 0;
}

.menu_block_product a.product_img_link {
    border: 1px solid #eee;
    display: block;
    float: left;
    overflow: hidden;
}

.mm_block_type_product span.product_combination {
    font-size: 13px;
    color: #8f8f8f;
    font-weight: normal;
    margin-top: 6px;
    display: block;
} */

/* .ets_mm_megamenu.scroll_heading .menu_ver_alway_show_sub ul.mm_columns_ul.mm_columns_ul_tab.mm_columns_ul_tab_content {
    display: none;
}

.ets_mm_megamenu.scroll_heading .menu_ver_alway_show_sub ul.mm_columns_ul.mm_columns_ul_tab.mm_columns_ul_tab_content.active {
    display: block;
}

.menu_ver_alway_show_sub .mm_menu_content_title .mm_arrow {
    display: none;
} */
/* @media (min-width: 768px) { */
    /* body .container .ets_mm_megamenu.bg_submenu.scroll_heading::before {
        left: 0;
    } */
    /* .menu_ver_alway_show_sub > .arrow {
        display: inline-block;
        right: 10px;
        margin-top: -50px;
        float: right;
        height: 40px;
        width: 40px;
        z-index: 101;
        text-align: center;
        cursor: pointer;
        position: relative;
    } */

    /* .menu_ver_alway_show_sub > .arrow:after {
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-top: 6px solid #fff;
        content: "";
        display: inline-block;
        font-size: 81%;
        vertical-align: 3px;
        margin-left: 1px;
        margin-top: 18px;
    } */
    /* .mm_menus_li .mm_columns_ul.mm_columns_ul_tab {
        height: 0;
    } */
/* } */
/* .mm_extra_item > div.layer_cart_overlay {
    height: 100%;
    max-height: 100%;
}

.mm_extra_item {
    float: right;
    padding-right: 10px;
    position: relative;
    z-index: 10;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
}

.ets_mm_megamenu .display_tabs_in_full_width .mm_columns_ul {
    right: 0;
}

.mm_extra_item .mm_custom_text {
    margin: 20px 5px 0 0;
    min-width: 0;
    width: auto;
}

.mm_extra_item > div {
    float: left;
    margin-left: 10px;
    padding: 0 !important;
    width: auto;
    white-space: nowrap;
}

.mm_extra_item > div.search-widget {
    min-width: 30px;
    margin-left: 10px;
}

.mm_extra_item .cart-preview.inactive .header {
    padding: 18px 0;
}

.mm_extra_item > div *:not(i) {
    font-size: 14px;
}

.mm_extra_item form {
    float: left;
    height: 100%;
    max-height: 60px;
    position: relative;
    top: 0;
    width: 100%;
}



.mm_extra_item:not(.mm_display_search_default) form button[type="submit"] {
    bottom: 50%;
    line-height: 38px;
    right: 0;
    cursor: pointer;
    outline: medium none !important;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    padding-right: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.mm_extra_item.active:not(.mm_display_search_default) form button[type="submit"] {
    padding-right: 5px;
}

.mm_mnu_display_img a {
    display: block;
    overflow: hidden;
} */

/* .ets_mm_megamenu_content .ets_mm_megamenu_content_content {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    position: relative;
} */

/* .mm_extra_item #search_widget form i {
    position: absolute;
    padding: 0 9px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.mm_extra_item form input[type="text"]:focus {
    outline: medium none;
}

.mm_extra_item.active input[type="text"] {
    opacity: 1;
    visibility: visible;
    width: 200px !important;
}

.mm_extra_item input[type="text"] {
    border: 1px solid #dddddd;
    min-height: 36px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.mm_extra_item .search-widget form button[type="submit"] {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    bottom: auto;
}

.mm_extra_item.mm_display_search_default .search-widget form input[type="text"] {
    padding-right: 40px;
    min-width: 120px;
}
.ybc-menu-vertical-button {
    cursor: pointer;
    font-weight: 600;
    line-height: 24px;
    padding: 13px 15px;
    text-transform: uppercase;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    border-left: 1px solid #e7e7e7;
    position: relative;
    border-right: 1px solid #e7e7e7;
}

.mm_mnu_display_img a::before {
    display: none !important;
}

.ybc-menu-vertical-button .icon-bar {
    background-color: #777;
    clear: left;
    float: left;
    height: 2px;
    margin: 5px 3px 0 0;
    width: 20px;
} */

/* .ybc-menu-button-toggle_icon {
    display: inline-block;
    margin-bottom: -1px;
    margin-right: 7px;
} */

/* .ybc-menu-button-toggle_icon img {
    float: left;
    max-height: 24px;
}

.ybc-menu-button-toggle_icon_default {
    float: left;
}

.ybc-menu-button-toggle_icon.ybc-menu-button_not_text {
    margin-right: 0;
} */

/**/
.mm_menus .mm_tabs_ul > li {
    float: left;
    padding: 64px 10px 3px;
    text-transform: capitalize;
    width: 100%;
}

.mm_tab_li_content {
    background-color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    /* float: left; */
    margin-bottom: -1px;
    margin-left: 0;
    width: 200px;
}

.mm_tabs_li.open.mm_tabs_has_content .mm_tab_li_content {
    z-index: 1;
}

/* .mm_menu_content_title i {
    margin-right: 3px;
} */
.mm_tabs_li .mm_columns_contents_ul {
    background-color: #fff;
    border: 1px solid #ddd;
    left: 199px;
    margin-left: -1px;
    opacity: 0;
    padding: 15px 5px 10px;
    position: absolute;
    top: 0;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background-repeat: no-repeat;
    visibility: hidden;
    width: calc(100% - 197px);
    width: -webkit-calc(100% - 197px);
    min-height: calc(100% + 1px);
    min-height: -webkit-calc(100% + 1px);
}



.mm_tab_toggle_title {
    float: left;
    /* padding: 9px 15px; */
    position: relative;
    width: 100%;
}
.mm_tab_toggle_title a {
    padding: 9px 15px;
}

.mm_tab_name.mm_tab_toggle {
    cursor: pointer;
    display: block;
    /* float: left; */
    padding: 0;
    position: relative;
    width: 100%;
}

.mm_tabs_li.open.mm_tabs_has_content .mm_tab_li_content .mm_tab_name::before,
.mm_menus_li.hover .mm_tabs_li.mm_tabs_has_content:hover .mm_tab_li_content .mm_tab_name::before{
    /* border-right: 2px solid #fff; */
    border-right: 2px solid transparent;
    content: "";
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 3px;
    z-index: 11;
}

/* .mm_menus_li.mm_sub_align_right.mm_has_sub {
    direction: rtl;
}

.mm_menus_li.mm_sub_align_right.mm_has_sub > a {
    direction: ltr;
}

.mm_menus_li.mm_sub_align_right.mm_has_sub .mm_columns_ul {
    direction: ltr;
} */

/* .mm_tab_content_hoz {
    position: unset;
} */

/* .mm_tabs_li {
    float: left;
    clear: both;
} */

/* .mm_menus_li .mm_columns_ul.mm_columns_ul_tab {
    padding: 0 !important;
} */

/* .mm_tabs_li.mm_tab_content_hoz .mm_columns_contents_ul {
    top: auto;
} */


/* 
.ets_item_name {
    clear: both;
    display: block;
    line-height: 22px;
    margin-top: 5px;
    text-align: center;
}

.ets_item_img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
    overflow: hidden;
    perspective: 500px;
    -webkit-perspective: 500px;
}

.row_ets_mm_hook_to .help-block {
    display: none;
}

.row_ets_mm_hook_to .help-block.active {
    display: none;
} */

.ets_mm_megamenu {
    /* background-color: #FFFFFF;
    clear: left;
    display: block; */
    /* margin-top: 10px; */
    /* padding: 0; */
    position: relative;
    /* width: 100%; */
    z-index: 2;
}
.ets_mm_megamenu:hover{
    z-index: 1000;
}
/* .ets_mm_megamenu.hook-default {
    padding: 30px 15px 0;
} */

/* .changestatus .mm_menus_ul, .changestatus .mm_menus_ul * {
    pointer-events: auto !important;
} */

li.has-sub > .ets_mm_categories {
    box-shadow: 0 0 2px 0 #DFDFDF;
    -webkit-box-shadow: 0 0 2px 0 #DFDFDF;
}

.ac_results {
    min-width: 200px;
}

.mm_menus_li:nth-child(2) {
    border-left: medium none;
}
.mm_menu_content_title {
    /* float: left; */
    /* padding: 0 20px; */
    position: relative;
    /* min-height: 60px; */
    display: flex;
    align-items: center;
}

.mm_menus_li > a {
    /* float: left; */
    font-size: 1rem;
    /* font-weight: bold; */
    padding: 0.5rem 1rem;
    position: relative;
    color: #484848;
    width: 100%;
    /* text-transform: uppercase; */
}

/* .mm_bubble_text {
    display: inline-block;
    font-size: 10px;
    right: 10px;
    line-height: 14px;
    margin-left: 0;
    padding: 0 5px;
    position: absolute;
    text-transform: capitalize;
    top: 5px;
    white-space: nowrap;
}

.mm_tab_toggle_title .mm_bubble_text {
    top: 2px;
} */

.ets_mm_block_content .has-sub > a:after {
    border-left: 4px solid rgba(0, 0, 0, 0) !important;
    border-right: 4px solid rgba(0, 0, 0, 0) !important;
    border-top: 4px solid #333333;
    content: "";
    margin-left: 5px;
    position: relative;
    top: 13px;
}

.mm_block_type_product .product-desc {
    margin-bottom: 5px;
}


.mm_menus_li > a > img, .mm_menus_li > a > i.fa {
    float: left;
    line-height: 20px;
    margin-right: 5px;
}

.ets_mm_megamenu .mm_columns_ul.mm_columns_ul_tab {
    border: medium none;
}

.ets_mm_megamenu .mm_columns_ul {
    background-color: #FFFFFF;
    /* border: 1px solid #E7E7E7; */
    border: 1px solid #cecece;
    background-size: auto;
    pointer-events: none;
    position: absolute;
    top: 100%;
    /* visibility: hidden; */
    left: 0;
    width: 100%;
    /* font-size: 14px;
    line-height: 24px; */
    z-index: 100;
    /* margin-top: 10px; */
    padding: 15px 0;
    background-repeat: no-repeat;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.ets_mm_megamenu .mm_no_border .mm_columns_ul {
    z-index: 1;
}

@media (min-width: 992px) {
    .ets_mm_megamenu .mm_columns_ul:before {
        bottom: 100%;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
    }
}

.mm_menus_li.menu_hover .mm_columns_ul,
.click_open_submenu .mm_columns_ul.open,
.ets_mm_megamenu:not(.scroll_heading) .mm_menus_li.menu_ver_alway_show_sub .mm_columns_ul {
    opacity: 1;
    pointer-events: auto;
    /* visibility: visible; */
    margin-top: 0;
    display: block;
}

.column_size_1 {
    width: 8.33333%;
}

.column_size_2 {
    width: 16.6667%;
}

.column_size_3 {
    width: 25%;
}

.column_size_4 {
    width: 33.333%;
}

.column_size_5 {
    width: 41.6667%;
}

.column_size_6 {
    width: 50%;
}

.column_size_7 {
    width: 58.3333%;
}

.column_size_8 {
    width: 66.6667%;
}

.column_size_9 {
    width: 75%;
}

.column_size_10 {
    width: 83.3333%;
}

.column_size_11 {
    width: 91.6667%;
}

.column_size_12 {
    width: 100%;
}

.mm_columns_li {
    float: left;
}

/* .mm_menus_li {
    float: left;
} */

.mm_blocks_li {
    float: left;
    padding: 0 15px;
    margin-bottom: 15px;
    width: 100%;
}

.mm_blocks_ul {
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 100%;
}

.ets_mm_megamenu ul {
    margin: 0;
    padding: 0;
}

/* .sub_type_2 .ets_mm_block > .h4 {
    border-bottom: medium none;
}

.sub_type_2 .mm_blocks_li {
    padding: 0 25px;
} */

.ets_mm_block > .h4 {
    border-bottom: 1px solid #e7e7e7;
    /* color: #444444; */
    /* font-size: 14px; */
    font-weight: bold;
    /* line-height: 110%;
    margin-bottom: 10px;
    margin-top: 0; */
    display: block;
    /* padding-bottom: 9px; */
    /* text-transform: uppercase; */
}
/* .mm_block_type_product .mm-product-description .product-list-reviews .ets-rv-grade-stars {
    height: auto;
}
.mm-product-description {
    width: calc(100% - 110px);
}
.mm_block_type_product .thumbnail-container .wishlist-button-add {
    display: none;
} */
/* .ets_mm_block_content a {
    color: #484848;
    line-height: 30px;
} */

.ets_mm_block_content a {
    color: inherit;
}

/* .ets_mm_block_content img {
    max-width: 100%;
    margin-top: 0;
} */

/* .mm_block_type_product .product_list {
    margin-top: 15px;
} */

/* .item_has_img .ets_item_img {
    border: 1px solid #e7e7e7;
} */

/* .ets_mm_megamenu ul.mm_mnu_display_img {
    margin: 0 -10px;
}

.mm_block_type_product .discount-percentage {
    background-color: #F13340;
    color: #FFFFFF !important;
    padding: 0 2px;
}

.mm_menus_ul ul.product_list .product-name {
    color: #484848;
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.mm_block_type_product .quick-view,
.mm_block_type_product .button-container,
.mm_block_type_product .quick-view-wrapper-mobile {
    display: none !important;
}

.mm_menus_ul ul.product_list li .product-container .h5 {
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0;
    min-height: 0;
    padding: 0;
}

.mm_menus_ul ul.product_list li.hovered .product-container {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mm_menus_ul ul.product_list .new-box,
.mm_menus_ul ul.product_list .sale-box,
.mm_menus_ul ul.product_list .availability {
    display: none;
}

.mm_breaker {
    clear: both;
}

.mm_menus_ul ul.product_list li .product-container .button.ajax_add_to_cart_button span {
    padding: 2px 5px;
    white-space: nowrap;
}

.mm_menus_ul ul.product_list li .product-container .button-container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    -webkit-transform: translate3d(-50%, -50%, 0px);
    -moz-transform: translate3d(-50%, -50%, 0px);
    -ms-transform: translate3d(-50%, -50%, 0px);
    -o-transform: translate3d(-50%, -50%, 0px);
    white-space: nowrap;
    width: auto;
}

.mm_menus_ul ul.product_list li .product-container .button.ajax_add_to_cart_button {
    font-size: 14px;
    padding: 0;
}

.mm_menus_ul ul.product_list li .product-container .product-image-container .content_price {
    padding: 3px 0;
}

.mm_blocks_ul .price.product-price {
    color: #EC4249;
    font-size: 14px;
    padding: 0;
}

.mm_blocks_ul .button.lnk_view {
    display: none;
} */

/* .mm_block_type_product .left-block {
    width: 50%;
}

.mm_block_type_product ul.product_list li .product-container .content_price {
    clear: both;
    display: table !important;
    line-height: 20px;
    padding-bottom: 5px;
    position: relative;
    width: auto;
}

.ets_mm_megamenu .ajax_block_product .content_price > span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.mm_menus_ul .product-flags {
    display: none;
} */

/* span.mm_alert.alert-warning {
    background-color: #fff3d7;
    padding: 8px 15px;
    border-left: 3px solid #fcc94f;
    color: #eaa021;
    clear: both;
    display: block;
}

span.mm_alert.alert-warning:before {
    content: "\f06a";
    font-family: 'Fontawesome', Arial;
    margin-right: 8px;
    margin-left: -4px;
    color: #fcc94f;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
} */

/* .mm_columns_li .right-block .star {
    height: 20px;
    line-height: 20px;
}

.mm_columns_li .nb-comments {
    display: none;
}

.mm_columns_li .hook-reviews {
    margin-bottom: 6px;
}

.ets_mm_megamenu .ajax_block_product .content_price > span.old-price {
    color: #B7B7B7;
}

.mm_block_type_product .product_list .ajax_block_product:not(:last-child) {
    margin-bottom: 10px;
}

.mm_block_type_product .product_list .ajax_block_product {
    border: medium none;
    float: left;
    padding-bottom: 10px;
    text-align: inherit;
}

.ets_mm_megamenu .price-percent-reduction {
    color: #FFFFFF !important;
}

.mm_block_type_product ul.product_list li .product-container .product-image-container {
    margin-bottom: 0;
    border: 1px solid #e7e7e7;
}

.mm_block_type_product ul.product_list li .product-container .product-desc {
    display: none;
    margin-bottom: 5px;
}

.mm_block_type_product .left-block {
    background-color: #FFFFFF;
    display: inline-block;
    max-width: 38%;
    width: 50%;
}

.mm_block_type_product .right-block {
    display: inline-block;
    margin: 0 2%;
    vertical-align: top;
    width: 56%;
} */

/* .ets_mm_block > .h4 a {
    color: #444444;
}

.mm_menus_ul .product_list .product-container {
    background-color: rgba(0, 0, 0, 0) !important;
    float: left;
    width: 100%;
}

.mm_menus_ul ul.product_list li.hovered .product-container .content_price {
    display: block;
} */

/* .ybc-menu-toggle .icon-bar {
    background-color: #333;
    clear: left;
    float: left;
    height: 2px;
    margin: 2px 3px 1px 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 18px;
} */

/* .ybc-menu-toggle {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
    display: none;
    cursor: pointer;
    color: #333;
} */

.arrow {
    display: none;
}

.ets_mm_megamenu a, .ets_mm_megamenu a:focus, .ets_mm_megamenu a:active {
    outline: medium none;
    text-decoration: none;
}

.close_menu {
    position: sticky;
    top: 0;
    z-index: 110;
    /* box-shadow: 0px 0px 3px #000000; */
    display: none !important;
}
.close_menu,
.ybc-menu-toggle {
    min-height: 50px;
    padding: 10px 15px;
}

/* .ets_mm_block_content {
    color: #484848;
} */

.ets_mm_megamenu .mm_sub_align_left > .mm_columns_ul {
    left: auto;
    right: auto;
    margin-left: -1px;
}

.ets_mm_megamenu .mm_sub_align_right > .mm_columns_ul {
    left: auto;
    right: auto;
}

.ets_mm_block_content ul li ul {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    left: 100%;
    margin-left: 20px;
    min-width: 120px;
    opacity: 0;
    padding: 7px 15px;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: nowrap;
    width: auto;
    z-index: 10;
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
}

.ets_mm_block_content ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.ets_mm_block_content ul li:not(.item_has_img) {
    clear: both;
    max-width: 100%;
    position: relative;
    float: left;
}

.mm_blocks_li .item_has_img {
    padding: 0 10px 15px;
}

.mm_blocks_li .item_has_img a::before {
    display: none !important;
}

.ets_mm_block_content ul li ul:before {
    width: 22px;
    content: "";
    right: 100%;
    position: absolute;
    height: 100%;
}

/* .ets_mm_block_content iframe {
    height: auto;
    max-width: 100%;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    perspective: 500px;
    -webkit-perspective: 500px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
} */

.ets_mm_block_content img {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    perspective: 500px;
    -webkit-perspective: 500px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* .mm_block_type_product .thumbnail-container .thumbnail > img{
    position: relative;
} */
.ets_mm_block_content img:hover {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
/* .mm_block_type_product .product_list_shop_by {
    margin-bottom: 7px;
    line-height: 1;
    font-size: 13px;
}
.mm_block_type_product .product_list_shop_by a {
    line-height: 1;
    font-size: 13px;
}
.mm_block_type_product .product-miniature .grade-stars {
    height: auto;
}
.mm_block_type_product .mm-product-description .product-list-reviews {
    position: relative;
    width: auto;
    top: auto;
    text-align: left;
    padding-top: 0;
    justify-content: left;
    -webkit-justify-content: flex-start;
    padding-bottom: 0;
    background: transparent;
    margin: 0;
} */
/* .ets_mm_megamenu:not(.transition_slide) .mm_columns_ul {
    display:none;
}
.transition_slide.ets_mm_megamenu .mm_columns_ul {
    display: none;
    height: auto;
} */

/* .mm_block_type_product .comments_note > span {
    display: none;
}

.mm_block_type_product .comments_note .star {
    line-height: 16px;
    margin-bottom: 5px;
} */

/* .mm_columns_ul.mm_columns_ul_tab {
    background: transparent !important;
}

.mm_tab_toggle_title i {
    margin-right: 4px;
} */

/* .mm_img_content {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
    overflow: hidden;
    perspective: 500px;
    -webkit-perspective: 500px;
    width: 100%;
}

.mm_block_type_product .countdown-time {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

.mm_block_type_product .regular-price {
    color: #bbb;
    font-weight: normal;
}

.mm_block_type_product .discount-percentage {
    font-weight: normal;
}

.mm_block_type_product .countdown-text {
    font-size: 10px;
    line-height: 100%;
    padding-bottom: 6px;
}

.mm_block_type_product .panel-discount-countdown .countdown-item {
    border: 1px solid #999;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 2px;
    min-width: 31px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}

.mm_block_type_product .panel-discount-countdown .countdown-item:first-child {
    margin-left: 0;
}

.mm_block_type_product .panel-discount-countdown {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.mm_extra_item #search_widget {
    min-width: auto;
}
.mm_block_type_product .price {
    font-weight: normal;
} */

/* .ets-dir-ltr .product-price-and-shipping > span {
    margin-right: 4px;
} */

/* .mm_extra_item.active i.search {
    color: #666;
} */
/* ul.mm_columns_ul:not(.mm_columns_ul_tab) { */
    /*overflow-y: auto;
    overflow-x: hidden;*/
/* } */
/* .mm_extra_item.active button[type="submit"]:hover i.search {
    color: #666;
} */
/* .mm_menu_content_title img {
    margin-right: 6px;
}
.mm_menu_content_title span.mm_arrow {
    margin-left: 6px;
} */
/* body.hover_menu .ets_mm_megamenu {
    position: relative;
} */

body .ets_mm_megamenu::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    z-index: 9;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
}

/* body.hover_menu .ets_mm_megamenu::before, body.hover_menu #footer::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
} */
/* @media (min-width: 768px) and (max-width: 991px) {
    .mm_block_type_product .right-block {
        width: 63%;
    }

    .mm_block_type_product .left-block {
        width: 30%;
    }

    .mm_menus_li > a {
        font-size: 14px;
    }

    .ets_mm_megamenu.hook-default .container {
        padding-left: 0;
        padding-right: 0;
    }
} */

@media (min-width: 992px){
    .mm_menus_li.hover:hover .mm_columns_ul.mm_columns_ul_tab{
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        display: block;
    }
    .mm_menus_li.hover:hover .mm_columns_ul:not(.mm_columns_ul_tab){
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        display: flex;
        display: -webkit-flex;
    }
    .mm_columns_ul_tab.mm_tab_no_content {
        width: auto !important;
    }

    .mm_columns_ul_tab.mm_tab_no_content .mm_tabs_li {
        clear: both;
        float: left;
        width: auto;
    }

    .item_inline_5 {
        width: 20%;
        float: left;
    }

    .item_inline_5:nth-child(5n+1) {
        clear: both;
    }

    .item_inline_1 {
        width: 100%;
        float: left;
    }

    .item_inline_1:nth-child(1n+1) {
        clear: both;
    }

    .item_inline_2 {
        width: 50%;
        float: left;
    }

    .item_inline_2:nth-child(2n+1) {
        clear: both;
    }

    .item_inline_3 {
        width: 33.333%;
        float: left;
    }

    .item_inline_3:nth-child(3n+1) {
        clear: both;
    }

    .item_inline_4 {
        width: 25%;
        float: left;
    }

    .item_inline_4:nth-child(4n+1) {
        clear: both;
    }

    .item_inline_6 {
        width: 16.666%;
        float: left;
    }

    .item_inline_6:nth-child(6n+1) {
        clear: both;
    }

    .item_inline_7 {
        width: 14.28%;
        float: left;
    }

    .item_inline_7:nth-child(7n+1) {
        clear: both;
    }

    .item_inline_8 {
        width: 12.5%;
        float: left;
    }

    .item_inline_8:nth-child(8n+1) {
        clear: both;
    }

    .item_inline_9 {
        width: 11.11111%;
        float: left;
    }

    .item_inline_9:nth-child(9n+1) {
        clear: both;
    }

    .item_inline_10 {
        width: 10%;
        float: left;
    }

    .item_inline_10:nth-child(10n+1) {
        clear: both;
    }

    .item_inline_11 {
        width: 9.09%;
        float: left;
    }

    .item_inline_11:nth-child(11n+1) {
        clear: both;
    }

    .item_inline_12 {
        width: 8.33%;
        float: left;
    }

    .item_inline_12:nth-child(12n+1) {
        clear: both;
    }

    .mm_block_type_image .ets_mm_block_content img {
        margin-top: 0;
        perspective: 50em;
        -webkit-perspective: 50em;
        transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
    }

    .mm_block_type_image .ets_mm_block_content > a {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        display: block;
        overflow: hidden;
        perspective: 50em;
        -webkit-perspective: 50em;
        width: 100%;
    }

    .mm_block_type_image .ets_mm_block_content a:hover img {
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
    }

    .ets-dir-ltr .mm_menus_li .mm_columns_contents_ul {
        right: auto !important;
    }

    .ets-dir-ltr .mm_menus_li .mm_tabs_li .mm_columns_contents_ul {
        right: -1px;
    }

    .ets_mm_megamenu.sticky_enabled.scroll_heading {
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }

    /* .hook-default.scroll_heading .mm_menus_ul {
        display: inline-block;
    } */

    /* .sub_type_2 li:not(:last-child) .mm_blocks_ul {
        border-right: 1px solid #E7E7E7;
    }

    .mm_has_sub > a .mm_arrow:after {
        border-left: 4px solid rgba(0, 0, 0, 0);
        border-right: 4px solid rgba(0, 0, 0, 0);
        border-top: 4px solid;
        content: "";
        display: inline-block;
        font-size: 81%;
        vertical-align: 3px;
        margin-left: 1px;
    } */

    .mm_menus_ul {
        width: 100%;
        z-index: 10;
    }

    /* .mm_menus_li.hover .mm_tabs_li:hover .mm_columns_contents_ul, */
    .mm_tabs_li.open .mm_columns_contents_ul{
        opacity: 1;
        visibility: visible;
    }

}

/* @media (max-width: 1199px) and (min-width: 768px) { */
    /* .changestatus .mm_menus_li > a {
        z-index: 0;
    }

    .changestatus .mm_menus_li .mm_columns_ul.mm_columns_ul_tab {
        height: auto;
        transform: none;
        top: auto;
    }

    .changestatus .mm_tabs_li {
        float: left;
        overflow: hidden;
        width: 100%;
    }

    .changestatus .mm_columns_ul {
        background-image: none !important;
    }

    .ets-dir-ltr.changestatus .mm_tabs_li.open.mm_tabs_has_content .mm_tab_li_content {
        border-right: medium none;
    }

    .changestatus .mm_menus_ul .arrow::before {
        border-top: 1px solid #000 !important;
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0px);
        -webkit-transform: translate3d(-50%, -50%, 0px);
        width: 13px;
    }

    .changestatus.ets_mm_megamenu:not(.show_icon_in_mobile) .mm_menus_li_tab .mm_menu_content_title i,
    .changestatus.ets_mm_megamenu:not(.show_icon_in_mobile) .mm_menus_li_tab .mm_menu_content_title img {
        display: none;
    }

    .changestatus .mm_menus_ul .arrow.opened::after {
        display: none;
    }
    .changestatus .mm_menus_ul .arrow::after {
        border-left: 1px solid #000 !important;
        content: "";
        display: block;
        height: 13px;
        left: 50%;
        position: absolute;
        border-top: none;
        border-right: none;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 0;
        top: 50%;
        transform: translate3d(-50%, -50%, 0px);
        -webkit-transform: translate3d(-50%, -50%, 0px);
        width: 1px;
    }
    .changestatus .mm_menus_li > a {
        color: #484848 !important;
        background-color: transparent !important;
    }
    .changestatus .mm_extra_item .mm_custom_text {
        line-height: 44px;
        margin-bottom: 0;
        margin-top: 0;
        min-width: 0;
        width: auto;
    }

    .changestatus .mm_menu_content_title {
        padding: 0;
        min-height: 0;
    }
    .changestatus .mm_tab_li_content.opened .mm_tab_has_child::after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .changestatus .mm_tabs_li .mm_columns_contents_ul {
        clear: both;
        float: left;
        left: auto !important;
        right: auto !important;
        margin-bottom: -1px;
        position: relative;
        top: auto;
        width: 100% !important;
        display: none;
        background-image: none !important;
    }

    .changestatus .mm_tabs_li .mm_columns_contents_ul.active {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .changestatus .mm_tab_li_content {
        border-left: medium none;
        border-right: medium none;
        margin-left: 0;
        margin-right: 0;
    }

    .changestatus .mm_tab_li_content {
        width: 100% !important;
    }

    .changestatus .mm_blocks_li .item_has_img {
        margin-bottom: 5px;
    }

    .changestatus .ets_mm_block_content img {
        width: 100%;
    }

    .changestatus .mm_tabs_li .mm_columns_contents_ul {
        border-bottom: medium none;
        border-left: medium none;
        border-right: medium none;
        margin: 0;
        padding: 15px 5px 5px;
    } */

    /* .changestatus.ets_mm_megamenu .mm_menus_ul .close_menu {
        color: #FFFFFF;
        float: left;
        padding: 10px 15px;
    } */

    /* .changestatus .close_menu .icon-bar {
        background-color: #FFFFFF;
        clear: left;
        display: block;
        height: 2px;
        margin: 3px 0 1px;
        width: 18px;
    } */

    /* .changestatus.ets_mm_megamenu.hook-custom {
        margin-top: 20px;
        position: relative;
    } */

    /* .changestatus .mm_menu_content_title .mm_arrow {
        display: none;
    } */

    /* .changestatus .mm_menus_li:last-child {
        border-bottom: 1px solid #ddd;
    }

    .changestatus .mm_tabs_li.open .mm_columns_contents_ul {
        opacity: 1;
        visibility: visible;
    }

    .changestatus.ets_mm_megamenu .mm_columns_ul {
        border-left: medium none;
        border-right: medium none;
    }

    .changestatus .ets_mm_block > .h4 {
        font-size: 14px;
        margin-bottom: 10px;
    } */

    /* .changestatus .mm_menus_back {
        display: inline-block;
    }

    .changestatus .mm_menus_back_icon {
        border-left: 2px solid;
        border-top: 2px solid;
        display: inline-block;
        height: 11px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        width: 11px;
    } */

    /* .changestatus .mm_columns_li {
        padding: 0;
        width: 100%;
    }

    .changestatus .ets_mm_block > .h4 {
        font-size: 14px;
    }

    .changestatus.ets_mm_megamenu .mm_columns_ul {
        width: 100% !important;
    }

    .changestatus .mm_menus_ul .mm_menus_li:after,
    .changestatus .mm_menus_ul .mm_menus_li:before {
        display: none !important
    } */

    /* .changestatus .mm_bubble_text {
        display: inline-block;
        font-size: 10px;
        line-height: 14px;
        margin-left: 5px;
        margin-top: -10px;
        padding: 0 5px;
        position: relative;
        right: 5px;
        text-transform: capitalize;
        top: 3px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        vertical-align: 5px;
    } */

    /* .changestatus .ybc-menu-toggle {
        display: block;
    } */

    /* .changestatus .arrow {
        display: block;
    }

    .changestatus .mm_menus_ul {
        background-color: #F6F6F6;
        display: block;
        float: left;
        position: relative;
        width: 100%;
    }

    .changestatus .mm_menus_li {
        border-top: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        float: left;
        width: 100% !important;
    }

    .changestatus .mm_columns_ul_tab.mm_tab_no_content .mm_tabs_li {
        width: 100%;
    }

    .changestatus .mm_menus_li > a {
        padding: 10px 15px;
        width: 100%;
    }

    header#header {
        margin-bottom: 0 !important;
    }

    .changestatus.ets_mm_megamenu .mm_columns_ul {
        display: none !important;
        position: relative;
        transform: none;
        -webkit-transform: none;
        top: auto;
        background-color: transparent !important
    }

    .changestatus .mm_columns_ul.active {
        clear: both;
        display: block !important;
        float: left;
        visibility: visible;
        width: 100%;
        border-bottom: none;
    }
    .changestatus .arrow {
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        margin-top: 0;
        position: absolute;
        right: 0;
        text-align: center;
        width: 40px;
        z-index: 100;
        background: transparent !important;
    }
    .changestatus .mm_menus_li > a {
        font-size: 13px;
        background: transparent !important;
    }
    .changestatus.ets_mm_megamenu:not(.transition_slide) .mm_columns_ul {
        opacity: 1;
        height: auto;
    }
    .changestatus.transition_default .mm_menus_ul.active {
        display: block;
        height: auto;
        opacity: 1;
        position: absolute;
        top: 100%;
        visibility: visible;
        z-index: 100;
        left: 0;
    }
    .changestatus.transition_default .mm_menus_ul {
        height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        margin: 0;
    }
    .changestatus .mm_extra_item form {
        height: 50px;
    }
    .changestatus ul.ets_mm_categories li.has-sub {
        width: 100%;
    }

    .changestatus ul.ets_mm_categories li.has-sub .arrow {
        top: 0;
        line-height: 30px;
        height: 30px;
    }

    .changestatus .clicktext_show_submenu .mm_tab_toggle_title a {
        min-width: calc(100% + 30px);
        min-width: -webkit-calc(100% + 30px);
    }

    .changestatus .clicktext_show_submenu .mm_tab_has_child::after {
        pointer-events: none;
    }

    .changestatus .clicktext_show_submenu .mm_tab_toggle_title, .clicktext_show_submenu .mm_tab_toggle_title a {
        width: 100%;
        display: block;
    }

    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub > a::after {
        display: none;
    }

    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub ul {
        position: relative;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: inline-block;
        width: 100%;
        margin: 0;
        border: 0;
        box-shadow: none;
        float: left;
        height: 0;
        overflow: hidden;
        padding: 0 15px;
    }
    .changestatus .ets_mm_block_content ul.ets_mm_categories li.has-sub ul.active {
        height: auto;
    } */
/* } */


@media (max-width: 991px) {
    .ets_mm_megamenu .container {
        background-color: #F6F6F6;
        padding: 0;
    }

    .mm_menus_li > a {
        z-index: 0;

    }
    .mm_menus_ul>li {
        overflow: hidden;
    }
    .ets_mm_megamenu.sticky_enabled.scroll_heading:not(.disable_sticky_mobile) {
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        /* z-index: 100; */
        z-index: 104;
    }

    .hook-default.scroll_heading:not(.disable_sticky_mobile) .mm_menus_ul {
        display: flex;
        display: -o-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        justify-content: left;
        -webkit-justify-content: flex-start;
        display: inline-block;
    }
    .mm_tabs_li {
        /* float: left; */
        /* overflow: hidden; */
        width: 100%;
    }

    .mm_columns_ul {
        background-image: none !important;
    }

    /* .mm_menus_ul .arrow::before {
        border-top: 1px solid #000 !important;
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0px);
        -webkit-transform: translate3d(-50%, -50%, 0px);
        width: 13px;
    } */

    .ets_mm_megamenu:not(.show_icon_in_mobile) .mm_menus_li_tab .mm_menu_content_title i,
    .ets_mm_megamenu:not(.show_icon_in_mobile) .mm_menus_li_tab .mm_menu_content_title img {
        display: none;
    }

    /* .mm_menus_ul .arrow.opened::after {
        display: none;
    }

    .mm_menus_ul .arrow::after {
        border-left: 1px solid #000 !important;
        content: "";
        display: block;
        height: 13px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0px);
        -webkit-transform: translate3d(-50%, -50%, 0px);
        width: 1px;
    } */

    /* .mm_menus_li > a {
        color: #484848 !important;
        background-color: transparent !important;
    } */

    /* .mm_extra_item .mm_custom_text {
        line-height: 44px;
        margin-bottom: 0;
        margin-top: 0;
        min-width: 0;
        width: auto;
    } */

    .mm_menu_content_title {
        padding: 0;
        min-height: 0;
    }

    /* .mm_tab_has_child::after {
        border-right: 1px solid #999;
        border-top: 1px solid #999;
        content: "";
        height: 6px;
        margin-top: -3px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        width: 6px;
    }

    .mm_tab_li_content.opened .mm_tab_has_child::after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    .mm_tab_li_content.pe-none .mm_tab_has_child::after, */
    .mm_tab_li_content.pe-none .mm_tab_toggle_title .svg-icon-container,
    .mm_tabs_li:not(.mm_tabs_has_content) .mm_tab_toggle_title .svg-icon-container {
        display: none !important;
    }

    .mm_tabs_li .mm_columns_contents_ul {
        clear: both;
        float: left;
        left: auto !important;
        right: auto !important;
        margin-bottom: -1px;
        position: relative;
        top: auto;
        width: 100% !important;
        display: none;
        border-left: none;
        border-right: none;
    }

    .mm_tabs_li .mm_columns_contents_ul.active {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .mm_tab_li_content {
        border-left: medium none;
        border-right: medium none;
        margin-left: 0;
        margin-right: 0;
    }

    .mm_tab_li_content {
        width: 100% !important;
    }

    .mm_blocks_li .item_has_img {
        margin-bottom: 5px;
    }

    .ets_mm_block_content img {
        width: 100%;
    }

    /* .mm_tabs_li .mm_columns_contents_ul {
        padding: 5px;
    } */

    /* .ets_mm_megamenu .mm_menus_ul .close_menu {
        color: #FFFFFF;
        float: left;
        padding: 10px 15px;
    } */

    /* .close_menu .icon-bar {
        background-color: #FFFFFF;
        clear: left;
        display: block;
        height: 2px;
        margin: 3px 0 1px;
        width: 18px;
    } */

    /* .ets_mm_megamenu.hook-custom {
        margin-top: 20px;
        background: transparent;
    } */

    .ets_mm_megamenu .mm_columns_ul {
        border-left: medium none;
        border-right: medium none;
    }

    .ets_mm_block > .h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* .mm_menus_back {
        display: inline-block;
    }

    .mm_menus_back_icon {
        border-left: 2px solid;
        border-top: 2px solid;
        display: inline-block;
        height: 11px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        width: 11px;
    } */

    .mm_columns_li {
        padding: 0;
    }

    .ets_mm_block > .h4 {
        font-size: 14px;
    }

    .ets_mm_megamenu .mm_columns_ul {
        width: 100% !important;
    }

    .mm_menus_ul .mm_menus_li:after,
    .mm_menus_ul .mm_menus_li:before {
        display: none !important
    }

    /* .mm_bubble_text {
        display: inline-block;
        font-size: 10px;
        line-height: 14px;
        margin-left: 5px;
        margin-top: -10px;
        padding: 0 5px;
        position: relative;
        right: 5px;
        text-transform: capitalize;
        top: 3px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        vertical-align: 5px;
    } */

    /* .ybc-menu-toggle {
        display: block;
    } */

    .arrow {
        display: flex;
    }

    .mm_menus_ul {
        /* background-color: #F6F6F6; */
        display: block;
        /* float: left; */
        position: relative;
        width: 100%;
    }

    .mm_menus_li {
        border-top: 1px solid #DDDDDD;
        float: left;
        width: 100% !important;
    }

    .mm_menus_li > a {
        padding: 10px 15px;
        width: 100%;
        z-index: 90;
    }

    header#header {
        margin-bottom: 0 !important;
        position: sticky;
    }

    .mm_columns_li {
        float: left;
        width: 100%;
    }

    .ets_mm_megamenu:not(.transition_slide) .mm_columns_ul {
        opacity: 1;
    }

    .ets_mm_megamenu .mm_columns_ul {
        display: none;
        position: relative;
    }

    .mm_columns_ul.active {
        clear: both;
        display: block !important;
        float: left;
        /* visibility: visible; */
        width: 100%;
        border-bottom: none;
    }
    /* .arrow {
        height: 40px;
        line-height: 40px;
        margin-top: 0;
        position: absolute;
        right: 0;
        text-align: center;
        width: 40px;
        z-index: 100;
        cursor: pointer;
    } */
    
    .transition_default .mm_menus_ul.active {
        display: block;
        height: auto;
        opacity: 1;
        position: absolute;
        top: 100%;
        visibility: visible;
        z-index: 100;
        left: 0;
    }
    .transition_default .mm_menus_ul {
        height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        margin: 0;
    }
    .mm_extra_item form {
        height: 50px;
    }
    ul.ets_mm_categories li.has-sub {
        width: 100%;
    }

    ul.ets_mm_categories li.has-sub .arrow {
        top: 0;
        line-height: 30px;
        height: 30px;
        display: none;
    }

    .ets_mm_block_content ul.ets_mm_categories li.has-sub > a::after {
        display: none;
    }

    .ets_mm_block_content ul.ets_mm_categories li.has-sub ul {
        position: relative;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: inline-block;
        width: 100%;
        margin: 0;
        border: 0;
        box-shadow: none;
        float: left;
        /* height: 0; */
        overflow: hidden;
        padding: 0 15px;
    }

    .ets_mm_block_content ul.ets_mm_categories li.has-sub ul.active {
        height: auto;
    }

    /* .mm_tab_toggle_title a {
        margin: -9px -15px;
        padding: 9px 15px;
    } */

    /* .clicktext_show_submenu .mm_tab_toggle_title a {
        min-width: calc(100% + 30px);
        min-width: -webkit-calc(100% + 30px);
    }

    .clicktext_show_submenu .mm_tab_toggle_title, .clicktext_show_submenu .mm_tab_toggle_title a {
        width: 100%;
        display: block;
    }

    .clicktext_show_submenu .mm_tab_has_child::after {
        pointer-events: none;
    } */
    /* .ets_mm_megamenu .mm_columns_ul::before {
        display: none;
    } */
}

/* @media (max-width: 479px) {
    .mm_extra_item {
        height: 100%;
        max-width: calc(100% - 125px);
        max-width: -webkit-calc(100% - 125px);
        position: static;
        min-height: 50px;
    }

    .mm_extra_item.active > div.search-widget {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .mm_extra_item.mm_display_search_default .search-widget form input[type="text"] {
        max-width: 100%;
    }

    .mm_extra_item .search-widget form button[type="submit"] {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
} */

/* ************************************* */
/* ************************************* */
/* ******* custom modifications ******** */
/* ************************************* */
/* ************************************* */

/* ******************* */
/* begin: dynamic css */
/* ***************** */
/* @media (min-width: 992px) { */
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li > a {
        color: var(--l5_color2);
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:hover > a {
        color: var(--l5_color3);
    }
    .ets_mm_megamenu .mm_menus_ul .ets_mm_block-title,
    .ets_mm_megamenu .mm_menus_ul .ets_mm_block-title a {
        color: var(--l5_color8);
    }
    .ets_mm_megamenu .mm_menus_ul .ets_mm_block-title:hover,
    .ets_mm_megamenu .mm_menus_ul .ets_mm_block-title a:hover,
    .ets_mm_megamenu .mm_menus_ul .ets_mm_block_content a:hover,
    .ets_mm_megamenu .mm_columns_ul:not(.mm_columns_ul_tab) a:hover {
        color: var(--l5_color7);
    }
/* } */
.ets_mm_megamenu .mm_menus_ul .close_menu,
.ets_mm_megamenu .ybc-menu-toggle {
    background-color: var(--m_bar_bg, #000);
    color: var(--m_bar_color, #fff);
}
@media (max-width: 991px) {
    .ets_mm_megamenu * {
        --l5_color2: var(--main-text-color, #000);
        --l5_color3: var(--main-text-color, #000);
    }
}
/* ***************** */
/* end: dynamic css */
/* *************** */


@keyframes bgcolorchange {
    0% {
        background-color: red;
    }
    100% {
        background-color: black;
    }
}


/* .container .ets_mm_megamenu .container {
    padding: 0;
} */
@media (min-width: 992px) {
    #header:not(:has(#search_widget .search-widgets__dropdown.d-none)) .ets_mm_megamenu:hover {
        z-index: 100;
    }
}

.header-bottom-additional__container,
.ets_mm_megamenu {
    background: inherit;
}
.ets_mm_megamenu.scroll_heading {
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, .15);
}
.mm_columns_ul > .mm_columns_li:not(:only-child) {
    margin: 10px 0;
}
.mm_columns_ul > .mm_columns_li:not(:first-child) {
    margin-top: 0;
}
.mm_columns_ul > .mm_columns_li:not(:last-child) {
    margin-bottom: 0;
}
.mm_menus_li {
    min-height: 50px;
    padding: 0.5rem 0;
}
.mm_menus_li.mm_menus_li_tab {
    row-gap: 0 !important;
    background: var(--green-6);
    background: linear-gradient(to bottom, var(--green-6) 1%, var(--green-16) 100%);
}
.mm_menus_li.mm_menus_li_tab > a {
    color: var(--main-text-color) !important;
}
.mm_menus_li .mm_arrow .svg_icon {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.mm_menus_li > a {
    --bs-border-color: transparent;
}

@media (min-width: 992px) {
    .mm_menus_li.highlighted > a:hover {
        --bs-border-color: var(--green-15);
    }
    .mm_menus_li > a:hover,
    .mm_menus_li.bordered > a {
        --bs-border-color: white;
    }
    .mm_menus_li:last-child {
        flex-grow: 1;
        justify-content: right;
    }
}
.mm_menus_li:last-child > a {
    width: auto;
}
.mm_tabs_li:not(.disabled) .mm_tab_li_content:hover,
.mm_menus_li_tab .mm_tabs_li:not(.disabled).open .mm_tab_li_content,
.mm_menus_li_tab .mm_tabs_li:not(.disabled) .mm_tab_li_content.opened {
    background-color: var(--green-5) !important;
    border-color: var(--green-5) !important;
}
.mm_menus_li:not(.mm_has_sub),
.mm_menus_li_tab .mm_tabs_li .mm_tab_li_content,
.mm_menus_li:not(.mm_menus_li_tab).mm_has_sub {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
    -moz-transition: background-color 0.3s ease, border-color 0.3s ease;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.mm_menus_li_tab .mm_tabs_li .mm_tab_li_content a {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.mm_tab_li_content:hover :is(a, .fa__angle-right_icon),
.mm_menus_li_tab .mm_tabs_li.open .mm_tab_li_content :is(a, .fa__angle-right_icon),
.mm_menus_li_tab .mm_tabs_li .mm_tab_li_content.opened :is(a, .fa__angle-right_icon) {
    color: white !important;
}
.mm_tab_li_content a {
    font-size: 0.875rem;
    transition: none;
}
.mm_menus_li_tab .mm_tabs_li:hover .mm_tab_has_child::after,
.mm_menus_li_tab .mm_tab_li_content.opened .mm_tab_has_child::after {
    border-color: white;
}
.mm_tabs_li.produse-b2b .mm_tab_li_content {
    background-color: #f2ffe9;
}
.mm_tabs_li.produse-b2b.disabled .mm_tab_li_content {
    background-color: #eee;
}
.mm_tabs_li.produse-b2b.disabled .mm_tab_li_content :is(a, .svg_icon) {
    color: var(--header-color) !important;
}
.mm_tabs_li.produse-b2b.disabled .mm_tab_name:before {
    display: none;
}
.mm_tabs_li.produse-b2b .badge-b2b {
    font-size: 11px;
    --bs-primary: #CA5058;
    background-color: #CA5058;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.mm_tabs_li.produse-b2b .badge-b2b:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 15%;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--bs-primary);
}

.mm_columns_contents_ul a:hover {
    text-decoration: underline;
}
.mm_blocks_ul .mm_blocks_li {
    margin-bottom: 2rem;
}

.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li {
    margin-bottom: 0;
}
.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li a:not(:last-child),
.mm_blocks_ul .mm_blocks_li:has(.mm_block_type_category .ets_mm_block_content:only-child ul > li:only-child):not(:last-child) {
    margin-bottom: 1rem;
}
.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li a:last-child,
.mm_blocks_ul .mm_blocks_li:last-child {
    margin-bottom: 0.5rem;
}
.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li a,
.ets_mm_block.mm_block_type_category .ets_mm_block_content:only-child ul > li:only-child a {
    padding: 0 0 10px 0;
    color: green !important;
}
.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li a {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
}
.mm_tabs_li.produse-b2b .mm_blocks_ul .mm_blocks_li a:before,
.ets_mm_block.mm_block_type_category .ets_mm_block_content:only-child ul > li:only-child a:before {
    display: none;
}
.ets_mm_block.mm_block_type_category .ets_mm_block_content:only-child ul > li:only-child a,
.ets_mm_block > .h4 {
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: bold;
}
.ets_mm_categories a {
    display: inline-block;
    position: relative;
    padding-left: 0.875rem;
    /* line-height: normal; */
    line-height: 1.563rem;
    font-size: 0.875rem;
}
.ets_mm_categories a:before {
    content: "›";
    position: absolute;
    line-height: 1;
    top: 0;
    left: 0;
    font-size: 19px;
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    -moz-transition: left 0.3s ease, right 0.3s ease;
    -o-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
}
.ets_mm_categories a:hover:before {
    left: 3px;
}

/* @media (min-width: 768px) { */
    .ets_mm_block > .h4 {
        border-bottom: medium none;
        line-height: 100%;
        margin: 0;
        padding-bottom: 10px;
    }
/* } */

@media (min-width: 992px) {
    .mm_menus_li.mm_menus_li_tab {
        position: relative;
    }
    .ets_mm_megamenu .mm_menus_li.mm_menus_li_tab > ul {
        height: auto;
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li,
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_tab_li_content,
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_tab_li_content > .mm_tab_name {
        float: none;
    }
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_columns_contents_ul {
        transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out;
    }
    .mm_tab_toggle_title .svg-icon-container,
    .ets_mm_block-title .svg-icon-container {
        display: none !important;
    }

    .ets_mm_megamenu.has-backdrop:has(.mm_menus_ul > li.mm_has_sub.hover:hover)::before {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.35s ease 0s;
        -moz-transition: all 0.35s ease 0s;
        -o-transition: all 0.35s ease 0s;
        transition: all 0.35s ease 0s;
    }
}
@media (min-width: 992px) and (max-width: 1199.9999px) {
    .mm_menus_li > a {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_columns_contents_ul {
        width: calc(95vw - calc(var(--menu-tab-item-width) + calc(calc(var(--bs-gutter-x)* .5)* 2) + 1px)) !important;
        min-height: calc(100% + 1px) !important;
    }
}
@media (min-width: 1200px) and (max-width: 1919.9999px) {
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_columns_contents_ul {
        width: calc(90vw - calc(var(--menu-tab-item-width) + calc(calc(var(--bs-gutter-x)* .5)* 2) + 1px)) !important;
        min-height: calc(100% + 1px) !important;
    }
}
@media (min-width: 1920px) {
    .mm_menus_li.mm_menus_li_tab > ul > .mm_tabs_li > .mm_columns_contents_ul {
        width: calc(min(1920px, 90vw) - calc(var(--menu-tab-item-width) + calc(calc(var(--bs-gutter-x)* .5)* 2) + 1px)) !important;
        min-height: calc(100% + 1px) !important;
    }
}


.ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tabs_li .mm_tab_li_content a {
    width: 100%;
}


/* ******* mobile menu ******** */
@media (max-width: 991px) {
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li {
        padding: 0;
        min-height: unset;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li > a {
        padding: 13px 15px;
        width: auto;
        display: flex;
        align-items: center;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab > a,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tabs_li .mm_tab_li_content a {
        max-width: calc(100% - 45px);
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tabs_li:not(.mm_tabs_has_content) .mm_tab_toggle_title a {
        max-width: 100%;
        width: 100%;
    }
    /* Tabs that do carry a chevron leave free space between label and chevron under
       justify-content: space-between. The link takes it, so the only part of an open
       row that is not the category link is the chevron itself. */
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tabs_has_content .mm_tab_toggle_title a {
        flex-grow: 1;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:not(.mm_has_sub) > a,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab > .arrow,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tab_toggle_title,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li.mm_has_sub > .arrow {
        min-height: 60px;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:not(.mm_has_sub) > a {
        width: 100%;
    } 
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li_tab .mm_tabs_li .mm_tab_li_content a {
        width: auto;
        display: inline-flex !important;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li {
        position: relative;
    }
}


.ets_mm_megamenu {
    --responsie-breakpoint: 992; /* this value is used by the javascript, use this value - 1 for the mobile media rule: @media (max-width: 991px) {...} */
}


@media (max-width: 991px) {
    .ets_mm_megamenu:before {
        display: none;
    }
    .ets_mm_megamenu:has(.ybc-menu-toggle.opened) {
        z-index: 104;
    }

    .ets_mm_megamenu.sticky_enabled:not(.scroll_heading) .ybc-menu-toggle:not(.opened) {
        display: none;
    }
    /*#header .position-sticky*/ .ets_mm_megamenu .ybc-menu-toggle,
    .ets_mm_megamenu.sticky_enabled:not(.scroll_heading) .ybc-menu-toggle.opened {
        padding: 0;
        height: 0;
        min-height: unset;
    }
    .ets_mm_megamenu .ybc-menu-toggle {
        display: flex;
        background: #077518;
        color: white;
        /* display: none; */
    }

    .ets_mm_megamenu .mm_menus_ul, 
    .ets_mm_megamenu .mm_menus_ul *:not(.pe-none, .pe-none *) {
        pointer-events: auto !important;
    }

    .mm_menus_li.mm_menus_li_tab {
        border-top: none;
    }
    /* A tap leaves :hover stuck on touch, so the submenu hover underline reads as a
       permanent one. Same specificity as the global rule, later in the file. */
    .mm_columns_contents_ul a:hover {
        text-decoration: none;
    }
    /* Contact is the last child and stays unseparated; close_menu sits first, so
       :last-child lines up with the last entry the shopper actually sees. */
    .ets_mm_megamenu .mm_menus_ul > .mm_menus_li:not(:last-child) {
        border-bottom: 1px solid #d2d8e1;
    }
    .mm_menus_li:not(.mm_has_sub):hover,
    .mm_menus_li:not(.mm_menus_li_tab).mm_has_sub:hover,
    .mm_menus_li:not(.mm_menus_li_tab).mm_has_sub:has(> .arrow.opened) {
        background-color: var(--green-5) !important;
        border-color: var(--green-5) !important;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:not(.mm_has_sub):hover > a,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:not(.mm_menus_li_tab).mm_has_sub:hover > :is(a, .arrow),
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li:not(.mm_menus_li_tab).mm_has_sub:has(> .arrow.opened) > :is(a, .arrow) {
        color: white;
    }

    .mm_menus_li.promotii {
        -webkit-animation: bgcolorchange 3s infinite;
        animation: 3s infinite bgcolorchange;
    }
    .mm_menus_li.promotii > a {
        color: white !important;
    }

    /* hide li_tab title by default and show the mm_columns_ul_tab */
    .mm_menus_li_tab > :is(a, .arrow) {
        display: none !important;
    }
    .mm_columns_ul_tab {
        display: block !important;
    }
    /* *********************************************************** */

    /* make menu show only one opened item at once on mobile */
    .mm_menus_li_tab > .mm_columns_ul:has(.mm_tab_li_content.opened) > li:not(:has(.mm_tab_li_content.opened)),
    .mm_menus_ul:has(.mm_tab_li_content.opened) > li:not(:has(.mm_tab_li_content.opened), .close_menu),
    .mm_menus_ul:has(.arrow.opened) > li:not(:has(.arrow.opened), .close_menu) {
        display: none !important;
    }
    /* *********************************************************** */

    .mm_columns_ul_container {
        width: 100%;
    }
    .mm_menus_ul {
        background-color: #fff;
    }
    .mm_menus_li {
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 0.5rem;
    }
    .mm_menus_li .mm_arrow {
        display: none;
    }

    .mm_menus_li > a {
        font-size: 0.875rem;
        font-weight: 700;
    }
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li > a:hover {
        color: green;
    }

    .mm_tab_toggle_title .svg-icon-container,
    .arrow .svg-icon-container {
        transition: transform 0.35s;
        -webkit-transition: -webkit-transform 0.35s;
    }
    .mm_tab_li_content.opened .mm_tab_toggle_title .svg-icon-container,
    .arrow.opened .svg-icon-container {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    /* 3rd level: a block's links stay collapsed behind its green block title.
       Blocks rendered without a title are a single green link with no children,
       so the adjacent-sibling selector deliberately leaves them expanded. */
    /* block.tpl is shared, so keep the toggle out of menus that have no 3rd level */
    .ets_mm_block-title .svg-icon-container {
        display: none !important;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        width: 100%;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title .svg-icon-container {
        display: flex !important;
        transition: transform 0.35s;
        -webkit-transition: -webkit-transform 0.35s;
    }
    .mm_menus_li_tab .mm_blocks_li:not(:has(.ets_mm_block_content ul li)) .ets_mm_block-title .svg-icon-container {
        display: none !important;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title.opened .svg-icon-container {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content {
        display: none;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title.opened + .ets_mm_block_content {
        display: block;
    }

    /* show only one opened block at once, mirroring the tab-level rule above */
    .mm_menus_li_tab .mm_columns_contents_ul:has(.ets_mm_block-title.opened) > .mm_columns_li:not(:has(.ets_mm_block-title.opened)),
    .mm_menus_li_tab .mm_blocks_ul:has(.ets_mm_block-title.opened) > .mm_blocks_li:not(:has(.ets_mm_block-title.opened)) {
        display: none !important;
    }
    /* an opened block takes over as the header, so the tab's own row steps aside */
    .mm_menus_li_tab .mm_tabs_li:has(.ets_mm_block-title.opened) > .mm_tab_li_content {
        display: none !important;
    }
    /* overrides the shared .mm_tabs_li .mm_columns_contents_ul padding, which desktop still needs.
       Its -1px margin overlaps the tab column border on desktop; here the side borders are gone,
       so it would just leave the panel 1px short of the right edge. */
    .mm_menus_li_tab .mm_tabs_li .mm_columns_contents_ul {
        padding: 0;
        margin-left: 0;
        /* the tab hover handler writes an inline min-height so the desktop dropdown reaches
           the hovered tab; it still fires on touch, where the tabs are stacked. !important
           because an author rule only outranks an inline style that way. */
        min-height: 0 !important;
    }
    /* with the tab row gone the opened block sits flush at the top, so the panel's
       grey top border would cut a line across the green bar */
    .mm_menus_li_tab .mm_tabs_li:has(.ets_mm_block-title.opened) .mm_columns_contents_ul {
        padding: 0 0 15px;
        border-top-color: var(--green-5);
    }

    /* Even rhythm for the collapsed block list: the desktop layout spaces blocks
       apart (2rem, 0.5rem on the last of each column), which reads as random gaps
       once only the titles are left. Row height comes from the chevron's own padding. */
    .mm_menus_li_tab .mm_blocks_ul .mm_blocks_li {
        /* !important: the desktop spacing set includes a :has(...):not(:last-child) rule
           whose specificity (:has takes its argument's) can't be matched sanely here. */
        margin-bottom: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title {
        padding-bottom: 0;
    }
    /* an opened block is the level header now, so it gets the active-tab highlight */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title.opened {
        background-color: var(--green-5);
        min-height: 60px;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title.opened :is(a, .fa__angle-right_icon) {
        color: white !important;
    }
    /* the row's inset lives on the link, same metrics as .mm_tab_toggle_title a one level up.
       Second selector mirrors the untitled-block rule it has to outrank. */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title a,
    .mm_menus_li_tab .mm_blocks_li:not(:has(.ets_mm_block-title)) .ets_mm_block_content:only-child ul > li:only-child a {
        display: flex;
        align-items: center;
        min-height: 60px;
        line-height: 1;
        padding: 9px 15px;
    }
    /* Same reason as the tab level: the link claims the gap the chevron leaves. */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title a {
        flex-grow: 1;
    }
    /* 3rd level entries are full width rows with the same hit area as the levels
       above. The shared list styling floats these li left, which would otherwise
       leave narrow targets sitting side by side. The 39px row also clears WCAG
       2.5.8, which the default 23.4px links did not. */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content > ul.ets_mm_categories {
        padding: 0;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content ul li {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content ul li > a {
        display: flex;
        align-items: center;
        min-height: 55px;
        line-height: 1.2;
        padding: 9px 15px 9px 32px;
    }
    /* the marker is absolutely positioned, so it has to follow the new inset */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content ul li > a:before {
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
    }

    /* Left deliberately without !important: the hover and .opened rules carry it, so
       the chevron still turns white on the green active row. */
    .mm_menus_li_tab .mm_tabs_li .mm_tab_toggle_title .fa__angle-right_icon {
        color: var(--green-2);
    }

    /* Emitted at 16px in the markup; overridden here so every level's chevron matches
       the larger mobile rows. The 3rd level uses a text marker, not this icon. */
    .mm_menus_ul .fa__angle-right_icon {
        width: 20px;
        height: 20px;
    }

    /* One type scale and weight for every row in the mobile menu. The tab links take
       0.875rem and fw-700 from rules the desktop menu shares, so both are overridden
       here rather than edited at source. */
    .ets_mm_megamenu .mm_menus_ul .mm_tab_li_content a,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li > a,
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title a,
    .mm_menus_li_tab .mm_blocks_li:not(:has(.ets_mm_block-title)) .ets_mm_block_content:only-child ul > li:only-child a,
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content ul li > a {
        font-size: 1rem;
        font-weight: 500 !important;
    }

    /* Second level takes the menu's text colour rather than the catalogue green, so
       all three levels read alike. !important because the untitled single-link blocks
       carry their own "color: green !important". The .opened rule is more specific and
       still wins, so the active row keeps its white on green. */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title a,
    .mm_menus_li_tab .mm_blocks_li:not(:has(.ets_mm_block-title)) .ets_mm_block_content:only-child ul > li:only-child a {
        color: var(--main-text-color) !important;
    }

    /* No rules between rows: the tab row draws its own top and bottom border, the
       secondary entries a top one. */
    .ets_mm_megamenu .mm_menus_ul .mm_tab_li_content,
    .ets_mm_megamenu .mm_menus_ul .mm_menus_li {
        border-width: 0;
    }
    /* the -1px only existed to collapse those doubled borders, so it goes with them */
    .ets_mm_megamenu .mm_menus_ul .mm_tab_li_content {
        margin-bottom: 0;
    }

    /* Press feedback on the rows below the tabs. The opened title is excluded so it
       keeps its green active state instead of going grey under the finger. */
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title:not(.opened):hover,
    .mm_menus_li_tab .mm_blocks_li:not(:has(.ets_mm_block-title)) .ets_mm_block_content:only-child ul > li:only-child a:hover,
    .mm_menus_li_tab .mm_blocks_li .ets_mm_block-title + .ets_mm_block_content ul li > a:hover {
        background-color: #ededed;
    }

    /* Category icons are emitted at 28px by menu-html.tpl; the width/height
       attributes are overridden here so mobile keeps a larger touch-friendly mark
       without changing the markup the desktop menu shares. */
    .mm_menus_ul .mm_tab_toggle_title [class*="verdonicon-"] {
        width: 32px;
        height: 32px;
    }
}

/* The secondary menu entries (Categorii de interes, Promotii, Outlet ...) carry
   Bootstrap's .d-flex, whose layered !important outranks any unlayered rule here,
   so the "show one level at a time" rule further up never reached them. Joining an
   earlier layer than utilities is what lets it win; see theme.css @layer order. */
@layer ps-pages {
    @media (max-width: 991px) {
        .mm_menus_ul:has(.mm_tab_li_content.opened) > li:not(:has(.mm_tab_li_content.opened), .close_menu) {
            display: none !important;
        }

        /* .gap-2 sits in the utilities layer with !important, which outranks any
           unlayered rule, so the icon-to-label spacing has to be set from here too. */
        .mm_menus_ul .mm_tab_toggle_title a {
            gap: 10px !important;
        }
        /* No gap around the link: it would be a strip of the row that does not
           belong to it, and both children already carry their own padding. */
        .mm_menus_ul .mm_tab_toggle_title {
            gap: 0 !important;
        }
    }
}



/* ******* manufacturers block ******** */
.ets_mm_megamenu .mm_block_type_mnft .ets_mm_block-title {
    text-transform: initial;
    color: #6b6b6b !important;
    font-size: 1.375rem !important;
    margin-bottom: 1.5rem;
}
.ets_mm_megamenu .mm_mnu_display_img {
    --bs-columns: 6;
    grid-template-columns: repeat(auto-fit, minmax(min(max(15%, 130px), 100%), 1fr));
}
.ets_mm_megamenu .mm_mnu_display_img img {
    min-height: 65px;
    max-height: 69px;
    aspect-ratio: 16/9;
    object-fit: contain;
}
.ets_mm_megamenu .brand-letters-container {
    gap: 1rem 3rem;
}
.ets_mm_megamenu .brand-letters-container .letter-select {
    gap: 0.75rem;
}
.ets_mm_megamenu .brand-letters-container .list-letter {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.5rem;
    min-width: 30px;
    text-align: center;
}
.ets_mm_megamenu .brand-letters-container .list-letter:hover {
    text-decoration: underline;
    --bs-border-color: green;
}
.ets_mm_megamenu .all-brands-link {
    font-weight: 600;
    text-decoration-color: #52BE3A !important;
    text-decoration-thickness: 2px !important;
}

/* ******* distributie b2b block ******** */
.ets_mm_megamenu .distributie-b2b-content-row {
    margin: 0;
}
@media (max-width: 991px) {
    .ets_mm_megamenu .distributie-b2b-content-row > [class*="col-"] {
        padding: 0;
    }
}
.ets_mm_megamenu .distributie-b2b-content-row img {
    /* transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none; */
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}
.ets_mm_megamenu .distributie-b2b-content-row ul,
.ets_mm_megamenu .distributie-b2b-content-row ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.ets_mm_megamenu .distributie-b2b-content-row ul li {
    clear: none;
    float: none;
}
#header .ets_mm_megamenu .distributie-b2b-content-row a.btn-outline-primary-dark:focus,
#header .ets_mm_megamenu .distributie-b2b-content-row a.btn-outline-primary-dark:hover {
    color: var(--bs-btn-hover-color);
}