*{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/font/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_bold';
    src: url('../fonts/font/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/font/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_medium';
    src: url('../fonts/font/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/font/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat_medium';
    src: url('../fonts/font/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/font/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat_bold';
    src: url('../fonts/font/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/font/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'UTMBeautifulCaps';
    src: url('../fonts/font/UTMBeautifulCaps.woff2') format('woff2'),
        url('../fonts/font/UTMBeautifulCaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat_regular';
    src: url('../fonts/font/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/font/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat_bold';
    src: url('../fonts/font/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/font/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


/*all index*/
.about{background-color: #d9d9d9}
body{font-family: 'Roboto';font-size: 15px; color: #333; background: #fff;}
p{margin: 0}
ul{margin-bottom: 0px}
h4{font-size: 0rem}
.title_h2{color:#ffffff;font-size: 34px;font-family:'Montserrat_bold'}
.title_h3{color:#ffffff;font-size: 34px;font-family:'Roboto_bold'}

/*header_top*/
.title1_right{display: flex;flex-wrap: wrap;align-items: center;}
.title_right{display: flex;flex-wrap: wrap;align-items: center;}
.title_right1 ul {display: flex;flex-wrap: wrap;align-items: center;list-style: none;}
.title_right1 ul li{padding-right: 10px}
.solo{padding-right: 40px}
.sologan_with{width: 50%}
.sologan{font-size: 14px;}
.header-top{padding:7.5px 0px;color:#353535;font-family: Roboto;background-color: #f9ded8;justify-content: space-between;border-bottom: 1px solid #d9d9d9}
.header{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
/*header_bottom*/
.hotline{background: url(../images/image/call_header.png) no-repeat left center;padding-left: 75px;}
.hotline h6{font-size: 18px;color:#4f4f4f;font-family:'UVFDidotLTStd'}
.hotline p {font-size: 16px;font-family: 'Roboto_bold';color:#f7801e}

/*menu*/
.menu ul li a h2{font-family:Montserrat_medium}

/*giothieu*/
.flex{display: flex;flex-wrap: wrap;align-items: center;}
.gioithieu_left{width: calc(100% - 600px)}
.gioithieu_right{max-width: 580px;width: 100%;position: relative;}
.gioithieu_right:after{position: absolute;left: 20px;bottom: -20px;top: 20px;right: 0px;background-color: #333399;content: "";z-index: -1}
.box_gioithieu{justify-content: space-between;}
.wellcome{font-size:34px;color: #000000;font-family:UTMBeautifulCaps }
.gioithieu_vi{font-size:34px;color: #333399;font-family:Montserrat_bold;padding-left: 30px}
.gioithieu_mota{font-size:14px;color: #000000;font-family:Montserrat_regular;text-align: justify;line-height: 2}
.xemthem{font-size: 14px;color: #ffffff;font-family:Montserrat_bold;display: inline-block;padding: 14px 30px;background-color: #333399;margin-top: 30px}
.xemthem img{padding-left: 10px;position: relative;top: 3px}
.gioithieu{padding: 70px 0px}


/*duan*/
.gird-duan{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px 40px}
.duan_title{padding: 30px 20px;background-color: rgba(0,0,0,0.3);}
.duan_vi{font-size: 17px;color: #ffffff;font-family:Montserrat_medium;margin-bottom: 5px}
.duan_mota{font-size: 15px;color: #ffffff;font-family:Montserrat_regular}
.noidung_top{text-align: center; padding:0px 0px 30px 0px;}
.duan_nb{background:url(../images/image/bck_duan1.jpg)no-repeat;padding: 60px 0px;background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;}
.line1{margin-top: 10px}


/*sanpham/*/
.mau{color: #333399}
.sanpham_index{padding: 60px 0px}
.grid-page{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px 30px}
.name-product{font-family: 'Montserrat_medium';font-size: 16px;color:#333333;margin-bottom:10px}
.price-product{padding-bottom: 10px;}
.title_right h4{font-size: 14px}
.name-product1 {margin: 10px 0px 0px 0px;font-family: 'Roboto_medium';font-size: 14px;color: #1e1e1e;}
.giasp{font-size: 23px;color: #cc0000;font-family: 'Montserrat_bold'}
.box_sp_title{padding:10px;}
.product{border-radius: 10px;overflow: hidden;box-shadow: 0 3px 4px 1px #8888882e;;}
.sp_lh{font-size: 15px;color: #333399;font-weight: bold;}

/*tintuc*/
.tintuc_img{max-width: 190px;width: 100%}
.tintuc_title{width: calc(100% - 210px)}
.box_tintuc{justify-content: space-between;}
.tintuc_left{width: 49%;border-left: 1px solid #d9d9d95c}
.video_right{width: 49%}
.box_tintuc{padding-left: 40px;position: relative;}
.box_tintuc_video{justify-content: space-between;}
.tintuc_vi{font-size:15px;font-family:Montserrat_medium;color: #ffffff;margin-bottom: 5px}
.tintuc_mota{font-size:15px;font-family:Montserrat_regular;color: #ffffff;text-align: justify;}
.tintuc_index{background:url(../images/image/bck_tintuc.png)no-repeat;background-size: cover;}
.box_tintuc{padding: 10px 0px 10px 40px;position: relative;}
.box_tintuc:after{position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/image/ten2.png)no-repeat;content: "";width: 11px;height: 12px;left: -2px}
.slick_tintuc{margin: -10px 0px}
.tintuc_index{padding-top: 60px;padding-bottom: 80px}
.slick-prev,.slick-next{opacity: 0}
.btn_sm:hover{background-color: #333399;transition: all 0.3s}

/*doitac*/
.doitac{padding:60px 0px}


/*footer*/
.title-footer{font-size:30px;font-family:'Montserrat_bold';color:#ffff;margin: 30px 0px}
.footer_vi{font-size:15px;color: #ffffff;font-family:Montserrat_regular  }
.list_icon ul{justify-content: center;}
/* .footer-article{background:url(../images/image/bck_footer.png);background-repeat: no-repeat;background-size: cover;} */
.footer-article{background-color:#333399;}
.list_icon{padding-top: 50px}
.fta{justify-content:center;}

/*trangtrong*/
.xemthem:hover{background-color: red;transition: all 0.3s }
.duan_vi:hover{color: red;transition: all 0.3s}
.name-product:hover{color:red;transition: all 0.3s}
.amthuc_text h4:hover,.tintuc_vi:hover{color:red;transition: all 0.3s}
.tintuc_top:hover{color:red;transition: all 0.3s}
.grid-product{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px 20px}
.grid-product1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px 20px}
.header-bottom1.fixed{animation:fadeInDown;animation-duration:1.5s;background-color: #ffffff}


/*search*/
.item_search{width: 25%}
.box_search .btn_sm{width: 285px;}
.control-search {height: 48px;border: none;padding-left: 10px;width: 95%}
.box_search{justify-content: space-between;}
.box_slide_index{position: relative;}
.search_index{position: relative;left: 0px;right: 0px;bottom: 0px;z-index: 1;background-color:rgba(0,0,0,0.5);padding: 55px 0px ;margin-top: -6px;}
.btn_sm{font-size: 14px;color: #ffffff;font-family:Montserrat_bold;height: 48px;width: 175px;text-align: center;border: none;background-color: red }
.item_search{margin-bottom: 10px;}

.control-search{background-color:#d1cfd0}






a:hover{text-decoration: none;color: #ffff}
.noidung_top_title{justify-content: center;font-family: 'UTM';}
.modal-header{background-color:#006289;padding:0.5rem 1rem!important;}
.modal-title{color:#ffff}
.modal_title1{text-align: center;padding: 4px 4px;color: red;font-size: larger;}
.goidien{padding: 8px 30px;background-color:#007bff;border-radius: 4px;color: #ffff}
.gui{border-radius: 5px;padding: 5px 36px;background-color:#007bff;color: #ffff}
.modal_title{padding: 0px 10px 10px 26px;display: flex;justify-content: space-around;fleft-wrap: wrap;flex-wrap: wrap;}
.goidien:hover{background-color: red;text-decoration: none;color: #ffff}
.gui:hover{background-color: red;color: #ffff}
.box{position: relative}


.show_bando2{display: none}
.show_bando2.active1{display: block}
.olw1{padding-bottom: 60px}
.danhmuc{background-color:#f9dfd9}
.owl2{background-color:#f9dfd9}
.noidung_top1 {
    text-align: center;
    margin-bottom: 20px;
}
.title_h{color:#333399;font-size: 36px;font-family:'Roboto_bold';padding: 10px 0px}
.name-news {
    color: #333399;
    font-family: 'Roboto_bold';
    font-size: 16px;
    line-height: 1.6
}
.time-news {
    font-size: 15px;
}
.desc-news {
    font-size: 15px;
}
.news_customer {
    padding: 10px 10px;
    border: 1px solid #d9d9d9;
}
.title_h5 {
    color: #333399;
    font-size: 25px;
    font-family: 'Roboto_bold';
    padding: 10px 0px
}
.list-news-other li {
    margin-bottom: 2px;
    list-style: none;
    padding: 3px 0px;
    font-family: auto;
}
.list-news-other li a {
    text-transform: none;
    color: #333399;
}
.phone h4{color: #ffff;font-size: 17px;font-family: Roboto}
.phone{display: flex;
    flex-wrap: wrap;
    align-items: center;}
.phone img{padding-right: 10px}

.product_left{width: 70%}
.product_right{width: 30%}
.product_tong{display: flex;flex-wrap: wrap;justify-content: space-between}
.title-h span{color: #762e1c;
    font-size: 25px;
    font-family: 'Roboto_bold';}

.fixed { position: fixed; z-index: 9999; top:0; left:0;right:0;-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.end{display: flex;flex-wrap: wrap;justify-content: center;}
.grid-pro-detail{display: flex;flex-wrap: wrap;justify-content: space-between}


.grid-news {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 21px 21px}
.album-gird {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 21px 21px}
.album{text-align: center;}
.name-album {padding: 20px 0px;font-size: 17px;font-weight: bold;font-family: 'Muli-Regular';}
.price-product span{font-size: 14px;font-family: 'Muli-Regular';}
.album_detail1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px 30px}
.product{width: 100%!important}
.pagination-ajax{margin: auto;}
.seach img{cursor: pointer;}
.clear{clear: both;}
.slide{position: relative;background-color: white;}
.slide img{width: 100%;}

.title a:hover{text-decoration: none}
.footer-left a:hover{text-decoration: none}
.title{margin-top: 0px!important}
.video{padding: 0px 0px 0px 15px;}
.list_icon ul {display: flex;}
.footer-left h5{font-family: 'Open-Sans';font-family: 'Open-Sans';font-size: 15px;color: #ffffff;margin: 0px;}
.footer_icon ul li {padding: 10px 0px;list-style: none;}
.footer_icon ul li img{max-width: 30px}
.list_icon ul li img{margin-right: 10px;max-width: 46px}
.list_icon ul li {list-style: none}
.footer_bottom{background-color:#f3b700;}
.footer_bottom h4 {text-align:center;padding: 15px;font-size: 13px;color: #141613;font-family:'Muli';margin: 0px}
.video_full {width: 100%;height: 585px;object-fit: cover;}


/* /nc */
.flex1{display: flex;flex-wrap: wrap;}
.form_tk_nc{width: 25%;}
.sp_r{width: 73.5%;}
.box_sp_dt{justify-content: space-between;}
.sidebar-filter-estate__title {
    background-color: #333399;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 8px;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
}
.sidebar-filter-estate__content {
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 8px;
}
.form_tk_nc .form-control{height: 42px;line-height: 42px;}
.form-select {
    display: block;
    width: 100%;
    padding: 10px 10px;
    font-size: 15px!important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.form_tk_nc .row .col-6{
    padding: 0px 5px;
}
.form_tk_nc .row {
    margin: 0px -5px;
}

.btn-cus.style2 {
    border-radius: 4px;
    padding: 8px 12px;
}
.btn-cus--red-dark-outline {
    background-color: unset;
    border: 1px solid #333399;
    color: #333399;
}
.tabs-pro-detail{width: 100%;}
.iframe_bd{margin-top: 30px;width: 100%;}
.iframe_bd iframe{width: 100%;}
.file_pdf{margin-bottom: 30px;}
.sp_name{font-size: 14px;color: #000000;}
.p_sp_flex{justify-content: space-between;}
.box_sp_title .giasp{font-size: 14px;font-weight: 700;color: red;padding-bottom: 10px;padding-top: 5px;}

.sidebar-highlight-news {
    background-color: #f6f7f8;
    border-radius: 8px;
    padding: 16px;
}

.sidebar-highlight-news__title {
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 2px solid #d1a21c;
    margin-bottom: 24px;
    font-weight: 700;
}
.sidebar-highlight-news__content .item {
    margin-bottom: 16px;
}

.sidebar-highlight-news__content .item .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.gx-2 .col-4{padding-left: 5px;padding-right: 5px;}
.gx-2 .col-8{padding-left: 5px;padding-right: 5px;}
.row.gx-2{margin-left: -5px;margin-right: -5px;}
.line-2{font-size: 15px;color: #000;}

.nd_content{text-align: start;}
.estate-single-title {
    border-bottom: 1px solid #535353;
    color: #140000;
    padding-bottom: 8px;
    position: relative;
    margin-top: 30px;
}
.estate-single-title::after {
    position: absolute;
    content: "";
    width: 23%;
    height: 4px;
    background-color: #d1a21c;
    border-radius: 20px 20px 0 0;
    left: 0;
    bottom: -1px;
}
.desc-pro-detail{line-height: 2;}
.sp_lh i{padding-right: 5px;}
.content-main img{width: 100%;height: unset!important;}