.show-xs
{
	display: none !important;
}

h1 { font-size: 40px; line-height: 1.2; font-weight: normal; }
h2 { font-size: 28px; line-height: 1.2; font-weight: normal; }
h3 { font-size: 20px; line-height: 1.2; font-weight: normal; }
h4 { font-size: 18px; line-height: 1.2; font-weight: normal; }
h5 { font-size: 16px; line-height: 1.2; font-weight: normal; }
h6 { font-size: 14px; line-height: 1.2; font-weight: normal; }

section { color: #666; }

p { color: #333; line-height: 1.5; }

.fw-bold { font-weight: 600; }
.fw-semibold { font-weight: 500; }

.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }

.card { border-radius: 10px; background-color: #fff !important; }
.card-body { background: none; }

.radius_8 { border-radius: 8px; }
.radius_10 { border-radius: 10px; }
.radius_50 { border-radius: 50%; }
	
.text-limit-1-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
}
.text-limit-2-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
}
.text-limit-3-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical;
}
.text-limit-4-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical;
}

.search__box { width: 80%; }

@media (max-width: 480px)
{
	.show-xs
	{
		display: block !important;
	}
	.hide-xs
	{
		display: none !important;
	}
	
	h1 { font-size: 30px; }
	h2 { font-size: 26px; }
	h3 { font-size: 24px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	
	.search__box { width: 100%; }
}