/*
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 {
	background-image: linear-gradient(#403d3d, black);
}.full-width .ubermenu-nav, .container, .row, .row.row-small {
	max-width: 1100px;
}.footer-secondary {
	padding: 0;
}
.page-left-sidebar .large-3{padding-right: 15px;
	border-right: 1px solid #ececec;
}
.category-page-row {
	padding-top: 20px;
}.nav-pagination>li>a{    background: gray;
	border: 2px solid gray;
	color: white !important;}
.nav-pagination > li > .current{color:black !important}
.archive .products .product-small.box .box-text{padding:0}
.archive .products .product-small.box .product-title a{    font-size: 17px;
	font-weight: bold;
	color: gray;}
.archive .products .product-small.box{background:white; padding:6px}
.archive .large-columns-3{    margin-left: -15px !important;
	margin-right: 0px !important;    background: url(/wp-content/uploads/2019/06/bg_content.png); padding-top:20px}
.shop-page-title .medium-text-center{text-align:center}
.shop-page-title .form-flat{display:none}
a.back-to-top{background:gray !important; border:none !important; color:white !important}
.footer-section .col{padding-bottom:0}
.footer-section ul li{list-style: square;
	margin-bottom: 0;
	text-align: left;
	margin:0;
	margin-left: 20px;
	color: gray;
	padding: 0;
	line-height: 22px;}
.footer-section h3{color: #f2e692;
	font-size: 17px;
	font-weight: normal;}
.list-sp .flickity-prev-next-button svg{background:white !important;     box-shadow: 2px 2px 10px black;}.hdevvn-show-cats{
	border: none !important;
}.section-title-normal {padding: 4px;
	border-bottom: none;
	background-image: linear-gradient( #393636, #141313);
	margin-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}.section-title-normal span {
	margin-right: 15px; font-size:20px;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
span.hdevvn-show-cats li{
	display: block;
	width: auto;
	float: left;
	margin: 0 8px;
}
span.hdevvn-show-cats li a{
	font-size: 11px;
}
.slider-nav-outside .flickity-prev-next-button.next{left:97%} .slider-nav-outside .flickity-prev-next-button.previous{right:97%}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{margin-top:0}.section-title-center span {
	color: black !important;
}
.section-title span {  padding: 5px 10px;
	border-radius: 5px;
	text-transform: none;
	color: white;
	background: url(/wp-content/uploads/2019/06/dot-floral.png);
	background-repeat: no-repeat;
	background-size: 21px;
	background-position-y: center;
	padding-left: 29px;
}.section-title a {
	display: block;
	padding-left: 15px;
	margin-left: auto;
	padding-right: 10px;

	font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #e2c871;
}
span.hdevvn-show-cats li a:hover{color:#dbbc63}
span.hdevvn-show-cats li a {
	font-size: 13px;
	font-family: "sans-serif", sans-serif;
	padding-left: 0px;
	color: #ababab;
	font-weight: normal;
}
.list-sp.row-sp{padding-bottom:10px !important}
.hdevvn-show-cats{background:none !important}
.widget .is-divider{display:none}
span.widget-title{display: block;

	padding: 10px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(/wp-content/uploads/2019/06/tieu-de.png);
	background-repeat: no-repeat;
	height: 61px;
	color: #e7d17b;
	text-transform: none;
	letter-spacing: 0;
	text-align: center;
	font-family: "Playfair Display", sans-serif;
	padding-top: 10px;
	font-size: 20px;
	font-weight: normal;}
.list-sp.box .box-text .product-title a{color:gray; font-size:16px; font-weight:bold}
.list-sp.box .box-text{padding:7px 0; padding-bottom:0}
.list-sp.box{border-radius:5px; background:white; padding: 6px;}
.list-sp.row .col:nth-child(3n+2){padding-left:6.9px; padding-right:6.9px}
.list-sp.row .col:nth-child(3n+3){padding-left:4.9px}
.list-sp.row .col:nth-child(3n+1){padding-right:4.9px}
.list-sp.row{background:url(/wp-content/uploads/2019/06/bg_content.png); background-color: gray;
	padding: 20px 0; padding-bottom:0;
	margin: 0 !IMPORTANT;
}
.section-title-container {
	margin-bottom: 0;
}
.category-section .large-9{flex-basis:76%; max-width:76%}
.category-section .large-3{flex-basis:24%; max-width:24%; background: #fcfbfc;}
.widget .menu li a:hover{color:#a77c16}
.widget .menu li a{display:block; padding:10px 0; font-size: 15px;
	color: black;}
.widget .menu li.menu-cuoi{margin-bottom:10px}
.widget .menu li.menu-cha{padding-left:0 }
.widget .menu li{    background: url(/wp-content/uploads/2019/06/li-widget-dot.png) no-repeat top center;border-top:none;
	padding-left: 30px;}
.widget .menu .menu-cha a{text-align:center; display:block;
	font-size: 20px;
	padding-bottom: 0;
	padding-top: 5px;
	font-family: "Playfair Display", sans-serif;
	color: #e9d680;}
.widget .menu .menu-cha{background: url(/wp-content/uploads/2019/06/tieu-de.png); 
	background-repeat: no-repeat;
	height: 61px;
}
.tieu-de-header{    font-size: 23px;
	color: #efe18c;

	font-weight: bold;
	margin-bottom: 8px;}
.dia-chi{    color: #a2a2a2;
	font-size: 15px;}.header-bottom {box-shadow: 2px 2px 10px #00000063;
		background-color: #0a0a0a;
		background-image: linear-gradient(#f7f09d, #d3ac51);
} .header-main .nav > li > a {
	line-height: 16px;
	padding: 0;
	text-transform: none;
	font-size: 15px;
	font-weight: normal;
}
.nav-divided>li+li>a:after{border-left:none !important}
#header-contact {display:block}
#header-contact li{margin:0; border-left:none !important; display:block; float:none }
.header-bottom li{margin:0}
.header-bottom-nav{border-left: 1px solid #d7b45a;}
.header-bottom li:last-child a{border-right: 1px solid #f0e38e}
.header-bottom li a{border-left: 1px solid #f0e28d;
	border-right: 1px solid #d7b45a;color:black; padding-left:20px; padding-right:20px}
.header-button a{border-radius: 99px;
	background: black !important;
	color: #f2e793 !important;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: bold;}
.header-bottom li a:hover{background-image: linear-gradient(#d3ac51, #f7f09d);}
.nav-dropdown>li:last-child>a{border-bottom:none !important}
.nav-dropdown.nav-dropdown-default>li>a{border-bottom:1px solid #d6b157  !important;}
.nav-dropdown.nav-dropdown-default>li>a:hover{color:black}
.nav-dropdown.nav-dropdown-default>li>a{margin:0; border-left:none; border-right:none; padding: 10px}.nav-dropdown>li.nav-dropdown-col{display:block}.nav-dropdown {	margin-left: 15px;}
.blog-archive .row-large .col{padding-right:15px; padding-left:15px}
.nav-dropdown{    min-width: 240px; border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li a:hover{background:none !important}.nav-dropdown-default .nav-column li>a{margin:0}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#b38f38}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#bb983e}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{margin-top:-40px;display:none;position: absolute;
	left: 100%;z-index: 9;background: #eede89;min-width: 240px;}.product-main {
		padding: 20px 0;
}
.single-product .content-row .col{padding: 0 16px 16px;}
#wrapper, .header,  .header-wrapper, .header-main, .header-inner, .header-bg-color{border-top-left-radius:12px; border-top-right-radius:12px}
.nav-dropdown .nav-dropdown-col>ul li:last-child a{border-right:none !important}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black; border-bottom: 1px solid #dfc36b !important}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.nav-dropdown{border: none !important; padding:0
}

.slider .flickity-prev-next-button svg, .slider .flickity-prev-next-button:hover .arrow{background: #00000087;
	border-radius: 99%;}
.list-sp .col{padding-bottom:10.6px}
.section-title a:hover{color:#eedf8a}
.textwidget ul li.hotline{color:red; font-weight:bold}
.recent-blog-posts-li a{
	color: black;
	font-size: 15px;
}.mr-half {
	margin-right: 10px;
}
.recent-blog-posts-li a:hover{color:#ab872a}
.recent-blog-posts-li .post_comments{display:none}
.mr-half .badge .badge-inner{border-radius:99%}
.textwidget ul li{margin:0; font-size:15px}
.textwidget{border: 1px dashed #d7b359;
	padding: 10px;
	margin-top: -14px;
	background: whitesmoke;
	background-image: linear-gradient(#ffffff, #e0e0e0);}
.product-info .breadcrumbs {
	text-transform: none;
}.product_meta>span{font-size:15px}
.thong-bao-sp{background: #f1f1f1;
	padding: 10px;
	border: 1px dashed #d6b157;
	border-radius: 5px;
	font-size: 15px;}
.thong-bao-sp ul{margin-bottom:0}.thong-bao-sp ul li{margin-bottom:5px}
.related h3{    letter-spacing: 0;
	text-transform: none;}.product_meta{    margin-bottom: 0px;}
a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus{    background: #dbbb61;}
a.devvn_buy_now_style span{color:black !important}
a.devvn_buy_now_style{color: #000!important;    background: -webkit-linear-gradient(top,#f3e995,#d8b65c); max-width:100%; margin-top:10px;     margin-bottom: 0;}
.blog-archive, .blog-single {
	padding-top: 20px;
	padding-bottom: 20px;
}
.blog-single .blog-share{text-align:left}
footer.entry-meta{font-size:15px; border-bottom: 1px solid #ececec;}
.thong-tin-du-an{color:#cecece; background: #443f3f;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.thong-tin-du-an .row-info .right.chi-phi{font-weight:bold; color:#f0e28d}
.thong-tin-du-an .row-info .right{width:80%; display:inline-block; float:right; text-align:left}
.thong-tin-du-an .row-info .left{font-weight:bold; width:20%; display:inline-block; float:left}

.thong-tin-du-an .row-info{  font-size:15px;  border-bottom: 1px solid #332f2f;
	padding-bottom: 7px;    display: inline-block;
	width: 100%;
	clear: both;}
.danh-muc{display:block; margin-bottom:7px}
.the-tim-kiem a{background: #f1f1f1; margin-bottom:7px;
	padding: 5px 10px;
	color: black;}
.the-tim-kiem a:hover{background:gray; color:white}
.blog-single .row-large .col{padding:0 15px 15px}
.blog-archive .large-12{padding-bottom: 0px;
}
.blog-archive .post-item .box-image .image-cover{border-radius:6px}.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}.is-divider{display:none}
.blog-archive .post-item {padding-bottom:15px}.entry-header-text {
	padding: 0;
}
#breadcrumbs{margin-bottom: 10px;
	background-image: linear-gradient(to right, #e0e0e0, #ffffff);
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;}
.blog-archive .post-item .post-title:hover{color:#b58e2d}
.blog-archive .post-item .post-title{font-size:18px; margin-bottom:10px}
.single-product .product-small.col{padding: 0 10px 10px;}
.single-product .product-small.col .product-title a{color:gray; font-size:17px; font-weight:bold; }
.single-product .product-small.col .box-text{    padding: 0;
	padding-top: 5px;}
.single-product .product-small.col .box-image img{height:180px; border-radius:5px}
.blog-archive .large-9 .badge{display:none}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.off-canvas-left.mfp-ready .mfp-content{background-image: linear-gradient(black, #1f1f1f);}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		text-transform: none;
		font-weight: normal;
		font-size: 16px;
		color: #c7c7c7;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.nav-vertical li li.menu-item-has-children a{padding-top:6px !important; padding-bottom:6px !important; color:gray;}
	.nav-vertical li li.menu-item-has-children{margin:0 !important; padding-left:0}
	.nav-sidebar.nav-vertical li ul.children{background:#353333; padding-bottom:0}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #2b2b2b;
	}.icon-angle-down:before{color:gray}
	.category-section .large-3{display:none}.category-section .large-9{flex-basis:100%; max-width:100%}.slider-nav-outside .flickity-prev-next-button.next{left:93%}
	.single-product .product-small.col .box-image img{height:100px; border-radius:5px}
	.mfp-content #product-sidebar{padding:0 !important}
	.hdevvn-show-cats, .page-left-sidebar .large-3{display:none}
	.archive .large-columns-3{    margin-left: -15px !important;
		margin-right: -15px !important;}
	.blog-archive .post-item{flex-basis:50%; max-width:50%}
	.blog-archive .post-item:nth-child(2n+1){padding-right:7px;}
	.blog-archive .post-item .from_the_blog_excerpt {display:none}.blog-archive .post-item .post-title {
		font-size: 15px;
		font-family: "sans-serif", sans-serif;
	}
	.blog-archive .large-3, .blog-single .large-3{display:none}
	.blog-archive .post-item:nth-child(2n+2){padding-left:7px}
	.blog-archive .post-item .box-text{padding-bottom:0}

}