:root {
    --main-color: #25489a;
}
/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 500;
    src: local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3j4P8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 500;
    src: local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3j4P8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 700;
    src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3x4X8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 700;
    src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3x4X8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 800;
    src: local('Work Sans ExtraBold'), local('WorkSans-ExtraBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh324b8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 800;
    src: local('Work Sans ExtraBold'), local('WorkSans-ExtraBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh324b8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 900;
    src: local('Work Sans Black'), local('WorkSans-Black'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3_4f8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    font-weight: 900;
    src: local('Work Sans Black'), local('WorkSans-Black'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3_4f8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    font-family: 'WorkSans', sans-serif;
    overflow-x: hidden;
}
.container {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
li{
    list-style: none;
}
.header_section {
    padding-bottom: 70px;
    background-color: #ffffff;
}

.header_section .header_bottom {
    left: 0;
    right: 0;
    position: absolute;
    background-color: var(--main-color);
}

.header_section.sticky .header_bottom {
    top: 0;
    z-index: 99;
    position: fixed;
}
.account_not_user a.dropdown-toggle::after{
    content: unset !important;
}
.chir_loop .chir-img {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.chir_loop .chir-img img {
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s all ease-in-out;
}
.chir_loop .chir-img:hover img {
    transform: scale(1.03);
}
.wishlist-btn{
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #555555;
    min-width: 35px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ededed;
    text-transform: uppercase;
    background: #fff;
}
.wishlist-btn:hover{
    background: var(--main-color);
    color: #fff;
}
.header_top {
    padding: 7px 0;
    background-color: #f4f4f4;
}
.icon_header_right{
    justify-content: end;
    align-items: center;
    display: flex;
}
.icon_header_right .header_icons_group{
    margin: 0;
}
.header_select_options>li {
    position: relative;
}
.ul_li>li, .ul_li_right>li, .ul_li_center>li {
    float: left;
    list-style: none;
    display: inline-block;
}
#main_menu_dropdown .main_menu_list{
    margin-bottom: 0;
}
a{
    text-decoration: none;
}
.header_select_options .select_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
}

.header_select_options .select_option .nice-select {
    padding: 0;
    height: auto;
    border: none;
    line-height: 1;
    font-size: 14px;
    background-color: transparent;
}

.header_select_options .select_option .nice-select .current {
    font-size: 14px;
}

.header_select_options .flug_wrap {
    display: flex;
    min-width: 16px;
    margin-right: 7px;
    align-items: center;
}
.header_select_options .flug_wrap img{
    max-width: 30px;
}
.header_select_options .title_text {
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 4px;
}

.header_time {
    float: right;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 0;
    padding: 4.5px 0 4.5px 30px;
}

.header_hotline {
    float: right;
    line-height: 1;
    font-size: 13px;
    margin-bottom: 0;
    padding: 4.5px 0 4.5px 30px;
    border-left: 1px solid #ededed;
}

.header_hotline strong {
    font-weight: 500;
    color: #252525;
}

.brand_logo .brand_link {
    max-width: 250px;
    display: inline-block;
}

.cart_btn {
    background: none;
    border: none;
    float: right;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.cart_btn .cart_icon {
    font-size: 26px;
    position: relative;
    margin-right: 18px;
    color: #ffffff;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.cart_btn .cart_counter {
    top: -5px;
    right: -15px;
    height: 21px;
    font-size: 12px;
    min-width: 21px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    color: #ffffff;
    border-radius: 45px;
    font-family: "Roboto", sans-serif;
    background-color: #f3970d;
}

.cart_btn .cart_amount {
    opacity: 0.8;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.cart_btn:hover .cart_amount {
    opacity: 1;
}

.main_menu_list>li:not(:last-child) {
    margin-right: 32px;
}

.main_menu_list>li>a {
    display: block;
    line-height: 1;
    font-size: 14px;
    padding: 12px 0;
    font-weight: 500;
    position: relative;
    color: #252525;
    text-transform: uppercase;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.main_menu_list>li>a:after {
    -webkit-animation: 0.5s arrowMoveOut ease-in-out;
    animation: 0.5s arrowMoveOut ease-in-out;
}

.main_menu_list>li:hover>a:after {
    -webkit-animation: 0.3s arrowMoveIn ease-in-out forwards;
    animation: 0.3s arrowMoveIn ease-in-out forwards;
}

.main_menu_list>li:hover>a,
.main_menu_list>li.active>a {
    color: var(--main-color);
}

.main_menu_list>li:hover>a:after,
.main_menu_list>li.active>a:after {
    color: var(--main-color);
}

.main_menu_list .dropdown>a {
    position: relative;
}

.main_menu_list .dropdown.has_c>a:after {
    float: right;
    line-height: 1;
    font-size: 12px;
    content: "\f107";
    font-weight: 600;
    color: #252525;
    margin: 0 0 0 6px;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    font-family: "Font Awesome 5 Pro";
}

.main_menu_list .dropdown-menu {
    top: 100%;
    margin: 0px;
    padding: 10px 0;
    min-width: 190px;
}

.main_menu_list .dropdown-menu>li {
    padding: 0 5px;
}

.main_menu_list .dropdown-menu>li:not(:last-child) {
    margin-bottom: 1px;
}
.main_menu_list .dropdown-menu>li:nth-child(n+12) {
    display: none;
}
.main_menu_list .dropdown-menu>li>a {
    display: block;
    line-height: 1;
    font-size: 15px;
    border-radius: 4px;
    color: #252525;
    padding: 12px 18px 11px;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.main_menu_list .dropdown-menu>li:hover>a,
.main_menu_list .dropdown-menu>li.active>a {
    color: var(--main-color);
    background-color: #f8f8f8;
}

.main_menu_list .dropdown-menu .dropdown>a:after {
    margin-top: 2px;
    content: "\f105";
}

.main_menu_list .dropdown-menu .dropdown-menu {
    top: 0px;
    left: 100%;
}

.main_menu_list li:hover>.dropdown-menu {
    display: block;
}

@media screen and (min-width: 992px) {
    .main_menu_list .dropdown-menu {
        opacity: 0;
        display: block;
        display: block;
        -webkit-transition: 200ms;
        transition: 200ms;
        visibility: hidden;
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: perspective(300px) rotateX(-8deg);
        transform: perspective(300px) rotateX(-8deg);
    }

    .main_menu_list .dropdown-menu.show {
        width: max-content;
        opacity: 1;
        visibility: visible;
        -webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
    }
}
.dropdown.has_c:hover .menu-sub-lv2.dropdown-menu{
    width: max-content;
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
}
.allcategories_dropdown {
    position: relative;
}

.allcategories_dropdown .card-body {
    padding: 0;
    border: none;
    border-radius: 0;
}

.allcategories_btn {
    outline: none;
    background: none;
    border: none;
    width: 100%;
    display: block;
    line-height: 1;
    font-size: 16px;
    padding: 27px 0;
    text-align: left;
    font-weight: 500;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
}

.allcategories_btn svg,
.allcategories_btn i {
    margin: -3px 16px 0 0;
}

.allcategories_collapse {
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 96;
    min-width: 280px;
    position: absolute;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
}

.allcategories_list {
    padding: 15px 0;
    overflow-y: auto;
    max-height: 450px;
}
.allcategories_list::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.allcategories_list::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.allcategories_list::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--main-color);
}

.allcategories_list>li>a>i {
    opacity: 0.9;
    color: var(--main-color);
    position: absolute;
    right: 10px;
}

.allcategories_list>li:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.allcategories_list>li:hover>a {
    color: var(--main-color);
    background-color: #f8f8f8;
}

.allcategories_list>li:hover>a>i {
    opacity: 1;
}
.first:hover .sub_menu.megaMenu {
    visibility: visible;
    opacity: 1;
}
.allcategories_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #252525;
}

.allcategories_list a i {
    float: left;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    margin-right: 8px;
    text-align: center;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.allcategories_list>.has_child>a {
    position: relative;
}

.allcategories_list>.has_child>a:after {
    top: 50%;
    right: 30px;
    content: "\f105";
    font-weight: 700;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Pro";
}

@media screen and (min-width: 1025px) {
    body:has(.slider_2) .allcategories_collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 301px;
        border: 1px solid #ededed;
    }

    body:has(.slider_2) .allcategories_collapse:not(.show) {
        display: block;
    }

    body:has(.slider_2) .allcategories_collapse .card {
        background-color: #fafafa;
    }

    body:has(.slider_2) .allcategories_collapse .allcategories_list a {
        padding: 16px 20px;
        font-size: 15px;
    }

    body:has(.slider_2) .allcategories_collapse .allcategories_list {
        padding: 16px 0 17px;
    }

    body:has(.slider_2) .header_section.sticky .allcategories_collapse:not(.show) {
        display: none;
    }
}

.advance_serach {
    position: relative;
}

.advance_serach .form_item {
    margin-bottom: 0;
    border-radius: 6px;
    background-color: #fafafa;
}

.advance_serach .form_item input {
    outline: none;
    width: 100%;
    border: none;
    height: 45px;
    padding: 0 20px;
    background-color: transparent;
}

.advance_serach .form_item input:-moz-placeholder {
    font-size: 15px;
}

.advance_serach .form_item input::-moz-placeholder {
    font-size: 15px;
}

.advance_serach .form_item input:-ms-input-placeholder {
    font-size: 15px;
}

.advance_serach .form_item input::-webkit-input-placeholder {
    font-size: 15px;
}

.advance_serach .search_btn {
    border: none;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 45px;
    font-size: 20px;
    color: #252525;
    position: absolute;
    border-radius: 0 5px 5px 0;
    background-color: #d2d8e6;
}

.advance_serach .search_btn:hover {
    color: var(--main-color);
}

.header_icons_group>li:first-child {
    display: none;
}

.header_icons_group>li:not(:last-child) {
    margin-right: 10px;
}
.MuiSvgIcon-root {
    fill: #000;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}
.breadcrumb {
    padding: 14px 0 13px;
    border-bottom: 1px solid #ededed;
}
.breadcrumb ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb li:not(:last-child) {
    margin-right: 12px;
    padding-right: 12px;
}
.breadcrumb li {
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.breadcrumb a {
    display: block;
    color: #252525;
}
.breadcrumb li:after {
    top: 6px;
    right: -5px;
    line-height: 1;
    font-size: 11px;
    content: "\f101";
    font-weight: 700;
    position: absolute;
    font-family: "Font Awesome 6 Pro";
}
.breadcrumb li:last-child:after {
    content: '';
}
.header_icons_group>li>a,
.header_icons_group>li>button {
    width: 36px !important;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 20px;
    position: relative;
    border-radius: 4px;
    color: #252525;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header_icons_group>li>a i,
.header_icons_group>li>button i {
    font-weight: 400;
}

.header_icons_group>li:hover>a {
    color: var(--main-color);
}

.header_icons_group .wishlist_counter {
    top: 2px;
    right: 0;
    height: 18px;
    font-size: 11px;
    min-width: 18px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    text-align: center;
    color: #ffffff;
    border-radius: 45px;
    background-color: var(--main-color);
}

.sidebar-menu-wrapper {
    display: block;
}

.sidebar-menu-wrapper .close_btn {
    top: 20px;
    right: 30px;
    line-height: 1;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
}

.sidebar-menu-wrapper .cart_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    position: fixed;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background: rgba(0, 0, 0, 0.8);
}

.sidebar-menu-wrapper .cart_overlay.active {
    opacity: 1;
    visibility: visible;
}

.cart_sidebar::-webkit-scrollbar {
    width: 0px;
}

.cart_sidebar {
    top: 0px;
    width: 350px;
    right: -370px;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    padding: 30px 0px;
    padding-top: 60px;
    overflow-y: scroll;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: #ffffff;
}

.cart_sidebar.active {
    right: 0px;
}

.cart_sidebar .mCustomScrollBox {
    overflow: visible !important;
}

.cart_sidebar .cart_items_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 30px;
    position: relative;
    padding-right: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_sidebar .cart_items_list li:not(:last-child) {
    margin-bottom: 20px;
}

.cart_sidebar .cart_items_list .remove_btn {
    top: 50%;
    right: 30px;
    font-size: 16px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart_sidebar .cart_items_list .remove_btn:hover {
    color: #f03d3f;
}

.cart_sidebar .cart_items_list .item_image {
    max-width: 70px;
    margin-right: 10px;
}

.cart_sidebar .cart_items_list .item_title {
    line-height: 1;
    font-size: 16px;
    margin-bottom: 10px;
    color: #252525;
}

.cart_sidebar .cart_items_list .item_price {
    display: block;
    font-size: 15px;
}

.cart_sidebar .total_price {
    margin: 30px 0;
    padding: 20px 30px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.cart_sidebar .total_price li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart_sidebar .total_price li:not(:last-child) {
    margin-bottom: 15px;
}

.cart_sidebar .total_price li:last-child {
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.cart_sidebar .total_price li:last-child span {
    font-weight: 500;
}

.cart_sidebar .total_price span {
    font-size: 16px;
    color: #252525;
    display: inline-block;
}

.cart_sidebar .btns_group {
    padding: 0px 30px;
}

.cart_sidebar .btns_group li:not(:last-child) {
    margin-bottom: 10px;
}

.cart_sidebar .btns_group a {
    width: 100%;
    display: block;
}

/*body*/
.home-banner{
    padding-top: 60px;
    position: relative;
    overflow: hidden;
}
.home-banner img{
    position: relative;
}
.home-banner .owl-stage-outer {
    border-radius: 15px;
}
.home-banner .owl-dots{
    left: 19.3%;
    bottom: 90px;
    position: absolute;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 13px;
}
.owl-dots button.owl-dot{
    position: relative;
    opacity: 1;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 100%;
    border: 1px solid #d5d5d599;
    background-color: #d5d5d599;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.owl-dots button.owl-dot.active{
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    background-color: var(--main-color);
    border: none;
}
.owl-dots button.owl-dot.active:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgb(37 72 154 / 79%);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    transform: scale(1.7);
}

.section_space,.home-hot-news,.promotion_section {
    padding-top: 100px;
}
.section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    border-bottom: 1px solid #ededed;
}

.section_title .title_text {
    z-index: 1;
    color: #ffffff;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-bottom: -1px;
    display: inline-block;
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 13px 40px 13px 30px;
    background-color: var(--main-color);
}

.section_title .title_text i {
    font-size: 18px;
    margin-right: 8px;
}
.arrows_topright {
    position: relative;
}
.top_category_carousel {
    z-index: 2;
    padding: 0.5px;
    position: relative;
    border-right: 1px solid #ededed;
}
.top_category_carousel .owl-nav{
    display: flex !important;
    gap: 5px;
    right: 0;
    top: -40px;
    position: absolute;
}
.top_category_carousel .owl-nav button i {
    font-weight: 500;
    font-size: 13px;
}
.top_category_carousel .owl-nav button{
    width: 35px;
    height: 35px;
    color: #2f3034 !important;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    border-radius: 3px;
    background-color: #f4f4f4 !important;
}
.category_boxed {
    z-index: 1;
    padding: 10px;
    display: block;
    position: relative;
    border: 1px solid #ededed;
}
.category_boxed>a {
    display: block;
    padding: 26px 0;
    text-align: center;
    background-color: #f8f8f8;
}
.category_boxed>a>span {
    display: block;
}
.category_boxed .item_image {
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.category_boxed .item_image img {
    object-fit: cover;
    max-width: 150px;
    max-height: 110px;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.category_boxed .item_title {
    font-size: 15px;
    font-weight: 500;
    color: #252525;
}
.category_boxed:hover>a span {
    color: var(--main-color);
}
.category_boxed:hover .item_image img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.top_category_carousel {
    z-index: 2;
    padding: 0.5px;
    position: relative;
    border-right: 1px solid #ededed;
}
.top_category_carousel .slider_item {
    border: 1px solid #ededed;
}


.promotion_banner_wrap {
    margin-top: -30px;
}

.promotion_banner {
    display: flex;
    gap: 20px;
    border-radius: 6px;
    margin-top: 30px;
    min-height: 270px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.promotion_banner .owl-nav{
    display: flex !important;
    gap: 5px;
    right: 0;
    top: -40px;
    position: absolute;
}
.promotion_banner .owl-nav button{
    width: 35px;
    height: 35px;
    color: #2f3034 !important;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    border-radius: 3px;
    background-color: #f4f4f4 !important;
}
.promotion_banner .owl-nav button i {
    font-weight: 500;
    font-size: 13px;
}

.promotion_banner .item_image {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promotion_banner .item_image img {
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 10px;
}
.promotion_banner .item_content {
    z-index: 1;
    max-width: 300px;
    position: relative;
    padding-right: 20px;
}

.promotion_banner .item_title {
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}

.promotion_banner p {
    margin-bottom: 20px;
}

.promotion_banner .btn {
    padding: 15px 32px 13px;
}
section.product{
    padding-top: 100px;
}
section.product .blockProduct .title_chir h2{
    background-color: #f4f4f4;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 23px 16px;
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
}
section.product .blockProduct .title_chir h2.active{
    background-color: var(--main-color);
}
section.product .blockProduct .title_chir h2.active a{
    color: #fff;
}
section.product .blockProduct .cate-child-wrapper a:hover{
    background-color: var(--main-color);
}
section.product .blockProduct .title_chir h2 a{
    color: #2f3034;
}
section.product .blockProduct .cate-child-wrapper a{
    color: #2f3034;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
section.product .title_chir{
    display: flex;
    align-items: center;
    gap: 5px;
}
section.product .cate-child-wrapper{
    gap: 5px;
}
.resultProductsCats .product-list{
    position: relative;
}
.resultProductsCats .product-list .owl-nav{
    display: flex;
    position: absolute;
    top: -55px;
    right: 0;
    gap: 5px;
}
.resultProductsCats .product-list .owl-nav button{
    width: 35px;
    height: 35px;
    color: #2f3034;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    border-radius: 3px;
    background-color: #f4f4f4;
}
.resultProductsCats .product-list .item{
    padding-left: 0;
}
li.item_product{
    overflow: hidden;
    position: relative;
    padding: 11px 11px 22px;
    border: 1px solid #ededed;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
li.item_product:hover{
    z-index: 2;
    border-color: var(--main-color);
}
li.item_product .pro-name{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    margin-top: 15px;
}
.product-detail a.price_item .pro-price{
    display: flex;
    align-items: center;
}
.product-detail a.price_item .pro-price .tag-product{
    top: 0;
    right: 0;
    z-index: 1;
    width: 60px;
    height: 60px;
    color: #ffffff;
    position: absolute;
    margin-right: 0;
}
.product-detail a.price_item .pro-price .tag-product:before{
    background-color: #f03d3f;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    position: absolute;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.product-detail a.price_item .pro-price .tag-product span.outstock{
    font-weight: 700;
    color: #fff;
    top: 15px;
    right: -13px;
    line-height: 1;
    font-size: 12px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    white-space: nowrap;
}
.product-detail a.price_item .pro-price .tag-product span.percent-discount{
    font-weight: 700;
    color: #fff;
    top: 11px;
    right: -8px;
    line-height: 1;
    font-size: 15px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    white-space: nowrap;
}
.product-detail .item_btns_group{
    padding-left: 0;
    gap: 5px;
}
.product-detail .item_btns_group a .fa-heart {
    font-weight: 500;
}
.product-detail .item_btns_group .addtocart_btn:hover{
    background: var(--main-color);
    color: #fff;
}
.product-detail .item_btns_group .addtocart_btn {
    letter-spacing: 0.8px;
    font-weight: 600;
    color: #252525;
    min-width: 120px;
    border-color: #f4f4f4;
    padding: 12px 10px 10px;
    background-color: #f4f4f4;
}
.product-detail .item_btns_group a {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #555555;
    min-width: 35px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ededed;
    text-transform: uppercase;
}
.product-detail a.price_item .pro-price span {
    font-size: 18px;
    font-weight: 600;
    margin-right: 8px;
    color: #252525;
    display: inline-block;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.product-detail a.price_item .pro-price del{
    font-size: 14px;
    font-weight: 400;
    color: #636363;
    margin-right: 10px;
}
.resultProductsCats .product-list .item li.item_product .pro-name a{
    font-size: 15px;
    font-weight: 500;
    color: #252525;
}
.rating_star {
    display: flex;
    margin-bottom: 14px;
    justify-content: start;
    padding: 0;
    margin-top: 5px;
}
.rating_star li {
    color: #ffb11a;
}
.rating_star li:not(:last-child) {
    margin-right: 2px;
}
.rating_star li {
    color: #ffb11a;
    font-size: 11px;
}
.chir_loop .chir-img{
    position: relative;
    /*background-color: #f8f8f8;*/
}
.chir_loop .chir-img img{
    object-fit: contain;
}
section.product .tp_product_category_box {
    margin-bottom: 50px;
}
.banner_category {
    padding-bottom: 50px;
}
.brand_total {
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 10px 10px;
    color: white;
    font-weight: 200;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.brand_total .brand{
    display: flex;
    animation: marquee 10s linear infinite running;
}

.brand_total .brand:hover {
    animation-play-state: paused;
}

.brand_total .brand .slider_item {
    width: 200px;
    margin: 0 .5em;
    padding: .5em;
    background: rgba(255, 255, 255, .1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}


@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translate(-50%);
    }
}

h2.title{
    line-height: 1;
    font-size: 18px;
    letter-spacing: 0.8px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: uppercase;

}
.news-item .news-title{
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    color: #252525;
    display: inline-block;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.news-item .news-content{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    margin-top: 7px;
}
.news-item .news-content h1,.news-item .news-content span,.news-item .news-content a,.news-item .news-content p{
    font-size: 17px !important;
    color: #000 !important;
}
.icon_name {
    display: flex;
    align-items: center;
    gap: 12px;
}
.icon_name img {
    width: 35px;
    height: 35px;
}
.allcategories_list .megaMenu:hover ul.megaMenu {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
.allcategories_list .megaMenu > li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-weight: 500;
    padding: 15px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #252525;
}
.allcategories_list .megaMenu > li:hover{
    background: #ededed ;
}
.allcategories_list .megaMenu > li a.lv2{
    padding: 0;
}
ul.megaMenu-level3{
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    padding: 15px 0;
    background: #fff;
    min-width: 260px;
    flex-direction: column;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    height: 100%;
    left: 95%;
    z-index: 3;
    transform: translateX(10px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    margin-left: 1px;
}
.sub_menu.megaMenu .two:hover ul.megaMenu-level3 {
    visibility: visible;
    opacity: 1;
}
.allcategories_list .megaMenu .sub_menu.megaMenu-level3 li:hover {
    background: #ededed;
}
.allcategories_list .megaMenu .sub_menu.megaMenu-level3 li{
    padding: 3px;
    line-height: 1;
    font-weight: 500;
}
.allcategories_list .megaMenu ul > li:hover {
    background: #ededed;
}
.allcategories_list .megaMenu{
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    background: #fff;
    min-width: 260px;
    flex-direction: column;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    height: 100%;
    left: 95%;
    z-index: 3;
    transform: translateX(10px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    margin-left: 1px;
}
.titleTabItem.active .tp_title{
    background-color: var(--main-color) !important;
    color: #fff !important;
}
.home-hot-news .owl-nav {
    display: flex;
    position: absolute;
    top: -55px;
    right: 0;
    gap: 5px;
}
section.home-hot-news .owl-nav button {
    width: 35px;
    height: 35px;
    color: #2f3034;
    font-size: 16px;
    line-height: 37px !important;
    text-align: center;
    border-radius: 3px;
    background-color: #f4f4f4 !important;
}
.home-hot-news .owl-news{
    position: relative;
}

.newsletter_section {
    padding: 65px 0;
    background-color: var(--main-color);
    margin-top: 50px;
}

.newsletter_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 34px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.newsletter_title i {
    font-size: 50px;
    margin-right: 20px;
}

.newsletter_form {
    position: relative;
}

.newsletter_form input {
    outline: none;
    width: 100%;
    border: none;
    height: 60px;
    display: block;
    padding: 0 25px;
    border-radius: 0;
}
.btn.btn_danger {
    border-color: #f03d3f;
    background-color: #f03d3f;
}
.btn {
    outline: none;
    line-height: 1;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    display: inline-block;
    padding: 19px 33px 17px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.newsletter_form .btn {
    top: 50%;
    right: 0;
    font-size: 18px;
    min-width: 170px;
    border-radius: 0;
    position: absolute;
    padding: 20px 33px 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer_section {
    padding: 120px 0 30px;
}

.footer_section .brand_logo {
    margin-bottom: 12px;
}

.footer_widget_title {
    color: #000000;
    line-height: 1;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 35px;
}
.footer_widget_area {
    margin-bottom: 30px;
    padding-bottom: 80px;
    border-bottom: 1px solid #ededed;
}

.footer_about {
    padding-right: 35px;
}

.footer_about p {
    margin-bottom: 30px;
}

.footer_useful_links li:not(:last-child) {
    margin-bottom: 10px;
}

.footer_useful_links a {
    color: #636363;
}

.footer_useful_links a:hover {
    color: var(--main-color);
}

.footer_contact p {
    margin-bottom: 10px;
}

.hotline_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_hotline .item_icon {
    font-size: 34px;
    margin-right: 10px;
    color: #f03d3f;
}

.footer_hotline .item_title {
    line-height: 1;
    color: #282828;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
}

.footer_hotline .hotline_number {
    display: block;
    line-height: 1;
    font-weight: 700;
    color: #f03d3f;
    font-family: "Roboto", sans-serif;
}

.livechat_btn .btn {
    float: right;
    min-width: 160px;
    border-radius: 45px;
    padding: 13px 30px 11px;
}

.store_btns_group {
    margin: -10px;
}

.store_btns_group li {
    width: 50%;
    padding: 10px;
}
.store_btns_group li img{
    max-height: 67px;
}
.store_btns_group a {
    display: block;
}

.copyright_text {
    margin-bottom: 0;
}

.copyright_text a {
    color: #636363;
}

.copyright_text a:hover {
    color: var(--main-color);
}

.copyright_text b {
    color: #252525;
}

.payment_method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.payment_method h4 {
    color: #282828;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 15px;
}
ul{
    padding-left: 0;
}
.social_round{
    display: flex;
    gap: 5px;
}
.social_round a {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #252525;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f8f8f8;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #252525;
    font-family: 'Work Sans', sans-serif;
}

/*modal succes*/
.modal-add-success, .modal-copy-success {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    transform: translateX(-100vw);
    transition: all .3s;
}

.modal-copy-success {
    left: auto;
    right: 20px;
    top: 20px;
    bottom: auto;
    transform: translateX(100vw);
    z-index: 999;
}

.modal-add-success.active, .modal-copy-success.active {
    transform: translateX(0);
}

.mas-wrap {
    font-weight: 400;
    background-color: var(--main-color)!important;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    color: rgb(255, 255, 255);
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}
.bg-cover {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 99;
    display: none;
}
.bg-cover.active{
    display : block;
}
a {
    color: #000;
    text-decoration: none;
    background: transparent;
}
.chi-action{
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    color: #ffffff;
    line-height: 1;
    font-size: 14px;
    margin-top: 10px;
    min-width: 110px;
    padding: 8px 10px;
    text-align: center;
    position: absolute;
    display: inline-block;
    background-color: #f03d3f;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.chi-action a{
    color: #fff;
}
li.item_product:hover .chi-action {
    opacity: 1;
    margin-top: 0;
}
.livechat_btn .btn{
    color: #000;
    border: 2px solid var(--main-color);
}

/*quickview*/
#product-quickview {

    display: flex;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
#product-quickview .product-quickview-left {
    width: 40%;
}
#product-quickview .product-quickview-right {
    width: 60%;
    padding: 0 20px;
}
#product-quickview .product-quickview-right .product-quickview-title {
    font-size: 25px;
    font-weight: 700;
    padding-right: 45px;
}
#product-quickview .product-quickview-right .product-quickview-title a{
    color: #000;
}
#product-quickview .product-quickview-right .product-quickview-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: .85rem;
    margin-bottom: 10px;
}
#product-quickview .product-quickview-right .product-quickview-price {
    border-top: 1px dotted #dee2e6;
    border-bottom: 1px dotted #dee2e6;
    padding: 0 !important;
    font-size: .95rem;
}
#product-quickview .product-quickview-right .product-quickview-swatch {
    margin-bottom: 15px;
}
#product-quickview .product-quickview-right .product-quickview-quantity {
    margin-top: 20px;
}

element.style {
}
#product-quickview .product-quickview-right .product-quickview-quantity {
    margin-top: 20px;
}
.shop-quantity-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
#product-quickview .product-quickview-right .product-quickview-cta {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#product-quickview .product-quickview-right .product-quickview-info > div {
    width: 50%;
    padding-left: 15px;
    position: relative;
}
#product-quickview .product-quickview-right .product-quickview-info > div {
    width: 50%;
    padding-left: 15px;
    position: relative;
}
#product-quickview .product-quickview-right .product-quickview-info span {
    font-weight: 400;
    margin-right: 5px;
}
#product-quickview .product-quickview-right .product-quickview-info > div:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: var(--color_main);
}
#product-quickview .product-quickview-right .product-quickview-info > div {
    width: 50%;
    padding-left: 15px;
    position: relative;
}
#product-quickview .product-quickview-right .product-quickview-price .product-quickview-price-wrap {
    gap: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 50px;
}
#product-quickview .product-quickview-right .product-quickview-price .product-quickview-price-wrap .product-quickview-price-this {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f30;
}
#product-quickview .product-quickview-right .product-quickview-swatch .product-sw-line {
    margin-top: 15px;
}
#product-quickview .product-quickview-right .product-quickview-swatch .product-sw-line .product-sw-select {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
#product-quickview .product-quickview-right .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-title {
    font-weight: 500;
    margin-right: 20px;
    min-width: 70px;
    display: block;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0;
}
#product-quickview .product-quickview-right .product-quickview-swatch .product-sw-line .product-sw-select .color{
    margin: 0;
}

/*contact*/

.content_register{
    width: 100%;
    border-radius: 5px;
    border-color: #d3d3d3;
}
.content-contact{
    padding-top: 15px;
}
.button-contact{
    padding: 0 15px;
}
.button-contact button{
    background: var(--main-color);
    border-radius: 0;
    width: 50%;
    margin: 0;
    height: 40px;
    color: #fff;
    border: none;
}
.page-contact>.row {
    margin-left: auto;
    margin-right: auto;
}
.page-contact h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    padding: 5px 0;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.input-group {
    margin-bottom: 15px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
}
.input-group>.form-control {
    width: calc(100% - 120px) !important;
    display: block;
    height: 35px;
    margin-bottom: 10px;
    border-color: #e0e0e0;
    border-radius: 3px;
}
.input-group>textarea.form-control {
    height: auto;
}
.input-group>.form-control::placeholder {
    font-size: 14px;

}
.input-group label {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100px;
    display: flex;
    align-items: center;
}
.page-contact {
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1180px;
    margin-left: 220px;
}
.contact-title {
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .page-contact {
        margin: 40px 0;
    }
    .page-contact h3 {
        font-size: 20px;
    }
    .main-info>p {
        font-size: 14px;
    }
    .row>*.main-contact {
        padding: 0;
    }
    .contact-form {
        padding: 40px 10px 30px
    }
    .page-contact h3 {
        text-align: left !important;
    }
}
.ui-dialog{
    background: #fff;
}

/*footer*/
div.bottom-chat {
    display: inline-block;
    position: fixed;
    right: 50px;
    bottom: 95px;
    width: 55px;
    z-index: 10;
}
div.bottom-chat div.bottom-chat__trigger {
    width: 100%;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button {
    padding: 0;
    margin: 0;
    width: 55px;
    height: 55px;
    border-radius: 60px;
    padding: 0;
    border: none;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease;
    transition: all .27s ease;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button span.chat-button__icon {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #067aff;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button.chat-button_closed span.chat-button__icon_opened {
    display: none;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button span.chat-button__icon {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #067aff;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button span.chat-button__icon svg {
    width: 27px;
    height: 27px;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease;
    transition: all .27s ease;
    stroke: #fff;
    fill: #fff;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button span.chat-button__icon svg path {
    stroke: #fff;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button:active, div.bottom-chat div.bottom-chat__trigger button.chat-button:hover {
    margin-bottom: 5px;
}
div.bottom-chat div.bottom-chat__trigger button.chat-button:active span.chat-button__icon, div.bottom-chat div.bottom-chat__trigger button.chat-button:hover span.chat-button__icon {
    background-position: right center;
}
.chat-button.chat-button_opened .chat-button__icon_closed{
    display: none !important;
}
div.bottom-chat div.bottom-chat__options{
    display: none;
}
div.bottom-chat div.bottom-chat__options.active{
    display: block;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 100%;
    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item svg * {
    stroke: #fff;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item.facebook {
    background: #0866ff;
    border: 1px solid #0866ff;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item.location {
    background: #eb1c24;
    border: 1px solid #eb1c24;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item.phone {
    background: #2ca7d0;
    border: 1px solid #2ca7d0;
}
div.bottom-chat div.bottom-chat__options div.bottom-chat__option-item-wrap a.bottom-chat__option-item.zalo {
    background: #0068ff;
    border: 1px solid #0068ff;
}

/*back-to-top*/
.progress-wrap {
    position: fixed;
    right: 55px;
    bottom: 35px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(33 33 33 / 10%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: rgb(255 255 255 / 47%);
}

.progress-wrap:hover {
    background-color: rgb(255 255 255 / 70%);
}

.progress-circle.svg-content {
    overflow: visible;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    content: '\f062';
    font-family: 'Font Awesome 6 Pro';
    text-align: center;
    line-height: 46px;
    font-weight: bold;
    font-size: 15px;
    color: var(--main-color);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: var(--main-color);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/*end*/
#side-cart::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#side-cart::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

#side-cart::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--main-color);
}
.side-cart-style.active {
    overflow: auto;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.side-cart-style {
    padding: 30px 0;
    position: fixed;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    color: #000;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 350px;
}
#side-cart .side-close-cart{
    top: 20px;
    right: 30px;
    line-height: 1;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
}
#side-cart .cart_items_list li:not(:last-child) {
    margin-bottom: 20px;
}
.cart_items_list {
    margin: 0;
    padding: 0;
    display: block;
}
#side-cart .cart_items_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    position: relative;
    padding-right: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#side-cart .cart_items_list .item_image {
    background: #eaeaea;
    max-width: 70px;
    margin-right: 10px;
}
#side-cart .cart_items_list .item_title {
    font-weight: 600;
    line-height: 1.3;
    font-size: 16px;
    margin-bottom: 10px;
    color: #252525;
}
#side-cart .cart_items_list .item_price {
    display: block;
    font-size: 15px;
}
#side-cart .cart_items_list .tp_product_price_old{
    color: red;
    font-size: 15px;
}
#side-cart .cart_items_list .remove_btn {
    border: none;
    background: none;
    top: 50%;
    right: 30px;
    font-size: 16px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: none;
}
.side-cart-wrapper{
    padding: 30px 0;
}
#side-cart .total_price {
    margin: 30px 0;
    padding: 20px 30px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
#side-cart .total_price li:not(:last-child) {
    margin-bottom: 15px;
}
#side-cart .total_price li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#side-cart .total_price span {
    font-size: 16px;
    color: #252525;
    display: inline-block;
}
#side-cart .btns_group {
    padding: 0px 30px;
}
#side-cart .btns_group li:not(:last-child) {
    margin-bottom: 10px;
}
#side-cart .btns_group a {
    width: 100%;
    display: block;
}
.btn.btn_primary {
    border-color: #2742fd;
    background-color: #2742fd;
}
.btn.btn_secondary {
    border-color: #f3970d;
    background-color: #f3970d;
}
.btn.btn_primary:hover {
    color: #2742fd;
    background-color: transparent;
}
.btn.btn_secondary:hover {
    color: #f3970d;
    background-color: transparent;
}
/*.allcategories_list ul.megaMenu{*/
/*    overflow-y: auto;*/
/*}*/
.allcategories_list ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.allcategories_list ul::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.allcategories_list ul::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--main-color);
}

#searchFolding {
    position: absolute;
    top: 102%;
    left: 12px;
    width: 96%;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 1px 0 #bbb;
    z-index: 9;
    transition: 0.3s;
}
#searchFolding a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
    color: #7e7e7e;
}
#searchFolding a span {
    float: right;
}
.pd-sticky .highlight_detail {
    margin-top: 10px;
}
.allcategories_list a i{
    opacity: 0.9;
    color: var(--main-color);
}
.allcategories_list .megaMenu > li a.lv2{
    width: 100%;
}
.allcategories_list .megaMenu ul.menu_two {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;

}
.layout-bottom {
    border-left: 6px solid #000;
    padding: 16px 40px;
    --bs-bg-opacity: 1;
    --bs-white-rgb: 255, 255, 255;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
}

.layout-article.less {
    font-size: 16px;
    overflow: hidden;
    -webkit-mask-image: -webkit-linear-gradient(top, #000 60%, transparent);
    max-height: 300px;
}
.layout-article{
    font-size: 16px;
    overflow: hidden;
}
.btn-more-less.less i {
    transform: scaleY(-1);
}
.btn-more-less {
    align-items: center;
    background: transparent;
    border: none;
    color: #444;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 16px;
}
@media (max-width: 992px){
    .product-tab ul{
        width: max-content;
    }
    .menu_tablist{
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .product-tab .tab-content>.tab-pane{
        padding: 10px 15px;
    }
    .product-tab .tab-content>.tab-pane ul{
        width: 100%;
    }
}

.page_contact div.contacts-card {
    padding: 25px;
    background: #fff;
    border-radius: 12px;
    border: 2px solid var(--main-color);
}
.page_contact .contacts-card div.contacts-card__info {
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__title {
    margin-bottom: 30px;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__title h4 {
    font-size: 18px;
    color: #010101;
    padding: 0;
    margin: 0;
    font-weight: 600;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__address {
    margin-bottom: 15px;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__address span {
    font-size: 14px;
    font-weight: 500;
    color: #010101;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__phones {
    margin-bottom: 10px;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__phones a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 28px;
    line-height: 1;
    color: #010101;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease;
    transition: all .27s ease;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__phones a:last-child {
    margin-bottom: 0;
}
.page_contact .contacts-card div.contacts-card__info {
    margin-bottom: 40px;
}
.page_contact .contacts-card div.contacts-card__info span {
    display: block;
    font-size: 13px;
    color: rgba(32, 35, 51, .8);
    line-height: 1.4;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px;

}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__social a {
    width: 60px;
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
}
.page_contact div.contacts-card__info div.contacts-card__callinfo {
    margin-bottom: 40px;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__social a span {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #efeff0;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease;
    transition: all .27s ease;
    border-radius: 6px;
}
.page_contact .contacts-card div.contacts-card__info div.contacts-card__social a span svg {
    width: 25px;
    height: 25px;
    fill: #010101;
}
.page_contact div.contacts-card div.contacts-card__info div.contacts-card__email span.email-title {
    font-size: 13px;
    color: #010101;
    margin-bottom: 15px;
    display: block;
}
.page_contact div.contacts-card div.contacts-card__info div.contacts-card__email a {
    display: block;
    text-decoration: none;
}
div.btn.btn-primary.btn-lg.btn-icon {
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-color: var(--main-color);
}
div.btn.btn-primary.btn-lg.btn-icon span.icon {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
}
div.btn.btn-primary.btn-lg.btn-icon span.icon svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
}
div.btn.btn-primary.btn-lg.btn-icon span.text {
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    margin-left: 10px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.page_contact div.contacts-card div.contacts-card__map {
    background: #fcfcfc;
    line-height: 0;
}
.page_contact div.contacts-card div.contacts-card__map iframe {
    width: 100%;
    height: 400px;
    border: none;
}
.product-for-you{
    margin-top: 30px;
}
.section-product .owl-nav {
    display: flex !important;
    position: absolute;
    top: -55px;
    right: 0;
    gap: 5px;
}
.section-product .owl-nav button {
    width: 35px;
    height: 35px;
    color: #2f3034;
    font-size: 16px;
    line-height: 37px !important;
    text-align: center;
    border-radius: 3px;
    background-color: #f4f4f4 !important;
}

section.product .title_chir{
    margin-bottom: 6px;
}
.outerTabTitle::-webkit-scrollbar {
    width: 0.25rem;
    height: 0;
}

.outerTabTitle::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
}

.outerTabTitle::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}
.outerTabTitle {
    user-select: none;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*overflow: hidden;*/
    width: 70%;
}
section.product .cate-child-wrapper{
    border: none;
    width: max-content;
}
section.product .cate-child-wrapper li {
    background-color: #f4f4f4;
    padding: 15px 23px 14px;
    text-align: center;
}
section.product .blockProduct .cate-child-wrapper a{
    padding: 0;
    white-space: pre;
}
.titleTabItem.active {
    background-color: var(--main-color) !important;
    color: #fff !important;
}
section.product .blockProduct .cate-child-wrapper .titleTabItem:hover {
    background-color: var(--main-color);
    color: #fff !important;
}
section.product .blockProduct .cate-child-wrapper .titleTabItem:hover a{
    color: #fff !important;
}
section.product .blockProduct .title_chir h2{
    white-space: nowrap;
}


body {
    font-size: 15px;
}

td {
    border: 1px solid #dddddd;
    padding: 8px 8px 8px 12px;
    font-size: 13px;
    width: 50%;
}

table {
    width: 100%;
}

.parameter_detail span {
    max-height: 95px;
    overflow: hidden;
    position: relative;
}

.parameter_detail span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 70%;
    background-color: white;
    filter: blur(9px);
}

a,
button {
    transition: .3s all ease-in-out;
}

.news-item .news-title {
    font-size: 16px;
}

.news-item:hover .news-title {
    color: var(--main-color);
}

.news-item .news-content {
    -webkit-line-clamp: 2;
}

.news-item .news-content p {
    font-size: 14px !important;
    color: #5a5a5a !important;
}

.news-img img {
    transition: .3s all ease-in-out;
}

.news-img {
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.news-img:hover img {
    transform: scale(1.03);
    filter: brightness(1.08);
}

.newsletter_form .btn {
    height: 60px;
}

.newsletter_form .btn:hover {
    color: #f03d3f;
    background-color: white;
}

.livechat_btn .btn:hover {
    color: white;
    background-color: var(--main-color);
}

.social_round a:hover {
    color: white;
    background-color: var(--main-color);
}

.resultProductsCats .product-list .owl-nav button {
    transition: .3s all ease-in-out;
}

.home-hot-news .owl-news .owl-nav>button:hover {
    color: white;
    background-color: var(--main-color) !important;
}

li.item_product .pro-name {
    -webkit-line-clamp: 2;
}

.icon_name img {
    width: 30px;
    height: 30px;
}

#news_view strong {
    font-weight: 600;
}

.page_contact .contacts-card div.contacts-card__info div.contacts-card__social a span svg {
    transition: all .27s ease;
}

.page_contact .contacts-card div.contacts-card__info div.contacts-card__social a span:hover svg {
    fill: var(--main-color);
}

.home-banner .owl-nav button {
    width: 35px;
    height: 35px;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 37px !important;
    text-align: center;
    border-radius: 3px;
    transition: .3s all ease-in-out;
}
.home-banner .owl-nav {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    justify-content: space-between;
    display: flex;
    position: absolute;
    top: 55%;
    gap: 5px;
    opacity: 0;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
}
.home-banner:hover .owl-nav{
    opacity: 1;
}
.model_code{
    display: none;
}
#popup-banner .modal-body {
    padding: 0;
}
#popup-banner .modal-content {
    border: unset;
}
#popup-banner .modal-content button {
    position: absolute;
    z-index: 99;
    border-radius: 50%;
    right: -15px;
    top: -10px;
    background: #333;
    border: unset;
    color: #fff;
    width: 25px;
    font-size: 12px;
    height: 25px;
    border: 2px solid #fff;
    line-height: 21px;
}
#popup-banner {
    top: 30%;
}
.allcategories_list img.icon_ct {
    width: 25px;
    margin-right: 10px;
}