
.layoutHeroTransparent[data-name="hannah"] .overlay-info .items .hilight_1 {
	color: #000 !important;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: "Kanit";
	font-weight: bold;
	font-size: 34px;
}

.layoutHeroTransparent[data-name="hannah"] .overlay-info .items .hilight_2 {
	font-size: 20px;
	font-family: "Kanit";
	font-weight: 400;
	color: #000 !important;
	padding: 0px 0%;
}

.layoutHeroTransparent[data-name="hannah"] .overlay-info .items .hilight_2 p {
	font-size: 17px;
	font-family: "Kanit";
	font-weight: 300;
}

.layoutHeroTransparent[data-name="hannah"] .overlay-info .items .hilight_3 a {
	font-family: "Kanit";
	border-radius: 0px;
	padding: 10px 15px;
}

.mobileOnActive ._menuHeadList a {
	font-family: 'Kanit' !important;
}

.mobileOnActive {
	background-color: #472C00 !important;
}

.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_3 a{
	border: 2px solid #9a6e28;
	background-color: transparent;
	color: black;
}
.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_3 a{
	border: 2px solid #9a6e28;
	background-color: transparent;
	color: black;
}

.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_3 :hover{
	/*border: 2px solid #9a6e28;*/
	background-color: #9a6e28;
	color: black;
}

._extended_desktop {
	width: 95% !important;
}

._extended_mobile {
	width: 95% !important;

}
.fit-center {
	display: flex !important;
    justify-content: center;
}

.layoutHeroTransparent .overlay-info .items .width_100_auto {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.layoutHeroTransparent .overlay-info .items .width_75_auto {
    width: 75%;
    height: auto;
    margin: 0 auto;
}
.layoutHeroTransparent .overlay-info .items .width_25_auto {
    width: 25%;
    height: auto;
    margin: 0 auto;
}

@media(max-width: 991px){
	.layoutHeroTransparent [data-name="hannah"] .noData .overlay-info .items .hilight_1.small {
		font-size: 2em !important;
		line-height: 1.5em !important;
		margin-bottom: 10px !important;
	}
	.layoutHeroTransparent [data-name="hannah"] .noData .overlay-info .items .hilight_2 {
		padding-left: 0% !important;
		padding-right: 0% !important;
	}
	.layoutHeroTransparent[data-name="hannah"] .overlay-info .items .hilight_2 p {
		line-height: 20px !important;
		font-size: 16px !important;
	}

	.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_1 {
		font-size: 24px !important;
		line-height: 24px !important;
		margin-bottom: 10px;
	}

	.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_2 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 18px !important;
		line-height: 26px !important;
		font-weight: normal !important;
		display: none !important;
	}

	.layoutHeroTransparent [data-name="hannah"] .overlay-info .items .hilight_3 {
		margin-top: 10px !important;
	}

	.layoutHeroTransparent [data-name="hannah"] .noData .overlay-info .items .hilight_2.small {
		font-size: 14px !important;
		line-height: 18px !important;
		font-weight: normal;
	}
}

layout-hero-transparent[type="default"] div.layoutHeroTransparent[data-type="default"] div.background {
    height: calc(100vh - 152px);
}

layout-hero-transparent[type="default"] div.layoutHeroTransparent[data-type="default"] div.cover {
	height: calc(100vh - 152px) !important;
}

layout-hero-transparent[type="default"] div.layouytHeroOverlayLazy div._table {
	margin-top: 0 !important;
}

layout-hero-transparent[type="default"] div.layoutHeroTransparent div.overlay-info {
	height: calc(100vh - 152px) !important;
	margin-top: 0px !Important;
}

layout-hero-transparent[type="top"] .layouytHeroOverlayLazy ._table {
    margin-bottom: 40px;
}