/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
    font-family: 'BarlowSemiCondensed-Bold';
    src: url('fonts/BarlowSemiCondensed-Bold.ttf') format('woff');
}
@font-face {
    font-family: 'BarlowSemiCondensed-Regular';
    src: url('fonts/BarlowSemiCondensed-Regular.ttf') format('woff');
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/*.header-main{    margin-bottom: 10px; box-shadow: 0 0 10px -4px rgba(0, 0, 0, 0.5);}*/
p, span, div, li, td{ font-family: Arial, Helvetica, sans-serif}
.top-bar-nav input[type=search], .button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .searchform .button.icon{ background: none !important;border: 1px solid #dddddd00;    box-shadow: none; color: #fff; font-size: 14px}
.top-bar-nav input[type=search]::placeholder{ color: #fff; font-size: 14px}
#top-bar .nav-divided .header-search-form  {  margin: 0; }
#top-bar .html_topbar_right a{ margin:0 3px}
#top-bar .nav-left  a{ font-size: 13px; }
#top-bar .email_top{ background: url(images/icon_email.png) no-repeat left;padding-lefT: 30px !important; color: #fff !important; font-size: 15px !important;float: left; }
#top-bar .hotline_top{ background: url(images/icon_hotline.png) no-repeat left;padding-lefT: 22px !important; color: #fff !important; font-size: 15px !important;  margin-left: 15px;    margin-right: 13px;float: left;}
.html_topbar_right{background: url(images/Line-2.png) no-repeat left; }
.line_top{ float: left;background: url(images/Line-2.png) no-repeat left; width: 2px;     height: 35px;
    margin-right: 10px;}
.html_nav_position_text_top{ font-size:  15px !important;  font-family:  Arial, Helvetica, sans-serif;}
#top-bar .flex-right{    max-width: 600px;}
#masthead .nav>li a{    font-size: 17px; font-family: Arial, Helvetica, sans-serif; }
#masthead .nav>li li a{    font-size: 13px;}
#masthead .nav>li .nav-dropdown a{ font-size: 12px}
#masthead .nav>li{ text-align: center;     margin: 0 9px;}
.section2_home .large-3 .box-text{  left: 0; width: 100%; height: 100%;  z-index: 99;  text-align: center; overflow: hidden;  transition: all 0.2s linear;}
.section2_home .large-3 .box-text .box-text-inner{ position: relative;  z-index: 999; height: 100%;  padding: 10px 7px;  }
.section2_home .large-3 .box-text .box-text-inner h4 {font-family: Arial, Helvetica, sans-serif;  font-size: 16px;font-weight: 600; text-transform: uppercase;  align-items: center;  position: relative;   line-height: 34px;  margin-bottom: 10px;}
.section2_home .large-3 .box-text .box-text-inner div p {  width: 100%; display: block;  line-height: 30px; overflow: hidden; font-size: 17px}
.section2_home h2{    margin-bottom: 30px !important;}
.section2_home .large-3 .box-badge .box-text{ padding: 0px }
.section2_home .large-3 .box-text .box-text-inner .ct_dv:before, .section2_home .large-3 .box-text .box-text-inner .ct_dv::after { content: ''; border: 1px solid transparent; width: 0;  height: 0; position: absolute;}
.section2_home .large-3 .box-text .box-text-inner .ct_dv:after {  bottom: 0; right: 0;}
.section2_home .large-3 .box-text:hover .box-text-inner .ct_dv::before, .section2_home .large-3 .box-text:hover .box-text-inner .ct_dv::after { width: 100%; height: 100%;}
.section2_home .large-3 .box-text:hover .box-text-inner .ct_dv::before { border-top-color: #fff; border-right-color: #fff; -webkit-transition: width .25s ease-out, height .25s ease-out .25s;  -moz-transition: width .25s ease-out, height .25s ease-out .25s;  -o-transition: width .25s ease-out, height .25s ease-out .25s; transition: width .25s ease-out, height .25s ease-out .25s;}
.section2_home .large-3 .box-text:hover .box-text-inner .ct_dv::after {  border-bottom-color: #fff; border-left-color: #fff; -webkit-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s; -moz-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s; -o-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s; transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;}
.section2_home .large-3 .box-text .box-text-inner .ct_dv:before { top: 0;  left: 0;}
.section2_home .large-3 .box-text:hover .box-text-inner h4::before { display: block;}
.section2_home .large-3 .box-text .box-text-inner h4::before { border-bottom: 1px solid #9F9F9F; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 0; left: calc(50% - 20px);}
.section2_home .large-3 .box-image  img { overflow: hidden; background: #ffffff; display: flex; flex-wrap: wrap; transition: all 0.5s linear;  width: auto;
    max-height: 84px;
    object-fit: cover;}
.section2_home .large-3{ -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.section2_home .large-3 .box-text-inner h4:before { content: ''; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 0;  }
.section3_home .taisao_cct .col-inner{background-size: 100% 100%; width: 233px; height: 233px; margin: 15px auto; display: flex; align-items: center; justify-content: center;  text-align: center; border: 1px dashed #0a0ff3db; border-radius: 117px; flex-direction: column;}
.section3_home .col-inner span.count-up{font-size: 50px; color:#171775; margin-bottom: 10px;    font-weight: bold;    line-height: 74px;}
.section3_home .col-inner p { font-size: 14px; max-width: 60%; margin: 0 auto;}
.section3_home .col-inner img{    margin-bottom: 0px;}
.section1_home .button.icon.circle {    background: #f00;  border: 0px; line-height: 37px;}
.section1_home  .button.icon.circle:hover{  background: #147d43 !important;line-height: 38px;}
.section1_home h2 {    line-height: 1.5;    margin-bottom: 20px; color: #171775; font-size: 23px; font-weight: bolder;}
.section1_home h2 span{ text-align: left; font-size: 16px; padding-bottom: 0; color: #8F8F8F;font-family: Arial, Helvetica, sans-serif; font-weight:400}
.section1_home p{line-height:30px;    margin-bottom: 12px; font-size: 17px; color: #333; text-align: justify}
.section1_home .banner img{    border-radius: 12px;}
.section1_home .banner .overlay,.section1_home .banner{    border-radius: 12px; }
.section1_home .col_aboutus .col-inner:before { content: ''; width: 5px; height: 100%; position: absolute; left: 0; top: 0; }
.section1_home .col_aboutus .col-inner{     padding-left: 0px;}
.section1_home .left_col_aboutus{     padding-right: 18px;}
.section1_home .large-6{ padding-bottom: 10px}
.title_h2_home h4{font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-bottom: 5px; color:#F6912C;  padding-bottom: 0px; font-weight: 500;}
.title_h2_home h2{font-family: Arial, Helvetica, sans-serif; font-size: 25px; margin-bottom: 20px; color:#fff;  padding-bottom: 0px;font-weight: 700; text-align: center; text-transform: uppercase;}
.block_contactus_ft  .title_h2_home p, .section_doingu_about .title_h2_home_3 p, .section_chungnhan_about .title_h2_home p, .section_cotmoc .title_h2_home_3 p{    text-align: center;    line-height: 30px;
    font-size: 17px;
    color: #fff;
    padding: 0px 8%;}
.section_chungnhan_about .title_h2_home  h2{    padding-top: 20px;}
.section_doingu_about .title_h2_home_3 p, .section_cotmoc .title_h2_home_3 p{ color: #333;     padding: 0px 5%; }
.block_contactus_ft  .title_h2_home h2{    margin-bottom: 10px;}
.block_contactus_ft  ul{     margin: 0px 4%;}
.block_contactus_ft  ul li{ list-style: none; float: left; width: 23%; margin-right: 2.5%;     margin-lefT: 0px;}
.block_contactus_ft  ul li input{ border-radius: 10px}
.block_contactus_ft  ul li input[type="submit"]{    background: linear-gradient(88.44deg, #e9363b 5.79%, #f15015 94.07%) !important;    width: 100%; border: 0px solid;}
.block_contactus_ft  ul li input[type="submit"]:hover{background:linear-gradient(88.44deg, #0707bf 5.79%, #4d4ef5 94.07%) !important; border: 0px solid; font-size:  15px}
.block_contactus_ft  ul li:last-child{ margin-right: 0px}
.block_contactus_ft{    padding-top: 50px !important;
    padding-bottom: 0px !important;}

.section3_home  .large-12{ padding-bottom: 0px}
.title_ft{text-transform: uppercase; margin-bottom: 15px; color: #fff;     font-weight: 600;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif}
.section_tamnhin_about h3{ color: #252576; font-size: 25px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.section_tamnhin_about{ padding-top: 70px !important; padding-bottom: 10px !important}
.section_tamnhin_about p{font-size: 17px;    text-align: justify;
    line-height: 30px;     color: #494949;margin-bottom: 12px;}
.section_tamnhin_about li{ list-style: none; background: url(images/icon-li.png) no-repeat left; padding-lefT: 23px;     margin-lefT: 0px !important;    color: #494949;    font-size: 17px;
    font-weight: 600;}
.section_nganhnghe{    padding-top: 50px !important;}
.section_nganhnghe h3{ font-size: 20px; font-weight: 600; font-family: Arial, Helvetica, sans-serif; line-height: 27px }
.section_nganhnghe .line_nn{height: 2px;    margin-top: 10px;
    width: 36px;
    background: #63aef3;}
.section_nganhnghe p{ color: #fff; font-size:  17px; line-height: 30px}
.section_cotmoc  h3{ font-size: 18px; color: #212179; font-weight: 600; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;    line-height: 30px;
    margin-bottom: 0px;}
.section_cotmoc .color_organe{    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #ff6300;}
.section_cotmoc  .img {  margin-top: 20px; }
.section_cotmoc  .text_cotmoc{  font-size:  17px; line-height: 30px; color: #333; text-align: justify}
.section_cotmoc  .large-4{ background: url(images/lin_cotmoc.png) no-repeat right top;}
.section_cotmoc  .large-4:last-child{ background: #ffffff00}
.section_lichsu_about h3{ color: #212179; font-size:19px;  font-family: Arial, Helvetica, sans-serif;
    font-weight: 700; text-transform: uppercase;   line-height: 57px;}
.section_lichsu_about p{    font-size: 17px;
    line-height: 28px;
    margin-bottom: 15px;}
.section_lichsu_about .icon-box{margin-bottom: 15px; text-align: justify;}
.section_lichsu_about li{ background: url(images/icon_check.png) no-repeat left; padding-lefT: 30px; list-style:  none; margin-lefT: 0px !important; font-size: 16px;     color: #212179;
    font-weight: 600;
    margin-bottom: 3px;}
.section_lichsu_about  .row_safe .large-6{ padding-bottom: 0px}
.title_gioithieu_top .rank-math-breadcrumb{    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;}
.title_gioithieu_top .rank-math-breadcrumb a, .title_gioithieu_top .rank-math-breadcrumb span{    font-size: 16px;
    color: #797979;}
.row_banner_about .large-12{ padding-bottom: 0px}
.hinhanhthucte_block .title_h2_home_3 p{    padding: 0 15%;}
#footer p{ color: #fff; margin-bottom: 10px;}
#footer .diachi_ft{font-weight: 600; display: block; text-transform: uppercase;  margin-bottom: 5px;position: relative; color: #fff; font-size: 16px;    background: url(images/icon-adress.png) no-repeat left 6px;  padding-left: 20px; }
#footer .hotl_ft{ display: block; margin-bottom: 5px;position: relative;  font-size: 16px;    background: url(images/icon-hottline.png) no-repeat left 6px;  padding-left: 20px;}
#footer .email_ft{ display: block; margin-bottom: 5px;position: relative;  font-size: 16px;    background: url(images/icon_mail.png) no-repeat left 6px;  padding-left: 20px;}
#footer .web_ft{display: block;margin-bottom: 5px;position: relative; font-size: 16px;    background: url(images/icon-web.png) no-repeat left 6px;  padding-left: 20px;}
#footer .large-6 .diachi_ft span:before { content: '';  width: 100px; left: 20px; height: 2px; background: #ffffffba;  position: absolute;  bottom: 0;}
#footer .large-6 p{    font-size: 14px; padding-bottom: 3px;  list-style: none; text-align: left;    margin-bottom: 10px; color: #fff;}
#footer .col2_ft{     flex-basis: 33%;
    max-width: 25%;}
#footer .col2_ft{     margin: 0 0px 0 50px;}
#footer iframe{ border-radius: 8px}
#footer .row_banquyen .large-12{    border-top: 1px solid #333192;
    padding-top: 25px;
    padding-bottom: 7px;
}
#footer .row_ft_info .col{ padding-bottom: 13px}
#footer .col4_ft{    flex-basis: 29%; max-width: 29%;}
.col2_ft  a, .col2_ft  li{ color: #fff; font-size: 16px;}
.col2_ft  li:hover a{  color: #fe6301}
.hotline_ft span{ background: url(images/icon-hotline1.png) no-repeat left; padding-lefT: 37px;}
.hotline_ft{ border-radius: 99px; border: 2px solid #fff; padding: 6px 4px; font-size: 20px; color: #fff710; margin-bottom: 10px;}
.chatface p{background: url(images/icon-mess.png) no-repeat left; color: #fff;     padding-lefT: 27px; background-position-x: 5px;  text-align: center;}
.chatface{background: #249ed4; font-size: 13px; border: initial; border-radius: 40px;}
.chatface p a{ color: #fff}
.dmca_img img{    width: 54%;}
.large-2 p{ margin-bottom:  10px}
.dichvu_top .row{background: #f9f9f9;filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.15));
    margin-top: -85px;
    border-radius: 15px;
    padding-top: 30px;}
.dichvu_top .row .box-image img{    border: 1px solid #171775;
    border-radius: 100%;
    padding: 16px;
}
.dichvu_top .row .box-text.text-center{ padding-bottom: 0px}
.row_title_service h2{ color: #212179; font-size: 25px;  font-family: Arial, Helvetica, sans-serif;
    font-weight: 700; text-transform: uppercase;}
.row_title_service p{    font-size: 17px;
    line-height: 30px;}
.row_title_service .icon-box{     margin-bottom: 20px;}
.row_title_service .large-12{ padding-bottom: 10px}
.section_service .box h3{    text-transform: uppercase;
    font-size: 20px;
    color: #3a3a3a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;    margin-top: 17px;}
.section_service  .box-text.text-center{ padding: 0px}
.section_service .box .line_service{width: 36px;
    height: 1px;
    background: #9f9f9f;
    margin: 0 auto;
    margin: 12px auto;}
.section_service .box p{ font-size: 17px; font-weight: 400;     color: #3a3a3a;}
.section_service .box .readmore_btn a{    color: #252576;
    font-size: 16px;}
#footer .code-qr p strong{    color: #fff;  display: block; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: 600; padding: 5px 0 0;}
#footer .soccial_kn{    color: #ffffff; text-align: center;line-height: 20px; font-size: 14px; margin-bottom: 15px;text-transform: uppercase; font-weight: 700;}
#footer section {     padding-top: 50px;     padding-bottom: 0px;}
#footer section .large-6{ padding-bottom: 0px}
.section2_home { padding-bottom: 0px !important}
.section3_home .taisao_cct .large-3{padding-bottom: 10px !important}
.tintuc_big, .list_tt{  width: 49%; float: left;     overflow: hidden;}
.list_tt{margin-left: 2%;}
.list_tt .list_ttmin img{  float: left;   transition: all 0.5s ease;    border-radius: 10px;}
.list_tt .list_ttmin .noidung{ float: left;}
.list_tt .list_ttmin{ width: 100%; overflow: hidden; background: #fff; margin-bottom:0px;    border-radius: 5px;padding-bottom: 20px;}
.tintuc_big .noidung h3{color: #333; font-size: 20px; margin-bottom: 10px; line-height: 22px; font-weight: 700; margin-top: 0px;}
.list_tt .list_ttmin  .noidung h3{    font-size: 17px;
    line-height: 26px;
    color: #3c3c3c;}
.list_tt .list_ttmin .noidung:hover h3{ color:#ff6300; }
.section_service .large-3 .box {    box-shadow: 1px 0px 15px -4px rgba(133, 133, 133, 1);
    border-radius: 10px;}
.section_service .large-3 .box-text-inner{padding: 0 15px 20px 15px;}
.section_service_doluong{ padding-top: 0px !important}
.noidung{    padding: 10px 0 0; border-top: none; background: #fff;}
.noidung .except{    font-size: 17px; margin-bottom: 10px; font-weight: 400;}
.noidung .chitiet_news span{    font-weight: 600; text-transform: uppercase; border: 1px solid; padding: 4px 20px; color: #171775; border-radius: 4px; font-size: 14px;}
.noidung .chitiet_news{ margin-bottom: 0px}
.list_tt .list_ttmin:last-child{margin-bottom: 0px;}
.box-image, .box-badge{ border-radius: 5px;}
.tintuc_big img{    border-radius: 10px 10px 0 0;    transition: all 0.5s ease; border-radius: 10px; }
.tintuc_big .noidung  {    border-radius: 0 0 10px 10px;}
.list_tt .list_ttmin:hover img, .tintuc_big:hover img{transform: scale(1.05);}
.date_tt { margin-bottom: 0px; font-size: 14px;color: rgba(137, 137, 137, 1);}
.section4_home .post-item .col-inner{background: #fff; border-radius: 10px;}
.box-blog-post .is-divider{ display: none}
.section4_home .box .box-text{    padding: 15px;}
.section4_home .box .box-text h5{    color: #333;height: 40px;    margin-top: 10px; font-size: 14px; margin-bottom: 10px; line-height: 22px; font-weight: 700; text-transform: uppercase;}
.titletrang_h2_home h2{ color: #fff; padding-bottom: 20px; font-size: 28px;  margin-bottom: 20px; background: url(images/icon-h2-trang.png) no-repeat bottom center;}
.section4_home{ padding-bottom: 0px !important}
.section5_home .col_hst { width: 100%; margin: 0 auto;  border: 1px solid #fff; border-radius: 10px; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);  outline: 1px solid;  outline-color: rgba(255, 255, 255, 0.5); outline-offset: 0px;  text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.section5_home .col_hst:hover {  width: 100%;  margin: 0 auto;  border: 1px solid #fff;  border-radius: 10px;  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2); outline-color: rgba(255, 255, 255, 0); outline-offset: 15px; text-shadow: 1px 1px 2px #427388;}
.section5_home .col_hst img, .section5_home .col_hst p{    margin-bottom: 10px;}
.section5_home .col_hst img{    margin-top: 10px;}
.section5_home .col_hst a{    font-size: 13px;  color: #fff; font-weight: bold;}
.section5_home .large-12{ padding-bottom: 10px}
 .section5_home  .large-3{ padding-bottom: 15px}
.section6_home .large-12, .section6_home  .gallery-col{ padding-bottom: 0px}
.section4_home .large-4 .text-right a{ border: 1px solid #ff6300; color: #ff6300; font-size: 16px; font-weight: 400; background: url(images/Vector-1.png) no-repeat right;       background-position-x: 90%;
    padding-right: 36px;}
.section4_home .large-4 .text-right:hover a{ border: 1px solid #0707bf; color: #0707bf; font-size: 16px; font-weight: 400; background: url(images/vector19.png) no-repeat right !important;background-position-x: 90% !important;
    padding-right: 36px;}
.section4_home .row_section4_home .col { padding-bottom: 0px}
.noidung h3:hover {
    color: #ff6300;}
.hinhanhthucte_block .row_hatt .col, .hinhanhthucte_block .row_top-hatt, .hinhanhthucte_block .row_top-hatt .large-12{ padding-bottom: 0px !important}
.doitackhachhang_block  .large-2{    padding: 0 5px 10px;}
.hinhanhthucte_block{ padding-bottom: 50px !important}
/*** giới thiệu******/
.tab-scroll { margin-bottom: 45px;  margin: 0; display: table; width: 100%; border-bottom: 1px solid #c7c7c7;  padding: 0;}
.tab-scroll .item {  width: auto; font-size: 15px; line-height: 1.5;  color: #333333;  list-style: none;  padding: 0 19.05px 10px 19.05px;  float: left; transition: color 0.5s linear; cursor: pointer;}
.tab-scroll .item span {  position: relative;}
.tab-scroll .item span:before, .tab-scroll .item span:before {  content: ''; position: absolute; bottom: -12px;  left: 0;  width: 0;  transition: width 0.3s linear;  height: 2px; background: #147e4a;}
.tab-scroll .item span:after {  content: ''; background: #777; width: 1px;  height: 14px; position: absolute;   right: -15px; top: 2px;}
.tab-scroll .item:last-child { padding-right: 0;}
.tab-scroll .item:hover span:before, .tab-scroll .item.active span:before { width: 100%;}
.tab-scroll .item.active, .tab-scroll .item:hover {  color: #1a7e4a;}
._nav-scroll.fixed {  position: fixed;  width: 100%;  top: 79px;  background: #e4e4e4; border-bottom: 1px solid #c7c7c7;  z-index: 100;}
.rank-math-breadcrumb p{ font-size: 13px; padding-top: 10px; margin-bottom: 10px;}
.rank-math-breadcrumb p span.separator{margin: 0 2px;}
.title_gioithieu h1{    font-size: 24px; color: #1a7e4a;    text-transform: uppercase;float: left; width: 75%;margin-bottom: 0px;}
.title_gioithieu .catelog_kd{ width: 25%; float: right;     font-size: 15px; text-transform: uppercase; font-weight: 700;}
.title_gioithieu .catelog_kd a{  line-height: 29px; padding: 5px 17px; background: #171775; color: #fff; border-radius: 99px; margin-left: 15px;}
.title_gioithieu .catelog_kd a span{ background: url(images/icon_download.png) no-repeat left; padding-lefT: 20px}
.title_gioithieu_top .large-12, .section2_gioithieu .large-12, .section3_about .large-12, .section3_about .large-6, .section4_about .large-12 { padding-bottom: 0px}
.section1_about .large-12, .section2_about .large-12, .section4_about .large-6, .section5_about .large-12{padding-bottom: 10px}
.tab-scroll .item:first-child{     padding-left: 0px;}
.section2_gioithieu{ padding-top: 20px !important}
.section1_about{ padding-top: 0px !important}
.title_about h2{ font-size: 24px;  color: #171775; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.text3_p p, .text3_p li{ color: #fff; font-size: 14px;}
.text3_p h3{ color: #fff;     font-size: 22px; margin-bottom: 20px;}
.text3_p h2{    color: #fff;}
.text3_p li{ background: url(images/ic-check.png) no-repeat left;  padding-lefT:30px; list-style:  none !important; margin-left: 0px !important}
.section3_about .icon-box{ margin-bottom: 20px}
.section6_about  .title_about p{    width: 60%; margin: 0 auto;     margin-bottom: 40px;}
.section6_about .large-4 .col-inner{padding: 0px 30px;}
.section6_about .large-4 .icon-box{    margin-bottom: 15px;}
.section6_about .large-4{ padding-bottom: 0px !important}
.title_gioithieu_top h1{    font-size: 20px; padding-bottom: 10px;  margin-bottom: 15px; font-weight: 700; color: #171775;}
.title_gioithieu_top .title_hoidap h1:before{    content: "";  height: 1px; width: 100%;  position: absolute; left: 0; bottom: 45px; background:#0daa5b;}
.section1_hoidap .large-3 .col-inner{    padding: 15px;border: 1px solid #ccc; background: #f6f6f6;    border-radius: 6px;}
.section1_hoidap .large-3 .col-inner h2 { font-size: 16px;  margin-bottom: 10px; text-transform: uppercase; color: #333; line-height: 22px;height: 45px;}
.section1_hoidap .large-3 .col-inner p{    font-size: 15px;}
.section1_hoidap .large-3 .col-inner a { padding: 5px 15px; border: 1px solid #ccc; text-transform: uppercase; color: #0daa5b;}
.section1_hoidap .large-3 .col-inner p.chitiet_a{    margin-bottom: 7px;}
.section1_hoidap .large-3 .col-inner p.chitiet_a:hover a{color: white;  background:#0daa5b; border: 1px solid #0daa5b; color: #fff;    border-radius: 5px;}
.client {  background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); position: relative;}
.section_logo{     box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.medium-columns-3 .flickity-slider>.col, .medium-columns-3>.col{         padding-top: 18px;}
.descript_hoidap p{ margin-bottom: 0px}
.hoidap_title .title_hoidap h1:before{ bottom: 3px;}
#masthead .nav>li .nav-dropdown a{       text-transform: uppercase;     font-weight: 700;     color: #333333;}
.sectionmenu_1 .col-inner div{    text-align: center;
    line-height: 20px;}
.sectionmenu_1 .col-inner div .ss{ height: 40px;}
.sectionmenu_1 .col-inner div  img{ margin-bottom: 0px}
.sectionmenu_1 .large-2{ padding-bottom: 0px;     padding-top: 20px;}
.sectionmenu_1 .col-inner div:hover .ss{color:#171775;}
.accordion-item li, .accordion-item p{ font-size: 14px}
.accordion-item .accordion-title span{    font-size: 15px;
    font-weight: 600;
    padding-bottom: 15px;}
	.accordion-item .accordion-title  i{    font-size: 25px;
    font-weight: 600;
    padding-bottom: 0px;}
.title_contact h1:before {
    content: "";
    height: 2px;
    width: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#171775;
}
.form_contact{    background: #f2f2f2;
    padding: 26px 22px 1px 22px;
    border-radius: 5px;
    margin-bottom: 23px;}
.form_contact h2{font-size: 19px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;}
.form_contact input{    width: 100%;
    height: 32px;
    border-radius: 4px;
    box-shadow: none;
    padding-left: 10px;}
.form_contact textarea{    min-height: 102px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-radius: 4px;}
.form_contact input[type="submit"] {
    background:#171775;
    color: #ffffff;
    border: none;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 4px;
}
.form_contact input[type="submit"]:hover{ background:#333 !important;height: 35px; line-height: 35px; }
.form_contact .wpcf7-spinner{ display: none}
.brand_lh p{    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;}
.hotline_lh, .hotline_face{     width: 100%;
    float: left;
    background: #0707bf;
    display: block;
   border-radius: 99px; 
    margin: 0 11px;
    padding: 7px;
    font-size: 22px;
    font-family: "Open Sans";}
.hotline_face{ background: #27a0d6;}
.hotline_lh p, .hotline_face p{ margin-bottom:0px; background: url(images/hotline_lh.png) no-repeat left; text-align: center;
       line-height: 22px;
    color: #fff710;
    font-size: 22px;
    padding: 2px 0;
    font-weight: bold;padding-left: 40px;}
.hotline_face p{ margin-bottom:0px; background: url(images/mess_lh.png) no-repeat left; color: #fff}
.hotline_lh p small, .hotline_face p small{    font-size: 13px;
    font-weight: 400;
    letter-spacing: initial;}
.hotline_lh p a{     color: #fff710;}
.row_tt_lh .large-6 .col-inner{height: 210px;
    position: relative;
    margin: 0 12px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    overflow: hidden;}
.row_tt_lh p{font-size: 17px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 12px 0;}
.blog-archive{ padding-top: 0px !important}
.blog-archive header img{    width: 100%;}
.blog-archive header{ margin-bottom: 0px}
.blog-archive .archive-page-header .col{padding-bottom: 0px;}
.blog-archive .title_gioithieu_top .title_hoidap h1:before{    bottom: 2px;}
.blog-archive  .post-item .col-inner{    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;}
.blog-archive  .post-item{    padding-bottom: 15px;}
.blog-archive  .post-item .box-image{    width: 35% !important;}
.blog-archive  .post-item h5 a{    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;}
.blog-archive  .post-item  .from_the_blog_excerpt {font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;}
.blog-archive  .post-item p.date_tt{ margin-bottom: 10px}
.blog-archive  .post-item .box-text a.button { font-weight: 600;
    color: #171775;
    text-transform: uppercase;
    border: 1px solid #171775;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 20px;
    line-height: 24px;
    vertical-align: middle;}
.blog-archive  .post-item .box-text:hover a.button{    color: white;
    background: #171775 !important;}
.section_category_page h2{    line-height: 1.4;
    color: #333333;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;    position: relative;
    margin: 0;    padding-bottom: 5px;
    margin-bottom: 25px;}
.section_category_page  h2:before {
    content: "";
    height: 2px;
    width: 230px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #171775;
    z-index: 99;
}
.section_category_page h2:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e0e0e0;
}
.section_category_page .box-text  h5 a{    color: #212121;
    line-height: 1.5;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;}
.section_category_page .title_sidebar{ 
    line-height: 29px; border-bottom: 2px solid #171775;}
.section_category_page .title_sidebar a{font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    padding-bottom: 5px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;    color: #000000;}
.section_category_page .large-3  li, #masthead .nav>li .nav-dropdown .sub2 li{ list-style: none; margin-lefT: 0px !important}
.section_category_page .large-3  li a , #masthead .nav>li .nav-dropdown .sub2 li a, .blog-wrapper .post-sidebar .section_category_page li a,.hoidap_title .section_category_page li a{    font-size: 16px;    background: url(images/icon-li.jpg) no-repeat left 6px;
    padding-lefT: 13px;}
.lienhe_sb_page {
    background: #ededed;
    padding: 15px;
    border-radius: 3px;
}
.lienhe_sb_page p{    color: #171775;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;}
.lienhe_sb_page input{    height: 29px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #dfdfdf;}
.lienhe_sb_page  textarea{    min-height: 77px;  border-radius: 3px;
    padding: 10px; }
.lienhe_sb_page input::placeholder, .lienhe_sb_page textarea::placeholder{ font-weight: 500; font-size: 14px; color: #a3a2a2}
.lienhe_sb_page input[type="submit"]{    width: 100%;
    height: 32px;
    background: #0707bf;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;}
.lienhe_sb_page input[type="submit"]:hover{  background:#171775 !important; color: #fff} 
.wpcf7-spinner{ display: none}
.lienhe_sb_page form{ margin-bottom: 0px}
.sub_menu_main  p a{color: #333333; font-size: 14px;
    border-bottom: none;
    padding-left: 0;
    padding-right: 15px;}
.sub_menu_main  p:hover a{    color: #0b6938;}
#masthead .nav>li .nav-dropdown .sub2 li a{ text-transform: none; font-weight: 500}
#masthead .nav>li .nav-dropdown .sub2 li:hover a{    color:#171775;}
#masthead .nav>li .nav-dropdown .sub2 li{ padding: 3px 0}
.blog-wrapper .post-sidebar, .blog-single .post-sidebar{ padding-lefT: 8px}
.blog-wrapper .post-sidebar .section_category_page li, .hoidap_title .section_category_page li{ margin-left: 0px}
.img_singlenews img{ width: 100%}
.blog-single h1{font-size: 20px;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;}
.breadcrumb_single_post .row-main{ padding-lefT: 15px}
.single .blog-single{    padding-top: 10px;}
.entry-header-text-top{ padding-bottom: 0px}
.blog-single .entry-content p,.blog-single .entry-content p strong{ color: #212121; font-size: 16px; margin-bottom: 10px;}
.related-posts{    border-top: 1px solid #efefef;
    padding-top: 32px;}
.related-posts h3{    font-size: 20px;
    margin-bottom: 24px;}
.related-posts p.title_repost{    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;}
.blog-single .entry-content h2{    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #0707bf;
    border-bottom: 1px solid #171775;}
.blog-archive #post-list h1{font-size: 20px; 
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #171775;     border-bottom: 1px solid #171775;}
.bg-image{    background-color: #f8f9fa;
    background-position: 0 50%;
    background-size: cover;}
.bg-primary-dark-op {
    background-color: rgba(52, 58, 64, .8) !important;
}.pt-50 {
    padding-top: 70px;
    padding-bottom: 70px;
}.thongtin_baohanh h1 {
    font-size: 2.571429rem;
    color: #fff;
    margin-bottom: 60px;
}.thongtin_baohanh .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}.justify-content-center {
    justify-content: center !important;
    text-align: center !important;
}.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}.thongtin_baohanh input {
    display: block;
    width: 100%;
    height: calc(1.428572em + .857143rem + 2px);
    padding: .428571rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.428572;
    color: #575757;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4dae3;
    border-radius: .25rem;
    width: 525px;
    transition: border-color ease-in-out .15s;
}.thongtin_baohanh .btn-alt-primary {
    color: #fefefe;
    border-radius: .25rem;
    margin-left: 15px;    background-color:#0daa5b;
}
.col-lg-12{ width: 100%; text-align: center}
.content-baohanh{    margin-top: 30px;}
.content-baohanh h2{    font-size: 30px;
    text-transform: uppercase;}
.content-baohanh .col-lg-12 p{     text-transform: uppercase;
    font-size: 27px;
    color: #0daa5b;
    margin-bottom: 5px;}
	.info_bang{    width: 50%;
    margin: 30px auto;}
.info_bang p, .info_bang label{ font-size: 18px}
.ma_bangcap{ width: 100%}
.ma_bangcap p{ text-align:center;   font-size: 20px;
    font-weight: bold;}
.has-dropdown .icon-angle-down{ display: none !important}
.section5_home .tc_cd .col_hst  p.logo_sp{ margin-bottom:0px}
.section5_home .tc_cd .col_hst  p.logo_sp a{ margin: 0 25px}
.nav-dropdown{     top: 76px;}
.stuck  .nav-dropdown{     top: 55px;}
.nav-dropdown-default {
    padding: 0px;
}.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before{ display: none}
#masthead .nav>li .nav-dropdown a:hover{ color: #171775}
.lienhe_block{    margin-bottom: 20px;}
.lienhe_block{ box-sizing: border-box;
    position: relative;
    width: 608px;
    left: 0px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;}
.lienhe_block  .col_2_row .col-inner{    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #171775;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;    padding: 25px;}

.lienhe_block  .col_2_row .col-inner  .tt_dv{     font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;}
.lienhe_block  .col_2_row .col-inner  .tt_dv_2{     color: #171775; font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase; }
.contact_lh a.contact_hl{    background: #171775;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 4px;    margin-right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
.contact_lh a.contact_tht {    background: #0707be;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
.contact_hotline a{background: #FFFFFF;
    border: 1px solid #171775;
    border-radius: 5px;
    position: relative;
    top: 15px;
    color: #171775;
    font-family: Arial, sans-serif;
    padding: 4px 30px;
    font-size: 18px;
    text-align: center;
  }
	.contact_hotline a:hover{ color: #f00}
.gt_float_switcher .gt_options {
    position: absolute !important;
    width: 130px;
    font-size: 13px;
    border-radius: 0 5px 5px 5px; background: #fff; border: 1px solid #efefef;
}
.gt_float_switcher .gt_options a{     padding: 7px 5px !important;}
.gt_float_switcher .gt-selected, .gt_float_switcher{ background:#ffffff00 !important; box-shadow: rgba(0, 0, 0, 0) 0 5px 15px !important;}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code, .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{ color: #fff}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{     filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);}
.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 2px 15px 0 15px !important;}
/************/
a.chat-zalo {
    position: fixed;
    bottom: 100px;
    left: 10px;    z-index: 99999;
}
.stuck .header-main .nav > li > a {
    line-height: 21px !important;
}
 .stuck #masthead #logo img {
    max-height: 77px !important;
}
.desktop_hl_1 a.chat-zalo{     bottom: 245px;}
.desktop_hl_1 .hotline-phone-ring-wrap{    bottom: 150px;}
.section2_home .box_service_home{
	background: #fff;
    padding: 24px 10px 10px ;
    border-radius: 10px;
}

.section2_home .box_service_home .box-image{
	margin-top: 40px; margin-bottom: 30px;     height: 84px;
    width: auto !important;
}
.section2_home .box_service_home h4:before{width: 50px; border-bottom: 1px solid #f00;}
.section2_home .box_service_home p{margin-bottom: 15px; line-height: 22px;}
.readmore_v14{ background: url(images/vector19.png)no-repeat  right  3px; padding-right: 22px; color: #252576;}
.readmore_v14:hover{color: #fe6301; background: url(images/Vector-hover.png)no-repeat right 3px;}
.btn_datlich{ background: linear-gradient(88.44deg, #FF6300 5.79%, #F7912C 94.07%) !important;
    padding-right: 31px; position: relative;
    font-size: 15px;}

.btn_datlich:after{background: url(images/arrow-white.png) right 0px no-repeat !important;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    left: auto;
    top: 10px;
    box-shadow: unset;}
.icon_tinmoi{ background: url(images/tinmoi.png) center top no-repeat; width: 78px; height: 30px;display: block;    margin-top: 15px;
    margin-bottom: 12px;}
.why_block_home h2,.hinhanhthucte_block h2,.doitackhachhang_block h2{font-family: Arial, Helvetica, sans-serif;font-weight: 700; text-transform: uppercase;color: #171775 !important;
    font-size: 32px;}
.about_block_home h2{ font-size: 21px; color: #212179;font-family: Arial, Helvetica, sans-serif; }
.about_block_home .content_abh{
	background: url(images/bg_left.png) left 0px no-repeat;
    padding-left: 20px;
    background-size: contain;
}
.readmore_about_home{
	    background: linear-gradient(88.44deg, #FF6300 5.79%, #F7912C 94.07%) !important;
    padding: 3px 25px !important;
    font-size: 15px;
    margin-top: 10px;
}
.readmore_about_home:hover, .btn_datlich:hover{background:linear-gradient(88.44deg, #0707bf 5.79%, #4d4ef5 94.07%) !important;font-size: 15px;}
.section_logo{
	background: #fff;
    margin-top: 30px;
    border-radius: 10px;
}
.why_block_home ul{list-style: none; margin-top: 15px;}
.why_block_home ul li{ 
	background: #fff url(images/vector_10.png) 11px 12px no-repeat;
    border: 1px dashed #8685c1;
    font-weight: 600;
    font-size: 17px;
    padding: 6px 0 6px 37px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-size: 16px;
    margin-left: 0;
    color: #333;
}
.title_h2_home_3 h2{ color: #212179; font-size:25px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase}
#footer a{ color: #fff}
.text_block_contact p{ margin-bottom: 5px; font-weight: bold;   }
 
@media only screen and (max-width: 1024px){#masthead .nav>li{     margin: 0 14px;}

#masthead .nav>li a {
    font-size: 10px;
}    .nav-divided>li {
        margin: 0 7px;
    }
#top-bar .nav-left a{ font-size: 11px}	
#top-bar .email_top{     font-size: 13px !important;}
.section5_home .col_hst a,.section2_home .large-3 .box-text .box-text-inner h4{
    font-size: 12px;}
.section2_home .large-3 .box-text .box-text-inner div p{     font-size: 14px}
}
@media only screen and (max-width: 48em) { 
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.giuseart-nav, .phone-mobile{ display:block !important}
#masthead .nav>li.has-icon>a>i{     color: #0daa5b !important;}
.has-dropdown .icon-angle-down{ display: none}
.button.open-video i {  top: 4px;}
.section1_home .col_aboutus .col-inner { padding-left: 0px;}
	.section1_home .row_logo .small-6{flex-basis: 100%;
    max-width: 100%;}
	.why_block_home ul li{     font-size: 15px;
    padding: 6px 13px 6px 37px;}
	    .section2_home .large-3 .box-text .box-text-inner div p {
        font-size: 14px;line-height: 23px;
    }
.section1_home .about_block_home h2{    font-size: 19px;
    color: #212179;
    font-family: arial;}
	.section1_home h2 span{     font-size: 17px;     font-family: arial;
    font-weight: 400;}
.section1_home p{ font-size: 17px;}
.readmore_about_home{     padding: 3px 25px !important;
    font-size: 17px;}
.section1_home  .button{     line-height: 1.8em;     min-height: 1.8em; font-size: 17px;}
.section2_home .large-3{flex-basis: 50%;  max-width: 50%;}
.section2_home .large-3 .box-text .box-text-inner h4{font-size: 14px;        height: auto;
        line-height: 24px;
        margin-bottom: 10px;        padding-bottom: 10px;}
	.section2_home .box_service_home .box-image {
    margin-top: 2px !important;
		margin-bottom: 5px !important;}
	.row_section4_home .large-4{ display: none}
	.list_tt .list_ttmin .noidung h3 {
    font-size: 16px;
		line-height: 22px;}
.hinhanhthucte_block .title_h2_home_3 p {
    padding: 0;
}.hinhanhthucte_block .row_hatt .col {
    padding-bottom: 30px !important;
	} .hinhanhthucte_block .row_top-hatt, .hinhanhthucte_block .row_top-hatt .large-12{padding-bottom: 0px !important; }
	.hinhanhthucte_block {
    padding-bottom: 15px !important;
	}.doitackhachhang_block .large-2{flex-basis: 33.333%;
        max-width: 33.333%;}
.block_contactus_ft .title_h2_home p, .section_doingu_about .title_h2_home_3 p, .section_chungnhan_about .title_h2_home p, .section_cotmoc .title_h2_home_3 p{     padding: 0px 0%;     line-height: 26px;}
	.block_contactus_ft ul li{     float: left;
    width: 100%;
    margin-right: 0;
    margin-lefT: 0px;}
	.section_lichsu_about li{     font-size: 16px;}
	.section_cotmoc .large-4{ background:  #fff} 
	.section6_about .large-4 .col-inner {
    padding: 0px 0px;
	}.section_nganhnghe h3{     font-size: 18px;     line-height: 27px}
	.section_nganhnghe p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}
	.section_tamnhin_about h3{     font-size: 27px;}
	.section_tamnhin_about li{     font-size: 15px; background: url(images/icon-li.png) no-repeat left 4px;}
	.row_title_service h2{ font-size: 24px;}
	.section_service .box h3{     font-size: 17px;}
	.section_service .box p {
		font-size: 15px;}
#footer .col2_ft {
    margin: 0 0px 0 0px;
	}.section_lichsu_about h3{ font-size: 25px; line-height: 31px;}
	
.section3_home .taisao_cct .col-inner {  background-size: 100% 100%; width: 100%;  height: 168px; margin-bottom: 0px;}
.section3_home .col-inner span.count-up {font-size: 30px;  color: #197e46; margin-bottom: 10px; font-weight: bold; line-height: 38px;}
.tintuc_big, .list_tt { width: 100%;}
.list_tt { margin-left: 0%;        margin-top: 20px;}
#footer  .section  .small-6 {     flex-basis: 50%;  max-width: 50%;}
.chatface{     width: 54%;}
#footer .code-qr p strong, #footer .soccial_kn , .social-icons{     text-align: left;}
.dmca_img img{ margin-bottom: 0px !important}
.title_gioithieu h1{  width: 35%;}
.title_gioithieu .catelog_kd{  width: 64%;} 
.title_about h2 { font-size: 21px;}
.section6_about .title_about p { width: 95%;}
.blog-archive .post-item .box-image {
    width: 35% !important;
    float: left;
}
	.dichvu_top .row{ margin-top: -35px;}
	.section3_home .col-inner p{     max-width: 80%;}
.blog-archive .post-item  .box-text{    width: 60%;
    float: left;
    margin-left: 14px;
    padding-top: 0px;        padding-bottom: 0px;}
.blog-archive .post-item .col-inner{     overflow: hidden;}
.title_gioithieu_top .post-item{     flex-basis: 50%;
    max-width: 50%;}
.title_gioithieu_top .box-text{     padding-bottom: 0;}
.section_category_page .box-text h5 a{     font-size: 14px;}
.title_gioithieu_top .title_hoidap h1:before{    bottom: 67px;}
.accordion-inner {
    display: none;
    padding: 1em 0.3em;
}.blog-single .entry-content h2 {
    font-size: 17px;}
.thongtin_baohanh .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 84%;
    max-width: 84%;
    margin: 0 auto;
}.content-baohanh .col-lg-12 p{     font-size: 18px;}
.info_bang {
    width: 80%;}
.section5_home .tc_cd .col_hst p.logo_sp {
    margin-bottom: 0px;
    width: 100%;
    clear: both;
    overflow: hidden;
}.section5_home .tc_cd .col_hst p.logo_sp a {
    margin: 0 0px;
}
.section5_home .tc_cd .col_hst  p.logo_sp img{    width: 50%;
    float: left;}
#mfp-content{ background: #197e49}
    #logo img {
        max-height:75px !important;
    }
#header .header-main .header-button > .button:not(.is-outline) {
    background-color: #fc6c15  !important;
}
#header .header-main .button.icon i {
    font-size: 1.6em;
}
#masthead .nav>li a {
    font-size: 15px;
} #header .stuck #logo img {
    max-height: 55px !important;
}.off-canvas .nav-vertical>li>a, .toggle i{ color: #fff}
.lienhe_block{ lefT: 0px}
a.glink{    margin: 0 5px;}
.hotline_top{ background: url(images/icon-hotline.png) no-repeat left;        padding-lefT: 47px !important;
        font-size: 20px !important;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    font-size: 13px;   padding-right: 20px;
}
.sidebar-menu-top-content{        font-size: 20px;
        line-height: 65px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 30px 0 20px;
        float: initial !important;
        text-align: center;
        border-bottom: 1px solid #cdcdcd;}
.nav.nav-vertical li{     border-bottom: 1px solid #2d6fcc;overflow: hidden;
    padding:  5px 0;}
.nav.nav-vertical li:last-child { border-bottom: 0px !important}
#top-bar .hotline_top {background: url(images/icon_hotline.png) no-repeat left;
        padding-lefT: 25px !important;
        color: #ffffff !important;
        font-size: 16px !important;
        margin-left: 10px;
        font-weight: bold;
}
.html_topbar_left{    margin: 0% 0% !important;}
#menu-item-1327 button{     margin-right: 0;    padding: 0 0px 0 12px;}
#menu-item-1327 button i{ font-weight: 700 !important;} 
#masthead .header-inner{     padding-left: 30px;
    padding-right: 30px;}
#top-bar .nav li:last-child{ margin-lefT: 0px;}
.mobile-sidebar .sidebar-menu ul li ul li a{ text-transform: none !important; font-weight: normal;  font-size: 16px !important;        width: 83%;
        float: left;}
.nav-vertical li li.menu-item-has-children:not(:first-child){     margin-top: 0em !important;}
.nav-vertical li li.menu-item-has-children{ margin-bottom: 0em !important;}
.off-canvas .nav-vertical>li>a {
    padding-bottom: 10px;
    padding-top: 10px;
	
}
.mobile-sidebar .sidebar-menu ul li ul li  li a{ width: 100%}
ul.nav-sidebar-ul li span.angles{     top: 10px !important;    width: 12%;
    float: right;
    text-align: right;}
.desktop_hl{ display: none !important}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    --drawer-width: 330px;
}
.dichvu_top .section-content .large-2{    flex-basis: 33%;
    max-width: 33%;}
.dichvu_top .section-content .large-2 .box-image{     width: 70% !important;}
.dichvu_top .section-content .large-2  h4{font-size: 13px;}
	.why_block_home ul li{ font-size: 15px;     background: #fff url(images/vector_10.png) 11px 7px no-repeat;}
	.title_h2_home_3 h2{ font-size: 20px;
    margin-top: 20px;}
	#footer p{ font-size: 13px;} 
	#footer .diachi_ft,#footer .hotl_ft, #footer .email_ft,#footer .web_ft, .col2_ft a, .col2_ft li{     font-size: 13px;}
	.title_h2_home h2{ font-size: 20px;}
	.title_h2_home h4{ font-size: 17px;}
	.text_block_contact p{ color: #fff}
	.hotline_flh{ background: url(images/icon_hotline.png) no-repeat left;
           background-position-x: 26%;
        padding-lefT: 0px !important;
        font-size: 20px !important;}
	.hotline_flh a, .email_flh a{ color: #fff}
	.email_flh {
    background: url(images/icon_email.png) no-repeat left;
     background-position-x: 12%;
  background-position-x: 8%;        font-size: 18px !important;
}
.text_block_contact p{ margin-bottom: 5px; font-weight: 500;   }
.btn_an a{           background: #ffff url(images/icon-bt.jpg) no-repeat left;
        padding: 13px 15px;
        border-radius: 3px;
        color: #000;
        font-weight: bold;
        background-position-x: 9%;
        padding-left: 40px;
        background-size: 15%;}
.btn_an { text-align: center;
    margin-top: 20px;
    font-weight: bold;
    color: #fff;}
.block_contactus_ft {
    padding-top: 20px !important;}
.btn_an:hover a{        background: #0707bf url(images/icon-bt_hover.jpg) no-repeat left;
        padding: 13px 15px;
        border-radius: 3px;
        color: #fff;
        font-weight: bold;
        background-position-x: 9%;
        padding-left: 40px;
        background-size: 15%;}
}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.desktop_hl_2 .hotline-phone-ring-wrap{bottom: 76px;}
.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 72px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}
.hotline-phone-ring-circle {
width: 85px;
height: 85px;
top: 10px;
left: -2px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #171775;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 55px;
height: 55px;
top: 25px;
left: 11px;
position: absolute;
background-color:#171775;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color:#171775;
width: 33px;
height: 33px;
top: 37px;
left: 22px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: #171775;
height: 40px;
width: 210px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
/* width: 175px !important; */
left: 21px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 27px;
display: block;
letter-spacing: 1px;
line-height: 40px;
font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
@media (max-width: 768px) {
.hotline-bar {
display: none;
}
}

.giuseart-nav{ display:none}
.div-nut .dangkytv_bt{background-image: url("https://trungcaptuxa.edu.vn/wp-content/uploads/2024/01/dangki.png")!important}
.phone-mobile {display: none;}
.giuseart-nav {
    position: fixed;
    left: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;}
.giuseart-nav ul li {list-style: none!important;}
.giuseart-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul>li .chat_animation{display:none}
.giuseart-nav ul>li a i.ticon-heart {
    background: url(/wp-content/uploads/2022/11/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(/wp-content/uploads/2022/11/zalo-icon.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul>li a i.ticon-dangky{
    background: url(images/zalo-hotline.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav li .button {
    background: transparent;
}.giuseart-nav ul>li a i.ticon-angle-up {
    background: url(images/zalo-hotline.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.giuseart-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.giuseart-nav ul>li a i.ticon-messenger {
    background-image: url("images/zalo-hotline.png");
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.ticon-zalo {
    background-image: url("images/icon-zalo.png");
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.ticon-thutucr{
    background-image: url("images/icon-zalo.png");
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url(/wp-content/uploads/2022/11/png-clipart-sony-xperia-go-iphone-android-app-store-sms-electronics-text.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.icon-phone-w {
    background: url(https://vuavit.com/wp-content/uploads/2022/09/icon-phone-w.png) no-repeat;
    background-size: contain;}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}

@media only screen and (max-width: 600px){
.giuseart-nav li .chat_animation{display:block !Important}
 
.giuseart-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.giuseart-nav ul>li a{padding:0; margin:0 auto}
.giuseart-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.giuseart-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.phone-mobile{display:block !important}}
@media (min-width: 400px) and (max-width: 430px){

    .email_flh {
        background: url(images/icon_email.png) no-repeat left;
        background-position-x: 14%;
        font-size: 18px !important;
    }
	    .hotline_flh {
        background: url(images/icon_hotline.png) no-repeat left;
        background-position-x: 29%;
        padding-lefT: 0px !important;
        font-size: 20px !important;
    }
}