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

/*************** ADD CUSTOM CSS HERE.   ***************/
.likek{
	/* margin-top:4px !important*/
}
.sttop iframe{
	margin-top:4px !important
}
.bando a{
	font-size:0px !important
}
.bando a span{
	font-size:15px !important
}
.col.bgbor{
	z-index:-1 !important
}
.bgbor .col-inner{
	border-radius:20px;
}
.imgbor img{
	border-radius:20px;
}
.bgabfix{
	position:relative;
}
.colhinhx{
	margin-top:-140px !important;
}
.text.tleft{
	padding-left:20% !important
}
.bgabfix:before{
	width:55%;
	height:75%;
	top:0px;
	left:0px;
	border-bottom-right-radius:25px;
	background:#0f5476;
	content:"";
	position:absolute;
	display:block !important
}
.bgabfix:after{
	width:35%;
	height:60%;
	top:-140px;
	right:0px;
	border-top-left-radius:25px;
	background:#f6f6f6;
	content:"";
	position:absolute;
	display:block !important
}
.tieudefix h1{
	font-size:42px;
}
nav.rank-math-breadcrumb>p>a:first-child{
	position:relative;
	padding-left:30px;
	color:#333;
}
nav.rank-math-breadcrumb>p>a:first-child:after{
	width:16px;
	height:16px;
	background:url(/wp-content/uploads/2025/03/home-page.png) no-repeat top left;
	background-size:cover !important;
	position:absolute;
	left:0px;
	top:0px;
	content:"";
}
.gtranslate_wrapper{
	min-width:60px !important
}
header.archive-page-header{
	padding-top:30px;
}
.blog-wrapper{
	padding-top:0px !important
}
.blog-wrapper .large-10.col{
	        flex-basis: 100%;
        max-width: 100%;
}
.product_meta{
	font-size:14px !important
}
body.archive  .header-bottom a, .single .header-bottom a{
	color:#fff !important
}
.page-title.shop-page-title.product-page-title{
	border-bottom:1px solid #dedede;
}
.product-info h1.product-title{
	font-size:40px !important;
	color:#111;
	margin-bottom:30px;
}
.product-info .is-divider{
	display:none !important
}
.page-title.shop-page-title.product-page-title .page-title-inner{
	padding-top:10px !important;
	padding-bottom:12px !important
}
.product-small.box .box-image{
	border:1px solid #dedede !important
}
.product-small.box .name.product-title a{
	color:#444 !important;
	font-size:16px;
}
aside.widget .widget-title{
	display:block !important;
	padding:18px 15px;
	background:#dddddd;
	color:#444 !important;
	text-transform:none !important;
	margin-bottom:15px !important
}
aside.widget .product-categories a{
	color:#444 !important;
	padding-left:15px;
}
aside.widget .is-divider{
	display:none !important
}
nav.woocommerce-breadcrumb{
	font-size:14px !important;
	text-transform:none !important;
}
.orderby{
	font-size:14px !important;
	color:#333 !important;
}
.featured-title {
    background-color: #f7f7f7 !important;
    text-shadow: none !important;
}
.featured-title .page-title-inner {
    padding-bottom: 5px;
    padding-top: 5px;
}
.featured-title .page-title-bg {
    box-shadow: none !important;
}
.featured-title{
	background-color:#f7f7f7 !important;
}
nav.woocommerce-breadcrumb a{
	font-size:14px !important;
	color:#111 !important;
}
nav.woocommerce-breadcrumb{
	color:#111 !important;
}
nav.rank-math-breadcrumb{
	background:#fff;
	border-bottom:1px solid #dedede;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
}
nav.rank-math-breadcrumb p{
	max-width:1170px;
	margin-bottom:0px !important;
	margin:0 auto !important;
	font-size:14px;
}
.absolute-footer{
	padding-top:20px !important;
	padding-bottom:20px !important;
	border-top:1px solid #dedede;
}
.absolute-footer ul{
	margin:0px;
	border:0px !important;
	margin-bottom:8px !important
}
.absolute-footer ul li{
	margin-right:30px;
}
.absolute-footer ul li a{
	font-size:15px;
	text-transform:none !important
}
.tfooter h3{
	font-size:24px;
}
.rdv p{
	margin-bottom:0px !important
}
.boxchungchi  .icon-box-text{
	padding-top:20px;
	font-size:15px
}
.blogo img{
	max-height:90px;
	width:auto !important
}
.row.rpro{
	margin-top:-100px;
}
.boxpro .col-inner{
	background:url(/wp-content/uploads/2025/03/bg-home-products-description.png) no-repeat top center;
	background-size:100% !important
}
.bclal h4{
	margin-bottom:12px !important;
	line-height:20px !important;
}
.bclal .icon-box-text{
	padding-left:8px !important
}
.bclal .icon-box-text p{
	font-size:13px
}
.row.rpro .box-label .box-text p{
	margin-bottom:0px !important;
	font-size:15px;
}
.row.rpro .box-label img{
	margin-right:-60px !important
}
.bclal .icon-box-img img{
	padding-top:0px !important
}
.row.rpro .box-label .box-text h4{
	color:#fff !important;
	margin:0px !important
}
.row.rpro .box-label .box-text.text-center {
    left: 0;
    margin: 0;
    transform: translateX(0%);
    top: 0px;
	bottom: auto;
	background:#045476 !important;
	border:12px !important;
	border-radius:6px;
	color:#fff;
}
.row.rpro .box-label .box-text.text-center {
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}
.row.rpro .box-label .box-text.text-center h4{
	color:#fff;
}

.textpro, .textpro p{
	color:#fff
}
.boxpro  p{
	color:#fff
}
.textpro h2{
	    font-size: 36px;
	color:#fff;
	margin-bottom:5px !important;
}
.textpro h3{
	margin-bottom:15px;
	padding-bottom:15px;
	position:relative;
	color:#fff;
	    font-size: 18px;
}
.textpro h3:after{
	position:absolute;
	left:0px;
	bottom:0px;
	width:70px;
	height:2px;
	background:#fff;
	content:"";
	
}
.row.rpro .tab-panels{
	padding-top:50px !important
}
.tabsp ul.nav.nav-pills{
	    width: auto;
	padding:15px 40px;
	border-radius:7px !important;
	background:#045476
}
.tabsp ul.nav.nav-pills>li>a{
	text-align:center !important;
	line-height: 20px;
	display:block !important;
	background:none !important;
	padding:15px 25px;
	color:#fff;
	text-transform:none !important;
	font-weight:600;
	font-size:18px;
	color:#7fd3fd;
}
.tabsp ul.nav.nav-pills>li.active>a{
	border:1px solid #fff;
	border-radius:2px !important
}
.tabsp ul.nav.nav-pills>li>a span{
	color:#fff
}
.section.babout h3{
	margin-bottom:0px;
	font-size:24px;
	color:#0f5476 !important
}
.section.babout .textab h2{
	margin-bottom:25px;
}
.section.babout h2{
	font-size:36px;
}
.section.babout{
	position:relative
}
.section.babout:after{
	width:38%;
	height:80%;
	position:absolute;
	right:0px;
	top:9%;
	background:url(/wp-content/uploads/2025/03/img-home-intro3-1.png) no-repeat top right;
	z-index:1;
	display:block !important;
	content:"";
	background-size:100% !important
} 
.section.babout .section-content{
	z-index:2;
}
.chitiet{
	padding:10px 50px;
	border-radius:8px !important
}
.tbox img{
	border-radius:8px !important
}
.tbox h2{
	margin-bottom:0px !important;
	font-size:36px;
}
.tbox h3{
	font-size:24px;
}
.header-main{
	border-bottom:1px solid #dedede !important
}
header.has-transparent .header-bottom a{
	color:#494949
}
header.has-transparent .header-bottom li.current-menu-item a, header.has-transparent .header-bottom li a:hover{
	color:#fe0000 !important
}
.header-bottom .menu-item a{
	font-weight:500 !important;
	font-size:16px;
}
.header-bottom ul.header-bottom-nav>li.menu-item{
	margin-right:65px !important;
	margin-left:15px !important
}
.imageicon img{
	max-height:24px;
	width:auto !important;
	    max-width: none !important;
}
.imageicon a{
	max-width:30px;
}
.sttop{
	padding:10px 45px;
	background:#0f5476 !important;
	border-radius:30px;
	color:#fff;
}
.sttop .icon-box{
	min-width:320px !important;
}
.sttop .icon-box p{
	white-space:nowrap
}
.sttop .icon-box img{
	padding-top:0px !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.icon-menu{
		font-size:30px !important;
		color:#0f5476 !important
	}
	.header-block-block-1 p{
		font-size:13px;
	}
	.stack.sttop > * {
    --stack-gap: 0.2rem !important;
}
	.boxpro .col-inner{
		padding:15px !important;
		border-radius:0px !important
	}
	.textpro h2 {
		font-size: 32px;}
	.boxpro{
		background:#045476 !important
	}
	.header-block-block-1 .gtranslate_wrapper{
		display:none !important
	}
	.tabsp ul.nav.nav-pills {

    padding: 15px 30px;

}
	.header-bottom .flex-row.container{
		padding:0px !important
	}
	.sttop {
    padding: 10px 15px;
    border-radius: 0px;

}
	.boxchungchi .icon-box-text {
    padding-top: 5px;
    font-size: 15px;
}
.transparent #logo img {
    max-height: 60px;
}
	.section.babout:after {
		top:3% !important
	}
	.mfp-content{
		background:#045476 !important;
		color:#fff !important
	}
	.text.tleft{
		padding-left:0px !important;
		color:#fff !important
	}
	.colhinhx {
    margin-top: 10px !important;
}
	.mfp-content a,.mfp-content p{
		color:#fff !important;
		
	}
	.bgabfix:before {
    width: 100%;
    height: 100%;
    
}
	.bgabfix:after {
		display:none !important
	}
}