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

/*************** ADD CUSTOM CSS HERE.   ***************/
.listson .icon-box-img{
	padding:10px !important;
	border-radius:100% !important;
	background:#fff !important
}
.listson .icon-box-img{
	margin-bottom:10px !important
}
.listson .icon-box-img img{
	padding:0px !important;
	margin:0px !important
}
.listson .icon-box-text{
	padding:15px;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
	border-radius:10px;
}
.listson .icon-box-text, .listson .icon-box-text p{
	text-align:center;
}
.product-info span.amount {
    color: #7d3619;
    font-size: 24px;
}
.product-info .single_variation_wrap{
	padding-left:195px;
}
.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 1px #7d3619 !important;
}
.woocommerce-variation-add-to-cart.variations_button{
	display:none !important
}
.product-short-description{
	font-size:15px;
}
.product-short-description ul{
	list-style:none !important;
	margin-bottom:0px;
}
.product-short-description ul li{
	position:relative;
	margin-left:0px !important;
	padding-left:30px;
}
.product-short-description ul li:after{
	content:"";
	position:absolute;
	left:0px;
	top:3px;
	background:url(/wp-content/uploads/2025/07/check-markx.png) no-repeat top left;
	width:18px;
	height:18px;
	background-size:100% !important
	
}

.product-small.box  .add-to-cart-button a.add_to_cart_button{
	text-transform:none !important;
	font-weight:normal !important;
	border:0px !important;
	line-height:40px;
	background:#e9e9e9;
	border-radius:3px;
	padding-left:35px;
	position:relative
}
.product-small.box  .add-to-cart-button a.add_to_cart_button:after{
	width:18px;
	height:18px;
	position:absolute;
	top:10px;
	left:10px;
	background:url(/wp-content/uploads/2025/07/add-to-cart.png) no-repeat top left;
	background-size:cover !important;
	content:"";
	opacity:0.4
	
}
.product-small.box  .add-to-cart-button a.add_to_cart_button:hover{
	background:#7d3619
}
.product-small.box  .box-text.box-text-products{
	padding-bottom:0px !important
}
.featured-title .page-title-inner{
	min-height:100px !important
}
body.single  .page-title .title-bg.fill.bg-fill{
	background:#f7f7f7 !important
}
.page-title .dark .is-divider{
	display:none !important
}
.entry-category a, .byline{
	color:#111 !important
}
.entry-meta .posted-on{
	color:#111 !important
}
.featured-title {
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
body.single  .page-title  .title-overlay{
	    background-color: rgba(0, 0, 0,0) !important;
}
.page-title  .dark .is-divider {
    background-color: #7d3619 !important
}
.archive-page-header .title-overlay {
    background-color: rgba(0, 0, 0,0) !important;
}
.page-header-wrapper .title-overlay {
    background-color: rgba(0, 0, 0,0) !important;
}
.page-header-wrapper h1.entry-title{
	color:#7d3619 !important
}
body.single  .page-title .entry-title{
	color:#7d3619 !important
}
.archive-page-header  h1.entry-title{
	color:#7d3619 !important
}
.send-message-mobile {
    display: grid;
    background-color: #fff;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    padding: 15px 0 0;
    position: fixed;
    right: 15px;
    box-shadow: 4.76712px -1.19178px 5.9589px rgba(250, 150, 94, .15);
    border-radius: 30px;
	bottom:50px !important
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
.send-message-mobile img{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.send-message-mobile a {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 10px 5px;
    position: relative;
}
.send-message-mobile a p {
    font-size: 10px;
    margin-bottom: 0;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
    display: none;
}
body.archive .header-main {
    background: #fff;
}
.product-small .name.product-title{
	text-align:center !important
}
#top-bar i.icon-discord{
	background:url(/wp-content/uploads/2025/06/threads.png) no-repeat top center !important;
font-size: 14px;
    width: 12px;
    height: 14px;
    background-size: 100% !important;
    opacity: 0.5 !important;
}
#top-bar i.icon-discord:hover{
	 opacity: 1 !important;
}
#top-bar i.icon-discord:before{
	display:none !important
}

.cot3x i.icon-discord{
		background:url(/wp-content/uploads/2025/06/threadsx.png) no-repeat top center !important;
font-size: 14px;
    width: 16px;
    height: 16px;
    background-size: 100% !important;
}
.cot3x i.icon-discord:hover{
	 opacity: 1 !important;
}
.cot3x i.icon-discord:before{
	display:none !important
}
.xtopxz{
	margin-top:-50px;
   /* box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);*/
}
.xtopxz.row.row-collapse {
    max-width: 1140px;
}
.xtopxz .colxy1x .col-inner{
	border-bottom-left-radius:12px;
	border-top-left-radius:12px;
}
.xtopxz .colxy2x .col-inner{
	border-bottom-right-radius:12px;
	border-top-right-radius:12px;
}

.xtopxz h3{
	color:#7d3619;
	margin-bottom:7px;
}
.xtopxz p{
	font-size:14px;
	    letter-spacing: -1px;
}
body.woocommerce #header {
	    min-height: 130px;
}
nav.woocommerce-breadcrumb, .orderby,.woocommerce-result-count {
	font-size:13px;
}
.header:not(.has-transparent) #top-bar{
	border-bottom:1px solid #dedede
}
.header:not(.has-transparent) #logo {
    padding-left: 0px !important;
	text-align:left !important 
}
.header:not(.has-transparent) #logo img {
    margin: 0 !important;
}
body.archive  .header:not(.has-transparent) #logo img {
    margin: 0 auto !important;
}
body.archive  .header:not(.has-transparent) #logo {
    padding-left: 30px !important;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #222 !important;
}
.rfooter p{
	font-size:14px;
}
.rfooter .ux-menu-link__link{
	padding:0px;
	min-height:35px;
	font-size:14px;
}
.imgg img{
	width:auto !important;
	max-height:55px !important
}
.prox .col-inner{
	padding: 20px 20px;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
    border-radius: 5px !important;
    background: #fff;
}
.product-small.col .col-inner{
		padding: 20px 20px;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
    border-radius: 5px !important;
    background: #fff;
}

body.archive .header .header-wrapper:not(.stuck){
	position:absolute;
}
body.archive .section.goithietke{
	padding-top:0px !important
}
.stmenu a.plain{
	padding:10px 18px;
	background:#fff !important;
	border-radius:2px;
	border:1px solid #ab634638
}
.product-small .name.product-title{
	margin-bottom:10px;
	color:#333;
}
span.amount {
	color: #7d3619;
}
.product-small.box .name.product-title a {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 54px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #422b1c;
}
.product-small .name.product-title a{
	color:#333;
}
.stmenu a.plain .icon-box-text{
	padding-top:6px !important;
	padding-left:8px !important
}
.stmenu a.plain .icon-box-text h3{
	color:#7d3619;
	font-size:16px;
	font-weight:500 !important
}
.f2x{
	width:100%;
	margin-bottom:0px;
	display:flex
}
.colformx .wpcf7-form-control.wpcf7-textarea{
	min-height:150px;
}
.colformx h2{
	margin-bottom:25px;
}
.colformx .wpcf7-form-control{
	height:50px;
	background:none !important;
	border:1px solid #dedede;
	font-size:14px;
}
.colformx .wpcf7-form-control.wpcf7-submit{
	border-radius:4px !important;
	background:#7d3619 !important;
	margin:0px !important;
	width:100% !important
}
.f2x .wpcf7-form-control-wrap{
	margin-right:12px;
}
.f1x .wpcf7-form-control-wrap{
	margin-right:12px;
}
.blog-wrapper .post-title{
	color:#222;
}
.f1x.f1bt{
	padding-right:12px;
}
.btduan{
	font-size: 13px;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    margin-right: 0px;
}
.tabdan li.tab>a{
	padding:4px 20px !important;
	border-radius:5px !important
}
.blog-wrapper.blog-archive.page-wrapper .large-10.col{
	margin-top:40px;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
body.archive .header .header-wrapper:not(.stuck) .header-bg-color,body.archive .header .header-wrapper:not(.stuck){
	background-color:transparent !important
}
.section.noithat{
	padding-bottom:0px !important
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header .page-title{
	margin-bottom:0px !important
}
.blog-wrapper.blog-archive.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header{
    padding-top: 165px;
    background: #f7f7f7;
    background-size: cover;
    min-height: 200px;
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header .page-title{
	text-align:left;
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header .page-title{
	font-size:32px;
	color:#7d3619 !important
}
#footer{
	border-top:10px solid #7d3619
}
.rthietke .box-text.text-center{
	background:none !important
}
.rthietke .icon-inner{
	background:rgb(26, 167, 156) !important
}
.sidebarright h3{
	font-weight:500 !important;
	font-size:1.1em;
}
.sidebarright .ux-menu-link__text{
	font-size:16px;
}
.sidebarright .ux-menu-link__link{
	padding-top:8px;
}
.xtinnoibat  .box-text.text-center{
	text-align:left;
	padding-bottom:0px !important;
    padding-top: 0px;
    vertical-align: top;
	
}
.xtinnoibat  .box-text.text-center h5{
	font-size:15px;
	height:60px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}
.page-title h1.entry-title{
	font-size:32px;
}
.xtinnoibat .is-divider{
	display:none !important;
}
.about1{
	padding-bottom:30px !important
}
.sliderhome p{
	text-align:center !important
}
.copyright-footer{
	font-size:14px !important;
}
.cot3x p{
	margin-bottom:7px !important
}
#footer .footer-2{
	padding-top:45px;
}
.rfooter img.size-full{
	margin-bottom:0px !important
}
.absolute-footer{
	padding-top:25px !important 
}
.section.hethong{
	padding-bottom:35px !important
}
.rdoitac .col{
	padding-bottom:0px !important
}
.section.giaithuong{
	padding-bottom:35px !important
}
.section.doitac{
	padding-bottom:35px !important
}
.rdoitac .ux-logo-link{
	padding-top:0px !important;
	padding-bottom:0px !important
}
.yeucau .wpcf7-form-control{
	font-size:15px;
	padding-left:50px;
	border:0px !important;
	height:50px;
	border-radius:5px;
	outline:none !important;
	box-shadow:none !important;
	position:rala;
}
.yeucau .wpcf7-form-control.wpcf7-text:not(.wpcf7-email){
	background:#F8F8F8 url(/wp-content/uploads/2021/03/us1x.png) no-repeat top 13px left 13px;	
}
.yeucau .wpcf7-form-control.wpcf7-text.wpcf7-email{
	background:#F8F8F8 url(/wp-content/uploads/2021/03/mail.png) no-repeat top 13px left 13px;
}
.yeucau .wpcf7-form-control.wpcf7-textarea{
	background:#F8F8F8 url(/wp-content/uploads/2021/03/writing.png) no-repeat top 13px left 13px;
}
.yeucau .wpcf7-form-control.wpcf7-submit{
	height:60px;
	padding-right:50px;
	font-weight:500 !important
}
#top-bar a{
	font-size:14px;
}
#top-bar img.ux-menu-icon{
    filter: invert(1);
}
.from_the_blog_excerpt{
	color:#777;
}
.section.tintuc{
	padding-bottom:20px !important;
}
#logo img {
    max-height: 125px;
	margin:0 auto !important
}
#logo{
	background:#fff !important;
	padding-left:30px;
	padding-right:30px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	text-align:center
}
.header-wrapper.stuck #logo{
	
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;

}
.xtintuc .post-title{
	margin-top:10px;
	margin-bottom:12px;
	text-transform:uppercase;
	font-weight:500 !important;
	font-size:18px;
	white-space:nowrap;
	overflow-x: hidden;
    text-overflow: ellipsis;
	color:#222;
}
.rgoi .price{
	display:none !important
}
.rgoi .pricing-table-header{
	background:#fff !important;
	color:#1AA79C !important;
}
.rgoi .bullet-item{
	border-bottom:0px !important;
	padding-bottom:0px !important;
	
}
.rgoi .bullet-item .text{
	font-size:15px;
}
.rgoi .pricing-table {
	background:none !important
}
.rgoi .pricing-table-items{
		background:#1AA79C !important;
	border-radius:11px;
	padding-bottom:35px;
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;
}
.rgoi .pricing-table .title{
	background:#fff !important;
	font-size:24px;
	text-transform:none !important;
	padding-bottom:30px;
	
}
.rgoi .pricing-table{
	border:0px !important;
	box-shadow:none !important
	}

.btthietke{
	font-size:24px;
	margin:0px !important;
	text-transform:none !important
}
.xtintuc .is-divider{
	display:none ;
}
.xtintuc .post-meta{
	margin-bottom:12px;
}
.xduan .box-text.text-center{
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	background:rgb(0 0 0 / 75%) !important;
	padding:80px 30px;
}
.xduan .col.post-item{
	-webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
    -webkit-perspective: 1000px; 
    perspective: 1000px;
}

.xduan .col.post-item .box{
	transform: rotateY(0deg);	
	    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.xduan .col.post-item:hover .box{
	opacity: 1;
	transform: rotateY(360deg);
	
}
.section.thanhvien{
	padding-bottom:35px !important
}
.sthanhvien h4,.sthanhvien h4 strong{
	font-weight:500 !important;
	margin-bottom:8px;
	margin-top:15px;
}
.khachhang .testimonial-text:before {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate( 
180deg
 );
    transform: rotate( 
180deg
 );
    content: "”";
    position: absolute;
    display: block;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    font-family: Vidaloka, sans-serif;
    font-style: normal;
    color: #fff;
    font-size: 100px;
    opacity: 1;
    height: 28px;
	line-height: 0.8;
}

.khachhang .testimonial-text{
	    font-style: normal !important;
	position:relative;
	padding-top:45px;
	padding-left:0px;
	padding-right:0px;
    text-align: left;
}
.khachhang .testimonial-text p{
	font-size:15px;
}
.khachhang .testimonial-meta{
	text-align:left
}
.khachhang .testimonial-name{
	color:#fff;
	font-weight:600 !important;
}
.sthanhvien p{
	margin-bottom:15px;
	font-size:15.5px;
	
}
.sthanhvien p:last-child{
	color:#777;
}
.xduan .is-divider{
	display:none
}
.xduan .box-text.text-center button.button{
	display:none;
}
.xduan .col.post-item:hover .box-text.text-center button.button{
	display:block;
    margin: 0 auto !important;
    text-align: center;
    color: #c7c7c7 !important;
	font-weight:500 !important
}

.xduan .box-text.text-center .post-title{
	color:#c7c7c7;
	font-weight:500 !important;
	font-size:20px;
}
p{
	text-align:justify;
}
.rdichvu p{
	color:#666;
}
.rdichvu h3{
	font-weight:500 !important
}
.rdichvu .has-icon-bg .icon svg{
	width:46%;
	margin-left: 27%;
    margin-right: 27%;
	z-index:2;
}
.rdichvu .icon-box .has-icon-bg .icon .icon-inner{
	background:#7d3619;
}
.rdichvu .icon-box .has-icon-bg .icon .icon-inner{
	overflow:hidden;
}
.rdichvu .icon-box .has-icon-bg .icon .icon-inner:after{
	content: '';
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    transition: .3s;
    z-index: 1;
    transform: translateX(-100%);
    border-radius: 50%;
    background: #444;
}
.rdichvu .icon-box:hover .has-icon-bg .icon .icon-inner:after{
	transform: translateX(0);
}
.rdichvu .icon-box .has-icon-bg svg{
	color:#fff !important
}
.rtitle h2{
	padding-top:20px;
	position:relative
}
.section.slogan h2{
	line-height:1.5em;
}
.section.dichvu{
padding-bottom:50px !important;
}
.section.nangluc{
padding-bottom:30px !important;
}
.rtitle h2:after{
	width:120px;
	height:3px;
	content:"";
	left:0px;
	right:0px;
	margin:0 auto;
	top:0px;
	text-align:center;
	display:block;
	position:absolute;
	background:#7d3619
}
.section.about{
	padding-bottom:25px !important;
}
.section.about p{
	text-align:justify
}
.abright p{
	margin-bottom:0px !important
}

#header .container{
	max-width:1330px;
}
.btmain.button,.idangky.button{
	padding:10px 40px;
	border-radius:5px;
	font-weight:normal !important;
	margin-bottom:0px;
}
.rtitle .titleleft h2:after{
	left: 0px !important;
    text-align: left;
    right: auto;
}
.section.goithietke{
	padding-bottom:30px !important
}
.idangky.button{
	padding:3px 60px !important;
	font-size:15px;
	color:#222;
	font-weight:500 !important;
	text-transform:none !important
}
.header-main li.menu-item a{
	font-weight:normal !important;
	font-size:15px;
	letter-spacing:1px;
}
.sliderhome h2{
	text-transform:uppercase;
	font-size:60px;
}
.sliderhome .text-box.banner-layer .text-box-content{
	padding-top:30px;
	position:relative;	
}
.social-icons.follow-icons.mxh>a{
	margin-right:12px;
}
.social-icons.follow-icons.mxh>a>i{
	color:#1aa79c
}
.sliderhome .text-box.banner-layer .text-box-content:after{
	width:120px;
	height:3px;
	content:"";
	left:0px;
	right:0px;
	margin:0 auto;
	top:0px;
	text-align:center;
	display:block;
	position:absolute;
	background:#1AA79C
}
.sliderhome strong{
	text-transform:uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}
.sliderhome  .text-box.banner-layer .button.primary{
	padding:10px 40px;
	border-radius:5px
}
#top-bar .header-button a{
color: #fff !important;
	background:#7d3619 !important;
    text-transform: none !important;
    font-weight: 500;
    font-size: 14px;
    padding: 0px 25px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
}
#top-bar .social-icons a{
	margin-right:15px;
}
#top-bar .social-icons i{
	font-size:14px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body.home .header.has-transparent{
		position:relative !important
	}
	body.home .sliderhome{
		position:relative;
	}
.sliderhome .is-full-height {
	height: 350px !important
}
	#header .icon-menu{
		color:#7d3619 !important;
		font-size:42px !important
	}
	body.home .sliderhome:before{
		display:none !important;
	background: #FFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);	
	width:100% !important;
		height:60%;
		content:"";
		z-index:3;
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
	}
.banner h2 {
    font-size: 26px;
}
	.banner p {
    font-size: 17px;
}
.xduan .box-text.text-center {

    padding: 25px 25px;
}
	.col.yeucau .col-inner{
		padding:0px !important
	}
	#top-bar{
		display:none !important
	}
	.row.xtinnoibat .col.post-item .image-cover{
		padding-top:50% !important
	}
	.row.xtinnoibat .box-text.text-center{
		margin-top:15px;
	}

#logo {
    width: 80px !important;
}
#logo {
    background: none  !important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0px;
}
	.stmenu a.plain .icon-box-text h3{
		font-size:14px !important
	}
	.stack.stmenu{
		display:block !important;
		width:100% !important;
		padding-left:5px !important;
		padding-right:5px !important
	}
	.stack.stmenu a.plain{
		float:left !important;
		width:49% !important;
		margin:0.5% !important;
	        padding: 5px !important;
	}
	.stack.stmenu a.plain:first-child{
		width:99% !important;
		margin:0.5% !important;
	}
	.xtopxz {
		margin-top: 20px !important;
	}
	.xtopxz p{
		display:none !important
	}
	.xtopxz .icon-box{
		display:block !important;
		text-align:center
	}
	.xtopxz  .col-inner{
		border-bottom:1px solid #dedede;
		padding-bottom:10px !important
	}
	.xtopxz .icon-box .icon-box-img{
		margin:0 auto !important
	}
	.blog-featured-title .title-overlay.fill{
		    background-color: rgba(0, 0, 0, .8) !important;
	}
	.slider-wrapper .flickity-prev-next-button {
        display: block !important; 
		opacity: 1 !important;
    }
	body.home .sliderhome:before {
        
     
		height: 50%;
	}
	.product-info .single_variation_wrap{
	padding-left:0px;
}
}