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

:root {
	--main_color: #17a346;
	--2nd_color: #00964f;
	--3th_color: #88c43f;

}
body a {
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
.ftwp-in-post#ftwp-container-outer.ftwp-float-none, .ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents {
	width: 100%;
}
.ben-cam-ket .icon-box {
	margin-bottom: 5px;
}
.ben-cam-ket .icon-box p {
	margin-bottom: 0;
}
.recent-blog-posts-li .post_comments {
	display: none;
}
.has-hover .box-image:focus-within img.show-on-hover,.has-hover:hover img.show-on-hover {
	background-color: #fff;
}
nav.woocommerce-breadcrumb.breadcrumbs {
	padding-bottom: 4px;
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
	color: #757575;
	vertical-align: top;
}
h1.shop-page-title {
	padding: 30px 0 15px;
	font-size: 36px;
	font-weight: 500;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	max-height: calc(5.45454545em);
	line-height: 1.36363636;
	margin-bottom: 15px;
}
.add-to-cart-button .add_to_cart_button {
	border-color: transparent !important;
	color: #fff !important;
	/*background-color: #000 !important;*/
	border-radius: 20px;
	display: block;
	width: 100%;
	padding: 9px 15px 8px;
	font-size: 14px;
	line-height: 1.2 !important;
}
.lienhe-sing a {
    display: block;
    text-align: center;
    margin: 15px 0;
    padding: 10px;
    background: #17a346;
    color: #fff;
}
.lienhe-sing a b {
	display: block;
}
span.amount {
	font-size: 22px;
	line-height: 1.36363636;
}
.product-section>.row>.large-2,.product-section>.row>.large-10 {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.product-section>.row>.large-2 h5 {
	text-align: center;
}
.product-section.woocommerce_product_additional_information {
    display: none !important;
}
.widget_yith-woocommerce-ajax-navigation-filters a.term-label {
	font-size: 16px;
	font-weight: 400;
}
.widget_yith-woocommerce-ajax-navigation-filters .filter-title {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.33;
	text-transform: uppercase;
}
.yith-wcan-filters .yith-wcan-filter {
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.filter-item > label {
	display: flex;
	flex-direction: row;
}
.filter-item input[type=checkbox], .filter-item input[type=radio] {
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin: 4px 10px 0 0;
	display: inline-flex;
	vertical-align: middle;
}


.hd_scroll {
	text-align: center;
	margin: 3% auto;
}
.mouse{background:#000 linear-gradient(transparent 0,transparent 50%,#000 50%,#000 100%);position:relative;width:30px;height:50px;cursor:pointer;background-size:100% 100%;border-radius:100px;background-size:225%;-webkit-animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite;animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite}
.mouse:after,.mouse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.mouse:before{width:26px;height:46px;background-color:#fff;border-radius:100px}
.mouse:after{background-color:#000;width:6px;height:6px;border-radius:100%;-webkit-animation:trackBallSlide 5s linear infinite;animation:trackBallSlide 5s linear infinite}
@-webkit-keyframes colorSlide {
	0%{background-position:0 100%}
	20%{background-position:0 0}
	21%{background-color:#4e5559}
	29.99%{background-color:#fff;background-position:0 0}
	30%{background-color:#4e5559;background-position:0 100%}
	50%{background-position:0 0}
	51%{background-color:#4e5559}
	59%{background-color:#fff;background-position:0 0}
	60%{background-color:#4e5559;background-position:0 100%}
	80%{background-position:0 0}
	81%{background-color:#4e5559}
	100%,90%{background-color:#fff}
}
@keyframes colorSlide {
	0%{background-position:0 100%}
	20%{background-position:0 0}
	21%{background-color:#4e5559}
	29.99%{background-color:#fff;background-position:0 0}
	30%{background-color:#4e5559;background-position:0 100%}
	50%{background-position:0 0}
	51%{background-color:#4e5559}
	59%{background-color:#fff;background-position:0 0}
	60%{background-color:#4e5559;background-position:0 100%}
	80%{background-position:0 0}
	81%{background-color:#4e5559}
	100%,90%{background-color:#fff}
}
@-webkit-keyframes trackBallSlide {
	0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	14%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	44%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	74%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
}
@keyframes trackBallSlide {
	0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	14%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	44%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
	66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}
	74%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px)}
	75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-10px);transform:scale(.4) translateY(-10px)}
	100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}
}
@-webkit-keyframes nudgeMouse {
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	20%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	30%{-webkit-transform:translateY(0);transform:translateY(0)}
	50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	60%{-webkit-transform:translateY(0);transform:translateY(0)}
	80%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	90%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes nudgeMouse {
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	20%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	30%{-webkit-transform:translateY(0);transform:translateY(0)}
	50%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	60%{-webkit-transform:translateY(0);transform:translateY(0)}
	80%{-webkit-transform:translateY(8px);transform:translateY(8px)}
	90%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@media (max-width:640px) {
	.mouse{width:22px;height:36px}
	.mouse:before{width:18px;height:32px}
	.mouse:after{width:4px;height:4px}
}