@font-face {
    font-family: "SFUFuturaBold";
    src: url('../css/fonts/SFUFuturaBold.ttf') format('truetype'), url('../css/fonts/SFUFuturaBold.eot#iefix') format('embedded-opentype'), url('../css/fonts/SFUFuturaBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BarlowSemiBoldItalic';
    src: url('../css/fonts/Barlow-SemiBoldItalic.eot');
    src: url('../css/fonts/Barlow-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Barlow-SemiBoldItalic.woff') format('woff'),
        url('../css/fonts/Barlow-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
.font_SFUb,.font_SFUb *{
    font-family: SFUFuturaBold;
}
.BarlowSemiBoldItalic{
    font-family: 'BarlowSemiBoldItalic';
}
.noto-serif-100 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-200 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-300 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-400 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-400 strong{
    font-family: "Noto Serif", serif;
    font-weight: 700; 
}
.noto-serif-500 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-600 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-700 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-800 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
.noto-serif-900 {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}
body{
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 1.4;
    background: #efe9e1;
}
.div_intro{ font-style: italic;}
.bhoa_menu{background: #ecf0f0;}
.div_xcontent{width: 650px; max-width: 100%; margin: 0 auto;}

.div_vcontent{width: 800px; max-width: 100%; margin: 0 auto;}
.div_intro{ font-weight: bold;}
h2 span{color: #003CAA;}
.cl_ht1{color:#ffa200}
.cl_ht2{color:#003caa}
.cl_black{color:#000000}

.bhoa_menu{background: #ecf0f0;}
.ldp_ttmat .bhoa_menu ul li{ background: none;}
.bgh_menu{
    background: rgba(0,0,0,0.5) !important;
    -webkit-transform:translate3d(0, -110%, 0);
    -moz-transform:translate3d(0, -110%, 0);
    transform:translate3d(0, -110%, 0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    -o-transition:-o-transform .2s;
    -moz-transition:transform .2s, -moz-transform .2s;
    transition:transform .2s;
    transition:transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
}
.bgh_menu:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.bgh_menu li.item{
    min-height: 40px;
}
.bgh_menu .current_item{display: none;}
.scroll_fix_mb .bgh_menu .current_item{  display: flex;padding-left: 25px;}
.bgh_menu .current_item:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #fff;
    margin-left: 10px;
    position: absolute;
    left: 0;
}
.scroll_fix_mb li.item {
    width: inherit;
}
body.scroll_fix_menuf .bgh_menu{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

@media(min-width:768px){
    .head_text_desktop .head_text_2{
        padding: 20px 10px 10px 10px;
        background-color: #dcefff;
        border-radius: 15px;
        margin-top: 30px;
    }
    .head_banner_lehoang{
        z-index: 9;
        position: relative;
    }
    .div_690{width: 690px; max-width: 100%; margin: 0 auto;}
    .div_730{width: 730px; max-width: 100%; margin: 0 auto;}
    .div_90{width: 75%; max-width: 100%; margin: 0 auto;}
}
@media(max-width:767px){
    .head_text_lehoang {
        padding: 20px 10px 10px 10px;
        background-color: #dcefff;
        border-radius: 15px;
        margin: 0px 15px 0px 15px;
    }
    .head_text .sz_36 {
        font-size: 22px !important;
    }
   .ldp_lehoang_new .sz_24 {
        font-size: 18px !important;
    }
    .ldp_lehoang_new .sz_18 {
        font-size: 16px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1420px;
        max-width: 100%;
    }
    .banner_dieu_tri_vo_sinh_1_1 {
        position: relative;
        margin: auto;
        margin-right: -85px;
        margin-left: -85px;
        z-index: 9;
    }
    
    .head_text_cssdesktop{
        position: absolute;
        right: 0;
        left: 0;
        bottom: 280px;
        z-index: 9;
    }
    .banner_dieu_tri_vo_sinh_6 img{
        position: relative;
        min-width: 120%;
        margin: -90px -90px 0px -90px;
        z-index: -9;
    }
    .banner_dieu_tri_vo_sinh_7{
        width: 50%;
        float: left;
    }
}
@media(max-width:1199px){
    .head_text_lehoang {
        padding: 20px 10px 10px 10px;
        background-color: #dcefff;
        border-radius: 15px;
        margin: 0px 15px 0px 15px;
    }
}
@media(max-width:1400px) and (min-width:1200px) {
.head_text_cssdesktop h1{
    font-size: 24px !important;
}
.head_text_cssdesktop .pt_10{
    padding:0px;
}
    
}