/*
Theme Name: Flatsome Child
Description: AZWebsite.vn developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
/* SETTING */
@import url('https://fonts.googleapis.com/css2?family=Gluten:wght@700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
	/* main: 3bb77e */
	--primary-color2: #faa71b;
	--cl-text: #1c1c1c;
}

body,
input,
textarea,
button,
select {
	color: var(--cl-text);
}

input,
textarea {
	padding: 0 15px !important;
}

.coupon button[name="apply_coupon"] {
	color: #fff;
}

body,
input,
textarea,
button,
select {
	line-height: 1.6;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	line-height: 1.4;
}

.section-title-container,
.section-title-main,
.wpcf7-submit,
a.button,
.actions button[name="update_cart"],
.checkout_coupon .flex-col button[name="apply_coupon"],
.category-filtering a {
	margin: 0 !important
}

form p,
.mb-0 p {
	margin-bottom: 0 !important;
}

.section-title-main,
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a,
.qty {
	padding: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.section-title,
.section-title-main {
	border: none !important;
}

.wpcf7-spinner,
.section-title a i,
.post-item .is-divider,
a.added_to_cart.wc-forward,
.woof_submit_search_form_container,
#shop-sidebar .is-divider,
.product-images .image-tools,
.category-filtering a strong {
	display: none !important;
}

.add-to-cart-button a {
	display: flex !important;
	justify-content: center;
	align-items: center
}

.add_to_cart_button.added {
	display: block !important;
}

a.add_to_cart_button::after {
	content: none !important;
}

a.add_to_cart_button.loading:before {
	content: '\f110' !important;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotateZ(-180deg) rotateY(180deg);
	}

	100% {
		transform: rotateZ(180deg) rotateY(180deg);
	}
}

p,
form input {
	margin-bottom: 15px !important
}

input,
textarea,
a.button,
.actions button[name="update_cart"],
.coupon button[name="apply_coupon"],
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a {
	min-height: unset !important;
	height: 100% !important;
	line-height: unset !important
}

input,
textarea,
input:focus,
textarea:focus,
.button:hover {
	box-shadow: none !important;
}

.coupon button[name="apply_coupon"] {
	text-shadow: none;
}

.actions .continue-shopping {
	margin-right: 15px !important
}

.woocommerce-mini-cart__buttons a.checkout,
.checkout_coupon button[name="apply_coupon"] {
	background-color: var(--primary-color2) !important;
	border: 1px solid var(--primary-color2) !important;
}

.woocommerce-mini-cart__buttons a.checkout:hover,
.checkout_coupon button[name="apply_coupon"]:hover {
	background-color: transparent !important;
	color: var(--primary-color2) !important;
}

.woocommerce-mini-cart__buttons a:not(.checkout),
.cart-collaterals a {
	border: 1px solid var(--primary-color) !important;
}

.woocommerce-mini-cart__buttons a:not(.checkout):hover,
.cart-collaterals a:hover {
	background-color: transparent !important;
	color: var(--primary-color) !important;
}

.cart-item .nav-dropdown {
	left: unset;
	right: 0 !important;
	bottom: unset;
	top: 60px;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
	;
	border: none;
	border-radius: 5px;
	padding: 20px !important;
	min-width: 330px;
}

.widget_shopping_cart ul.woocommerce-mini-cart li {
	padding: 0 25px 10px 90px !important;
	border-bottom: 1px solid #d5d8dc;
	margin-bottom: 10px;
	font-weight: 600;
	color: #000;
}

.widget_shopping_cart ul.woocommerce-mini-cart li+li {
	border-top: 0 !important
}

.widget_shopping_cart ul.woocommerce-mini-cart li img {
	top: 0;
	height: auto;
	width: 70px;
	margin: 0;
}

.widget_shopping_cart ul.woocommerce-mini-cart li a:not(.remove) {
	font-size: 14px;
	font-weight: 600;
}

.widget_shopping_cart ul.woocommerce-mini-cart li a.remove {
	color: red;
	bottom: 20px;
	right: 5px;
	width: 20px;
	height: 20px;
	font-weight: bold;
	border: 1px solid;
}

.widget_shopping_cart ul.woocommerce-mini-cart::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.widget_shopping_cart ul.woocommerce-mini-cart::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

.widget_shopping_cart ul.woocommerce-mini-cart::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

.widget_shopping_cart ul.woocommerce-mini-cart li:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: none
}

.widget_shopping_cart ul.woocommerce-mini-cart li .quantity {
	margin: 0 !important
}

.widget_shopping_cart ul.woocommerce-mini-cart li .quantity,
.widget_shopping_cart ul.woocommerce-mini-cart li .quantity .amount {
	color: var(--primary-color2);
	font-weight: 500;
	opacity: 1;
	font-size: 14px;
}

.widget_shopping_cart .woocommerce-mini-cart__total {
	border-width: 1px 0 !important;
	border-color: #d5d8dc !important;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px !important;
}

.widget_shopping_cart .woocommerce-mini-cart__total * {
	color: var(--primary-color);
}

.widget_shopping_cart .woocommerce-mini-cart__total strong {
	font-weight: 900;
}

.widget_shopping_cart .woocommerce-mini-cart__total .amount {
	font-weight: 600 !important
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout {
	margin-top: 10px !important
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a {
	padding: 15px !important;
	line-height: 1 !important;
	font-size: 16px;
	font-weight: 600
}

.shop_table.woocommerce-cart-form__contents th,
.cart_totals th.product-name,
.cart_totals tbody th,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label,
.woocommerce-checkout-review-order-table th {
	text-transform: none;
	color: #334455;
}

.product-name a {
	color: var(--primary-color);
	font-weight: 600 !important;
}

.product-name a:hover {
	color: var(--primary-color2);
}

.woocommerce-cart-form__cart-item .quantity input.minus,
.woocommerce-cart-form__cart-item .quantity input.plus,
.woocommerce-cart-form__cart-item .quantity input.qty {
	height: 40px !important;
	width: 40px;
}

.actions a,
.actions button[name="update_cart"] {
	text-transform: uppercase;
	font-size: 14px !important;

}

.actions a,
.actions button[name="update_cart"],
.cart-collaterals a,
.checkout_coupon button[name="apply_coupon"],
.checkout_coupon input[name="coupon_code"],
.woocommerce-checkout .woocommerce-billing-fields input {
	height: 40px !important;
	line-height: 40px !important;
}

.cart-collaterals a,
.checkout_coupon button[name="apply_coupon"],
.checkout_coupon input[name="coupon_code"] {
	border-radius: 99px;
	font-size: 16px !important;
}

.woocommerce-checkout .woocommerce-billing-fields input {
	border-radius: 99px;
}

.woocommerce-checkout .woocommerce-additional-fields textarea {
	min-height: 120px !important;
	border-radius: 15px;
}

.woocommerce-checkout .woocommerce-billing-fields input:focus {
	box-shadow: 0 0 5px #ccc !important;
}

#billing_address_1_field {
	width: 100% !important;
}

.woocommerce-input-wrapper {
	display: block;
	height: 100%;
}

#place_order:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2) !important;
}

.checkout_coupon .flex-row {
	position: relative;
}

.checkout_coupon .flex-col button[name="apply_coupon"] {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 120px !important;
}

a.back-to-top {
	width: 40px;
	height: 40px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color) !important;
	border: none !important;
}

a.back-to-top:hover {
	background-color: var(--primary-color2) !important;
}

a.back-to-top i {
	font-size: 22px !important;
	color: #fff;
}

.row-small>.col,
.row-small>.flickity-viewport>.flickity-slider>.col {
	padding: 0 10px 20px;
}

.noBtn .flickity-button,
.flickity-button:disabled {
	display: none !important;
}

.slider .flickity-button {
	margin: 0 !important;
	transform: unset;
	min-height: unset;
	bottom: unset;
	top: 50%;
	width: 50px;
	height: 30px;
	background: var(--primary-color);
	border-radius: 5px;
}

.slider .flickity-button:hover{
	background: var(--primary-color2);
}

.flickity-button:before{
	font-family: "Font Awesome 6 pro";
	color: #fff;
}
.flickity-button.previous:before{
	content: '\f177';
}
.flickity-button.next:before{
	content: '\f178';
}
.flickity-button svg{
	display: none
}

.slider:hover .flickity-button {
	opacity: 1 !important;
}

.slider:hover .flickity-button,
.slider .flickity-button {
	transform: translatey(-50%) !important;
}

.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
	fill: #fff !important
}

.slider .flickity-prev-next-button:hover svg {
	background-color: var(--primary-color2) !important;
}

.slider .flickity-button svg path {
	fill: #fff
}

.slider .flickity-button.previous {
	left: 0
}

.slider .flickity-button.next {
	right: 0
}

.section-title a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}

.title-link .section-title {
	display: inline;
}

.post-item:hover .post-title {
	color: var(--primary-color);
	transition: all .25s ease-in-out
}

.post-item a.plain {
	color: currentcolor !important;
	transition: unset !important;
}

a.button {
	line-height: 45px !important;
	padding: 0 25px;
	font-size: 16px;

}

a.button.white {
	color: var(--primary-color2) !important
}

a.button.white:hover {
	background-color: var(--primary-color) !important;
	color: #fff !important
}

.title-section .section-title {
	margin: 0
}

.title-section .section-title b {
	display: none
}

.title-section .section-title.section-title-center {
	justify-content: center
}

/* SETTING FILLER*/
.widget_price_filter .ui-slider-horizontal {
	height: 4px;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
}

.widget_price_filter .ui-slider .ui-slider-range {
	opacity: 1
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle,
.price_slider_amount button {
	background-color: var(--primary-color) !important;
}

.price_slider_amount button {
	border: none;
	border-radius: 3px !important;
	font-weight: 500;
	font-size: 16px !important;
	padding: 6px 15px !important;
	margin: 0;
	line-height: 1;
	min-height: unset;
}

.price_label {
	font-size: 0;
	padding: 0 !important;
	line-height: 1.7;
}

.price_label span {
	font-size: 16px;
	font-weight: 600;
}

.price_label span.from:after {
	content: '';
	width: 8px;
	height: 1px;
	background-color: #000;
	display: inline-block;
	margin: auto 5px;
	vertical-align: middle;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -5px !important
}

.woof_container {
	padding: 0;
	margin: 0 0 20px;
}

.woof_list li,
.woof_childs_list li {
	margin: 0 0 5px !important;
	padding: 0 !important;
}

.woof_list li:last-child {
	margin-bottom: 0 !important
}

.woof_list li .woof_checkbox_label {
	padding: 0;
	margin: 0 !important;
	display: inline-block !important;
	font-weight: 400;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.woof_list li * {
	vertical-align: middle
}

.woof_list>li {
	position: relative
}

.woof_childs_list_opener {
	position: absolute;
	right: 0;
	top: 0
}

.woof_section_scrolled::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.woof_section_scrolled::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

.woof_section_scrolled::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--primary-color);
}

.woof_childs_list_opener span.woof_is_opened,
.woof_childs_list_opener span.woof_is_closed {
	background: unset;
	font-family: "Fontawesome";
	font-weight: 900
}

.woof_childs_list_opener span.woof_is_opened:before {
	content: '\f106';

}

.woof_childs_list_opener span.woof_is_closed:before {
	content: '\f107';
}

.woof_list li .woof_checkbox_term {
	margin: 0 10px 0 0 !important;
	display: inline-block;
	width: 15px;
	height: 15px !important;
	position: relative;
	overflow: hidden;
	visibility: hidden;
	font-family: "Fontawesome";
	font-weight: 900;
}

.woof_list li .woof_checkbox_term:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	border-radius: 3px;
	visibility: visible;
	border: 1px solid #000;
	font-size: 15px;
}

.woof_list li .woof_checkbox_term[checked]:after {
	background-color: var(--primary-color);
	border: currentcolor;
}

.woof_list li .woof_checkbox_term[checked]:before {
	content: '\f00c';
	position: absolute;
	top: -2px;
	left: 2px;
	height: 100%;
	width: 100%;
	font-size: 12px;
	visibility: visible;
	color: #fff;
	z-index: 1
}

.product-thumbnails img {
	opacity: 1
}

.single_add_to_cart_button:disabled {
	cursor: not-allowed;
	;
}

.variations tr * {
	padding: 0;
	margin: 0
}

.variations .label,
.variations .value {
	display: block;
}

.variations .reset_variations {
	position: absolute;
	bottom: 0;
	opacity: 1;
	background-color: red;
	color: #fff;
	font-weight: bold;
	text-transform: none;
	padding: 5px 10px;
	border-radius: 5px;
	opacity: 0;
}

.variations .reset_variations[style*="visibility: visible;"] {
	opacity: 1;
}

/* END SETTING FILLTER */
/* TOAST */
.toast {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	background-color: transparent;
}

.toast__container {
	border-radius: 2px;
	overflow: hidden;
	padding: 2.5rem 1.25rem;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.toast__icon {
	margin-bottom: 20px
}

.action-toast__icon,
.toast__icon {
	display: flex;
	justify-content: center
}

.action-toast__icon {
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	background-color: #00bfa5
}

.toast .icon-tick-bold {
	fill: #fff;
	width: 30px;
}

/* END TOAST */
/* FILTER PRICE */
#shop-sidebar .price_slider_amount .button {
	display: block;
	width: 100%;
	float: unset !important;
	position: absolute;
	bottom: 0;
	height: 40px;
	font-weight: 700;
	border-radius: 99px !important;
	font-size: 16px !important;
	background: var(--primary-color);
}

#shop-sidebar .price_slider_amount .price_label {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex: 1
}

#shop-sidebar .price_slider_amount .price_label span {
	flex: 1
}

#shop-sidebar .price_slider_amount .price_label span.from {
	text-align: left;
	position: relative
}

#shop-sidebar .price_slider_amount .price_label span.to {
	text-align: right;
}

#shop-sidebar .price_slider_amount .price_label span.from:after {
	position: absolute;
	top: 50%;
	right: -10px
}

#shop-sidebar .price_slider_wrapper {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 40px;
	position: relative
}

#shop-sidebar .price_slider {
	margin: 25px 0 30px !important
}

#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
	height: 24px !important;
	width: 24px !important;
	top: -8px !important;
	background: #fff !important;
	border: solid 6px var(--primary-color) !important;
	margin-left: -5px !important
}

#shop-sidebar .widget_price_filter .ui-slider-horizontal {
	width: calc(100% - 25px);
	margin-left: 5px !important
}

#shop-sidebar .widget_price_filter,
#shop-sidebar .woof_container {
	margin-bottom: 30px
}

#shop-sidebar .widget_price_filter .ui-slider-horizontal {
	height: 6px
}

#shop-sidebar .price_label span.from:after {
	content: '';
	width: 10px;
	height: 2px;
	background-color: #000;
	display: inline-block;
	margin: auto 5px;
	vertical-align: middle
}

/* END FILTER PRICE */
/* SETTING FILTER MOBILE */
.category-filtering {
	display: none !important;
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 99
}

.category-filtering a {
	padding: 10px;
	background-color: var(--primary-color);
}

.category-filtering a i:before {
	content: '\f0b0';
	font-family: "Fontawesome";
	font-weight: 900;
}

/* END SETTING FILTER MOBILE */
@media (max-width: 549px) {
	.off-canvas-cart {
		width: calc(100vw - 50px) !important;
		background: #fff;
	}

	.off-canvas-cart .inner-padding {
		padding: 20px 15px;
	}
}

.custom-breadcrumb {
	background-color: var(--primary-color2);
}

.custom-breadcrumb .page-title-inner {
	padding-top: 0;
	min-height: 50px;

}

.custom-breadcrumb .page-title-inner .breadcrumbs {
	text-transform: none;
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

.custom-breadcrumb .page-title-inner .breadcrumbs * {
	color: #fff !important;
	opacity: 1;
}

.custom-breadcrumb .page-title-inner .breadcrumbs a:hover {
	color: var(--primary-color) !important;
}

/* END SETTING */
/* TRANG TÀI KHOẢN */

.account-container h3 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 25px;
	color: var(--primary-color)
}

.account-container form label {
	font-size: 14px;
	font-weight: 500
}

.account-container form input.input-text {
	height: 40px !important
}

.account-container>.row>.col {
	border: none !important
}

.lost-remember {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.woocommerce-form-login__submit.button[type="submit"],
.woocommerce-form-register__submit.button[type="submit"] {
	width: 100%;
	font-size: 16px;
	line-height: 40px !important;
	margin: 0 !important
}

.block-account-bottom {
	margin-top: 10px;
	text-align: center;
}

.block-account-bottom a {
	color: var(--primary-color) !important;
	font-weight: 600;
}

.page-register .login-form,
.page-login .register-form,
.my-account-header,
.woocommerce-account .custom-breadcrumb {
	display: none !important
}

.register-form {
	padding-top: 30px !important;
}

#my-account-nav {
	margin-top: 30px;
}

#my-account-nav li {
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	border-top: 0;
}

#my-account-nav li a {
	font-size: inherit;
	text-transform: none;
	font-weight: 500;
	color: #212529;
	padding: 0 !important;
}

#my-account-nav li.active a {
	color: var(--primary-color);
}

.my-account .woocommerce-MyAccount-content .woocommerce-orders-table th,
.my-account .woocommerce-MyAccount-content .woocommerce-orders-table td,
.edit-account label {
	font-size: inherit;
	line-height: inherit;
}

.my-account .woocommerce-MyAccount-content .woocommerce-orders-table .button.view {
	font-weight: 500;
	border-radius: 3px;
	text-transform: none;
	padding: 3px 20px;
}

.edit-account label {
	margin-bottom: 10px;
	font-weight: 600
}

.edit-account input,
.my-account .woocommerce-address-fields input {
	height: 40px !important;
	border-radius: 3px;
	margin: 0 !important
}

.edit-account p,
.my-account .woocommerce-address-fields .woocommerce-address-fields__field-wrapper>p {
	margin-bottom: 15px !important
}

#billing_last_name_field {
	width: 100%;
}

.edit-account fieldset {
	margin-top: 30px;
}

.edit-account fieldset legend {
	display: block;
	margin: 0 !important;
	font-size: 16px;
	border: none;
	padding-bottom: 15px;
}


/* END TRANG TÀI KHOẢN */

/* TRANG CHECKOUT */
.page-checkout>.woocommerce {
	padding: 30px;
	background-color: #fff;
}

.page-checkout>.woocommerce .shop_table th,
.page-checkout>.woocommerce .shop_table td,
.page-checkout>.woocommerce .cart-sidebar th,
.page-checkout>.woocommerce .cart-sidebar td {
	font-size: 14px;
}

a.button.wc-backward {
	height: 40px !important;
	line-height: 40px !important;
}

.woocommerce-mini-cart__empty-message,
.wc-empty-cart-message {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 !important
}

.wc-empty-cart-message .woocommerce-info .message-container {
	font-size: 16px;
}

.woocommerce-mini-cart__empty-message:after,
.wc-empty-cart-message:after {
	content: '';
	background-image: url('/wp-content/uploads/2024/02/empty-cart.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 250px;
	height: 250px;
	display: block;
}

/* END TRANG CHECKOUT */

/* HEADER */
#masthead .header-inner .flex-right {
	width: 100%
}

#masthead .header-nav-main #header-contact a {
	color: #1c1c1c
}

#masthead .header-nav-main a {
	font-size: 14px
}

#masthead .header-nav-main #header-contact a:hover {
	color: var(--primary-color);
}

#masthead li {
	margin: 0 15px;
}
.mega-menu .section-content{
	padding: 15px !important;
}
.mega-menu .col > .col-inner{
	padding: 10px 35px !important;
	border-left: solid 1px rgba(0, 0, 0, 0.2);
}
.mega-menu .col:first-child > .col-inner{
	border-left: 0
}
.mega-menu .col > .col-inner .icon-box{
	display: flex;
	align-items: center;
	padding: 8px 0;
}
.sub-menu{
	border: none !important;
}
.ux-search-box input {
	height: 45px !important;
	border-radius: 99px;
	font-size: 16px;
}

.ux-search-box .flex-col:nth-child(2) {
	position: absolute;
	right: 10px;
}

.ux-search-box .flex-col .ux-search-submit {
	background-color: transparent !important;
	border: none
}

.ux-search-box .flex-col .ux-search-submit i {
	color: var(--primary-color);
	font-size: 18px;
}

.header-nav li a {
	padding-top: 0;
	padding-bottom: 0
}

.header-bottom .header-nav .menu-item {
	margin: 0 20px;
}

.header-bottom .header-nav .menu-item a {
	font-size: 18px;
	font-weight: bold;
	position: relative;
}

.header-bottom .header-nav .menu-item a:before{
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 0;
	height: 2px;
	transition: width .25s linear;
	background: currentcolor;
}
.header-bottom .header-nav .menu-item > a:hover:before,
.header-bottom .header-nav .menu-item.current-menu-item a:before{
	width: 100%;
}
.nav:hover>li:not(:hover)>a:before{
	opacity: 1 !important;
	width: 0 !important;
}
/* END HEADER */
/* FOOTER */
footer .info-company ul,
.footer-secondary ul {
	margin: 0;
	list-style-type: none
}

footer .info-company ul li {
	margin: 0 0 5px;
}

footer .info-company ul li a {
	color: currentcolor;
}

footer .info-company ul li a:hover,
.absolute-footer .footer-primary a:hover {
	color: var(--primary-color2)
}

footer .info-company ul li i {
	margin-right: 15px;
	width: 16px;
}

.follow-icons {
	display: flex;
	justify-content: start;
	align-items: center;
	column-gap: 10px;
}

.follow-icons a.primary {
	border-radius: 50% !important;
	width: 35px;
	min-width: unset;
	height: 35px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none
}

.follow-icons a.primary i {
	top: 0
}

.absolute-footer {
	padding: 0
}

.absolute-footer .container {
	border-top: solid 1px rgba(255, 255, 255, 0.10);
	padding-top: 15px;
	padding-bottom: 15px;
}

.absolute-footer .footer-primary {
	color: #fff;
}

.footer-secondary,
.footer-secondary ul {
	padding: 0
}

.footer-secondary ul li {
	margin: 0;
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	padding-right: 10px;
	line-height: 1
}

.footer-secondary ul li:last-child {
	border: none;
}

.footer-secondary ul {
	display: flex;
	column-gap: 10px;
	border: none;
	opacity: 1
}

/* END FOOTER */
/* SECTION BANNER */
.section-banner .content-banner h2 {
	font-family: "Gluten";
	font-size: 75px;
	margin-bottom: 15px;
	line-height: 1
}

.section-banner .content-banner h3 {
	font-size: 28px;
	font-weight: 700;
}

.section-banner .content-banner p {
	font-size: 18px;
	font-weight: 600
}
.section-banner a.button{
	padding: 3px 55px;
	font-size: 18px;
}
.section-banner a.button:hover{
	background-color: #e59204 !important;
}
.cat-animation{
	max-width: 450px;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translatex(40%);
	z-index: 2;
}
@media (min-width: 849.1px){
	.section-banner .collum-right{
		top: 30px;
	}
	.cat-animation{
		bottom: -30px;
	}
}

/* END SECTION BANNER */

/* SECTION SẢN PHẨM MỚI */
.section-sanpham .product-small.box {
	display: flex;

}

.section-sanpham .product-small.box>div {
	padding: 0 50px;
	width: 50%;
}

.section-sanpham .product-small.box .box-text-products {}

.section-sanpham .product-small.box .box-image a {
	border: solid 10px rgba(0, 0, 0, 0.05);
	padding: 40px;
	text-align: center;
}

.section-sanpham .product-small .title-wrapper .product-title a {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 900;
	margin: 0
}

.section-sanpham .product-small .title-wrapper .product-title {
	margin: 0 0 30px !important;
}

.section-sanpham .product-small .price span {
	font-size: 38px;
	font-weight: 900
}

.custom-product-content {
	display: none;
	margin-bottom: 30px;
}

.section-sanpham .custom-product-content,
.section-product-new .custom-product-content{
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section-product-new .product-small.box a{
	padding: 20px
}
.section-product-new .custom-product-content{
	margin-bottom: 0
}
.section-product-new .slick-slide.slick-active:not(.slick-current) .product-small.box{
	transform: scale(0.8);
}
.section-product-new .slick-slide.slick-active.slick-current .product-small.box{
	transform: scale(1.1);
}
.section-sanpham .product-small.box .box-text-products {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.section-sanpham .slider .flickity-page-dots {
	display: flex;
	left: unset;
	left: calc(50% + 150px + 7.5px);
	transform: translatex(-50%);
}

.slider .flickity-page-dots .dot {
	width: 30px;
	height: 3px;
	opacity: 1;
	border-radius: 0;
	background-color: #cccccc;
	margin: 0 7.5px;
}

.slider .flickity-page-dots .dot.is-selected {
	background-color: var(--primary-color);
}

.title-section .section-title span {
	font-size: 36px;
	font-weight: 900;
	color: var(--primary-color);
}

.label_new {
	margin-top: 0 !important;
	font-size: 22px;
	color: var(--primary-color2);
	font-weight: 600
}

/* END SECTION SẢN PHẨM MỚI */

/* SECTION CATEGORY */
.product-categories .product-category .block-image img {
	padding: 15px;
}

.product-categories .product-category .block-image {
	transition: transform 0.5s linear, margin 0.05s ease;
}

.product-categories .product-category .block-image {
	transform: scale(0.45);
}

.product-categories .slick-active .product-category .block-image {
	transform: scale(0.7);
}

.product-categories .slick-active.slick-center .product-category .block-image {
	transform: scale(1.05);
}

.product-categories-content .caretgory-content{
	text-align: center;
	width: 350px;
	margin: auto
}
.product-slider-for .box-text{
	max-width: 900px;
	text-align: center;
	margin: auto
}

.product-categories-content .caretgory-content h3,
.section-product-new .product-slider-for .product-title a{
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 900
}
.section-product-new .product-slider-for .box-text-products{
	padding: 30px 0 0 !important;
}
.section-product-new{
	padding-bottom: 80px !important;
}
.slick-arrow {
	margin: 0 !important;
	padding: 0;
	min-height: unset;
	width: 50px;
	height: 30px;
	border-radius: 5px;
	background: var(--primary-color);
	color: #fff;
	position: absolute;
	border: none
}

.product-categories .slick-arrow,
.product-slider-nav .slick-arrow{
	bottom: -200px;
	left: 50%;
	transform: translatex(-50%);
}

.slick-arrow:hover {
	background: var(--primary-color2);
}

.product-categories .slick-arrow.slick-next,
.product-slider-nav .slick-arrow.slick-next{
	left: calc(50% + 35px);
}

.product-categories .slick-arrow.slick-prev,
.product-slider-nav .slick-arrow.slick-prev{
	left: calc(50% - 35px);
}

/* END SECTION CATEGORY */
/* TIN TỨC */
.blog-wrapper {
	padding: 0
}

.blog-wrapper>.row {
	margin-top: 30px
}

.post-item .post-title,
.post-item .from_the_blog_excerpt,
.product-small.box .box-text-products .product-title a,
.post-sidebar aside .recent-blog-posts a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.post-item p.from_the_blog_excerpt {
	display: none !important;
}

.post-item .post-title {
	text-transform: uppercase;
	font-size: 16px;
	-webkit-line-clamp: 1;
	margin-bottom: 10px;
}

.post-item .post-meta {
	font-size: 14px;
	margin-bottom: 8px;
}

.post-item .post-meta:before {
	content: '\f073';
	font-family: fontawesome;
	margin-right: 5px;
}

.post-item .from_the_blog_excerpt {
	font-size: 16px;
	-webkit-line-clamp: 3;
}

.post-item button {
	border: none !important;
	margin: 0 !important;
	color: #333333;
	text-transform: capitalize;
	font-size: 14px !important;
	padding: 0 25px 0 0;
	background-color: transparent !important
}

.post-item button:before {
	content: '\f178';
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	right: 0;
	top: 3px;
	position: absolute
}

.post-item button:hover {
	color: var(--primary-color) !important;
}

.post-sidebar aside .is-divider,
.post-sidebar .post_comments {
	display: none
}

.post-sidebar aside .widget-title {
	display: block;
	padding: 10px 15px;
	background: var(--primary-color);
	color: #fff;
	margin-bottom: 10px;
}

.post-sidebar aside a {
	font-weight: 600;
	font-size: 15px;
	-webkit-line-clamp: 2;
}

.post-sidebar aside .recent-blog-posts .badge {
	width: 65px;
	height: 45px;
}

.post-sidebar aside span.amount {
	font-size: 14px;
}

.blog-single .entry-header .entry-header-text .entry-divider {
	margin: 15px 0;
	width: 45px;
	max-width: 100%;
	height: 1px;
	opacity: 1;
	background: var(--primary-color);
}

.blog-single .entry-header .entry-header-text {
	padding: 0
}

.blog-single .entry-header .entry-header-text .entry-title {
	font-size: 24px;
	text-transform: uppercase;
	color: var(--primary-color);
}

.blog-single .entry-header .single-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: dotted 1px rgba(0, 0, 0, 0.2);
}

.blog-single .entry-header .single-meta .time-post {
	display: flex;
	align-items: center;
	color: #666666;
	font-size: 14px;
}

.blog-single .entry-header .single-meta .time-post i {
	margin-right: 8px;
}

.blog-single .entry-header .single-meta .post-share {
	display: flex;
	align-items: center;
}

.blog-single .entry-header .single-meta .post-share .share-icons {
	margin-left: 8px;
}

.blog-single .entry-header .single-meta .post-share .share-icons a {
	min-width: unset;
	line-height: unset !important;
	width: 30px;
	height: 30px !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px !important;
}

.blog-single .entry-header .single-meta .post-share .share-icons a i {
	top: 0;
	font-size: 14px;
}

.kk-star-ratings {
	display: flex;
	align-items: center
}

.kk-star-ratings .kksr-legend {
	font-size: 16px !important;
}

.kk-star-ratings .kksr-muted {
	opacity: 1
}

/* END TIN TỨC */

/* SECTION ABOUT */
.section-about .row {
	position: relative
}

.section-about .content h3 {
	font-size: 18px;
	font-weight: bold;
	color: var(--primary-color);
}

.section-about .content h2,
.section-form h2 {
	font-size: 40px;
	font-weight: 900
}

.section-about .col-img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	flex-basis: 550px;
	max-width: 550px;
}

.section-about .col-img .col-inner {
	background: #f6f6f6;
	padding: 20px;
}

.section-form h2 {
	margin-bottom: 0;
}

/* END SECTION ABOUT */
/* SECTION FORM */
.section-form .wpcf7 {
	max-width: 350px;
	margin: 30px auto 0;
}

.section-form .wpcf7 input.wpcf7-text {
	height: 50px !important;
	border-radius: 5px;
	border: 1px solid var(--primary-color2);
}

.section-form .wpcf7 .wpcf7-submit {
	font-size: 0;
	background-color: transparent;
	border: none;
	padding: 0 !important;
	height: 50px !important;
	width: 50px;
}

.section-form .wpcf7 .icon-sent {
	display: inline-flex;
	position: absolute;
	top: 0;
	right: 0;

}

.section-form .wpcf7 .icon-sent p {
	position: relative;
}

.section-form .wpcf7 .icon-sent p:before {
	content: '\f1d8';
	color: var(--primary-color);
	font-family: fontawesome;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
}

/* SECTION FORM */

/* PAGE CONTACT */
.page-contact h3.section-title {
	font-size: 22px;
	color: var(--primary-color2);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.page-contact h3.section-title:before {
	content: '';
	width: 50px;
	height: 1px;
	background-color: currentcolor;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-contact .content-contact ul {
	list-style: none;
}

.page-contact .content-contact ul li {
	margin: 0 0 10px;
}

.page-contact .content-contact ul li i {
	width: 16px;
	margin-right: 10px;
}

.icon-map-pin-fill:before {
	content: '\f3c5';
	font-family: fontawesome;
}

.page-contact .wpcf7 input.wpcf7-text,
.page-contact .wpcf7 input.wpcf7-quiz,
.page-contact .wpcf7 .wpcf7-submit {
	height: 40px !important;
}

.page-contact .wpcf7 textarea {
	height: 120px !important;
	padding: 10px 15px !important;
}

.page-contact .wpcf7 input.wpcf7-text,
.page-contact .wpcf7 textarea {
	padding: 10px 15px;
}

.page-contact .wpcf7 .wpcf7-submit {
	padding: 0 25px !important;
	border-radius: 3px;
}

.page-contact .wpcf7 .wpcf7-submit:hover,
a.button.primary:hover {
	background-color: var(--primary-color2) !important
}

/* END PAGE CONTACT */

/* ARCHIVE PRODUCTS */
.category-page-row {
	margin-top: 0 !important;
}

.sidebar-shop .shop-sidebar {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px;
	display: block
}

.sidebar-shop h4 {
	background-color: var(--primary-color);
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 15px;
}

.category-page-row .shop-container .row {
	max-width: 1200px;
	margin-left: -15px;
	margin-right: -15px;
}

.category-page-row .shop-container .row .col {
	padding: 0 15px 30px !important
}
.products .product-small.box,
.related .product-small.box{
	box-shadow: 0 0 4px #b5b5b5;
	border-radius: 5px;
	overflow: hidden
}
.products .product-small.box .box-image,
.related .product-small.box .box-image {
	background: #f5f5f5;
}

.products .product-small.box .box-image a,
.related .product-small.box .box-image a {
	text-align: center;
}

.products .product-small.box .box-text-products,
.related .product-small.box .box-text-products {
	padding: 12px 15px 20px;
}

.products .product-small.box .box-text-products .product-title a,
.related .product-small.box .box-text-products .product-title a {
	margin: 0;
	font-size: 18px;
	text-transform: capitalize;
	height: 47px;
	-webkit-line-clamp: 2;
	font-weight: 600
}

.products .product-small.box .box-text-products .price-wrapper span.amount,
.related .product-small.box .box-text-products .price-wrapper span.amount {
	font-size: 16px;
}

/* END ARCHIVE PRODUCTS */

/* SINGLE PRODUCT */
.section-single .product_title {
	color: var(--primary-color);
	text-transform: uppercase;
	font-size: 30px;
	border-bottom: dotted 1px rgba(0, 0, 0, 0.15);
	padding-bottom: 8px;
}

.product-thumbnails img {
	margin-bottom: 0;
	transform: unset !important
}

.product-thumbnails a {
	border: 1px solid var(--primary-color);
}

.woocommerce-product-gallery .image-tools {
	display: none !important
}

.col-info-single h3 {
	background-color: var(--primary-color);
	color: #fff;
	font-size: 16px;
	padding: 10px 25px;
	max-width: max-content;
	margin-bottom: 15px;
}

.col-info-single span.amount {
	font-size: 18px;
}

.col-info-single .add-to-cart-container .quantity * {
	height: 40px !important;
}

.woocommerce-tabs .wc-tabs li a {
	padding: 0;
}

.woocommerce-tabs .wc-tabs li a:before {
	content: none;
}

.woocommerce-tabs .wc-tabs li a {
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 700;
	padding: 6px 14px;
	background: #e8eaee;
}

.woocommerce-Tabs-panel--description table {
	border-collapse: collapse;
}

.woocommerce-Tabs-panel--description table,
.woocommerce-Tabs-panel--description table td {
	border: 1px solid #d1d1d1;
}

.woocommerce-Tabs-panel--description table td {
	padding: 10px;
	font-size: 16px;
}
#popup_contact h2{
	font-size: 26px;
	color: var(--primary-color);
	text-transform: uppercase;
	text-align: center;
}
#popup_contact .wpcf7-form input{
	height: 40px !important;
}
#popup_contact .wpcf7-form textarea{
	height: 120px !important;
}
#popup_contact .wpcf7-form input,
#popup_contact .wpcf7-form textarea{
	padding: 8px 16px !important;
}
/* END SINGLE PRODUCT */
/* CSS TABLE & MOBILE */
@media (max-width: 849px) {

	.off-canvas-left .mfp-content,
	.off-canvas-right .mfp-content {
		background-color: #fff !important;
	}

	.archive-shop .category-filtering {
		display: block !important;
		color: #fff;
	}

	.custom-breadcrumb .page-title-inner {
		display: flex;
		justify-content: center;
	}

	.custom-breadcrumb .page-title-inner .flex-col {
		text-align: left !important;
	}

	.section-sanpham .product-small.box {
		display: block;
	}

	.section-banner .collum-right {
		margin-top: 40px;
	}

	.section-sanpham .product-small.box>div {
		width: 100%;
		padding: 0;
	}

	.section-sanpham .product-small.box .box-text-products {
		margin-top: 30px;
	}

	.section-about .col-img {
		position: static;
		right: 0;
		top: unset;
		transform: unset;
		flex-basis: 100%;
		max-width: 100%;
	}

	.section-about .is-border {
		display: none;
	}

	.collum-reverse {
		flex-direction: column-reverse;
	}
}

/* CSS TABLET */
@media (min-width: 549.1px) and (max-width: 849px) {}

/* CSS MOBILE */
@media (max-width: 549px) {
	.cat-animation{
		max-width: 300px;
	}
	.product-categories-content .caretgory-content h3, .section-product-new .product-slider-for .product-title a{
		font-size: 20px;
	}

	/*  CSS GLOWBAL */
	.off-canvas-left .mfp-content {
		width: calc(100vw - 65px);
	}

	/* END CSS GLOWBAL */
	#logo {
		width: 135px !important;
	}

	.section-banner .content-banner h2 {
		font-size: 55px;
	}

	.section-banner .content-banner h3,
	.blog-single .entry-header .entry-header-text .entry-title,
	.section-single .product_title {
		font-size: 22px;
	}

	.section-banner .content-banner p,
	.section-sanpham .custom-product-content {
		font-size: 16px;
	}



	#cat_animation {
		transform: translatex(12%);
	}

	.section-sanpham .product-small.box>div,
	.section-about .col-img .col-inner {
		width: 100%;
		padding: 0;
	}

	.section-sanpham .product-small.box .box-image a {
		padding: 15px;
	}

	.label_new, .title-section .section-title span,
	.section-about .content h2, .section-form h2 {
		font-size: 26px;
	}

	.section-sanpham .product-small .title-wrapper .product-title {
		margin: 0 0 15px !important;
	}

	.section-sanpham .product-small .title-wrapper .product-title a,
	.section-sanpham .product-small .price span {
		font-size: 18px;
	}

	.mobile-nobtn .flickity-button {
		display: none !important;
	}

	.footer-secondary {
		margin-bottom: 20px;
	}

	.footer-secondary ul li {
		text-align: left;
	}
	.product-categories .product-category .block-image img {
		padding: 0 25%;
	}
	#popup_contact h2{
    font-size: 20px;
}
}
.row.row-small.slick-slider .col{
	padding: 0 10px 0 !important;
}
.product-slider-for .slick-arrow{
	position: absolute;
	bottom: -50px;
	transform: translatex(-50%);
}
.product-slider-for .slick-arrow.slick-prev{
	left: calc(50% - 50px);
}
.product-slider-for .slick-arrow.slick-next{
	left: calc(50% + 50px);
}