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


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


#header-contact li a{text-transform:none; font-size:14px}
.icon-phone:before, .icon-envelop:before{color:#da0007;}
.top-bar-nav li a{font-size:14px}
.header-bottom .nav li{margin:0}
.header-bottom .nav li a{line-height:37px; padding:5px 15px}
.header-bottom .nav li a:hover, .header-bottom .nav li.active a{background:#2c2b3b; }
.flickity-prev-next-button svg{background:#000000c7;height: 70px;}
.flickity-page-dots .dot.is-selected{background-color: #dd202a !important;
	border: none;
}
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
	background-color: #000000c9;
	border: none;
}
.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
.post-item .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.post-item .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)}
.section-title-normal {
	border-bottom: 2px solid #2c2b3b;
	background: #dd202a;
}.section-title-normal span {
	margin-right: 15px;
	padding-bottom: 3.5px;
	border-bottom: 0;
	margin-bottom: 0;
	padding: 4px 15px;
	font-size: 19px;
	color: white;
	padding-top: 7px;
}
.section-title a {
	font-size: 15px;
	background: #2c2b3b;
	padding: 8px 15px;
	color: white;
	font-weight: normal;
}
.section-title-container {
	margin-bottom: 5px;
}
.blog-single .thong-tin-them .left, .blog-single .thong-tin-them .right{width:100% !important; display:block !important; text-align:left !important; float:left !important; padding-left:0 !important}
.list-post .box-text{padding-bottom: 0;
	padding: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: white;}
.category-section{    background: #f3f3f3}
.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{height:21px; overflow:hidden; color:#2c2b3b; margin-bottom:5px}
.row-lien-he .large-12 .col-inner{border-radius:10px; border: 2px solid #dd202a; padding:20px;     display: inline-block;}
.row-lien-he .large-12 p{font-size:15px}
.form-lien-he{display:block; clear:both; width:100%}
.form-lien-he .left{width:50%; padding-right:10px; display:inline-block; float:left}
.form-lien-he .right{width:50%; padding-left:10px; display:inline-block; float:right}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select{height: 38px;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: none;}
.row-lien-he{margin-top:30 !important; margin-bottom:0}
textarea{min-height:142px}
.form-lien-he input[type='submit']{margin: 0;
	display: block;
	width: 100%;
	border-radius: 5px;
	background: #fd9a00;
	text-transform: none;
	font-weight: normal;}
.footer-secondary {
	padding: 0;
}
.top-footer .icon-box {
	box-shadow: 0 -8px 17px #dedede;
	height: 155px;
	padding: 10px 0; background:white }
.top-footer .flickity-prev-next-button .arrow{fill: white;}
.top-footer .flickity-prev-next-button{    top: 37%;
	bottom: 49%;}
.top-footer .col{padding-bottom:0}
.post-item .box-image .image-cover{border-top-left-radius: 5px;
	border-top-right-radius: 5px;}
.duong-dan{padding-left:15px !important; padding-right:15px !important
}.entry-header-text {
	padding: 0;
}.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}b, strong {
	font-weight: 500;
}
.blog-single h2, .blog-single h3, .blog-single h4, .blog-single h5, .blog-single h6{color:#dd202a}
.blog-single .blog-share{text-align:left}
.danh-muc, .the-tim-kiem{font-size:15px; color:black}
.the-tim-kiem a{    background: #f2f2f2;
	padding: 4px 10px;
	margin-bottom: 5px;}
.the-tim-kiem a:hover{background:#dd202a; color:white}
footer.entry-meta {
	border-bottom: 1px solid #ececec;
}
.entry-content ul{font-size:15px; color:black}
body{font-weight:normal}
.blog-single p{color: #383838;
	font-size: 15px; margin-bottom:10px}
.blog-single .entry-category, .is-divider{display:none}
.page-template h1.entry-title{text-align: left;
	margin-top: 10px;
	font-size: 22px;
	color: #2c2b3b;}
.nav-dropdown{padding:0; border:none}
.nav-dropdown li a{margin:0 !important; padding:3px 10px !important}
#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;}
#comments input[type='submit']{text-transform: none;
	font-weight: normal;
	border-radius: 5px;}
.blog-single .large-12{padding-bottom:0}
.blog-single .entry-title{color: #2c2b3b;
	font-size: 22px;}
.meta-related{    background: #f7f7f7;
	padding: 20px;
	margin-bottom: 20px;}
.meta-related ul{margin-bottom:0;}
.meta-related ul li{color:#dd202a}
.meta-related ul li a{color:#dd202a !important}
.bai-viet-lien-quan{display: block;
	margin-top: 20px;}
.bai-viet-lien-quan ul{display: inline-block;margin-bottom:0; 
	width: 100%;
	padding-top: 10px;
	border-radius: 5px;
	background: #f9f9f9; }.post {
		margin: 0 0 10px;
}
.blog-archive .post-item .post-title:hover{color:#dd202a}
.blog-archive .post-item .post-title{height: 21px;
	overflow: hidden;
	margin-bottom: 5px;color:#2c2b3b}
.page-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.nav-dropdown li a:hover{color:white}
.nav-pagination a{background: #2c2b3b;
	color: white !important;
	border: none !important;}
.blog-archive .nav-pagination{text-align:left}
.blog-archive .badge{display:none}
.nav-pagination>li>.current {background:#dd202a !important; border: none !important}
a.back-to-top{background:red !important; color:white; border: none !important}
.bai-viet-lien-quan ul li{padding-left:8px; padding-right:8px; list-style:none; width:25%; float:left; margin-bottom: 3px;}
.bai-viet-lien-quan .post-item .post-title{    font-size: 16px;
	color: #2c2b3b;    height: 40px;
	overflow: hidden;}
.nav-dropdown li a:hover{background: #262533 !important}
.nav-dropdown li a{border-bottom: 1px solid #252433 !important; background: #2c2b3b; color:white; border-top: 2px solid #403f54; font-size:15px}
.bai-viet-lien-quan .post-item .box-image{border-radius:5px}
.bai-viet-lien-quan .post-item .post-title:hover{color:#dd202a}
.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;
}
.thong-tin-them{display: inline-block;
	width: 100%;
	clear: both;
	border-top: 1px solid #e4e4e4;
	padding-top: 7px;
	margin-top: 5px;}
.thong-tin-them .left{width: 50%;
	padding-right: 5px;
	float: left;}
.thong-tin-them .left .label{    font-weight: 500;
	color: #125c9e;}
.thong-tin-them .left .giao-nha{color: #3aa2ff;}
.thong-tin-them .right{    float: right;
	width: 50%;
	padding-left: 5px;
	text-align: right;}
.thong-tin-them .right .label{    font-weight: 500;
	color: #125c9e;}
.thong-tin-them .right .gia-ban{color: red;}
.archive .blog-wrapper>img {
	margin-bottom: 40px;
}

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

	.off-canvas .sidebar-menu {
		padding: 0;
	}
	#top-bar{display:none}
	.off-canvas-left.mfp-ready .mfp-content{background:#2c2b3b}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
		color: white;
		font-size: 16px;
		font-weight: normal;
		text-transform: none;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #13121f;
		border-bottom: 2px solid #3f3e52;
	}
	.nav-sidebar .active>.children li{padding-left:0}
	.nav-sidebar .active>.children{    background: #1a1927;
		margin-bottom: 0;
		padding-bottom: 0;}
	.nav-sidebar .active>.children li a{font-size:15px; border-bottom: 1px solid #393750;}
	.list-post .post-item, .blog-archive .post-item{flex-basis:50%; max-width:50%}
	.list-post .post-item:nth-child(2n+1), .blog-archive .post-item:nth-child(2n+1){padding-right:5px;}
	.list-post .post-item:nth-child(2n+2), .blog-archive .post-item:nth-child(2n+2){padding-left:5px}
	.blog-archive .post-item .post-title{height:36px}
	.blog-archive .post-item .from_the_blog_excerpt {height: 56px;
		overflow: hidden;
		font-size: 12px;
	}
	.blog-archive .post-item{padding-bottom:0}
	.form-lien-he .left, .form-lien-he .right{width:100%; padding-left:0; padding-right:0}
	.float-contact{display:none}
}