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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*.row.xpage .page-col.col:nth-child(even) .image-color img {
    -webkit-filter: grayscale(0) ;
    filter: grayscale(0) 
}
.row.tintuc .col.post-item:nth-child(even) .image-color img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.row.xgal .gallery-col.col:nth-child(even) .image-color img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.row.dathicong div.col:nth-child(even) .image-color img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.row.xpage .page-col.col:nth-child(even) .image-color:hover img{
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
.row.xpage img.mausac{
	    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}
img.mausac.lazy-load-active{
	    -webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;}
.secmainx{
	padding-bottom:25px !important
}*/
.dathicong .portfolio-box-title{
	min-height:35px !important;
	color:#222 !important
}
.xduan .portfolio-box-title{
	min-height:38px !important
}
.xduan .box-text.text-center{
	padding-bottom:10px !important
}
.xduan .portfolio-box-title{
	font-size:14px !important;
	padding-left:50px;
	padding-right:50px;
	color:#fff !important
		
}
.dichvu .xpage .box-text.text-center p{
	font-size:18px !important;
	margin-top:9px !important
}
.textabdv blockquote{
	padding-left:20px !important;
	font-style:normal !important;
	font-size:16px !important
}
.textmainx{
	background:#f7f7f7;
	padding:20px;
	padding-bottom:5px !important
}
.mungay{
	display:inline-block;
	color:#fff;
	font-size:11px;
	color:#333;
	text-transform:uppercase !important;
	text-align:center
}
.mungay strong{
	display:block;
	color:orange !important;
	font-size:20px;
	white-space:nowrap;
	margin-top:-4px;
}
.mungay img{
	width:30px;
	float:left;
	margin-right:10px;
	margin-top:6px;
}
.single-product .shop-page-title.featured-title .title-bg{
	   background-image: url(/wp-content/uploads/2022/06/living1.png) !important;
}
.product-small.box .box-image{
	border:1px solid #dedede;
}
.shop-page-title .page-title-inner{
	padding-top:100px;
	padding-bottom:100px;
}
.xgal .box-text{
	display:none !important
}
.dichvu .row.dathicong{
	max-width:1280px !important
}
.portfolio-summary .large-4.col{ 
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.portfolio-summary .large-8.col{ 
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.featured_item_cats{
	display:none !important
}
.portfolio-summary .entry-title{
	margin-bottom:0px !important;
	padding-top:8px;
	font-size:30px;
	color:#ca9a31
}
.portfolio-box-title{
	color:#ca9a31 !important
}
.portfolio-box-category{
	display:none !important
}
.tamnhin li{
	margin-bottom:5px !important
}
.section.dichvu .box-push .box-text{
	background:#fff !important
}
.section .textnobg h4{
	background:none !important
}
header.archive-page-header h1.page-title{
	font-size:24px;
	padding-bottom:15px;
	margin-bottom:15px;
	position:relative;
}
ul.sub-menu li a{
	font-size:14px;
}
header.archive-page-header h1.page-title:before {
    position: absolute;
    left: 0px;
	right:0px;
    bottom: -14px;
    width: 40px;
    height: 1px;
    background: #ca9a31 !important;
    display: block !important;
    content: "";
	margin:0 auto !important
}
header.archive-page-header h1.page-title:after {
    position: absolute;
    left: 0px;
	right:0px !important;
    bottom: -10px;
    width: 70px;
    height: 1px;
    background: #ca9a31 !important;
    display: block !important;
    content: "";
	margin:0 auto !important
}
.blog-wrapper .large-10.col{
	    max-width:100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.absolute-footer{
	padding-top:15px !important;
	border-top:1px dashed #dedede !important
}
.copyright-footer{
	font-size:13px !important;
}
.absolute-footer .container{
	max-width:100% !important;
	padding-right:60px !important;
	padding-left:60px !important
}
.footermain{
	padding-bottom:25px;
}
.rdoitac{
	padding-left:50px !important;
	padding-right:50px !important
}
.rdoitac .col{
	padding-bottom:0px !important
}
.tintuc .box-text{
	display:block !important
}
.lydochon .wpcf7-form{
	padding-left:40px;
	margin-bottom:0px !important;
	padding-right:40px !important;
}
.lydochon .wpcf7-form .wpcf7-form-control{
	font-size:14px;
	font-weight:normal !important;
	border:0px !important;
	padding-top:7px;
	padding-bottom:7px;
	height:40px;
	margin-bottom:15px;
}
.coltaisao .icon-box{
	margin-bottom:10px;
	padding-bottom:12px !important;
	border-bottom:1px dashed #ca9a31 !important
}
.coltaisao .icon-box-text{
	margin-top:5px;
}
.coltaisao .icon-box-text h4{
	font-size:15px;
	font-weight:600 !important;
	padding:10px;
	background:#f4f4f4;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
}
.wpcf7-spinner{
	display:none;
}
.lydochon .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	padding-left:50px;
	padding-right:50px;
	background:#444 !important;
	color:#fff;
	display:block;
}
.tetcen .section-title .section-title-main{
	margin:0 auto !important;
	width:100%;
	text-align:center !important
}


.lydochon .tetcen .section-title-main:before {
  left:0px !important;
	right:0px !important;
	margin:0 auto !important;
    background: #fff !important;
}
.footermain .section-title .section-title-main:before {
	  background: #fff !important;
}
.footermain p{
	font-size:13.6px;
	margin-bottom:6px !important
}
.footermain .section-title .section-title-main:after {
	  background: #fff !important;
}
.lydochon .tetcen .section-title-main:after {
  left:0px !important;
	right:0px !important;
	margin:0 auto !important;
    background: #fff !important;
}
.titmain h3{
	font-size:24px;
}
.section.duan{
	padding-left:50px !important;
	padding-right:50px !important
}
.section.tintuc{
	padding-left:50px !important;
	padding-right:50px !important;
	padding-bottom:10px !important
}
.section.duan h5.post-title{
	min-height:40px !important
}
.tatca{
	border-width:1px !important;
	border-color: #777 !important;
	margin:0px !important;
	font-size:14px;
	font-weight:normal !important
}

.is-divider{
	background-color:#ca9a31 !important
}
.tatca .icon-plus{
	margin-top:3px;
	font-size:10px !important
}
.sanpham{
	position:relative;
}
.sanpham:after{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	display:block;
	width:100%;
	max-width:400px;
	max-height:400px;
	height:510px;
	content:"";
	background:#bdbdbd;
	z-index:1;
}
.sanpham .section-content{
	z-index:4
}
.textsp h3{
	margin-bottom:15px;
	font-size:30px;
}
.chitietx{
	padding-left:35px;
	padding-right:35px;
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
}
.sanpham:before{
	position:absolute;
	left:50px;
	right:0px;
	top:70px;
	bottom:0px;
	display:block;
	width:65px;
	height:250px;
	content:"";
	background:url(/wp-content/uploads/2023/02/dvconx.png) no-repeat center left;	
	z-index:2;
	background-size:100% !important
}

.sanpham{
	padding-bottom:10px !important
}
.xpage .box-image.image-cover{ 
	border-bottom-right-radius:20px;
	border-top-left-radius:20px;
}

.xpage.ypage .page-col.col:last-child{
	display:block !important
}
.xpage .box-text.text-center{
	margin:0px !important;
	width:100% !important;
	background:#7ed350;
	border-bottom-right-radius:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.xpage .box-text.text-center p{
	font-size:13px;
	text-transform:uppercase;
	color:#fff !important;
	text-overflow:scroll;
	text-align:left;
	min-height:41px;
	letter-spacing:-0.5px;
}
.xpage.pagefix .box-text.text-center p{
	min-height:20px !important;
}
.textsub p{
	margin-bottom:5px !important;
	font-size:13px;
	color:#666;
}
.gioithieu .btchitiet{
	background:#f4f4f4 !important;
	font-size:13px;
	margin-right:10px !important;
	border:1px solid  #7ed350  !important;
	padding:5px 15px !important;
	border-color: #7ed350 !important;
	color:#555 !important;
	border-radius:5px !important
}
.gioithieu .btchitiet2{
	background:#222 !important;
	color:#7ed350 !important;
}
.gioithieu .btchitiet:hover{
	color:#ca9a31 !important;
	background:#fff  !important;
}
.textab h4{
	padding-left:15px;
	background:#f4f4f4 !important;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	border-left:1px solid #7ed350;
	font-size:16px;
	margin-bottom:15px;
}
.titmain .section-title-main{
	border-bottom:0px !important;
}
.titmain .section-title-main:after{
	position:absolute;
	left:0px;
	bottom:-10px;
	width:70px;
	height:1px;
	background:#7ed350 !important;
	display:block !important;
	content:"";
}
.titmain .section-title-main:before{
	position:absolute;
	left:0px;
	bottom:-14px;
	width:40px;
	height:1px;
	background:#7ed350 !important;
	display:block !important;
	content:"";
}
.titmain .section-title{
	border-bottom:0px !important
}
.sliderhome h1{
	font-size:60px;
	margin-bottom:30px;
}
.xemchitiet{
	font-weight:normal !important;
	color:#fff !important;
	font-size:13px !important;text-transform:uppercase !important;
}
#header .header-inner{
	padding-left:30px;
	padding-right:30px;
}
.flickity-page-dots .dot{
	width:8px !important;
	height:8px !important;
	border-width:1px !important
}
#logo{
	margin-right:0px !important
}
.mobile-sidebar li.menu-item-home span{
	font-size:13.7px !important;
}
}
.mobile-sidebar li a{
	font-weight:500 !important
}
.mobile-sidebar li.menu-item-home img{
	display:none !important
}
li.menu-item-home span{
	font-size:0px;
}
li.header-search {
	margin-left:50px
}
.header .header-nav-main.nav > li > a{
	font-size:13.7px !important;
	font-weight:500 !important
}
.header .nav-divided>li {
    margin: 0 13px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.text-right .img-inner{
	margin-left:auto !important
}
.sanpham:after {
    max-height: 250px;
}
	.sanpham:before {
    left: 5px;
    top: 15px;
}
	.section.duan {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	.titmain h3 {
    font-size: 16px;
}
	.rdoitac {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.sliderhome h1 {
		font-size: 35px;}
	.section.tintuc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	li.header-search{
		margin-left:12px !important
	}
	img.lazy-load-active.mausac{
	    -webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;}
}