/*
Theme Name: Marketing
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.post-type-archive-product .shop-page-title, .tax-product_cat .shop-page-title{
	display: none;
}
.boxmenu_khogiaodien{
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.colleft_bmnkgd{
	max-width: 150px;
	flex: 0 0 100%;
}
.colleft_bmnkgd a{
	color: #3d5067;
    font-size: 18px;
    font-weight: bold;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}
.colright_bmnkgd{
	max-width: calc(100% - 180px);
	flex: 0 0 100%;
}
ul.menu_khogiaodien{
	list-style: none;
    margin: 0;
    padding: 0;
}
ul.menu_khogiaodien > li{
	display: inline-block;
	margin: 0;
    padding: 0;
    position: relative;
}
ul.menu_khogiaodien > li > a{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 50px;
	display: block;
}
ul.menu_khogiaodien > li > a > i{
	padding-left: 10px;
	transition: all 200ms linear;
}
ul.menu_khogiaodien > li:hover > a >i{
	transform: rotate(-180deg);
	padding-right: 10px;
	padding-left: 0;
}
ul.menu_khogiaodien > li > ul.sub-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ffffff;
	position: absolute;
    top: 100%;
    left: 0;
    border-radius: 4px;
    z-index: 9;
    box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    transition: 350ms;
	min-width: 240px;
}
ul.menu_khogiaodien > li > ul.sub-menu:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 45px;
    border: 6px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
    transform: rotate(-45deg);
    box-shadow: none;
    z-index: 10;
}
ul.menu_khogiaodien > li:hover > ul.sub-menu{
	opacity: 1;
    pointer-events: auto;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
ul.menu_khogiaodien > li > ul.sub-menu >li{
	margin: 0;
	padding: 0;
}
ul.menu_khogiaodien > li > ul.sub-menu >li >a{
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
    display: block;
    color: #3d5067;
    border-bottom: 1px solid #dfe3e8;
    line-height: 1.3;
}
ul.menu_khogiaodien > li > ul.sub-menu >li:hover > a {
    background: #ddeffd;
    color: #2979fe;
}
ul.menu_khogiaodien > li > ul.sub-menu.hover-bg:before{
	border-top-color: #ddeffd;
    border-right-color: #ddeffd;
}

@media(min-width: 768px) and (max-width: 991px){
	.colleft_bmnkgd{
		max-width: 100%;
		display: none;
	}
	.colright_bmnkgd{
		max-width: 100%;
	}
	ul.menu_khogiaodien {
		text-align: center;
	}
}
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 767px){
	.colleft_bmnkgd{
		max-width: 100%;
		display: none;
	}
	.colright_bmnkgd{
		max-width: 100%;
	}
	ul.menu_khogiaodien {
		text-align: center;
	}
}

.product .badge-container.absolute{
	left: 15px;
    top: 10px;
    margin: 0;
}
.box-image{
	height: 260px;
}
.title-wrapper{
	text-align: left;
}
.price-wrapper{
    text-align: left;
    color: #FF1821;
    font-size: 18px;
    font-weight: bold;
}
.price-wrapper span.amount{
	color: #FF1821;
}
.price-wrapper del{
    color: #929292;
    font-size: 15px;
    font-weight: 500;
}
.price-wrapper del span.amount{
	color: #929292;
}
.price-wrapper ins{
    text-decoration: auto;
    color: #FF1821;
    font-size: 18px;
    font-weight: bold;
}
.price-wrapper ins > *{
	color: #FF1821;
}

.product-info .price-wrapper{
	text-align: center;
}

.hiden-lhp{
	display: none !important;
}
.products .onsale,
.product-images .onsale{
	background: #0a7cff;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}