/* fonts */
.font11{font-size:11px!important;}
.font12{font-size:12px!important;}
.font13{font-size:13px!important;}
.font14{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!important;}
.font24{font-size:24px!important;}
.font32{font-size:32px!important;}
/* END: fonts */

.font-style-italic	{font-style:italic;}
.bold{font-weight:bold;}
.lighter{font-weight: lighter;}

/* float && clear */
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
/* END: float */

.border-box{box-sizing: border-box;}
.content-box{box-sizing: content-box;}

/* align */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-justify{text-align:justify;}
.align-center{text-align:center;}
/* END: align*/

.lhs{line-height:18px!important;}
.lhm{line-height:22px!important;}
.lhl{line-height:26px!important;}
.lhxl{line-height:30px!important;}

/* ############################# margin */
	/* margin s */
	.ms{margin:5px;}
	.mhs{margin-left:5px; margin-right:5px;}
	.mvs{margin-top:5px; margin-bottom:5px;}
	.mts{margin-top:5px;}	
	.mrs{margin-right:5px;}
	.mbs{margin-right:5px;}
	.mls{margin-left:5px;}
	/* END: margin s */

	/* margin m*/
	.mm{margin:10px;}
	.mhm{margin-left:10px; margin-right:10px;}
	.mvm{margin-top:10px; margin-bottom:10px;}
	.mtm{margin-top:10px;}	
	.mrm{margin-right:10px;}
	.mbm{margin-bottom:10px;}
	.mlm{margin-left:10px;}
	/* END: margin m */

	/* margin l*/
	.ml{margin:20px;}
	.mhl{margin-left:20px; margin-right:20px;}
	.mvl{margin-top:20px; margin-bottom:20px;}
	.mtl{margin-top:20px;}	
	.mrl{margin-right:20px;}
	.mbl{margin-bottom:20px;}
	.mll{margin-left:20px;}
	/* END: margin l */
	
	/* margin xl*/
	.mxl{margin:30px;}
	.mhxl{margin-left:30px; margin-right:30px;}
	.mvxl{margin-top:30px; margin-bottom:30px;}
	.mtxl{margin-top:30px;}	
	.mrxl{margin-right:30px;}
	.mbxl{margin-bottom:30px;}
	.mlxl{margin-left:30px;}
	/* END: margin xl */
	
	/* margin xxl*/
	.mxxl{margin:40px;}
	.mhxxl{margin-left:40px; margin-right:40px;}
	.mvxxl{margin-top:40px; margin-bottom:40px;}
	.mtxxl{margin-top:40px;}	
	.mrxxl{margin-right:40px;}
	.mbxxl{margin-bottom:40px;}
	.mlxxl{margin-left:40px;}
	/* END: margin xl */	
	
	/* margin xxl*/
	.mtxxl{margin-top:40px;}
	.mbxxl{margin-bottom:40px;}
	/* END: margin xxl */
	
/* ############################# END: margin */

/* ############################# padding */
	/* padding s */
	.ps{padding:5px;}
	.phs{padding-left:5px; padding-right:5px;}
	.pvs{padding-top:5px; padding-bottom:5px;}
	.pts{padding-top:5px;}	
	.prs{padding-right:5px;}
	.pbs{padding-bottom:5px;}
	.pls{padding-left:5px;}
	/* END: padding s */

	/* padding m*/
	.pm{padding:10px;}
	.phm{padding-left:10px; padding-right:10px;}
	.pvm{padding-top:10px; padding-bottom:10px;}
	.ptm{padding-top:10px;}	
	.prm{padding-right:10px;}
	.pbm{padding-bottom:10px;}
	.plm{padding-left:10px;}
	/* END: padding m */

	/* padding l */
	.pl{padding:20px;}
	.phl{padding-left:20px; padding-right:20px;}
	.pvl{padding-top:20px; padding-bottom:20px;}
	.ptl{padding-top:20px;}	
	.prl{padding-right:20px;}
	.pbl{padding-bottom:20px;}
	.pll{padding-left:20px;}
	/* END: padding l */

	.ptxm{padding-top:30px;}	
	.pbxl{padding-bottom:30px;}
	
	.ptxxm{padding-top:60px;}	
	.pbxxl{padding-bottom:60px;}
	
	.phxl{}
	
/* ############################# END: padding */

.last-v{margin-top:0!important; margin-bottom:0!important;}
.last-h{margin-left:0!important; margin-right:0!important;}
.txt-upper{text-transform:uppercase;}

.rounded{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/* Vietnamese typography */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');
body,
body p,
body a,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body button,
body input,
body select,
body textarea {
  font-family: 'Be Vietnam Pro', Arial, sans-serif !important;
}
.phone-number {
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
