/*
Theme Name: NGHIENGMART
Theme URI: https://github.com/Duy-nd/NGHIENGMART
Template: flatsome
Author: Duy-nd
Author URI: https://github.com/Duy-nd
Description: Child theme cua Flatsome cho website thuong mai dien tu NGHIENGMART (nong san sach). Build tu trang qua UX Builder, brand palette navy/teal/cam.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nghiengmart
*/

/*
 * Custom CSS
 * Phase 1: de trong (chua tweak gi).
 * Phase 4: them rule override Flatsome theo brand palette:
 *   - Primary:   #045387 (navy)
 *   - Secondary: #0cadb6 (teal)
 *   - Accent:    #faad19 (cam)
 */
:root {
	--text-color: #000000;
	--subheader-background: #045387;
	--secondary-color: #faad19;
	--footer-bg: #efefef;
    --footer-color: #000000;
	--footer-overlay: #f6f6f6;
	--col-menu: 3.4;
	--price-color: #045387;
	--addtocart-color: #045387;
	--cta-color: #045387;
}
.text-primary {
    color: #007bff !important;
}
.p-0 {
    padding: 0 !important;
}
.p-3 {
    padding: 1rem !important;
}
.pr-0, .px-0 {
    padding-right: 0 !important;
}
.pl-0, .px-0 {
    padding-left: 0 !important;
}
.py-2 {
    padding-bottom: .5rem !important;
}
.py-2 {
    padding-top: .5rem !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.px-3 {
    padding-left: 1rem !important;
}
.px-3 {
    padding-right: 1rem !important;
}
.pt-2, .py-2 {
    padding-top: .5rem !important;
}
.pb-2, .py-2 {
    padding-bottom: .5rem !important;
}
.m-0 {
    margin: 0 !important;
}
.ml-0, .mx-0 {
    margin-left: 0 !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}
.ml-4 {
    margin-left: 1.5rem !important;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.mx-2 {
    margin-left: .5rem !important;
}
.mt-1 {
    margin-top: .25rem !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.mt-2 {
    margin-top: .5rem !important;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.ml-2, .mx-2 {
    margin-left: .5rem !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.mh-100 {
    max-height: 100% !important;
}
.m-auto {
    margin: auto !important;
}
.w-auto {
	width: auto;
}
.object-contain {
    object-fit: contain;
}
.float-right {
    float: right !important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center !important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
}
.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
}
.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
}
.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline !important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.d-none {
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.border-0 {
    border: 0 !important;
}
.col-lg-15, .col-md-15, .col-sm-15, .col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.flickity-page-dots .dot {
	border-width: 2px !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .5rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn {
    border-radius: 4px;
}
.btn-block {
    display: block;
    width: 100%;
}
.form-control:focus, a, button, .page-link:focus, .btn, .btn:focus {
    outline: none !important;
    box-shadow: none;
}
.btn-main {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.btn-main:hover {
    color: #fff;
    background: var(--primary-color);
}
.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
}
.btn-icon {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.btn.action-buy, .btn-new-review, .tabs li, .btn-action, .button_actions .btn_base, .btn-main {
    border-radius: 99999px !important;
}
.btn-icon .icon, .nm-quantity .icon, .backtop .icon, a.remove-itemx .icon {
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-lg-15, .col-lg-20, .col-lg-80, .col-lg-60 {
    padding-right: 15px;
    padding-left: 15px;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.close {
    color: #252525;
}
@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }
	.d-sm-none {
        display: none !important;
    }
	.d-sm-flex {
        display: -ms-flexbox!important;
        display: flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex !important;
	}
	.mr-md-3 {
		margin-right: 1rem !important;
	}
	.ml-md-3 {
		margin-left: 1rem !important;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.mr-md-0 {
		margin-right: 0 !important;
	}
	.col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
	.pr-md-0 {
        padding-right: 0 !important;
    }
	.col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
	.col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.justify-content-md-center {
		-ms-flex-pack: center!important;
		justify-content: center !important;
	}
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex !important;
    }
	.d-lg-block {
		display: block !important;
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	.col-lg-15 {
		max-width: 20%;
		flex: 0 0 20%;
	}
	.d-lg-none {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
	.col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
	.col-xl-60 {
        flex: 0 0 60%;
        max-width: 60%;
    }
	.col-xl-15 {
        flex: 0 0 20%;
        max-width: 20%;
    }
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.px-xl-0 {
		padding-right: 0 !important;
	}
	.px-xl-0 {
        padding-left: 0 !important;
    }
	.d-xl-none {
        display: none !important;
    }
	.mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important;
    }
	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important;
    }
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
}
small {
    font-size: 80%;
    font-weight: 400;
}
.banners {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.banners img {
    width: auto;
    transition: all .3s ease-in-out;
}
.banners:hover img {
    transform: scale(0.95);
}
.tabs-group {
    overflow-x: auto;
    overflow-y: hidden;
}
.tabs-group {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.tabs li {
	position: relative;
	border-radius: 4px;
	white-space: nowrap;
	color: var(--text-color);
	background: #eee;
	border: 1px solid transparent;
	font-size: 14px;
	user-select: none;
	margin-bottom: 0;
}
.tabs li:not(:last-of-type) {
    margin-right: .5rem;
}
.tabs li:hover {
    color: var(--primary-color);
    background: #fff;
    border-color: var(--primary-color);
}
.tabs li.current {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.tabs li:not(.current) {
    cursor: pointer;
}
.tab-content {
    display: none;
}
.tab-content.current {
    display: block;
}
.aspect-ratio {
    aspect-ratio: var(--width) / var(--height);
}
.woocommerce-pagination ul.nav-pagination {
	text-align: right;
}
.woocommerce-pagination ul.nav-pagination li {
	margin-right: 0;
}
.woocommerce-pagination ul.nav-pagination li .page-number {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: .875rem;
	font-weight: 500;
	color: #8898aa;
    margin: 0 3px;
    line-height: 1.25;
    border: 1px solid #dee2e6;
}
.woocommerce-pagination ul.nav-pagination li .page-number.current {
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	border-color: #dee2e6;
	color: #fff;
}
.woocommerce-pagination ul.nav-pagination li .page-number:hover {
	color: #8898aa;
    text-decoration: none;
    background-color: #dee2e6;
    border-color: #dee2e6;
}
.woocommerce-pagination ul.nav-pagination li .page-number i {
	font-size: inherit;
    line-height: 1;
    top: 0;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
/* ------------- END ROOT ------------- */
/* ------------- START HEADER ------------- */
.header-sticky-vertical-menu-col {
	display: none;
}
.stuck #logo {
	display: none;
}
.stuck .header-sticky-vertical-menu-col {
	display: block;
}
.header-sticky-vertical-menu .header-vertical-menu {
	display: block;
	list-style: none;
	margin: 0;
	position: relative;
}
.header-vertical-menu:hover > .header-vertical-menu__fly-out,
.header-vertical-menu:focus-within > .header-vertical-menu__fly-out {
	opacity: 1;
	visibility: visible;
}
#wide-nav .header-bottom-nav {
	padding-top: 10px;
}
#wide-nav .header-bottom-nav .header-vertical-menu__opener {
	padding: 16px 0 20px;
	border-radius: 5px 5px 0px 0px;
	border: 1px;
	padding-bottom: 8px;
}
.header-vertical-menu__opener .header-vertical-menu__title {
	font-size: 1rem;
}
.header-vertical-menu__opener .icon-angle-down {
	display: none;
}
#wide-nav .header-bottom-nav>li.menu-item>a {
	display: block;
    padding: 0px 15px;
    font-size: 14px;
    position: relative;
    font-weight: 700;
    letter-spacing: 0;
}
#wide-nav .header-bottom-nav>li.menu-item:first-child>a {
	padding-left: 0;
}
#wide-nav .header-bottom-nav>li.menu-item>a i {
	opacity: 1;
}
.icon-bar {
	width: 24px;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
    border-radius: 3px;
}
.header-vertical-menu__icon .icon-bar {
	width: 20px;
    height: 18px;
    margin-left: 15px;
	cursor: auto !important;
}
.toggle-nav .bar, .icon-bar .bar {
    height: 3px;
    background: #fff;
    width: 24px;
    border-radius: 1px;
}
.icon-bar .bar {
    background: var(--text-color);
    height: 2px;
}
.header-vertical-menu__icon .icon-bar .bar {
    background: var(--subheader-background);
    width: 20px;
}
.toggle-nav .bar:nth-child(2), .icon-bar .bar:nth-child(2) {
    width: 86% !important;
}
.header-right {
	padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    font-size: 14px;
}
.mini-cart {
    position: relative;
}
.header-right a {
    color: var(--header-color);
}
.header-right a:hover {
    text-decoration: none;
    color: var(--primary-color);
}
.header-vertical-menu--sticky-logo .header-vertical-menu__opener {
	padding: 0;
	background-color: transparent;
	color: var(--text-color);
}
.header-vertical-menu--sticky-logo .header-vertical-menu__icon .icon-bar {
	margin-left: 0;
    margin-right: 1rem !important;
}
.header-vertical-menu--sticky-logo .header-vertical-menu__icon .icon-bar .bar {
	background: var(--text-color);
}
@media (min-width: 768px) {
    .mini-cart>a {
        display: flex;
        align-items: center;
        padding: 8px;
        border: 2px solid var(--subheader-background);
        border-radius: 6px;
        text-decoration: none;
    }
}
.mini-cart>a .count_item {
    display: block;
    background: var(--secondary-color);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--primary-color);
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .5rem;
}
.card {
    border-radius: .25rem;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.top-cart-content {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    width: 400px;
    right: 0%;
    top: calc(100% + 8px);
    color: var(--text-color);
    padding: 10px 15px;
    font-size: 14px;
}
.top-cart-content:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -9px;
    right: 60px;
}
.top-cart-content:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -9px;
    z-index: 0;
}
.top-cart-content .list-item-cart, .top-cart-content .mini-products-list {
    list-style: none;
    padding: 0px;
    z-index: 1;
    position: relative;
}
.mini-cart .no-item {
    text-align: center;
}
.mini-cart .no-item p {
    margin: 0 auto;
}
.top-cart-content .list-item-cart {
    max-height: 31ch;
    overflow: auto;
}
.top-cart-content .list-item-cart::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    outline: 1px solid var(--primary-color);
}
.top-cart-content .list-item-cart::-webkit-scrollbar {
    width: 3px;
}
.top-cart-content .item {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.top-cart-content .border_list {
    display: flex;
    align-items: start;
    width: 100%;
}
.top-cart-content .image_drop {
    width: 90px;
    height: 90px;
    margin-right: 10px;
}
.top-cart-content a {
    color: var(--text-color);
}
.top-cart-content .detail-item, .top-cart-content .product-details {
    width: 100%;
}
.top-cart-content .detail-item, .top-cart-content .product-details {
    width: 100%;
}
.top-cart-content .product-details {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.top-cart-content .remove-item-cart {
    margin-right: 10px;
    cursor: pointer;
}
.top-cart-content .product-name {
    margin-right: 10px;
    margin-bottom: 0px;
}
.variant-title {
    font-size: .8rem;
    font-weight: 400;
    color: #898989;
}
.top-cart-content .top-subtotal {
    margin: 10px 0;
}
.top-cart-content .top-subtotal .price_big span.amount {
    font-size: 16px;
    font-weight: 600;
	color: var(--price-color);
}
.top-cart-content .pd.right_ct .btn {
    display: block;
    background: var(--cta-color);
    color: #fff;
    margin-bottom: 10px;
    border-radius: 5px !important;
}
.top-cart-content .pd.right_ct .btn:hover {
    filter: brightness(1.2);
}
@media (min-width: 1024px) {
	.mini-cart:hover .top-cart-content {
		z-index: 199;
		visibility: visible;
		opacity: 1;
		box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	}
}
#masthead .header-nav-main {
	justify-content: center;
}
.header-search-form-wrapper form input#woocommerce-product-search-field-0 {
	background: #f1f1f1;
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #363636;
    outline: none;
    padding: 0 50px 0 15px;
    float: right;
    border: 1px solid #ebebeb;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.header-search-form-wrapper form button.ux-search-submit {
	padding: 7px 20px;
    background-color: var(--secondary-color);
    border-bottom-right-radius: 99px;
    border-top-right-radius: 99px;
    min-height: unset;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
}
.header-search-form-wrapper form button.ux-search-submit i {
	font-size: 20px;
    line-height: 1;
    top: 0;
}
/* ------------- END HEADER ------------- */
/* ------------- START FOOTER ------------- */

#footer {
	overflow: hidden;
}
#footer .mid-footer {
    padding-top: 40px;
    background: var(--footer-bg);
    color: var(--footer-color);
    font-size: 15px;
    padding-bottom: 10px;
}
#footer .nm-footer-1>* {
    position: relative;
    z-index: 1
}
@media (min-width: 1200px) {
    #footer .nm-footer-1:before {
        content:"";
        position: absolute;
        right: 5px;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        background: var(--footer-overlay);
        z-index: 0
    }
}
#footer .title-menu {
	margin: 0px 0px 17px;
    font-weight: 500;
    font-stretch: normal;
    font-size: 18px;
    line-height: 1.2;
}
#footer .menu-footer a.ux-menu-link__link {
	padding: 0;
	min-height: unset;
}
#footer .menu-footer div.ux-menu-link:not(:first-child) {
    margin-top: 10px !important;
}
#footer .map {
    padding-top: 10px;
}
#footer .map iframe {
    height: 150px;
    width: 75.5%;
}
.copyright {
    background: var(--footer-bg);
    color: var(--footer-color);
}
.fot_copyright {
    font-size: 14px;
}
.absolute-footer {
	display: none;
}
.newsletter-form {
	display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1rem;
}
.newsletter-form .wpcf7-form-control-wrap input.input-group-field {
	width: 100%;
    height: 36px;
    font-size: 14px;
    color: #363636;
    outline: none;
    border: 1px solid #ebebeb;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: none;
    margin: 0;
    padding: 0 15px;
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}
.newsletter-form .input-group-btn .wpcf7-submit {
	border: none;
    line-height: 1.2;
	text-transform: unset;
    padding: 7px 20px;
    min-height: unset;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    background-color: var(--secondary-color);
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}
.wpcf7-spinner {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wpcf7 .wpcf7-not-valid-tip {
	margin-top: 0;
}

/* ------------- END FOOTER ------------- */
/* ------------- START HOME ------------- */

#home .section {
	padding: 0;
	margin-bottom: 60px;
}
.menu-menu-danh-muc-san-pham-container {
	height: 100% !important;
}
.ux-nav-vertical-menu {
	--nav-height: 400px;
    border: 1px solid #e1e1e1;
    background: #fff;
    min-height: 100%;
    overflow-y: auto;
}
.ux-nav-vertical-menu > li.menu-item {
	padding: 8px 15px;
    border-top: 0px;
}
.ux-nav-vertical-menu > li.menu-item a.nav-top-link {
	display: grid;
    align-items: center;
    grid-template-columns: 24px 1fr 15px;
    grid-column-gap: 5px;
    font-size: 15px;
    color: var(--text-color);
    padding: 0;
}
/* #menu-menu-danh-muc-san-pham>li.menu-item>ul.sub-menu {
	width: calc((100% * var(--col-menu)) + 15px);
    height: 100%;
    padding: 14px 20px;
    border-radius: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #ddd #ddd #ddd #e1e1e1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: calc(100% - 15px);
    background: #fff;
    margin-left: 0px;
    box-shadow: rgba(0, 0, 0, 0.06) -2px 0px 8px 0px;
    z-index: 1;
    overflow: auto;
    font-size: 14px;
}
#menu-menu-danh-muc-san-pham li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-menu) - 10px), 1fr));
    grid-gap: 15px 5px;
    padding: 0px;
    list-style: none;
} */
.ux-nav-vertical-menu::-webkit-scrollbar {
    width: 3px;
}
.ux-nav-vertical-menu::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    outline: 1px solid var(--primary-color);
}
@media (min-width: 1025px) {
    .ux-nav-vertical-menu {
        max-height: var(--nav-height);
        border-radius: 0 0 5px 5px;
    }
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown {
	width: calc((100% * var(--col-menu)) + 2px);
	padding: 14px 20px;
    border-radius: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #ddd #ddd #ddd #e1e1e1;
	box-shadow: rgba(0, 0, 0, 0.06) -2px 0px 8px 0px;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--col-menu) - 10px), 1fr));
    grid-gap: 15px 5px;
	align-content: start;
	grid-auto-rows: max-content;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item {
	font-weight: 500;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > a {
	font-weight: 600;
    font-size: 16px;
    text-align: center;
	border-bottom: none;
	color: var(--text-color);
	text-transform: none;
	padding: 0;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > a:hover {
	color: var(--fs-color-primary);
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > .sub-menu {
	display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > .sub-menu > li {
	display: inline-block;
	margin: 0;
	width: auto;
	min-width: 0;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > .sub-menu > li > a {
	font-size: 14px;
	border-bottom: none;
	color: var(--text-color);
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu > li.menu-item > .sub-menu.nav-dropdown > li.menu-item > .sub-menu > li > a:hover {
	color: var(--fs-color-primary);
}
/* ***************************************************************************************************************** */
.sub_banner {
    display: grid;
    grid-gap: 15px;
}
.sub_banner .nm-home-side img {
	width: auto;
    transition: all .3s ease-in-out;
}
.sub_banner .nm-home-side:hover img {
	    transform: scale(0.95);
}
section .container.card {
    border: none;
    border-radius: 8px;
}
.heading-bar {
    font-size: 16px;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 5px;
}
.heading-bar__title {
    color: var(--text-color);
    font-size: 1.4em;
    margin: 0px;
    line-height: 1.2;
    font-family: 'Source Sans Pro';
}
.heading-bar__title {
    font-family: 'Source Sans Pro';
}
a.link {
    text-decoration: none;
    color: var(--text-color);
    cursor: pointer;
}
a.link:hover {
    color: var(--primary-color);
    filter: brightness(1.2);
    text-decoration: none;
}
.section_collections .row {
    overflow: auto;
}
.section_collections .item {
    padding: 10px 15px 0;
    margin: 0 auto;
    text-align: center;
}
.section_collections .item {
    width: 10%;
    flex: 0 0 10%;
}
.section_collections .item>a {
    --deg: 100deg;
    --start-color: #fff;
    display: block;
    position: relative;
    margin: 0 auto;
    transition: all 0.3s ease-out;
}
.section_collections img {
    z-index: 1;
    position: relative;
    margin: auto;
}
.section_collections .item:hover img {
    filter: brightness(1.05);
}
.section_collections .item:hover img {
    animation: tada 2s infinite;
}
.section_collections .item h3 a {
    text-align: center;
    margin: 12px 0px 0px;
    padding: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.2;
	color: var(--text-color);
}
.section_collections .item:hover a {
    color: var(--primary-color);
}
.flashsale {
    --background-color: #f4ebc1;
    --countdown-background: #d3232a;
    --countdown-color: #fff;
    background: var(--background-color, transparent);
    padding: 10px;
}
.section_product_top .tab-content.current .row, .flashsale .row {
    --limit-column: 5;
    --percent: 65%;
}
.item_product_main {
    margin-top: .5rem;
    margin-bottom: .5rem;
    background: #fff;
	border: 1px solid #ebebeb;
    border-radius: 8px;
}
.item_product_main .product-thumbnail {
    position: relative;
    overflow: hidden;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.item_product_main a {
    text-decoration: none;
    color: var(--text-color);
}
.item_product_main .image_thumb {
    display: block;
}
.item_product_main .product-thumbnail .image_thumb {
    transition: transform .3s ease-out;
}
.pos-relative.embed-responsive[class*=embed-responsive-] iframe, .pos-relative.embed-responsive[class*=embed-responsive-] img {
    --image-scale: 1;
    position: absolute;
    top: var(--img-top, 50%);
    left: var(--img-left, 50%);
    transform: translate(-50%, -50%) scale(var(--image-scale));
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
}
.pos-relative.embed-responsive[class*=embed-responsive-] img {
    width: auto;
    height: auto;
}
.item_product_main .group_action {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 10px;
    transform: translateX(100px);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-out;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    right: 10px;
}
.btn {
    padding: 7px 20px;
}
.item_product_main a {
    text-decoration: none;
    color: var(--text-color);
}
.item_product_main .btn-views {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    transition: all .22s ease-out;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.item_product_main .product-info {
    padding: 3px 0px;
}
.product-vendor {
    color: #7a8189 !important;
    letter-spacing: 1.4px;
}
.item_product_main .product-vendor {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
}
.item_product_main .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    min-height: 35px;
}
.sapo-product-reviews-badge {
    min-height: 18px;
}
.sapo-product-reviews-badge {
    clear: both !important;
    margin: 3px 0;
}
.position-relative {
    position: relative !important;
}
.item_product_main .product-item-cta {
    padding-right: 36px;
}
.price, .price span.amount {
    font-weight: bold;
    color: var(--price-color);
}
.item_product_main .price-contact, .item_product_main .price {
    font-weight: 500;
    color: var(--price-color);
	font-size: 16px;
}
.item_product_main button.product-item-btn, .item_product_main .label_soldout.product-item-btn {
    height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    min-height: unset;
    letter-spacing: 0;
    background: var(--addtocart-color);
    border-radius: 50px;
    color: #fff;
    justify-content: center;
    margin-right: 5px;
    margin-left: auto;
	margin-bottom: 0;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 0;
    top: 0px;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.item_product_main button.product-item-btn.add_to_cart, .item_product_main .label_soldout.product-item-btn.add_to_cart {
    font-size: 16px;
}
@media (min-width: 1025px) {
    .item_product_main {
        font-size: 16px;
    }
	.item_product_main:hover {
        box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    }
	.item_product_main:hover .product-thumbnail .image_thumb {
		transform: scale(0.8);
	}
	.item_product_main:hover .product-action .group_action {
        position: absolute;
        opacity: 1;
        transform: translateX(0);
        background: #fff;
        z-index: 99;
        visibility: visible;
        align-items: center;
        box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25);
    }
	.item_product_main:hover .product-name a {
        color: var(--primary-color);
    }
}
@media (min-width: 992px) {
    .item_product_main .product-info {
        padding: 10px 10px 15px;
    }
}
.section_blog .blogwp .image-blog {
    position: relative;
    padding-bottom: calc(100% / 3 * 2);
    display: block;
}
.section_blog .blogwp .image-blog img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogwp h3, .blogwp h3 a.link {
    font-weight: normal;
    line-height: 1.2;
    font-size: 1.25rem;
}
.blogwp h3, .blogwp h3 a.link {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}
.blogwp .media {
    line-height: 1.4;
}
.blogwp .media .media-body {
    font-size: 12px;
}
.blogwp .media .media-body {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.font-weight-light {
    font-weight: 300 !important;
}
.text-muted {
    color: #6c757d !important;
}
.blogwp .card-body p {
    font-size: 14px;
    color: #727272;
}
.blogwp .content_blog .art-summary {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blogwp .link {
    font-size: 1rem;
    filter: brightness(0.9);
}
.blogwp .link:hover {
    filter: brightness(1.2);
}
.blogwp .content_blog a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blogwp .button_custome_35.link {
    font-size: 14px;
    color: var(--primary-color);
}
.blogwp .button_custome_35.link {
    display: block;
    margin-top: 10px;
}
/* ------------- END HOME ------------- */

/* ------------- START LIGHTBOX ------------- */
.product-lightbox.lightbox-content {
	border-radius: 8px;
    padding: 15px 20px;
}
.product-lightbox.lightbox-content .product-info {
	--block-spacing: 10px;
	padding: 0 15px;
}
.product-lightbox.lightbox-content .product-info .product-lightbox-inner h1 {
	font-weight: 400;
    font-size: 1.4rem;
}
.product-lightbox.lightbox-content .product-info .price-wrapper .price {
	margin: 15px 0 10px;
    border-top: 1px solid #F0F1F2;
    padding-top: 10px;
}
.product-lightbox.lightbox-content .product-info .price-wrapper .amount {
	font-size: 30px;
    color: var(--price-color);
    font-weight: 500;
    line-height: 30px;
    font-family: inherit;
}
.product-lightbox .product-info .group-status {
    font-size: 14px;
}
.product-quick-view-container .vend-qv .first_status {
	color: var(--text-color);
}
.product-quick-view-container .vend-qv .status_name, .product-quick-view-container .vend-qv .status_name a {
    color: var(--primary-color);
	font-weight: 400;
}
.product-quick-view-container .vend-qv .line_tt {
	margin: 0;
}
.product-lightbox .product-info .product-short-description {
	padding: var(--block-spacing) 0;
}
.product-quick-view-container .nm-qv-thumb {
	padding: 0 5px !important;
}
.product-quick-view-container .nm-qv-thumb img {
	margin: auto;
	padding: 2px;
}
.woocommerce-variation-add-to-cart, form.cart {
	flex-wrap: wrap;
	gap: 0;
	margin-top: 0;
}
.nm-quantity {
	margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
    margin-right: 0;
}
.nm-quantity button.ux-quantity__button.minus,.nm-quantity button.ux-quantity__button.plus {
	padding: 4px;
    width: 36px;
    border: 1px solid #ced4da !important;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8C9196;
    border-radius: 100% !important;
    background-color: transparent;
    margin: 0;
    min-height: unset;
}
.nm-quantity input.qty {
	border: 0;
    width: 65px !important;
    height: 36px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    max-width: unset;
    box-shadow: none;
}
form.cart .button_actions {
	display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 412px;
    grid-column-gap: 20px;
    margin-bottom: 20px;
}
form.cart .button_actions .single_add_to_cart_button {
	height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    padding: 0px 10px;
    border-radius: 99px;
    border: solid 1px transparent;
    background: var(--addtocart-color);
}
.mfp-close-btn-in .mfp-close {
	opacity: 0.7;
    color: white;
    padding: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.mfp-close svg {
	width: 16px;
    stroke-width: 4px;
    height: auto;
}
.nm-cart-popup {
	transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}
.section_product_tag .menus {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.tag-item {
    padding: 4px 8px;
    background: var(--tag-bg);
    color: var(--tag-color);
    margin-top: 10px;
    display: inline-block;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 400;
    transition: border .3s ease-out;
    border: 1px solid var(--tag-bg);
}
.tag-item:hover {
    border: 1px solid var(--tag-color);
    color: var(--tag-color);
}
.tag-item+.tag-item {
    margin-right: 5px;
}
.section_banner_coll .row {
    overflow-x: auto;
    flex-wrap: nowrap;
}
.section_banner_coll .row {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* ------------- END LIGHTBOX ------------- */

/* ------------- START KEYFRAME ------------- */
@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}
/* ------------- END KEYFRAME ------------- */

/* ------------- START SLICK ------------- */
.slick-arrow {
    --size: 44px;
    top: 50%;
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: var(--size);
    height: var(--size);
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    border: 1px solid #ebebeb;
    background: #ebebeb;
    line-height: var(--size);
    text-align: center;
    z-index: 1;
    overflow: hidden;
    opacity: .7;
    border-radius: 100%
}.slick-arrow:hover,.slick-arrow:focus {
    outline: none
}.slick-arrow.slick-disabled {
    cursor: default;
    display: none !important
}.slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    box-shadow: 1px 2px 10px -1px rgba(0,0,0,0.3);
    background: #fff;
    color: #333
}.slick-arrow.slick-prev:before,.slick-arrow.slick-next:before {
    font-family: "Font Awesome 6 Pro";
    background: transparent;
    font-weight: 900;
    height: var(--size);
    width: var(--size);
    font-size: 18px;
    color: #333;
    display: block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s
}.slick-arrow.slick-prev {
    left: 0
}.slick-arrow.slick-prev:before {
    content: "\f104"
}.slick-arrow.slick-next {
    right: 0
}.slick-arrow.slick-next:before {
    content: "\f105"
}.slick-dots {
    text-align: center
}.slick-dots li {
    display: inline-block
}.slick-dots li button {
    border-radius: 0;
    height: 10px;
    width: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 0;
    font-size: 0
}.slick-dots li.slick-active button {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}.slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    padding: 0;
    border-radius: 15px;
    height: 24px;
    align-items: center;
    display: flex !important;
    justify-content: center
}.slick-dots li button {
    height: 2px;
    width: 16px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
    margin: 0 3px;
    opacity: .5
}.slick-dots li button:hover {
    opacity: 1
}.slick-dots li.slick-active button {
    opacity: 1
}
/* ------------- END KEYFRAME ------------- */
/* ------------- START BLOG ------------- */
.blog-single .article-inner .entry-header-text {
	padding-bottom: 0;
}
.blog-single .article-inner .entry-header-text .entry-title {
	font-weight: 400;
    font-size: 2rem;
    padding: 10px 0;
    margin-bottom: 0;
}
.blog-single .article-inner .entry-content {
	margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    word-break: break-word;
}
#comments .comment-respond {
	background-color: transparent;
    margin: 0;
    padding: 0;
}
.comments-area .comment-reply-title {
	font-size: 1.25rem;
    margin-bottom: .5rem;
    line-height: 1.2;
}
.comments-area form.nm-comment-form p {
	margin: 0;
    margin-bottom: 1rem;
}
.comments-area form.nm-comment-form input, .comments-area form.nm-comment-form textarea {
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none;
    margin-bottom: 0;
}
.comments-area form.nm-comment-form textarea {
	height: auto;
}
.comments-area form.nm-comment-form .form-submit {
	text-align: center;
}
.comments-area form.nm-comment-form .form-submit input {
	background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    padding: 7px 20px;
    border-radius: 99999px;
    font-weight: 400;
    color: #212529;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    margin: 0 auto;
    text-transform: none;
}
.content-blog .blogwp .image-blog {
    position: relative;
    padding-bottom: calc(100% / 3 * 2);
    display: block;
}
.content-blog .blogwp .image-blog img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-blog .blogwp .card-body {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 7px;
}
.content-blog .blogwp h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
}
.content-blog .blogwp .card-body p {
    font-weight: 300;
	color: var(--text-color);
}
/* ------------- END BLOG ------------- */
/* ------------- START WOO ------------- */
.card.dqdt-sidebar, .card.collection {
    border-radius: 0px;
    border: none;
}
#shop-sidebar .widget {
	padding-top: 15px;
}
#shop-sidebar .widget+.widget {
    border-top: 1px solid #eee;
    margin-top: 15px;
}
.aside-filter ul {
    padding-left: 0;
    list-style: none;
    margin: 0px;
}
.aside-content .filter-item {
    position: relative;
    clear: left;
    font-size: 14px;
    padding: 0;
	margin-left: 0;
}
.overflow-item:not(.show) {
    display: none;
}
.show:not(.hidden) {
    display: block;
}
.nm-product-filter .custom-checkbox {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.7rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.nm-product-filter .custom-checkbox input {
    display: none;
}
.aside-content .filter-item .fa {
    cursor: pointer;
    display: inline;
}
.nm-product-filter .custom-checkbox .fa:after, .custom-checkbox .fa:before {
    content: '';
    pointer-events: none;
    background-color: var(--filter-color, #fff);
    box-shadow: none;
    position: absolute;
    top: .125rem;
    left: 0rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}
.nm-product-filter .custom-checkbox .fa:after {
    border: 1px solid #cad1d7;
    transition: all .3s ease;
    border-radius: .2rem;
    background-color: var(--filter-color, #fff);
    border-color: var(--filter-color);
}
.nm-product-filter .custom-checkbox input:checked ~ .fa:before {
    z-index: 2;
    background: no-repeat 50% / 50% 50%;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+);
}
.nm-product-filter .custom-checkbox:not(.color) input:checked ~ .fa:after {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.nm-product-filter .filter-item-toggle {
	margin: 0;
}
.title_page {
    font-size: 2rem;
    padding: 10px 0;
}
.title_page, .title-head {
    font-weight: 500;
}
.nghiengmart-sort-pagi-bar {
	border-bottom: 1px solid #dee2e6;
}
.nghiengmart-sort-pagi-bar label.left {
	display: inline-block;
    margin-bottom: .5rem;
	font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--text-color);
}
.sort-cate ul {
    padding-left: 0;
    list-style: none;
    margin: 0px;
}
.sort-cate ul.ul_col li {
	margin-bottom: 0;
}
.nm-brand-selected ul {
    padding-left: 0;
    list-style: none;
    margin: 0px;
}
.nm-brand-selected .nm-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .5rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.filter-container__selected-filter-item.nm-badge {
    background: transparent;
    padding: 6px 8px;
    margin-right: 4px;
    margin-top: 4px;
    border: 1px solid var(--primary-color);
    position: relative;
    overflow: hidden;
}
.filter-container__selected-filter-item a {
    color: #e85933;
    z-index: 1;
    position: relative;
    font-weight: 400;
}
.filter-container__selected-filter-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: var(--primary-color);
    opacity: 0.1;
}
.filter-container__selected-filter-item a .fa {
    margin-left: 5px;
}
@media (min-width: 1024px) {
    .sort-cate .content_ul li {
        display: inline-block;
    }
	.sort-cate .content_ul li a {
        font-weight: 400;
        color: #898989;
        padding: 9px 10px 11px;
        display: inline-block;
    }
	.sort-cate .content_ul li:hover, .sort-cate .content_ul li.active {
		border-bottom: 2px solid var(--primary-color);
		margin-bottom: -2px;
	}
	.sort-cate .content_ul li:hover a, .sort-cate .content_ul li.active a {
        color: var(--primary-color);
    }
}
@media (min-width: 1200px) {
    .sidebar #shop-sidebar {
        border-right: 1px solid #eee;
    }
	.sort-cate .fas {
		display: none;
	}
}
.product-main .product-gallery .product-images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	height: 450px;
}
.product-main .product-gallery .product-images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
	--image-scale: 1;
    position: absolute;
    top: var(--img-top, 50%);
    left: var(--img-left, 50%);
    transform: translate(-50%, -50%) scale(var(--image-scale));
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
}
.product-main .product-gallery .product-thumbnails div.col a {
	position: relative;
    height: 80px;
    margin: 0 5px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #eee;
}
.product-main .product-gallery .product-thumbnails div.col.is-selected a {
	border-color: var(--primary-color);
}
.product-main .product-gallery .product-thumbnails div.col a img {
	display: block;
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px;
    opacity: 1;
}
.product-main .product-info {
	padding-left: 3rem;
	padding-right: 3rem;
}
.product-main .product-info .product-title {
	font-size: 1.4rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
.product-main .product-info .group-status {
    font-size: 14px;
}
.status_name, .status_name a {
    color: var(--primary-color);
}
.product-main .product-info .group-status .line {
    color: #999;
}
.product-vendor {
    color: #7a8189 !important;
    letter-spacing: 1.4px;
}
a.product-vendor:hover {
    color: var(--primary-color) !important;
}
.product-main .product-info .price-wrapper {
	--block-spacing: 10px;
    position: relative;
    margin: 15px 0 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #F0F1F2;
    margin-top: calc(var(--block-spacing) * 2);
    padding-top: calc(var(--block-spacing) * 2);
    column-gap: 4px;
}
.product-main .product-info .price-wrapper span.amount {
	font-size: 30px;
    color: var(--price-color);
    font-weight: 600;
    line-height: 30px;
    font-family: inherit;
}
.product-main .product-info form.cart {
	padding-top: 1rem;
	margin-top: 12px;
	margin-bottom: 0;
}
.soluong {
    align-items: center;
    grid-template-columns: 100px 1fr;
    margin-bottom: 10px;
}
.soluong.show {
    display: grid;
}
.soluong label {
    margin: 0;
	color: #727272;
    justify-content: flex-start;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.product-info form.cart .nm-quantity {
	display: flex;
    height: 36px;
    margin-bottom: 10px;
    margin-top: 10px;
    align-items: center;
}
.product-info form.cart .button_actions button {
	margin: 0;
}
.product-info .product-short-description {
	padding: 20px 0;
}
.product-policises-wrapper {
	--block-spacing: 10px;
    border-top: 1px solid #eee;
    margin-top: var(--block-spacing);
    padding: var(--block-spacing) 0;
}
.product-policises {
    font-size: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
	margin-bottom: 1rem;
}
.product-policises .media {
    align-items: center;
	margin-left: 0;
}
.product-policises .media>div:not(.media-body) {
    width: 32px;
    height: 32px;
}
.product-footer .woocommerce-tabs {
	border-top: none;
	padding: 0;
}
@media (min-width: 1441px) {
    .product-footer .product-content {
        padding-right: 100px !important;
    }
}
.product-footer .woocommerce-tabs li.description_tab {
	font-size: 16px;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 5px;
    border: none;
    margin: 0;
}
.product-footer .woocommerce-tabs li.description_tab a {
	color: var(--text-color);
    font-size: 1.4em;
    margin: 0px;
    line-height: 1.2;
    font-family: 'Source Sans Pro';
    border: none;
    padding: 0;
    letter-spacing: 0;
    text-transform: none;
}
.product-footer .woocommerce-tabs .tab-panels {
	border: none;
    border-top: 1px solid var(--text-color);
    padding: 0;
}
.product-footer .woocommerce-tabs .tab-panels p {
	margin-bottom: 1rem;
}
.product_getcontent {
    max-height: 625px;
    overflow: hidden;
}
.product_getcontent #content {
    overflow: hidden;
    word-break: break-word;
}
.ega-pro__seemore {
    position: relative;
}
.ega-pro__seemore:not(.show)::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #fff 93.12%);
}
#ega-sticky-addcart .productAnchor_horizonalNavs {
    align-items: center;
    background: #fff;
    top: 0 !important;
    transition: all .5s ease;
    z-index: 99;
    width: 100%;
    padding: 5px 0px;
	border: 1px solid #dee2e6;
}
#ega-sticky-addcart .productAnchor_horizonalNav {
    display: flex;
    align-items: center;
}
#ega-sticky-addcart .product_info_image {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    position: relative;
}
#ega-sticky-addcart .product_info_image img {
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#ega-sticky-addcart .product_info_name {
    line-height: 1.1;
    line-height: 1.4;
    color: #191919;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    padding: 2px 0;
}
#ega-sticky-addcart .price-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #F0F1F2;
    margin-top: calc(var(--block-spacing) * 2);
    padding-top: calc(var(--block-spacing) * 2);
    column-gap: 4px;
}
#ega-sticky-addcart .price-box {
    border-top: none;
}
#ega-sticky-addcart .price-box span.amount {
    font-weight: bold;
    color: var(--price-color);
}
.product-price-old {
    color: #979797 !important;
    margin-left: 6px;
    font-size: 14px;
    font-weight: normal;
}
#ega-sticky-addcart .product_info_buttons {
    display: grid;
    margin-left: auto;
    align-items: center;
    grid-template-columns: 1fr 237px 186px;
    grid-gap: 15px;
}
#ega-sticky-addcart .soluong {
    margin-bottom: 0;
}
#ega-sticky-addcart .product_info_buttons .nm-quantity {
    margin: 0;
}
#ega-sticky-addcart .product_info_buttons .form-product {
    grid-column: 3;
}
#ega-sticky-addcart .button_actions {
    margin-bottom: 0px;
}
#ega-sticky-addcart .btn_base {
    border-radius: 2px;
    height: 42px;
    padding: 6px;
    background: var(--cta-color);
    font-size: 14px;
    font-weight: bold;
    outline: none;
    box-shadow: none;
    padding: 5px 10px;
    color: #fff;
    line-height: 1.1;
    border-radius: 5px;
	width: 100%;
	margin: 0;
}
.recent-view-list {
    align-items: start;
    overflow-x: auto;
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* ------------- END WOO ------------- */
/* ------------- START CTA ------------- */
.addThis_listSharing {
    position: fixed;
    bottom: 85px;
    z-index: 999;
    top: auto !important;
    right: 12px;
    opacity: 0;
    display: none;
}
.backtop {
    right: 12px;
    bottom: 196px;
    top: auto !important;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    top: auto !important;
    height: 44px;
    width: 44px;
    background-color: var(--primary-color);
    line-height: 36px;
    border-radius: 100%;
    font-size: 30px;
    transition: all 0.3s ease-out 0s;
    transform: translateY(-120px);
    opacity: 0;
    visibility: hidden;
    text-align: center;
    color: #fff !important;
    margin-bottom: 5px
}
.backtop:hover {
    filter: brightness(1.3)
}
.backtop.show {
    z-index: 999;
    transition: transform 0.3s ease-out 0s;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}
@media (max-width: 576px) {
    .backtop {
        bottom:60px
    }
}
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge{ right: 12px!important;;}
.addThis_listSharing{opacity: 1; display: block;}
.addThis_listing .addThis_item{margin-bottom:5px}
.addThis_listing .addThis_item .addThis_item--icon {
	position: relative;display: inline-block;text-align: center;
	width: 44px;height: 44px;line-height: 44px;color: #fff;
	border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
	background-size: auto;background-repeat: no-repeat;background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
	position: absolute;top: 4px;right: 55px;z-index: 9;
	height: 32px;line-height: 26px;padding:3px 10px;
	width: auto;border-radius: 5px;font-size: 11px;color: #fff;text-align: center;
	white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
	visibility: hidden;opacity: 0;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after{
	content: "";width: 0;height: 0;
	border-width:5px;border-style: solid;
	border-color: transparent transparent transparent rgba(0, 0, 0, 1);
	position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {text-decoration: none; opacity: .9;box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text{visibility: visible;opacity: 1;}
.actionToolbar_mobile {
	position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;
	height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;
}
.fb_dialog_content > iframe{
	right: -6px!important
}
/* ------------- END CTA ------------- */
/* ------------- START ACCOUNT ------------- */
.page_login .heading-bar .title_page {
    font-size: 25px;
}
.page_login .page-login h2 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 15px 0 20px 0;
}
.page_login fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.form-signup .form-group {
    margin-bottom: 0px;
}
.form-signup .form-group label {
    margin-top: 0px;
    font-weight: 700;
    font-size: 14px;
	color: var(--text-color);
	display: inline-block;
    margin-bottom: .5rem;
}
.form-signup .form-group label span {
    color: #ff0000;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
    font-size: 1rem;
}
.form-signup .form-group input {
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    margin-bottom: 8px;
    border-radius: 3px !important;
    border-color: #e1e1e1;
    box-shadow: none;
}
.page_login .page-login .form-signup .button_bottom {
    margin-bottom: 10px;
}
.btn_register, .btn-recover, .btn-login {
    background: var(--secondary-color);
    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 400;
    border-radius: 999px;
	min-height: unset;
    margin: 0;
}
.page_login .page-login .form-signup .btn_register {
    position: relative;
}
.page_login .page-login .form-signup .btn-link-style {
    color: #ff0000;
}
.nghiengmart-password-field {
	position: relative;
}
.nghiengmart-password-field .form-control {
	padding-right: 46px;
}
.nghiengmart-password-toggle {
	position: absolute;
	top: 50%;
	right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #777;
	font-size: 16px;
	line-height: 1;
	transform: translateY(-50%);
}
.nghiengmart-password-toggle:hover,
.nghiengmart-password-toggle:focus {
	background: transparent;
	box-shadow: none;
	color: #244c2c;
}
.nghiengmart-password-rules {
	display: grid;
	gap: 5px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	color: #858585;
	font-size: 13px;
	line-height: 1.35;
}
.nghiengmart-password-rules li {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	transition: color .16s ease;
}
.nghiengmart-password-rules i {
	width: 14px;
	color: #c6c6c6;
	font-size: 13px;
	transition: color .16s ease;
}
.nghiengmart-password-rules li.is-valid {
	color: #23833b;
}
.nghiengmart-password-rules li.is-valid i {
	color: #23833b;
}
/* ------------- END ACCOUNT ------------- */
/* ------------- START CART/CHECKOUT ------------- */
.header-cart-content {
    display: grid;
    grid-template-columns: 70% 1fr;
    grid-gap: 15px;
}
.header-cart-content>* {
    padding: 10px 15px;
}
.header-cart-content .item-product {
    display: grid;
    grid-template-columns: 30px 100px 1fr;
    grid-gap: 10px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
a.remove-itemx.remove-item-cart {
    font-size: 14px;
    color: #c3c3c3;
}
.header-cart-content .product-cart-infor {
    display: grid;
    grid-template-columns: 1fr auto 120px;
    grid-gap: 10px;
    align-items: baseline;
}
.header-cart-content .product-name, .header-cart-content .product-name a {
    font-size: 14px;
    font-weight: normal;
}
.header-cart-content .nm-quantity button.minus, .header-cart-content .nm-quantity button.plus {
	font-size: 14px;
    width: 30px;
    height: 30px;
}
.header-cart-content .nm-quantity input.qty {
	width: 48px !important;
    text-align: center;
    height: 30px;
    font-size: 12px;
    padding: 4px;
}
.header-cart-content .product-subtotal span.amount {
	color: var(--price-color);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
}
.header-cart-content .shop_table .cart_item td {
	padding-bottom: 10px;
    padding-top: 10px;
}
.header-cart-content td.product-thumbnail {
    max-width: 100%;
    min-width: unset;
    width: 100px;
}
.cart-collaterals {
    margin-top: 10px;
    border-left: none;
}
.ega-delivery {
    --input-color: #0b0b0b;
    --input-background: #ffff;
    --input-border: #eee;
    --title-border: #0b0b0b;
    --datepicker-border: grey;
    --datepicker-color: #0b0b0b;
    --datepicker-square: #cfefb4;
}
.ega-delivery__wrapper {
    margin-bottom: 5px !important
}
.ega-delivery__title {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
    border-bottom: none !important
}
.ega-delivery.ega-form__group {
    max-width: none !important;
    width: 100%
}
.ega-delivery.ega-form__group {
	--input-background: #e6e6e6;
    --input-color: #000000;
    --input-border: #d1d1d2;
    --datepicker-square: #dcdcdc;
}
.ega-delivery.ega-form__group {
    margin-bottom: 8px;
    display: flex;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative;
    align-items: flex-start;
}
.ega-delivery label:first-child {
    margin-right: 15px !important
}
.ega-delivery label {
    margin-right: 0 !important;
    width: 100%;
    font-weight: 400 !important
}
.ega-delivery label {
    display: flex;
    flex-direction: column;
    align-items: start;
    line-height: 1.8;
    font-size: 14px;
    margin-right: 15px;
    font-weight: 700;
}
.ega-delivery input, .ega-delivery select, .ega-delivery textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.ega-delivery .ega-form__control {
    background-color: #fff !important;
    width: 100% !important;
    margin-right: 0;
    min-width: 0 !important
}
.ega-delivery .ega-form__control {
    font-size: 16px;
    width: auto;
    padding: .5rem .75rem;
    border: 1px solid #eee;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    height: 45px !important;
    margin-right: 5px;
    border-radius: 4px;
    flex: 1;
    margin-bottom: 0;
}
.ega-delivery .ega-form__control {
    min-width: 200px;
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--input-background);
    border-color: var(--input-border);
    color: var(--input-color);
    border-radius: .26392em;
	box-shadow: none;
    -webkit-border-radius: .26392em;
    -moz-border-radius: .26392em;
    -ms-border-radius: .26392em;
    -o-border-radius: .26392em;
}
.qs-datepicker-container {
    width: 100% !important;
    max-width: 30em !important;
    min-width: 270px
}
.qs-datepicker-container {
    width: 30em;
    color: var(--datepicker-color);
    border: none;
    box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .3);
    background: #fff;
}
.qs-datepicker .qs-controls {
    height: 36px;
    line-height: 16px;
    font-size: 14px;
    background: none;
}
.qs-datepicker .qs-arrow.qs-left:after, .qs-datepicker .qs-arrow.qs-right:after {
    color: var(--datepicker-color);
}
.qs-datepicker .qs-square {
    min-width: 36px;
    height: 36px;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 9999px;
}
.qs-datepicker .qs-square.qs-empty {
    height: 0;
}
.qs-datepicker .qs-square.qs-current, .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-current):hover {
    background: var(--datepicker-square);
    border-radius: 9999px;
}
.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active) {
    border-radius: 9999px;
}
@media (max-width: 767px) {
    .qs-datepicker-container {
        width:calc(100vw - 30px) !important
    }
}
@media (max-width: 1024px) and (min-width: 992px) {
    .ega-delivery.ega-form__group {
        flex-wrap:wrap
    }

    .ega-delivery label:first-child {
        margin-right: 0 !important
    }
}
.cart-note label.note-label {
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    font-weight: normal
}
@media (max-width: 768px) {
    .cart-note label.note-label {
        font-size:14px;
        margin-bottom: 2px
    }
}
.cart-note textarea {
    border-color: #e1e1e1;
    padding: 11px 10px;
    outline: none;
    border-radius: 3px;
    height: 53px;
    resize: none;
    width: 100%;
    background-clip: padding-box;
    font-size: 15px
}
.header-cart-footer {
    display: grid;
    grid-template-columns: 70% 1fr;
    grid-gap: 15px
}
@media (min-width: 992px) {
    .cart-collaterals {
        border-top: none;
        background: #F7F7F7;
        border: 3px;
        padding: 20px;
        margin-top: 0;
    }
}
.r-bill .checkbox,.r-bill .checkbox label {
    margin: 0
}
.r-bill .checkbox .regular-checkbox {
    display: none
}
.r-bill .checkbox .regular-checkbox+.boxs {
    border: 2px solid #727272;
    padding: 7px;
    border-radius: 2px;
    display: inline-block;
    margin-top: 2px;
    position: relative
}
.r-bill .checkbox .regular-checkbox:checked+.boxs {
    background: #ff2e2e;
    border: 2px solid #ff2e2e
}
.r-bill .checkbox .regular-checkbox:checked+.boxs:after {
    content: '\2714\fe0e';
    font-size: 13px;
    position: absolute;
    top: -2px;
    left: 3px;
    color: #fff
}
@media (max-width: 768px) {
    .r-bill .checkbox .regular-checkbox:checked+.boxs:after {
        top:-3px;
        left: 1px
    }
}
.r-bill .checkbox>.title {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 5px;
    vertical-align: top;
    color: #000;
    font-weight: 500;
}
@media (max-width: 768px) {
    .r-bill .checkbox>.title {
        font-size:14px
    }
}
.r-bill .bill-field {
    display: none;
    margin-top: 5px
}
.r-bill .bill-field label {
	font-weight: 500;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 0
}
.r-bill .bill-field .form-group {
    margin-bottom: 15px
}
@media (max-width: 768px) {
    .r-bill .bill-field label {
        font-size:14px;
        margin-bottom: 0.1rem
    }
}
.form-control::placeholder {
    color: #B4B4B4;
    opacity: 1
}
.r-bill .bill-field .form-control {
    box-shadow: none;
    background-clip: padding-box;
    border-radius: 3px;
    border-color: #e6e6e6;
    height: 34px;
    font-size: 14px
}
.r-bill .bill-field textarea.form-control {
    height: auto
}
.r-bill .bill-field span.text-danger {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    color: red;
    margin-bottom: 15px
}
.swal-title:first-child {
    margin-top: 0
}
.swal-text,.swal-footer {
    text-align: center
}
.swal-button--confirm {
    background: var(--cta-color) !important
}
.cart-limit-modal {
    background-color: #ffffff
}
.cart-limit-modal .swal-title {
    color: #0e1c22
}
.cart-limit-modal .swal-text {
    color: #ff0000
}
.cart-limit-modal .swal-button {
    background-color: #0E1C22;
    color: #ffffff
}
.vat-checked-modal,.vat-unchecked-modal,.vat-checked-error-modal {
    background-color: #ffffff
}
.vat-checked-modal .swal-title,.vat-unchecked-modal .swal-title,.vat-checked-error-modal .swal-title {
    color: #0e1c22
}
.vat-checked-modal .swal-text,.vat-unchecked-modal .swal-text,.vat-checked-error-modal .swal-text {
    color: #0e1c22
}
.vat-checked-modal .swal-button {
    background-color: #da2a52;
    color: #fff
}
.vat-checked-modal .swal-button--cancel {
    background-color: #EEEEEE;
    color: #0e1c22
}
.vat-unchecked-modal .swal-button {
    background-color: #246ae0;
    color: #ffffff
}
.vat-unchecked-modal .swal-button--cancel {
    background-color: #EEEEEE;
    color: #0e1c22
}
.vat-checked-error-modal .swal-button--confirm {
    background-color: #246ae0;
    color: #ffffff
}
.cart-limit-alert {
    color: #F44336;
    margin-bottom: 15px
}
@media (max-width: 767px) {
    .header-cart-footer {
        display:block
    }
}
.header-cart-price .title-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}
.header-cart-price .title-cart h3 {
    font-size: 1rem;
    margin: 0px;
    font-weight: 600;
	width: auto;
}
.header-cart-price .title-cart .totals_price_mobile, .header-cart-price .title-cart .totals_price_mobile span.amount {
    font-size: 18px;
    font-weight: 600;
    color: var(--price-color);
}
.price_vat {
    text-align: right;
    flex: 0 0 100%;
    font-size: 14px;
    color: #828282;
}
.header-cart-price .btn-proceed-checkout-mobile {
    background: var(--cta-color);
    color: #fff;
    margin-bottom: 10px;
    border-raidus: 5px;
}
/* ------------- END START CART/CHECKOUT ------------- */