/*
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.   ***************/
.banner {
    background: none !important;
}
.header-bottom .flex-center {
    width: 100%;
}
.img-bd .banner-bg.fill {
    padding: 15px;
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 5%);
    border: 1px solid #ddd;
    border-radius: 15px;
}
.doitac .box-image.image-zoom {
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 5%);
	border:1px solid #ddd;
	border-radius: 10px;
	height:126px;
	background:#fff;
}
.doitac .box-image.image-zoom img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    width: auto;
}
.doitac .flickity-prev-next-button {
	top:70%;
}
/* header */
/* .stuck #logo img {
    max-height: 48px!important;
} */
li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {
    top: 41px;
}
.stuck .header-main {
	background:#fff;
}
@media (min-width:1200px) {
	.header-main {
		padding-top:12px;
	}
	.logo-left .logo {
		margin-bottom:24px;
	}
	.stuck .header-inner, .stuck .logo, .stuck .logo img {
		margin-bottom: 20px !important;
	}
}

.header-bottom .flex-col {
    width: 100%;
}
.header-bottom .nav-center {
    justify-content: space-between;
}
.header-bottom .nav li {
	margin:0 auto !important;
}
li.header-search-form.search-form.html.relative.has-icon {
    width: 80%;
}
.nav-dropdown-default {
    padding: 10px;
}
.header-bottom .nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
		margin:0px;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    border: none;
}
.nav-dropdown-has-border .nav-dropdown {
		top:41px;
}

/* main */
.logo-footer {
    display: flex;
    align-items: center;
}
.breadcrumbs {
	font-size:12px
}
.section-title-center span{
	background:#ec1a23;
	display: inline-block;
    line-height: 1;
    font-size: 14px;
    padding: 10px 12px;
    color: #fff;
    fill: #fff;
    text-align: center;
}
.section-title-center span:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    transform: scaleX(0.5774) rotate(-45deg);
    background-color: #ec1a23;
	margin-top:-5px;
	padding-right:-0px;
}
.section-title-center span:before {
   content: "";
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    transform: scaleX(0.5774) rotate(-45deg);
    background-color: #ec1a23;
	margin-left:-24px;
	margin-top:-5px;
}
.section-title b {
    opacity: 1;
    background-color: #ec1a23;
}
.section-title-center span {
    margin: 0;
}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
	padding-bottom:10px !important;
}
.box-text-inner .uppercase.portfolio-box-title {
    color: #ec1a23;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.6;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:13px;
}
.doi-tac .img-inner {
    display: flex;
    box-shadow: 0 0 5px 0 #dedede;
    border: 1px solid #ffffff;
    justify-content: center;
}
.doi-tac img {
	width: auto !important;
  padding: 5px !important;
}
.doi-tac .img-inner.dark {
    background: #fff;
}
.is-sticky-column {
	bottom:48px;
}
.section-title-container {
    margin-bottom: 0;
}
.page-wrapper {
	padding-top:0px;
	padding-bottom:0px;
}
.icon-box-center .icon-box-img {
    margin: 0 auto;
}
.widgets-framed .widget, .widgets-boxed .widget {
    padding: 15px 10px 15px;
}
span.widget-title {
    font-weight: 600;
    display: block;
    background: #ec1a23;
    padding:10px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
	margin-bottom:10px;
	border-radius: 5px;
}
.sidebar-wrapper .widget {
    box-shadow: 0 0 4px 0 #dedede;
}
.widget .is-divider {
	display:none;
}
.widget ul {
    padding: 0 10px;
}
.video-slidebar {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.video-slidebar .box-bounce .box-text {
	padding:10px;
}
.video-slidebar .col.post-item.has-post-icon {
	padding-bottom:10px;
}
.footer-wrapper .section-title-normal {
	font-size:14px !important;
}
.section-title-normal {
    border-bottom: 3px solid #ec1a23;
    position: relative;
	margin-bottom:15px;
}
.section-title-normal b {
    display: none;
}
.section-title-normal span {
    display: inline-block;
    font-weight: bold;
    padding: 5px 18px 0 10px;
    text-transform: uppercase;
    line-height: 24px;
    position: relative;
    color: #fff;
    background: #ec1a23;
}
.section-title-normal span:before {
    border-right: 20px solid transparent;
    border-bottom: 30px solid #ec1a23;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}
span.hdevvn-show-cats li {
    display: block;
    width: auto;
    float: left;
    margin: 0 8px;
}span.hdevvn-show-cats li a {
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    margin-right: 0!important;
    padding-left: 10px;
}
.section-title a {
    font-size: 14px;
    margin-left: auto;
    color: white;
    margin-right: 10px;
}
.hdevvn-show-cats {
    display: none;
}

/* end main */

/* home */
.thanh-tuu {
    box-shadow: 0 0 5px #d2d2d2;
}
.home-slider {
    box-shadow: 0 0 4px 0 #dedede;
}
.dich-vu .icon-box.featured-box.icon-box-center.text-center {
    padding: 10px;
    box-shadow: 0 0 5px 0px #dedede;
}
.dich-vu .icon-box.featured-box.icon-box-center.text-center p {
    font-size:14px;
}
/*end home */

/* Footer main */
.footer-main {
    padding-bottom: 0px !important;
}
.footer-main .box-image {
	display:inline-block;
	margin-right:10px;
	width:15% !important;
}
.footer-main .box-text {
    display: inline-block;
    width: 80%;
    padding: 0 !important;
}
.footer-main .box-text p {
	display:none;
}
.footer-main .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    display: flex;
    align-items: flex-start;
}
.footer-main a.button.white.is-link.is-small.lowercase {
    display: flex;
    text-align: left;
		font-weight:500;
}
.footer-main .button span {
    display: initial;
    font-size: 13px;
    padding-left: 10px;
    line-height: 16px;
		color:#000;
}
.footer-main i {
    color: #000;
	line-height:16px;
}

/* dự Án */
.lSSlideOuter .lSPager.lSGallery li {
	opacity:.6;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	opacity:1;
	border-radius:8px;
}
.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:800px;
}
.portfolio-box .box-text.text-center {
	padding-bottom:0px;
}
.portfolio-box .box-text p {
	display:none;
}
li.image-duan.lslide {
    align-items: center;
    justify-content: center;
    display: flex;
}
.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 #ec1a23;
    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: #ec1a23;
}
.tt-du-an h2 >span:before {
    border-right: 20px solid transparent;
    border-bottom: 30px solid #ec1a23;
    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;
}

.album-anh .lSSlideWrapper {
    border:1px solid #cecece !important;
}
.album-anh ul.lSPager.lSGallery {
	margin:1px;
    display: flex;
    margin: 0 auto;
}
.album-anh .lSSlideWrapper img {
    margin: 0 auto;
    display: flex;
	width:auto;
	max-height:531px;
}
.album-anh .lSSlideWrapper.usingCss:hover {
    background: #00000042;
}
.col-divided.du-an-main {
    padding: 0 10px !important;
}
/* li.image-duan.lslide {
    align-items: center;
    justify-content: center;
    display: flex;
} */
.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;
}
td.tieu-de-sh {
    width: 30%;
}
.thongtin-duan {
	max-width:75%;
	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 */
/* Slibar giới thiệu */
.slibar-gioi-thieu {
    padding: 0 !important;
    box-shadow: 0 0 3px 0 #dedede;
    margin-bottom: 15px;
}
.slibar-gioi-thieu .col, .gallery-item, .columns {
    padding: 0 20px;
}
.slibar-gioi-thieu .ux-menu.stack.stack-col.justify-start.ux-menu--divider-solid {
    padding: 0 10px;
}
.thu-ngo {
    background: #fff;
    box-shadow: 2px 2px 20px #0000002b;
    border-image: 16 repeating-linear-gradient(
-45deg
, #ed1e24 0, #cb1f25 1em, transparent 0, transparent 2em, #1766bc 0, #1766bc 3em, transparent 0, transparent 4em);
    border-width: 10px 0;
    border-radius: 5px!important;
    border-style: solid;
    padding: 25px 20px 5px!important;
    margin-bottom: 20px;
}
.gioi-thieu .col, .gallery-item, .columns {
	padding:0 15px 5px;
}

/* footer */
.footer-menu .ux-menu-link__icon+.ux-menu-link__text {
    padding-left: .5em;
    font-size: 13px;
}

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


}