@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400 700;
    src: url("https://cdn.jsdelivr.net/fontsource/fonts/google-sans:vf@5.3.1/vietnamese-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400 700;
    src: url("https://cdn.jsdelivr.net/fontsource/fonts/google-sans:vf@5.3.1/latin-ext-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400 700;
    src: url("https://cdn.jsdelivr.net/fontsource/fonts/google-sans:vf@5.3.1/latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    --shop-color-bg: #ffffff;
    --shop-color-main: #333333;
    --shop-color-text: #121212;
    --shop-color-title: #121212;
    --shop-color-hover: #000000;
    --shop-color-button: #333333;
    --shop-color-button-text: #ffffff;
    --shop-color-border: #e7e7e7;
    --header-bg: #ffffff;
    --header-color-text: #333333;
    --topbar-bg: #101010;
    --topbar-color-text: #ffffff;
    --home-coupon-bg: #ffffff;
    --home-coupon-light: #ffffff;
    --home-coupon-border: #f8d0d3;
    --home-coupon-text: #333333;
    --footer-bg-color-1: #1a1a1a;
    --footer-bg-color-2: #000000;
    --footer-color-title: #eeeeee;
    --footer-color-text: #d3d3d3;
    --footer-color-hover: #ffffff;
    --home-flashsale-bg: #faefec;
    --home-flashsale-color-title: #333333;
    --home-flashsale-color-light: #e70505;
    --home-flashsale-countdown-bg: #e70505;
    --home-flashsale-countdown-color-txt: #ffffff;
}
body {
    color: var(--shop-color-text);
    line-height: 1.6;
    font-size: 14px;
    background: var(--shop-color-bg);
    font-family: "Google Sans", sans-serif;
    overflow-x: hidden;
    position: relative;
}
body, input, textarea, button, select {
    font-family: "Google Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--shop-color-title);
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 1.2;
}
ul, ol {
    padding: 0;
    list-style: none;
}
.bread-crumb{
    background: #f5f5f5;
}
.bread-crumb .breadcrumView{
    font-size: 13px;
    padding: 7px 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
    list-style: none;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1600px;
         padding: 0 50px;
    }
}
a {
    color: var(--shop-color-text);
    text-decoration: none;
    outline: none;
    transition: all 0.3s ease-in-out;
}
.button {
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    background-color: var(--shop-color-button);
    color: var(--shop-color-button-text);
    padding: 12px 12px;
    border: 0;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    outline: none;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.modal-contactform {
    background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}
.modal-contactform.fade.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.modal-contactform .modal-header h4.modal-title {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
}
.modal-contactform .modal-header button.close {
    background-color: rgba(0, 0, 0, 0.3);
    border: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    border-radius: 50%;
    opacity: 1;
    text-align: center;
    outline: none;
}
.modal-contactform .modal-header button.close svg {
    display: block;
    margin: auto;
    height: 30px;
    width: 14px;
    text-align: center;
    fill: #f3f3f3;
}
.modal-contactform .modal-body.body-popupform .input-group input, .modal-contactform .modal-body.body-popupform .input-group textarea {
    border-color: #eee;
    font-size: 14px;
}
.modal-contactform .modal-body.body-popupform .form-control {
    background: #f3f5f6;
    border-radius: 0;
}
.modal-contactform .modal-body.body-popupform .btnSubmit-modal {
    padding: 10px 28px;
    outline: none;
}


    /*                                               header*/
/*--------------------------------------------------------------------------------
                                HEADER PAGE
--------------------------------------------------------------------------------*/
.topbar-bottom {
    background: var(--topbar-bg);
    color: var(--topbar-color-text);
    font-size: 13px;
}
.topbar-bottom .box-content {
    padding: 6px 0;
}
.topbar-bottom .hotline a {
    font-weight: 700;
    color: var(--topbar-color-text);
}
.topbar-bottom .contact {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
}
.topbar-bottom .contact:before {
    content: '';
    position: absolute;
    height: 80%;
    width: 1px;
    top: 0;
    margin: auto;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
}
.topbar-bottom .contact a {
    color: var(--topbar-color-text);
}
header .flex-container-header {
    min-height: 74px;
}
@media (max-width: 991px) {
    .locked-scroll {
        overflow: hidden;
        width: 100%;
        top: 0;
    }

    body.noscroll {
        overflow: hidden;
        width: 100%;
        top: 0;
        height: 100%; }
    body.noscroll .mainHeader .topbar-bottom {
        display: none; }
    body.noscroll .mainHeader {
        position: fixed;
        top: 0 !important;
        left: 0;
        bottom: 0;
        height: 100%;
        right: 0;
        z-index: 999;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transition: all 0s ease;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    body.noscroll .mainHeader.hSticky.hSticky-nav.hSticky-up,
    body.noscrolll .mainHeader.hSticky.hSticky-nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

.mainHeader {
    width: 100%;
    position: relative;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
.mainHeader .flex-container-header {
    margin: 0 -15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
.mainHeader .flex-container-header > div[class*='header-wrap-'] {
    padding: 0 15px; }
.mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }

.navbar-mainmenu .menuList-main li .uppercase{
    text-transform: uppercase;
}
.mainHeader .header-wrap-menu .navbar-mainmenu {
    text-align: center; }
.mainHeader .header-wrap-menu .menuList-main {
    margin: 0; }
.mainHeader .header-wrap-menu .menuList-main > li {
    display: inline-block;
    margin: 0 15px;
    position: relative; }
.mainHeader .header-wrap-menu .menuList-main > li > a {
    opacity: 0.85;
    position: relative;
    z-index: 2;
    display: block;
    padding: 15px 4px;
    width: 100%;
    letter-spacing: 0.75px;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition: none;
    transition: none; }
.mainHeader .header-wrap-menu .menuList-main > li > a svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s; }
.mainHeader .header-wrap-menu .menuList-main > li.active a, .mainHeader .header-wrap-menu .menuList-main > li.active a:focus {
    opacity: 1; }
.mainHeader .header-wrap-menu .menuList-main > li:hover > a, .mainHeader .header-wrap-menu .menuList-main > li.active:hover a {
    opacity: 1; }
.mainHeader .header-wrap-menu .menuList-main > li:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0%;
    transform-origin: 0%; }
.mainHeader .header-wrap-menu .menuList-main > li:hover > a svg {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
.mainHeader .header-wrap-menu .menuList-main li.has-submenu .menuList-submain {
    background: #fff;
    min-width: 230px;
    max-width: 180%;
    padding: 12px 0;
    position: absolute;
    z-index: 99;
    top: 150%;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.mainHeader .header-wrap-menu .menuList-main li.has-submenu .menuList-submain ul.menuList-submain {
    left: 100%;
    top: 0; }
.mainHeader .header-wrap-menu .menuList-main li.has-submenu:hover > .menuList-submain {
    pointer-events: auto;
    visibility: visible;
    top: 95%;
    opacity: 1; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth {
    position: initial; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn {
    padding: 25px 0;
    left: 0;
    right: 0;
    max-height: 75vh;
    overflow-x: hidden;
    overflow-y: auto; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container {
    max-width: 1600px;
    padding: 0 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container-new {
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container-new .itemMegaMenu {
    width: calc(100% / 4);
    padding: 10px; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container-new .itemMegaMenu span {
    margin: 5px 0 0 0;
    display: block; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu {
    flex: 0 0 auto;
    width: 62%; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu.subchildmenu-full {
    width: 100%; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu li a {
    padding: 3px 0; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner {
    flex: 0 0 auto;
    width: 38%; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item {
    text-align: left;
    margin-bottom: 15px; }
.mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item > a {
    font-weight: 600; }

@media (min-width: 991px) {
    .mainHeader .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item {
        padding-right: 15px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .mainHeader .header-wrap-menu .menuList-main > li > a {
        font-size: 13px; } }
.mainHeader .header-wrap-menu .menuList-submain {
    /*li:not(:first-child){	border-top: 1px solid #ecf0f1}*/ }
.mainHeader .header-wrap-menu .menuList-submain li {
    position: relative; }
.mainHeader .header-wrap-menu .menuList-submain li a {
    padding: 5px 22px;
    text-align: left;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--shop-color-text);
    opacity: 0.85; }
.mainHeader .header-wrap-menu .menuList-submain li a svg {
    width: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right 0.3s ease-in-out;
    -ms-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out; }
.mainHeader .header-wrap-menu .menuList-submain li a:hover svg {
    right: 10px;
    opacity: 0.8; }
.mainHeader .header-wrap-menu .menuList-submain li.has-submenu {
    padding-right: 30px; }
.mainHeader .header-wrap-menu .menuList-submain li a:hover, .mainHeader .header-wrap-menu .menuList-submain li a:hover i {
    opacity: 1; }
.mainHeader .header-wrap-actions .header-action {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
.mainHeader .header-wrap-actions .header-action-item {
    margin-left: 10px;
    align-self: center; }
.mainHeader .header-wrap-actions .header-action-item.header-action_account .header-action_dropdown .box-triangle {
    right: 58px; }
.mainHeader .header-wrap-actions .header-action-item.header-action_search .header-action_dropdown .box-triangle {
    right: 98px; }
.mainHeader .header-wrap-actions .header-action-item.js-action-show .header-action_text .box-triangle {
    visibility: visible;
    opacity: 1; }
.mainHeader .header-wrap-actions .header-action_dropdown .header-dropdown_content {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 15px 20px;
}
.sitenav-content__title {
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--shop-color-border);
    text-align: center;
}
.sitenav-content__title .txt-title {
    font-size: 18px;
    color: var(--shop-color-title);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    font-weight: 600;
}
.sitenav-content__title .txt-subtitle {
    margin: 5px 0 0;
    font-size: 14px;
}
.sitenav-content__block {
    padding-top: 20px;
}
.sitenav-account .site_account_panel_list .sitenav-content__block {
    text-align: left;
}
.sitenav-account ul{
    margin: 0;
}
.sitenav-account ul li.user-name {
    margin-top: -5px;
    margin-bottom: 8px;
}
.sitenav-account ul li.user-name span {
    font-size: 15px;
    color: #282c2d;
    font-weight: 600;
}
.sitenav-account ul li {
    position: relative;
    margin-bottom: 5px;
}
.sitenav-account ul li:not(.user-name) {
    padding-left: 10px;
}
.sitenav-account ul li:not(.user-name):before {
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
    background: var(--shop-color-text);
}
.sitenav-account ul li a {
    color: var(--shop-color-text);
    padding: 0 4px;
    margin-bottom: 10px;
}
.form_group{
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}
.form_group input {
    display: block;
    padding: 5px 10px 3px;
    border-radius: 2px;
    border: 1px solid #d4d6d8;
    width: 100%;
    line-height: normal;
    height: 42px;
    color: #1e2d7d;
    -webkit-appearance: none;
    resize: none;
    font-size: 12px;
    outline: none;
    box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.header-btn-submit {
    width: 100%;
    outline: none;
    padding: 0 28px;
    height: 42px;
    line-height: 42px;
    text-transform: uppercase;
}
.sitenav-account .site_account_panel_list .sitenav-content__block .site_account_secondary-action {
    margin-top: 16px;
    font-size: 12px;
}
.sitenav-account .site_account_panel_list .sitenav-content__block .site_account_secondary-action > p {
    margin-bottom: 4px;
}
.mainHeader .header-wrap-actions .header-action-item.js-action-show .header-action_dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1); }
.mainHeader .header-wrap-actions .header-action-item.header-action_account.js-action-show .header-action_dropdown .site_account_panel.is-selected {
    visibility: visible;
}
#header-recover-panel {
    padding: 15px 20px;
}
.sitenav-content__block .link_account{
    color: var(--shop-color-main);
    transition: color 0.2s ease-in-out;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    outline: none;
}
.sitenav-account .site_account_panel_list .site_account_panel.site_account_default {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sitenav-account .site_account_panel_list .site_account_panel {
    width: 100%;
    visibility: hidden;
    transition: visibility 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.sitenav-account .site_account_panel_list .site_account_panel.site_account_sliding {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.sitenav-account .site_account_panel_list .site_account_panel.is-selected {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.mainHeader .header-wrap-actions .header-action-item.header-action_locate.js-action-show .overlays:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 100;
    margin: auto; }
.mainHeader .header-wrap-actions .header-action-item.header-action_locate.js-action-show .overlays .header-action__link {
    z-index: 101; }
.mainHeader .header-wrap-actions .header-action_text {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
.mainHeader .header-wrap-actions .header-action_text .box-triangle {
    position: absolute;
    width: 22px;
    height: 15px;
    top: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
.mainHeader .header-wrap-actions .header-action_text .box-triangle svg {
    -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); }
.mainHeader .header-wrap-actions .header-action_text .header-action__link {
    position: relative;
    display: block;
    font-size: 13px;
    color: var(--shop-color-text);
    white-space: nowrap;
    border: 0;
    background: none;
    padding: 0;
}
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon,
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text {
    display: inline-block;
    vertical-align: middle; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text {
    padding-left: 2px;
    text-align: left; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text .txtnw {
    font-size: 12px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text .txtbl {
    font-size: 13px;
    display: block;
    font-weight: 500; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text .txt-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: 115px;
    overflow: hidden; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-text .ph {
    display: inline-block;
    font-size: 18.4px;
    vertical-align: middle;
    margin-left: 3px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon {
    position: relative;
    width: 32px;
    height: 40px;
    text-align: center; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon svg {
    width: 22px;
    height: 40px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon svg.svg-ico-account {
    width: 22px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon svg.svg-ico-search {
    width: 20px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon .box-icon--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon .box-icon--close svg {
    width: 18px; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link .box-icon .count-holder {
    display: inline-block;
    vertical-align: top;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 20px;
    top: -1px;
    padding: 0px 3px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%; }
.mainHeader .header-wrap-actions .header-action_text .header-action__link:hover svg.svg-ico-search {
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
.mainHeader .header-wrap-actions .header-action_dropdown {
    position: absolute;
    top: calc(100% + 15px);
    left: auto;
    right: -15px;
    z-index: 990;
    min-width: 280px;
    border-radius: 3px;
    color: #677279;
    background: #fff;
    border: solid 1px #dfe3e8;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    will-change: transform; }
.mainHeader .header-wrap-actions .header-action_dropdown .box-triangle {
    position: absolute;
    bottom: calc(100% - 2px);
    margin: 0 auto;
    width: 22px;
    height: 15px;
    right: 19px; }
.mainHeader .header-wrap-actions .header-action_dropdown .box-triangle svg {
    -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); }
.mainHeader .header-wrap-actions .header-action_dropdown .header-dropdown_content {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 15px 20px; }
.mainHeader .header-wrap-actions .header-action_dropdown .header-dropdown_content .sitenav-content .boxtitle {
    font-size: 18px;
    color: var(--shop-color-title);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-align: center; }
.mainHeader .header-menu-desktop .wrap-logo-sticky {
    display: none; }
.mainHeader .header-navbar-menu {
    display: -ms-flex;
    display: flex; }
.mainHeader .header-navbar-menu .header-wrap-menu {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
.mainHeader.hSticky {
    visibility: hidden;
    opacity: 0; }
.mainHeader.hSticky .header-wrap-actions .header-action .header-action-item.header-action_locate {
    display: none; }
.mainHeader.hSticky .header-wrap-menu .menuList-main > li > a {
    padding-top: 25px;
    padding-bottom: 25px; }
.mainHeader.hSticky.hSticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
.mainHeader.hSticky.hSticky-nav.hSticky-up {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
.mainHeader.hSticky.topbar-bottom, .mainHeader.hSticky.topbar-banner {
    display: none; }
@media (min-width: 1200px) {
    .mainHeader .header-wrap-menu {
        flex: 1 1 auto; } }
@media (min-width: 992px) {
    .mainHeader .header-wrap-logo a img {
        max-height: 70px;
        width: auto; }
    .mainHeader .header-wrap-logo .wrap-logo,
    .mainHeader .header-wrap-logo.wrap-logo-sticky .wrap-logo {
        min-width: 150px;
        max-width: 220px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_cart .header-action_dropdown {
        width: 420px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_search .header-action_dropdown {
        width: 420px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_account .header-action_dropdown {
        width: 340px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_locate .header-action_dropdown {
        width: 420px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_account .header-action_dropdown.header-action_widthAuto {
        width: auto;
        min-width: 260px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_locate .header-action_text .header-action__link {
        overflow: hidden; }
    .mainHeader .header-wrap-iconav {
        display: none; }
    .mainHeader .header-wrap-info li:nth-child(2) {
        margin-left: 15px; }
    .mainHeader .header-wrap-info li svg {
        width: 22px;
        height: 22px;
        transform: translateY(-2px); }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse {
        border-radius: 50%;
        height: 6px;
        width: 6px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4px;
        opacity: 1;
        margin: 0 auto;
        transform: rotateX(55deg); }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon .pulse:after {
        content: "";
        border-radius: 50%;
        height: 25px;
        width: 25px;
        position: absolute;
        margin: -8px 0 0 -12px;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0;
        animation-delay: 1.1s; }
    .mainHeader.hSticky-nav .header-wrap-logo h1 a {
        font-size: 25px; } }
@media (max-width: 1199px) and (min-width: 992px) {
    .mainHeader .container {
        width: auto; }
    .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a {
        font-size: 26px; }
    .mainHeader .header-wrap-logo a img {
        max-width: 200px;
        max-height: 70px; }
    .mainHeader.hSticky-nav .header-wrap-logo h1, .mainHeader.hSticky-nav .header-wrap-logo a {
        font-size: 23px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw {
        font-size: 10px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .box-text .txtbl {
        font-size: 12px; } }
@media (max-width: 991px) {
    .mainHeader .mainHeader-middle {
        position: relative; }
    .mainHeader .mainHeader-middle .container {
        width: auto; }
    .mainHeader .flex-container-header {
        padding: 12px 0;
        margin: 0;
        align-items: unset; }
    .mainHeader .flex-container-header > div[class*='header-wrap-'] {
        position: initial;
        padding: 0; }
    .mainHeader .header-wrap-logo {
        text-align: center;
        flex: 1 1 auto; }
    .mainHeader .header-wrap-logo a img {
        max-height: 50px;
        width: auto; }
    .mainHeader .header-wrap-logo .wrap-logo {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
    .mainHeader .header-wrap-menu {
        display: none; }
    .mainHeader .header-wrap-actions .header-action {
        position: initial;
        height: 100%; }
    .mainHeader .header-wrap-actions .header-action .header-action-item {
        position: initial;
        margin-left: 5px;
        height: 100%; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-text {
        display: none; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_dropdown {
        right: 0;
        left: 0;
        top: 100%;
        width: 100vw;
        height: 100vh; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon .box-icon--close {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1); }
    .mainHeader .header-wrap-actions .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon > svg,
    .mainHeader .header-wrap-actions .header-action .header-action-item.js-action-show .header-action_text .header-action__link .box-icon .count-holder {
        opacity: 0;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1); }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_cart {
        display: none; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_cart.show-mb {
        display: block; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_menu .header-action_dropdown .header-dropdown_content {
        padding: 0 0px 80px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.header-action_menu .header-action_dropdown .header-dropdown_content {
        overflow: auto;
        padding-bottom: 120px;
        -webkit-overflow-scrolling: touch; }
    .mainHeader.hSticky-nav .header-wrap-logo {
        display: block; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action .header-action-item.locationContainer .box-text {
        display: none !important; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action .header-action-item.locationContainer .box-icon {
        display: block !important; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action-item.locationContainer {
        display: none; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action-item.locationContainer .header-action_text .box-triangle {
        top: calc(100% - 5px); }
    .mainHeader.hSticky-nav.mainHeader-product .header-wrap-actions .header-action .header-action-item.header-action_backlink {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center; }
    .mainHeader.hSticky-nav.mainHeader-product .header-wrap-actions .header-action .header-action-item.header-action_menu .header-action_dropdown .box-triangle {
        left: 44px; } }
@media (max-width: 992px) and (min-width: 768px) {
    .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a {
        font-size: 26px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action__link .box-text {
        padding: 3px 10px; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action-item.locationContainer .header-action_text .box-triangle {
        top: 100%; }
    .mainHeader .header-wrap-actions.header-wrap-iconav .header-action .header-action-item.header-action_menu {
        margin-left: 0;
        margin-right: 15px; } }
@media (max-width: 767px) {
    .mainHeader .flex-container-header {
        padding: 10px 0 8px; }
    .mainHeader .header-wrap-logo h1, .mainHeader .header-wrap-logo a {
        font-size: 24px; }
    .mainHeader .header-wrap-logo .wrap-logo a {
        transition: none;
        word-wrap: break-word;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .mainHeader.hSticky-nav .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .header-action__link {
        padding: 0; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .box-triangle {
        top: calc(100% - 5px); }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-text .txt-overflow {
        max-width: 90px;
        vertical-align: initial; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .header-action__link .box-text {
        padding: 0 5px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text {
        margin-right: 0; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .header-action__link {
        padding: 0 5px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw {
        font-size: 8px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .box-text .txtnw .ph {
        font-size: 11.5px;
        margin-left: 1px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item.locationContainer .header-action_text .box-text .txtbl {
        font-size: 10px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-account {
        width: 18px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon svg.svg-ico-search {
        width: 18px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon .box-icon--close svg {
        width: 18px; }
    .mainHeader .header-wrap-actions .header-action .header-action-item .header-action_text .header-action__link .box-icon .count-holder {
        min-width: 16px;
        height: 16px;
        line-height: 16px;
        left: 12px;
        top: 1px; }
    .mainHeader .header-wrap-actions.header-wrap-iconav .header-action .header-action-item {
        padding: 0; }
    .mainHeader .header-wrap-actions.header-wrap-iconav .header-action .header-action-item.header-action_menu {
        margin-left: 0;
        margin-right: 8px; } }

.mainHeader.mainHeader_temp01 .mainHeader-middle {
    background: #ffffff; }

.mainHeader.mainHeader_temp01 .header-wrap-logo a {
    color: #000000; }

.mainHeader.mainHeader_temp01 .header-wrap-action .header-action .header-action-item.header-action_backlink a {
    color: #000000; }

.mainHeader.mainHeader_temp01 .header-wrap-menu .menuList-main > li > a {
    color: #000000; }

.mainHeader.mainHeader_temp01 .header-wrap-menu .menuList-main > li > a svg {
    fill: #000000; }

.mainHeader.mainHeader_temp01 .header-wrap-actions .header-action_text .header-action__link .box-icon svg {
    fill: #000000; }

.mainHeader.mainHeader_temp01 .header-wrap-actions .header-action_text .header-action__link .box-text {
    display: none; }

@media (min-width: 1200px) {
    .mainHeader.mainHeader_temp01 .header-wrap-menu .menuList-main > li > a {
        padding: 25px 0; } }

.mainHeader.mainHeader_temp02 .mainHeader-middle {
    background: #ffffff; }

.mainHeader.mainHeader_temp02 .header-wrap-logo a {
    color: #000000; }

.mainHeader.mainHeader_temp02 .header-wrap-action .header-action .header-action-item.header-action_backlink a {
    color: #000000; }

.mainHeader.mainHeader_temp02 .header-wrap-actions .header-action_text .header-action__link .box-icon svg {
    fill: #000000; }

.mainHeader.mainHeader_temp02 .header-wrap-actions .header-action_text .header-action__link .box-text {
    display: none; }

.mainHeader.mainHeader_temp02.hSticky-nav.wrap-logo-sticky {
    display: block; }

@media (min-width: 992px) {
    .mainHeader.mainHeader_temp02 .mainHeader-middle {
        padding: 20px 0 15px; }
    .mainHeader.mainHeader_temp02.hSticky-nav .header-wrap-iconav, .mainHeader.mainHeader_temp02.hSticky-nav .header-wrap-logo {
        display: none; }
    .mainHeader.mainHeader_temp02.hSticky-nav .mainHeader-middle {
        visibility: visible;
        z-index: 1;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0; }
    .mainHeader.mainHeader_temp02.hSticky-nav .flex-container-header {
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
    .mainHeader.mainHeader_temp02.hSticky-nav .header-wrap-action {
        visibility: visible;
        opacity: 1;
        width: initial; }
    .mainHeader.mainHeader_temp02.hSticky-nav .header-menu-desktop .header-navbar-menu {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center; }
    .mainHeader.mainHeader_temp02.hSticky-nav .header-menu-desktop .wrap-logo-sticky {
        display: block;
        position: relative;
        z-index: 2; }
    .mainHeader.mainHeader_temp02.hSticky-nav .header-menu-desktop .header-wrap-menu {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 15px;
        padding-right: 140px; }
    .mainHeader.mainHeader_temp02:not(.hSticky-nav) .header-wrap-menu .menuList-main > li > a {
        padding: 10px 0; }
    .mainHeader.mainHeader_temp02 .flex-container-header > [class^='header-wrap-'] {
        width: 100%; }
    .mainHeader.mainHeader_temp02 .header-wrap-iconav {
        display: block; }
    .mainHeader.mainHeader_temp02 .header-wrap-iconav .header-action {
        display: none; }
    .mainHeader.mainHeader_temp02 .header-wrap-logo .wrap-logo {
        margin: 0 auto; } }

.mainHeader.mainHeader_temp03 .mainHeader-middle {
    background: #ffffff; }

.mainHeader.mainHeader_temp03 .header-wrap-search {
    flex: 1 1 auto; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search {
    position: relative;
    max-width: 680px;
    margin: 0 auto; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .input-search {
    padding: 9px 50px 10px 15px;
    width: 100%;
    background: #fff;
    border: 1px solid #ececec;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .btn-search {
    position: absolute;
    padding: 0;
    top: 0px;
    bottom: 0;
    right: 0px;
    border-radius: 4px;
    margin: 3px;
    border: 0;
    box-shadow: none;
    width: 70px;
    background: var(--shop-color-main);
    transition: opacity 150ms linear; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .btn-search svg {
    width: 18px;
    height: 100%;
    display: block;
    margin: auto;
    fill: #fff; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .searchform-product .input-search:focus {
    background: #ffffff;
    outline: none;
    border-color: var(--shop-color-main); }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    padding: 15px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult {
    padding: 12px 0;
    border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    float: left; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .thumbs {
    width: 40px;
    display: inline-block;
    text-align: right; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .title {
    width: calc(100% - 40px);
    padding-right: 5px;
    float: left;
    line-height: 20px;
    position: relative;
    margin-top: 0px !important; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .title a {
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    float: left;
    width: 100%;
    margin: 5px 0 5px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .title p {
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    float: left;
    margin: 0; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .title p.onsale {
    color: #ff2c26; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .item-ult .title p del {
    font-size: 11px;
    font-weight: 400;
    margin-left: 7px;
    color: #797979; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .resultsMore {
    width: 100%;
    float: left; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .resultsMore a {
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 10px 0; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px); }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest.show-suggest {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .35s .4s,visibility .35s .4s,transform .25s ease .35s; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest p {
    margin: 0 0 12px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest li {
    margin-bottom: 5px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest li a {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--shop-color-text); }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-size: 16px;
    text-align: center; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest .item-suggest {
    font-weight: 500;
    white-space: nowrap; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest ul {
    display: flex;
    flex-wrap: wrap; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest ul li {
    margin-left: 7px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .search-suggest ul li a {
    text-decoration: underline; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .smart-search-wrapper .resultsContent.resultsdata + .search-suggest {
    display: none; }
.mainHeader.mainHeader_temp03 .header-wrap-search .header-search .smart-search-wrapper .resultsContent.resultsdata + .search-suggest {
    display: none; }
.mainHeader.mainHeader_temp03 .header-wrap-search .policy-search {
    max-width: 680px;
    margin: 0 auto; }
.mainHeader.mainHeader_temp03 .header-wrap-search .policy-search ul {
    display: flex;
    flex-wrap: wrap;
    color: #000000;
    font-size: 12px;
    margin-top: 10px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .policy-search ul li {
    display: flex;
    align-items: center;
    padding-right: 20px; }
.mainHeader.mainHeader_temp03 .header-wrap-search .policy-search .box-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
.mainHeader.mainHeader_temp03 .header-wrap-search .policy-search .box-text {
    font-weight: 500; }

.mainHeader.mainHeader_temp03 .header-wrap-actions {
    margin-bottom: auto; }

.mainHeader.mainHeader_temp03 .header-wrap-actions .search-desktop {
    display: none; }

.mainHeader.mainHeader_temp03.hSticky-nav.wrap-logo-sticky {
    display: block; }

.mainHeader.mainHeader_temp03.hSticky-nav .flex-container-header {
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }

.mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-action {
    visibility: visible;
    opacity: 1;
    width: initial; }

.mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .header-navbar-menu {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center; }

.mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .wrap-logo-sticky {
    display: block;
    position: relative;
    z-index: 2; }

.mainHeader.mainHeader_temp03.hSticky-nav .header-menu-desktop .header-wrap-menu {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    padding-right: 140px; }

.mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-actions .header-action_text .header-action__link .box-text {
    display: none; }

@media (min-width: 992px) {
    .mainHeader.mainHeader_temp03 .mainHeader-middle {
        padding: 15px 0; }
    .mainHeader.mainHeader_temp03 .header-wrap-search .smart-search-wrapper.ajaxSearchResults-3 .search-suggest {
        text-align: left;
        justify-content: left;
        margin-top: 0; }
    .mainHeader.mainHeader_temp03 .header-wrap-search .smart-search-wrapper.ajaxSearchResults-3 .search-suggest ul {
        display: block; }
    .mainHeader.mainHeader_temp03.hSticky-nav .mainHeader-middle {
        visibility: visible;
        z-index: 1;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0; }
    .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-actions .search-desktop {
        display: block; }
    .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-iconav, .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-logo, .mainHeader.mainHeader_temp03.hSticky-nav .header-wrap-search {
        display: none; }
    .mainHeader.mainHeader_temp03:not(.hSticky-nav) .header-wrap-actions .header-action-item {
        margin-left: 20px; }
    .mainHeader.mainHeader_temp03:not(.hSticky-nav) .mainHeader-middle {
        border-bottom: 1px solid #f5f5f5; } }

@media (max-width: 991px) {
    .mainHeader.mainHeader_temp03 .header-wrap-search {
        display: none; } }

/*.locked-scroll { overflow: hidden; width: 100%;top:0;}*/
.location-noscroll.locked-scroll {
    overflow: hidden; }

.locked-scroll .mainHeader {
    position: relative;
    z-index: 999; }

.locked-scroll .sitenav-overlay {
    opacity: 1;
    visibility: visible; }

body.locked-scroll.location-noscroll .actionToolbar_mobile,
body.locked-scroll.location-noscroll .addThis_contact {
    display: none; }
/*--------------------------------------------------------------------------------
 CART_PAGE
--------------------------------------------------------------------------------*/
.wrapper-mainCart {
    margin: 40px 0;
}
.wrapper-mainCart .mainCart-detail {
    background: #fff;
    margin-bottom: 50px;
}
.wrapper-mainCart .mainCart-detail .heading-cart.heading-row {
    border-bottom: 0;
    margin-top: 0;
}
.wrapper-mainCart .mainCart-detail .heading-cart {
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    margin-top: 15px;
    border-bottom: 1px solid var(--shop-color-border);
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.wrapper-mainCart .mainCart-detail .heading-cart h1 {
    font-size: 24px;
}
.wrapper-mainCart .title-number-cart {
    padding: 0;
    font-weight: 400;
    font-size: 16px;
}
.wrapper-mainCart .list-pageform-cart {
    padding: 15px 0;
}
.wrapper-mainCart .cart-row {
    width: 100%;
    display: inline-block;
}


.wrapper-mainCart .table-cart {
    padding: 8px 10px;
    border: 2px solid var(--shop-color-border);
    overflow: hidden;
    border-radius: 8px;
}
.wrapper-mainCart .media-line-item {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 15px 10px;
}
.wrapper-mainCart .media-line-item .media-left {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    padding: 0;
    position: relative;
    display: block;
}
.wrapper-mainCart .media-line-item .media-left img {
    border: 1px solid #ededed;
}
.wrapper-mainCart .media-line-item .media-left .item-remove {
    position: absolute;
    top: -7px;
    left: -10px;
}
.wrapper-mainCart .media-line-item .media-left .item-remove a {
    display: block;
    background: #8f9bb3;
    color: #fff;
    font-size: 8px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.wrapper-mainCart .media-line-item .media-right {
    flex: 1 1 auto;
    padding-left: 18px;
    padding-right: 18px;
}
.wrapper-mainCart .media-line-item .item-info {
    margin-bottom: 10px;
}
.wrapper-mainCart .media-line-item .item-info .item--title {
    font-size: 15px;
    margin: 0 0 10px;
    font-weight: 500;
}
.wrapper-mainCart .media-line-item .item-info .item--title a {
    color: var(--shop-color-text);
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.wrapper-mainCart .media-line-item .item-price span {
    font-weight: 600;
    color: #8f9bb3;
}
.wrapper-mainCart .media-line-item .media-total {
    text-align: right;
}
.wrapper-mainCart .media-line-item .item-total-price .line-item-total {
     font-size: 16px;
     font-weight: 700;
 }
.wrapper-mainCart .media-line-item .item-qty {
    display: inline-block;
}
.wrapper-mainCart .media-line-item .item-qty .quantity-partent {
    margin: 8px 0 3px;
    display: flex;
    width: 100%;
}
.wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn {
    float: left;
    font-weight: 500;
    font-size: 18px;
    padding: 0;
    height: 28px;
    width: 28px;
    text-align: center;
    background: #f9f9f9;
    color: var(--shop-color-text);
    border: 1px solid #f9f9f9;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.wrapper-mainCart .media-line-item .item-qty .quantity-partent button.qty-btn svg {
    display: block;
    width: 10px;
    height: 100%;
    margin: 0 auto;
}
.wrapper-mainCart .media-line-item .item-qty .quantity-partent input.item-quantity {
    float: left;
    font-weight: 500;
    font-size: 15px;
    width: 36px;
    height: 28px;
    padding: 0;
    background: #fff;
    text-align: center;
    outline: none;
    border: 1px solid #f9f9f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wrapper-mainCart .collectionCart-detail {
    margin: 0 0 40px;
}
.wrapper-mainCart .collectionCart-detail .collectionCart-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}
.wrapper-mainCart .order-summary-block {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid var(--shop-color-border);
}
.wrapper-mainCart .order-summary-block .summary-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}
.wrapper-mainCart .order-summary-block .summary-total {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    border-top: 1px dotted #dfe0e1;
    border-bottom: 1px dotted #dfe0e1;
    margin-bottom: 10px;
}
.wrapper-mainCart .order-summary-block .summary-total p {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.wrapper-mainCart .order-summary-block .summary-total p span {
    font-weight: bold;
    float: right;
    color: #e70505;
    font-size: 24px;
}
.wrapper-mainCart .order-summary-block .summary-action {
    padding-top: 5px;
    text-align: center;
}
.wrapper-mainCart .order-summary-block .summary-action p {
    position: relative;
    font-size: 14px;
    margin-bottom: 4px;
    padding-left: 15px;
    font-weight: 400;
    text-align: left;
}
.wrapper-mainCart .order-summary-block .summary-action p:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #999999;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 8px;
    border-radius: 50%;
}
.wrapper-mainCart .order-summary-block .summary-button .checkout-btn {
    display: block;
    background: #121212;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 5px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0;
    margin-top: 12px;
}
.wrapper-mainCart .expanded-content .expanded-info {
    text-align: center;
}
.wrapper-mainCart .expanded-content .info-text .text1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}
.wrapper-mainCart .expanded-content .info-text .text2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #606876;
}
.wrapper-mainCart .expanded-content .info-text .text2 a {
    color: #1a73e8;
    font-weight: 600;
}
.wrapper-mainCart .expanded-content .search-field .input-group-field {
    height: 45px;
    width: 100%;
    padding: 8px 50px 8px 20px;
    border: 4px solid #e3e9ed;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    background: none;
}
.wrapper-mainCart .expanded-content .search-field .btn  {
    width: 50px;
    height: 44px;
    line-height: 42px;
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    background: transparent;
    transition: opacity 150ms linear;
    outline: none;
    box-shadow: none;
    border: none;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.wrapper-mainCart .expanded-content .search-field .btn i {
    width: 24px;
    display: block;
    margin: 0;
    fill: #6c798f;
    opacity: 0.6;
}
@media (min-width: 992px) {
    .wrapper-mainCart .sidebarCart-sticky .wrap-order-summary {
        position: sticky;
        top: 95px;
        margin-bottom: 15px;
    }
    .wrapper-mainCart .cart-collection {
        display: none;
    }
}
@media (max-width: 991px) {
    .wrapper-mainCart .contentCart-detail .collectionCart-detail {
        display: none;
    }
}
@media (max-width: 767px) {
    .wrapper-mainCart .mainCart-detail .heading-cart h1 {
        font-size: 18px;
    }
    .wrapper-mainCart {
        margin: 25px 0 0;
    }
    .wrapper-mainCart .mainCart-detail{
        margin: 0;
    }
}
/*--------------------------------------------------------------------------------
 CART_MINI
--------------------------------------------------------------------------------*/
.header_mini_cart{
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 480px;
    z-index: 9999;
    background-color: #fff;
    max-width: 90%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: all .5s ease;
}
.header_mini_cart.active{
    transform: translateX(0);
}
.overlay.active{
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: opacity 200ms linear;}

.mini_cart_top{
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #e7e7e7;
    line-height: 39px;
}
.mini_cart_top i{
    font-size: 16px;
}
.mini_cart_close{
    cursor: pointer;
}
.mini_cart_list{
    padding: 0 15px;
    height: calc(100% - 208px);
    overflow-y: auto;
}
.mini_cart_list::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
}
.mini_cart_list::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 10px;
}
.mini_cart_item{
    padding: 15px 0;
    display: flex;
    gap: 10px;
    border-bottom: 1px dotted #e7e7e7;
}
.mini_cart_item:last-child{
    border-bottom: none;
}
.mini_cart_img{
    display: block;
}
.mini_cart_img img{
    width: 75px;
    height: 75px;
    max-width: 75px;
    display: block;
    object-fit: cover;
    border: 1px solid #ededed;
}
.mini_cart_inf{
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.mini_cart_name{
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
    text-transform: uppercase;
    color: var(--shop-color-text);
}
.mini_cart_bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mini_cart_total{
    display: flex;
}
.mini_cart_total button{
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background-color: #f9f9f9;
}
.mini_cart_total input{
    width: 28px;
    line-height: 28px;
    text-align: center;
    border: none;
    outline: none;
}
.mini_cart_price{
    font-weight: 700;
}
.mini_cart_delete{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #000;
}
.mini_cart_delete i{
    font-weight: 300;
}
.mini_cart_buy{
    padding: 15px;
    margin-top: auto;
    border-top: 1px solid var(--shop-color-border);
}
.mini_cart_buy_total{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 27px;
}
.mini_cart_buy_text{
    font-size: 16px;
    font-weight: 500;
    color: #252a2b;
    margin: 0;
    text-transform: uppercase;
}
.mini_cart_buy_total_all{
    font-weight: 600;
    font-size: 18px;
    color: #e70505;
    text-align: right;
    margin: 0;
}
.mini_cart_buy_buy{
    display: block;
    line-height: 39px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 6px 0;
    font-size: 12px;
}
.mini_cart_buy_action{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 24px;
}
.mini_cart_buy_action a{
    text-decoration: underline;
    color: #1a73e8;
}
.mini_cart_no_product{
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mini_cart_no_product img{
    display: block;
}
.mini_cart_no_product>p{
    font-size: 16px;
}
.mini_cart_no_product_action{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 80%;
}
.mini_cart_no_product_action a{
    text-decoration: underline;
    color: #1a73e8;
    text-align: center;
}
.overlay_mini_cart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}
.mini_cart_coupon{
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    max-width: 95%;
    background-color: var(--color-bg);
    z-index: 10001;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.mini_cart_coupon.active{
    opacity: 1;
    top: 50%;
    visibility: visible;
}
.mini_cart_coupon_top{
    display: flex;
    padding: 15px;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    align-items: center;
    border-bottom: 1px solid #dee2e6;
}
.mini_cart_coupon_close{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #e5e5e5;
    font-size: 18px;
    color: #666;
    cursor: pointer;
}
.mini_cart_coupon_close:hover {
    color: #222;
}
.mini_cart_coupon_list{
    padding: 5px 5px 10px 5px;
}
.mini_cart_coupon_list .product_view_coupon_item{
    width: 100%;
}
.mini_cart_coupon_list .product_view_coupon_left{
    width: 120px;
    float: left;
    height: 100px;
}
.mini_cart_coupon_list .product_view_coupon_right{
    width: calc(100% - 120px);
    float: right;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mini_cart_coupon_list .product_view_coupon_action{
    width: 100%;
}
.mini_cart_coupon_list .slick-slide>div{
    height: 102px;
    margin: 10px;
}
.mini_cart_coupon_list .dots{
    bottom: -6px;
}


/*                                            trang chu*/
@media (min-width: 992px) {
    [class^="section-home-"] {
        margin: 0 0 50px 0;
    }
}
@media (max-width: 991px) {
    [class^="section-home-"] {
        margin: 0 0 20px 0;
    }
}
                  /*banner_home*/
.section-home-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

.section-home-slider .slick-arrow {
    color: var(--shop-color-main);
    opacity: 0;
    transition: all 0.5s ease;
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    z-index: 1;
}
.section-home-slider .slick-arrow:hover {
    background: var(--shop-color-main);
    color: #fff; }

.section-home-slider .slick-prev {
    transform: translateX(-20px);

}

.section-home-slider .slick-next {
    transform: translateX(20px);
    }
.section-home-slider .slick-dots{
    bottom: 10px;
}
.section-home-slider .slick-dots li button:before {
    font-size: 15px; }
.section-home-slider .slick-dotted.slick-slider {
    margin: 0;
}


.section-home-slider .home-slider:hover .slick-arrow {
    opacity: 1; }

.section-home-slider .home-slider:hover .slick-prev {
    transform: translateX(55px);
}

.section-home-slider .home-slider:hover .slick-next {

    transform: translateX(-55px); }

.section-home-slider .slick-arrow:before {
    font-size: 22px;
    color: var(--shop-color-main);
}
.section-home-slider .slick-arrow:hover:before {
    color: #fff;
}
.section-home-slider .slick-next:before {
    content: 'next';
}
.section-home-slider .slick-prev:before{
    content: 'prev';
}
.slick-prev:before, .slick-next:before{
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.section-home-slider .boxlazy-img__insert {
    padding-bottom: 39.58%; }

@media (max-width: 991px) {
    .section-home-slider .slick-arrow {
        display: none; }
    .section-home-slider .slick-dots li {
        width: 10px;
        height: 10px; }
    .section-home-slider .slick-dots li button:before{
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .section-home-slider .boxlazy-img__insert {
        padding-bottom: 130%; }

}

.section-home-slider .slide--image {
    display: block;
    width: 100%; }
.section-home-slider .slide--image a {
    display: block;
    padding-top: calc(100% * 760 / 1920);
    position: relative;
    transition: none;
    background: #F7F8F9;
    padding-bottom: 0; }
@media (max-width: 991px) {
    .section-home-slider .slide--image a {
        padding-top: calc(100% * 1100 / 850); } }
.section-home-slider .slide--image a img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 1920 / 760;
    width: 100%;
    height: 100%; }
@media (max-width: 991px) {
    .section-home-slider .slide--image a img {
        aspect-ratio: 850 / 1100; } }


                  /*danh muc*/
.section-title{
    position: relative;
    margin-bottom: 30px;
}

.slick-arrow:before {
content: '';
}
.custom-arrows .slick-prev, .custom-arrows-blog .slick-prev, .custom-arrows-flashSell .slick-prev{
    position: absolute;
    left: 94%;
}
.custom-arrows .slick-next, .custom-arrows-blog .slick-next, .custom-arrows-flashSell .slick-next{
    position: absolute;
    left: 96%;
}
@media (max-width: 991px) {
    .custom-arrows .slick-prev, .custom-arrows-blog .slick-prev, .custom-arrows-ab-select .slick-prev, .custom-arrows-flashSell .slick-prev{
        left: 84%;
        top: 2px;
    }
    .custom-arrows .slick-next, .custom-arrows-blog .slick-next, .custom-arrows-ab-select .slick-next, .custom-arrows-flashSell .slick-next{
        left: 93%;
        top: 2px;
    }
    .slick-disabled{
        opacity: .8!important;
    }
}
.custom-arrows .slick-arrow:before, .custom-arrows-blog .slick-arrow:before, .custom-arrows-flashSell .slick-arrow:before {
    content: '';
}
.custom-arrows .slick-prev svg, .custom-arrows-blog .slick-prev svg, .custom-arrows-ab-select .slick-prev svg, .custom-arrows-flashSell .slick-prev svg {
    transform: rotate(180deg);
}
.custom-arrows .slick-arrow svg, .custom-arrows-blog .slick-arrow svg, .custom-arrows-ab-select .slick-arrow svg, .custom-arrows-flashSell .slick-arrow svg {
    width: 18px;
}
button.slick-disabled {
    fill: #959595;
}

.section-title h2 {
    font-size: 30px;
    color: var(--shop-color-title);
    margin: 0;
    text-align: center;
}
@media (max-width: 767px) {
    .section-title h2 {
        font-size: 18px;
    }
    .section-title {
        margin-bottom: 15px;
    }
}
.section-home-category .list-category-slide:not(.swiper-initialized) > div {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden; }
.section-home-category .list-category-slide:not(.swiper-initialized) > div .category-item {
    flex: 0 0 calc((100% - 90px)/4);
    margin-right: 30px;
}

.section-home-category .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.section-home-category .category-item__inner {
    position: relative; }

.section-home-category .category-item__img {
    overflow: hidden; }
.section-home-category .category-item__img a {
    transition: all 0.5s ease-in-out;
    display: block;
    padding-top: calc(100% * 600 / 440);
    position: relative;
    transition: none;
    background: #F7F8F9; }
.section-home-category .category-item__img:hover a img {
    transform: scale(1.1); }
.section-home-category .category-item__img img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 440 / 600;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out; }

.section-home-category .category-item__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.45); }
.section-home-category .category-item__info h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0; }
.section-home-category .category-item__info .info-title .count {
    font-size: 16px;
    font-weight: 500;
    color: #666666; }
.section-home-category .category-item__info .info-icon {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    flex: 0 0 45px;
    margin-left: 10px;
    transition: all .3s ease; }
.section-home-category .category-item__info .info-icon a {
    display: inline-block; }
.section-home-category .category-item__info .info-icon svg {
    vertical-align: -5px; }
.section-home-category .category-item__info .info-icon:hover {
    background: #000;
    box-shadow: 0 0 0 2px #000; }
.section-home-category .category-item__info .info-icon:hover svg {
    fill: #fff; }

@media (max-width: 767px) {
    .section-home-category .section-content {
        margin: 0 -12px; }
    .section-home-category .list-category-slide {
        padding: 0 12px; }
    .section-home-category .category-item__info {
        padding: 12px 15px; }
    .section-home-category .category-item__info h3 {
        font-size: 16px; }
    .section-home-category .category-item__info .info-icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px; }
    .section-home-category .category-item__info .info-icon svg {
        width: 18px; }
    .section-home-category .category-item__img img:not(.swiper-lazy-loaded) {
        min-height: auto; }
    .section-home-category .list-category-slide:not(.swiper-initialized) > div {
        display: -webkit-box;
        display: flex;
        justify-content: space-between;
        overflow: hidden; }
    .section-home-category .list-category-slide:not(.swiper-initialized) > div .category-item {
        flex: 0 0 calc((100% - 8px)/1.3);
        margin-right: 4px; }
}
                /*flash sell*/
.flashsale-countdown {
    margin-left: 30px;
}
.flashsale-countdown .flashsale-countdown-wrap{
    display: flex;
    align-items: center;
}
.flashsale-countdown .flashsale-countdown-wrap .countdown-box{
        background: var(--home-flashsale-countdown-bg);
        min-width: 36px;
        border-radius: 5px;
        margin-left: 8px;
}

.flashsale-countdown .flashsale-countdown-wrap .countdown-box .countdown-data{
        position: relative;
        color: var(--home-flashsale-countdown-color-txt);
        font-weight: 500;
        border-radius: 3px;
        letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
    transition: transform 800ms,opacity 700ms,color 400ms,filter 400ms;

    }
.flashsale-countdown .label_countdown{
    font-size: 8px;
    color: var(--home-flashsale-countdown-color-txt);
    display: block;
    text-align: center;
    padding-bottom: 1px;
}
.section-home-collection {
    padding: 30px 0; }
.section-home-collection .see-more-product {
    text-align: center;
    margin-top: 30px; }
.button.btn-see-more span{
    font-weight: 500;
}
@media (max-width: 991px) {
    .section-home-collection .see-more-product {
        margin-top: 20px; }
    .button.btn-see-more{
        width: 100%;
    }
}
.section-home-collection.collection-flashsale {
    margin: 0;
    background: var(--home-flashsale-bg); }
.section-home-collection.collection-flashsale .section-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.section-home-collection.collection-flashsale .section-title h2 {
    padding-left: 35px;
    position: relative; }
.section-home-collection.collection-flashsale .section-title h2 a {
    color: var(--home-flashsale-color-title); }
.section-home-collection.collection-flashsale .section-title h2:before, .section-home-collection.collection-flashsale .section-title h2:after {
    content: "";
    background-color: var(--home-flashsale-color-light);
    border-radius: 100%;
    display: block;
    left: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px); }
.section-home-collection.collection-flashsale .section-title h2:after {
    background-color: transparent;
    border: 1px solid var(--home-flashsale-color-light);
    animation: pulseSmall 1.25s linear infinite;
}
@keyframes pulseSmall {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        transform: scale(3.4);
        opacity: 0;
    }
}
.section-home-collection.collection-flashsale .section-title .section-countdown {
    margin-left: 30px; }
.section-home-collection.collection-flashsale .section-title .swiper-nav {
    margin-left: auto; }
.section-home-collection.collection-flashsale .list-product-slide:not(.swiper-initialized) > div .swiper-slide {
    flex: 0 0 calc((100% - 120px) /6);
    margin-right: 24px; }
.section-home-collection.collection-flashsale .list-product-slide:not(.swiper-initialized) > div {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
.section-home-collection.collection-tabs {
    margin: 0; }
.product-loop {
    position: relative;
    margin-bottom: 20px;
}
.product-loop .product-inner {
    background: #fff;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}
.product-loop .proloop-image {
    position: relative;
    overflow: hidden;
}
.product-loop .proloop-image .proloop-image__inner {
    position: relative;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
}
 .product-loop .proloop-image .proloop-image__inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    object-fit: contain;
    transform: translate(-50%, -50%);
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    max-height: 100%;
    width: 100%;
}
.product-loop .product-inner .proloop-image__inner .second-image {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}
.first-image, .second-image{
    padding-bottom: 100%;
}
.product-loop .product-inner {
    position: relative;
}
@media (min-width: 1200px) {
     .product-loop .product-inner:hover .proloop-image .proloop-image__inner .first-image {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    .product-loop .product-inner:hover .proloop-image__inner .second-image {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
        transition: opacity 0.8s ease, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
    }
}

.product-loop .proloop-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}


.product-loop .proloop-image .pro-sale, .product-loop .proloop-image .pro-soldout {
    position: absolute;
    top: 6px;
    z-index: 3;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 5px;
}
.pro-soldout {
    background: #e70505;
    left: 6px;
}
.product-loop .product-inner > .out-of-stock {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 3;
    border-radius: 4px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 8px;
}
.stock {
    display: none;
}
.stock.out-of-stock {
    display: block;
}
.product-loop .proloop-image .pro-sale {
    right: 6px;
    background: #000;
    letter-spacing: 1px;
    min-width: 52px;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    padding: 5px 8px;
    line-height: 1;
}
.product-loop .proloop-image .sticker_frame {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.product-loop .proloop-actions {
    padding: 0 20px;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.product-loop .proloop-actions__inner{
    position: relative;
    display: flex;
    width: 100%;
    max-height: 40px;
    --height-action: 40px;
    --width-action: 40px;
    justify-content: center;
}
.product-loop .proloop-actions__cart {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    position: relative;
}
.product-loop .proloop-actions__inner .actions-primary .btn-proloop-cart {
    background: #fff;
    color: var(--shop-color-text);
    border: 0;
    border-radius: 4px;
    position: relative;
    padding: 0 6px;
    height: var(--height-action);
    width: calc(100% - 10px);
    line-height: var(--height-action);
    outline: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease, color 300ms ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.button:before {
    content: '';
    display: block;
    background-color: var(--shop-color-hover);
    position: absolute;
    left: -10%;
    top: -10%;
    bottom: -10%;
    width: 0;
    z-index: -1;
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    -webkit-transition: width 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: width 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: width 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.product-loop .proloop-actions__inner .actions-primary .btn-proloop-cart:hover{
    color: #fff;
}
.product-loop .proloop-actions__inner .actions-primary .btn-proloop-cart svg {
    vertical-align: -3px;
    fill: currentColor;
}
.product-loop .proloop-detail {
    position: relative;
    padding: 10px 8px 0 10px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.product-loop .proloop-detail .proloop-title {
    display: block;
    font-size: 14px;
    margin: 0 0 4px;
    font-weight: 400;
}
.product-loop .proloop-detail .proloop-title a {
    color: var(--shop-color-text);
}
.product-loop .proloop-detail .proloop-title a, .list-notify .article-item__detail .art-title, .section-home-blogs .article-item__detail .art-title a, .article-loop .article-detail .post-title a, .article-loop .article-detail .entry-content, .list-blogs .item-article__detail .link, .combo-info .combo-item--title {
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 35px;
}
.product-loop .proloop-detail .proloop-price {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}
.product-loop .proloop-detail .proloop-price.on-sale .price {
    margin-right: 4px;
    color: #000;
}
.product-loop .proloop-detail .proloop-price .price-del {
    color: #878c8f;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 13px;
}
.button.btnlight {
    background: #fff;
    color: #000000;
    border: 1px solid #000000;
}

@media (min-width: 1200px) {
    .product-loop .product-inner {
        position: relative;
        overflow: hidden;
        transition: all 400ms ease;
    }
    .product-loop .product-inner:hover .proloop-image .proloop-actions {
        bottom: 20px;
        opacity: 1;
        visibility: visible;
    }
    .product-loop .product-inner .proloop-detail {
        background: #fff;
        -webkit-transition: transform 300ms ease;
        -moz-transition: transform 300ms ease;
        -ms-transition: transform 300ms ease;
        -o-transition: transform 300ms ease;
        transition: transform 300ms ease;
    }
}
@media (min-width: 992px) {
    .button:hover:before, .button:focus:before {
        width: 120%;
    }
    .button.btn-see-more {
        min-width: 400px;
        display: block;
        margin: 0 auto;
    }
    .button.btnlight:hover, .button.btnlight:focus {
        color: #fff;
    }
}
@media (max-width: 991px) {
    .product-loop .addtocart-mb {
        position: absolute;
        bottom: 0;
        right: 3px;
        display: flex;
    }
    .product-loop .icon-addtocart {
        display: inline-block;
        padding: 5px;
        background: #333333;
        border-radius: 50%;
        width: 28px;
        height: 28px;
    }
    .product-loop .icon-addtocart svg {
        width: 13px;
        height: 100%;
        display: block;
        margin: 0 auto;
        fill: #fff;
    }
}
@media (max-width: 767px) {
    .section-home-collection {
        padding: 20px 0; }
    .section-home-collection .section-title {
        position: relative; }
    .section-home-collection .swiper-nav {
        position: absolute;
        right: 0;
        bottom: 0; }
    .section-home-collection.collection-flashsale .section-title .flashsale-countdown {
        margin-left: 0;
        margin-top: 15px;
        flex: 0 0 100%; }
    .section-home-collection.collection-flashsale .list-product-slide:not(.swiper-initialized) > div .swiper-slide {
        flex: 0 0 calc((100% - 8px) /2);
        margin-right: 4px; }
    .section-home-collection.collection-flashsale .list-product-slide:not(.swiper-initialized) > div {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between; }
    .section-home-collection .flashsale-countdown .flashsale-countdown-wrap {
        min-height: 45px;
    }
    .flashsale-countdown .flashsale-countdown-wrap {
        justify-content: left;
        margin-left: 28px;
    }
    .flashsale-countdown .countdown-box{
        min-height: 45px;
        min-width: 45px!important;
    }
    .list-product-slide, .list-product-slide-cart, .list-product-slide-related{
        margin: 0 -10px;
    }

}
            /*danh muc tab*/


.section-title .tabs-navigation .tab-header {
    display: inline-block;
    padding: 0 20px;
}
.section-title .tabs-navigation .tab-header .tab-title.active {
    color: var(--shop-color-title);
}
.section-title .tabs-navigation .tab-header .tab-title {
    font-size: 24px;
    font-weight: 400;
    color: #575757;
    padding: 0 0 10px;
    position: relative;
    cursor: pointer;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.section-title .tabs-navigation .tab-header .tab-title.active:after {
    width: 100%;
    opacity: 1;
}
.section-title .tabs-navigation .tab-header .tab-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 1.5px;
    background: currentColor;
    opacity: 0;
    transition: width .25s ease-in-out;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
@media (min-width: 1200px) {
    .col-lg-cus5 {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .section-title .tabs-navigation {
        justify-content: center;
    }
    .section-title .tabs-navigation .tab-title:hover {
        color: var(--shop-color-title);
    }
    .section-title .tabs-navigation .tab-title:hover:after {
        width: 100%;
        opacity: 1;
    }
}
@media (max-width: 991px) {
    .section-title .title-tabs__navigation {
        margin: 0 -12px;
    }
    .section-title .tabs-navigation {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .section-title .tabs-navigation {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .section-title .tabs-navigation .tab-header {
        white-space: nowrap;
        padding: 0 12px;
    }
    .section-title .tabs-navigation .tab-header .tab-title {
        font-size: 16px;
        padding: 0 0 2px;
    }
}
@media (max-width: 767px) {
    .list-product-row {
        margin: 0 -12px;
    }
}
        /*banner giữa trang*/
/* home about */
#home-aboutUs {
    margin: 30px 0 20px 0; }
@media (max-width: 991px) {
    #home-aboutUs {
        margin: 0; } }
#home-aboutUs .innerHomeAboutUs {
    display: flex;
    width: 100%; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs {
        flex-wrap: wrap; } }
#home-aboutUs .innerHomeAboutUs .padding-lr-0 {
    padding: 0; }
#home-aboutUs .innerHomeAboutUs .rightAboutUs {
    padding: 0% 8% 0 8%;
    display: grid;
    align-items: center;
    height: 100%; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs .rightAboutUs {
        padding: 30px 15px 10px 15px; } }
#home-aboutUs .innerHomeAboutUs .sectionTitleAboutus a {
    font-weight: normal;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-left: 15px;
    position: relative;
    text-transform: uppercase;
    font-size: 23px;
    font-family: "Google Sans", sans-serif;
    color: #000; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs .sectionTitleAboutus a {
        text-align: left;
        margin-left: 0; } }
#home-aboutUs .innerHomeAboutUs .sectionTitleAboutus a:before {
    content: "";
    width: 50px;
    height: 1px;
    background: black;
    position: absolute;
    bottom: -15px;
    margin-left: 5px; }
#home-aboutUs .innerHomeAboutUs .sectionContentAboutus p {
    margin: 20px 20px 15px 20px;
    font-style: italic;
    line-height: 25px;
    font-size: 17px;
    color: #000; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs .sectionContentAboutus p {
        margin: 35px 0 20px 0;
        font-style: italic;
        font-size: 15px; } }
#home-aboutUs .innerHomeAboutUs .btnCenter {
    margin: 20px; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs .btnCenter {
        text-align: center;
        margin: 30px 0 0; } }
#home-aboutUs .innerHomeAboutUs .viewMoreAboutUS {
    border: 1px solid #101010;
    border-radius: 4px;
    padding: 10px 45px;
    display: inline-block;
    margin: 20px 0 0 20px;
    font-size: 15px;
    color: #101010; }
@media (max-width: 991px) {
    #home-aboutUs .innerHomeAboutUs .viewMoreAboutUS {
        margin: 0; } }
#home-aboutUs .innerHomeAboutUs .imageAboutUs a {
    display: block;
    padding-top: calc(100% * 600 / 1000);
    position: relative;
    transition: none;
    background: #F7F8F9; }
#home-aboutUs .innerHomeAboutUs .imageAboutUs a img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 1000 / 600;
    width: 100%;
    height: 100%;
}

            /*ALBUM SELECT*/
.section-home-lookbooks {
    background: #faefec;
    padding: 40px 0;
    margin: 0; }
@media (max-width: 991px) {
    .section-home-lookbooks {
        padding: 20px 0; } }
.section-home-lookbooks .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between; }
.section-home-lookbooks .lookbooks-banner__photo {
    position: relative; }
 .decor-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    z-index: 3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: none;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
}
 .decor-dot:before {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: -8px;
    left: -8px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: 1.2s decorTheLookDot ease-in-out infinite;
    animation: 1.2s decorTheLookDot ease-in-out infinite;
}
@keyframes decorTheLookDot {
    0% {
        opacity: 0.6;
        transform: scale(0.6);
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

 .decor-dot i {
    font-weight: 500;
    transition: transform .2s, opacity .2s;
    font-size: 11px;
}
 .detail {
    position: absolute;
    bottom: calc(100% + 5px);
    left: -125px;
    transform: scale(0);
    transition: all .3s;
}
 .detail.active {
    transform: scale(1);
}
 .detail .decor-item {
    padding: 8px;
    width: 250px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
 .detail .decor-product {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}
 .detail .decor-thumb {
    max-width: 60px;
    flex-basis: 60px;
}
.detail .decor-text {
    padding: 0 0 0 12px;
    text-align: left;
    max-width: calc(100% - 60px);
    flex-basis: calc(100% - 60px);
}
.detail .decor-title {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 4px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-decoration: none;
    color: #222;
}
.detail .decor-title:hover {
    color: var(--hover);
}
.detail .product_price_old {
    color: var(--color_back);
}
.detail .decor-price {
    margin: 0;
    font-size: 13px;
    color: red;
}
.section-home-lookbooks .list-lookbooks-loading {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
.section-home-lookbooks .list-lookbooks-loading .loading-mask__image .mask-line {
    min-height: 675px; }
.section-home-lookbooks .list-lookbooks-loading > div {
    flex: 0 0 calc((100% - 90px) /3);
    margin-right: 30px; }
.section-home-lookbooks .list-lookbooks-loading .mask-line.lookbooks--title {
    height: 29px;
    width: 50%;
    border-radius: 8px; }
.section-home-lookbooks .list-lookbooks-loading .mask-line.lookbooks--btn {
    height: 48px;
    width: 30%;
    border-radius: 8px; }
.section-home-lookbooks .lookbooks-banner__detail {
    margin: 15px 0 0;
    display: flex;
    justify-content: space-between; }
.section-home-lookbooks .lookbooks-banner__detail .lookbooks--title {
    font-size: 18px;
    font-weight: 500;
    padding-right: 15px; }
.section-home-lookbooks .lookbooks-banner__detail .lookbooks--button {
    flex: 0 0 auto; }
.section-home-lookbooks .lookbooks-banner__detail .lookbooks--button .btn-lb {
    text-transform: uppercase; }
@media (min-width: 992px) {
    .section-home-lookbooks .swiper-nav {
        display: none; }
    .section-home-lookbooks .list-lookbooks-row {
        margin: 0 -12px; }
    .section-home-lookbooks .list-lookbooks-row .lookbooks-column {
        width: 33.333333%;
        padding: 0 12px; }
    .section-home-lookbooks .lookbooks-banner__detail {
        flex-direction: column; }
    .section-home-lookbooks .lookbooks-banner__detail .lookbooks--title {
        margin-bottom: 10px; } }
@media (max-width: 991px) and (min-width: 768px) {
    .section-home-lookbooks .list-lookbooks-loading {
        display: -webkit-flex;
        display: flex;
        overflow: hidden; }
    .section-home-lookbooks .list-lookbooks-loading > div {
        flex: 0 0 calc((100% - 20px) /2);
        margin-right: 20px; }
    .section-home-lookbooks .list-lookbooks-loading .mask-line.lookbooks--btn {
        min-height: 37px; } }
@media (max-width: 767px) {
    .section-home-lookbooks .lookbooks-banner__detail .lookbooks--title {
        font-size: 16px; }
    .section-home-lookbooks .lookbooks-banner__detail .lookbooks--button .btn-lb {
        font-size: 12px;
        padding: 8px 15px; }
    .section-home-lookbooks .list-lookbooks-loading {
        display: -webkit-flex;
        display: flex;
        overflow: hidden; }
    .section-home-lookbooks .list-lookbooks-loading .loading-mask__image .mask-line {
        min-height: 520px; }
    .section-home-lookbooks .list-lookbooks-loading > div {
        flex: 0 0 100%;
        margin-right: 0; }
    .section-home-lookbooks .list-lookbooks-loading .mask-line.lookbooks--btn {
        min-height: 37px; } }
            /*blogs*/
.section-home-blogs {
    margin-top: 30px;
}
.section-home-blogs .list-article-row {
    padding: 2px 2px 3px;
}
.section-home-blogs .list-article-row .article-item__block {
    display: -ms-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-justify-content: space-between;
    justify-content: space-between;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
}
.section-home-blogs .article-item__image .art-image a {
     display: block;
     padding-top: calc(100% * 480 / 800);
     position: relative;
     transition: none;
     background: #F7F8F9;
 }
.section-home-blogs .article-item__image .art-image a img {
    position: absolute;
    left: 0;
    top: 0;
}
.section-home-blogs .list-article-row .art-image img {
    width: 100%;
}
.section-home-blogs .article-item__detail {
    padding: 10px 17px;
    background: #fff;
    display: flex;
    display: -ms-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.section-home-blogs .article-item__detail .art-title {
    font-size: 15px;
    margin-bottom: 5px;
    transition: transform .3s ease;
    font-family: "Google Sans", sans-serif;
}
.section-home-blogs .article-item__detail .art-desc {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #666666;
}
.section-home-blogs .article-item__detail .art-meta {
    display: flex;
    display: -ms-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -ms-align-items: center;
    font-size: 13px;
    color: #666666;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: auto;
}
.section-home-blogs .article-item__detail .art-meta .art-seemore {
    color: #666666;
}
.section-home-blogs .article-item__detail .art-meta .art-seemore:hover {
    color: var(--shop-color-hover);
}
@media (min-width: 1200px) {
    .section-home-blogs .slick-slide, .list-product-slide-cart .slick-slide{
        margin-right: 30px;
    }
    .section-home-blogs .article-item__image {
        overflow: hidden;
    }
    .section-home-blogs .article-item__image img {
        -webkit-transition: .4s linear;
        -ms-transition: .4s linear;
        transition: .4s linear;
        -webkit-transform: rotate(0) scale(1);
        -ms-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }
    .section-home-blogs .article-item__image img:hover {
        -webkit-transform: rotate(-3deg) scale(1.1);
        -ms-transform: rotate(-3deg) scale(1.1);
        transform: rotate(-3deg) scale(1.1);
    }
}

            /*policy*/
.section-home-policy {
    margin-bottom: 0;
    padding: 44px 0 38px;
    background: #fff;
}
.section-home-policy .policy-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}
.section-home-policy .policy-item__icon {
    flex: 0 0 56px;
    max-width: 56px;
    text-align: center;
}
.section-home-policy .policy-item__icon .icon {
    display: block;
    padding-top: calc(100% * 64 / 64);
    position: relative;
    transition: none;
    background: #FFFFFF;
}
.section-home-policy .policy-item__icon .icon img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 64 / 64;
    width: 100%;
    height: 100%;
}
.section-home-policy .policy-item__info {
    flex: 0 0 calc(100% - 56px);
    padding-left: 22px;
}
.section-home-policy .policy-item__info .info-title {
    color: #121212;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px;
}
.section-home-policy .policy-item__info .infor-des {
    color: #121212;
    font-size: 17px;
    line-height: 1.45;
}
@media (max-width: 767px) {
    .section-home-policy .policy-item + .policy-item {
        margin-top: 25px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .section-home-policy .policy-item:nth-child(n + 3) {
        margin-top: 25px;
    }
}
@media (max-width: 575px) {
    .section-home-policy {
        padding: 28px 0;
    }
    .section-home-policy .policy-item__icon {
        flex-basis: 48px;
        max-width: 48px;
    }
    .section-home-policy .policy-item__info {
        flex-basis: calc(100% - 48px);
        padding-left: 16px;
    }
    .section-home-policy .policy-item__info .info-title {
        font-size: 17px;
        margin-bottom: 6px;
    }
    .section-home-policy .policy-item__info .infor-des {
        font-size: 14px;
    }
}
            /*album*/
.section-home-album {
    background: #f5f5f5;
    margin: 0; }
.section-home-album .heading-home-album {
    text-align: center;
    padding: 30px 0 20px 0; }
.section-home-album .heading-home-album p {
    margin: 0; }
.section-home-album .list-img-album {
    display: flex; }
@media (max-width: 991px) {
    .section-home-album .list-img-album {
        flex-wrap: wrap; } }
.section-home-album .list-img-album .item-album {
    width: 25%; }
@media (max-width: 991px) {
    .section-home-album .list-img-album .item-album {
        width: 50%; } }
.section-home-album .list-img-album .item-album a {
    display: block;
    padding-top: calc(100% * 600 / 400);
    position: relative;
    transition: none;
    background: #F7F8F9; }
.section-home-album .list-img-album .item-album a > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.section-home-album .list-img-album .item-album a span {
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s,visibility .3s;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    background: rgba(17, 17, 17, 0.5);
    display: flex;
    align-items: center;
    justify-content: center; }
.section-home-album .list-img-album .item-album a span p {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.section-home-album .list-img-album .item-album a span p img {
    width: 40px;
    height: 40px; }
.section-home-album .list-img-album .item-album a:hover span {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    padding-top: 0;
}
                                                    /*tin tức*/
/*--------------------------------------------------------------------------------
PAGE news
--------------------------------------------------------------------------------*/
.sectionTitle .heading-title {
    margin: 30px 0 60px 0;
    text-align: center;
    text-transform: uppercase;
    color: #222;
    font-size: 29px;
    margin: 40px 0; }

.wrapper-content-blog-item .itemArticleNormal ~ .itemArticleNormal {
    margin-top: 30px; }

.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner {
    display: flex;
    flex-wrap: wrap; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .box-media {
    width: 30%;
    padding-right: 15px; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article {
    width: 70%;
    padding-left: 15px; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-header .entry-title {
    font-size: 26px; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-meta.top {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-meta.top .posted-on:after {
    background: #999;
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 8px; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-meta.top .comments-link {
    display: flex;
    align-items: center; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-meta.top .comments-link svg {
    width: 15px;
    height: 15px;
    margin-right: 3px; }
.wrapper-content-blog-item .itemArticleNormal .itemArticleNormal-inner .info-list-article .infoArticleNormal .entry-meta.top .entry-content {
    margin: 10px 0; }

.widget-title {
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 20px;
    position: relative;
    display: block;
    border-color: #c12;
    border-left: 3px solid;
    padding: 6px 0 6px 13px; }
@media (max-width: 991px) {
    .widget-title {
        margin-bottom: 0;
        display: none; } }

@media (min-width: 1200px) {
    .rightSidebar {
        position: sticky;
        top: 10px; } }

.rightSidebar #secondary .widget {
    -webkit-box-shadow: 0 0 22px 3px rgba(0, 0, 0, 0.045);
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, 0.045);
    padding: 20px;
    background-color: #fff;
    margin-bottom: 25px; }
.rightSidebar #secondary .widget.posts article {
    margin-bottom: 20px; }
.rightSidebar #secondary .widget.posts .entry-header {
    margin-bottom: 0; }
.rightSidebar #secondary .widget.posts .entry-title {
    margin-bottom: 0;
    font-size: 13px; }
.rightSidebar #secondary .widget.posts .widget-post-classic .post-content {
    padding: 15px;
    text-align: center;
    background-color: #fff;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05);
    box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05);
}
.rightSidebar #secondary .widget.posts .widget-post-classic .entry-title {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
}

.rightSidebar #secondary .widget-title {
    border-left: 0;
    padding: 6px 0; }
.rightSidebar #secondary .widget-title:before {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: black;
    content: "";
    left: -20px;
    top: 0;
}
.rightSidebar #secondary .widget.posts .widget-post-classic .post-featured + .post-content {
    margin-top: -40px;
}
.marlee-follow-buttons,
.menu-social-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -3px;
    text-align: center; }
.marlee-follow-buttons a,
.menu-social-icons a {
    -ms-flex: 0 0 32.15%;
    flex: 0 0 32.15%;
    max-width: 32.15%;
    background-color: #f9f9fb;
    padding: 15px 2px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
.marlee-follow-buttons a svg,
.menu-social-icons a svg {
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    top: -1px; }
.marlee-follow-buttons .social-tooltip,
.menu-social-icons .social-tooltip {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: 2px; }
.contentArticle {
    max-width: 900px;
    margin: 50px auto; }

.contentArticle .cat-links-wrapper {
    margin: 0; }

.cat-links-wrapper {
    margin-top: -30px;
    margin-bottom: 10px;
    display: block; }

.cat-links {
    background-color: black;
    padding: 5px 10px 5px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    display: inline-block;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out; }
.cat-links:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    bottom: -3px;
    border-color: black transparent transparent;
    border-style: solid;
    border-width: 4px 6px 0 0;
    left: 0;
}
.cat-links a {
    color: white;
    font-size: 11px;
}
.title-article {
    margin: 30px 0 30px 0;
    text-transform: uppercase;
    color: #222;
    font-size: 29px; }

.pagination_blog .paginator{
    text-align: center;
    margin: 30px 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;

}
.pagination_blog .labelPages, .pagination_blog .titlePages, .pagination_blog .paging-last, .pagination_blog .paging-first{
    display: none;
}
.pagination_blog .currentPage, .pagination_blog a {
    width: 48px;
    height: 48px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    margin-right: 8px;
}
.pagination_blog .currentPage:hover, .pagination_blog a:hover {
    background: #333;
    color: #fff;
}
.pagination_blog .currentPage{
    background: #333;
    color: #fff;
}
.pagination_blog .paging-previous.ico::before,
.pagination_blog .paging-previous.ico::after,
.pagination_blog .paging-next.ico::before,
.pagination_blog .paging-next.ico::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Chevron bên trái */
.pagination_blog .paging-previous.ico::before{
    transform: translate(-80%, -50%) rotate(135deg);
}

/* Chevron bên phải */
.pagination_blog .paging-previous.ico::after{
    transform: translate(-30%, -50%) rotate(135deg);
}

/* Hover (tuỳ chọn) */
.pagination_blog .paging-previous.ico:hover, .paging-next.ico:hover{
    background: #333;
    color: #fff;
}

/* Chevron bên phải (gần giữa) */
.pagination_blog .paging-next.ico::before{
    transform: translate(-30%, -50%) rotate(-45deg);
}

/* Chevron bên trái */
.pagination_blog .paging-next.ico::after{
    transform: translate(-80%, -50%) rotate(-45deg);
}
/*--------------------------------------------------------------------------------
                                PAGE ALBUM
--------------------------------------------------------------------------------*/
.banner-effect {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
}
.banner-effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.banner-effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
#bannerLoopCampaign {
    padding: 45px 0; }

#bannerLoopCampaign .innerBannerLoopCampaign {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }

#bannerLoopCampaign .innerBannerLoopCampaign .item-campaign {
    width: calc(100%/3 - 7px);
}
.example_e {
    border: none;
    background: #0c0c0c;
    color: #ffffff !important;
    font-weight: 100;
    padding: 20px;
    text-transform: uppercase;
    border-radius: 6px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}

@media (max-width: 991px) {
    #bannerLoopCampaign .innerBannerLoopCampaign .item-campaign {
        width: 100%; }

}
@media (min-width: 992px) {
    #bannerLoopCampaign .banner-effect img {
        width: 100%;
        max-height: 493px;
        min-height: 493px;
        object-fit: cover;
    }
}

                            /*he thong cua hang*/
/*--------------------------------------------------------------------------------
PAGE USER SIGNIN/SIGNUP
--------------------------------------------------------------------------------*/

.layout-account {
    padding: 60px 0;
    margin-bottom: 50px;
    border-top: 1px solid var(--shop-color-border);
}
.customers_accountForm {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
    padding: 25px 30px 30px;
    background: #ffffff;
}
.layout-account .tab-form-account {
    margin-bottom: 45px;
}
.layout-account .tab-form-account h4 {
    padding: 0 30px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
}
.layout-account .tab-form-account h4 a {
    color: #cacaca;
}
.layout-account .tab-form-account h4 + h4 {
    border-left: 2px solid gray;
}
.layout-account .tab-form-account h4.active a {
    color: #000;
}
.layout-account form ul li{
    margin-bottom: 25px;
}
.layout-account form ul li input.tb {
    width: 100%;
    height: 55px;
    padding: 5px 20px;
    color: #5c5c5c;
    font-weight: 500;
    border: 1px solid transparent;
    background: #ededed;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-style: italic;
}
.layout-account form ul li input.htmlBtn{
    background-color: var(--shop-color-button);
    color: var(--shop-color-button-text);
    padding: 12px 12px;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    outline: none;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.req_pass{
    position: absolute;
    left: 27%;
    bottom: 17%;
}
.req_pass_signup{
    position: absolute;
    left: 24%;
    bottom: 11%;
}
.req_pass p{
    margin: 0;
}
.req_pass a{
    color: #009dde;
}
    /*--------------------------------------------------------------------------------
    PAGE STORES
    --------------------------------------------------------------------------------*/
.layoutPage-stores .wrapbox-content {
    background: #fff;
    padding: 25px 30px;
    border-radius: 4px; }

.layoutPage-stores .heading-pageDetail {
    margin-bottom: 25px; }

.layoutPage-stores .heading-pageDetail h1 {
    font-size: 30px; }

.layoutPage-stores .wrapbox-info {
    background: #fff;
    padding: 25px 20px 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); }
.layoutPage-stores .wrapbox-info h2 {
    font-size: 22px;
    margin-bottom: 10px; }

.layoutPage-stores .box-filter label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px; }

.layoutPage-stores .box-filter select {
    padding: 0px 15px;
    padding-right: 25px;
    cursor: pointer;
    outline: none;
    text-overflow: ellipsis;
    border-radius: 4px;
    height: 40px;
    line-height: 38px;
    background: #ffffff;
    border: 1px solid var(--shop-color-border);
    font-size: 15px;
    width: 100%;
    color: #000;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }

.layoutPage-stores .box-filter .field-select {
    position: relative; }

.layoutPage-stores .box-filter .field-select:after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;
    border: solid #666666;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

.layoutPage-stores .box-filter .select-item {
    margin-bottom: 16px; }

.layoutPage-stores .box-content h3 {
    font-size: 16px;
    margin-bottom: 5px; }

.layoutPage-stores .box-content .store-item {
    padding-left: 30px;
    margin-bottom: 25px;
    position: relative; }

.layoutPage-stores .box-content .store-item > [class^="store--"] {
    margin-bottom: 5px;
    font-weight: 500; }

.layoutPage-stores .box-content .store-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 368.666 368.666' style='enable-background:new 0 0 368.666 368.666;' xml:space='preserve'%3E%3Cg id='XMLID_2_'%3E%3Cg%3E%3Cg%3E%3Cpath d='M184.333,0C102.01,0,35.036,66.974,35.036,149.297c0,33.969,11.132,65.96,32.193,92.515 c27.27,34.383,106.572,116.021,109.934,119.479l7.169,7.375l7.17-7.374c3.364-3.46,82.69-85.116,109.964-119.51 c21.042-26.534,32.164-58.514,32.164-92.485C333.63,66.974,266.656,0,184.333,0z M285.795,229.355 c-21.956,27.687-80.92,89.278-101.462,110.581c-20.54-21.302-79.483-82.875-101.434-110.552 c-18.228-22.984-27.863-50.677-27.863-80.087C55.036,78.002,113.038,20,184.333,20c71.294,0,129.297,58.002,129.296,129.297 C313.629,178.709,304.004,206.393,285.795,229.355z'%3E%3C/path%3E%3Cpath d='M184.333,59.265c-48.73,0-88.374,39.644-88.374,88.374c0,48.73,39.645,88.374,88.374,88.374s88.374-39.645,88.374-88.374 S233.063,59.265,184.333,59.265z M184.333,216.013c-37.702,0-68.374-30.673-68.374-68.374c0-37.702,30.673-68.374,68.374-68.374 s68.373,30.673,68.374,68.374C252.707,185.341,222.035,216.013,184.333,216.013z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.layoutPage-stores .box-content .store-item .store--time span, .layoutPage-stores .box-content .store-item .store--hotline span {
    font-weight: 600; }

.layoutPage-stores .box-content .store-item .store--link {
    text-decoration: underline;
    color: #1a73e8; }

.layoutPage-stores .boxscroll {
    overflow-y: scroll;
    max-height: 320px;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    margin-right: -20px;
    padding-right: 20px;
    padding-top: 12px; }
.layoutPage-stores .boxscroll::-webkit-scrollbar {
    width: 4px;
    height: 3px; }
.layoutPage-stores .boxscroll::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
.layoutPage-stores .boxscroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e1e3e4;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.layoutPage-stores .boxscroll::-webkit-scrollbar-thumb:window-inactive {
    background: #e1e3e4; }

@media (min-width: 992px) {
    .layoutPage-stores {
        margin: 0 0 40px 0; }
    .layoutPage-stores .boxscroll {
        min-height: 320px; }
    .layoutPage-stores .box-map {
        height: 100%; }
    .layoutPage-stores .box-map iframe {
        width: 100%;
        height: 100%;
        border-radius: 4px; } }

@media (max-width: 991px) {
    .layoutPage-stores .wrapbox-left, .layoutPage-stores .wrapbox-right {
        padding: 0; }
    .layoutPage-stores .wrapbox-content {
        padding: 15px; }
    .layoutPage-stores .heading-pageDetail h1 {
        font-size: 26px; }
    .layoutPage-stores .wrapbox-info {
        margin-bottom: 15px;
        padding: 25px 20px; }
    .layoutPage-stores .box-map {
        height: 100%; }
    .layoutPage-stores .box-map iframe {
        width: 100%;
        border-radius: 4px; } }
/*--------------------------------------------------------------------------------
                                    PAGE PRODUCT INDEX
--------------------------------------------------------------------------------*/
.layout-collections .section-collection {
    padding: 30px 0 40px; }

.collection-desctext{
    padding: 40px 0;
}
.collection-desctext img {
    width: 100%;
}

.layout-collections .toolbar-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px; }
.layout-collections .toolbar-products.category_product {
    margin-bottom: 40px;
}
.layout-collections .toolbar-products h1 {
    font-size: 22px;
    margin: 0;
    padding-right: 15px;
    text-transform: uppercase;
}
.layout-collections .toolbar-products .head-title {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
.layout-collections .toolbar-products .product-sort {
    display: none;
    position: relative;
    margin-left: auto; }
@media (max-width: 991px) {
    .layout-collections .toolbar-products .product-sort {
        display: inherit; } }
.layout-collections .toolbar-products .product-sort .title {
    position: relative; }
.layout-collections .toolbar-products .product-sort .text {
    margin-left: 15px;
    min-width: 230px;
    min-height: 50px;
    line-height: 46px;
    border: 1px solid #dde1ef;
    display: inline-block;
    border-radius: 4px;
    padding: 0 15px; }
.layout-collections .toolbar-products .product-sort .icon {
    position: absolute;
    right: 10px;
    top: calc(50% - 10px); }
.layout-collections .toolbar-products .product-sort .icon svg {
    display: block;
    width: 20px;
    height: 100%;
    margin: auto; }
.layout-collections .toolbar-products .product-sort:hover .sort-by-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
.layout-collections .toolbar-products .sort-by-content {
    position: absolute;
    width: 230px;
    top: calc(100% - 1px);
    right: 0;
    z-index: 9;
    background: #fff;
    border: 1px #dde1ef solid;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: transform 0.3s ease; }
.layout-collections .toolbar-products .sort-by-content li {
    position: relative;
    cursor: pointer;
    padding: 4px 10px 4px 0px; }
.layout-collections .toolbar-products .sort-by-content li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    margin: auto;
    z-index: 1;
    width: 12px;
    height: 6px;
    border: 1.5px solid var(--shop-color-main);
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0); }
.layout-collections .toolbar-products .sort-by-content li:hover:before, .layout-collections .toolbar-products .sort-by-content li.active:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1); }

.btn-loadmore {
    margin-top: 30px;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .layout-collections .col-lg-cus5 {
        flex: 0 0 auto;
        width: 33.333333%; } }

@media (max-width: 991px) {
    .layout-collections .section-collection {
        padding: 15px 0 20px; }
    .layout-collections .toolbar-products .head-title {
        margin-bottom: 15px;
        width: 100%; }
    .layout-collections .toolbar-products h1 {
        font-size: 18px; }
    .layout-collections .toolbar-products .product-sort .text {
        margin-left: 4px;
        padding: 0 10px; }
    .layout-collections .toolbar-products .product-count {
        font-size: 13px; }
    .layout-collections .toolbar-products .product-sort .text {
        min-width: 160px;
        min-height: 36px;
        line-height: 36px; }
    .layout-collections .toolbar-products .sort-by-content {
        width: 160px; }
    .layout-collections .toolbar-products .sort-by-content li {
        font-size: 12px; }
    .layout-collections .toolbar-products .product-sort .title {
        font-size: 13px; }
}
@media (min-width: 1200px) {
    .listProductFilter {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        /**grid-template-rows: 1fr;*/
        gap: 14px;
        margin: 0; }
    .listProductFilter .wrap-item-small {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-column: 3 / 5;
        grid-row: auto;
        padding: 0;
        gap: 14px; }
    .listProductFilter .wrap-item-small-2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-column: 1/3;
        grid-row: auto;
        padding: 0;
        gap: 14px; }
    .listProductFilter .product-loop {
        width: 100%;
        padding: 0;
        margin: 0; }
    .listProductFilter .product-loop.item-large {
        grid-column: 1 / 3;
        grid-row: 1 / 3; }
    .listProductFilter .product-loop.item-large-2 {
        grid-row: 4 / 6;
        grid-column: 3 / 5; }
    .listProductFilter .product-loop.item-large-2 ~ .item-large {
        grid-column: auto;
        grid-row: auto; }
    .listProductFilter .product-loop.item-large-2 ~ .item-large ~ .item-large-2 {
        grid-column: auto;
        grid-row: auto; }
}

/*--------------------------------------------------------------------------------
                                    PAGE PRODUCT VIEWS
--------------------------------------------------------------------------------*/
.filter-inner .filter-head {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}
.checkbox-list i{
    color: #fff;
    font-size: 10px;
}
.checkbox-list .icon{
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #cedadd;
    cursor: pointer;
    border-radius: 2px;
}
.menuCollection {
    display: flex;
    margin: 0 0 30px 0;
}
.menuCollection a {
    display: inherit;
    line-height: 10px;
    font-size: 15px;
}
.menuCollection li ~ li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #c3c3c3;
}
.product-filter-mb {
    display: none;
}
@media (max-width: 991px) {
    .menuCollection {
        display: none;
    }
    .product-filter-mb {
        padding: 5px 12px;
        margin-right: 5px;
        border-radius: 6px;
        border: 1px solid #dde1ef;
        background: #ffffff;
        display: flex;
        align-items: center;
        font-size: 13px;
    }
    .product-filter-mb p {
        margin-right: 7px;
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .productDetail-information {
        margin-bottom: 60px; }
    .wrapper-sidebar-filter {
        margin-left: auto;
        position: relative;
        z-index: 9;
    }
}
.filter-head p{
    margin: 0;
}
.wrapper-sidebar-filter .bottom-sidebar .filter_item_tags {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px; }
.wrapper-sidebar-filter .bottom-sidebar .filter_item_tags:not(last-child) {
    margin-right: 4px; }
.filter_group-content.filter-type ul{
display: flex;
    flex-wrap: wrap;
}
.filter_group-content.filter-type ul a{
    border: 1px solid #eaeaea;
    min-width: 45px;
    min-height: 45px;
    border-radius: 4px;
    padding: 0 15px;
    position: relative;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}
.filter_group-content.filter-type ul a.active{
    background: #222;
    color: #fff;
}
@media (min-width: 1200px) {
    .filter_group-content.filter-type ul{
        gap: 5px;
    }
    .filter_group-content.filter-type ul a{
        min-width: 35px;
        min-height: 35px;
        margin: 0;
    }
    .wrapper-sidebar-filter {
        margin-left: auto;
        position: relative;
        z-index: 9; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner {
        display: flex;
        align-items: center;
        gap: 30px;
    }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-head {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
    }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options {
        display: flex;
        align-items: center;
        gap: 30px; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-subtitle {
        font-size: 14px;
        font-weight: 400;
        padding: 0;
        background: url(https://file.hstatic.net/200000000133/file/down-arrows_51c0ba74263a4ce2b650d50de0a7c4d1.svg);
        background-size: 14px;
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 20px; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-subtitle:before {
        display: none; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content {
        display: none;
        position: absolute;
        background: #FFFFFF;
        width: 220px;
        padding: 15px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content .checkbox-list li {
        display: flex;
        align-items: center; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content .checkbox-list li label {
        font-size: 14px;
        line-height: 1.2;
        gap: 10px;
    }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content .checkbox-list li label[for*="color"] {
        font-size: 0; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content.filter-price, .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content.filter-event {
        right: 0; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block .filter_group-content.filter-price {
        width: 300px;
        padding: 15px 30px; }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block:hover .filter_group-content.filter-type  {
        display: block;
        right: 0;
        height: 220px;
        overflow: auto;
    }
    .wrapper-sidebar-filter .filter-wrapper .filter-content .filter-inner .filter-options .filter_group .filter_group_block:hover .filter_group-content  {
        display: block;
    } }
.productAllFilter_price_value{
    font-size: 12px;
    padding: 2px 5px;
    background-color: #f2f2f2;
}
.productDetail_style__01 .coupon-initial .title-coupon {
    display: none; }

.productDetail_style__01 .product-thumb__link {
    width: 100%; }
.product-gallery {
    background: #fff;
}
.product-gallery__thumb img{
    width: 114px;
    margin-right: 10px;
}
.product-gallery .slick-prev {
    left: 10px;
}
.product-gallery .slick-prev svg {
    transform: rotate(180deg);
}
.product-gallery .slick-prev.disabled svg, .product-gallery .slick-next.disabled svg {
    fill: #9e9e9e;
}
.product-gallery .slick-next {
    right: 10px;
}
.swiper-wrapper-product-views:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.swiper-wrapper-product-views .slick-arrow{
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 1;
    transition: all 300ms ease;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.swiper-wrapper-product-views .slick-arrow:before {
    display: none;
}
.product-info {
    background: #fff;
    position: relative;
}
.filter-inner .filter_group .filter_group_block {
    position: relative;
}
.filter-inner .filter_group .filter_group-subtitle {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 0;
    cursor: pointer;
}
.filter-inner .filter_group .filter_group-subtitle:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 24px;
    height: 24px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(#000, #000), transparent;
    background-position: center;
    background-size: 50% 1px, 1px 50%;
    background-repeat: no-repeat;
}
.filter-inner .filter_group .filter_group-content {
    padding: 10px 0;
}
.filter-footer {
    display: none;
}
@media (min-width: 1200px) {
    .productDetail_style__01 .product-gallery {
        width: 50%; }
    .productDetail_style__01 .product-info {
        width: 50%; }
    .productDetail_style__01 .product-subinfo {
        margin-bottom: 0; }
    .productDetail_style__01 .product-subinfo .subtitle {
        display: none; }
    .productDetail_style__01 .product-subinfo .subinfo-list {
        display: flex; }
    .productDetail_style__01 .product-subinfo .subinfo-list .item {
        flex: 0 0 auto;
        width: 33.333333%; } }

@media (max-width: 1199px) and (min-width: 992px) {
    .productDetail_style__01 .product-gallery {
        width: 45%; }
    .productDetail_style__01 .product-info {
        width: 55%; }
    .productDetail_style__01 .product-subinfo .subinfo-list {
        flex-direction: column; }
    .productDetail_style__01 .product-subinfo .subinfo-list .item {
        width: 100%; } }

@media (min-width: 992px) {
    .sticky-sidebar {
        top: 30px;
        position: sticky;
        -webkit-transition: top 400ms ease;
        -moz-transition: top 400ms ease;
        transition: top 400ms ease;
    }
    .product-gallery {
        padding: 20px 12px;
    }
    .product-info {
        padding: 20px 12px;
        border-left: 1px solid #f2f2f2;
    }
    .productDetail_style__01 .product-gallery__inner {
        overflow: hidden; }
    .productDetail_style__01 .product-gallery__thumb:not(.swiper-initialized) .product-thumb {
        flex: 0 0 calc((100% - 50px)/6);
        max-width: calc((100% - 50px)/6);
        margin-right: 10px; }
    .productDetail_style__01 .product-info {
        border-left: 1px solid #f2f2f2;
        display: flex;
        flex-direction: column; }
    .productDetail_style__01 .product-gallery__thumb {
        margin-top: 10px;
        width: 100%; }
    .productDetail_style__01 .list-coupon {
        display: block; }
    .productDetail_style__01 .list-coupon:not(.swiper-initialized) .coupon-item + .coupon-item {
        margin-top: 12px; }
    .productDetail_style__01 .info-footer {
        margin-top: auto; }
}

@media (max-width: 991px) {
    .wrap-item-small, .wrap-item-small-2{
        display: contents;
    }
    .productDetail_style__01 .product-gallery__inner {
        overflow: hidden;
        position: relative; }
    .productDetail_style__01 .product-gallery__thumb:not(.swiper-initialized) .product-thumb {
        flex: 0 0 calc((100% - 32px)/5);
        max-width: calc((100% - 32px)/5);
        margin-right: 8px; }
    .filter-content {
        visibility: hidden;
        position: fixed;
        height: 100%;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1010;
        overflow: hidden;
    }
    .filter-content.active {
        visibility: visible;
    }
    .filter-content.active .filter-inner {
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .filter-content .filter-inner {
        position: absolute;
        height: 100%;
        width: 85%;
        max-width: 480px;
        background: #ffffff;
        transform: translateX(-100%);
        flex-direction: column;
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
    }
    .filter-content .filter-head {
        position: relative;
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 12px 15px;
        background: #fff;
        color: #000;
        font-size: 22px;
        border-bottom: 1px solid var(--shop-color-border);
    }
    .filter-content .filter-options {
        flex: 1 1 auto;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        padding: 10px 15px 10px;
        border-bottom: 1px solid var(--shop-color-border);
    }
    .filter-content .filter-footer {
        padding: 10px 5px 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .filter-content .filter-footer .btn-filter-clear {
        color: #000000;
        background-color: #f3f4f6;
        border: 1px solid #e5e7eb;
    }
    .filter-content .filter-footer .btn-filter {
        display: block;
        position: relative;
        padding: 10px 15px;
        margin: 0 6px;
        border-radius: 2px;
        -ms-flex: 0 0 calc(50% - 12px);
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
        font-size: 13px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        outline: none;
        cursor: pointer;
    }
    .filter-content .filter-footer .btn-filter-apply {
        color: #ffffff;
        background-color: var(--shop-color-main);
        border: 1px solid var(--shop-color-main);
    }
    .filter-content.active .overlays-rgba {
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.5);
    }

}
@media (max-width: 767px) {
    .list-product-row .product-loop {
        padding: 0 2px;
    }
}
.product-info {
    background: #fff;
    position: relative; }
.product-info [class^="product-"] {
    margin: 0 0 20px 0; }
.product-info .product-name {
    margin-bottom: 5px; }
.product-info .product-name h1 {
    font-size: 26px;
    margin: 0; }
.product-info .product-sku {
    font-size: 13px; }
.product-info .product-sku span + span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: var(--shop-color-border);
    margin: 0 7px; }
.product-info .product-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fafafa;
    padding: 15px;
    border-radius: 4px; }
.product-info .product-price span.pro-price {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    color: #000; }
.product-info .product-price del {
    font-size: 16px;
    line-height: 32px;
    color: #9e9e9e;
    margin: 0 0 0 15px;
    font-weight: normal; }
.product-info .product-price .pro-percent {
    display: inline-block;
    min-width: 36px;
    padding: 4px 10px;
    margin-left: 15px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.5px;
    border-radius: 4px;
    vertical-align: text-bottom;
    line-height: 1.5;
    white-space: nowrap; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star {
    margin-right: 5px;
    display: flex;
    align-items: center; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star i {
    font-size: 16px; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star i[class^="star-"] {
    color: #fdd836 !important; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star i.star-off-png {
    color: #fdd836 !important; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star + p {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 0;
    visibility: hidden; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star + p:before {
    content: "(0)";
    display: inline-block;
    visibility: visible; }
.product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star + span, .product-info .product-price .pro-reviews .haravan-product-reviews-badge .hrv-product-reviews-star + p:before {
    font-size: 14px;
    color: #9e9e9e;
    font-weight: 500; }
.product-info .product-price .pro-reviews p {
    margin: 0; }
.product-info .product-price .pro-price + .pro-reviews {
    margin-left: auto; }

.product-info .product-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px; }
.product-info .product-quantity .qty-value {
    background: #fff;
    color: #000;
    font-weight: 600;
    --size: 40px;
    height: var(--size);
    line-height: var(--size);
    width: var(--size);
    padding: 0;
    text-align: center;
    border: 1px solid #f3f4f4;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; }
.product-info .product-quantity .qty-value:focus {
    outline: none; }
.product-info .product-quantity .qty-btn {
    float: left;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #f3f4f4;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    --size: 40px;
    height: var(--size);
    line-height: var(--size);
    width: var(--size);
    text-align: center;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; }
.product-info .product-quantity .qty-btn svg {
    display: block;
    width: 12px;
    height: 100%;
    margin: 0 auto;
    fill: #a4aaaf;
    transition: all .2s ease-in-out; }
.product-info .product-quantity .qty-btn:hover svg {
    fill: #000; }
.product-info .size-guide {
    margin-left: auto; }
.product-info .size-guide .btn-size-guide {
    font-size: 14px;
    color: #252a2b;
    font-weight: 500;
    padding: 2px;
    margin-bottom: 5px;
    border: 0;
    background: transparent;
    outline: none;
    box-shadow: none; }
.product-info .size-guide span {
    padding-bottom: 1px;
    background-image: linear-gradient(to right, #777a7b 0%, #777a7b 100%);
    background-size: 100% 1px;
    background-position: 0 94%;
    background-repeat: no-repeat; }
.product-info .product-actions .action-buys {
    display: flex;
    margin-bottom: 20px; }
.product-info .product-actions .action-buys #buy-now {
    background: #121212;
    margin-left: 15px; }
.product-info .product-actions .action-buys #btn-voucher {
    background: var(--shop-color-main);
    display: flex;
    justify-content: center;
    align-items: center; }
.product-info .product-actions .action-link .link-voucher {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600; }
.product-info .product-actions .action-link .link-voucher.disabled {
    opacity: .7;
    pointer-events: none; }
.product-info .product-share {
    display: flex;
    align-items: center;
    padding: 0 15px; }
.product-info .product-share a {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    color: #fff;
    cursor: pointer; }
.product-info .product-share a:hover {
    color: #fff; }
.product-info .product-share a svg {
    width: 30px;
    height: 30px;
    vertical-align: initial; }
.product-info .pro-share {
    display: none; }
.product-info .pro-share svg {
    fill: #402da1; }
.product-info .pro-share span {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #402da1;
}

.product_view_size,
.product_view_color{
    margin-bottom: 20px;
    padding: 0 15px;
}
.product_view_size_item,
.product_view_color_item{
    padding: 6px 12px;
    border: 1px solid #bdbfbe;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 0 8px 8px 0;
    user-select: none;
}
.product_view_size_item.active::after,
.product_view_color_item.active::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 16px 0;
    border-color: transparent var(--shop-color-main) transparent transparent;
    z-index: 1;
}
.product_view_size_item.active::before,
.product_view_color_item.active::before {
    content: "✔";
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 10px;
    color: white;
    z-index: 2;
    transform: rotate(10deg);
}
.product_view_color_item.deactive,
.product_view_size_item.deactive{
    opacity: .5;
    cursor: default;
    pointer-events: none;
}
.product_view_color_item.deactive:before,
.product_view_size_item.deactive:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    margin-top: 0;
    width: 100%;
    height: 1px;
    background: #bdbfbe;
    transform: rotate(-45deg);
}
.product_view_color_item.deactive:before,
.product_view_size_item.deactive:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    margin-top: 0;
    width: 100%;
    height: 1px;
    background: #bdbfbe;
    transform: rotate(45deg);
}
.pro-title {
    min-width: 120px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 15px;
}
.pro-title strong{
    font-size: 85%;
    display: block;
    color: #E29481;
    line-height: 1.1;
    padding-bottom: 3px;
}
.button.btn-addtocart {
    width: 100%;
    min-height: 50px;
    background: #fff;
    border: 1px solid #121212;
    color: #121212;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.button.btn-addtocart:hover {
    color: #fff;
}
.button.btn-addtocart:before {
    background: #121212;
    color: #121212;
}
.button.btn-buynow {
    width: 100%;
    min-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.button.btnred:before {
    background: #000000;
}
.wrapper-btn-store {
    margin-bottom: 30px;
}
.wrapper-btn-store a {
    width: 100%;
}
.product-subinfo .subtitle {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px; }

.product-subinfo .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
.product-subinfo .item--img {
    flex: 0 0 auto;
    width: 30px; }
.product-subinfo .item--text {
    flex: 1 1 auto;
    padding: 0 10px;
    font-size: 13px;
}
.tooltip-cs .tooltip-hover {
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    line-height: 24px;
    background: #17191a;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 8px;
    border-radius: 3px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}
.tooltip-cs:hover .tooltip-hover {
    opacity: 1;
    visibility: visible;
}
.tooltip-cs .tooltip-hover:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border: solid;
    border-width: 8px 8px 0 8px;
    border-color: transparent;
    border-top-color: #000;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
.product-tabs {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 12px;
    background: #fff;
}
.product-tabs .product-desc ul {
    padding-left: 15px;
    margin-bottom: 15px;
    list-style: inherit; }
.product-tabs .tab-title {
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    flex-wrap: nowrap;
    overflow: auto; }
.product-tabs .tab-title::-webkit-scrollbar {
    display: none; }
.product-tabs .tab-title li {
    white-space: nowrap; }
.product-tabs button {
    border: 0;
    background: #fff;
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    transition: all 300ms ease; }
.product-tabs button.active {
    color: #333333; }
.product-tabs button.active:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    bottom: 0; }
.product-tabs .tab-link + .tab-link {
    margin-left: 60px; }
.product-tabs .expandable-toggle_btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #333333;
    padding: 7px 15px;
    color: #333333;
    position: relative;
    margin: 0;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    background: #fff;
    z-index: 1;
    outline: none;
    position: relative; }
.product-tabs .expandable-toggle_btn-icon {
    position: relative;
    margin-right: 15px;
    width: 10px;
    height: 10px;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out; }
.product-tabs .expandable-toggle_btn-icon:before, .product-tabs .expandable-toggle_btn-icon:after {
    content: "";
    position: absolute;
    background: #333333;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    top: 50%;
    left: 50%; }
.product-tabs .expandable-toggle_btn-icon:before {
    width: 2px;
    height: 10px; }
.product-tabs .expandable-toggle_btn-icon:after {
    width: 10px;
    height: 2px; }
.product-tabs .expandable-toggle_btn.btn-closemore .expandable-content_toggle-icon:before {
    content: none; }
.product-tabs .description-btn {
    position: relative; }
.product-tabs .description-btn:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 15%, #fff); }
.product-tabs .description-btn.is-show:before {
    display: none; }
.product-tabs .expandable-toggle.opened .desc-content {
    max-height: 230px;
    overflow: hidden; }
.list-product-slide-related .slick-slide{
    margin-right: 24px;
}
@media (max-width: 991px) {
    .list-product-slide-related .slick-slide{
        margin-right: 4px;
    }
}
.list-product-slide-related .slick-arrow, .list-product-slide-cart .slick-arrow {
    position: absolute;
    top: 30%;
    width: 40px;
    height: 40px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    transform: scale(0);
}
.list-product-slide-related .slick-arrow:before, .list-product-slide-cart .slick-arrow:before {
    content: "";
}
.list-product-slide-related .slick-arrow svg, .list-product-slide-cart .slick-arrow svg {
    width: 15px;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.list-product-slide-related .slick-prev svg, .list-product-slide-cart .slick-prev svg {
    transform: rotate(180deg);
}
.list-product-slide-related .slick-arrow.slick-prev, .list-product-slide-cart .slick-arrow.slick-prev  {
    left: 10px;
}
.list-product-slide-related .slick-arrow.slick-next, .list-product-slide-cart .slick-arrow.slick-next {
    right: 10px;
}

.sidebar-action-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 90px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    z-index: 1100;
    transform: translateY(100%);
    transition: all .3s;
    display: flex; }
.sidebar-action-bottom.is-show {
    transform: translateY(0); }
.sidebar-action-bottom.is-ldp-prod {
    transform: translateY(0); }
.sidebar-action-bottom .sticky-atc {
    display: flex;
    justify-content: space-between;
    height: 100%; }
.sidebar-action-bottom .sticky-atc__img {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 15px; }
.sidebar-action-bottom .sticky-atc__img img{
    height: 100px;
}
.sidebar-action-bottom .sticky-atc__img .prod-info {
    margin-left: 15px; }
.sidebar-action-bottom .sticky-atc__img .prod-info span.prod-price {
    font-size: 18px;
    font-weight: 600;
    color: #000; }
.sidebar-action-bottom .sticky-atc__img .prod-info del {
    margin: 0 0 0 10px;
    color: #c4c4c4; }
.sidebar-action-bottom .sticky-atc__img .prod-info span.prod-percent {
    display: inline-block;
    min-width: 36px;
    padding: 4px 10px;
    background: #ff0000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 4px;
    vertical-align: text-bottom;
    line-height: 1.5;
    margin-left: 10px; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews {
    margin: 0 0 5px 0; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .haravan-product-reviews-badge {
    margin-bottom: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .haravan-product-reviews-badge p {
    margin: 0; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .product-reviews .rating-star .hrv-product-reviews-star i {
    font-size: 15px; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .hrv-product-reviews-star {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    margin-right: 5px; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .haravan-product-reviews-badge .hrv-product-reviews-star i[class^="star-"] {
    color: #fdd836 !important;
    font-size: 16px !important; }
.sidebar-action-bottom .sticky-atc__img .prod-info__reviews .haravan-product-reviews-badge .hrv-product-reviews-star i.star-off-png {
    color: #fdd836 !important; }
.sidebar-action-bottom .sticky-atc__vrt {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
.sidebar-action-bottom .sticky-atc__action {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    width: auto; }
.sidebar-action-bottom .sticky-atc__btn {
    display: flex;
    align-items: center;
    border-left: 1px solid #d9d9d9; }
.sidebar-action-bottom .sticky-atc__btn .btn-quantity {
    margin-left: 15px;
    display: flex; }
.sidebar-action-bottom .sticky-atc__btn .btn-atc {
    margin-left: 15px; }
.sidebar-action-bottom .sticky-atc__btn .btn-buy-sticky {
    width: 100%;
    height: 45px;
    text-align: center;
    border: none;
    font-size: 14px;
    line-height: 18px;
    color: white;
    background: #121212;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
    position: relative;
    border-radius: 2px;
    font-weight: 600;
    border: 1px solid #121212; }
.sidebar-action-bottom .sticky-atc__btn .btn-buy-sticky.disabled {
    color: #929292;
    background: #eaeaea;
    border-color: #eaeaea;
    cursor: no-drop; }
.sidebar-action-bottom .select-swatch {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative; }
.sidebar-action-bottom .select-swatch .header {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: initial;
    text-align: left;
    width: auto;
    white-space: nowrap; }
.sidebar-action-bottom .swatch {
    width: auto;
    align-items: unset;
    flex-direction: column;
    margin: 0; }
.sidebar-action-bottom .swatch .select-swap {
    width: auto; }
.sidebar-action-bottom .swatch select.select-swap {
    min-width: 100px;
    padding: 5px 10px;
    margin: 0 8px 8px 0;
    border-radius: 4px; }
.sidebar-action-bottom .swatch select.select-swap option[disabled] {
    color: rgba(0, 0, 0, 0.3); }
.sidebar-action-bottom .swatch select.select-swap:focus {
    outline: none; }
.sidebar-action-bottom .swatch .header {
    width: auto;
    white-space: nowrap; }
.sidebar-action-bottom .swatch .swatch-element label {
    min-width: 55px; }
.sidebar-action-bottom .swatch + .swatch {
    margin-left: 20px; }
.sidebar-action-bottom .quantity-input {
    background: #fff;
    color: #000;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    width: 45px;
    padding: 0;
    text-align: center;
    border: 1px solid #f3f4f4;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
    appearance: none; }
.sidebar-action-bottom .quantity-input:focus {
    outline: none;
    border-color: #f3f4f4; }
.sidebar-action-bottom .qty-btn {
    float: left;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #f3f4f4;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    height: 45px;
    line-height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; }
.sidebar-action-bottom .qty-btn svg {
    display: block;
    width: 12px;
    height: 100%;
    margin: 0 auto;
    fill: #a4aaaf;
    transition: all .2s ease-in-out; }
.sidebar-action-bottom .qty-btn:hover svg {
    fill: #000; }
@media (max-width: 1199px) {
    .product-tabs {
        margin: 0 0 30px;
    }
    .product-tabs .tab-title {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: 20px;
        padding-right: 10px;
    }
    .product-tabs .tab-title .tab-link {
        white-space: nowrap;
        padding: 0 8px 0 8px;
    }
    .product-tabs .tab-title .tab-link + .tab-link {
        margin: 0;
    }
}
@media (min-width: 992px) {
    .sidebar-action-bottom .container {
        max-width: 1350px; }
    .sidebar-action-bottom .sticky-atc__btn .btn-buy-sticky {
        min-width: 220px; }
    .sidebar-action-bottom .check-action-tt {
        padding: 0 15px; } }
@media (max-width: 991px) {
    .sidebar-action-bottom {
        min-height: 50px;
        transform: translateY(0); }
    .sidebar-action-bottom .sticky-atc {
        flex-direction: column; }
    .sidebar-action-bottom .sticky-atc__img .prod-img, .sidebar-action-bottom .sticky-atc__img .prod-info .prod-info__reviews {
        display: none; }
    .sidebar-action-bottom .sticky-atc__img .prod-info {
        margin-left: 0; }
    .sidebar-action-bottom .sticky-atc__img .prod-info__price {
        margin-top: 5px; }
    .sidebar-action-bottom .sticky-atc__action {
        padding: 7px 0;
        width: 100%; }
    .sidebar-action-bottom .sticky-atc__vrt form {
        width: 100%; }
    .sidebar-action-bottom .sticky-atc__btn {
        border-left: 0;
        width: 100%; }
    .sidebar-action-bottom .sticky-atc__btn .btn-quantity {
        margin: 0;
        padding-right: 15px; }
    .sidebar-action-bottom .sticky-atc__btn .btn-atc {
        flex: 1 1 auto;
        margin: 0; }
    .sidebar-action-bottom .swatch {
        margin: 10px 0 0; }
    .sidebar-action-bottom .swatch:first-child:before {
        display: none; }
    .sidebar-action-bottom .select-swatch {
        padding: 0;
        justify-content: space-between; }
    .sidebar-action-bottom .swatch select.select-swap {
        margin: 0; }
    .sidebar-action-bottom .select-swatch .header {
        display: none; }
    .list-product-slide-cart .slick-slide{
        margin-right: 15px;
    }
    .list-product-slide .slick-arrow, .list-product-slide-cart .slick-arrow, .list-product-slide-related .slick-arrow,
    .swiper-wrapper-blog .slick-arrow, .swiper-wrapper-product-views .slick-arrow {
        width: 30px;
        height: 30px;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    .list-product-slide .slick-arrow svg, .list-product-slide-cart .slick-arrow svg, .list-product-slide-related .slick-arrow svg,
    .swiper-wrapper-blog .slick-arrow svg, .swiper-wrapper-product-views .slick-arrow  svg{
        width: 11px;

    }
    .product_cart_slide {
        order: 2;
    }
    .sidebarCart-sticky{
        order: 1;
    }
    .cart-collection{
        order: 2;
    }
    .product-gallery__thumb {
        margin-top: 8px;
        width: 100%;
    }
    .product-info [class^="product-"] {
        margin: 0 0 15px 0;
    }
    .info-header .product-name h1 {
        font-size: 20px;
    }
    .product-price .pro-title {
        display: none;
    }
    .product_view_color, .product_view_size {
        flex-wrap: wrap;
        margin-top: 0;
    }
    .pro-title {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .info-body .req{
        width: 100%;
    }
    .product-quantity .pro-title {
        display: none;
    }
    .product-info .pro-share {
        display: flex
    ;
        align-items: flex-end;
    }
    .product-actions .action-buys #buy-now {
        display: none;
    }
    .button.btn-addtocart {
        background: #121212;
        border: 1px solid #fff;
        color: #fff;
    }
    .product-info {
        padding: 12px 12px;
    }

}

@media (max-width: 991px) {
    .sidebar-action-bottom.scroll-up {
        transform: translateY(100%); }
}
@media (min-width: 1200px) {
    .product-info .product-variants.is-sizeguide {
        padding-right: 10px; }
    .product-info .product-price .pro-reviews {
        margin-left: auto; }
}
@media (min-width: 992px) {
    .product-related {
        margin-bottom: 80px;
    }
    .product-viewed {
        margin-bottom: 30px;
    }
    .list-product-slide-related:hover .slick-arrow, .list-product-slide-cart:hover .slick-arrow  {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
}
@media (max-width: 991px) {
    .product-info .product-share {
        display: none; }
    .product-info .pro-share {
        display: flex;
        align-items: flex-end; } }
@media (max-width: 767px) {
    .product-info .product-price .pro-percent + .pro-reviews {
        flex: 0 0 auto;
        width: 100%; }
}
                                                        /*footer*/
/*--------------------------------------------------------------------------------
                                  FOOTER page
--------------------------------------------------------------------------------*/

.sidebar-main .sitenav-wrapper.sitenav-left {
    left: 0;
    -webkit-transform: translateX(-104%);
    -ms-transform: translateX(-104%);
    -o-transform: translateX(-104%);
    transform: translateX(-104%);
}
.sidebar-main .sitenav-wrapper.is-opened {
    -webkit-transform: none;
    transform: none;
}
.sidebar-main .sitenav-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1010;
    width: 480px;
    max-width: 85%;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -ms-transition: transform .5s;
    transition: transform .5s;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
.sidebar-main .sitenav-inner {
    display: flex
;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.sitenav-inner .sitenav-header {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--shop-color-border);
}
.sitenav-inner .sitenav-header__title {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.sitenav-inner .sitenav-header__btn svg {
    width: 17px;
    height: 100%;
    margin: 0 auto;
    cursor: pointer;
}
.sitenav-inner .sitenav-content {
    padding: 15px;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
.sitenav-menu .menu-mobile--wrap {
    height: 100%;
}
.menuList-links li a {
    color: var(--shop-color-text);
    position: relative;
    font-size: 14px;
    display: block;
}
.menuList-links > li > a {
    padding: 12px 0;
    font-weight: 500;
}
.sitenav-menu .menuList-links > li > a {
     font-weight: 600;
 }
.sitenav-inner .sitenav-footer {
    padding: 15px;
    margin-top: auto;
    border-top: 1px solid var(--shop-color-border);
}
.sitenav-menu .mobile-menu__section .mobile-menu__section-title {
    font-size: 15px;
    color: var(--shop-color-title);
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
}
.sitenav-menu .mobile-menu__section .mobile-menu__help-wrapper {
    color: #677279;
    display: flex
;
    display: -ms-flex;
    align-items: center;
}
.sitenav-menu .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-phone {
    margin-right: 16px;
    width: 24px;
    height: 24px;
}
.sitenav-menu .mobile-menu__section .mobile-menu__help-wrapper a {
    border-bottom: 0 !important;
    text-transform: none !important;
}
.sitenav-menu .mobile-menu__section .mobile-menu__help-wrapper + .mobile-menu__help-wrapper {
    margin-top: 15px;
}
.sitenav-menu .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-email {
    margin-right: 18px;
    width: 22px;
    height: 22px;
}
@media (max-width: 991px) {
    .menuList-main > li.has-submenu > a {
        padding-right: 30px;
    }
    .menuList-main li a {
        color: var(--shop-color-text);
        position: relative;
        font-size: 14px;
        display: block;
    }
    .menuList-main > li > a {
        font-weight: 600;
        padding: 12px 0;
    }
    .menuList-main > li > a > svg {
        display: none;
    }
    .menuList-main .icon-plus-submenu {
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 1px solid transparent;
    }
    .menuList-main .icon-plus-submenu:after, .menuList-main .icon-plus-submenu:before{
        background: rgba(9, 9, 9, 0.6);
        content: '';
        display: block;
        position: absolute;
        margin-right: 7px;
        top: 50%;
        right: 0;
        -moz-transition: all .25s linear;
        -o-transition: all .25s linear;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
    }
    .menuList-main .icon-plus-submenu:before {
        width: 9px;
        height: 1px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menuList-main li.has-submenu.active > a .icon-plus-submenu:after {
        -moz-transform: translateY(-50%) scale(1, 0);
        -ms-transform: translateY(-50%) scale(1, 0);
        -webkit-transform: translateY(-50%) scale(1, 0);
        transform: translateY(-50%) scale(1, 0);
    }
    .menuList-main .icon-plus-submenu:after {
        width: 1px;
        height: 9px;
        right: 4px;
        transform-origin: center;
        -moz-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        -webkit-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1);
    }
    .menuList-main .has-submenu.active ul.menuList-submain {
        display: block;
    }
    .menuList-main li ul.menuList-submain {
        display: none;
    }
}
.sidebar-main .sitenav-wrapper.is-opened ~ .sitenav-mask {
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    visibility: visible;
}
.sidebar-main .sitenav-mask {
    background: rgba(225, 225, 225, 0.05);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms linear;
}
.actionToolbar_mobile {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    display: none; }
.actionToolbar_mobile .toolbar-wrapper {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.actionToolbar_mobile.toolbar_style_1 .toolbar-wrapper {
    height: 55px;
    padding: 6px 5px 4px; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item {
    flex: 0 0 auto;
    width: 20%; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__btn {
    border: 0;
    background: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    border: 0;
    outline: none;
    cursor: pointer;
    box-shadow: none; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon {
    width: 20px;
    height: 22px;
    display: block;
    position: relative; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon svg {
    display: block;
    margin: 0 auto;
    height: 100%; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon .count {
    display: inline-block;
    vertical-align: top;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    top: -4px;
    left: 12px; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__label {
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 1; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-wrapper {
    margin: 0 -2px;
    padding: 5px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item {
    padding: 0 1px;
    -webkit-flex: 1 1;
    flex: 1 1;
    max-width: calc(100%/3); }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink {
    border-radius: 20px;
    padding: 2px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: var(--shop-color-main);
    color: #ffffff; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink svg {
    display: block;
    border-radius: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink .box-text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 30px);
    padding: 1px 6px 1px 4px;
    line-height: 1.3;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores {
    position: absolute;
    right: 8px;
    bottom: calc(100% + 10px);
    max-width: 90px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink {
    border-radius: 0;
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .box-text {
    width: 100%;
    padding: 2px 8px;
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink svg {
    margin: 0 auto 4px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .iconmap-down {
    animation: downscroll 0.45s ease-in alternate infinite;
    -webkit-animation: downscroll 0.45s ease-in alternate infinite; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink {
    background: transparent; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .box-text {
    background: #eb1c24; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-msg .toolbar-item--boxlink {
    background: #0a7cff; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-zalo .toolbar-item--boxlink {
    background: #1272e8; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-phone .toolbar-item--boxlink {
    background: #e81a23; }
@media (max-width: 991px) {
    .actionToolbar_mobile {
        display: block; } }
.mainFooter {
    background: var(--footer-bg-color-2);
    line-height: 1.6;
}
.mainFooter ul{
    padding: 0;
}
.mainFooter .footer-expand-title {
    text-align: center;
    display: none;
    padding: 10px 0 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    background: #ffffff; }
.mainFooter .footer-expand-title .arrow-up {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 8px auto 4px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 18px;
    transition: transform 0.4s ease-in-out 0s;
    -moz-transition: transform 0.4s ease-in-out 0s;
    -webkit-transition: transform 0.4s ease-in-out 0s; }
.mainFooter .footer-expand-title .arrow-up svg {
    fill: #fff;
    width: 16px;
    height: 100%;
    display: block;
    margin: 0 auto; }
.mainFooter .footer-expand-title.active .arrow-up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
.mainFooter .footer-expand-collapsed {
    color: var(--footer-color-text); }
.mainFooter .widget-footer {
    border-bottom: 1px solid rgba(211, 211, 211, 0.04); }
.mainFooter .widget-footer__title {
    position: relative;
    font-size: 16px;
    color: var(--footer-color-title);
    margin: 0px;
    padding: 15px 0;
    font-weight: 500; }
.mainFooter .widget-footer__content {
    display: none;
    padding: 10px 0px 20px; }
.mainFooter .widget-footer__content .ft-logo img {
    max-width: 150px;
    margin-bottom: 15px;
    height: auto; }
.mainFooter .widget-footer__content .ft-logo a {
    color: var(--footer-color-title); }
.mainFooter .widget-footer__content .ft-logobct {
    margin-top: 12px; }
.mainFooter .widget-footer__content .ft-logobct img {
    max-width: 150px;
    height: auto; }
.mainFooter .widget-footer__content .address-footer ul {
    padding: 0; }
.mainFooter .widget-footer__content .address-footer ul li {
    padding: 0;
    margin: 0 0 8px;
}
.mainFooter .widget-footer__content {
    padding: 0; }
.mainFooter .widget-footer__content li {
    padding-left: 15px;
    position: relative;
    margin: 0 0 8px;
    list-style: none;
}
.mainFooter .widget-footer__content li a {
    color: var(--footer-color-text); }
.mainFooter .widget-footer__content li a:before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--footer-color-text);
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    border-radius: 50%;
    bottom: 0;
    margin: auto; }
.mainFooter .widget-footer__content li a:hover, .mainFooter .widget-footer__content li a:focus {
    color: var(--footer-color-hover); }
.mainFooter .widget-footer__content li a:hover:before, .mainFooter .widget-footer__content li a:focus:before {
    background: var(--footer-color-hover); }
.mainFooter .widget-footer__content .footerNav-social {
    margin-top: 12px;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
.mainFooter .widget-footer__content .footerNav-social li {
    padding: 0;
    display: inline-block;
}
.mainFooter .widget-footer__content .footerNav-social li a {
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid var(--footer-color-text);
    color: var(--footer-color-text);
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.mainFooter .widget-footer__content .footerNav-social li a:before {
    display: none;
}
.mainFooter .widget-footer__content .footerNav-social li a svg {
    width: 15px;
    display: block;
    height: 100%;
    margin: 0 auto;
    fill: var(--footer-color-text);
    stroke: var(--footer-color-text);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
.mainFooter .widget-footer__content .footerNav-social li a:hover {
    border-color: var(--footer-color-hover); }
.mainFooter .widget-footer__content .footerNav-social li a:hover svg {
    fill: var(--footer-color-hover);
    stroke: var(--footer-color-hover); }
.mainFooter .widget-footer__content .newsletter-form {
    margin-top: 15px; }
.mainFooter .widget-footer__content .newsletter-form button {
    border-radius: 0; }
.mainFooter .widget-footer__content .newsletter-form input {
    font-size: 14px;
    border: 1px solid #eee; }
.mainFooter .widget-footer__content .newsletter-form input:focus {
    box-shadow: none; }
.mainFooter .widget-footer__content .newsletter-form .input-group {
    margin-bottom: 0; }
.mainFooter .widget-footer__content .newsletter-form .icon-email {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center; }
.mainFooter .widget-footer__content .newsletter-form .newsletter-input {
    height: 46px;
    padding: 10px 130px 10px 40px;
    border-radius: 4px !important;
    border: 1px solid var(--shop-color-button);
    font-size: 13px;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; }
.mainFooter .widget-footer__content .newsletter-form .newsletter-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 25px;
    height: 46px;
    border: 1px solid var(--shop-color-button);
    text-transform: uppercase;
    font-weight: 700;
    z-index: 9;
    border-radius: 4px; }
.mainFooter .widget-footer__content .newsletter-form .newsletter-error, .mainFooter .widget-footer__content .newsletter-form .newsletter-success {
    font-size: 13px;
    margin: 0;
    padding: 5px 5px 0; }
.mainFooter .widget-footer__content .newsletter-form .newsletter-success {
    color: #27a208;
    background: #c5e9c5;
    margin: 5px 0 0 0;
    border-radius: 2px; }
.mainFooter .widget-footer__content .newsletter-form .newsletter-error {
    color: #ff0000; }
.mainFooter .footer-payment {
    margin: 15px 0; }
.mainFooter .footer-payment .payment-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
.mainFooter .footer-payment .payment-icon {
    display: flex;
    flex-wrap: wrap; }
.mainFooter .footer-payment .payment-icon li {
    margin: 0 8px 8px 0;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    overflow: hidden; }
.mainFooter .footer-shipment {
    margin: 15px 0; }
.mainFooter .footer-shipment .shipment-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
.mainFooter .footer-shipment .shipment-icon {
    display: flex;
    flex-wrap: wrap; }
.mainFooter .footer-shipment .shipment-icon li {
    margin: 0 8px 8px 0;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .mainFooter .widget-footer {
        border-bottom: 0;
        border-right: 1px solid #242424;
        padding: 50px 15px 20px 35px; } }
@media (min-width: 992px) {
    .mainFooter .footer-expand-title {
        display: none; }
    .mainFooter .footer-expand-collapsed {
        display: block; }
    .mainFooter .widget-footer__title {
        font-weight: 700;
        font-size: 16px;
        padding-bottom: 12px; }
    .mainFooter .widget-footer__content {
        display: block; }
    .mainFooter .widget-footer:last-child {
        border-right: 0; }
    .mainFooter .footer-copyright {
        border-top: 1px solid #242424; } }
@media (max-width: 991px) {
    .mainFooter .widget-footer {
        order: 2; }
    .mainFooter .widget-footer__title:before {
        content: "";
        right: 5px;
        position: absolute;
        box-sizing: border-box;
        height: 8px;
        width: 8px;
        border-style: solid;
        border-color: currentColor;
        border-width: 0px 1px 1px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
        transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s; }
    .mainFooter .widget-footer__title.opened {
        font-weight: 700; }
    .mainFooter .widget-footer__title.opened:before {
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg); }
    .mainFooter .widget-footer.widget-footer-newsletter {
        order: 1;
        text-align: center; }
    .mainFooter .widget-footer.widget-footer-newsletter .widget-footer__title {
        pointer-events: none; }
    .mainFooter .widget-footer.widget-footer-newsletter .widget-footer__title:before {
        display: none; }
    .mainFooter .widget-footer.widget-footer-newsletter .widget-footer__content {
        display: block; }
}
.addThis_contact__dialog {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.addThis_contact__icons {
    position: fixed;
    bottom: 105px;
    right: 18px;
    margin: 0;
    z-index: 1000;
    cursor: pointer; }
.addThis_contact__icons .box-item {
    position: relative; }
.addThis_contact__icons .box-item + .box-item {
    margin-top: 18px; }
.addThis_contact__icons .box-item .svgico {
    position: relative;
    z-index: 4;
    display: block;
    height: 48px;
    width: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
    background: var(--shop-color-main);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    animation: pulse 2s infinite;
    animation: pulse 2s infinite; }
.addThis_contact__icons .box-item .svgico svg {
    fill: #ffffff;
    width: 28px;
    height: 100%;
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
.addThis_contact__icons .box-item:before, .addThis_contact__icons .box-item:after {
    position: absolute;
    content: '';
    height: 48px;
    width: 48px;
    left: 0;
    top: 0;
    background: var(--shop-color-main);
    border-radius: 50%; }
.addThis_contact__icons .box-item:before {
    animation: euiBeaconPulseSmall 2s infinite ease-out; }
.addThis_contact__icons .box-item:after {
    animation: euiBeaconPulseSmall 2s  infinite ease-out 0.4s; }
.addThis_contact__icons .box-item.box-contact .svgico > svg {
    animation: iconSkew 1s infinite ease-out; }
@keyframes iconSkew {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
}
@keyframes euiBeaconPulseSmall {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.4);
        opacity: 0;
    }
}
.addThis_contact__icons .box-item.box-contact .svgico .svgico--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
.addThis_contact__icons .box-item.box-contact .svgico .svgico--close svg {
    fill: #ffffff;
    width: 17px;
    height: 100%; }
.addThis_contact__icons .box-item.box-live .svgico {
    background: #ff0000; }
.addThis_contact__icons .box-item.box-live:before, .addThis_contact__icons .box-item.box-live:after {
    background: #ff0000; }
.addThis_contact__icons .box-item.box-chatmsg:before, .addThis_contact__icons .box-item.box-chatmsg:after {
    display: none; }
.addThis_contact__icons .box-item.box-chatmsg .svgico {
    background: #ffffff;
    padding: 3px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 150ms linear; }
.addThis_contact__icons .box-item.box-chatmsg .svgico svg {
    width: 100%;
    height: 100%; }

.addThis_contact__lists {
    position: absolute;
    bottom: 145px;
    border-radius: 12px;
    right: 30px;
    max-width: 300px;
    overflow: hidden;
    background-color: #f5f6fa;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 100% bottom;
    transform-origin: 100% bottom;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); }
.addThis_contact__lists .addThis_close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: 0;
    outline: none;
    padding: 6px;
    background: transparent; }
.addThis_contact__lists .addThis_close svg {
    opacity: 0.6;
    width: 24px;
    height: 24px;
    display: block;
    margin: auto; }
.addThis_contact__lists .addThis_listing {
    padding: 0;
    margin: 0; }
.addThis_contact__lists .addThis_listing .addThis_item {
    margin: 0;
    padding: 0;
    margin: 0; }
.addThis_contact__lists .addThis_listing .addThis_item--icon {
    padding: 10px 15px;
    cursor: pointer;
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
.addThis_contact__lists .addThis_listing .addThis_item--icon svg {
    display: block;
    border-radius: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); }
.addThis_contact__lists .addThis_listing .addThis_item--icon .tooltip-text {
    opacity: 1;
    visibility: visible;
    position: initial;
    width: calc(100% - 32px);
    padding-left: 15px;
    text-align: left;
    background: transparent;
    color: #1d243e;
    font-size: 13px;
    font-weight: 400; }
.addThis_contact__lists .addThis_listing .addThis_item:not(:last-of-type) {
    border-bottom: 1px solid #ecedf1;
    box-shadow: 0 1px 0 0 #fff; }
.addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat {
    display: block; }

.addThis_contact__dialog.active {
    opacity: 1;
    visibility: visible;

}
.addThis_contact__dialog.active .addThis_contact__lists {
    -ms-transition-delay: 0.1s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
.addThis_contact__dialog.active + .addThis_contact__icons .svgico .svgico--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1); }
.addThis_contact__dialog.active + .addThis_contact__icons .svgico > svg {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3); }
.addThis_contact__dialog.active + .addThis_contact__icons .box-live {
    opacity: 0;
    visibility: hidden; }

@media (min-width: 992px) {
    .addThis_contact__lists .addThis_listing .addThis_item--icon:hover {
        background: #ffffff; }
    .addThis_contact__lists .addThis_listing .addThis_item--icon:hover .tooltip-text {
        color: var(--shop-color-hover); }
    .addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat {
        display: none; } }

@media (max-width: 991px) {
    .addThis_contact__dialog {
        background-color: rgba(0, 0, 0, 0.5); }
    .addThis_contact__icons {
        right: 12px;
        bottom: 80px; }
    .addThis_contact__icons .box-item .svgico {
        height: 45px;
        width: 45px; }
    .addThis_contact__icons .box-item .svgico svg {
        width: 24px; }
    .addThis_contact__icons .box-item .svgico .svgico--close svg {
        width: 16px; }
    .addThis_contact__icons .box-item:before, .addThis_contact__icons .box-item:after {
        height: 45px;
        width: 45px; }
    .addThis_contact__lists {
        left: 15px;
        right: 15px;
        bottom: 110px;
        max-width: 100%; }
    .addThis_contact__lists .addThis_listing .addThis_item.addThis_item__fbchat {
        display: block; }
    .addThis_contact.toolbar-mobile-1 .addThis_contact__icons {
        bottom: 90px; }
    .addThis_contact.toolbar-mobile-1 .addThis_contact__icons .box-item.box-contact {
        display: none; }
    .addThis_contact.toolbar-mobile-1 .addThis_contact__lists {
        bottom: 80px;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom; }
    .addThis_contact.toolbar-mobile-2 .addThis_contact__icons {
        bottom: 140px; }
    .addThis_contact.toolbar-mobile-2 .addThis_contact__icons .box-item.box-contact, .addThis_contact.toolbar-mobile-2 .addThis_contact__icons .box-item.box-chatmsg {
        display: none; }
    .addThis_contact.toolbar-mobile-2 .addThis_contact__dialog {
        display: none; } }

.actionToolbar_mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    display: none; }
.actionToolbar_mobile .toolbar-wrapper {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.actionToolbar_mobile.toolbar_style_1 .toolbar-wrapper {
    height: 55px;
    padding: 6px 5px 4px; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item {
    flex: 0 0 auto;
    width: 20%; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__btn {
    border: 0;
    background: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    border: 0;
    outline: none;
    cursor: pointer;
    box-shadow: none; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon {
    width: 20px;
    height: 22px;
    display: block;
    position: relative; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon svg {
    display: block;
    margin: 0 auto;
    height: 100%; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__icon .count {
    display: inline-block;
    vertical-align: top;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    top: -4px;
    left: 12px; }
.actionToolbar_mobile.toolbar_style_1 .toolbar-item__label {
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 1; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-wrapper {
    margin: 0 -2px;
    padding: 5px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item {
    padding: 0 1px;
    -webkit-flex: 1 1;
    flex: 1 1;
    max-width: calc(100%/3); }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink {
    border-radius: 20px;
    padding: 2px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: var(--shop-color-main);
    color: #ffffff; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink svg {
    display: block;
    border-radius: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item--boxlink .box-text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 30px);
    padding: 1px 6px 1px 4px;
    line-height: 1.3;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores {
    position: absolute;
    right: 8px;
    bottom: calc(100% + 10px);
    max-width: 90px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink {
    border-radius: 0;
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .box-text {
    width: 100%;
    padding: 2px 8px;
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink svg {
    margin: 0 auto 4px; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .iconmap-down {
    animation: downscroll 0.45s ease-in alternate infinite;
    -webkit-animation: downscroll 0.45s ease-in alternate infinite; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink {
    background: transparent; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-stores .toolbar-item--boxlink .box-text {
    background: #eb1c24; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-msg .toolbar-item--boxlink {
    background: #0a7cff; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-zalo .toolbar-item--boxlink {
    background: #1272e8; }
.actionToolbar_mobile.toolbar_style_2 .toolbar-item-phone .toolbar-item--boxlink {
    background: #e81a23; }
@media (max-width: 991px) {
    .actionToolbar_mobile {
        display: block; } }

@media (max-width: 991px) {
    .actionToolbar-product, .actionToolbar-cart {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
    body.scroll-body-up .actionToolbar-product, body.scroll-body-up .actionToolbar-cart {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
    body.scroll-body-up .summary-button {
        transform: translateY(100%); }
    body.scroll-body-up .summary-button {
        transform: translateY(100%); }
    .addThis_product_scroll .addThis_contact__icons {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        -webkit-transition: all .3s ease 0.2s;
        transition: all 0.3s ease  0.2s; }
    body.scroll-body-up .addThis_product_scroll .addThis_contact__icons {
        opacity: 1;
        visibility: visible;
        -ms-transform: translateX(0);
        transform: translateX(0); } }
@media (max-width: 767px) {
    .mainFooter.has-sidebar {
        padding-bottom: 55px; } }
/*--------------------------------------------------------------------------------
                                        PAGE PROMOTION
--------------------------------------------------------------------------------*/
.layoutPage-ldpage02 {
    background: #fff;
    margin-bottom: -30px;
}
[class*="section-ldpage02-"] {
    margin-bottom: 50px;
}
.layoutPage-ldpage02 .section-ldpage-heading .sub-title {
    font-size: 13px;
    margin-bottom: 30px;
}
.layoutPage-ldpage02 .section-ldpage02-category .list-category {
    display: flex
;
    justify-content: center;
    margin: 0 200px;
}
.layoutPage-ldpage02 .section-ldpage02-category .category-item {
    flex: 0 0 auto;
    width: 16.666666%;
    text-align: center;
    margin: 0 5px;
}
.layoutPage-ldpage02 .section-ldpage02-category .boxlazy-img {
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
}
.layoutPage-ldpage02 .section-ldpage02-category .category-item__img a {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.layoutPage-ldpage02 .section-ldpage02-category .boxlazy-img__insert {
    padding-bottom: 100%;
}
.boxlazy-img__insert {
    position: relative;
    height: 0;
    display: block;
    width: 100%;
}
.layoutPage-ldpage02 .section-ldpage02-category .category-item__img a img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: contain;
}
.layoutPage-ldpage02 .section-ldpage02-category .category-item__info {
    margin: 10px 0 0;
}
.layoutPage-ldpage02 .section-ldpage02-category .category-item__info {
     margin: 10px 0 0;
 }
.layoutPage-ldpage02 .section-ldpage02-category .category-item__info h3 {
      font-size: 20px;
  }
/*--------------------------------------------------------------------------------
                                        PAGE SEARCH
--------------------------------------------------------------------------------*/

.layout-searchPage {
    margin-bottom: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.layout-searchPage .heading-page {
    position: relative;
    text-align: center;
}
.layout-searchPage .heading-page h1 {
    font-size: 30px;
}
.layout-searchPage .heading-page:after {
    content: "";
    background: #252a2b;
    display: block;
    width: 60px;
    height: 4px;
    margin: 20px auto 30px;
}
.layout-searchPage .expanded-message h2 {
    font-weight: 600;
    font-size: 20px;
}
.layout-searchPage .expanded-message .subtext {
    margin-bottom: 40px;
    display: block;
}
.layout-searchPage .search-field {
    width: 100%;
    display: block;
    margin: auto;
}
.search-field .input-group{
    display: block;
}
.search-field .input-group-field{
    width: calc(100% - 55px);
    outline: none;
    height: 45px;
    padding: 0 20px;
    background: #ededed;
    border: 0;
    box-shadow: none;
}
.input-group .btn{
    color: #fff;
    background: #252a2b;
    border-radius: 0;
    width: 55px;
    font-size: 21px;
}
.input-group .btn i{
    font-weight: 400;
}
.pagenav .paginator .paging-last, .pagenav .paginator .paging-first,
.pagenav .labelPages, .pagenav .titlePages {
    display: none;
}
.pagenav .paginator{
    padding: 40px 0;
    display: flex;
    justify-content: center;
}

.pagenav .paginator a, .pagenav .paginator .currentPage{
    font-size: 16px;
    --width: 40px;
    width: var(--width);
    height: var(--width);
    line-height: var(--width);
    border-radius: 50%;
    background: #f3f3f3;
    text-align: center;
    font-weight: 600;
    color: #000;
    margin: 0 5px;
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}
.pagenav .paginator .currentPage{
    color: #fff;
    background: #000;
}
.pagenav .paginator .paging-next:before{
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    margin-right: 5px;
}
.pagenav .paginator .paging-previous:before{
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-left: 5px;
}
.pagenav .paginator .paging-previous:before, .pagenav .paginator .paging-next:before{
    content: " ";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    cursor: pointer;
    display: block;
}
.layout-account .header-page h1 {
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    line-height: initial;
}
.layout-account .header-page h1:after {
    content: "";
    background: #000;
    display: block;
    width: 60px;
    height: 4px;
    margin: 20px auto;
}
.AccountSidebar {
    margin-bottom: 30px;
}
.AccountSidebar .AccountTitle {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}
.AccountSidebar .AccountList ul > li > a {
    display: block;
    position: relative;
    padding: 5px 0px 5px 20px;
    color: #121212;
}
.AccountSidebar .AccountList ul > li > a:before {
    content: "";
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='22' height='22' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='m255 93.48c43.411 0 84.223 16.905 114.918 47.601s47.602 71.508 47.602 114.919-16.905 84.223-47.601 114.918-71.508 47.602-114.919 47.602-84.223-16.905-114.918-47.601-47.602-71.508-47.602-114.919 16.905-84.223 47.601-114.918 71.508-47.602 114.919-47.602m0-20c-100.803 0-182.52 81.717-182.52 182.52s81.717 182.52 182.52 182.52 182.52-81.717 182.52-182.52-81.717-182.52-182.52-182.52z' fill='%23000000' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3Ccircle cx='254.545' cy='256.609' r='35' fill='%23000000' data-original='%23000000' class=''%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
}
.wrap_inforAccount .title-detail {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 8px;
}
.wrap_inforAccount p {
    margin-bottom: 3px;
}
.layout-account p {
    margin: 0;
}
.wrap_inforAccount .name_account {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    margin: 10px 0 5px;
}
a#view_address {
    font-weight: 500;
    opacity: 0.8;
    text-decoration: underline;
    margin: 5px 0 15px;
    display: block;
}
.customer-table-wrap {
    background: #d9edf7;
    padding: 8px 10px;
    margin: 30px 0;
}
.customer-table-wrap .customer-table-bg {
    background: #fff;
    padding: 10px;
}
.wrap_editAddress .submit-dashboard{

    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    font-size: 14px;
    padding: 0 30px;
    border: 0;
    background: #323232;
    color: #fff;
    display: inline-block;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    outline: 0;
}
/*--------------------------------------------------------------------------------
                                    PAGE CHECKOUT
--------------------------------------------------------------------------------*/
/*check out*/
.check_out_box {
    overflow: hidden;
}
.check_out{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
}
.checkout_left{
    width: 57%;
    padding: 56px 66px 56px 0;
    border-right: 1px solid #cecdcd;
}
.checkout_right{
    width: 43%;
    padding: 56px 0 0 44px;
    background-color: #fafafa;
    position: relative;
    z-index: 1;
}
.checkout_right:after {
    content: "";
    display: block;
    width: 300%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fafafa;
    z-index: -1;
    left: 0;
    background-position: left top;
}
.check_out_store{
    font-size: 24px;
    font-weight: 700;
    display: block;
}
.check_out_breadcrumb{
    display: flex;
    gap: 10px;
    font-size: 12px;
    margin: 10px 0;
}
.check_out_breadcrumb_icon{
    color: #999999;
}
.check_out_breadcrumb a{
    color: #338dbc;
}
.check_out_breadcrumb a:hover{
    filter: brightness(1.2);
}
.check_out_breadcrumb p{
    color: #4d4d4d;
}
.checkout_left_user_name h5{
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 1.5em;
}
.checkout_left_no_user{
    margin-bottom: 10px;
    color: #737373;
}
.checkout_left_no_user a{
    color: #338dbc;
}
.checkout_left_no_user a:hover{
    filter: brightness(1.2);
}
.checkout_left_yes_user{
    margin-bottom: 1.5em;
}
.checkout_left_user_icon{
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d8d8d8;
    color: #fff;
    border-radius: 8px;
    font-size: 20px;
}
.checkout_left_yes_user{
    display: flex;
    gap: 16px;
    align-items: center;
}
.checkout_left_user_right{
    color: #737373;
}
.checkout_left_user_right p{
    margin: 0;
}
.checkout_left_action a,
.checkout_left_user_right a{
    color: #338dbc;
}
.checkout_left_action a:hover,
.checkout_left_user_right a:hover{
    filter: brightness(1.2);
}
.checkout_voucher_inp,
.checkout_user_inf_select,
.checkout_left_user_inf input{
    background-color: #fff;
    color: #333333;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    outline: none;
    border: 1px solid #D9D9D9;
}
.checkout_voucher_inp:focus,
.checkout_user_inf_select:focus,
.checkout_left_user_inf input:focus{
    border-color: #0a53be;
}
.checkout_user_inf_select{
    margin-bottom: 10px!important;
}
.checkout_left_user_inf label{
    display: none;
}
.checkout_left_user_inf textarea{
    border: 1px solid #D9D9D9;
}
.checkout_ship_title{
    margin: 14px 0;
    font-weight: 500;
    font-size: 18px;
}
.checkout_ship_list{
    border-radius: 4px;
    border: 1px solid #cecdcd;
}
.checkout_ship_list ul{
    margin: 0;
    padding: 0;
}
.checkout_ship_list li{
    list-style: none;
    gap: 10px;
    margin: 16px;
}
.checkout_ship_list input{
    margin-right: 10px;
}
.checkout_left_ship #tableShipFee p{
    margin: 14px 0;
    font-weight: 600;
    font-size: 20px;
}
.checkout_left_action{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.checkout_left_action button{
    display: inline-block;
    border-radius: 4px;
    font-weight: 500;
    padding: 1.4em 1.7em;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    position: relative;
    background: #000;
    color: white;
}
.checkout_left_action button:hover{
    filter: brightness(1.2);
}
.checkout_product{
    margin-bottom: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.checkout_product_img{
    position: relative;
    display: inline-block;
}
.checkout_product_img img{
    width: 60px;
    height: 60px;
    max-width: 60px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #f7f7f7;
}
.checkout_product_total{
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(153, 153, 153, 0.9);
    color: #fff;
    top: -8px;
    right: -8px;
}
.checkout_product_name{
    color: #4b4b4b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.checkout_product_price{
    margin-left: auto;
    color: #4b4b4b;
}
.checkout_product_list{
    border-bottom: 1px solid #e1e1e1;
}
.checkout_right_voucher{
    padding: 14px 0;
    border-bottom: 1px solid #e1e1e1;
}
.checkout_voucher_main{
    display: flex;
    gap: 14px;
    align-items: center;
}
.checkout_voucher_inp{
    width: calc(75% - 14px);
    margin-bottom: 0;
    height: 42px;
    line-height: 42px;
}
.checkout_voucher_btn{
    width: 25%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #c8c8c8;
    border-radius: 4px;
    color: #fff;
    transition: all .3s ease;
}
.checkout_voucher_btn.active{
    background-color: #338dbc;
}
.checkout_right_price{
    padding: 14px 0;
    border-bottom: 1px solid #e1e1e1;
}
.checkout_right_price_product{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    color: #717171;
}
.checkout_right_price_product span:nth-child(2){
    color: #4b4b4b;
}
.checkout_right_price_ship{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #717171;
}
.checkout_right_price_ship span:nth-child(2){
    color: #4b4b4b;
}
.checkout_right_all_price{
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #4b4b4b;
}
.checkout_right_all_price ._showTotalMoney{
    font-size: 20px;
}
.checkout_right_all_price_vnd{
    font-size: 14px;
    margin-right: 10px;
    color: #969696;
}
.check_out_box .select2 {
    width: 100% !important;
    margin-bottom: 10px;
}
.check_out_box .select2-container .select2-selection--single .select2-selection__rendered{
    width: 100% !important;
    line-height: 44px;
    font-weight: 400;
    border: none;
}
.check_out_box .select2-container .select2-selection--single{
    width: 100% !important;
    height: 44px;
    border: 1px solid #D9D9D9;
}
.checkout_left_user .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 44px !important;
}
.location-selector .input-wrapper{
    padding:  0!important;
}
.location-selector .location-icon{
    top: 45%!important;

}

.location-selector .search-icon{
    top: 45%!important;
}
@media (min-width: 1000px) {
    .checkout_mobile_click{
        display: none;
    }
}
@media (min-width: 750px) {
    .field-third {
        width: 32% !important;
        margin-right: 4px;
    }
}
@media (max-width: 991px) {
    .check_out{
        flex-wrap: wrap;
    }
    .checkout_left{
        width: 100%;
        order: 2;
        padding: 0;
        border-right: none;
        margin: 30px 0;
    }
    .checkout_right{
        width: 100%;
        order: 1;
        padding: 0;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }
    .checkout_right:before {
        content: "";
        display: block;
        width: 300%;
        position: absolute;
        top: -1px;
        bottom: -1px;
        background-color: #fafafa;
        z-index: -1;
        right: 0;
        background-position: right top;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }
    .checkout_right:after{
        top: -1px;
        bottom: -1px;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }
    .checkout_right_all_price{
        margin: 14px 0;
    }
    .checkout_right_top_shop_name{
        font-size: 24px;
        padding: 20px 0;
        display: block;
        font-weight: 700;
    }
    .checkout_mobile_click{
        display: flex!important;
        justify-content: space-between;
        align-items: center;
        padding: 14px 0;
        cursor: pointer;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
        z-index: 1;
        user-select: none;
    }
    .checkout_mobile_click:before{
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -1px;
        z-index: -1;
        right: 0;
        border-bottom: 1px solid #e1e1e1;
    }
    .checkout_mobile_click:after{
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -1px;
        z-index: -1;
        left: 0;
        border-bottom: 1px solid #e1e1e1;
    }
    .checkout_mobile_click_left{
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 5px;
        color: #338dbc;
    }
    .checkout_mobile_click ._showTotalMoney{
        font-size: 18px;
        color: #4d4d4d;
    }
    .checkout_mobile_click p{
        margin: 0;
    }
    .checkout_right_voucher{
        border-bottom: none;
    }
    .checkout_right_price{
        border-top: 1px solid #e1e1e1;
    }
    .checkout_product_list{
        padding: 14px 0;
    }
    .checkout_product:last-child{
        margin-bottom: 0;
    }
    .checkout_product_list,
    .checkout_right_price,
    .checkout_right_all_price{
        display: none;
    }
    .checkout_product_list.active,
    .checkout_right_price.active{
        display: block;
    }
    .checkout_right_all_price.active{
        display: flex;
    }
    .table_product_img img{
        width: 80px;
        height: 80px;
        max-width: 80px;
    }
    .checkout_right:after{
        width: 100%;
    }
}
@media (max-width: 749px) {
    .checkout_left_user_name h5 {
        margin-bottom: 1em;
    }
    .checkout_left_action button{
        width: 100%;
        padding-top: 1.75em;
        padding-bottom: 1.75em;
        margin-top: 1.5em;
    }
    .checkout_left_action{
        display: block;
    }
    .checkout_left_action a{
        text-align: center;
    }
}
/*--------------------------------------------------------------------------------
                                    SIDEBAR TOP SEARCH
--------------------------------------------------------------------------------*/
.sidebar-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 1000; }
.sidebar-search .sitenav-search {
    margin-bottom: 0;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    padding: 32px 0;
    transition: transform 300ms ease;
    transform: translateY(-100%); }
.sidebar-search.show .sitenav-search {
    transform: translateY(0); }
.sidebar-search .logo-name {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    color: var(--header-color-text);
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
.sidebar-search .wrap-logo {
    min-width: 150px;
    max-width: 220px; }
.sidebar-search .wrap-logo img {
    max-height: 70px; }
.sidebar-search .sitenav-search form.searchform input.input-search {
    background: none;
    border-radius: 2px; }
.sidebar-search .wrap-action {
    display: flex;
    justify-content: flex-end; }
.sidebar-search .wrap-action .action-link {
    background: none;
    border: 0;
    width: 32px;
    height: 40px;
    position: relative;
    margin-left: 10px; }
.sidebar-search .wrap-action .action-link.link-account {
    display: block; }
.sidebar-search .wrap-action .action-link.link-account .icon {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.sidebar-search .wrap-action .count-holder {
    display: inline-block;
    vertical-align: top;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 20px;
    top: -1px;
    padding: 0 3px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%; }
.sidebar-search.show .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5); }
.sidebar-search .mini_search_header h3 {
    padding: 0 12px;
    font-size: 20px; }
.sidebar-search .actions {
    position: relative; }
.sidebar-search .actions .btn-close-search {
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 5px;
    color: #272727;
    z-index: 999;
    width: 40px;
    height: 40px;
    border: 9px solid transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%; }
.sidebar-search .actions .btn-close-search:before, .sidebar-search .actions .btn-close-search:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: rgba(39, 39, 39, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
.sidebar-search .actions .btn-close-search:before {
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.sidebar-search .actions .btn-close-search:after {
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
.sidebar-search .actions .btn-close-search:hover {
    background: #e5e5e5; }
.sidebar-search .actions .btn-close-search:hover:before, .sidebar-search .actions .btn-close-search:hover:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
@media (max-width: 767px) {
    .sidebar-search .actions .btn-close-search {
        top: 5px; } }
@media (max-width: 991px) {
    .sidebar-search .logo, .sidebar-search .actions {
        display: none; }
    .sidebar-search.show {
        bottom: 0; }
    .sidebar-search.show .sitenav-search {
        bottom: 0; } }
.sitenav-search {
    margin-bottom: 20px; }
.sitenav-search form.searchform {
    position: relative;
    padding: 0; }
.sitenav-search form.searchform input.input-search {
    height: 44px;
    line-height: 28px;
    padding: 8px 50px 8px 20px;
    width: 100%;
    background: #f6f6f6;
    border: 1px solid var(--shop-color-border);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; }
.sitenav-search form.searchform .btn-search {
    width: 50px;
    height: 44px;
    line-height: 42px;
    position: absolute;
    padding: 0;
    top: 0px;
    right: 0px;
    background: transparent;
    transition: opacity 150ms linear;
    outline: none;
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center; }
.sitenav-search form.searchform .btn-search svg {
    width: 18px;
    height: 44px;
    opacity: 0.4; }
.sitenav-search form.searchform input.input-search:focus {
    background: #f2f5fa;
    outline: none;
    border-color: var(--shop-color-main); }
.sitenav-search form.searchform.expanded .btn-search svg {
    opacity: 1; }
.sitenav-search .smart-search-wrapper .dataEmpty {
    padding-bottom: 0px; }
.sitenav-search .smart-search-wrapper {
    width: 100%;
    background: #fff;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto; }
.sitenav-search .smart-search-wrapper .list-product-search {
    padding: 12px 0;
    border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    float: left; }
.sitenav-search .smart-search-wrapper .list-product-search img {
    width: 40px;
    display: inline-block;
    text-align: right; }
.sitenav-search .smart-search-wrapper .list-product-search-title {
    width: calc(100% - 40px);
    padding-right: 5px;
    float: left;
    line-height: 20px;
    position: relative;
    margin: 5px 0;
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.sitenav-search .smart-search-wrapper .list-product-search .list-product-search-price {
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    float: left;
    margin: 0; }
.sitenav-search .smart-search-wrapper .list-product-search .list-product-search-price {
    color: #ff2c26; }
.sitenav-search .smart-search-wrapper .resultsMore {
    width: 100%;
    float: left; }
.sitenav-search .smart-search-wrapper .resultsMore a {
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 10px 0; }
.sitenav-search .smart-search-wrapper .dataEmpty {
    text-align: center;
    padding: 20px 0; }
.sitenav-search .smart-search-wrapper .search-suggest p {
    margin: 0 0 12px; }
.sitenav-search .smart-search-wrapper .search-suggest li {
    margin-bottom: 5px; }
.sitenav-search .smart-search-wrapper .search-suggest li a {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--shop-color-text); }
.sitenav-search .search-suggest {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-size: 16px;
    text-align: center; }
.sitenav-search .search-suggest .item-suggest {
    font-weight: 500;
    white-space: nowrap; }
.sitenav-search .search-suggest li {
    margin-left: 7px;
    list-style: none;
}
.sitenav-search .search-suggest li a {
    text-decoration: underline; }
.sitenav-search .smart-search-wrapper .resultsContent.resultsdata + .search-suggest {
    display: none; }
@media (max-width: 991px) {
    .sitenav-search .search-suggest {
        justify-content: left;
        text-align: left; }
    .sitenav-search .search-suggest ul {
        display: block; } }
._searchFolding>a {
    display: none;
}
.ph,
.ph-bold,
.ph-light,
.ph-thin,
.ph-fill,
.ph-duotone{
	display: inline-block;
	font-size: 1.15em;
	line-height: 1;
	vertical-align: -0.1em;
}
.ph-md{
	font-size: 1.15em !important;
}
.ph-lg{
	font-size: 1.53333em !important;
	line-height: .75em;
	vertical-align: -.2125em;
}
.ph-xl{
	font-size: 1.725em !important;
}
.ph-2x{
	font-size: 2.3em !important;
}
.ph-3x{
	font-size: 3.45em !important;
}
.ph-spin{
	animation: ph-spin 2s infinite linear;
}
@keyframes ph-spin{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(359deg); }
}
.menuList-submain a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.voucher-item {
    margin-bottom: 1.25rem;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    min-height: 10.3125rem;
    padding: 1.375rem;
    /*padding-left: 0;*/
}
.ls-voucher-header.slick-initialized {
    display: block !important;
    gap: 0 !important;
}
.ls-voucher-header.slick-initialized .slick-track {
    display: flex;
}
.ls-voucher-header.slick-initialized .slick-slide {
    height: auto;
}
.ls-voucher-header.slick-initialized .voucher-item {
    display: flex !important;
    height: 100%;
}
.ls-voucher-header.slick-initialized .voucher-item > div {
    height: auto;
}
.voucher-item-detail {
    flex-grow: 1;
    padding: 0.9375rem 0 0.6875rem 0.625rem;
    background-color: #fff;
    box-shadow: 0 0 0.3125rem rgba(40, 41, 61, 0.08), 0 0.03125rem 0.375rem rgba(96, 97, 112, 0.16);
    width: calc(100% - 7.1875rem);
    border-radius: 0.25rem 0 0 0.25rem;
    display: flex;
    justify-content: space-between;
    gap: 0.3125rem;
    flex-direction: column;
}
.voucher-item-title {
    font-size: 1rem;
}
.voucher-item-des {
    display: -webkit-box;
    text-align: start;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}
.fs-11 {
    font-size: 0.6875rem;
}
.voucher-item-condition {
    font-size: 0.75rem;
    font-weight: 500;
}
.voucher-item-action {
    width: 6.875rem;
    min-width: 6.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 0 0.3125rem rgba(40, 41, 61, 0.08), 0 0.03125rem 0.375rem rgba(96, 97, 112, 0.16);
    position: relative;
    border-radius: 0 0.25rem 0.25rem 0;
    padding: 0 0.625rem;
}
.voucher-item-action:before {
    content: " ";
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3Rjg4QTg1Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3Rjg4QTg2Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdGODhBODNDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdGODhBODRDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XL9zKAAADAUlEQVR42sRUS0wTQRjeeexut13o+xFAJRw4tCEx0RD0IK0HEr1hbBNiVCJ4kIPExDs0Jhhj1FuTXkzAeGm5GE/EHrj2RgJdOJBwUEtLrYXSpa/dHXea1qBBikrCt9n8m9mZ7/v/f74ZQAhhzgIY6KDiemgMzM7OgmbUGIbo3+DfM6NFNfkPIxwOAxAMBpH+MvF4nKFRkiTi9XoBjTMzM7+soBzHyICGFCGgNRCKx6FP50mlUsDn84FUyttcH2eA3z9uGBjoIJubm4woiqRUKgG32w1kWdZyuZw2NTVFaBJ0up6I1urMUcKtbtHEI5EI6O/vBzzPw0wmQ3I5E+zt7WWy2SSh/Ki7+7wg8xpmygKu1ZyYZXm0vv4V9PRYkM1mA+9XVkBOkhg9EdoNsLy8fKSqLgppZS6XBDc2KthoNCKpKCFYcuNqFeESD5CCd7DocLCFihGBkZG7LrqwpD8UqIyJwyFotZqiyXK6znGXidks1q3WNIlGo8qfWk6FaUwmkyxC51ABZpBFFXGFw1At1IGqKkAQDIDqiNRcS0sL2eP8MTR00+x2+xi9ZUogEEB+v1+je/m7KG1vPC4hCkFg2I+xD7vH8cJ2xhRFJ7vHfoerq/u6Hxr73DLST1AT0m3wePJ6ZWZcLKqoHW9b4emn9/rUbAVznIqSyQEUCoXAIRc3Xn2M7q9uIpWFsBPNzT2+2PYct5twZfDS2Mti9LndzhGWzWgejwfHYjFFP32Mz9dwe0O0XLbinLoFkepgnU77xf+u2GYxT4yODrsEgcNWax+3tVVFiUQCWq0FKoiT+TxtK1JVGTuRhQveuGbv6vI8acdLb5W2N1OpdLB4687ENK+BGsa8ctCh1t3Nf980DfEyCxWliiEUuPn5188sFvODUxGm2N3bf/tuYfFVIvEpLyNWsWGWbG+XCe8sQ5PBgAOD122TD8fCoskUPAnfiYUpVFX9kk7vvPmcTq+9mIuslZkD5tH4/QvDw1dvWywdkxCCzpNy/ZXwaQIyZ4QzE/4hwACTLkuaxIFi5QAAAABJRU5ErkJggg==);
    top: -0.3125rem;
    left: -0.9375rem;
    z-index: 222;
    background-color: #fafafa;
    height: 1.0625rem;
    width: 1.875rem;
    background-size: 100% 100%;
}
.voucher-item-action:after {
    content: " ";
    background-color: #fafafa;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRERkI5OTk3Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRERkI5OTk4Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NERGQjk5OTVDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NERGQjk5OTZDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65TsE9AAADHklEQVR42sRVS2tTQRQ+M/fmPqdNbtLUNNrWlYtmZxa6swt/gdiqIChuii4U/4CNP0DduGkpQRc+aNWNuBBErQhu3Ii262I1vZhnm8T7modzg0rRKpUKHRjuMMz5vnO+78xcJOSAXRgYdmnsGrH6L4c55+16s1VefPHm4Z07D1YBDLh4+fTY/uHRwsjI0CVFUfZuFwtt1+N2u/Nwbu7B1cXFVy0hEAMbs3h/Y30dEWwqR44czpw7d+pyOp06+9+IG63WrVMnzl9BRKWWSIZCdFkioYlOpyt0PYHbba4kk4bW8LrK4/nZG4RYx3fsMWPsc3nu/rVkMh11A+4zZoeJRDew7TAYHrZpvB4dVcMgUHyN4bBcvneVc7GxY+KK++X6kxfPa1+/toL0HoPmchZzHIdqmhZLHRUKBSa9jyyrFiWTGn36+nWt0WiWd0zsVqrvHN2UwFGUlgTF4lCUz+fZ7OwsnZmZofIIXVlZobZt074+EdnghG/fvb+7Y4+PHjszkFaHqOc1I9NsUlkhn56eZgihXpwMR5OTk1iqIIvIJ1z3o6KkTO3R7Zu1vxKfPHlhOAzDHojneaCQPqHpBveCdUoAs07HpwMDmNVqKXroUIZJUi5J+WaQUqmEX74EbJp1eaMC2Wi62mrVlXS6P+H7GDMtVGWvIPBMME2AmE9F/aant2kPQNdtoDTiCZ4SG83PPBjp4y0YpMT/xAhxpacZ8aPSX4hj4djU1BQCKPJm85nodoFbFufVyEdZcLCgdWRYFPm+LyLDQLjrKoGq9ntra6pfr3ueYTjBBmkEjgPhqGzdffCJVatVLiX+QbiVNb292PtiESBuvmy2EHpeJTowqIWGoQSEDPqUqvJW5MLOWtNX9YNW4MugrE8gl1NkxgGkQAcXCiKTAe66rhgfHxel0rQER3/27LsSsnomE5BJAK5U8tHqqo4JIcJxhkQt9QGTjCWySwVAExMTipywvLwslpaWfiLPz89ztKm8rST+rWzZp/Ic+p5A7zs2NoYWFhZATiF5ensxX7xAW8iG/iLrtp/jX+I38wi0S79j+CbAADiblrPLUfHeAAAAAElFTkSuQmCC);
    bottom: -0.3125rem;
    left: -0.9375rem;
    height: 1.0625rem;
    width: 1.875rem;
    background-size: 100% 100%;
    z-index: 222;
}

.btn-save-voucher {
    color: #fff;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1rem;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.625rem 0;
    display: block;
    width: 85%;
    text-align: center;
    border: 0.0625rem solid #63b1bc;
    border-radius: 0.5rem;
    background-color: #63b1bc;
}
.top-detail-voucher {
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 0 0.0555rem rgba(40, 41, 61, .08), 0 0.0220rem 0.1101rem rgba(96, 97, 112, .16);
    border-radius: 0.25rem;
    min-height: 8.125rem;
}
.btn-sub-cart {
    background-color: #DA291C;
    border: 0.0625rem solid #DA291C;
    border-radius: 0.3125rem;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.375rem;
    padding: 0.75rem;
}
.section_voucher h2 {
    font-size: 30px;
}
.okaidi-slider .slick-list {
    padding: 12px 0 16px;
    margin: -12px 0 -16px;
}
.okaidi-slider .slick-track {
    display: flex;
    align-items: stretch;
}
.okaidi-slider .slick-slide {
    height: auto;
}
.okaidi-slider .gallery-item {
    height: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}
.okaidi-slider .gallery-item img {
    display: block;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 4px 14px rgba(0,0,0,.18);
    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    transition: box-shadow .2s ease;
}
.okaidi-slider .gallery-item img:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 6px 18px rgba(0,0,0,.28);
}

.social-gallery .slick-prev svg {
    transform: rotate(180deg);
}
#popupModal {
    padding-right: 0 !important;
}
#popupModal .modal-content {
    position: relative;
    overflow: visible;
    border: none;
    border-radius: 12px;
    background: transparent;
}

/* Dấu X */
#popupModal .popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #ffffff;
    background-color: #14256f;
    border: 2px solid #ffffff;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition:
            background-color 0.2s ease,
            transform 0.2s ease;
}


#popupModal .popup-close:hover {
    background-color: #e53935;
    transform: scale(1.08);
}

#popupModal .popup-close:focus {
    outline: 3px solid rgba(20, 37, 111, 0.3);
    outline-offset: 3px;
}

#popupModal .popup-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}
@media (max-width: 767px) {
    body.modal-open {
        padding-right: 0 !important;
    }
    #popupModal .modal-dialog {
        max-width: calc(100vw - 32px);
        margin-top: 100px;
    }
}
.fb_reset {
    display: none;
}
@media (min-width: 767px) {
    #popupModal .modal-dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }
}
#tableShipFee {
    display: none!important;
}
div#progressbar.active {
    opacity: 1;
    display: flex;
    visibility: visible;
}

#progressbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9c9c9cc7;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    display: none;
    z-index: 999;
}
#progressbar .spinner-border {
    position: absolute;
    top: 50%;
}

.checkout_left_user_inf .formError {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 4px 0 5px !important;
    opacity: 1 !important;
    width: 100% !important;
}

.checkout_left_user_inf .formErrorContent {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: #f44336 !important;
    font-size: 14px;
    line-height: 20px;
}

.checkout_left_user_inf .formErrorArrow {
    display: none !important;
}