/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Noto+Serif+JP:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
	--second: #e8a723;
	--cam:#FF9800;
	--vang:#EBAC45;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Archivo Narrow', sans-serif !important;
	font-weight: 600 !important;
}
div, p, li, a{
	font-family: 'Roboto', sans-serif;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
input[type=submit]{
	margin:0;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
	transition:all 0.3s;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.post-item .is-divider,aside > .is-divider,.entry-header .is-divider{
	display:none !important;
}
.section-content{
	z-index:unset !important;
}
.dark, .dark p, .dark td{
	color:#fff !important;
}
.pd-b0,.ga-pd-b0 .col{
	padding-bottom:0 !important;
}
.ul-mb0 ul{
	margin-bottom:0;
}
.p-mb0 p,.title-mb0 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:0;
}
.p-mb5 p,.title-mb5 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:5px;
}
.p-mb10 p,.title-mb10 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:10px;
}
.p-mb15 p,.title-mb15 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:15px;
}
.p-mb20 p,.title-mb20 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:20px;
}
.p-w400 p, .title-w400 :is(h1,h2,h3,h4,h5,h6){
	font-weight:400;
}
.p-w500 p, .title-w500 :is(h1,h2,h3,h4,h5,h6){
	font-weight:500;
}
.p-w600 p,.title-w600 :is(h1,h2,h3,h4,h5,h6){
	font-weight:600;
}
.p-w700 p,.title-w700 :is(h1,h2,h3,h4,h5,h6){
	font-weight:700;
}
.p-w800 p,.title-w800 :is(h1,h2,h3,h4,h5,h6){
	font-weight:800;
}
.p-w900 p,.title-w900 :is(h1,h2,h3,h4,h5,h6){
	font-weight:900;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--vang) !important;
	color: #fff !important;
	background: url(/the-global-city/wp-content/uploads/2026/03/top.png) var(--vang);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 16px;
	min-width:unset;
}
#top-link i{
	display:none;
}
.col-h100 > .col-inner{
	height:100%;
}
a.button.btn-m0{
	margin:0;
}
.img-white img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
.map-lh{
	height:350px;
}
.header-nav.nav li a{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
}
.header-nav.nav li{
	margin: 0;
}
.header-nav.nav > li > a{
	padding-left: 15px; 
	padding-right: 15px;
	transition: all 0.3s ease-in-out;
}
.header-nav.nav > li:hover > a, .header-nav.nav > li.active > a{
	background-color: rgba(0, 174, 255, 0.1); 
	transition: all 0.3s ease-in-out;
}
.header-wrapper{
	border-bottom: 1px solid #f1f1f1;
}
.header-nav ul.sub-menu li:hover > a{
	background:#f3f1ea;
}
.transparent #logo img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.transparent .header-nav.nav > li > a{
	color: #fff;
}
.banner-home .text-inner h1{
	font-size: 45px;
}
.banner-home .text-inner p{
	font-size: 16px;
}
.nav-sidebar.nav li a{
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px; 
	color: var(--primary-color);
}
.col-bot{
	padding-bottom: 0;
}
.tieude h2{
	font-size: 35px;
	color: var(--primary-color);
	margin-bottom: 10px;
}
.tieude2 h2{
	font-size: 30px;
	color: var(--primary-color);
	margin-bottom: 10px;
}
.tieude h5{
	font-size: 25px;
	margin-bottom: 0;
}
.dark .tieude h2{
	color: var(--second);
}
.absolute-footer{
	background-color:#856934 !important;
	padding:0;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:15px 0;
}
.zalo-container:not(.right) {
	left: 34px;
}
.tieude-page .page-title-inner{
	padding-top: 0;
}
.tieude-page h1.entry-title{
	font-weight: 300 !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px;
}
.gg-map p, .wpcf7-form.init{
	margin-bottom: 0;
}
.formlh .row{
	margin: 0 -7px !important;
}
.formlh .row > div{
	padding: 0 7px;
}
.formlh label{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 3px;
}
.formlh input, .formlh textarea, .formlh select{
	height: 42px; 
	box-shadow: none !important;
	border-radius: 4px;
	font-size: 15px;
	width: 100%;
}
.wpcf7-spinner{
	display: none;
}
.formlh input[type='submit']{
	margin: 0;
	font-weight: 500;
}
.lienhe .social-icons a{
	border-radius: 4px !important;
}
.lienhe .social-icons a i{
	top: 0;
}
.box-blog-post .box-text{
	padding: 10px 0;
}
.box-blog-post h5.post-title{
	font-size: 18px; 
	color: var(--primary-color);
	text-transform: uppercase;

	display: block;
	display: -webkit-box;
	height: 47px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 7px;
}
.archive-pk .box-blog-post h5.post-title{
	font-size: 25px;
	display: block !important;
	overflow: visible;
	text-overflow: initial;
	height: auto;
	margin-bottom: 15px;
}
.row-archive-pk{
	margin-top: 30px;
}
.box-blog-post .is-divider{
	display: none;
}
.blog-wrapper .lienket{
	margin-bottom: 20px;
}
.blog-archive h1.page-title{
	text-align: left;
	font-size: 32px; 
	color: var(--primary-color);
	text-transform: initial;
	letter-spacing: 0;
	margin-bottom: 12px;
}
.blog-archive .taxonomy-description{
	text-align: left;
}
.blog-archive .taxonomy-description p{
	margin-bottom: 12px;
}
.blog-wrapper{
	padding-top: 0;
}
.lienket .page-title-inner{
	padding-top: 0;
}
.lienket .breadcrumbs, .lienket .breadcrumbs a{
	font-size: 15px; 
	text-transform: initial;
	font-weight: 300;
	text-align: left;
}
.blog-single > .row > .large-8{
	padding-right: 0;
}
.blog-single .entry-header-text{
	padding-bottom: 0;
}
.blog-single .entry-header-text h6, .blog-single .entry-header-text .is-divider{
	display: none;
}
.blog-single h1.entry-title{
	font-size: 35px;
	color: var(--primary-color);
}
.entry-content.single-page{
	padding: 0;
}
.entry-content.single-page p, .entry-content.single-page li{
	text-align: justify;
}
.entry-content.single-page h1, .entry-content.single-page h2, .entry-content.single-page h3, .entry-content.single-page h4, .entry-content.single-page h5, .entry-content.single-page strong{
	color: var(--primary-color);
}
.bg-fix .bg{
	background-attachment: fixed;
}
.sec-tietkiem .formlh input{
	border:1px solid #4d4d4d;
	border-radius: 5px;
	height:42px;
}
.sec-tietkiem .formlh input[type=submit]{
	border:0;
}
.row-phut > .col:after{
	content: '';
	width: 2px;
	height: 75%;
	top: 0;
	right: 0;
	position: absolute;
	background-color: #c5c5c5;
}
.row-phut > .col:last-child:after{
	display: none;
}
.row-phut h3{
	font-size: 22px;
	color: var(--primary-color);
	margin-bottom: 0px;
}
.row-phut p{
	font-size: 14.5px;
	margin-bottom: 7px;
}
.text-jus p, .text-jus li{
	text-align: justify;
}
.chantrang p, .chantrang li{
	font-size: 15px;
	font-weight: 300;
}
.chantrang h3{
	font-size: 23px;
}
.doitac img{
	object-fit: contain;
	filter: brightness( 200% ) contrast( 50% ) saturate( 0% ) blur( 0px ) hue-rotate( 360deg );
}
.form-ud h2{
	font-size: 26px; 
	color: var(--primary-color);
	margin-bottom: 5px;
}
.form-ud p{
	font-size: 15px;
}
.text-tq p{
	margin-bottom: 8px;
	position: relative;
	padding-left: 25px;
}
.text-tq p:before{
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2023/04/✅.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px; 
	left: 0;
	top: 3px;
}
.doitac .flickity-button{
	display: none;
}
.row-ud h2{
	font-size: 40px;
	font-family: 'Noto Serif JP', serif !important;
	margin-bottom: 5px;
}
.row-ud h3{
	font-size: 25px;
}
.row-ud p{
	font-size: 15px;
	margin-bottom: 10px;
}
.row-ud > .col > .col-inner:after{
	content: '';
	width: 100px;
	height: 1px;
	background-color: rgba(255,255,255,0.35);
	position: absolute;
	bottom: -25px;
	left: 0;
}
.btn{
	font-weight: 400;
	background-color: #B60202 !important;
}

.row-sp > .col:first-child:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 95%;
	border-right: 1px dashed var(--primary-color);
}
.pum-overlay.pum-overlay-disabled {
	visibility: visible;
}
.popmake .formlh input[type='submit']{
	background-color: #B60202 !important;
}
.header-nav.nav > li:before, .header-nav.nav > li:after{
	display: none;
}
.header-nav.nav > li > .sub-menu{
	padding: 0;
	border: 0;
	left: -99999px;
}
.header-nav.nav > li:hover > .sub-menu{
	left: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-nav.nav .sub-menu{
	min-width: 300px;
}
.header-nav.nav .sub-menu a{
	margin: 0;
	padding: 15px 15px 13px 15px;
	color: #333;
	text-transform: uppercase;
	font-size: 13.5px; 
	font-weight: 400;
}
.sanpham .col, .sp2 .col{
	margin: 0;
}
.product-small.box .name{
	margin: 0;
}
.product-small.box .name a{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 17px;
	color: var(--primary-color);
	font-weight: 500;

	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 45px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-small.box .box-text{
	padding: 10px 0;
}
.product-small.box .box-image:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
	z-index: 1;
}
.product-small.box .price{
	position: absolute;
	top: -35px;
	z-index: 2;
	margin-left: 15px;
}
.product-small.box .price .amount{
	font-size: 16px; 
	color: #fff;
}
.info .tren{
	font-size: 13px;
}
.info .duoi img{
	height: 16px;
	object-fit: contain;
	margin-right: 7px;
}
.info .duoi {
	display: flex;
	flex-flow: nowrap;
	justify-content: left;
	margin-top: 7px;
}
.info .duoi > div {
	display: flex;
	align-items: center;
	margin-right: 20px;
	font-size: 14px;
}
.shop-page-title .page-title-inner > div:first-child > .is-large{
	display: none;
}
h1.shop-page-title{
	margin-bottom: 0;
	color: var(--primary-color);
	font-size: 32px;
}
select.orderby{
	border-radius: 4px; 
	box-shadow: none !important;
}
.archive .product-small.box, .related .product-small.box, .sp2 .product-small.box{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.archive .product-small.box .box-text, .related .product-small.box .box-text, .sp2 .product-small.box .box-text{
	padding: 15px;
}
.chitietsanpham h1.product-title{
	font-size: 32px;
	color: var(--primary-color);
	line-height: 1.2em;
	margin-bottom: 15px;
}
.diachi {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300;
	color: #636363;
}
.diachi i{
	margin-right: 10px;
}
.woocommerce-tabs > .tabs{
	display: none;
}
.woocommerce-tabs > .tab-panels{
	padding-top: 0;
}
.tieude-ct .section-title-main{
	border-bottom: 0;
}
.tieude-ct .section-title{
	border-bottom: 1px solid #dce0e0;
}
.woocommerce-Tabs-panel p{
	margin-bottom: 12px;
}
.woocommerce-Tabs-panel li{
	margin-bottom: 7px;
}
.chitietsanpham .price{
	margin-bottom: 10px;
}
.chitietsanpham .price .amount{
	font-size: 25px;
	font-weight: 500;
	color: #B60202;
}
.chitietsanpham .formlh input[type='submit']{
	background-color: #B60202 !important;
}
.chitietsanpham .icon-box img{
	border-radius: 4px;
	padding-top: 0;
}
.chitietsanpham .icon-box-text h3{
	font-size: 23px; 
	margin-bottom: 0;
}
.product-images .image-tools{
	display: none;
}
.related{
	border-top: 0;
}
.related > h3{
	display: none;
}
.product-small.box .thang{
	color: #fff;
	font-size: 18px;
}
.product-small.box .price .amount{
	font-size: 18px;
}
.sanpham .product-small.box .thang, .sanpham .product-small.box .price .amount{
	font-size: 16px;
}
.tt-side .box-text{
	padding: 0 0 0 10px;
}
aside > .is-divider{
	display: none;
}
.widget-title {
	display: block;
	font-family: 'Archivo Narrow', sans-serif !important; 
	font-size: 24px !important;
	margin-bottom: 15px;
	text-transform: initial !important;
	letter-spacing: 0 !important;
	line-height: 1.3em !important;
}
.post-sidebar{
	padding-left: 50px !important;
}
.hot img{
	width: 16px; 
	object-fit: contain;
	margin-right: 7px;
}
.ga-cv img{
	border-radius: 999px;
}
.ga-cv h3{
	color: var(--primary-color);
	margin-bottom: 5px;
	font-size: 22px;
}
.box-pk p{
	font-size: 16px;
}
.transparent .header-nav.nav > li > a img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.tq-ct{
	display: flex;
	margin-bottom: 20px;
}
.tq-ct > div > div{
	display: flex;
	align-items: center;
	font-weight: 500;
}
.tq-ct img{
	height: 17px; 
	object-fit: contain;
	margin-right: 10px;
}
.tq-ct div {
	font-size: 16px;
}
.tq-ct > div > span{
	color: #5c6872;
}
.tq-ct > div{
	margin-right: 40px;
	margin-bottom: 20px
}
.term-description p{
	margin-bottom: 12px;
}
.term-description li{
	margin-bottom: 7px;
	margin-left: 20px;
}
.tienich .is-divider{
	display: none;
}
.tienich .box-blog-post h5.post-title{
	color: #333;
	font-size: 16px;
	height: 41px;
}
.tienich .from_the_blog_excerpt {
	font-size: 14px;
}
.tt-side h5.post-title{
	font-size: 16px;
	color: #333;
	height: 66px;
	-webkit-line-clamp: 3;
	line-height: 1.4em;
}
.row-quytrinh > .col:first-child{
	border-right: 2px solid #fff;
}
.row-quytrinh > .col:first-child:before{
	content: '';
	width: 19px;
	height: 19px;
	background-color: var(--primary-color);
	border-radius: 99px;
	top: 0;
	right: -10px;
	position: absolute;
}
.row-quytrinh h3{
	font-size: 25px;
	margin-bottom: 0;
}
.row-quytrinh h4{
	font-size: 25px;
	margin-bottom: 15px;
	font-weight: 300 !important;
	font-size: 16px;
}
.accordion .accordion-title{
	background-color:#02487512;
	border-bottom: 1px solid #d4d4d4;
	border-top: 0;
	color: var(--primary-color) !important;
	font-weight: 500 !important;
	font-family: 'Archivo Narrow', sans-serif !important;
	font-size: 20px;
}
.accordion-inner{
	padding: 10px;
}
.accordion-inner p, .accordion-inner ul{
	margin-bottom: 10px;
}
.accordion-inner li{
	margin-bottom: 5px;
}
table th, table td{
	padding: 12px 10px !important;
	text-transform: initial;
	border-top: 1px solid #ddd;
	border-bottom: 0;
}
table td{
	color: #333;
}
table {
	border-collapse: collapse;
}
table th{
	background-color: var(--primary-color);
	color: #fff;
}
table tbody > tr:nth-child(odd) > td{
	background-color: rgba(128, 128, 128, 0.07);
}
.row-quytrinh p{
	margin-bottom: 7px;
}
.row-quytrinh li{
	margin-bottom: 4px;
}
.category-page-row {
	padding-top: 15px;
}
.term-description{
	margin-bottom: 30px;
}
.term-2 h2{
	color: var(--primary-color);
	font-size: 28px;
}
.term-2 h3{
	color: var(--primary-color);
	font-size: 23px;
}
.term-2 li{
	margin-left: 20px;
}
.text-form > p{
	margin-bottom: 0;
}


.contact-f p{
	margin:0;
}
.contact-f p + p{
	margin-top:12px;
}
.contact-f p i{
	width:20px;
}
.follow-f{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.follow-f a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:33px;
	height:33px;
	border-radius:4px;
	margin:0 !important;
	border:1px solid rgba(255,255,255,0.37);
}
.follow-f a:hover{
	background:#8b724296;
}
.box-lydo > .col-inner{
	padding:25px;
	border-radius:15px;
	border:1px solid #D1D1D1;
	border-top:3px solid #B97E3F;
	border-right:3px solid #044071;
	height:100%;
	background:#fff;
	overflow:hidden;
}

.form-fix-page{
	position:fixed;
	right:30px;
	bottom:0;
	overflow:hidden;
	background:#B61B1C;
	border-radius:6px 6px 0 0;
	width:100%;
	max-width:390px;
	z-index:9;
}
.form-fix-page .box-title{
	cursor:pointer;
	padding:10px 20px;
	position:relative;
}
.form-fix-page .box-title h3{
	font-size:20px;
	text-transform:up;
	margin:0;
	color:#fff;
}
.form-fix-page .box-title button{
	margin:0;
	min-height:unset;
	min-width:unset;
	font-size:12px;
	position:absolute;
	top:50%;
	right:20px;
	transform:translatey(-50%);
	padding:0;
	color:rgba(255,255,255,0.8);
	line-height:unset;
}
.form-fix-page .box-title button i{
	transition:all 0.3s;

}
.form-fix-page .box-title.active button i{
	transform:rotate(180deg);
}
.form-fix-page .box-content{
	display:block;
	height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}

.form-fix-page .box-content .t-container{
	padding:5px 20px 20px;
}
.form-fix-page .box-content p.txt-sub{
	color:#fff;
}
.form-fix-page form input{
	height:45px;
	border-radius:5px;
	width:100%;
	background: rgba(255, 255, 255, 0.15) !important;
	border:1px solid transparent;
	color:#fff !important;
}
.form-fix-page form input::placeholder{
	color:rgba(255,255,255,0.6);
}
.form-fix-page form input:not([type=submit]):focus{
	border:1px solid #fff;
}
.form-fix-page form input[type=submit]{
	background:#f44336 !important;
	border:none !important;
}
.form-fix-page p.txt-note{
	font-size:14.4px;
	color:#fff;
	opacity:0.7;
	margin:15px 0 0;
}
.zalo-container,.hotline-phone-ring-wrap{
	z-index:8;
}
.post-matbang .post-item{
	padding-bottom:0;
}
.post-matbang .post-item + .post-item .col-inner{
	border-top:1px dashed rgba(0,0,0,0.15);
	padding-top:6px;
	margin-top:6px;
}
.post-matbang .post-item .box-image{
	display:none;
}
.post-matbang .post-item .box-text{
	padding:0;
}
.post-matbang .post-item h5.post-title{
	font-size:18px;
	font-weight:400 !important;
	color:#0c3585 !important;
	text-transform:initial;
	margin:0;
	height:unset;
	display:block;
	line-height:1.35;
	font-family: 'Roboto', sans-serif !important;
	transition:all 0.3s;
}
.post-matbang .post-item h5.post-title:hover{
	color:#ed1c24 !important;
}
@media only screen and (max-width: 849px){
	.blog-single > .row > .large-8{
		padding-right: 15px;
	}
	.sanpham .product-small.box .thang, .sanpham .product-small.box .price .amount{
		font-size: 18px;
	}
	.tt-side .box-text{
		padding: 10px 0;
	}
	.post-sidebar{
		padding-left: 15px !important;
	}
}
@media only screen and (max-width: 568px){
	.banner-home .y50{
		top: 60%;
	}
	.banner-home .text-inner h1{
		font-size: 27px;
	}
	.tieude h2{
		font-size: 27px;
	}
	.row-phut > .col:after{
		display: none;
	}
	.pum-container{
		width: 330px !important;
		left: 50% !important;
		transform: translatex(-50%);
		padding: 30px 20px !important;
	}
	.pum-title{
		font-size: 23px !important;
	}
	.tieude2 h2{
		font-size: 27px;
	}
	.tq-ct{
		flex-flow: wrap;
	}
	.tq-ct > div{
		width: 50%;
		margin-right: 0;
	}
	.row-quytrinh > .col:first-child{
		border-right: 0;
	}
	.row-quytrinh > .col:first-child:before{
		display: none;
	}
	.row-quytrinh2{
		flex-flow: column-reverse;
	}
	.row-quytrinh2 h3, .row-quytrinh2 h4, .row-quytrinh2 p{
		text-align: left !important;
	}
	.form-fix-page {
		right: unset;
		left:50%;
		transform:translatex(-50%);
		width: calc(100% - 30px);
	}
	.zalo-container{
		bottom:150px !important;
	}
	.hotline-phone-ring-wrap{
		bottom:40px !important;
	}
}