/*
Theme Name: Mỹ phẩm muathuoctot
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
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.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,.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 .2s ease;-moz-transition:all .2s ease;transition:all .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:.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,.15);-moz-box-shadow:0 2px 2px rgba(0,0,0,.15);box-shadow:0 2px 2px rgba(0,0,0,.15);opacity:0;visibility:hidden;z-index:-1;margin-top:-7px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .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 */