/*
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;
}
.header-main .nav li a{font-weight: bold;}
.header-main .nav li a:hover, .header-main .nav>li.active>a{color:#00a651 !important}
#top-bar li a{color:white !important; font-size:15px; text-transform:none; font-weight:normal}
.section-title-container {
	margin-bottom: 0px;
}
body{font-weight:normal}

.nut-bam:hover{box-shadow: 1px 5px 6px #0000002e;}
.section-title-normal span {
	margin-right: 15px;
	border-bottom: 0px solid rgba(0,0,0,0.1);
}
.section-title-normal {
	border-bottom: 0;
}
.footer-section .col{padding-bottom:0}
ul.product_list_widget li img{    border-radius: 99%;}
.footer-section{border-top: 5px solid #FF6816;}
.product_list_widget .product-title{
	color: #3c3c3c;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}
aside.widget ul{
	background: #f7fffa;
	padding: 10px;
	border: 1px dashed #009b3e;
	border-radius: 5px;
}
.widget_media_image img{
	width: 100%;
}
aside.widget .widget-title{
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	padding: 15px 0;
	background: #009B3E;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 25%);
}
ul.product_list_widget li{padding: 9px 0 5px 70px; margin:0}
.product-small .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.product-small .box-image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.product-container .row.mt-2{margin-top: 20px;}
.lightbox-content{border-radius:6px}
.lightbox-content input[type='submit']{    margin: 0;
	text-transform: none;
	font-weight: normal;
	border-radius: 5px;}
.category-section .large-9{padding-bottom:0}
.wpcf7-form{margin-bottom:0}
.box-blog-post .is-divider{display:none}

b,strong{font-weight:500}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{font-size:15px; height:36px; border-radius:5px; box-shadow:none !important}
.footer-section input[type='submit']{margin: 0;
	background: #5ab8d2;
	text-transform: none;
	font-weight: normal;
	border-radius: 5px;}.footer-secondary, .copyright-footer{
		padding: 0;
		color: white;
}

.float-contact {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 99999;
}.chat-zalo {
	background: #8eb22b;
	border-radius: 20px;
	padding: 0px 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}.chat-face {
	background: #125c9e;
	border-radius: 20px;
	padding: 0px 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}.float-contact .hotline {
	background: #d11a59 !important;
	border-radius: 20px;
	padding: 0 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
	font-size: 15px;
	color: white;
	font-weight: normal;
	text-transform: none;
	line-height: 0;
}
.gioi-thieu-cong-ty .col-inner{background: #f4fdff;
	padding: 10px;
	border: 1px dashed #55b7cc;
	border-radius: 5px;}

span.widget-title{    text-transform: none;
	letter-spacing: 0;
	margin-bottom: 8px;
	display: block;
	font-weight: 700;
	font-size: 20px;
	margin-top: 10px;}
.page-template .entry-title{text-align:left}
a.back-to-top{background: #ff6816 !important; border: none !important; color:white !important}
.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}
.widget .is-divider, .is-divider{display:none}
.single-product .product_meta>span{font-size:15px; margin-top:10px; border-top:none !important}
.single-product .share-icons a{border:none !important}
.product-short-description p{margin-bottom:5px}
.product-short-description ul li{margin-bottom:5px}
.product-short-description ul{margin-bottom:0}
.product-info{font-size:15px; background:#f3f3f3; padding:15px}
.product-info .breadcrumbs a{color:#59b9d1}
.product-info .breadcrumbs{text-transform:none}
.single-product .product-info{border-right:none !important;}.widget {
	margin-bottom: 8px;
}
#product-sidebar{padding-left:0;border-left: 0;}
.product .row.content-row .col.large-9{border-right: 0;}
#breadcrumbs {
	margin-top: 20px;
	color: #ff9b00;
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 6px 15px;
	display: block;
	width: 100%;
	font-size: 15px;
	border: 1px solid #e8e8e8;
}
.recent-blog-posts a{font-size:15px}
.recent-blog-posts .badge-inner{border-radius:99%}
.blog-single{padding-top:20px !important}
.blog-single .large-3{padding-left:0}

.st_box .img{
	border-radius: 10px;
	overflow: hidden;
}
.st_box .img img{
	height: 71px;
	object-fit: cover;
}
.section-title b{
	background: url(/wp-content/uploads/2022/06/stripe.png);
	height: 5px;
	vertical-align: middle;
	opacity: 1;
}
.section-title b:last-child{
	display: inline-block;
}
.section-title .section-title-main{
	font-size: 24px !important;
	color: #00A651 !important;
}
.category-section .product-small.box .box-text{
	text-align: left;
}
.product-small.box .product-title a{
	margin-top: 0;
	font-size: 16px;
	font-weight: 700;
	color: #00A651;
	margin-bottom: 10px;
	height: 41px;
	overflow: hidden;
}
.product-small.box .price-wrapper{
	font-weight: 400;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	-webkit-box-orient: vertical;
}
.product-small.box .price-wrapper i{
	margin-right: 5px;
	color: #FA8420;
}
.category-section .product-small, .product-small.col .product-small{
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid rgba(151,151,151,.25);
	box-shadow: none;
	transition: .5s;
}
.category-section .product-small:hover, .product-small.col .product-small:hover{
	box-shadow: 0 1px 10px 0 rgb(0 0 0 / 40%);
}
.product-small.col .product-small.box .box-text{padding: 10px;}
.category-section .product-small.box-shade .product-title a{
	height: auto;
	color: #fff;
}
.category-section .product-small.box-shade .product-title a:hover{
	color: #FF6816;
}
.category-section .product-small.box-shade .box-text{
	text-shadow: none;
	background: linear-gradient(to top, #000, transparent);
}
.tabbed-content .tab-panels{
	border: 0;
	padding: 15px 0 0 0;
}
.tabbed-content .nav-tabs,.tabbed-content .wc-tabs{
	border-bottom: 1px solid #ddd;
}
.tabbed-content .nav-tabs li.tab a,.tabbed-content li a{
	font-weight: bold;
	padding: 10px 15px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: #FF6816;
	font-size: 17px;
	background: transparent;
}
.tabbed-content .nav-tabs li.tab,.tabbed-content .wc-tabs li{
	margin-right: 8px;
}
.tabbed-content .nav-tabs li.tab.active a,.tabbed-content .wc-tabs li.active a,
.tabbed-content .nav-tabs li.tab.active:hover a,.tabbed-content .wc-tabs li.active:hover a{
	color: #fff;
	background: #00A651;
}
.tabbed-content .nav-tabs li.tab:hover a,.tabbed-content .wc-tabs li:hover a{
	background: #eee;
	color: #009b3e;
}
.product-footer .woocommerce-tabs{border-top: 0;}
.st_news .box.box-normal .box-text{
	background: #f4f4f4;
	padding: 12px 10px;
}
.st_news .box.box-normal .box-text h5 {
	color: #323232;
	text-transform: uppercase;
	line-height: 22px;
	margin-bottom: 5px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
}
.st_news .box.box-vertical .box-text{
	padding: 0 10px;
	vertical-align: top;
	background: #f4f4f4;
}
.st_news .box.box-vertical .box-text h5{
	color: #323232;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.st_news .box .box-text h5:hover{
	color: #00a651;
}
.st_news .col.post-item{
	padding-bottom: 10px;
}
.ft_top .wpcf7{
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 5px #f1f1f1;
}
.ft_top .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control{
	border: 0;
	border-bottom: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0 2px 1px #ddd !important;
}
.ft_top .wpcf7 .wpcf7-submit{
	width: 100%;
	border-radius: 10px;
}
.ft_top .c-contact h3{
	text-transform: uppercase;
	margin-bottom: 5px;
}
.ft_top .c-contact p{
	font-size: 18px;
}
.ft_top .c-contact .icon-box-img{
	width: 80px !important;
	border: 2px solid #fff;
	border-radius: 50px;
}
.ft_top .c-contact .icon-box-img img{
	height: 80px;
	object-fit: contain;
	padding: 15px;
}
.footer-section h3,.c-contact h2{
	position: relative;
	font-size: 20px;
	color: #00A651;
	padding-bottom: 5px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.footer-section h3:before,
.footer-section h3:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
}
.footer-section h3:before{
	background: #00A651;
	width: 120px;
	z-index: 10;
}
.footer-section h3:after{
	width: 100%;
	background: #FF6816;
}
.mn_info{
	list-style-type: none;
}
.mn_info li{
	margin-left: 0;
}
.mn_info li i{
	width: 20px;
	margin-right: 5px;
	text-align: center;
	color: #FF6816;
}
.footer-section ul li::marker{
	color: #00A651;
}
.footer-section ul li a:hover{
	color: #FF6816;
}
.product-section-title-related{
	font-size: 24px;
	text-align: center;
	color: #00A651;
}
.product-section{
	border-top: 2px dashed #00A651;
}
.woocommerce-tabs li a{
	padding: 5px 10px;
}
.woocommerce-tabs li{margin: 0 5px;}

/* Css cate */
.blog-archive .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%;
}
.blog-archive .col.post-item .col-inner:hover{
	box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}

.blog-archive .col.post-item .box-text{
	padding: 15px;
}
.blog-archive .post-item:nth-child(n + 3) .box-text h5{
	min-height: 41px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
}

.blog-archive .col.post-item .box-text h5:hover{
	color: #4688ff;
}
.blog-archive .post-item .col-inner{
	box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.blog-archive .col.post-item:nth-child(1) .image-cover:after,
.blog-archive .col.post-item:nth-child(2) .image-cover:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	background: linear-gradient(transparent, #458aa9);
	pointer-events: none;
	backface-visibility: hidden;
	transition: opacity .3s;
}
.blog-archive .col.post-item:nth-child(1) .image-cover,
.blog-archive .col.post-item:nth-child(2) .image-cover{
	padding-top: 65% !important;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text {
	position: absolute;
	width: 100%;
	max-height: 100%;
	bottom: 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.blog-archive .col.post-item:nth-child(1),
.blog-archive .col.post-item:nth-child(2){
	max-width: 50%;
	flex-basis: 50%;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text{
	padding: 1.5rem !important;
	color: #fff;
}
.blog-archive .col.post-item .box-text p.cat-label{
	color: #fff !important;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
}
.blog-archive .post-item .box-text h5{
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
}
.blog-archive .post-item:hover img{
	transform: scale(1.1);
}
.blog-archive .post-item:nth-child(n + 3) .box-text{
	padding: 1rem 1.25rem;
	border-top: 2px solid #4688ff;
}
.blog-archive .post-item:nth-child(n + 3) .box-text p.cat-label{
	position: absolute;
	top: -14px;
	left: 1rem;
	font-weight: bold;
	font-size: 14px;
	background-color: #4688ff;
	color: #fff;
	padding: .2rem 1rem;
	border-radius: 4rem;
	opacity: 1;
	text-transform: none;
}
.box-blog-post .is-divider{
	display: none;
}

/* Css cate */
.blog-archive .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%;
}
.blog-archive .col.post-item .col-inner:hover{
	box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}

.blog-archive .col.post-item .box-text{
	padding: 15px;
}
.blog-archive .post-item:nth-child(n + 3) .box-text h5{
	min-height: 41px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
}

.blog-archive .col.post-item .box-text h5:hover{
	color: #00A852;
}
.blog-archive .post-item .col-inner{
	box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.blog-archive .col.post-item:nth-child(1) .image-cover:after,
.blog-archive .col.post-item:nth-child(2) .image-cover:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	background: linear-gradient(transparent, #094928);
	pointer-events: none;
	backface-visibility: hidden;
	transition: opacity .3s;
}
.blog-archive .col.post-item:nth-child(1) .image-cover,
.blog-archive .col.post-item:nth-child(2) .image-cover{
	padding-top: 65% !important;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text {
	position: absolute;
	width: 100%;
	max-height: 100%;
	bottom: 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.blog-archive .col.post-item:nth-child(1),
.blog-archive .col.post-item:nth-child(2){
	max-width: 50%;
	flex-basis: 50%;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text{
	padding: 1.5rem !important;
	color: #fff;
}
.blog-archive .col.post-item .box-text p.cat-label{
	color: #fff !important;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
}
.blog-archive .post-item .box-text h5{
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
}
.blog-archive .post-item:hover img{
	transform: scale(1.1);
}
.blog-archive .post-item:nth-child(n + 3) .box-text{
	padding: 1rem 1.25rem;
	border-top: 2px solid #FF6816;
}
.blog-archive .post-item:nth-child(n + 3) .box-text p.cat-label{
	position: absolute;
	top: -14px;
	left: 1rem;
	font-weight: bold;
	font-size: 14px;
	background-color: #FF6816;
	color: #fff;
	padding: .2rem 1rem;
	border-radius: 4rem;
	opacity: 1;
	text-transform: none;
}
.box-blog-post .is-divider{
	display: none;
}

@media only screen and (max-width: 48em){
	.blog-archive .col.post-item:nth-child(1), .blog-archive .col.post-item:nth-child(2) {
		flex-basis: 100%;
		max-width: 100%;
	}
}
/* End Page news AZ9s Team*/

h1.entry-title{
	color: #00A651;
}

.cus_bread .col{
    padding: 10px 15px;
}
.cus_bread .duong-dan{
    border-bottom: 2px dashed #FF6816;
    padding-bottom: 10px;
} 
.cus_bread .duong-dan p{margin-bottom: 0;} 
.cus_bread .duong-dan a{
    text-transform: capitalize;
    font-weight: bold;
    color: #00A651;
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.footer-cprt{
		display: block;
		border-left: 0;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #28881d;
	}
	.st_box .img img{object-fit:fill;}
	.off-canvas-left .mfp-content {
		width: 100%;
		top: 70px;
		background: transparent !important;
		box-shadow: none;
	}
	.mobile-sidebar {
		background: #00A651;
	}
	.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;
	}
	.header-main .nav > li > a > i {
		font-size: 22px;
		color: #00a852;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}
	.tabbed-content .nav-tabs li.tab a, .tabbed-content li a{font-size: 14px;padding: 5px;}
	.section-title .section-title-main{padding: 10px 0;}
	.st_news .box.box-vertical{
		display: flex;
	}
	.st_news .box.box-vertical .box-image{
		flex-basis: 30%;
		max-width: 30%;
	}
	.st_news .box.box-vertical .box-text{
		flex-basis: 70%;
		max-width: 70%;
		padding: 10px;
	}
}