@charset "utf-8";
/* general */
:root{
    --primary: #0a3b76;
    --secondary: #cd333b;
    --tertiary: #2862a8;
    --white: #fff;
    --black: #000;
    --background: #f7f7f7;
    --fontS: 14px;
    --fontM: 16px;
    --fontL: 18px;
}
*,*:after,*:before {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
::placeholder {color: var(--primary);opacity: 1;font-family: 'Montserrat';}
:-ms-input-placeholder {color: var(--primary);font-family: 'Montserrat';}
::-ms-input-placeholder {color: var(--primary);font-family: 'Montserrat';} 
html,body{margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {font: 400 var(--fontS)/1.4 'Montserrat', Arial, Helvetica, sans-serif;color: var(--black);-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-x: hidden;}
.siteCenter {width: 100%;max-width: 1200px;margin: 0 auto;}
a {text-decoration: none;border: none;color: inherit;}
a:hover,.header-menu a:hover,.header-menu > ul > li > a.active{color: var(--secondary);}
img {border: none;vertical-align: middle;max-width: 100%;height: auto;}
/* ul,ol{margin: 0;padding: 0;list-style: none;} */
.fw{width: 100%;}
.lt {display: block;float: left;}
.rt {display: block;float: right;}
.mb1{margin-bottom: 15px;}
.mb{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.mbt{margin-bottom: 40px;}
.mbb{margin-bottom: 80px;}
.clearfix:after {content: "";display: block;height: 0;width: 100%;clear: both;}
/* header-pc  */
.header-top{height: 58px;overflow: hidden;background: var(--primary);color: var(--white);}
.header-top .siteCenter{display: flex;justify-content: space-between;position: relative;height: 100%;align-items: center;}
.btn-info{display: inherit;gap: 20px;line-height: 58px;}
.ico-email{background: url(../images/ico-email.png) left center no-repeat;padding-left: 32px;}
.ico-tel{background: url(../images/ico-tel.png) left center no-repeat;padding-left: 32px;}
.btn-book-link{display: flex;gap: 5px;display: none;}
.btn-book-link a {display: flex;font-weight: 700;height: 40px;color: inherit;align-items: center;padding: 0 10px 0 40px;background: #819ace url(../images/ico-heart.png) left 10px center no-repeat;border: 1px solid #95aad7;border-radius: 3px;}
.header-middle{position: relative;background: var(--white);z-index: 97;position: sticky;top: 0;box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 3px -1px, rgba(0, 0, 0, 0.06) 0px 4px 11px -2px;}
.header-middle .siteCenter{padding: 6px 0;display: flex;align-items: center;justify-content: space-between;}
.header-middle .siteCenter > .ico-hamburger,.header-middle .siteCenter > .ico-search{
display: none;}
.logo{margin: 0;}
.logo img{width: auto;height: 68px;}
.header-menu{height: 100%;}
.header-menu > ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 30px;justify-content: space-between;height: 100%;}
.header-menu > ul > li{position: relative;}
.header-menu > ul > li > a,.header-menu > ul > li > span{display: flex;align-items: center;font-size: var(--fontM);font-weight: 400;text-transform: capitalize;color: var(--black);height: 100%;cursor: pointer;padding: 12px 0;}
.header-menu > ul > li > a::after {content: "";height: 2px;width: 0px;bottom: 0px;left: 50%;background: #C72127;position: absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all 0.3s;transition: all 0.3s;}
.header-menu > ul > li:hover > a::after{width: 100%;}
.sub-menu,.bxh-sub-ldtd.active {position: absolute;display: none;background: var(--white);box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 3px -1px, rgba(0, 0, 0, 0.06) 0px 4px 11px -2px;transition: all 0.2s ease-in;z-index: 110;list-style: none;margin: 0;padding: 0;min-width: 235px;max-width: 350px;}
.sub-menu a,.bxh-sub-ldtd.active a {display: block;padding: 9px 22px;border-top: 1px solid #ebebeb;font-size: var(--fontM);color: inherit;text-transform: none;text-decoration: none;}
.header-menu > ul > li:hover > .sub-menu {display: block;}
/* hna-heading */
.hna-heading{display: flex;flex-direction: column;margin-bottom: 60px;position: relative;}
.hna-heading-title {font-size: 38px;font-weight: 900;color: var(--secondary);text-transform: uppercase;   margin: 0; }
.hna-heading-link{display: inline-block;position: relative;margin: 0 0 20px 0;padding: 0 0 20px 0;}
.hna-heading-link > span{color: var(--primary);}
.hna-heading-link::after {content: '';position: absolute;display: block;width: 60%;bottom: 0;border-bottom: 1px solid var(--primary);}
.hna-heading-link:hover{color: inherit;}
.hna-heading-sub{font-size: 18px;font-weight: 700;color: var(--primary);text-transform: uppercase;}
/* article */
.article-thumb{display: block;position: relative;overflow: hidden;margin-bottom: 15px;}
.article-thumb::before{
content: '';
display: block;
padding-top: 56.25%;
}
.article-thumb .mastercms_lazyload,.article-thumb img{
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}
.article-meta,.article-title{margin: 0 0 10px;}
.article-meta{
display: flex;
gap: 10px;
color: var(--primary);
font-size: var(--fontS);
margin-bottom: 10px;
}
.article-cat{
text-transform: uppercase;
display: flex;
gap: 5px;
align-items: center;
}
.article-cat::before {
content: '';
width: 0px;
height: 0px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid var(--secondary);
display: inline-flex;
}
.article-title{
font-size: var(--fontM);
color: var(--primary);
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.article-desc{
line-height: 1.6;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
}
/* fonts */
@font-face {font-family: Montserrat;src: url(fonts/Montserrat/Montserrat-Bold.ttf);font-weight: 700;font-display: swap;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat/Montserrat-ExtraBold.ttf);font-weight: 900;font-display: swap;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat/Montserrat-Regular.ttf);font-weight: 400;font-display: swap;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat/Montserrat-Light.ttf);font-weight: 100;font-display: swap;}