/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
        font-family: 'Montserrat-Regular';
    src:   url('fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
        font-family: 'Montserrat-Bold';
    src:   url('fonts/Montserrat-Bold.ttf') format('truetype');
}
p,th,td,span, div{font-family: 'Montserrat-Regular';}
h1, h2, h3, h4, h5, h6, strong, b{font-family: 'Montserrat-Bold'; }
#main .row {     max-width: 90%;     margin: 0 auto;}
.section1_home h1{ font-size: 47px;}
.section1_home  p{font-size: 22px;     margin-bottom: 7px;}
.readmore a{    background: #0078bd;
    padding: 10px 45px;
    border-radius: 35px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;}
.readmore:hover a {
    background: #545454;}
.readmore{ margin-top: 45px}
.title_h2 h2{    font-size: 35px;    line-height: 45px;
    font-family: 'Montserrat-Regular';}
.section2_home p, .section3_home  p{    font-size: 18px;
    text-align: justify;line-height: 30px;}
.section3_home .large-5{padding-left: 5%;}
.section4_home .large-2 .box-text{ padding-bottom: 0px}
.section4_home .large-2 .box-text h3, .section5_home h3{    font-size: 22px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Montserrat-Regular';}
.section4_home .large-2 .box-text p, .section5_home p{text-align: center;
    font-size: 17px;}
.section5_home .box-text{background: #fff;
    border-radius: 0 0 10px 10px;
    border-bottom: 5px solid #e0e0e0;}
.section5_home p{ height:81px}
.readmore_sp a{     background: url(images/right-arrow.png) no-repeat center;
    width: 36px;
    height: 36px;
    border: 2px solid #494949;
    border-radius: 100px;
    padding: 10px;
    background-size: 32%;
    background-position-x: 13px;}
	.readmore_sp{ margin-top: 20px}
.readmore_sp:hover a{     background: url(images/right-arrow-hover.png) no-repeat center;
    width: 36px;
    height: 36px;
    border: 2px solid #0078bd;
    border-radius: 100px;
    padding: 10px;
    background-size: 32%;
    background-position-x: 13px;}
#main .section6_home .row_1 .row{  max-width: 100%;}
#main .section6_home .row_1 .large-12{    padding-left: 40px; padding-bottom: 0px}
#main .section6_home .row_1 h2{    padding-top: 20px;
    padding-bottom: 20px;}
#main .section6_home .row_1 h5 a{font-size: 18px;
    line-height: 25px;}
	.box-blog-post .is-divider{ background: #0078bd;}
#main .section6_home .row_1 p{    font-size: 17px;}
#main .section6_home .row_1 .post-item{ padding-bottom: 0px}
#main .section6_home .row_1 .post-item h5{    padding-top: 10px;}
.col_giaiphap{     background: #fff;
    padding: 40px;
    border-radius: 10px;}
.section1_about .large-8{    margin-top: -200px;
    background: #fff;
    border-radius: 10px;
    padding: 43px;}
.section1_about .large-8 h2{    text-align: center;
    padding: 0 13%;     font-size: 30px;
    line-height: 35px;}
.section1_about .large-8 h3{    padding: 0 20%;font-family: 'Montserrat-Regular'; font-size:25px;
    text-align: center;}
#main section .row_1 .row{ max-width:100% !important; margin: 0 auto}
.Row2_about span{    font-family: 'Montserrat-Bold'; font-size: 60px;color: #0078bd}
.seciton2_about .large-4{ padding-bottom: 0px}
.seciton2_about .large-4 p{ margin-bottom:0px}
.seciton3_about .large-8{    background: #ffffffc4;
    border-radius: 15px;
    padding: 20px 30px;
    text-align: justify;}
.section1_about p{ text-align:justify}
.section_brand .box-text  h4{    font-size: 30px;
    margin-bottom: 10px;}
.section_brand .box-text p{     font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;}
.section_brand  .readmore a {
    background: #0078bd;
    padding: 10px 45px;
    border-radius: 35px;
    color: #fff;
    text-transform: none;
    font-size: 18px;
}
.section1_prd .large-6{    background: #fff;
    margin-top: -220px;
    border-radius: 15px;
    padding: 20px 30px;}
.section1_prd .large-6 table{ background: #000; }
.section1_prd .large-6 table td{ text-align: center; color: #fff}
h1{    font-size: 40px;}
#footer p, #footer li{ color: #fff}
#footer .large-3 p{font-family: 'Montserrat-Bold'; color: #fff}
#footer  .col{ padding-bottom: 0px !important}
#footer .row, .header .flex-row{ max-width: 90%}
#masthead .nav>li a{    font-size: 18px;
    text-transform: none;
    font-family: 'Montserrat-Regular';
    font-weight: 500;}
#header .stuck #logo img {
    max-height: 50px !important;
}
.section3_home .title_h2{    padding-top: 90px; padding-bottom: 70px; }
.section2_home .title_h2{padding-top: 100px; padding-bottom: 100px;}
.section1_home .text_tqsp{padding-top: 150px; padding-bottom: 150px;}
.blog-single .large-12{     padding: 0 20%;}
.blog-single .large-12 h1{ margin-bottom: 0px;}
.blog-single .large-12 .entry-header-text{ padding-bottom: 0px}
.section2_contactus .large-6 h2 {
    color: #ffffff;
    margin-bottom: 5px;
    padding-top: 35px;
}.section2_contactus .large-6 form {
    padding: 20px 50px 0 50px;
    margin-bottom: 0px;
}
.section2_contactus .large-6 {
    BACKGROUND: #0078bd;
    border-radius: 15px;
}
.section1-about h1 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'Montserrat-Bold';
}.section1_contactus p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: justify; 
}.section1-about .section-content {
    background-image: linear-gradient(to right, #000, #00000026, #00000000);
    padding-top: 100px;
    padding-bottom: 100px;
}.section2_contactus .large-6 form {
    padding: 20px 50px 0 50px;
    margin-bottom: 0px;
}.section2_contactus .large-6 p {
    color: #fff;
}.form_contactus p {
    width: 48%;
    floaT: left;
    margin-bottom: 15px;
}.section2_contactus .large-6 form input {
    border-radius: 5px;
    height: 40px;
}.form_contactus p:nth-child(2n+2) {
    margin-lefT: 4%;
}.section2_contactus .large-6 form .textarea_contactus textarea {
    border-radius: 10px;
    min-height: 70px;
}.section2_contactus .large-6 form input[type="submit"] {
    background: #ffbd2f;
    color: #112d53;
    font-family: 'Montserrat-Bold';
}.section2_contactus .large-6 form .wpcf7-spinner {
    display: none;
}
.smb_form{text-align: center;}
/*****Hotline******/
.hotline_right{ float: right; position: fixed; bottom:  15px;     right: 0; transform: translateY(-50%); /* Adjust for vertical centering */ z-index: 999;width: 80px; background: #fff;
  transition: right 0.3s ease-in-out;    border: 1px solid #0078bd;
    border-radius: 13px 0 0 13px;    padding-top: 10px;
    border-right: 0px;} 
.hotline_right li.social_thugon{ line-height: 0px}
.hotline_right li{ list-style: none !important;    margin-bottom: 0;    text-align: center;    margin-bottom: 7px;
    line-height: 50px;}
.hotline_right.active { right: -63px; }
.hotline_right li.social_morong{display: none;}
.social_morong{
	float: right; position: fixed; bottom:  310px;     right: -63px; transform: translateY(-50%); /* Adjust for vertical centering */
  transition: right 0.3s ease-in-out;z-index: 998;
}
.social_morong.active{right: 0px; }
.hotline_right ul{    background: #fff;    margin-bottom: 0px;
    border-radius: 10px 0 0 10px;}
.hotline_right img{     width: 51%;}
.section_Clinical .large-8 {
    margin-top: -130px;} 
	.pdf_cate a{    background: #0078bd url(images/Icon-metro-file-pdf.png) no-repeat left;
    color: #fff;
    font-size: 20px;
    padding: 12px 50px;
    border-radius: 5px;     background-size: 5%;
    background-position-x: 20px;}
.pdf_cate{    margin-top: 20px;
    overflow: hidden;
    line-height: 60px;}
.pdf_cate:hover a{    background: #545454 url(images/Icon-metro-file-pdf.png) no-repeat left; padding: 12px 50px; background-size: 5%;
    background-position-x: 20px;}
@media only screen and (max-width: 1680px) {
.section3_home .title_h2{    padding-top: 0px; padding-bottom: 0px; }
.section4_home .large-2 .box-text h3, .section5_home h3 {
    font-size: 19px;}	
.section4_home .large-2 .box-text p, .section5_home p {
    text-align: center;
    font-size: 16px;
}
}
@media only screen and (max-width: 1440px) {#main .row {
    max-width: 100%;
    margin: 0 auto;
}
.section1_prd .large-6, .section1_about .large-8{     margin-top: -160px;}
.section1_home .text_tqsp {
    padding-top: 40px;
    padding-bottom: 20px;
}.section2_home .title_h2 {
    padding-top: 30px;
    padding-bottom: 0px;
}.title_h2 h2 {
    font-size: 30px;
    line-height: 35px;
}#main .section6_home .row_1 h5 a {
    font-size: 17px;}
	.col_giaiphap h3{font-size: 17px;}
	.section5_home p {
    height: 95px;
}
.section4_home .box-image img{    height: 142px;}
    .section4_home .large-2 .box-text h3, .section5_home h3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1366px) {.section1_home h1 {
    font-size: 43px;
}
.section1_home p {
    font-size: 19px;}
.readmore a{     font-size: 17px;}
    .title_h2 h2 {
        font-size: 30px;
        line-height: 38px;
    }
.section3_home .large-5 {
    padding-left: 3%;
    padding-bottom: 0px;
}    #main .section6_home .row_1 h5 a {
        font-size: 16px;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

#masthead #logo img {
   width: 230px !important;
}
#masthead .nav>li a{     font-size: 16px;     color: #fff;}
.section1_home .text_tqsp {
        padding-top: 0px;
        padding-bottom: 0px;
    }    .section1_home h1 {
        font-size: 27px;
    }    .section1_home p {
        font-size: 16px;
    }.readmore {
    margin-top: 25px;
}.readmore a{     padding: 7px 28px;        text-transform: none;}
.medium-logo-left .flex-left {
        flex: none;}
#masthead .html_topbar_left{     font-size: 12px; 
    text-shadow: 0 0 black;        font-family: 'Montserrat-Bold';}
	.section1_home{ padding-bottom: 0px !important} 
	.small-6 {
    flex-basis: 100%;
    max-width: 100%;
}.section_chung1 .noidung_sp, .section_chung .noidung_sp, .section5_home .noidung_sp {
    height: auto;
}
#footer li {
    width: 100%;}
    .section2_home .title_h2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section4_home .box-image img {
        height: auto;
    }
.section5_home .title_h2 h2 {
        font-size: 22px;    padding-top: 40px;
    }
    .section5_home p {
        height: auto;
    }
#main .section6_home .row_1 .large-12 {
    padding-left: 10px;}
#main .section6_home .row_1 h2 {
    padding-top: 22px;
    padding-bottom: 5px;
    font-size: 25px;
}.col_giaiphap{     text-align: justify;     padding: 25px;}
    .section1_prd .large-6, .section1_about .large-8 {
        margin-top: -37px;
    }.section1_about .large-8{ padding: 15px;}
h1 {
    font-size: 28px;
}.section1_about .large-8 h3 {
    padding: 0 0%;
    font-family: 'Montserrat-Regular';
    font-size: 21px;
    line-height: 30px;}
.section1_about p {
    text-align: justify;
    font-size: 16px;
}    .title_h2 h2 {
        font-size: 22px;
        line-height: 30px;
        padding: 0 0px;
    }
.section_brand .title_h2 p{font-size: 14px;}
.seciton3_about .large-8{     margin: 20px;}
.section_brand .box-text p{ font-size: 15px;
    line-height: 21px;}
.section_brand .box-text h4 {
    font-size: 25px;}
.section_brand .readmore a {
    background: #0078bd;
    padding: 9px 30px; font-size: 16px;}
.section1_about .large-8 h2 {
    text-align: center;
    padding: 0 0%;
    font-size: 26px;}
.seciton3_about .title_h2  h2{         padding: 0 0px;}
.section1_prd .large-6{     padding: 20px 10px;}
.blog-single .large-12 {
    padding: 0 20px;
}
#content .section { padding-top: 0px !important; padding-bottom: 0px !important}
#content .section3_home, #content .section2_home, #content  .section1_home { padding-top: 30px !important}
#content .section3_home{ padding-bottom: 30px !important}
.section1_panda .tabbed-content li a{     padding: 2px 7px;}
.section1_panda .tabbed-content li{ margin-bottom: 10px}
.section1_panda .rank-math-breadcrumb{ padding-top: 10px}
.content-area.page-wrapper iframe{ height: 200px !important}
	.hmi_sx {
    font-size: 24px;
    text-transform: uppercase;
    color: #cc0000;
    margin-bottom: 18px;
    padding-top: 1px;
    text-shadow: 0px 0px #e4dada;
}
.section2_contactus .large-6 form {
    padding: 0;
    margin-bottom: 0px;
}.section1-about .section-content {
    background-image: linear-gradient(to right, #000, #00000026, #00000000);
    padding-top: 30px;
    padding-bottom: 30px;
}
}