html {
    scroll-behavior: smooth;
}

:focus {
    outline: 0 !important;
    text-decoration: blink !important;
}

a:hover {
    text-decoration: blink !important;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
    font-family: 'Roboto';
    font-size: 16px;
    color: #505050;
    line-height: 23px;
}

.navShadow_1 {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: white;
    box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.2);
}

.mobile {
    display: none;
}

#header {
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}

.logo {
    float: left;
    width: 50%;
}

.hotline_time {
    width: 50%;
    float: left;
    padding-top: 18px;
}

.hotline_top {
    float: right;
    margin-left: 50px;
}

.hotline_top img {
    float: left;
    padding-right: 10px;
}

.hotline_top b {
    color: #006AAE;
}

.hotline_top p {
    margin-bottom: 0;
    color: #505050;
}

.box_top {
    display: inline-block;
    font-family: 'Roboto';
}

#nav {
    width: 100%;
    display: block;
    padding: 0;
}

.fa-caret-down {
    margin-left: 5px;
}

#banner {
    width: 100%;
    position: relative;
    top: 0;
    z-index: 5;
}

#banner .banner_trangcon img {
    width: 100%;
}

#slider_desktop img {
    width: 100%;
}

#gop_top {
    position: relative;
}

.timkiem {
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: 15%;
    width: 70%;
    top: 20px;
}

.timkiem .select-area {
    width: 25%;
    float: left;
}

.timkiem .select-area select.select {
    width: 100%;
    box-sizing: border-box;
    outline: 0 none;
    -webkit-appearance: none;
    cursor: pointer;
    background: #ffffff url(../images/select_tk.svg) no-repeat scroll 95% center;
    border: none;
    padding: 12px 20px;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
}

.timkiem input {
    float: left;
    font-size: 15px;
    line-height: 18px;
    color: #A6A6A6;
    background: #ffffff;
    border: none;
    padding: 12px 20px;
    width: 55%;
    border-left: 1px solid #e4e4e4;
}

.timkiem input::placeholder {
    color: #A6A6A6;
}

.timkiem button {
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.2);
    width: 20%;
    background: #F38120;
    text-transform: uppercase;
    border: none;
    font-size: 17px;
    padding: 12px 20px;
    font-size: 15px;
    line-height: 18px;
    font-family: Roboto Bold;
    color: #FFFFFF;
}

.hotline_header {
    position: absolute;
    right: 15px;
    top: 17px;
    max-width: 180px;
}

.hotline_header a {
    padding-left: 5px;
    float: left;
    font-family: Roboto Bold;
    font-size: 18px;
    line-height: 25px;
    color: #2F2F2F
}

.hotline_header a img {
    position: relative;
    top: -3px;
    margin-right: 5px;
    float: left;
}

#slider_desktop {
    display: block;
}

#slider_mobile {
    display: none;
}

.noidung_slider {
    width: 100%;
    z-index: 1;
    position: absolute;
}

.noidung_slider .nen_slider {
    width: 100%;
    z-index: 2;
    position: absolute;
}

.noidung_slider .inslider {
    width: 100%;
    position: absolute;
    z-index: 100;
    margin-top: 13%;
}

.inslider .title_sliderhome h1 {
    text-align: center;
    font-family: Roboto Bold;
    font-size: 33px;
    line-height: 42px;
    text-transform: uppercase;
    color: #FFFFFF
}

.inslider .title_sliderhome h4 {
    text-align: center;
    font-size: 17px;
    line-height: 18px;
    color: #FFFFFF
}

.inslider .button_dk {
    float: right;
}

#slider_mobile .button_dk_lh .dktv,
.inslider .button_dk .dktv {
    font-family: Roboto Bold;
    font-size: 16px;
    margin-left: 15px;
    background: rgba(0, 111, 191, 0.3);
    text-align: center;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 2px 4px rgba(28, 51, 86, 0.25);
    border-radius: 3px;
    padding: 11px 35px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(28, 51, 86, 0.25);
}

#slider_mobile .button_dk_lh .dktv:hover,
.inslider .button_dk .dktv:hover {
    border: 2px solid #006AAE;
    box-shadow: none;
    color: #FFFFFF;
    background: #006AAE;
    text-shadow: none;
}

.timkiem#mobile_tk {
    display: none
}


/* page_1 */

.desktop {
    margin: 0;
}

.mobile {
    margin: 0;
    display: none;
}

#page_1 {
    width: 100%;
    clear: both;
    padding: 50px 0;
}

#page_1 .table_duan {
    width: 100%;
}

.table_duan table thead.flip-content tr th.th_sd {
    width: 13%;
}

.table_duan table thead.flip-content tr th.th_da {
    width: 25%;
}

.table_duan table thead.flip-content {
    background: #35394D;
    border-radius: 2px 2px 0px 0px;
}

.table_duan table thead.flip-content tr th {
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 26px;
    border: none;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 0px 12px 15px;
}

.table_duan table tbody tr {
    background: #35394D
}

.table_duan table tbody tr:hover {
    background: #6CA530;
}

.table_duan table,
.table_duan table tbody,
.table_duan table tbody tr td {
    border: none;
}

.table_duan table tbody tr td label {
    padding-left: 10px;
}

.table_duan table tbody tr td label a {
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
}


/* .table_duan table tbody tr td.vitrida,
.table_duan table tbody tr td.nameda {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */

.table_duan table tbody tr td.price label.pro a {
    color: #FFFB00;
}

.table_duan table tbody tr td.td_pl label.pro a {
    color: #F38120;
}

.table_duan table tbody tr.acti_in {
    background: #23262A;
}

.table_duan table tbody tr.acti_in:hover {
    background: #6CA530;
}

.button_more {
    text-align: right;
}

.button_more.btn_center {
    text-align: center;
}

.button_more a {
    background: #F38120;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    font-family: Roboto Bold;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 30px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.9;
}

.button_more a::after {
    content: url(../images/more_next.svg);
    position: relative;
    padding-left: 8px;
}

.form_kygui {
    padding: 12px 18px 40px;
    margin: 0;
    border-radius: 2px;
    width: 100%;
    clear: both;
    background: #0F7AC3;
}

.form_kygui h3.title-kygui {
    font-family: Roboto;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.form_kygui p.p-tren {
    font-family: Roboto Bold;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.form_kygui p.p-duoi {
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #FFFFFF;
}

.form_kygui .frm1 {
    margin-top: 20px;
}

.form_kygui .frm1 .form-sm {
    margin-bottom: 15px;
}

.form_kygui .frm1 .form-sm input {
    width: 100%;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 2px;
    background: none;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: rgba(255, 255, 255);
}

.form_kygui .frm1 .form-sm input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form_kygui .frm1 .form-sm select {
    width: 100%;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0 none;
    -webkit-appearance: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url(../images/select_form.svg) no-repeat scroll 95% center;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: rgba(255, 255, 255);
}

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-family: Roboto Bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    background: #F38120;
    box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.12);
    border-radius: 2px;
    padding: 10px 20px;
    border: none;
}

.xoamargin {
    margin: 0 -15px;
}


/* page_2 */

#page_2 {
    width: 100%;
    clear: both;
}

.title_da_home {
    width: 100%;
    padding: 5px 35px;
    background: #006AAE;
    border-radius: 2px 2px 0px 0px;
}

.title_da_home h4 {
    font-family: Roboto Bold;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.khung_duan {
    padding: 5px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
}

.khung_duan .img_effect {
    width: 100%;
    overflow: hidden;
}

.khung_duan .img_effect a {
    width: 100%;
}

.khung_duan:hover .img_effect a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.khung_duan .img_effect a img {
    width: 100%;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.khung_duan .ct_da {
    width: 100%;
    padding: 10px 10px 10px;
}

.khung_duan .ct_da .title_da {
    width: 100%;
    margin: 10px 0;
    height: 44px;
    overflow: hidden;
}

.khung_duan .ct_da .title_da a {
    margin: 0;
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 19px;
    color: #545454;
}

.khung_duan:hover .ct_da .title_da a {
    color: #006AAE;
}

.time_duan p::before {
    padding-right: 5px;
    content: url('../images/lich.svg');
}

.time_duan {
    padding: 10px 0;
}

.time_duan p {
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    color: #A6A6A6;
}

.khung_duan .ct_da .descript_duan p {
    font-size: 15px;
    line-height: 18px;
    color: #545454;
}

.khung_duan .ct_da .map {
    width: 100%;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.khung_duan .ct_da .map p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 15px;
    color: #505050;
}

.khung_duan .ct_da .map p.price {
    font-family: Roboto Bold;
    font-size: 18px;
    line-height: 21px;
    color: #EC1C29;
}

.khung_duan .ct_da .map p::before {
    position: relative;
    padding-right: 5px;
    top: 2px;
}

.khung_duan .ct_da .map p:nth-child(1)::before {
    content: url(../images/icon_list_da/1.svg)
}

.khung_duan .ct_da .map p:nth-child(2)::before {
    content: url(../images/icon_list_da/2.svg)
}

.khung_duan .ct_da .map p:nth-child(3)::before {
    content: url(../images/icon_list_da/3.svg)
}

.khung_duan .ct_da .map p:nth-child(4)::before {
    content: url(../images/icon_list_da/4.svg)
}

.khung_duan .ct_da .map p:nth-child(5)::before {
    content: url(../images/icon_list_da/5.svg)
}


/* page_3 */

#page_3 {
    width: 100%;
    clear: both;
    padding: 50px 0;
}

.title_tt_home {
    width: 100%;
    border-radius: 2px;
    position: relative;
}

.title_tt_home hr {
    width: 100%;
    border-top: 1px solid #252525;
    position: absolute;
    top: 0px;
    z-index: 0;
}

.title_tt_home h4 {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    background: #FFFFFF;
    z-index: 1;
    position: relative;
    font-family: Roboto Bold;
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
    color: #0F7AC3;
}

.box_tintuc {
    margin: 20px 0;
    width: 100%;
    clear: both;
}

.slide_tintuc .khung_tin {
    margin: 0 15px;
}

.khung_tin {
    width: 100%;
    padding: 15px 0;
}

.khung_t_tin {
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    width: 100%;
}

.khung_t_tin .img_effect {
    width: 100%;
    overflow: hidden;
}

.khung_t_tin:hover .img_effect a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.khung_t_tin .img_effect a img {
    width: 100%;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.khung_t_tin .time_tin p::before {
    padding-right: 5px;
    content: url('../images/lich.svg');
}

.khung_t_tin .time_tin {
    padding: 10px 15px;
}

.khung_t_tin .time_tin p {
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    color: #A6A6A6;
}

.khung_t_tin .text_tin {
    width: 100%;
    padding: 5px 15px;
}

.khung_t_tin .text_tin .title_tin {
    margin: 0;
    height: 63px;
    overflow: hidden;
}

.khung_t_tin .text_tin .title_tin a {
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 19px;
    color: #545454;
}

.khung_t_tin:hover .text_tin .title_tin a {
    color: #006AAE
}

.khung_t_tin .text_tin .descript_tin {
    width: 100%;
    height: 56px;
    margin-bottom: 15px;
    overflow: hidden;
}

.khung_t_tin .text_tin .descript_tin p {
    padding: 10px 0;
    font-size: 15px;
    line-height: 22px;
    color: #545454;
}


/* footer */

footer {
    width: 100%;
    background: url('../images/bg_ft.png') no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.contact_us {
    width: 100%;
    margin: 10px 0 10px;
}

.contact_us p {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
}

.follow_us {
    width: 100%;
}

.follow_us h5 {
    margin: 5px 0;
    float: left;
    font-family: Roboto Bold;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.contact_mxh {
    text-align: left;
}

.contact_mxh a {
    margin-left: 5px;
}

.fanpage {
    width: 100%;
    float: right;
}

.fanpage iframe {
    float: right;
}


/* Trang con */

#page_content {
    width: 100%;
    padding: 0 0 50px;
    clear: both;
}

.link_top {
    width: 100%;
    clear: both;
    margin: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link_top a {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 16px;
    color: #545454
}

.link_top a.link::after {
    padding-left: 8px;
    content: url(../images/more_nau.svg)
}

.link_top a.link:last-child {
    font-family: Roboto Bold;
    color: #006AAE;
}

.link_top a.link:last-child::after {
    content: ""
}

.wrapper_content {
    width: 100%;
}

.title_content h3 {
    margin: 0px;
    font-family: Roboto Bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #545454;
}

.wrapper_content .content p {
    font-size: 15px;
    line-height: 22px;
    color: #545454;
}

.wrapper_content .content p span {
    font-family: Roboto Bold;
    font-size: 15px;
    line-height: 22px;
    color: #545454;
}

.wrapper_content .content h4.title_ct {
    margin: 20px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #545454;
}


/* .wrapper_content .content h4.title_ct::before {
    content: url(../images/gach_text.svg);
    position: absolute;
    padding-top: 10px;
} */

.pagination {
    margin-top: 30px;
    width: 100%;
}

.pagination .page-number {
    float: right;
}

.pagination .page-number li {
    list-style-type: none;
    margin: 0 3px;
    float: left;
}

.pagination .page-number li a {
    padding: 5px 10px;
    font-family: Roboto Bold;
    font-size: 14px;
    line-height: 20px;
    color: #F38120;
    border: 1px solid #F38120;
}

.pagination .page-number li.active {
    background: #F38120;
    border-radius: 2px;
}

.pagination .page-number li.active a {
    color: #ffffff;
}


/* .fa-angle-left-none {
    content: url(../images/prev_page.svg);
    position: relative;
    top: 3px;
}

.fa-angle-right {
    content: url(../images/next_page.svg);
    position: relative;
    top: 3px;
} */


/* Gioi thieu */

.content_gioithieu {
    width: 100%;
}

.content_gioithieu .time_up {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.content_gioithieu .time_up p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #A6A6A6;
}

.content_gioithieu .time_up p::before {
    padding-right: 5px;
    content: url(../images/lich.svg);
}


/* du an */

.danhmucduan {
    width: 100%;
    margin-bottom: 30px;
}

.danhmucduan .title_dmda {
    width: 100%;
}

.danhmucduan .title_dmda p {
    width: 100%;
    padding: 10px 15px 10px;
    background: #F38120;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    font-family: Roboto Bold;
    text-transform: uppercase;
    color: #FFFFFF;
}

.danhmucduan .list_dm {
    width: 100%;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #eeeeee;
}

.danhmucduan .list_dm li {
    border-top: 1px solid #eeeeee;
    padding: 10px 15px;
    margin: 0;
    list-style-type: none;
    width: 100%;
}

.danhmucduan .list_dm li:hover a,
.danhmucduan .list_dm li.active a {
    color: #0F7AC3;
}

.danhmucduan .list_dm li:hover a::before,
.danhmucduan .list_dm li.active a::before {
    content: url(../images/dm_active.svg);
    position: relative;
    padding-right: 8px;
}

.danhmucduan .list_dm li a {
    position: relative;
    text-align: left;
    width: 100%;
    background: none;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.danhmucduan .list_dm li a::before {
    content: url(../images/dm.svg);
    position: relative;
    padding-right: 8px;
}

.content_duan {
    width: 100%;
    clear: both;
}

.content_duan .thongtin_da {
    width: 100%;
    margin-bottom: 30px;
}

.content_duan .thongtin_da .title_da {
    width: 100%;
}

.content_duan .thongtin_da .title_da h3 {
    margin: 0;
    font-family: Roboto Bold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #545454;
}

.content_duan .chitiet_da {
    width: 100%;
}

.content_duan .chitiet_da .tt_da .ct_da {
    width: 100%;
    padding: 10px 20px;
    background: #FAFAFA;
    border: 1px dashed #D8D8D8;
    box-sizing: border-box;
}

.content_duan .chitiet_da .tt_da .price_da p {
    font-family: Roboto Bold;
    font-size: 22px;
    line-height: 28px;
    color: #EC1C29;
}

.content_duan .chitiet_da .tt_da .price_da p span {
    color: #EC1C29;
}

.content_duan .chitiet_da .tt_da .ct_da p {
    font-size: 16px;
    line-height: 18px;
    color: #545454;
}

.content_duan .chitiet_da .tt_da .ct_da p span {
    color: #F38120;
    font-family: Roboto Bold;
}

.content_duan .chitiet_da .tt_da .ct_da p::before {
    position: relative;
    top: 3px;
    padding-right: 7px;
}

.content_duan .chitiet_da .tt_da .ct_da p:nth-child(1)::before {
    content: url(../images/icon_da/1.svg);
}

.content_duan .chitiet_da .tt_da .ct_da p:nth-child(2)::before {
    content: url(../images/icon_da/2.svg);
}

.content_duan .chitiet_da .tt_da .ct_da p:nth-child(3)::before {
    content: url(../images/icon_da/3.svg);
}

.content_duan .chitiet_da .tt_da .ct_da p:nth-child(4)::before {
    content: url(../images/icon_da/4.svg);
}

.content_duan .chitiet_da .tt_da .ct_da p:nth-child(5)::before {
    content: url(../images/icon_da/5.svg);
}

.slider_da_lq {
    width: 100%;
}

.slider_da_lq .khung_t_duan {
    padding: 0 15px;
}


/* LIÊN HỆ  */

.content_lienhe {
    width: 100%;
    clear: both;
}

.content_lienhe .content .title_lh {
    width: 100%;
}

.content_lienhe .content .title_lh h5 {
    margin: 0;
    margin-bottom: 5px;
    font-family: Roboto Bold;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    color: #006AAE;
}


/* .content_lienhe .content .title_lh h4 {
    margin: 0;
    margin-bottom: 15px;
    font-family: Roboto Bold;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.2px;
    color: #F38120;
} */

.content_lienhe .content .ttlh p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.2px;
    color: #545454;
}

.content_lienhe .content .ttlh p::before {
    position: relative;
    top: 3px;
    padding-right: 5px;
}

.content_lienhe .content .ttlh p:nth-child(1)::before {
    content: url(../images/lienhe/address.svg);
}

.content_lienhe .content .ttlh p:nth-child(2)::before {
    content: url(../images/lienhe/phone.svg);
}

.content_lienhe .content .ttlh p:nth-child(3)::before {
    content: url(../images/lienhe/email.svg);
}

.content_lienhe .content .ttlh p:nth-child(4)::before {
    content: url(../images/lienhe/web.svg);
}

.content_lienhe .content .form_contact {
    margin-top: 20px;
    width: 100%;
    clear: both;
}

.content_lienhe .content .form_contact .lienhe {
    width: 100%;
}


/* 
.form_contact .lienhe .box_group_from {
    width: 100%;
    margin-top: 20px;
}

.form_contact .lienhe .box_group_from .inputfrom label {
    font-size: 15px;
    line-height: 23px;
    color: #545454;
}

.form_contact .lienhe .box_group_from .inputfrom textarea {
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 23px;
    color: #A6A6A6;
}

.form_contact .lienhe .box_group_from .inputfrom input {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 23px;
    color: #A6A6A6;
}

.form_contact .lienhe .box_group_from .inputfrom textarea::placeholder,
.form_contact .lienhe .box_group_from .inputfrom input::placeholder {
    color: #A6A6A6;
}

.form_contact .lienhe #box_send .send_mail {
    margin: 20px 0;
    font-family: Roboto Bold;
    padding: 12px 35px;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    background: #F38120;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: none;
} */

.mapsgg {
    width: 100%;
}

.mapsgg iframe {
    height: 240px;
}

.mail_reg {
    margin-top: 15px;
    width: 100%;
}

.mail_reg h4 {
    font-family: Roboto Bold;
    position: relative;
    color: #006AAE;
    font-size: 20px;
}

.mail_reg form {
    width: 400px;
    position: relative;
}

.mail_reg form input.nhapemail::placeholder {
    color: #A6A6A6;
}

.mail_reg form input.nhapemail {
    width: 100%;
    padding: 10px 50px 10px 20px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.34px;
    color: #A6A6A6;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    box-sizing: border-box;
    border-radius: 3px;
}

.mail_reg form button {
    background: none;
    border: none;
    position: absolute;
    right: 10px;
    top: 5px;
}


/* Tin tuc */

#page_content .title_tt_home {
    margin-bottom: 20px;
}

.box_da {
    margin: 30px 0;
    width: 100%;
    clear: both;
}

.box_da .khung_duan {
    height: auto;
}

.box_da .khung_duan .img_effect {
    width: 100%;
    float: none;
    overflow: hidden;
    padding-bottom: 15px;
}

.box_da .khung_duan .ct_da {
    padding-left: 0;
    width: 100%;
    float: none;
}


/* hover */

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact,
.button_more a,
.timkiem#desktop_tk button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:before,
.button_more a:before,
.timkiem#desktop_tk button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 2px;
    background: rgba(194, 147, 254, 0.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:before,
.button_more a:before {
    background: rgba(240, 140, 53, 0.9)
}

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:hover,
.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:focus,
.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:active,
.button_more a:hover,
.button_more a:focus,
.button_more a:active,
.timkiem#desktop_tk button:hover,
.timkiem#desktop_tk button:focus,
.timkiem#desktop_tk button:active {
    color: white;
}

.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:hover:before,
.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:focus:before,
.form_kygui .frm1 .form-bg .edit_f_lh #_send_contact:active:before,
.button_more a:hover:before,
.button_more a:focus:before,
.button_more a:active:before,
.timkiem#desktop_tk button:hover:before,
.timkiem#desktop_tk button:focus:before,
.timkiem#desktop_tk button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.gg_map iframe,
.gg_map {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.coppy_right {
    padding: 15px 0;
    background: #0F7AC3;
    width: 100%;
}

.coppy_right p {
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
}

.coppy_right p span {
    font-family: Roboto Bold;
}

.copy_right_left {
    float: left;
}

.copy_right_right {
    float: right;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
}

.slider_img_duan {
    width: 100%;
    margin-bottom: 30px;
}

.slider_img_duan .img_da {
    width: 100%;
}

.slider_img_duan .img_da img {
    width: 100%;
}

.ring {
    position: fixed;
    bottom: 15px;
    left: 0px;
    z-index: 10000;
}