@charset "UTF-8";
/*
Theme Name: Mỹ phẩm 3
Description: This is a child theme for Flatsome Theme
Theme URI: https://muatheme.com/san-pham/theme-wordpress-thuc-pham-chuc-nang-tuyet-dep-mau-2/
Author: MuaTheme.com
Author URI: https://muatheme.com
Template: flatsome
Version: 1.0.0
*/
body {
	font-family: 'Quicksand', sans-serif;
	color: #353535;
}

.nav > li > a {
	font-family: 'Quicksand', sans-serif;
}

.nav > li > a {
	font-weight: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: 'Quicksand', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: #0a0a0a;
}

.alt-font {
	font-family: 'Quicksand', sans-serif;
}

.alt-font {
	font-weight: 0 !important;
}

.devvn-popup-title,
.devvn-order-btn {
	background: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
}

.devvn_buy_now.devvn_buy_now_style {
	max-width: 100%;
	width: 100%;
	margin-bottom: 0px;
}

.mobile-nav.nav-left .header-button a.icon.circle {
	background-color: var(--primary-color) !important;
}

.dang_ky_nhan_tin_home {
	border-bottom: 2px solid #32c24d;
}

.nav-dropdown-simple {
	border-color: #32c24d !important;
	padding: 0px;
}

.widget_shopping_cart {
	padding: 0px !important;
}

.nav-dropdown-simple .widget_shopping_cart_content {
	padding: 3px;
}

.nav-dropdown-simple .product_list_widget {
	width: 100%;
	padding: 3px;
}

/*
  #mega-menu-wrap{
  z-index:9999999999999999 !important;
  }
  #header.header .header-main {
  z-index:99 !important;
  }
  #header.header #mega_menu.active{
  position:fixed ;
  top:0px;
  left:0px;
  height:100%;
  width:250px;
  z-index:99999999999999999999999!important;
  display:block;
  }
  #mega_menu > li {

      z-index: 999999999!important;
  }
  */
#mega-menu-title {
	background-color: #3dade1 !important;
}

.c-commit .col .icon-box .icon-box-img {
	padding: 1px;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	background: -webkit-linear-gradient(top, #9ebe2f, transparent);
	background: -moz-linear-gradient(top, #9ebe2f, transparent);
	background: -ms-linear-gradient(top, #9ebe2f, transparent);
	background: -o-linear-gradient(top, #9ebe2f, transparent);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.c-commit .col .icon-box .icon-box-img .icon {
	background: #f4f5f6;
	height: 78px;
	line-height: 78px;
	text-align: center;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.c-commit .col .icon-box .icon-box-img .icon img {
	width: 48px !important;
	margin-top: -4px;
}

.c-box.top_product .row.large-columns-1 {
	height: 580px;
	overflow-y: auto;
}

.nav-dropdown-simple .product_list_widget::-webkit-scrollbar-track,
.mfp-content::-webkit-scrollbar-track,
.c-box.top_product .row.large-columns-1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	background-color: #f4f5f6;
}

.nav-dropdown-simple .product_list_widget::-webkit-scrollbar,
.mfp-content::-webkit-scrollbar,
.c-box.top_product .row.large-columns-1::-webkit-scrollbar {
	width: 6px;
	background-color: #f4f5f6;
}

.nav-dropdown-simple .product_list_widget::-webkit-scrollbar-thumb,
.mfp-content::-webkit-scrollbar-thumb,
.c-box.top_product .row.large-columns-1::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	background-color: #32c24d !important;
}

#masthead.header-main .flex-col.hide-for-medium.flex-left {
	width: 60% !important;
	flex-basis: 60% !important;
	max-width: 60% !important;
	padding: 0px;
}

#masthead.header-main .flex-col.hide-for-medium.flex-right {
	width: 40% !important;
	flex-basis: 40% !important;
	max-width: 40% !important;
	padding: 0px;
}

#main-menu.mobile-sidebar {
	background: #fff;
	background: url(/wp-content/uploads/2018/07/sidebar-bg.jpg) no-repeat top center;
	background-size: cover;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	height: 100%;
}

.product-main .cart button.button {
	background-color: #32c24d;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 18px;
	border: none;
	border-radius: none;
	-moz-border-radius: 20px 0 20px 0;
	-webkit-border-radius: 20px 0 20px 0;
	border-radius: 20px 0 20px 0;
}

.product-main .cart .quantity .minus.button {
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.product-main .cart .quantity .plus.button {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.product-main .price-wrapper .price > .amount,
.product-main .price-wrapper .price-on-sale ins .amount {
	color: #e12519;
	font-size: 24px;
}

.product-main .price-wrapper .price-on-sale del {
	color: #999;
	font-size: 18px !important;
}

.col .product-small .price-wrapper .price > .amount,
.col .product-small .price-wrapper ins .amount {
	color: #e12519;
}

.col .product-small .price-wrapper del .amount {
	color: #999;
	font-size: 90% !important;
}

.product-main .product-info .product-title {
	color: #3bace1;
	font-size: 20px !important;
}

.chatbuttons {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 6px;
}

.chatbuttons a {
	width: auto;
	padding: 0px;
	margin: 0%;
	display: inline-block;
}

.chatbuttons a img {
	width: 155px;
	padding: 0px;
	margin: 0px;
}

.col .badge-container {
	margin-top: 7px !important;
	font-size: 13px;
}

.product-main .product-images .badge-container {
	margin-top: 0px !important;
	width: 80px !important;
	height: 80px;
	padding: 0px !important;
	background-color: #44b0e2;
	border-radius: 50%;
}

.product-main .product-images .badge-container .badge .badge-inner {
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	margin: 0px;
	background-color: #44b0e2;
	padding: 4px;
}

.product-main .product-images .badge-container .badge .badge-inner .onsale {
	display: block;
	border: 2px dashed #ffffff;
	height: 74px !important;
	line-height: 74px !important;
	width: 74px !important;
	border-radius: 50% !important;
	vertical-align: middle;
	font-size: 22px;
}

.large-columns-3.slider .badge-container,
.large-columns-1 .badge-container,
.yith-wcbr-brand-filters-wrapper .yith-wcbr-brand-filters {
	display: none;
}

.devvn-popup-title,
.devvn-order-btn {
	background: var(--primary-color) !important;
}

.c-detail-desc {
	padding: 5px;
	border: 1px dashed #32c24d;
	border-radius: 3px;
}

.c-detail-desc p {
	font-size: 13px;
	margin-bottom: 5px;
}

.c-detail-desc__icon {
	padding-left: 20px;
	position: relative;
	z-index: 1;
	display: block;
}

.c-detail-desc__icon:before {
	content: '\f046';
	font-family: FontAwesome;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	color: #32c24d;
}

.c-detail-content {
	padding: 10px 0px 10px 0px;
}

.c-detail-row {
	margin-bottom: 10px;
}

.c-detail-row:last-child {
	margin-bottom: 0;
}

.c-detail-row__support {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

.c-detail-row__support li {
	float: left;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-right: 15px;
	margin-bottom: 5px;
	display: inline;
}

.c-detail-row__support li a {
	text-decoration: none;
	color: #333;
	font-size: 13px;
}

.c-detail-row__support li a i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 32px;
	height: 32px;
	background: #32c24d;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 16px;
}

.c-detail-row__support li a:hover {
	color: #32c24d;
}

.c-footer-email {
	margin-bottom: 15px;
}

.home_contact_form {
	padding: 0px;
	margin: 0px;
	background: #fff;
	-moz-border-radius: 18px 0 18px 0;
	-webkit-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	width: 100%;
}

.home_contact_form .flex-col {
	padding: 0px !important;
	margin: 0px;
}

.home_contact_form .flex-col input.wpcf7-text {
	border: none;
	background-color: transparent;
	height: 40px;
	padding: 6px 0 6px 10px;
}

.home_contact_form .flex-col input.wpcf7-text::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #0a0a0a;
	opacity: 1;
	/* Firefox */
}

.home_contact_form .flex-col input.wpcf7-text:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #0a0a0a;
}

.home_contact_form .flex-col input.wpcf7-text::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #0a0a0a;
}

.home_contact_form .flex-col input.wpcf7-text:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.home_contact_form .flex-col input.wpcf7-submit {
	border: none;
	background-color: #32c24d;
	height: 40px;
	padding: 0;
	width: 90px !important;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-moz-border-radius: 18px 0 18px 0;
	-webkit-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	margin: 0px;
}

.home_contact_form .flex-col input.wpcf7-submit:hover {
	background-color: #9ac53f;
}

.add_to_cart_button::before,
.single_add_to_cart_button::before {
	content: '\f07a';
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 8px;
}

.product_type_variable.add_to_cart_button::before {
	content: '\f013';
}

.buttons_added .add_to_cart_button::before {
	content: '';
}

.product-main .cart {
	margin-bottom: 6px !important;
	padding-bottom: 0px !important;
}

.slider .flickity-prev-next-button {
	position: absolute;
	z-index: 5;
	background: #32c24d;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	line-height: 40px;
	text-align: center;
	color: #33c24e;
	font-size: 20px;
	color: #fff;
	-moz-border-radius: 18px 0 18px 0;
	-webkit-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	opacity: 0.5;
}

.slider .flickity-prev-next-button.previous {
	-moz-border-radius: 0 18px 0 18px;
	-webkit-border-radius: 0 18px 0 18px;
	border-radius: 0 18px 0 18px;
}

.c-home-banner-slider .slider .flickity-prev-next-button {
	top: 100% !important;
	bottom: -40px !important;
}

.c-home-banner-slider .slider .flickity-prev-next-button.previous {
	left: 41% !important;
}

.c-home-banner-slider .slider .flickity-prev-next-button.next {
	right: 41% !important;
}

.c-home-banner-slider .icon-box-text .img .img-inner {
	background: #fff;
	overflow: hidden;
	-moz-border-radius: 32px 0 32px 0;
	-webkit-border-radius: 32px 0 32px 0;
	border-radius: 32px 0 32px 0;
}

.header-bottom > .flex-row > .flex-left {
	width: calc(25% - 30px) !important;
	flex-basis: calc(25% - 30px) !important;
	max-width: calc(25% - 30px) !important;
}

.header-bottom-nav #mega-menu-wrap #mega_menu {
	display: none;
}

.header-nav-main .header-search-form-wrapper {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	margin-top: 0px;
	border: 2px solid #32c24d;
	position: relative;
	z-index: 3;
	right: 0px;
	top: -7px;
	background: #fff;
	width: 100%;
	-moz-border-radius: 18px 0 18px 0;
	-webkit-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	padding: 0px !important;
}

.stuck .header-nav-main .header-search-form-wrapper {
	top: 0px;
}

.header-nav-main .header-search-form-wrapper input.search-field {
	border: none !important;
	background: none !important;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.header-nav-main .header-search-form-wrapper input.search-field:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.header-nav-main .header-search-form-wrapper .button.submit-button {
	border: none !important;
	background: none !important;
	background-color: transparent;
}

.header-nav-main .header-search-form-wrapper .button.submit-button {
	padding: 0;
	text-align: center;
	border: none;
	width: 60px;
	height: 36px;
	-moz-border-radius: 14px 0 14px 0 !important;
	-webkit-border-radius: 14px 0 14px 0 !important;
	border-radius: 14px 0 14px 0 !important;
	background-color: #32c24d !important;
	line-height: 36px;
}

.header-nav-main .header-search-form-wrapper .button.submit-button {
	outline: 0;
}

.js-dropdown-menu-hover i.xoxuong {
	color: #32c24d;
}

.c-dropdown-menu {
	padding: 5px 10px 10px 5px;
	background: #fff;
	position: absolute;
	top: 60px;
	left: 0;
	border-top: 1px solid #32c24d;
	min-width: 240px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	margin-top: -7px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #32c24d;
}

.c-dropdown-menu:before {
	content: '';
	border: transparent;
	border-bottom-color: #32c24d;
	border-style: solid;
	border-width: 0 5px 7px;
	position: absolute;
	left: 12px;
	top: -7px;
	height: 0;
	width: 0;
	z-index: 2;
}

.c-dropdown-menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.c-dropdown-menu > ul > li {
	position: relative;
	z-index: 1;
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
}

.c-dropdown-menu > ul > li:before {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 7px;
	font-size: 14px;
	color: #32c24d;
}

.c-dropdown-menu > ul > li > a {
	display: block;
	text-decoration: none;
	color: #333;
	text-align: left;
	padding: 7px 0 7px 10px;
}

.c-dropdown-menu > ul > li > a:hover {
	color: #32c24d;
}

.active .c-dropdown-menu,
.is-active .c-dropdown-menu {
	z-index: 2;
	visibility: visible;
	opacity: 1;
	-ms-transform: translate3d(0, 7px, 0);
	-webkit-transform: translate3d(0, 7px, 0);
	-moz-transform: translate3d(0, 7px, 0);
	-o-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}

.c-box .icon {
	background: #fff;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
	margin-top: 37px;
	min-height: 40px;
}

.c-box .icon .icon-inner {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: -37px;
	width: 104px;
	height: 74px;
	margin-left: -52px;
	line-height: 74px;
	text-align: center;
	background: url(images/c-box-arc.png) no-repeat bottom center;
}

.c-box .icon .icon-inner img {
	width: 30px !important;
}

.c-clients .testimonial-box {
	border: 1px solid #fff;
	padding: 15px 15px 25px;
	-moz-border-radius: 25px 0 25px 0;
	-webkit-border-radius: 25px 0 25px 0;
	border-radius: 25px 0 25px 0;
}

.c-clients .testimonial-box .testimonial-image {
	width: 48px;
	height: 48px;
	overflow: hidden;
	background: #fff;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	margin: -40px auto 15px;
}

.c-clients .testimonial-box .testimonial-image img {
	height: 48px;
}

/* Form để lại số điện thoại */
.call-phone-product .wpcf7-form-control-wrap {
	padding: 0px;
	margin: 0px;
}

#san-pham-quan-tam {
	display: none;
}

.call-phone-product {
	width: 100%;
	padding: 8px !important;
	margin-top: 8px;
	background-color: #32c24d;
	border-radius: 3px;
	display: block;
	margin-bottom: 0px;
}

.call-phone-product aside input {
	margin-bottom: 0px !important;
}

.call-phone-product aside {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.call-phone-product aside input:focus {
	box-shadow: none;
}

.call-phone-product > aside:first-child {
	display: inline-block;
	float: left;
	width: 78%;
}

.call-phone-product > aside:first-child > input {
	height: 28px;
	margin: 0;
	border: none;
	font-size: 12.5px !important;
}

.call-phone-product > aside .text-customer-name {
	border: 0;
	font-size: 12px;
	color: #999;
	display: none;
	padding: 5px 5px 5px 5px;
	margin-top: 0px;
	width: 100%;
	margin-bottom: 3px;
	background-color: #ffffff !important;
	border-radius: 3px;
}

.call-phone-product > aside .text-number-phone {
	margin: 0;
	padding: 5px 5px 5px 5px;
	display: block;
	background-color: #ffffff !important;
	border-radius: 3px;
}

.call-phone-product > aside .text-number-phone.focused {
	margin-top: 8px;
}

.call-phone-product > aside:last-child {
	width: calc(22% - 8px) !important;
	display: block;
	position: relative;
	float: right;
	height: auto;
}

.call-phone-product > aside .btn-sent-number-phone {
	width: 100%;
	height: 100%;
	max-height: 100%;
	border: 0;
	background-color: #f60 !important;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	display: block;
	border-radius: 3px;
}

@media only screen and (max-width: 667px) {
	.call-phone-product > aside:first-child {
		width: 75%;
	}
	.call-phone-product > aside:last-child {
		width: calc(25% - 8px) !important;
	}
}

/* Form để lại số điện thoại */
body:not(.logged-in) .header-button .icon {
	padding: 0 8px;
}

body:not(.logged-in) .header-button .icon .icon-user {
	top: -3px;
}

body:not(.logged-in) .icon-user:before {
	font-family: 'Quicksand', sans-serif;
	content: 'Đăng nhập';
}

body:not(.logged-in) .header-search-form {
	display: none;
}

body:not(.logged-in) .hidden-logged-out {
	display: none;
}

body:not(.logged-in) .footer-logged-out {
	display: grid;
	grid-template-columns: 3fr 2fr 3fr;
}

body:not(.logged-in) .footer-logged-out > div {
	max-width: 100%;
	width: 100%;
}

body:not(.logged-in) .footer-logged-out > div:last-child {
	display: none;
}

.account-user.circle {
	display: flex;
	align-items: center;
}

.user-diem-tich-luy {
	font-size: 14px;
}

.mobile-header-icons i {
	color: #9ac53f;
}

#billing_country_field {
display: none;
}