/*
Theme Name: Flatsome child
Description: Flatsome Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

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

.footer-cprt a { color: #FF4D00;}
.footer-cprt {padding-left: 5px;margin-left: 5px;border-left: 1px solid;}

.nav-spacing-xlarge>li {
	margin: 0 17px;font-size: 15px;
}
.icon-search:before {
	color: #a7a7a7;
}.section-title a{    color: #00aae7;
	font-size: 13px;
	font-weight: normal;}.section-title-container {
		margin-bottom: 10px;
}.icon-box-center .icon-box-img {
	margin: 0 auto 8px;
}.button span {
	font-weight: normal;
}

.section-gioi-thieu .section-title-normal span{    margin-right: 0;
	padding-bottom: 5px;
	margin-bottom: -2px;
	background: #0984c7;
	display: block;
	width: 100%;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
	font-size: 18px;}  .menu-gioi-thieu-chung a{    background: url(/wp-content/uploads/2018/09/bullet.jpg);
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-left: 20px;
		background-position: 3px;}
.section-gioi-thieu .cot1 .menu-gioi-thieu-chung p {    margin-bottom: 8px;
	border-bottom: 1px dotted #dadada;
	padding-bottom: 5px;padding-left:10px}h3.tieu-de{border-bottom:2px solid #0984c7; font-weight:normal; text-align:center}.section-gioi-thieu .post-item .box-text{padding-left:7px; padding-right:0}
.section-gioi-thieu .post-item .box-text .is-divider{display:none}.section-gioi-thieu .post-item .box-text .post-title{font-weight:normal}.section-gioi-thieu .post-item{padding-bottom:5px;border-bottom: 1px dotted #e2e2e2;
	padding-top: 5px;padding-left:10px}
.de-lai-loi-nhan{margin-top: 20px;
	background: #29aae3;
	padding: 14px;
	border-radius: 3px;
	color: white;}.wpcf7 .de-lai-loi-nhan .wpcf7-form-control-wrap {
		display: block;
		margin-top: 10px;
}.de-lai-loi-nhan input[type='submit']:not(.is-form){font-weight: normal;
	border: 1px solid white;
	border-radius: 3px;margin-bottom:5px}.nav-dropdown-default {
		padding: 0px;
}.blog-single .post-sidebar .section-gioi-thieu{padding:0}
.blog-single .large-9{padding-left:0}
.section-title-normal span{border-bottom:0}
.menu-gioi-thieu-chung a:hover{color:#f1592b}
.nav-dropdown.nav-dropdown-default>li>a{color:#2e2e2e}.nav-dropdown.nav-dropdown-default>li>a:hover{color:#f1592b}
.nav .menu-item-language {margin-left:5px; margin-right:5px}
.menu-item-language img.iclflag{    height: 14px !important;
	width: 20px !important;
	margin-bottom: 0 !important;
	margin-right: 7px;}
.header-main .header-nav-main.nav > li > a{
	font-size: 15px;
	padding: 0 10px;
	font-weight: 700;
}
.header-main .header-nav-main.nav > li{
	margin: 0 1px;
}
.header-main .header-nav-main.nav > li.active > a,
.header-main .header-nav-main.nav > li:hover > a{
	color: #F4913F;
}
.header-main .header-nav-main.nav > li.active > a:before{
	opacity: 1;
}
.header-main .header-nav-main.nav .sub-menu{
	border: 1px solid #F4913F; 
}
.header-main .header-nav-main.nav .sub-menu a{
	border-bottom: 1px dashed #F4913F;
}
.st_about .col-icon .row .col-inner{
	padding: 20px;
	background: #fff;
	box-shadow: 0 8px 22px rgb(0 0 0 / 10%);
	height: 100%;
	border-radius: 5px;
}
.st_about .col-txt .h-sub{
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 700;
	letter-spacing: 1px;
	color: #339538;
}
.st_about .col-txt .title{
	line-height: 1.3em;
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 700;
	color: #444;
}
.st_about .col-txt .title span{
	color: #339538;
}
.st_about .col-txt p{
	color: #555;
}
.st_about .col-txt h3{
	text-transform: capitalize;
	font-size: 22px;
	color: #339538;
}
.st_about .col-txt ul li{
	display: inline-block;
	width: 49%;
	margin-left: 0;
}
.st_about .col-txt ul li i{
	font-size: 8px;
	vertical-align: middle;
	color: #339538;
	font-weight: bold;
	margin-right: 5px;
}
.st_about .col-txt ul li a{
	vertical-align: middle;
}
.st_hotnew .section-title-normal{
	border-bottom-color:#339538;
}
.st_hotnew .col.post-item{
	padding-bottom: 10px;
}
.st_hotnew .col.post-item .col-inner{
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 5px 10px #ddd;
}
.st_hotnew .col.post-item .box-text{
	vertical-align: top;
}
.st_hotnew .post-item h5.post-title{
	font-size: 20px;
	color: #222;
	margin-bottom: 10px;
}
.st_hotnew .post-item h5.post-title:hover{
	color: #339538;
}
.is-divider{display: none;}
.st_hotnew .post-item .is-divider{
	max-width: 60%;
	background: #339538;
	margin-bottom: 10px;
	display:block;
}
.st_hotnew .post-item .from_the_blog_excerpt{
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	margin: 0;
	line-height: 1.5;
}
.st_pro h3{
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}
.st_pro h3 span{
	color: #339538;
}
.st_pro h3:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	height: 1px;
	border-bottom: 1px dashed #339538;
}
.st_pro .product-small{
	padding: 10px;
	border: 2px solid transparent;
	transition: .5s;
}
.st_pro .product-small:hover{
	border-color: #339538;
	background: #fff;
}
.st_pro .box-text{
	padding: 15px 10px;
}
.st_pro .product-small .product-title a{
	font-size: 17px;
	text-transform: capitalize;
	transition: .5s;
}
.st_pro .product-small:hover .product-title a{
	color: #339538;
}
.st_pro .product-small .lien-he-price{
	margin-top: 10px;
	display: inline-block;
	font-size: 16px;
	color: #ababab;
}
.st_pro .product-small .lien-he-price span{
	color: #339538;
	font-size: 18px;
	font-weight: 600;
}


.st_feedback .title{
	text-align: center;
}
.st_feedback .title h2{
	padding-bottom: 15px;
}
.st_feedback .title i{
	color: #339538;
	font-size: 40px;
	margin-bottom: 20px;
}
.st_feedback .title span{
	font-size: 36px;
	font-weight: 600;
	color: #fff;
}
.st_feedback .title h2:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190px;
	height: 1px;
	border-bottom: 1px dashed #339538;
	left: 50%;
	transform: translateX(-50%);
}
.st_feedback .testimonial-text p{
	width: 60%;
	color: #d5d5d5;
	font-size: 16px;
	margin: auto;
}
.st_feedback .testimonial-meta{
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	padding-top: 20px;
}
.st_feedback .flickity-page-dots{bottom: 0;}
.st_news h3,.product-section-title-related{
	font-size: 36px;
	color: #222;
	position: relative;
	padding-bottom: 35px;
}
.st_news h3 span{
	color: #339538;
}
.st_news h3:before,.product-section-title-related:before{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: calc(50% - 15px);
	bottom: 0;
	background: url(/wp-content/uploads/2022/04/budding-leaves2.webp);
}
.st_news h3:after,.product-section-title-related:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	width: 30%;
	border-top: 1px dashed #339538;
}
.product-section-title-related{text-align: center;}
.st_news .post-item .col-inner{
	height: 100%;
	border: 1px solid #eee;
	box-shadow: 0 5px 10px #ddd;
	border-radius: 3px;
	overflow: hidden;
}
.st_news .post-item .post-title{
	font-size: 18px;
	color: #222;
	margin: 0 0 10px;
}
.st_news .post-item .is-divider{display: none;}
.st_news .post-item .from_the_blog_excerpt{
	font-size: 15px;
	color: #666;
}
.st_partner p{
	margin: 0 auto 20px;
	font-size: 19px;
	color: #fff;
	text-align: center;
}
.ft_top{
	background: linear-gradient(45deg, #0b9444, #f4913f) !important;
}
.ft_top p{margin: 0;}
.footer-section .img{
	margin: auto;
}
.footer-section h4{
	font-size: 24px;
}
.footer-section ul li{
	list-style-type: none;
	margin-left: 0;
	font-size: 16px;
	color: #fff;
}
.footer-section ul li i{
	width: 20px;
	text-align: center;
	margin-right: 5px;
	color: #0b9444;
}
.footer-section h3{
	position: relative;
	text-transform: capitalize;
	font-size: 22px;
	border-bottom: 2px solid #f4913f;
	margin-bottom: 15px;
}
.footer-section h3 span{
	position: relative;
	border-bottom: 2px solid #0b9444;
	display: inline-block;
	margin-bottom: -2px;
}
.footer-section ul.list_menu li::marker{
	color: #0b9444;
}
.footer-section ul.list_menu li{
	list-style-type: square;
	margin-left: 15px;
}
#shop-sidebar .is-divider{
	display: none;
}
#shop-sidebar .widget-title{
	display: block;
	padding: 10px 0 10px 10px;
	background: #0B9444;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
#shop-sidebar ul{
	padding: 0 10px 10px;
	border: 1px solid #0B9444;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
#shop-sidebar ul.product-categories li a{
	position: relative;
	padding-left: 15px;
}
#shop-sidebar ul.product-categories li a:hover{
	color: #0B9444;
}
#shop-sidebar ul.product-categories li a:before{
	content: "";
	width: 5px;
	height: 5px;
	background: #0B9444;
	position: absolute;
	left: 2px;
	top: 15px;
}
.shop-container .product-small.col .col-inner{
	border: 1px solid rgb(205,226,213);
	box-shadow: 0 0 10px #eee;
	border-radius: 5px;
	overflow: hidden;
}
.shop-container .product-small.col .box-text{
	padding: 10px 10px 15px;
}
.shop-container .product-small.col .product-title a{
	font-size: 20px;
	color: #222;
	margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f4913f;
}
.shop-container .product-small.col .price{
	font-size: 18px;
	color: #0B9444;
}
.box_hotline{
	margin-top: 15px;
}
.box_hotline a.button{
	display: inline-block;
	width: 47% !important;
	margin-right: 10px;
	vertical-align: top;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 0
}
a.chat-facebook {
	border-radius: 4px !important;
	background-color: #21569a !important;
}
.box_hotline a.chat-zalo {
	border-radius: 4px !important;
	background-color: #00abff !important;
	margin-right: 0;
}
.product-info .hotline {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.product-info .hotline b,
.product-info .hotline img {
	margin-right: 15px;
}
.product-info .hotline a {
	color: #ff0000;
	font-weight: bold;
	font-size: 28px;
}
.product-info .product-title{
	color: #0B9444;
	text-transform: capitalize;
	font-size: 28px;
}
.product-info .price-wrapper{display: none;}
.box_cus{
	padding: 10px;
	border: 1px dashed #ffe5ce;
	background: #fff9f4;
	border-radius: 5px;
}
.box_cus li{
	list-style-type: square;
}
.box_cus li::marker{
	color: #F4913F;
}
.woocommerce-tabs .nav-tabs > li > a{
    font-size: 20px;
}
.page_newe .col.post-item .col-inner{
	line-height: 1.5em;
	background: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 25%);
	overflow: hidden;
	height: 100%;
}
.page_newe .col.post-item .col-inner:hover{
	box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}
.page_newe .col.post-item .box-text{
	padding: 15px;
}
.page_newe .col.post-item .box-text h5{
	min-height: 41px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page_newe .col.post-item .box-text h5:hover{
	color: #E5B94C;
}
.page_newe .post-item .col-inner{
	box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.page_newe .post-item .shade{
	opacity: 1;
	background: linear-gradient(transparent, #053218);
}
.page_newe .r_first .post-item .box-text{
	padding: 1.5rem !important;
}
.page_newe .r_first .post-item .box-text p.cat-label{
	color: #fff !important;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
}
.page_newe .post-item .box-text h5{
	text-transform: uppercase;
	font-size: 18px;
}
.page_newe .post-item:hover img{
	transform: scale(1.15);
}
.page_newe .r_last .post-item .box-text{
	padding: 1rem 1.25rem;
	border-top: 2px solid #0B9444;
}
.page_newe .r_last .box-text p.cat-label{
	position: absolute;
	top: -14px;
	left: 1rem;
	font-weight: bold;
	font-size: 14px;
	background-color: #0B9444;
	color: #fff;
	padding: .2rem 1rem;
	border-radius: 4rem;
	opacity: 1;
	text-transform: none;
}
.blog-archive .post-item .col-inner{
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 5px #ddd;
    height: 100%;
    overflow: hidden;
}
.blog-archive .post-item .box-text{
    padding: 10px;
}
.blog-archive .post-item:hover .post-title{
    color: #0C9545;
}
.post-sidebar{
    padding-left: 10px !important;
}
.post-sidebar .widget .widget-title{
    display: block;
    padding: 10px 0 5px 10px;
    background: #0C9545;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
}
.post-sidebar .widget ul{
    padding: 10px;
    border: 1px solid #0C9545;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.post-sidebar .widget ul li+li{
    border-color: #0C9545;
}
.blog-single .entry-title{
    color: #0C9545;
}
.blog-single .entry-category a,.blog-single .entry-meta a{
    color: #F4913F;
}
.product_list_widget .product-title{
    font-size: 18px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
    color: #086D32;
}
.product_list_widget .lien-he-price span{color: #F4913F}
.inner-fabs.show .fab::before{
    font-family: normal !important;
}
.inner-fab-icon{
    margin: 4px 0 0 4px;
}
.fab.roundCool{
    right: auto;
    left: 30px;
}
.hotline-phone-ring-wrap{
    right: auto;
    left: 114px;
}
.inner-fabs.show .fab::before{
    right: auto;
    left: 53px;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.footer-cprt {display: block;border-left: 0;}
	.cart-icon{line-height: initial;}
	.off-canvas-left .mfp-content {
	    width: 100%;
	    top: 70px;
	    background: transparent !important;
    	box-shadow: none;
	}
	.mobile-sidebar {
	    background: #333;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	    font-size: 17px;
	    color: #fff;
	}
	.mfp-content .toggle {
	    color: #fff;
	}
	.icon-menu:before {
		content: "\f550";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900;
		font-size: 18px;
		color: #0C9545;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: #0C9545 !important;}
	.st_pro h3,.st_about .col-txt .title,.st_feedback .title span{font-size: 26px;}
	.st_hotnew .col.post-item .box-text{padding: 10px 10px 15px;}
	.st_pro .product-small{
		border-color: #339538;
		background: #fff;
	}
	.st_feedback .testimonial-text p{width: 90%;font-size: 15px;}
	.ft_top .col.medium-5 {
		padding: 0 !important;
	}
}