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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Category row: luôn nằm 1 dòng */
.products .product-category.col{
  flex: 1 1 200px; /* mỗi category chiếm tối thiểu 200px, tự co giãn */
    max-width: 25%;  /* 4 cái trên 1 dòng */
}

/* Product row: cũng nằm 1 dòng */
.products ul.products li.product {
    width: 100% !important;   /* mỗi sp 1 dòng */
    display: block !important;
    clear: both;
}
.xcatey .product-category.col .col-inner{
	    background: #232323;
    box-shadow: 2px 4px 20px rgb(1 1 1 / 25%);
	border-radius:8px;
}
.xcatey .product-category.col .box-image{
	padding:25px;
}
.xcatey .product-category.col .uppercase.header-title{
	color:#dedede;
	text-transform:none !important;
	font-weight:500 !important
}
.tinleft{

       width: 66.6666666666666%;
	    float: left;
}
.tinright{
       width: 33.333333333333333%;
	    float: left;
}

.post-item .cat-label{
	text-transform:none !important;
	font-size:11px;
	font-weight:300 !important;
	margin-bottom:12px !important;
	position:relative;
	padding-left:10px;
	    opacity: 1;
}
.post-item .cat-label:after{
    content: ".";
    position: absolute;
    top: -5px;
    left: 0px;
    font-size: 40px;
    color: #DC2B01;
    line-height: 5px;
}
.slider-wrapper.pagedoitac{
    max-width: 1120px;
    margin: 0 auto;
	margin-bottom:45px !important;
	 padding: 20px 30px;
}

.slider-wrapper.pagedoitac .button{
	margin-bottom:0px !important;
	text-transform:none !important;
	font-size:21px;
	color:#E4E4E4;
	font-weight:500 !important
}
.slider-wrapper.pagedoitac .button.tatca{
	color:#ebc703
}
.titpage .section-title-main{
	text-transform:none !important;
	border-bottom:0px !important
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #fff;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #fff;
	    padding: 8px;
}
.titpage .section-title{
	border-bottom:0px !important
}
.titpage .section-title a{
	font-size:12px;
	font-weight:500 !important;
    color: #A3A3A3;
    border: 1px solid #A3A3A3;
	border-radius:6px;
	padding:8px 10px;
}
.noidung img{
	border-radius:8px !important
}
.pagedoitac{
    background: #2C2C2C;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 8px 100px;
}
.pagedoitac .flickity-slider .page-col.col:first-child p{
	color:#ebc703 !important
}
.pagedoitac .flickity-button.previous{
	left:0px !important
}
.pagedoitac .flickity-button.next{
	right:0px !important
}
.pagedoitac .flickity-button{
	margin-top: -20px !important;
 height: 60px;
}
.pagedoitac .flickity-button-icon{
		    width: 40px;
    height: 40px;
    padding: 13px !important;
}
.pagedoitac .box-text.text-left{
	padding-bottom:10px;
}
.pagedoitac .box-text.text-left p{
    font-size: 20px;
	text-align:center !important;
    letter-spacing: 0.04em;
    color: #E4E4E4;
}
.pagedoitac .flickity-prev-next-button svg {
	 fill: #fff !important;
	color:#fff !important
}
.pagedoitac .flickity-prev-next-button{
	opacity:1;
}
.pagedoitac .page-col.col{
	padding-bottom:0px;
	text-align:center !important
}
.pagedoitac .box-image{
	display:none !important
}
.pagedoitac .pagechitiet{
	display:none !important
}
.product-footer>.container{
	    max-width:100% !important;
	padding:0px !important
}
.product-info  h1{
	font-weight:500 !important;
	    font-size: 32px;
}
#reviews{
	margin:0 auto !important;
	margin-top:50px !important
}
.product-footer .row{
	margin:0 auto !important
}
.product-footer .row.align-center{
	margin:0 auto !important
}
.xmhbox i{
	color:#333 !important
}
.product-short-description{
	font-size:15px;
}
.product-short-description p{
	margin-bottom:12px;
}
.product-info  nav.woocommerce-breadcrumb {
    display: block !important;
	font-size:13px !important;
	color:yellow !important
}
.product-info  nav.woocommerce-breadcrumb  .divider{
	display:none !important
}
.product-info  nav.woocommerce-breadcrumb a{
	text-transform:none !important;
color:yellow !important
}
.product-info  nav.woocommerce-breadcrumb a:first-child{
	display:none !important
} 
.tcontac p{
	margin-bottom:12px !important
}
.archive-page-header h1{
	text-transform:none !important;
	font-size:28px !important;
	text-align:left !important;
	margin-bottom:5px !important
}
#post-list .post-item .box-image, #post-list .post-item .box-image img{
	border-top-left-radius:6px !important;
	border-top-right-radius:6px !important;
}
#post-list  .col.post-item .post-title {
 
    font-size: 18px;
  
}
.tinriht  .col.post-item .post-title {
	font-size:16px !important;
	margin-bottom:5px !important
}
#post-list  .col.post-item  .box-text.text-left{
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	background:#3e3e3e;
	padding:20px 30px;
}
.product-small.box .box-image, .product-small.box .box-image img{
	border-radius:8px !important
}
.blog-wrapper.blog-archive .row>.large-10.col{
        flex-basis: 100%;
        max-width: 100%;
}
.shop-page-title.category-page-title{
	padding-top:180px;
	padding-bottom:150px;
}
.row.category-page-row{
	padding-top:60px !important
}
nav.woocommerce-breadcrumb{
	display:none !important
}
.banbor .fill, .banbor .banner-layers, .banbor{
	border-radius:15px !important
}
.duanh h2{
	font-weight:500 !important
}
.xpage .box-text-inner p{
	font-size:18px;
	color:#fff;
}
.pagechitiet{
	display:block !important;
	margin-top:25px !important;
	font-size:13px;
	color:#dedede !important
}
.tabgiaiphap .nav.nav-pills li.tab a{
	border-radius:5px !important;
    background: #232323;
    box-shadow: 2px 4px 20px rgba(1, 1, 1, 0.25);
	padding:20px;
	margin-left:10px;
	margin-right:10px;
	width:210px;
	height:160px;
	position:relative;
    padding-top: 110px;
    font-size: 15px;
    font-weight: 400 !important;
}
.tabgiaiphap .nav.nav-pills li.tab a:after{
	width:40px;
	height:40px;
	position:absolute;
	content:"";
	z-index:2;
	background-size:cover !important;
	top:10px;
	right:15px;
	
}
.tabgiaiphap .nav.nav-pills li#tab-codien.active a:after{
	background:url(/wp-content/uploads/2025/09/electric-power.png) no-repeat top center;
}
.tabgiaiphap .nav.nav-pills li#tab-codien:not(.active) a:after{
	filter: brightness(0) invert(1);
	background:url(/wp-content/uploads/2025/09/electric-power.png) no-repeat top center;
}
.tabgiaiphap .nav.nav-pills li#tab-nha.active a:after{
	background:url(/wp-content/uploads/2025/09/smart-home-1x.png) no-repeat top center;
}
.tabgiaiphap .nav.nav-pills li#tab-nha:not(.active) a:after{
	filter: brightness(0) invert(1);
	background:url(/wp-content/uploads/2025/09/smart-home-1x.png) no-repeat top center;
}
.tabgiaiphap .nav.nav-pills li#tab-ks.active a:after{
	background:url(/wp-content/uploads/2025/09/hotel.png) no-repeat top center;
}
.tabgiaiphap .nav.nav-pills li#tab-ks:not(.active) a:after{
	filter: brightness(0) invert(1);
	background:url(/wp-content/uploads/2025/09/hotel.png) no-repeat top center;
}

.tabgiaiphap .nav.nav-pills li.tab.active a{
	background:#fff !important;
	color:#333 !important
}
.colsevent .text.tcuocsong{
	padding-top:45px !important;
	position:relative;
	min-height:410px;
}

.colsevent  .tcuocsong p{
	font-size:17px !important;
	text-align:justify;
	margin-bottom:12px;
}
.colsevent  .tcuocsong p strong{
	color:#fff !important
}
.colsevent  .tcuocsong h3{
	color:#fff
}
.colsevent .text.tcuocsong:after{
	width:45px;
	height:45px;
	content:"";z-index:9;
	position:absolute;
	left:0px;
	background:url(/wp-content/uploads/2025/09/text-que.png) no-repeat top left;
	display:block;
	top:0px;
	background-size:cover !important
}

.tcuocsong h1{
	    font-size: 20px;
	font-weight:normal !important;
	margin-bottom:30px;
	line-height:1.6em;
}
.tcuocsong p{
	color:#959595 
}
li.menu-item.menu-item-gtranslate>div{
	top:-12px;
	left:-10px;
	
}
li.menu-item.menu-item-gtranslate img{
	width:18px !important
}
.gt-lang-code, .gt_float_switcher .gt_options a{
	color:#fff !important
}
.gt-selected{
	color:#fff !important
}
.gt-selected,.gt_float_switcher{
	background:none !important
}
.gt_options a{
		padding:0px !important;
	font-size:12px !important;
}
.gt-current-lang{
	padding:0px !important;
	font-size:12px !important;
	min-width:70px !important
}
.absolute-footer .copyright-footer{
	font-size:12px;
}
.header-main .nav-spacing-xlarge>li {
    margin: 0 20px;
}
.bbotom .icon-box-img{
	width:15px !important
}
.bbotom p{
	font-size:15px;
	    color: #A3A3A3;
}
.bbotom .icon-box{
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.bbotom .icon-box-img img{
	filter: brightness(0) invert(1);

}
.bbotom h4{
	margin-bottom:15px;
    font-size: 17px;
    font-weight: 600;
}
.coltextp p{
	margin-bottom:8px !important
}
.ttimkiem .ux-search-submit{
	background:#fff !important;
	color:#555 !important;
	border:0px !important
}
.col.post-item .post-title{
	margin-bottom:15px;
	font-size:24px;
	font-weight:500 !important
}
.bfooter .social-icons a{
	margin-left:0px !important;
	margin-right:15px !important;
	opacity:0.6 !important
}
.xduan .col.post-item .box-text.text-left{
	opacity:0;
}
.xduan .col.post-item:hover .box-text.text-left{
	opacity:1 !important;
}
.col.post-item .is-divider{
	display:none !important
}
.sligiaiphap h3{
	font-size:20px;
	color:#EBC703;
	margin-bottom:25px;
}
.product-small .box-text.text-center{
	padding-top:18px;
}
.product-small .name.product-title{
	margin-top:7px !important;
	color:#fff;
	font-size:18px;
}
.ttimain .section-title-main{
	border:0px !important
}
.product-small .name.product-title a{
	color:#fff;
}
.product-small  .category.op-7{
	color:#fff !important
}
.ttimain, .ttimain .section-title{
	border-bottom:0px !important
}
.ttimain .section-title-main{
	font-weight:600 !important;
	font-size:32px;
}
.col5x .large-2 {
        flex-basis: 20%;
        max-width: 20%;
}
.col5x .icon-box-img{
	display:block !important;
	clear:both;
	text-align:right !important;
	    margin-left: auto;
}
.col5x .col .col-inner{
	box-shadow: 2px 4px 20px rgba(1, 1, 1, 0.25);
}
.col5x .col .col-inner:hover{
	    background: #EDEDED !important;
    box-shadow: 2px 4px 20px rgba(205, 205, 205, 0.25) !important;
}
.col5x .col-inner:hover .icon-box .icon-box-text h3{
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    color: #232323 !important;
}

.col5x .col-inner:hover svg{
	-webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
	 color: #dc2b02 !important;
}

.col5x .icon-box .icon-box-text{
	text-align:left !important
}
.col5x .icon-box .icon-box-text h3{
    font-size: 20px;
    letter-spacing: 0.04em;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    color: #C8C8C8;
	font-weight:600 !important
}

.col5x .icon-box .icon-box-text p{
    color: #686868;
	font-size:12px;
	min-height:40px;
}
.col5x .icon-box{
	text-align:right
}
.flickity-page-dots li.dot{
	background: #A3A3A3 !important;
	width:8px !important;
	height:8px !important;
	border:0px !important
}
.flickity-button-icon{
	border:0px !important;
	background:rgba(0, 0, 0, 0.3) !important;
	    padding: 20px !important;
}
.flickity-prev-next-button{
	width:60px !important;
}
.flickity-page-dots .dot.is-selected{
	width:18px !important;
	background: #DC2B01 !important;
	border-radius:4px !important
}
.tslogan h3{
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
	color:#dbdbdb;
	margin-bottom:10px !important
}
.btlink{
	background:none !important;
		margin-top:30px;
	border-radius:5px;
	font-weight:normal !important
}
.btlink .icon-play{
	width:40px;
	height:40px;
	line-height:38px;
	border-radius:100%;
	border:1px solid #fff !important;
	margin:0px !important;
	padding-left:0px !important;
	margin-right:10px !important
}
.tslogan h2{
	font-size:28px;
	letter-spacing:3px;
		color:#dbdbdb;
	margin-bottom:20px
}
.btcemthem{
	margin-top:30px;
	border-radius:5px;
	padding-left:25px;
	padding-right:25px;
}
.tslogan h4{
	font-style:italic;
	font-weight:400 !important;
	letter-spacing:1px;
}
.nav > li > a{
	font-weight:600 !important;
	font-size: 17px;
}
.nav-spacing-xlarge>li {
    margin: 0 25px;
}
.header-main svg path {
  fill: #ebc703 !important;
}
.intro-title{
	font-weight: 600px;
	font-size: 1.5rem;
}
.intro-info{
	color: white;
}
.intro-feated{
	margin: 0 5.5rem !important;
}
.intro-feated-title{
	font-weight: 400;
    font-size: 20px;
	color: #C8C8C8;
}
.intro-value{
	background-color: inherit !important;
}
.intro-banner-exp{
	background-color: #202020 !important;
}
.intro-exp-box{
	 height: 200px;
    border-radius: 10px;
}
.solution-img{
	padding: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}