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


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


.hinh-anh{background-image: linear-gradient(#232222 , #000000);}.banner-dau-trang{    background-image: linear-gradient(#9c9c9c , #000000);}
.banner-dau-trang .col{padding-bottom:0}
.banner-dau-trang img{border-radius:10px} .header-button a, .button {border-radius: 99px;
	background-image: linear-gradient(to right, #ce9e46 , #ecda92);
	color: black !important;
	letter-spacing: 0;
	text-transform: none;
	font-weight: bold;
	font-size: 16px;}
.header-nav>li {
	margin: 0 19px;
}
.thanh-phan{    background-image: linear-gradient(#1b1919 , black);}
.dat-hang .img{margin-bottom:0 !important}
.form-dat-hang h2{color: #e9dc9d;
	text-transform: uppercase;
	font-size: 29px;
	text-align: center;}
.form-dat-hang p{ 
	font-size: 15px;
	color: #e0d9bf;}
.form-dat-hang ul{    font-size: 15px;
	color: #e0d9bf;}
input[type='tel'], input[type='text'], textarea{    border-radius: 4px;
	box-shadow: 0px 0px 0px grey;
	font-size: 15px;}
.form-dat-hang .form-chinh{display: block;
	width: 100%;}
.form-dat-hang input[type='submit']{margin: 0;
	background: #ead68c;
	border-radius: 4px;
	text-align: center;
	width: 100%;
	color: black;}
.form-dat-hang span {    padding-bottom: 10px;
	display: block;}
.form-dat-hang .form-chinh .right{width:50%; float: left; padding-left:5px}
.form-dat-hang .form-chinh .left{width:50%; float:left; padding-right:5px}
.video .post-item .box-vertical .post-title{color:#e9dc9d; font-size:22px !important}
.video .post-item .box-text .post-title{font-size:17px; color: #e9dc9d}
.video .post-item{padding-bottom:0}
.cong-dung img{border-radius:10px}
.video .post-item .box-image img{border-radius:10px}
.video .post-item .box-text .from_the_blog_excerpt {color:#dedede; font-size:15px}
.form-dat-hang .form-chinh .clearboth{clear:both}
.bang-gia .medium-4 .col-inner{background: white;
	border-radius: 10px;
	padding: 20px;}
.bang-gia .medium-4 .col-inner h3{text-transform:uppercase; color:black}
.bang-gia .medium-4 .gia-tien{font-size: 30px;
	display: block;
	width: 100%;
	font-weight: bold;
	color: black;
	padding: 7px 15px;
	background-image: linear-gradient(to right, #ebd88f00 , #ffeca6 , #ffed95 , #ebd78f00);}
.bang-gia p{text-align: center;
	margin-bottom: 10px;
	color: black;
	font-size: 16px;}
.bang-gia .medium-4 .col-inner:hover{box-shadow:10px 10px 10px black}
.bang-gia .medium-4 .col-inner:hover>.button{background:black !important; color:white !important}
.tin-tuc .post-item .post-title{font-size:16px; color:#e9dc9d; font-weight:normal}
.tin-tuc .post-item .box-text .from_the_blog_expert{color:#e0d9bf; font-size:15px; }
.tin-tuc .post-item:hover .from_the_blog_expert{color:#e0d9bf}
.tin-tuc .col{padding-bottom:0}
.stuck .header-main{background:black}
.stuck .header-main .nav > li > a{color:#e9dc9d}
.header-main .nav > li > a:hover{color: #e9dc9d}
.lightbox-content ul{margin-left:20px}
.lightbox-content ul li{color:black}
.lightbox-content h2{color:black;font-size: 20px;}
.lightbox-content p{color:black; font-size:15px}
.lightbox-content{width:420px; padding:15px; border-radius:5px}
.lightbox-content .form-dat-hang span{padding-bottom:0}
.lightbox-content .wpcf7-form{margin-bottom:0}
.blog-single, .page-right-sidebar, .blog-archive {
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgb(237, 238, 242);
}
.blog-single .large-9, .page-right-sidebar .large-9, .archive .large-9, .archive .large-9, .archive .large-9 {
	padding-right: 15px;
	border-right: 0;
}
.blog-single .large-9, .page-right-sidebar .large-9, .archive .large-9 {
	flex-basis: 72%;
	max-width: 72%;
}.post {
	margin: 0 0 15px;
}.blog-single .article-inner, .blog-archive .post-item .col-inner {
	background: white;
	padding: 15px;
	border-radius: 4px;
}.blog-archive .post-item .col-inner:hover {
	box-shadow: 2px 2px 15px #c8c8c8;
}.blog-single .article-inner, .blog-archive .post-item {
	padding-bottom: 15px;
}.entry-header-text-top {
	padding-top: 0;
}.blog-single .entry-title {
	margin-top: 15px;font-size:21px;
	letter-spacing: -1px;
	color: #000000;
}#nav-below{font-size:15px} .blog-single .is-divider {
	display: none;
}.blog-single .entry-meta {
	text-transform: none;
	font-size: 14px;
	color: gray;
	letter-spacing: 0;
}.blog-single .entry-content {
	padding-top: 0;
	font-size: 15px;
	padding-bottom: 0;
}footer.entry-meta {padding-bottom:5px !important; 
	border-bottom: 0px solid #ececec;
	padding: .5em 0 0;
}.blog-share {
	text-align: left;
}#comments .comment-respond {
	font-size: 15px;
	padding: 15px 15px 0;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
}.blog-single .post-sidebar, .page-right-sidebar .large-3, .archive .large-3 {
	padding-left: 0;
}.blog-single .large-3, .page-right-sidebar .large-3, .archive .large-3 {
	flex-basis: 28%;
	max-width: 28%;
}.blog-single #secondary, .archive #secondary {
	background: white;
	padding: 15px;
	border-radius: 4px;
}.widget_media_image {
	margin-bottom: 10px;
}.flatsome_recent_posts {
	margin-top: 20px;
	margin-bottom: 0;
}span.widget-title {
	font-size: 1em;
	font-weight: 600;
}.flatsome_recent_posts li a {
	font-size: 15px;
	color: black;
}.flatsome_recent_posts li .badge-inner {
	border-radius: 99%;
}#commentform input[type='submit'] {
	background-color: #0088ca;
	border-radius: 4px;
}.blog-single .entry-category a {
	letter-spacing: 0;
	background: #edeef2;
	padding: 4px 10px;
	border-radius: 4px;
	margin-top: 5px;
}.blog-archive .page-title {
	padding-bottom: 0 !important;
	text-align: left;
	letter-spacing: 0;
	background: white;
	padding: 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 0px;
}.blog-archive .taxonomy-description {
	background: white;
	padding: 15px;
	text-align: left;
	font-size: 15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}.blog-archive .archive-page-header .large-12 {
	padding-bottom: 15px;
}
.blog-archive .large-9 .badge {
	display: none;
}.page-right-sidebar #secondary, .page-right-sidebar .large-9 .page-inner {
	background: white;
	padding: 15px;
	border-radius: 4px;
}.page-right-sidebar #secondary, .page-right-sidebar .large-9 .page-inner {
	background: white;
	padding: 15px;
	border-radius: 4px;
}
.hinh-anh img, .tin-tuc .post-item .box-image img{border-radius:10px}table {
	width: 100%;
	margin-bottom: 1em;
	border-color: #ececec;
	border-spacing: 0;
}table tr .tieu-de, table tr td {
	border-left: 1px solid #ececec;
	text-align: center;
	color: #000;
	padding: 8px 10px;
}table tr .tieu-de {color:white !important;
	text-transform: none;
	padding: 15px 0 !important;
	background: #000000;
	width: 25%;
	font-size: 16px;
	font-weight: 700;
}table tr .tieu-de, table tr td {
	border-left: 1px solid #ececec;
	text-align: center;
	color: #000;
	padding: 8px 10px;
}
.video2 .post-item .box-text .post-title{color:black;     margin-bottom: 7px; font-size:16px}
.video2 .post-item .box-text .from_the_blog_excerpt {font-size:15px}

.page-right-sidebar .form-dat-hang span{padding-bottom:0}
.page-right-sidebar .form-dat-hang p, .page-right-sidebar .form-dat-hang ul{color:black}
.page-right-sidebar .form-dat-hang h2, .video2 .box-blog-post .is-divider, #wpcomm .wpdiscuz-front-actions, #wpcomm .wpdiscuz-form-top-bar, #wpcomm .wpdiscuz-form-bottom-bar{display:none}#wpcomm .wc-thread-wrapper {
	padding: 10px 0px 10px 2px;
	margin-bottom: 0;
	margin-top: 0;
}#wpcomm .wc-comment-header {
	border-top: 0;
}
.blog-single .post_comments{display:none}
.video2{padding-bottom:0 !important}
#wpcomm .wpd-form-row .wpdiscuz-item input[type="text"], #wpcomm .wpd-form-row .wpdiscuz-item input[type="email"]{height: 38px;
	border: 0;
	border-radius: 4px;}
#wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author a{    color: #000000;
	font-weight: bold;
	font-size: 16px;}
#wpcomm  input[type="submit"]:hover{border:0 !important}
#wpcomm input[type="submit"]{border: 0 !important;
	border-radius: 5px;font-weight:bold}
#wpcomm .wc-form-footer{padding-bottom: 5px;margin-bottom: 0px; border:0}
#wpcomm .wc-comment-header {
	margin-bottom: 0;}
#wpcomm .wc-field-textarea .wpdiscuz-textarea-wrap textarea{border-radius:4px; font-size:15px !important}
#wpcomm .wc-comment .wc-comment-right{border-radius: 5px;}
#wpcomm .wpdiscuz-textarea-wrap {
	border: 0; border-radius:5px
}
#wpcomm .avatar{box-shadow:0px 0px 0px gray; border-radius:99%}
#wpcomm {

	padding: 0;
	border-top: 0;
	margin: 0;
}
.page-template-page-right-sidebar .header-main, .single-post .header-main, .archive .header-main, .page-template-page-blank .header-main {
	height: 70px;
	background: black;
}
.footer-section .large-3{flex-basis:25% !important; max-width:25% !important}.widget-title span {
	letter-spacing: 0;
	font-size: 18px;
	color: black;
}
.chi-tiet-san-pham{padding-bottom:0 !important}
.chi-tiet-san-pham .large-12 .col-inner{background:white; padding:20px ; border-radius:5px}
.page-template-page-blank .comments-area {
	width: auto;
	background: #edeef2;
	border-radius: 5px;
	padding: 20px;    margin-bottom: 50px;
}#wpcomm .wc-reply .wc-comment-header {
	border-top: 0;
}
.page-template-page-blank #wc-comment-header, .page-template-page-blank #wpcomm{max-width:100%}
#wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author{color:black; font-weight:bold}
.video a.button{margin:0}
.page-right-sidebar .section-title-container{margin-bottom:10px}
.widget .post_comments{display:none}
.page-right-sidebar .large-9 .post-item .box-text{padding-bottom:0}
.page-right-sidebar .box-blog-post .is-divider{display:none}
.video .large-9{padding-bottom:0}
.banner-for-mobile, .gioi-thieu-mobile, .thanh-phan-mobile{display:none}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.banner-for-pc, .banner-dau-trang, .thanh-phan-pc, .gioi-thieu-pc, .cong-dung-pc, .footer-section .social-icons{display:none}
	.banner-for-mobile{display:block}
	.video .post-item .box-text .from_the_blog_excerpt, .video2 .post-item .box-text .from_the_blog_excerpt, .blog-archive .taxonomy-description{font-size:11px}
	body, .form-dat-hang span, .form-dat-hang ul, .video .post-item .box-text .post-title, .video2 .post-item .box-text .post-title, .blog-single .entry-content{font-size:13px !important}
	.grid-col-1-4{width:50%; height:125px !important
	}
	.grid-col.large-8{width:100%; height:125px !important}
	.video .large-9{text-align:center !important}
	.blog-single .large-3, .archive .large-3, .page-right-sidebar .large-3{padding-left:15px}
	.footer-section .large-3, .video2 .post-item{flex-basis:50% !important; max-width:50% !important}
	.page-template-page-blank .large-6{padding-bottom:0px}
	.archive .large-9, .blog-single .large-9, .blog-single .large-3, .archive .large-3, .page-right-sidebar .large-9, .page-right-sidebar .large-3{flex-basis:100%; max-width:100%}
	.gioi-thieu-mobile, .thanh-phan-mobile{display:block}
}