/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

/* Custom */
.bd-box .col-inner {
	border: 1px solid #DEDEDE;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 8%), 0px 4px 12px rgb(0 0 0 / 5%);
	border-radius: 15px;
}
/* dự Án */
.zalo {
    width: 100%;
    background: #068af8;
}
.zalo a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight: 600;
}
.Hotline {
    width: 100%;
    border: solid 1px #f79c1b;
    margin-top: 10px;
}
.Hotline a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 10px;
    display: block;
}
.portfolio-inner {
	margin-bottom:30px;
}
@media (max-width:980px) {
	.yeu-cau-tuvan {
		display:none;
	}
}
@media (min-width:800px) {
	.yeu-cau-tuvan2 {
		display:none;
	}
}
img.mfp-img {
	max-height:600px;
}
.portfolio-box .box-text.text-center {
	padding-bottom:0px;
}
.portfolio-box .box-text p {
	display:none;
}
.portfolio-inner img {
    max-width: 1000px;
    margin-top:10px;
	text-align:center;
	border-radius:10px;
}
/* .portfolio-top {
    padding-top: 0 !important;
} */
.page-title.portfolio-featured-title.featured-title.no-overflow {
    margin-bottom: 15px;
}
.tt-du-an {
    border-bottom: 3px solid #f79c1b;
    position: relative;
	margin-bottom:15px;
}
.tt-du-an h2 {
    display: inline;
    font-size: 14px !important;
}
.tt-du-an h2 >span {
    display: inline-block;
    font-weight: bold;
    padding: 5px 18px 0 10px;
    text-transform: uppercase;
    line-height: 25px;
    position: relative;
    color: #fff;
    background: #f79c1b;
}
.tt-du-an h2 >span:before {
    border-right: 20px solid transparent;
    border-bottom: 30px solid #f79c1b;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}
.portfolio-top {
    padding-top: 30px;
}
.album-anh ul#image-gallery {
    margin-left: 0;
    margin-right: 0;
}
td.tieu-de {
    width: 25%;
	font-size: 14px;
    color: #000;
}
td.thong-tin-trai {
    font-weight: 600;
}
.portfolio-inner {
    padding: 30px 10px 0px 10px;
}
.portfolio-inner p {
	text-align:justify;
}
.lien-he-du-an {
    text-align: center;
	margin-top:15px;
	margin-bottom:15px;
}
.lien-he-du-an .button span {
    line-height: 1;
    font-size: 14px;
	padding-top:7px;
}
.lien-he-du-an  a.button.primary.is-small {
    margin-left: 5px;
    margin-right: 5px;
}
.chia-se {
    margin-top: 30px;
}
ul#image-gallery{
    max-height: 550px !important;
    margin-bottom: 5px;
}
.album-anh ul#image-gallery {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.album-anh .lSSlideWrapper {
    border:1px solid #cecece !important;
}
.album-anh ul.lSPager.lSGallery {
    display: flex;
    margin: 0 auto;
}
.album-anh .lSSlideWrapper img {
    margin: 0 auto;
    display: flex;
	width:100%;
	max-height:531px;
	object-fit: cover;
}
.lg-outer .lg-thumb {
	margin: 0 auto;
}
@media (max-width:570px) {
	ul#albumanh {
		max-height: 350px !important;
	}
	.album-anh .lSSlideWrapper img {
		height:350px;
	}
}

.col-divided.du-an-main {
    padding: 0 10px !important;
}
.tong-quan-du-an tr:nth-of-type(odd) {
    background: #f4f7fb;
}
td.tieu-de {
	padding-left:5px;
}
.lien-he-du-an .goi-ngay {
    background-color: #dd3333 !important;
}
.lien-he-du-an .nhan-mat-bang {
    background-color: #2296f3 !important;
}
h6.portfolio-box-title {
    font-size: 14px;
	height:36px;
}
td.tieu-de-sh {
    width: 40%;
	font-weight:600;
	font-size:14px;
}
.thong-tin-trai-sh {
    color: #000 !important;
    font-weight: 500;
	font-size:14px;
}
.thongtin-duan {
	max-width:100%;
	display:inline-grid;
}
/* .slibar-duan {
	max-width:25%;
	display:inline-grid;
} */
@media (max-width:1366px) {
	td.tieu-de-sh {
		width: 30%;
	}
}
.tong-quan-du-an-sh{
	font-size:13px;
	margin-top: 10px;
}
.tong-quan-du-an-sh th, td {
	border:none;
}
@media (max-width:850px) { 
	.thongtin-duan {
		max-width:100%;
	}
	.slibar-duan {
		display:none;
	}
}
@media (max-width:570px) {
	td.tieu-de {
		width: 35%;
	}
	.portfolio-inner img {
		width:100%;
	}
	.lien-he-du-an .button span {
		font-size: 12px;
	}
	.album-anh .lSSlideWrapper img {
		width:auto;
		max-height:293px;
	}
}
/* end dự án */
/* Sản phẩm */
.widget-title.wpc-filter-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.wpc-filters-section {
    border-bottom: solid 1px #dedede;
    padding-bottom: 15px;
}
/* End Sản phẩm */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}