@media (max-width: 991px) {
    .opacity_menu.current {
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 9999
    }
}
.header {
    padding: 15px 0;
    background: #fff
}
.header .logo {
    display: flex;
    align-items: center;
    height: 60px;
    overflow: hidden
}
.header .logo img {
    max-width: 92px
}
@media (max-width: 1199px) {
    .header .logo img {
        max-width: 72%
    }
}
.header .group-account {
    padding: 0;
    margin: 0;
    text-align: right
}
.header .group-account li {
    display: inline-block;
    margin-left: 20px
}
@media (max-width: 1199px) {
    .header .group-account li {
        margin-left: 10px
    }
    .header .group-account li:first-child {
        margin-left: 0
    }
}
@media (max-width: 767px) {
    .header .group-account li {
        margin-left: 10px
    }
}
.header .group-account li .icon {
    position: relative;
    display: inline-flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    flex-flow: column
}
.header .group-account li .icon span {
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #eb3e32;
    color: #fff;
    text-align: center;
    line-height: 17px;
    border-radius: 17px;
    top: 3px;
    font-size: 10px;
    right: 5px
}
.header .group-account li .icon svg {
    width: 25px;
    height: 25px
}
.header .group-account .icon:hover .drop-account {
    opacity: 1;
    visibility: visible
}
.header .group-account .drop-account {
    width: 130px;
    position: absolute;
    top: 55px;
    left: -50px;
    background: #fff;
    text-align: center;
    z-index: 9;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
    -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
    box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
    border-radius: 4px;
    transition-duration: 0s;
    transition-delay: .1s;
    opacity: 0;
    visibility: hidden
}
.header .group-account .drop-account:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -10px;
    margin-left: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%)
}
.header .group-account .drop-account a {
    display: block;
    text-decoration: none;
    line-height: 30px
}
.header .group-account .drop-account a:first-child {
    border-bottom: solid 1px #ebebeb
}
@media (max-width: 991px) {
    .header .contact-phone {
        display: none
    }
}
.header .contact-phone svg {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0
}
.header .contact-phone svg circle {
    stroke: #eb3e32
}
.header .contact-phone.username_bar {
    background-image: none
}
.header .contact-phone.username_bar a {
    font-size: 14px
}
.header .contact-phone.username_bar a:hover {
    opacity: 0.7
}
.header .contact-phone.username_bar:before {
    content: attr(data-name);
    width: 32px;
    height: 32px;
    background: #eb3e32;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 32px;
    position: absolute;
    left: 10px;
    top: 5px;
    line-height: 32px;
    font-size: 20px
}
.header .contact-phone.not {
    background-image: url("//bizweb.dktcdn.net/100/409/545/themes/856009/assets/users.svg?1665980063142")
}
.header .contact-phone.not a {
    font-size: 14px
}
.header .contact-phone.not a:hover {
    opacity: 0.7
}
.header .contact-phone {
    display: inline-block;
    padding-left: 50px;
    position: relative;
    top: -5px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
    line-height: 20px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512'%3E%3Cg%3E%3Cpath d='m252.178 455.638h-11.489c-5.522 0-10 4.477-10 10s4.478 10 10 10h11.489c5.522 0 10-4.477 10-10s-4.478-10-10-10z'/%3E%3Cpath d='m349.412 415.851h-205.958c-5.522 0-10 4.477-10 10s4.478 10 10 10h205.958c5.522 0 10-4.477 10-10s-4.477-10-10-10z'/%3E%3Cpath d='m502.901 259.684c0-61.585-40.95-113.767-96.999-130.643v-79.902c0-27.096-22.044-49.139-49.138-49.139h-220.661c-27.095 0-49.139 22.043-49.139 49.139v19.616c-44.928 13.052-77.865 54.657-77.865 103.825s32.937 90.772 77.865 103.825v186.457c0 27.095 22.044 49.139 49.139 49.139h220.661c27.095 0 49.139-22.043 49.139-49.139v-72.534c56.049-16.877 96.998-69.059 96.998-130.644zm-473.802-87.104c0-48.566 39.416-88.078 87.865-88.078s87.865 39.512 87.865 88.078c0 25.334-10.898 49.461-29.902 66.196-2.384 2.1-3.629 5.208-3.353 8.374l.511 5.858-7.393-2.519c-2.563-.874-5.374-.67-7.787.566-12.432 6.372-25.87 9.603-39.941 9.603-48.449-.001-87.865-39.512-87.865-88.078zm356.803 290.281c0 16.067-13.071 29.139-29.139 29.139h-220.66c-16.067 0-29.139-13.072-29.139-29.139v-182.665c3.293.305 6.629.461 10 .461 15.82 0 30.997-3.331 45.18-9.909l18.01 6.137c3.202 1.089 6.732.49 9.394-1.595 2.66-2.084 4.088-5.373 3.794-8.74l-1.417-16.257c20.973-20.32 32.905-48.358 32.905-77.715 0-59.594-48.388-108.078-107.865-108.078-3.371 0-6.707.156-10 .461v-15.822c0-16.067 13.071-29.139 29.139-29.139h220.661c16.067 0 29.139 13.072 29.139 29.139v75.505c-6.245-.883-12.624-1.34-19.107-1.34-75.05 0-136.106 61.18-136.106 136.38 0 37.505 15.43 73.301 42.511 99.015l-1.946 22.325c-.294 3.367 1.134 6.655 3.794 8.74 2.661 2.085 6.191 2.685 9.394 1.595l24.31-8.283c18.19 8.622 37.695 12.989 58.045 12.989 6.484 0 12.863-.457 19.107-1.34v68.136zm-19.107-86.797c-18.594 0-36.353-4.27-52.783-12.691-1.426-.731-2.99-1.101-4.562-1.101-1.087 0-2.177.177-3.226.534l-13.715 4.673 1.042-11.958c.276-3.166-.969-6.273-3.354-8.374-25.108-22.111-39.51-53.991-39.51-87.464 0-64.172 52.085-116.38 116.106-116.38s116.106 52.208 116.106 116.38c.002 64.173-52.083 116.381-116.104 116.381z'/%3E%3Cpath d='m343.31 258.626v-17.734c0-5.523-4.478-10-10-10s-10 4.477-10 10v17.734c0 5.523 4.478 10 10 10s10-4.477 10-10z'/%3E%3Cpath d='m400.279 230.893c-5.522 0-10 4.477-10 10v17.734c0 5.523 4.478 10 10 10s10-4.477 10-10v-17.734c0-5.523-4.477-10-10-10z'/%3E%3Cpath d='m386.629 296.601c-5.298 5.3-12.342 8.219-19.834 8.219s-14.537-2.919-19.835-8.219c-3.905-3.906-10.235-3.906-14.143-.002-3.905 3.905-3.906 10.236-.002 14.142 9.076 9.079 21.144 14.079 33.979 14.079s24.903-5 33.979-14.079c3.904-3.906 3.903-10.238-.003-14.142-3.905-3.906-10.238-3.903-14.141.002z'/%3E%3Cpath d='m82.96 168.76c-1.613-3.935-5.7-6.455-9.942-6.147-4.155.301-7.745 3.226-8.898 7.225-1.154 4.003.397 8.448 3.787 10.868 3.361 2.4 7.936 2.475 11.372.185 3.918-2.612 5.492-7.785 3.681-12.131z'/%3E%3Cpath d='m120.79 181.81c3.863-1.611 6.355-5.538 6.157-9.719-.198-4.178-3.086-7.849-7.078-9.075-4.034-1.239-8.591.302-11.035 3.742-2.46 3.462-2.46 8.181 0 11.643 2.658 3.742 7.727 5.169 11.956 3.409z'/%3E%3Cpath d='m150.96 176.4c1.578 3.848 5.572 6.384 9.729 6.166 4.122-.216 7.755-3.003 9.021-6.93 1.276-3.959-.104-8.459-3.424-10.986-3.381-2.573-8.096-2.72-11.637-.379-3.924 2.594-5.497 7.789-3.689 12.129z'/%3E%3C/g%3E%3C/svg%3E")
}
@media (max-width: 991px) {
    .header .contact-phone {
        display: none
    }
}
.header .contact-phone p {
    font-size: 14px;
    margin-bottom: 0
}
.header .contact-phone a {
    font-size: 16px;
    color: #eb3e32;
    font-weight: bold;
    text-decoration: none
}
.header .contact-phone a:hover {
    opacity: 0.7
}
.cart-drop:hover .top-cart-content {
    opacity: 1;
    visibility: visible
}
.top-cart-content {
    right: 0px;
    top: 60px;
    position: absolute;
    background: #fff;
    padding: 0;
    line-height: normal;
    text-align: left;
    box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -webkit-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    z-index: 10000;
    transition-duration: 0s;
    transition-delay: .1s;
    opacity: 0;
    visibility: hidden
}
.theme-search-smart {
    width: 425px;
    height: 42px;
    margin-top: 8px;
    display: inline-block
}
@media (max-width: 1199px) and (min-width: 992px) {
    .theme-search-smart {
        max-width: 290px
    }
}
@media (max-width: 991px) {
    .theme-search-smart {
        width: 100%
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .theme-search-smart {
        padding-left: 30px
    }
}
.header_search {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: solid 1px #333;
    border-radius: 40px
}
@media (max-width: 767px) {
    .header_search {
        margin-right: 0
    }
}
.header_search .keys {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 5;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}
.header_search .keys i {
    font-size: 16px;
    color: #323c42;
    transition: all 0.5s
}
.header_search .keys .listkey {
    visibility: hidden;
    width: 425px;
    min-height: 100%;
    background: #fff;
    text-align: left;
    padding: 15px 0 15px 15px;
    margin-top: 1px;
    box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -webkit-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    transition-delay: 0.3s
}
@media (max-width: 767px) {
    .header_search .keys .listkey {
        width: 250px
    }
}
.header_search .keys .listkey p {
    font-weight: bold;
    display: block;
    margin-bottom: 0;
    line-height: 28px
}
.header_search .keys .listkey a {
    display: inline-block;
    margin: 0 5px 5px 0;
    background: #f5f5f5;
    padding: 0 5px;
    text-align: center;
    color: #323c42;
    font-size: 14px;
    line-height: 28px;
    border-radius: 3px
}
.header_search .keys .listkey a:hover {
    background: #ff6200;
    color: #fff
}
.header_search .keys:hover i {
    color: #ff6200;
    transform: rotate(-180deg)
}
.header_search .keys:hover .listkey {
    visibility: visible
}
.header_search form {
    width: 100%
}
.header_search form input {
    width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    background: transparent;
    outline: none;
    padding: 0 45px 0 50px;
    border: none;
    overflow: hidden;
    background: #fff;
    border-radius: 40px !important;
    font-size: 14px;
    color: #999ea1
}
.header_search form input::-webkit-input-placeholder {
    color: #999ea1
}
.header_search form input::-moz-placeholder {
    color: #999ea1
}
.header_search form input:-ms-input-placeholder {
    color: #999ea1
}
.header_search form .input-group-btn {
    position: absolute;
    white-space: nowrap;
    width: 40px;
    height: 36px;
    line-height: 36px;
    right: 0;
    top: 0px;
    background: transparent;
    border-radius: 50%;
    overflow: hidden
}
.header_search form .input-group-btn button {
    padding: 0 10px;
    position: absolute;
    top: 0px;
    right: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #333;
    background-color: transparent;
    border: none
}
.header_search form .input-group-btn button svg {
    width: 23px;
    height: 30px;
    margin-top: 4px
}
.header_search.theme-searchs {
    position: relative
}
@media (max-width: 991px) {
    .header_search.theme-searchs {
        flex: 1
    }
}
.header_search.theme-searchs .results-box {
    color: #555;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
    -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
    box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33)
}
.header_search.theme-searchs .results-box p {
    margin-bottom: 0;
    text-align: center;
    border-bottom: dashed 1px #ebebeb;
    padding: 5px 0;
    color: #2196f3;
    font-size: 12px;
    cursor: pointer;
    pointer-events: painted
}
.header_search.theme-searchs .results-box p:hover {
    color: #ff6200
}
.header_search.theme-searchs .results-box .history {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column
}
.header_search.theme-searchs .results-box .iser {
    border-bottom: dashed 1px #ebebeb
}
.header_search.theme-searchs .results-box .iser a {
    padding-left: 25px;
    background: url("//bizweb.dktcdn.net/100/409/545/themes/856009/assets/wall-clock.svg?1665980063142") no-repeat center left;
    background-size: 14px;
    background-position-x: 4px;
    line-height: 21px;
    word-break: break-word;
    font-size: 12px;
    cursor: pointer
}
.header_search.theme-searchs .results-box .iser:hover {
    background: #f8f8f8
}
.header_search.theme-searchs .results-box a {
    background-color: #fff;
    padding: 5px;
    font-size: 14px;
    display: block
}
.header_search.theme-searchs .results-box a .img {
    text-align: center;
    float: left;
    width: 40px;
    margin-right: 5px
}
.header_search.theme-searchs .results-box a .d-title {
    text-transform: none;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    color: #303846;
    line-height: 18px
}
.header_search.theme-searchs .results-box a .d-title.d-price {
    color: #eb3e32 !important;
    font-weight: bold
}
.header_search.theme-searchs .results-box a:hover .d-title,
.header_search.theme-searchs .results-box a:focus .d-title {
    color: #eb3e32
}
.header_search.theme-searchs .results-box a + a {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.header_search.theme-searchs .results-box a.note {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}
.header_search.theme-searchs .results-box a.note:hover,
.header_search.theme-searchs .results-box a.note:focus {
    color: #eb3e32
}
.header_search.theme-searchs .results-box .note {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    padding: 7px 0px
}
.header_search.theme-searchs .results-box .note:hover,
.header_search.theme-searchs .results-box .note:focus {
    color: #eb3e32
}
.header_search.theme-searchs .results-box .theme-loading {
    display: block;
    padding: 7px;
    text-align: center;
    background-color: #fff
}
.header_nav_main {
    background-color: #f7f8fa;
    height: 50px;
    position: relative
}
@media (max-width: 991px) {
    .header_nav_main {
        height: 70px;
        background-color: #fff
    }
}
.header_nav_main .menu_mega {
    width: 280px
}
@media (max-width: 1199px) {
    .header_nav_main .menu_mega {
        width: 225px
    }
}
.bg-header-nav {
    position: relative
}
.bg-header-nav .header-nav > ul.item_big {
    text-align: left;
    margin: 0;
    padding: 0
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 0px;
    padding: 0px;
    height: 50px
}
@media (max-width: 1199px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item {
        margin-right: 0px
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item:first-child > a {
    padding-left: 0
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega {
    position: static !important
}
@media (max-width: 991px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega {
        position: relative !important
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        box-shadow: none
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu .parrent-mega > ul {
        display: block
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_1_group .parrent-mega > ul {
        display: block;
        padding: 0 0 0 0
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_1_group .parrent-mega > ul li .fa-caret-down {
        right: -2px
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_1_group .parrent-mega > ul ul li a {
        padding-left: 0 !important
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_1_group .parrent-mega > ul ul li ul {
        padding: 0 0 0 10px
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_5_group .parrent-mega ul {
        display: block;
        padding: 0 15px 0 0
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_5_group .parrent-mega ul ul li a {
        padding-left: 0 !important
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_3_group .parrent-mega ul {
        display: block;
        padding: 0 0 0 0
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_3_group .parrent-mega ul ul li a {
        padding-left: 0 !important
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_3_group .parrent-mega ul ul li .fa-caret-down {
        display: none
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_4_group .parrent-mega ul {
        display: block;
        padding: 0 0 0 0
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_4_group .parrent-mega ul ul li a {
        padding-left: 0 !important
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item.has-mega.current > .mega_menu.mega_type_4_group .parrent-mega ul ul li .fa-caret-down {
        display: none
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > a {
    text-transform: uppercase;
    display: block;
    text-align: left;
    padding: 0px 30px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-decoration: none;
    color: #323c42;
    font-weight: bold
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item > a {
        padding: 0px 25px
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > a.caret-down:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    display: inline-block;
    top: 50%;
    left: 100%;
    margin-left: -15px;
    margin-top: -2px;
    transition: 0.5s
}
@media (max-width: 1199px) and (min-width: 992px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item > a.caret-down:before {
        left: 100%
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item:hover > a {
    color: #ff6200
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item:hover > a.caret-down:before {
    transform: rotate(180deg);
    border-color: #ff6200 transparent transparent transparent
}
@media (min-width: 992px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item:hover > .mega_menu {
        display: block
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item:hover > ul {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item .fa-caret-down {
    visibility: hidden;
    display: none
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item .item_small {
    overflow: hidden;
    display: block;
    max-height: 0px;
    max-width: 0px;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    position: absolute;
    top: 99%;
    left: 0px;
    width: 220px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    z-index: 99
}
@media (max-width: 991px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item .item_small {
        display: none
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li {
    float: none;
    padding: 0 0
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li:last-child > a {
    border-bottom: 0
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li:hover > ul {
    display: block;
    position: absolute;
    width: 250px;
    padding: 0;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04)
}
@media (max-width: 1199px) and (min-width: 992px) {
    .bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li:hover > ul {
        position: relative;
        left: 0;
        width: 100%;
        padding-left: 0;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04)
    }
    .bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li:hover > ul li a {
        padding-left: 25px
    }
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 5px 20px 5px 10px;
    color: #323c42;
    position: relative;
    border-bottom: solid 1px #e5e6ec;
    text-align: left
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li a.caret-down:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #323c42 transparent transparent transparent;
    display: inline-block;
    top: 50%;
    left: 100%;
    margin-left: -15px;
    margin-top: -2px;
    transition: 0.5s;
    transform: rotate(270deg)
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) li ul {
    display: none;
    left: 220px;
    top: 0px
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) > li {
    color: #323c42
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) > li:hover > a {
    color: #ff6200
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) > li:hover > a.caret-down:before {
    border-color: #ff6200 transparent transparent transparent
}
.bg-header-nav .header-nav > ul.item_big > li.nav-item > ul:not(.mega_menu) > li ul li:hover > a {
    color: #ff6200
}
.bg-header-nav .header-nav > ul.item_big > li.active > a {
    color: #ff6200
}
.bg-header-nav .header-nav > ul.item_big > li.active > a span > i.icon-down {
    border-color: #ff6200 transparent transparent transparent
}
.bg-header-nav .header-nav ul li ul a.text2line:hover {
    color: #ff6200 !important;
    background: transparent !important
}
.bg-header-nav .header-nav li li {
    position: relative
}
.mega_menu {
    background: #fff;
    position: absolute;
    z-index: 99;
    top: 50px;
    left: 0;
    box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    -webkit-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
    display: none
}
.mega_type_1_group {
    width: 960px;
    padding: 10px
}
.mega_type_1_group ul {
    width: 100%;
    padding: 0
}
.mega_type_1_group ul .li-item-1 {
    width: calc(100% / 4)
}
.mega_type_1_group ul .li-item-1 .title-m {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px
}
.mega_type_1_group ul .li-item-1 ul {
    padding: 0
}
.mega_type_1_group ul .li-item-1 ul li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ebebeb;
    display: block
}
.mega_type_1_group ul .li-item-1 ul li a {
    display: block
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mega_type_1_group {
        width: 940px
    }
}
@media (max-width: 991px) {
    .mega_type_1_group ul .li-item-1 {
        width: 100%
    }
}
.mega_type_2_group {
    width: 960px;
    padding: 10px
}
.mega_type_2_group ul {
    width: 100%;
    padding: 0
}
.mega_type_2_group ul .li-item-1 {
    width: calc(100% / 4)
}
.mega_type_2_group ul .li-item-1 .title-m {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px
}
.mega_type_2_group ul .li-item-1 ul {
    padding: 0
}
.mega_type_2_group ul .li-item-1 ul li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ebebeb;
    display: block
}
.mega_type_2_group ul .li-item-1 ul li a {
    display: block
}
.mega_type_2_group ul .li-item-1 .image-b {
    display: block
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mega_type_2_group {
        width: 940px
    }
}
@media (max-width: 991px) {
    .mega_type_2_group.mega_menu ul {
        margin: 0;
        padding: 0 !important
    }
    .mega_type_2_group.mega_menu ul .li-item-1 .title-m {
        margin-bottom: 0;
        padding-right: 0 !important
    }
    .mega_type_2_group.mega_menu ul .li-item-1 {
        width: 100% !important;
        padding: 0
    }
    .mega_type_2_group.mega_menu ul .fa-caret-down {
        right: 7px !important
    }
}
@media (max-width: 991px) and (max-width: 767px) {
    .mega_type_2_group.mega_menu ul .fa-caret-down {
        right: 5px !important
    }
}
@media (max-width: 991px) {
    .mega_type_2_group.mega_menu ul ul li a {
        padding-left: 0
    }
}
.mega_type_3_group {
    width: 1160px;
    padding: 0
}
.mega_type_3_group .col-padding {
    padding: 40px 30px
}
.mega_type_3_group ul {
    width: 100%;
    padding: 0
}
.mega_type_3_group ul .li-item-1 .title-m {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px
}
.mega_type_3_group ul .li-item-1 ul {
    padding: 0
}
.mega_type_3_group ul .li-item-1 ul li {
    margin-bottom: 5px;
    display: block
}
.mega_type_3_group ul .li-item-1 ul li a {
    display: block
}
.mega_type_3_group ul .li-item-1 .image-b {
    display: block
}
.mega_type_3_group ul {
    padding: 0
}
.mega_type_3_group .description {
    height: 100%;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    padding: 10px
}
.mega_type_3_group .description .h4 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 8px
}
.mega_type_3_group .description p {
    display: block;
    margin-top: 15px
}
.mega_type_3_group .description a {
    border: 1px solid #323c42;
    background: 0 0;
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    line-height: 38px;
    width: 100%;
    font-size: 14px
}
.mega_type_3_group .description a:hover {
    background: #ff6200;
    border-color: #ff6200;
    color: #fff
}
.mega_type_3_group .description:hover {
    border-color: #ff6200
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mega_type_3_group {
        width: 940px
    }
    .mega_type_3_group .col-padding {
        padding: 20px 15px 0 30px
    }
}
@media (max-width: 991px) {
    .mega_type_3_group ul {
        margin: 0
    }
    .mega_type_3_group ul .li-item-1 .title-m {
        margin-bottom: 0
    }
    .mega_type_3_group ul .fa-caret-down {
        right: -5px !important
    }
    .mega_type_3_group .col-padding {
        padding: 0 10px 0 0
    }
    .mega_type_3_group .image-b,
    .mega_type_3_group .description {
        padding: 0 !important
    }
    .mega_type_3_group .description {
        margin: 10px 0 20px
    }
}
.mega_type_4_group {
    width: 1160px;
    padding: 0
}
.mega_type_4_group .col-padding {
    padding: 40px 30px
}
.mega_type_4_group ul {
    width: 100%;
    padding: 0
}
.mega_type_4_group ul .li-item-1 .title-m {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px
}
.mega_type_4_group ul .li-item-1 ul {
    padding: 0
}
.mega_type_4_group ul .li-item-1 ul li {
    margin-bottom: 5px;
    display: block
}
.mega_type_4_group ul .li-item-1 ul li a {
    display: block
}
.mega_type_4_group ul .li-item-1 .image-b {
    margin-bottom: 10px;
    display: block
}
.mega_type_4_group ul {
    padding: 0
}
.mega_type_4_group .no-padding-right {
    padding-right: 0px;
    overflow: hidden
}
.mega_type_4_group .no-padding-right .row {
    margin-right: -20px
}
.mega_type_4_group .no-padding-right .image-b {
    display: block
}
.mega_type_4_group .no-padding-right .null-image {
    min-height: 100px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #eb3e32;
    color: #fff;
    font-size: 18px;
    font-weight: bold
}
.mega_type_4_group .no-padding-right .null-image.yellow {
    background: yellow
}
.mega_type_4_group .no-padding-right .null-image.blue {
    background: blue
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mega_type_4_group {
        width: 940px
    }
    .mega_type_4_group .col-padding {
        padding: 20px 15px 0 30px
    }
}
@media (max-width: 991px) {
    .mega_type_4_group .no-padding-right {
        padding: 0 20px 0 10px;
        margin-bottom: 20px
    }
    .mega_type_4_group ul {
        margin: 0
    }
    .mega_type_4_group ul .li-item-1 .title-m {
        margin-bottom: 0
    }
    .mega_type_4_group ul .fa-caret-down {
        right: 2px !important
    }
    .mega_type_4_group .col-padding {
        padding: 0 10px 0 0
    }
    .mega_type_4_group .image-b,
    .mega_type_4_group .description {
        margin-bottom: 10px;
        display: block;
        padding: 0 !important
    }
    .mega_type_4_group .description {
        margin: 10px 0 20px
    }
    .mega_type_4_group .description li a {
        border: 1px solid #323c42 !important;
        background: 0 0;
        display: inline-block;
        padding: 0 25px;
        height: 40px;
        line-height: 38px;
        width: 100%
    }
    .mega_type_4_group .description li a:hover {
        background: #ff6200;
        border-color: #ff6200;
        color: #fff
    }
}
.mega_type_5_group {
    width: 1160px;
    padding: 0
}
.mega_type_5_group:before {
    content: "";
    width: 200vw;
    min-height: 100%;
    position: absolute;
    left: -50vw;
    top: 0;
    background: #fff;
    transform: translateX(-50vw);
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -o-transform: translateX(-50vw);
    -os-transform: translateX(-50vw)
}
.mega_type_5_group ul {
    padding: 0
}
.mega_type_5_group .col-padding {
    padding: 40px 30px 0 10px
}
.mega_type_5_group ul {
    width: 100%;
    padding: 0
}
.mega_type_5_group ul .li-item-1 .title-m {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px
}
.mega_type_5_group ul .li-item-1 .image-b {
    display: block
}
.mega_type_5_group ul .li-item-1 .fa-caret-down {
    right: 2px !important
}
.mega_type_5_group ul .vendor .namevendor {
    font-size: 16px;
    margin-bottom: 20px
}
.mega_type_5_group ul .vendor li:not(.namevendor) {
    margin-bottom: 10px;
    padding: 3px 7px;
    background: #ebebeb;
    border-radius: 3px;
    display: inline-block
}
.mega_type_5_group ul .vendor .more {
    display: block
}
.mega_type_5_group .description {
    height: 100%;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    padding: 10px
}
.mega_type_5_group .description .h4 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 8px
}
.mega_type_5_group .description p {
    display: block;
    margin-top: 15px
}
.mega_type_5_group .description a {
    border: 1px solid #323c42;
    background: 0 0;
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    line-height: 38px;
    width: 100%
}
.mega_type_5_group .description a:hover {
    background: #ff6200;
    border-color: #ff6200;
    color: #fff
}
.mega_type_5_group .description:hover {
    border-color: #ff6200
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mega_type_5_group {
        width: 940px
    }
    .mega_type_5_group .col-padding {
        padding: 20px 15px 0 10px
    }
}
@media (max-width: 991px) {
    .mega_type_5_group ul {
        margin: 0
    }
    .mega_type_5_group ul .li-item-1 .title-m {
        margin-bottom: 0
    }
    .mega_type_5_group .col-padding {
        padding: 0
    }
    .mega_type_5_group .col-padding .vendor {
        padding: 0 10px
    }
    .mega_type_5_group .col-padding .vendor li:not(.namevendor) {
        padding: 0px 5px
    }
    .mega_type_5_group .col-padding .vendor li:not(.namevendor) a {
        padding-right: 0 !important
    }
    .mega_type_5_group .image-b,
    .mega_type_5_group .description {
        padding: 0 !important
    }
    .mega_type_5_group .description {
        margin: 10px 0 20px
    }
    .mega_type_5_group .description li a {
        border: 1px solid #323c42 !important;
        background: 0 0;
        display: inline-block;
        padding: 0 25px;
        height: 40px;
        line-height: 38px;
        width: 100%
    }
    .mega_type_5_group .description li a:hover {
        background: #ff6200;
        border-color: #ff6200;
        color: #fff
    }
}
@media (min-width: 992px) {
    .contactbar,
    .bottom-nav-bar-mobile {
        display: none
    }
}
@media (max-width: 991px) {
    .header .category-action {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 7px;
        flex-flow: column
    }
    .header .category-action svg {
        height: 40px;
        width: 40px
    }
    .header .category-action svg path {
        fill: #323c42
    }
    .header_nav_main {
        background-color: #fff;
        height: 100vh;
        position: fixed;
        top: 0 !important;
        left: 0;
        z-index: 99999999;
        width: 330px;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        box-shadow: none;
        touch-action: manipulation
    }
    .header_nav_main.current {
        visibility: visible;
        transform: translateX(0)
    }
}
@media (max-width: 991px) and (max-width: 767px) {
    .header_nav_main {
        width: 100vw
    }
}
@media (max-width: 991px) {
    .header_nav_main .container {
        padding: 0;
        max-width: 100%
    }
    .header_nav_main .heade_menunavs {
        position: relative;
        height: calc(100vh - 20px)
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .header_nav_main .heade_menunavs {
        width: 330px
    }
}
@media (max-width: 991px) {
    .header_nav_main .heade_menunavs .wrap_main {
        display: block !important;
        max-height: calc(100vh - 20px);
        height: calc(100vh - 20px);
        overflow: hidden;
        overflow-y: auto;
        background: #fff;
        width: 100%;
        padding-bottom: 50px
    }
    .header_nav_main .heade_menunavs .bg-header-nav {
        width: 100%;
        float: left;
        margin-top: 50px;
        padding-top: 15px
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.nav-item {
        height: unset;
        width: 100%;
        float: left
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.nav-item a {
        padding: 0 10px !important;
        color: #323c42;
        height: unset;
        line-height: 35px
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li a.caret-down:before {
        content: none
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li .fa-caret-down {
        visibility: visible;
        position: absolute;
        right: 7px;
        top: 0;
        width: 30px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        display: inline-block
    }
}
@media (max-width: 991px) and (max-width: 767px) {
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li .fa-caret-down {
        right: 5px
    }
}
@media (max-width: 991px) {
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li ul {
        overflow: visible;
        opacity: 1;
        padding: 0;
        width: 100%;
        max-width: unset;
        max-height: unset;
        transform: none;
        box-shadow: none;
        padding-left: 10px
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li ul li a {
        border: none
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li ul li ul {
        position: relative;
        left: 0;
        width: 100%;
        box-shadow: none;
        border: none;
        padding-left: 10px;
        display: none
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li ul li ul li a {
        color: #8c8c8c !important
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.nav-item:not(.has-mega) ul {
        opacity: 0
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current > a {
        color: #ff6200
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current .fa.current {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -os-transform: rotate(180deg);
        transition: all 0.5s;
        margin-top: 0px;
        color: #ff6200
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current > ul {
        opacity: 1 !important;
        display: block;
        position: relative
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current > ul li a:before {
        content: none
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current > ul li > ul {
        position: relative;
        left: 0;
        width: 100%;
        box-shadow: none;
        border: none;
        padding-left: 10px;
        display: none
    }
    .header_nav_main .heade_menunavs .bg-header-nav .header-nav ul.item_big li.current > ul li.current > ul {
        display: block
    }
    .contactbar {
        width: 100%;
        position: fixed;
        top: 0px;
        background: #fff;
        left: 0;
        top: unset !important;
        z-index: 9999 !important;
        padding-top: 10px;
        border-bottom: solid 1px #ebebeb;
        padding-bottom: 0px;
        margin-bottom: 0px
    }
    .contactbar .incontact {
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 10px
    }
    .contactbar .contact-phone.username_bar {
        background-image: none
    }
    .contactbar .contact-phone.username_bar a {
        font-size: 14px
    }
    .contactbar .contact-phone.username_bar:before {
        content: attr(data-name);
        width: 32px;
        height: 32px;
        background: #eb3e32;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 32px;
        position: absolute;
        left: 10px;
        top: 5px;
        line-height: 32px;
        font-size: 20px
    }
    .contactbar .contact-phone.not {
        background-image: url("//bizweb.dktcdn.net/100/409/545/themes/856009/assets/users.svg?1665980063142")
    }
    .contactbar .contact-phone.not a {
        font-size: 14px
    }
    .contactbar .contact-phone {
        display: inline-block;
        padding-left: 50px;
        position: relative;
        top: -5px;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: 10px 6px;
        line-height: 20px
    }
    .contactbar .contact-phone:first-child {
        padding-left: 0
    }
    .contactbar .contact-phone:last-child {
        margin-left: 10px
    }
    .contactbar .contact-phone p {
        font-size: 14px;
        margin-bottom: 0
    }
    .contactbar .contact-phone a {
        font-size: 18px;
        color: #eb3e32;
        font-weight: bold;
        text-decoration: none
    }
    .contactbar .closenav {
        width: 40px;
        height: 53px;
        background: #eb3e32;
        text-align: center;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 0
    }
    .contactbar .closenav svg {
        width: 20px;
        height: 30px;
        margin-top: 10px
    }
    .bottom-nav-bar-mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        display: block;
        box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
        -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
        -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
        -webkit-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1);
        z-index: 9;
        height: 60px;
        top: auto !important
    }
    .bottom-nav-bar-mobile .inner-group {
        display: flex
    }
    .bottom-nav-bar-mobile .itembar {
        width: calc(100% / 5);
        display: inline-flex;
        height: 60px;
        margin: 0 5px;
        text-align: center;
        align-items: center;
        justify-content: center
    }
    .bottom-nav-bar-mobile .itembar:first-child {
        margin-left: 0
    }
    .bottom-nav-bar-mobile .itembar:last-child {
        margin-right: 0
    }
    .bottom-nav-bar-mobile .itembar .bar-menu {
        width: 100%
    }
    .bottom-nav-bar-mobile .itembar a,
    .bottom-nav-bar-mobile .itembar span {
        font-size: small;
        text-decoration: none;
        display: block;
        text-align: center;
        font-size: 11px
    }
    .bottom-nav-bar-mobile .itembar .cartbar-mobile {
        position: relative
    }
    .bottom-nav-bar-mobile .itembar .cartbar-mobile:before {
        content: attr(data-count-pr);
        width: 18px;
        height: 18px;
        border-radius: 20px;
        background: #eb3e32;
        color: #fff;
        text-align: center;
        line-height: 18px;
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        font-size: 9px
    }
    .bottom-nav-bar-mobile .itembar .icon {
        height: 20px
    }
    .bottom-nav-bar-mobile .itembar .icon svg {
        width: 20px;
        height: 20px
    }
    .bottom-nav-bar-mobile .itembar .icon svg#iconhome path {
        fill: #080808
    }
    .bottom-nav-bar-mobile .itembar .icon svg#iconcate path {
        fill: #080808
    }
    .bottom-nav-bar-mobile .itembar .icon svg#iconcart path {
        fill: #080808
    }
    .bottom-nav-bar-mobile .itembar .icon svg#iconwishlist path {
        fill: #080808
    }
    .bottom-nav-bar-mobile .itembar .icon svg#iconblog path,
    .bottom-nav-bar-mobile .itembar .icon svg#iconblog circle {
        fill: #080808
    }
    .bottom-nav-bar-mobile .itembar.center .bar-menu {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        margin-top: 0
    }
}