/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


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


.header-main .nav li a:hover, .header-main .nav>li.active>a{color:#4a9444 !important}
#top-bar li a{color:white !important; font-size:15px; text-transform:none; font-weight:normal}
.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
.flickity-prev-next-button svg{background: #00000061 !important;
	border-radius: 0 !important;
	border: none !important; height:70px}
.flickity-prev-next-button:hover svg{background-color: #5ab8d1!important;}
.section-title-container {
	margin-bottom: 0px;
}
.category-section .product-small, .archive .box.product-small{    border: 1px solid #82b613;}
body{font-weight:normal}
.category-section .product-small .category, .archive .product-small .category{font-size: 14px;
	font-weight: 500;
	color: #3ab812;
	letter-spacing: 0;
	text-transform: none;}
.category-section .product-small .product-title a, .product-small .product-title a{margin-top: 5px;
	color: #353535 !important;
	font-weight: bold;
	font-size: 15px;
	font-family: "roboto condensed", sans-serif}
.nut-bam:hover{box-shadow: 1px 5px 6px #0000002e;}
.section-title-normal span {
	margin-right: 15px;
	padding-bottom: 5px;
	border-bottom: 0px solid rgba(0,0,0,0.1);
	margin-bottom: -2px;
}.section-title-normal {
	margin-bottom: 0;
}
.footer-section .col{padding-bottom:0}
ul.product_list_widget li img{    border-radius: 99%;}
.footer-section{    border-top: 5px solid #55b7cc;}
.product_list_widget .product-title{font-family: "roboto condensed", sans-serif;
	color: #3c3c3c;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;}
.product_list_widget{    background: #f5f5f5;
	padding: 10px;
	border: 1px solid #ececec;}

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)}
.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}
.tu-van-vien .col{padding-bottom:0}
.tu-van-vien p{margin-bottom:10px}
.box-blog-post .is-divider{display:none}
.vertical-list-post .post-item{padding-bottom:0}
.vertical-list-post .post-item .box-text{padding:0; padding-left:10px; padding-bottom:15px; padding-top:10px}
.vertical-list-post .post-item .post-title{    font-family: "roboto", sans-serif;
	font-weight: normal;
	font-size: 15px;}
b,strong{font-weight:500}
.product_list_widget .product-title:hover, .category-section .product-small .product-title a:hover{color:#217619 !important}
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;}
.product-info {
	padding-top: 0;
}
span.widget-title{    text-transform: none;
	letter-spacing: 0;
	margin-bottom: 8px;
	display: block;
	font-weight: 700;
	font-family: "roboto condensed", sans-serif;
	font-size: 20px;
	margin-top: 10px;}
.page-template .entry-title{text-align:left}
.woocommerce-tabs .tabs{    background: #f3f3f3;border-bottom: 2px solid #59b9d1;}
a.back-to-top{background: #59b9d2 !important; border: none !important; color:white !important}
.woocommerce-tabs .tabs li{margin:0}
.woocommerce-tabs .tabs li a{padding-left:15px; padding-right:15px;     background: #59b9d1;
	font-size: 15px;
	color: white;}
.woocommerce-tabs .tabs li.active a{background: #227b2b;}
.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-short-description{font-size:15px; background:#f3f3f3; padding:10px}
.product-info .breadcrumbs a{color:#59b9d1}
.product-info .breadcrumbs{text-transform:none}
.single-product .product-info{border-right:none !important;}.widget {
	margin-bottom: 8px;
}.widget_media_image:hover{box-shadow: 2px 2px 10px #0000002e;}
#product-sidebar{padding-left:0}
#breadcrumbs {
	margin-top: 20px;
	color: #ff9b00;
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 6px 15px;
	display: block;
	width: 100%;
	font-size: 15px;
	font-family: "roboto condensed", sans-serif;
	border: 1px solid #e8e8e8;
}
.page-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.blog-archive .large-9 .badge{display:none}
.blog-archive{padding-top:20px !important}
.blog-archive .large-3{padding-left:0; border-left:0 !important}
.blog-archive .post-item .from_the_blog_excerpt {font-size: 14px;
	height: 45px;
	overflow: hidden}
.blog-archive .post-item{padding-bottom:0}
.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}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.float-contact {display:none
	}.off-canvas .sidebar-menu {
		padding: 20px 0;
	}
	.off-canvas-left.mfp-ready .mfp-content{background:#217518}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 15px;
		padding-top: 9px;
		padding-bottom: 9px;
		color: white;
		font-weight: normal;
		font-size: 16px;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #28881d;
	}
	.vertical-list-post .post-item{flex-basis:50%; max-width:50%}
	.blog-single .large-3, .blog-archive .large-3{padding-left:15px}
}