* {

    margin: 0;

    padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    margin: 0;

}



@font-face {

    font-family: "Open Sans";

    src: url("../fonts/font/OpenSans-Regular.woff2") format("woff2"),

        url("../fonts/font/OpenSans-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Open Sans2";

    src: url("../fonts/font/OpenSans-Bold.woff2") format("woff2"),

        url("../fonts/font/OpenSans-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "SVN-Times New Roman";

    src: url("../fonts/font/SVN-TimesNewRoman.woff2") format("woff2"),

        url("../fonts/font/SVN-TimesNewRoman.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Roboto2";

    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: "UVF Aphrodite Pro";

    src: url("../fonts/font/UVFAphroditePro.woff2") format("woff2"),

        url("../fonts/font/UVFAphroditePro.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Roboto";

    src: url("../fonts/font/Roboto-Medium.woff") format("woff2"),

        url("./fonts/font/Roboto-Medium.woff") format("woff");

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "SFU Futura";

    src: url("../fonts/font/SFUFuturaBold.woff") format("woff2"),

        url("../fonts/font/SFUFuturaBold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@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: "UTMHanzel";

    src: url("../fonts/font/UTMHanzel.woff2") format("woff2"),

        url("../fonts/font/UTMHanzel.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "SVN_Poppins";

    src: url("../fonts/font/SVN-Poppins.woff2") format("woff2"),

        url("../fonts/font/SVN-Poppins.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "SVN_Poppins_medium";

    src: url("../fonts/font/SVN-PoppinsMedium.woff2") format("woff2"),

        url("../fonts/font/SVN-PoppinsMedium.woff") format("woff");

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "SVN_Poppins_semibold";

    src: url("../fonts/font/SVN-PoppinsSemiBold.woff2") format("woff2"),

        url("../fonts/font/SVN-PoppinsSemiBold.woff") format("woff");

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Mulish_black";

    src: url("../fonts/font/Mulish-Black.woff2") format("woff2"),

        url("../fonts/font/Mulish-Black.woff") format("woff");

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "UTMHelvetIns";

    src: url("../fonts/font/UTMHelvetIns.woff2") format("woff2"),

        url("../fonts/font/UTMHelvetIns.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Mulish_extrabold";

    src: url("../fonts/font/Mulish-ExtraBold.woff2") format("woff2"),

        url("../fonts/font/Mulish-ExtraBold.woff") format("woff");

    font-weight: 800;

    font-style: normal;

}



@font-face {

    font-family: "Mulish_regular";

    src: url("../fonts/font/Mulish-Regular.woff2") format("woff2"),

        url("../fonts/font/Mulish-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "UTMEdwardian";

    src: url("../fonts/font/UTMEdwardian.woff2") format("woff2"),

        url("../fonts/font/UTMEdwardian.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "UTMAmericanSans";

    src: url("../fonts/font/UTMAmericanSans.woff2") format("woff2"),

        url("../fonts/font/UTMAmericanSans.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Muli_semibold";

    src: url("../fonts/font/Muli-SemiBold.woff2") format("woff2"),

        url("../fonts/font/Muli-SemiBold.woff") format("woff");

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: "Mulish_bold";

    src: url("../fonts/font/Mulish-Bold.woff2") format("woff2"),

        url("../fonts/font/Mulish-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Quicksand_regular";

    src: url("../fonts/font/Quicksand-Regular.woff2") format("woff2"),

        url("../fonts/font/Quicksand-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}

/* margin-padding */

.pl-10{padding-left: 10px;}.pr-10{padding-right: 10px;}.pt-10{padding-top: 10px;}.pb-10{padding-bottom: 10px;}.p10{padding: 10px;}

.pl-20{padding-left: 20px;}.pr-20{padding-right: 20px;}.pt-20{padding-top: 20px;}.pb-20{padding-bottom: 20px;}.p20{padding: 20px;}

.pl-30{padding-left: 30px;}.pr-30{padding-right: 30px;}.pt-30{padding-top: 30px;}.pb-30{padding-bottom: 30px;}.p30{padding: 20px;}

.p-auto{padding: auto;}

.ml-10{padding-left: 10px;}.mr-10{padding-right: 10px;}.mt-10{padding-top: 10px;}.mb-10{padding-bottom: 10px;}.m10{padding: 10px;}

.ml-20{padding-left: 20px;}.mr-20{padding-right: 20px;}.mt-20{padding-top: 20px;}.mb-20{padding-bottom: 20px;}.m20{padding: 20px;}

.ml-30{padding-left: 30px;}.mr-30{padding-right: 30px;}.mt-30{padding-top: 30px;}.mb-30{padding-bottom: 30px;}.m30{padding: 20px;}

.m-auto{padding: auto;}

/* margin-padding */





.wrap-content {

    max-width: 1300px;

}

.wrap-content2{

    max-width: 1366px;

    align-items: center;margin: auto;

}

.box_tintuc_video{padding-left: calc((100% - 1300px)/2);}



.wrap-body {

    background-color: #e3f6fd;

    max-width: 100%;

}



.wrap-body2 {

    background-image: url(../../assets/images/news/banner-2.png);

}



body {

    font-family: "Mulish_regular";

    font-size: 14px;

    color: #333;

    background: #fff;

}



p {

    margin: 0;

}



ul {

    margin-bottom: 0px;

}



h4 {

    font-size: 0rem;

}



a:hover {

    color: #ffffff;

}



/* header */

.flex {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.box-slide {

    position: relative;

}



.sologan {

    width: 50%;

}



.info-header i {

    padding-right: 10px;

}



.info-header {

    font-family: "Roboto";

    font-size: 14px;

}



.header_left {

    width: 40%;

    float: left;

}



.header_center {

    width: 30%;

}



.header_right {

    width: 30%;

    float: right;

    padding-left: 200px;

}



.header_right img {

    padding-right: 15px;

}



.social li {

    padding: 9px 10px;

    border-right: 1px solid #d9d9d9;

    list-style: none;

}



.header-top {

    background-color: #d50008;

    color: #ffffff;

    height: 40px;

}



.social li a {

    position: relative;

    top: 2px;

}



.info-header {

    padding-right: 20px;

}



.hotline-header {

    background: url(../images/logo-hotline.png) no-repeat left center;

    padding-left: 95px;

}



.hotline-header p {

    font-size: 28px;

    color: #ea4335;

    font-family: "UTMHelvetIns";

}



.header-bottom {

    padding: 10px 0px;

    /* background: url(../images/image/bck_header.png)no-repeat; */

    background-size: cover;

    background-color: #fdfefe;

}



/* menu */

.menu ul li a {

    font-family: "Roboto";

    line-height: 1;

    font-size: 15px;

    color: #000000;

}

.menu ul li a:hover{

    color: #d70000;

}



.menu {

    background-color: #ffffff;

    position: relative;

    z-index: 9;

}



/* tieuchi */

.box_tieuchi {

    text-align: center;

}



.tieuchi_vi {

    font-size: 15px;

    color: #333333;

    font-family: "Mulish_black";

    margin-top: 20px;

    margin-bottom: 10px;

}



.tieuchi_mt {

    font-size: 14px;

    color: #333333;

    font-family: "Mulish_regular";

    line-height: 1.8;

}



.tieuchi {

    padding: 40px 0px;

}



/* gioithieu */

.gioithieu_left {

    width: 50%;
     
    margin-top: -50px;
}



.gioithieu_left1 {

    position: relative;

    z-index: 1;

}



.gioithieu_right {

    width: 50%;



}







.gioithieu_right .child {

    position: absolute;

    bottom: 40%;

    left: 50%;

}



.gioithieu_right img {

    border-radius: 5px;

}



.ha1 {

    margin-bottom: 80px;

    margin-top: 60px;

    margin-left: 30px;

}



.ha2 {

    position: absolute;

    bottom: 0;

    right: 0;

    padding-bottom: 10px;

}



.doinet {

    font-family: "UVF Aphrodite Pro";

    color: #000000;

    font-size: 25px;

    /* font-weight: bold; */

    /* padding: 50px 0 20px 0; */

    text-align: left;

}



.doinet1 {

    font-family: "UTM HelvetIns";

    font-size: 30px;

    color: #d70000;

    font-weight: bold;

    text-shadow: 2px 2px 2px #ffffff;

    padding-bottom: 30px;

}



.gioithieu_vi {

    font-family: "UTMHelvetIns";

    font-size: 30px;

    color: #00b3f0;

    font-weight: bold;

    /* text-shadow: 2px 2px 1px #00b3f0; */

    /* padding-bottom: 30px; */

    text-align: left;

}



.gioithieu_vi2 {

    font-family: "UTMHelvetIns";

    font-size: 30px;

    color: #ff0200;

    font-weight: bold;

    /* text-shadow: 2px 2px 1px #00b3f0; */

    padding-bottom: 30px;

    text-align: left;

}



.gioithieu_mota {

    font-family: "Roboto2";

    color: #030303;

    font-size: 15px;

}



.xemthem {

    font-size: 15px;

    color: #00b3f0;

    height: 40px;

    width: 150px;

    line-height: 45px;

    text-align: center;

    display: inline-block;

    margin-top: 30px;

    border: 1px solid #00b3f0;

    font-family: "Roboto2";

}



.box_ab:nth-child(1) {

    grid-column: 1 / 5;

    grid-row: 1 / 3;

    position: relative;

}



.box_ab:nth-child(2) {

    grid-column: 5 / 8;

    grid-row: 1 / 2;

    position: absolute;

    padding: 70px 0 0 115px;

}



.qc_sl {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    grid-gap: 5px;

}



/* danhmuc */

.danhmuc_list {

    position: relative;

}



.danh_muc_title {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    text-align: center;

    padding: 0px 20px;

}



.danhmuc_vi {

    font-size: 24px;

    color: #ffffff;

    font-family: "Muli_semibold";

}



/* sanpham_banchay */

.noidung_top {

    text-align: center;

    position: relative;

}



.line-top2 img {

    top: 55px;

    /* padding: 0 auto; */

    position: absolute;

    align-items: center;

    left: 48%;

}



.title_h2 {

    font-size: 36px;

    color: #000;

    font-family: "Mulish_bold";

}



.slogan1 {

    font-size: 14px;

    color: #000;

    font-family: "Mulish_regular";

    margin-bottom: 15px;

    margin-top: 5px;

}



.sanpham_banchay {

    padding: 60px 0px;

}



.name-product {

    font-size: 17px;

    color: #333333;

    margin-top: 20px;

    margin-bottom: 10px;

    font-family: "Roboto_bold";

}



.gia {

    color: #555555;

}



/* .danhmuc_list */

.grid-page {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 33.33px 33.33px;

}



.danhmuc_sanpham {

    justify-content: center;

}



.li_a {

    padding: 0px 5px;

    /* width: 200px; */

}



.danhmuc_sanpham li a.active {

    color: #fd3410;

}



.danhmuc_sanpham li a {

    text-align: right;

    margin-left: auto;

    float: right;

    font-family: "Roboto";

    color: #00b3f0;

    font-size: 15px;

}



.danhmuc_sanpham li a:hover {

    cursor: pointer;

    background-color: #d70000 !important;

}



.danhmuc_sanpham li {

    list-style: none;

}



.danhmuc_sanpham_index {

    margin-top: 40px;

}



/* album */

.box_ab1:nth-child(1) {

    grid-column: 1 / 2;

    grid-row: 1 / 2;

}



.box_ab1:nth-child(2) {

    grid-column: 1 / 2;

    grid-row: 2 / 3;

}



.box_ab1:nth-child(3) {

    grid-column: 2 / 3;

    grid-row: 1 / 3;

}



.box_ab1:nth-child(4) {

    grid-column: 3 / 4;

    grid-row: 1 / 2;

}



.box_ab1:nth-child(5) {

    grid-column: 3 / 4;

    grid-row: 2 / 3;

}



.qc_sl1 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 10px;

}



.album_anh {

    padding: 60px 0px;

    background: url(../images/image/bck_album.png) no-repeat;

    background-size: cover;

}



.album_gallery {

    display: none;

}



.info-product {

    text-align: center;

}



.addcart {

    cursor: pointer;

}



.modal-header {

    background-color: #0189e1;

    color: #ffffff;

}



.zoom_hinh {

    position: relative;

}



.line_index {

    margin-top: 10px;

}



.album_vi1 {

    font-size: 17px;

    color: #ffffff;

    font-family: "BeVietnam_light";

}



.mau {

    color: #ffffff;

}



/* cambhan */

.img_camnhan {

    width: 53%;

    border-radius: 100px;

    position: relative;

}



.img_camnhan::after {

    content: "";

    position: absolute;

    border: 1px solid #d9d9d9;

    top: 0px;

    left: 5px;

    right: -5px;

    bottom: 0px;

    border-radius: 180px;

}



.box_title_camnhan {

    width: 52%;

    background-color: #0189e1;

    text-align: center;

    padding: 0px 20px;

    border-radius: 100px;

    margin-left: -20px;

    z-index: -1;

}



.flex1 {

    display: flex;

}



.box_title_camnhan {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    position: relative;

}



.box_title_camnhan::after {

    content: "";

    position: absolute;

    border: 1px solid #d9d9d9;

    top: 0px;

    left: -10px;

    right: 5px;

    bottom: 0px;

    border-radius: 180px;

}



.camnhan_noidung {

    font-size: 14px;

    color: #ffff;

    font-family: "Muli_regular";

    line-height: 2;

    margin: 10px 0px;

}



.duan_vi {

    font-size: 20px;

    color: #ffff;

    font-family: "iCielBCPacificonormal";

    line-height: 2;

}



.duan_mota {

    font-size: 14px;

    color: #ffff;

    font-family: "Muli_regular";

}



.camnhanhachhang_index {

    padding: 40px 0px;

}



.camnhan_id_box {

    position: relative;

}



.camnhan_id_box .owl-dots {

    margin-top: 20px;

}



.camnhan_id_box .owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background-color: red;

}



.camnhan_id_box .control-owl button.owl-prev {

    left: -60px;

}



.camnhan_id_box .control-owl button.owl-next {

    right: -60px;

}



.camnhan_id_box .control-owl {

    top: calc(50% - 45px / 2);

}



/* //LIENHEBAOGIA */

.lienhe_baogia {

    background: url(../images/bck_lienhe.png) no-repeat;

    background-size: cover;

}



.hinhanh_baogia {

    width: 49%;

}



.form_lienhe {

    width: 49%;

}



.box_baogia {

    justify-content: space-between;

}



.form_lienhe .input-contact {

    margin-top: 15px;

}



.form-contro1 {

    padding: 1.5rem 0.75rem;

}



.form-contro2 {

    padding: 1.375rem 0.75rem;

}



.btn1 {

    font-size: 15px;

    color: #ffffff;

    font-family: "SVN_Poppins_semibold";

    height: 50px;

    width: 190px;

    text-align: center;

    border-radius: 30px;

    background-color: #d50008;

    border: none;

    margin-top: 10px;

}



.form_lienhe {

    text-align: center;

}



.lienhe_baogia {

    padding: 70px 0px;

}



.btn1:hover {

    background-color: #7c440a;

    transition: all 0.3s;

}



/* tintuc */

.tintuc_index {

    width: 51.5%;

    padding-right: 30px;

}



.video_index {

    background-image: url(../../assets/images/news/images/dknhantin.png);

    flex: 1;

}



.box_tintuc_video {

    justify-content: space-between;

}



.newshome-scroll {

    width: calc(100% - 44.5%);

    height: 400px;

    overflow: hidden;

    width: 100%;

}



.newshome-scroll ul li {

    margin-bottom: 15px !important;

}



.newshome-normal {

    display: block;

}



.tintuc_img {

    flex-shrink: 0;

}



.tintuc_title {

    flex: 1;
    padding-left: 10px;

}



.tintuc_box {

    display: flex;

    flex-wrap: wrap;

}



.tintuc_top {

    font-family: 'Roboto_bold';

    font-size: 13px;

    color: #262626;

    cursor: pointer;

}



.tintuc_title1 {

    font-family: 'Roboto2';

    font-size: 13px;

    color: #262626;

    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;

}



.tintuc_img {

    /* border-radius: 10px; */

    overflow: hidden;

}



.ngaythang {

    font-size: 12px;

    color: #6f6f6f;

    margin: 10px 0px;

}



.xemthem_vi {

    font-size: 13px;

    color: #000;

    text-decoration: underline;

    text-align: end;

    margin-top: 10px;

}







/* doitac */

.doitac_left {

    padding: 53px 0px;

    background-color: red;

    width: 11%;

    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);

    text-align: center;

}



.doitac_right {

    padding-left: 30px;

    width: 88%;

    padding-right: calc(100% - 1300px) / 2;

}



.doitac {

    font-size: 24px;

    color: #ffffff;

    font-family: "UTMHanzel";

    transform: rotate(90deg);

}



.duan_tieubieu {

    padding-bottom: 70px;

}



.box_doitac_item {

    border: 1px solid #d9d9d9;

}



.doitac_index {

    background-color: #efefef;

}



/* footer */

.box_footer {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.footer-news:nth-child(1) {

    width: 28%;

    margin-left: 30px;

}



.footer-news:nth-child(2) {

    width: 25%;

}



.footer-news:nth-child(3) {

    width: 40%;

}



.footer-news:nth-child(4) {

    width: 25%;

}



.title-footer {

    font-size: 35px;

    font-family: "UTMHelvetIns";

    color: #00b3f0;

    margin-bottom: 20px;

    /* font-weight: bold; */

    /* text-shadow: 2px 2px 2px #ffffff; */

}



.footer_icon li {

    list-style: none;

    padding: 6px 0px;

}



.footer_icon ul li {

    display: flex;

    align-items: center;

    font-family: "Roboto2";

    font-size: 15px;

}



.footer_icon li span {

    color: #ffff;

}



.copyright,

.statistic {

    font-size: 14px;

}



.list_icon ul {

    display: flex;

}



.list_icon ul li img {

    margin-right: 10px;

    max-width: 46px;

}



.list_icon ul li {

    list-style: none;

}



.chinh_sach {

    margin-bottom: 30px;

    font-family: "Mulish_extrabold";

    font-size: 18px;

    color: #ffff;

    position: relative;

    padding-top: 10px;

}



/* .chinh_sach::after {content: "";position: absolute;width: 30px;height: 1px;bottom: -20px;left: 0px;background-color: #ffffff;} */

.footer_icon img {

    padding-right: 10px;

}



.box_footer {

    padding-top: 60px;

}



.footer-article {

    background: url("../../assets/images/news/footer.png") no-repeat;

    background-size: cover;

    border-top: 4px solid #00b3f0;

    margin-top: 50px;

}



.map {

    position: relative;

    top: -90px;

    border: 4px solid #00b3f0;

}



.list_icon {

    margin-top: 10px;

}



/* trangtrong */

.title-main span {

    text-transform: uppercase;

    font-size: 36px;

    display: inline-block;

    color: #0189e1;

    font-family: "UTMHanzel";

}



.title-main1 span {

    font-size: 26px;

    display: inline-block;

    color: #0189e1;

    font-family: "Roboto_bold";

}



.wrap-detail {

    padding-bottom: 40px;

    padding-top: 20px;

}



.gird_duan {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 26.67px 26.67px;

}



.title-main1 {

    text-align: center;

    margin-bottom: 20px;

}



.gird-product {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 26.67px 26.67px;

}



.news-desc {

    text-align: justify;

}



.news-image span {

    border-radius: 10px;

    overflow: hidden;

}



.news-name a {

    color: #333;

    font-size: 16px;

    font-family: "Roboto_bold";

    line-height: 1.6;

}



.list-news-other li a {

    color: #0189e1;

}



.list-news-other li {

    margin-bottom: 2px;

    list-style: none;

    padding: 3px 0px;

    font-family: auto;

}



.list-news-other li a:hover {

    color: #7c440a;

    transition: all 0.3s;

}



.cart-product span {

    width: unset;

}



.cart1 {

    text-align: center;

}



.cart1 span {

    /* float: unset; */



    display: inline-block;

    margin-top: 5px;

    padding: 7px 20px;

    background-color: #0189e1;

}



/* hover */

.xemthem:hover {

    background-color: red;

    transition: all 0.3s;

    color: #ffffff;

}



.sanpham_list_vi:hover,

.name-product:hover {

    color: red;

    transition: all 0.3s;

}



.dm1 li a:hover {

    background-color: red;

    transition: all 0.3s;

    color: #ffff !important;

}



.duan_vi:hover,

.tintuc_top:hover {

    color: red;

    transition: all 0.3s;

}



.xemthem_vi:hover {

    color: #7c440a;

    transition: all 0.3s;

}



.footer-ul li a:hover {

    color: red;

    transition: all 0.3s;

}



.footer-ul li a {

    font-family: "Roboto2";

    font-size: 14px;

    color: #ffffff;

}



.fixed {

    position: fixed;

    left: 0px;

    right: 0px;

    top: 0px;

    z-index: 99;

}



.header-bottom.fixed {

    animation: fadeInDown;

    animation-duration: 1.5s;

}



.danhmuc_sanpham li a:hover {

    background-color: #0189e1;

    transition: all 0.3s;

    color: #ffffff !important;

}



.xemthem_vi:hover {

    color: red;

    transition: all 0.3s;

}



.img-hover img:hover {

    transition: all 0.3s;

    transform: translateY(-5px);

}



.img-hover img {

    transition: all 0.3s;

}



.listvideos {

    width: 100%;

    padding: 10px 0px;

}



.video-main {

    height: 400px;

}



.box_gioithieu {

    padding: 60px 0 60px 0;

    background-color: #e3f6fd;

    max-width: 100%;

}



.info-service {

    position: absolute;

    top: 90%;

    left: 50%;

    transform: translate(-50%, -70%);

    color: #ffffff;

    font-family: "SVN-Times New Roman";

    font-weight: bold;

    font-size: 16px;

    width: 100%;

    background-image: url(../../assets/images/cong-trinh/background-text.png);

    height: 100px;

}



.info-service .text-split {

    padding-top: 60px;

    /* cursor: pointer; */

}



.info-service .text-split:hover {

    color: red;

}



.quy_trinh {

    /* padding: 60px; */

    background-image: url(../images/quy-trinh/background-slide2.png);

}



.text-split4 {

    font-family: "Roboto_bold";

    font-size: 15px;

    color: #000000;

}



.text-split {

    font-family: "Roboto_bold";

    font-size: 16px;

    color: #ffffff;

    text-transform: uppercase;

}



.text-split-qt {

    font-family: "Roboto_bold";

    font-size: 17px;

    color: #ffffff;

}



.text-split-qt {

    font-family: "Roboto_bold";

    font-size: 15px;

    color: #ffffff;

}



.text-split2 {

    font-family: "Roboto";

    font-size: 16px;

    color: #ffffff;

}



.text-split2 {

    font-family: "Roboto";

    font-size: 14px;

    color: #000;

}



.title_h3 {

    font-family: "SFU Futura";

    font-size: 27px;

    font-weight: bold;

    color: #ffffff;

}



.info-quytrinh {

    text-align: center;

    padding: 10px 55px 0 0;

}



.text-quytrinh {

    border-top: 1px solid #908f8f;

    font-family: "SVN-Times New Roman";

    font-size: 15px;

    padding: 15px;

    color: #ffffff;

    text-align: left;

    margin-top: 25px;

}



.slogan_title {

    font-family: "Roboto";

    font-size: 14px;

    color: #ffffff;

}



/* Product-3*/

.product-container3 {

   padding-top: 60px;

}



.w-tatca {

    border: none;

    padding: 15px 32px;

    margin-top: 35px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin-left: 45%;

    cursor: pointer;

    background-color: #0067c4;

}



.w-tatca a {

    color: #ffffff;

}



.w-tatca:hover {

    background-color: #d70000;

}



.tintuc_left {

    flex-shrink: 0;

}



.tintuc_right {

    flex-shrink: 1;

}



.left-img {

    width: 100%;

}



.title1 {

    padding-top: 20px;

    padding-left: 30px;

}



.w-all-f {

    width: 100px;

    border: 2px solid #00b3f0;

    margin-top: 40px;

    margin-left: 30px;

    text-decoration: none;

    display: inline-block;

    color: #00b3f0;

    cursor: pointer;

    height: 45px;

    line-height: 45px;

}



.w-all-f{

    text-align: center;

    font-family: "Roboto2";

    font-size: 12px;

    text-transform: uppercase;

}



.w-all-f:hover {

    color: #ffffff;

    background-color: #d70000;

}



.title_product {

    font-family: "Roboto_bold";

    font-size: 33px;

    /* font-weight: bold; */

    color: #000000;

    padding-top: 60px;

    text-transform: uppercase;

}



.slogan-tt {

    font-family: "Roboto2";

    font-size: 15px;

    color: #000000;

}



.pro-flex {

    display: flex;

}



.title-pr {

    width: 50%;

    text-align: left;

    font-family: "Roboto_bold";

    font-size: 24px;

    color: #171717;

}



.title-pr2 {

    font-family: "Roboto_bold";

    color: #171717;

    font-size: 14px;

}



.footer-powered {

    background-color: #00b3f0 !important;

}

.footer-powered img{

position: relative;

top: -10px;

width: 100%;

}

.footer-copyright {

    font-family: "Roboto2";

    font-size: 13px;

    color: #ffffff;

}



.footer-statistic {

    text-align: right;

    font-family: "Roboto2";

    font-size: 13px;

    color: #ffffff;

}



.price-new {

    font-family: "Roboto_bold";

    font-size: 17px;

    color: #f03a3a;

    text-transform: uppercase;

}

.price-product :hover{

    color: #f87e7e;

}



.gia {

    font-family: "Roboto_bold";

    font-size: 14px;

}



.title-footer1 {

    font-family: "Roboto2";

    font-size: 17px;

    color: #ffffff;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.title-footer2 {

    font-family: "SFU Futura";

    font-size: 26px;

    color: #0067c4;

}



.slideshow {

    margin-top: -10px;

}



.line-top img {

    padding-top: 5px;

    position: absolute;

}



.title-top img {

    padding-top: 18px;

}



.title-top {

    padding-top: 10px;

    font-family: "Roboto_bold";

    font-size: 30px;

}



.li_a {

    border-top: 1px solid #00b3f0;

    padding-top: 10px;

}



.li_a a {

    color: #00b3f0;

}



.info-ct {

    font-family: "Roboto_bold";

    font-size: 20px;

    color: #000;

    padding: 20px;

    cursor: pointer;

    text-transform: uppercase;

}



.info-ct a:hover {

    color: #d70000;

}



.line-top3 img {

    position: absolute;

    left: 0;

    top: -1%;

}

.line-top4 img {

    position: absolute;

    left: 4.5%;

    margin-top: -5px;

}





.tittle-footer {

    position: relative;

}



.line-little2 img {

    position: absolute;

    left: 25%;

    top: 5%;

}

.line-little3 img {

    position: absolute;

    justify-content:space-between;

}



/* ft */

.left-1 {

    display: flex;

}



.f-title {

    font-family: "Roboto_bold";

    font-size: 15px;

    color: #000000;

}



.f-title2 {

    font-family: "Roboto2";

    font-size: 14px;

    color: #000000;

}



.footer1-left {

    flex-shrink: 0;

}



.footer2-left {

    flex: 1;

}



.newsletter-input1 {

    padding-right: 10px;

    width: 33%;

}



.newsletter-input1 input {

    background-color: #a7afb3;

}



.newsletter-input textarea {

    background-color: #a7afb3;

    color: #ffffff;

}



.dknhantin {

    padding: 25px 30px 0 40px;

}



.newsletter-input {

    padding: 10px 30px 20px 40px;

}



.text-sm {

    font-size: 14px !important;

    font-family: "Open Sans";

    color: #ffffff;

}



.footer-title {

    font-family: "Roboto_bold";

    font-size: 30px;

    color: #ffffff;

    padding: 50px 0 0 40px;

}



.newsletter-slogan {

    font-family: "Roboto2";

    font-size: 14px;

    color: #ffffff;

    padding: 30px 40px 0 40px;

}



.newsletter-button {

    height: 45px;

    padding: 20px 0 75px 40px;

}



.newsletter-button input {

    width: 125px;

    float: left;

}



.newsletter-button input[type="submit"] {

    border: none;

    outline: none;

    border-radius: 3px;

    display: inline-block;

    background-color: #00b3f0;

    color: #ffffff;

    text-transform: uppercase;

    font-family: "Open Sans2";

    font-size: 15px;

}



.newsletter-button input[type="submit"]:hover {

    background-color: #d70000;

    transition: all ease 0.3s;

    color: #fff;

}



.title_tt {

    justify-content: space-between;

}



.tintuc_left2 {

    padding: 20px 15px 0 10px;

}



.title_tt a {

    font-family: 'Roboto2';

    font-size: 15px;

    color: #00b3f0;

    border-top: 1px solid #00b3f0;

    margin-top: 15px;

}



.title_tt a:hover {

    color: #f00000;

    cursor: pointer;

}



.title-top-footer {

    font-family: 'Roboto_bold';

    font-size: 30px;

    color: #000000;

    text-transform: uppercase;

}



.validation-newsletter ::placeholder {

    color: #ffffff;

}



.text-in-slide{

    position: absolute;

    width: 555px;

    height: 135px;

    background-color: #2ab3de;

    opacity: 85%;

    bottom: 10%;

    left: 3%;

    text-align: center;padding: auto;

}

.text-top-slide{

    font-size: 53px;

    font-family: 'UTMHelvetIns';

    color: #ffffff;

}

.text-bot-slide{

    font-size: 20px;

    font-family: 'UTMHelvetIns';

    color: #ffffff;

}