.w-100{width: 100%;}
.not-transition {
   transition: all 0s linear;
   -webkit-transition: all 0s linear;
   -moz-transition: all 0s linear;
   -o-transition: all 0s linear;
   -ms-transition: all 0s linear;
}
.ch {
   font-family: roboto_r;
   margin-bottom: 25px;
   line-height: 24px;
   font-size: 14px;
   background: #e3e2e2;
   padding: 15px;
}
.date_1 span {
   display: block;
   margin-bottom: 8px;
}
.k_all {
   color: #000;
   font-family: "roboto_r";
   border: 1px solid #ccc;
   margin-top: 15px;
}
.k_all_in {
   border-bottom: 1px solid #ccc;
   position: relative;
}
.k_all_in1 {
   width: 40px;
   float: left;
   text-align: center;
   position: relative;
}
.sps {
   position: absolute;
   left: 18px;
   top: 40%;
}
.k_all_in2 {
   width: calc(100% - 40px);
   float: left;
   padding: 8px 0;
   border-left: 1px solid #ccc;
}
.pc1 {
   width: 100%;
   padding: 0 10px;
   padding-top: 5px;
}
.pc6 {
   float: left;
   padding: 0 10px;
   padding-top: 5px;
   width: 50%;
}
.txt_k {
   padding: 0 10px;
   margin-bottom: 3px;
   font-size: 14px;
}
.ipalk {
   width: calc(100% - 60px);
   border: none;
   border-bottom: 1px dotted#666;
   line-height: 0;
   margin-top: -7px;
   outline: none;
}
.spnk1 {
   float: left;
   margin-top: 2px;
   padding-left: 5px;
   position: relative;
}
.pc3 {
   width: 33%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.rdo {
   float: left;
}
.spnk {
   float: left;
   margin-top: 3px;
   padding-left: 5px;
   width: calc(100% - 20px);
   z-index: 9999;
   position: relative;
}
.pc8 {
   width: 60%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.ypk100 {
   width: 100% !important;
}
.pc12 {
   width: 100%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.pc4 {
   width: 40%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.divf {
   font-style: italic;
   color: #000;
   font-family: "roboto_r";
   font-size: 15px;
   margin-top: 25px;
}
.divf1 {
   text-transform: uppercase;
   font-weight: bold;
   font-family: Time;
   color: #000;
   font-size: 19px;
   margin-top: 20px;
   margin-bottom: -5px;
}
.clear_251 {
   clear: both;
   height: 50px;
}
.tdmain_left_1 {
   width: calc(70% - 30px);
   float: left;
}
.ack {
   border-bottom: 1px solid #ccc;
}
.ip100_1 {
   width: 100%;
   bottom: 0;
   border: none;
   border-bottom: 1px dotted;
   outline: none;
   margin-left: 5px;
   padding-left: 10px;
   line-height: 0;
   position: absolute;
}
.line1 {
   border: 1px solid #ccc;
}
.logo_l1 {
   float: left;
   border-right: 1px solid #ccc;
   padding: 10px;
   height: 100px;
}
.logo_l2 {
   font-size: 24px;
   text-transform: uppercase;
   padding-left: 28px;
   float: left;
   height: 100px;
   line-height: 95px;
   font-weight: bold;
}
.line_all {
   border: 1px solid #ccc;
   margin-top: 15px;
   color: #000;
}
.line_all1 {
   float: left;
   width: 50px;
   text-align: center;
   border-right: 1px solid #ccc;
   line-height: 45px;
}
.line_all2 {
   width: calc(100% - 50px);
   float: left;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   position: relative;
   overflow: hidden;
}

.line_all22 {
   width: 100%;
   float: left;
}
.sbtt {
   display: block;
   width: 150px;
   margin: 20px auto;
   color: #fff;
   background: #282A75;
   border: none;
   text-transform: uppercase;
   line-height: 40px;
}
.sbtt:hover {
   background: #322bba;
}
.linv {
   line-height: 40px;
   margin-top: -10px;
   margin-bottom: 0px;
}
.line_all222 {
   width: 30%;
   float: left;
   padding-right: 5px;
}
.wm50 {
   width: 50%;
   float: left;
}
.ip100 {
   width: 100%;
   border: none;
   border-bottom: 1px dotted;
   outline: none;
   padding-left: 10px;
   line-height: 0;
   float: right;
   position: absolute;
}
.mdrt1 {
   line-height: 60px;
}
.ip100_2 {
   right: -10px;
   bottom: 10px;
   z-index: 99;
   position: relative;
   width: calc(100% + 10px);
}
.ip100_3 {
   max-width: calc(100% - 26px);
}
.ip100_4 {
   max-width: calc(100% - 18px);
}
.ack_n {
   border: none;
}
.msd {
   position: relative;
   z-index: 999999999999999999;
}
.msd_span {
   position: fixed;
   bottom: 209px;
   right: 52px;
   cursor: pointer;
   background-color: rgba(29, 36, 62, 0.7);
   color: #fff;
   padding: 8px 10px;
   border-radius: 4px;
   display: none;
}
.msd:hover .msd_span {
   display: block;
}
.msd_span::after {
   left: 100%;
   transform: rotateZ(-180deg);
   content: "";
   position: absolute;
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent !important;
}
.dmgf {
}
.dmgf img {
   width: 200px;
}
.msd_span1 {
   position: fixed;
   bottom: 152px;
   right: 53px;
   cursor: pointer;
   background-color: rgba(29, 36, 62, 0.7);
   color: #fff;
   padding: 8px 10px;
   border-radius: 4px;
   display: none;
}
#ltd:hover .msd_span1 {
   display: block;
}
.msd_span1::after {
   left: 100%;
   transform: rotateZ(-180deg);
   content: "";
   position: absolute;
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent !important;
}

.facebook-messenger-avatar {
   width: 45px;
   background: #1d8ce5;
   border-radius: 50%;
   right: 0;
   position: fixed;
   bottom: 206px;
}
#ltd {
   position: fixed;
   z-index: 999999999999999999;
   bottom: 150px;
   cursor: pointer;
   right: 0;
   color: #fff;
   display: block !important;
   line-height: 20px;
   width: 45px;
   text-align: center;
}
#ltd:hover {
}
#ltd span {
   background: #fff;
   color: #000;
   display: block;
   border-radius: 50%;
   padding-top: 10px;
   font-size: 12px;
   width: 55px;
   height: 55px;
   margin-top: 5px;
   margin-left: 5px;
   font-family: robotobold;
}
.cdmk {
   width: 20%;
}
.ngonngu a:hover {
   color: #282A75;
}
.mk_center {
   text-align: left;
}
.facebook-messenger-avatar:hover {
   background: #4b8cd4;
}
.mbh a {
   font-size: 20px;
   float: right;
   margin: 0 10px;
   margin-top: 32px;
}
.ficv {
   float: left;
}
.span_cv {
   line-height: 24px;
   padding-left: 5px;
   font-family: robotobold;
   font-size: 14px;
}
.nd_bk {
   background: #fff;
   padding: 30px;
   box-shadow: 0px 0px 5px 0px #ccc;
}
.aple {
   font-style: italic;
   font-size: 15px;
   display: flex;
   margin-bottom: 10px;
}
.aple1 {
   width: 220px;
}
.aple2 {
}
.text-in {
   font-weight: 600;
   color: #0b57ab;
   margin-top: 2px;
   background: #fff;
   border-radius: 8px;
   margin-left: 50px;
   padding: 10px 0;
   padding-left: 10px;
   border: 1px solid #0b57ab;
}
.khhv img {
   float: left;
   margin-right: 5px;
   position: absolute;
   top: 84px;
   left: 0;
}
.apply {
   background: #282A75;
   border: none;
   color: #fff;
   padding: 10px 30px;
   padding-bottom: 15px;
   font-family: sfu_futurabold;
   font-size: 16px;
}
.prd {
   color: #282A75;
}
.txtut {
   font-family: sfu_futuraheavy;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 20px;
   text-align: center;
   margin-top: 10px;
}
.apply:hover {
   background: #282A75;
}
.iput {
   width: 100%;
   height: 40px;
   padding-left: 10px;
   margin-bottom: 15px;
   border: 1px solid #ccc;
}
.bk_hl {
   display: inline-block;
   top: 270px;
   right: 0;
   transition: 0.5s;
   width: 170px;
   z-index: 999;
   font-size: 12px;
}
.bk_hl:hover {
   right: 0;
}
.bk_hl1 {
   top: 330px;
}
.bk_hl2 {
   top: 390px;
}
.frm_ut {
   background: #fff;
   padding: 15px;
   margin-top: 10px;
}
.fa-youtube {
   color: #e01f1f;
}
.fa-facebook {
   color: #3d389c;
}
.fa-google {
   color: #f00;
}
.fa-twitter {
   color: #428bca;
}
.ndtd_left {
   float: left;
   width: calc(100% - 300px);
   color: #fff;
   margin-right: 20px;
}
.ndtd_left h3 {
   font-family: sfu_futurabold;
   margin-bottom: 20px;
}
.ndtd_right {
   width: 220px;
   float: left;
   text-align: center;
   margin-top: 25px;
}
.ndtd_right a {
   display: inline-block;
   line-height: 41px;
   text-align: center;
   background: url(images/ut.png);
   color: #fff;
   font-family: sfu_futurabold;
   font-size: 18px;
   width: 220px;
   height: 45px;
}
.ndtd_right a.vf {
   margin-top: 5px;
   background: #f00;
   border-radius: 6px;
   padding: 0px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 4px;
   text-transform: uppercase;
   padding-right: 7px;
   font-size: 17px;
   transition: 0.5s;
}
.ndtd_right a.vf img{height: 30px !important;display: inline-block;position: relative;top: 2px;margin-right: 7px;}
.ndtd_right a.vf:hover{background: #cf0000;color:#Fff !important}
.td_top {
   background: #282A75;
   padding-bottom: 15px;
   margin-bottom: 15px;
}
.ndtd {
   max-width: 1200px;
   margin: auto;
   padding: 0 15px;
}
.ttkl {
   margin: 0;
}
.vt-title1 {
   font-family: robotobold;
   color: #282A75;
   text-transform: uppercase;
   font-size: 18px;
}
.ttkl a {
   font-size: 16px;
   color: #000;
   font-family: open_semi;
}
.ttkl a:hover {
   color: #f00;
}
._thongtin {
   max-width: 1200px;
   margin: auto;
   padding: 10px 0;
}
._ngoaithat {
   padding: 40px 0;
   background: #333333;
}
._ngoaithat .h3_pro {
   color: #fff;
}
._ngoaithat .h3_pro::before {
   background: #fff;
}
._noithat {
   padding: 40px 0;
}
._hieusuat {
   padding: 40px 0;
   background: #333333;
}
._hieusuat .h3_pro {
   color: #fff;
}
._hieusuat .h3_pro::before {
   background: #fff;
}
._phukien {
   padding: 40px 0;
   background: #333333;
}
._phukien .h3_pro {
   color: #fff;
}
._phukien .h3_pro::before {
   background: #fff;
}
._mausac {
   padding: 40px 0;
}
._video {
   padding: 40px 0;
   background: #333333;
   text-align: center;
}
._video .h3_pro {
   color: #fff;
}
._video .h3_pro::before {
   background: #fff;
}
._thongsokythuat {
   padding: 40px 0;
   max-width: 1200px;
   margin: auto;
}
.mnt {
   max-width: 1200px;
   padding: 0 15px;
   margin: 0 auto;
}
.title_td {
   color: #282A75;
   font-family: robotobold;
   border-left: 4px solid;

   font-size: 18px;
   position: relative;
}
.name_td1 {
   float: left;
   width: 40%;
   font-family: roboto_r;
   font-size: 14px;
   font-style: italic;
   color: #2c2cdd;
}
.name_td2 {
   float: left;
   width: 15%;
   font-family: roboto_r;
   font-family: roboto_r;
   font-size: 14px;
   font-style: italic;
   color: #2c2cdd;
}
.bk_tdf {
   background: #fff;
   padding: 15px;
   padding-bottom: 0px;
   padding-top: 35px;
   margin-bottom: 30px;
}
h3.bk_tdf1 {
   margin: 0;
   background: #282A75;
   color: #fff;
   line-height: 40px;
   text-align: center;
   font-family: RobotoBoldCondensed;
   text-transform: uppercase;
   font-size: 18px;
}
.tdmain_left {
   width: calc(76% - 15px);
   float: left;
}
.tdmain_left.tdmain_left-main{float:right;}
.title-tuyendung{
    font-size: 20px;
    border-bottom: 2px solid #282A75;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.mt-3{
    margin-top: 30px;
}
.mb-3{
    margin-bottom: 30px;
}
.title-tuyendung{}
.tdmain_right {
   width: 30%;
   float: right;
}
.tdmain_right.tdmain_right-main{float:left;width: 24%;}
.bkwhite_15 {
   background: #fff;
   padding: 0px;
}
.divk {
   border-bottom: 1px dashed #ddd;
   padding: 10px 0;
}
.dif {
   border-bottom: 1px dashed #ddd;
   padding: 10px 0;
}
.name_tc1 {
   float: left;
   width: 40%;
   font-family: roboto_r;
   font-size: 14px;
   color: #000;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   padding-right: 10px;
}
.name_tc2 {
   float: left;
   width: 15%;
   font-family: roboto_r;
   padding-right: 10px;
   font-size: 14px;
   color: #000;
}
.divk p{
   float: left;
   width: 15%;
   font-family: roboto_r;
   padding-right: 10px;
   font-size: 14px;
   color: #000;
   background: green;
   color: #fff;
   padding: 6px;
   border-radius: 3px;
   text-align: center;
   font-size: 14px;
   margin-bottom: 0px;
}
.title_td .spant1 {
   position: absolute;
   height: 1px;
   width: 100%;
   background: #ccc;
   left: 0;
   top: 10px;
}
.sb_tk {
   background: #282A75;
   display: block;
   font-family: roboto_r;
   color: #fff;
   text-transform: uppercase;
   border: none;
   width: 100%;
   height: 65px;
}
.sb_tk:hover {
   background: #282A75;
}
.selo {
   width: 100%;
   height: 35px;
   border-radius: 4px;
   border: 1px solid #ccc;
   font-family: roboto_r;
   border: none;
   font-style: italic;
   color: #8a8a8a;
   outline: 0;
}
.cover-input{
    width: 30%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
}
.cover-input p{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.title_td .spant2 {
   background: #fff;
   z-index: 999;
   position: relative;
   padding-left: 10px;
   padding-right: 10px;
}
.h3_pro {
   text-transform: uppercase;
   font-family: robotobold;
   color: #000;
   text-align: center;
   font-size: 20px;
   padding-bottom: 15px;
   margin-bottom: 30px;
   position: relative;
}

.h3_pro::before {
   content: "";
   width: 120px;
   height: 3px;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
   background: rgb(37, 33, 109);
}
.fixed-menu1 {
   /* position: fixed !important; */
   top: 0px;
   width: 100%;
   left: 0;
   right: 0;
}
.menuFixed {
   position: fixed;
   top: 40%;
   right: 0px;
   -webkit-transform: translate(0%, -50%);
   -moz-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 999;
   cursor: pointer;
   pointer-events: none;
}
.menuFixed li {
   display: block;
   position: relative;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   color: #ffffff;
   width: 100%;
   height: 0px;
   right: 0;
   clear: both;
}
.menuFixed li a {
   color: #ffffff;
}
.menuFixed li .divText {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   height: 50px;
   padding-right: 50px;
   z-index: 1;
   background-color: #282A75;
   border-top: solid 1px rgba(255, 255, 255, 0.5);
   transform: translateX(100%);
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   pointer-events: auto;
}
.menuFixed li .divIcon {
   position: absolute;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   width: 49px;
   height: 50px;
   top: 0;
   right: 0;
   background-color: #282A75;
   border-top: 1px solid rgba(255, 255, 255, 0.5);
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   pointer-events: auto;
   font-size: 22px;
   line-height: 30px;
}
.menuFixed li .divText > span {
   display: block;
   font-size: 14px;
   line-height: 23px;
   padding: 13px 10px 0px 25px;
}
.menuFixed li .divText .social {
   padding: 0;
}
.menuFixed li .divText .social > span i {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.menuFixed li .divText .social .google:hover {
   background: #d34836;
}
.menuFixed li .divText .social .facebook:hover {
   background: #305891;
}
.menuFixed li .divText .social .plug:hover {
   background: #f00;
}
.menuFixed li .divText .social .twitter:hover {
   background: #1da1f2;
}
.menuFixed li .divText span {
   color: #ffffff;
   font-family: roboto_r;
}
.menuFixed li:hover .divText {
   background-color: #251dc5;
}
.menuFixed li:hover .divIcon {
   background-color: #251dc5;
}
.menuFixed li:hover {
   background-color: #d25a0c;
}
.menuFixed.show li .divText {
   transform: translateX(0%);
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
}
.menuFixed li .divText .social .facebook:hover {
   background: #305891;
}
.menuFixed li .divText .social > span {
   float: left;
   display: block;
   width: 50px;
   height: 50px;
   font-size: 18px;
   position: relative;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.ndp {
   margin-top: 25px;
   font-family: open_rr;
   font-size: 14px;
   line-height: 24px;
}
.h3_name_pro {
   line-height: 40px;
   text-transform: uppercase;
   color: #282A75;
   text-align: center;
   font-family: RobotoBoldCondensed;
   font-size: 30px;
   margin-bottom: 40px;
}
.avf {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.imgx1 {
   margin-right: 20px;
}
.imgx2 {
   font-family: robotobold;
}
.cvn1 {
   font-weight: bold;
   font-size: 14px;
   color: #666666;
   white-space: nowrap;
   text-transform: uppercase;
}
.cvn2 {
   font-size: 20px;
   line-height: 30px;
   white-space: nowrap;
   font-weight: bold;
}
.fixed-menu10 {
   position: fixed !important;
   top: 0px;
   width: 100%;
   z-index: 9999;
}
.h3_pro::after {
   content: "";
   position: absolute;
   width: 385px;
   height: 1px;
   background: #e0e0e0;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 1;
}
.menu_fix {
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   font-family: robotobold;
   box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
   padding: 32px 0;
   background: #fff;
   margin-bottom: 20px;
}
.menu_fix a {
   color: #000;
   padding: 0 15px;
   cursor: pointer;
}
.menu_fix a:hover {
   color: #282A75;
}

.date_1 {
   background: #e9ebf2;
   font-size: 20px;
   color: #bbb;
   font-family: open_sansbold;
   text-align: center;
   width: 75px;
   height: 80px;
   float: left;
   padding-top: 10px;
}
.pro_slider {
   position: relative;
   text-align: center;
   /* max-width: 1349px; */
   /* margin: auto; */
}
.pro_slider_1{
   position: relative;
   text-align: center;
   /* max-width: 1349px; */
   /* margin: auto; */
}
.pro_detail {
   position: absolute;
   z-index: 8;
   max-width: 260px;
   width: 100%;
   top: 50%;
   background: #fff;
   right: 30px;
   padding: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}
.pro_detail h3 {
   margin: 0;
   margin-left: -20px;
   margin-right: -20px;
   margin-top: -20px;
   font-size: 20px;
   font-family: robotobold;
   color: #fff;
   background: #282A75;
   padding: 20px;
   margin-bottom: 15px;
   text-transform: uppercase;
}
.prt1 {
   float: left;
   width: 100px;
   font-family: open_semi;
   color: #000;
   font-size: 14px;
}
.prt2 {
   float: left;
   overflow: hidden;
   font-family: roboto_r;
   color: #666666;
   font-weight: normal;
   width: calc(100% - 100px);
   font-size: 14px;
   min-height: 18px;
}
.gia_p2 {
   color: #f00;
   font-family: robotobold;
}
.bkwhite {
   background: #fff;
}
.ct_new h3 a:hover {
   color: #282A75;
}
.bgtt {
   min-height: 750px;
   background: url(images/bgtt.jpg);
   margin-top: 20px;
}
.vt-title {
   color: #282A75;
   font-weight: 300;
   line-height: 40px;
   font-family: roboto_r;
   text-align: center;
   padding-bottom: 10px;
   margin-bottom: 30px;
   font-size: 28px;
   transition: 0.5s;
   background: url(images/itc1.png) no-repeat center bottom;
   text-transform: capitalize;
}
.vt-title:hover {
   background: url(images/itc.png) no-repeat center bottom;
   color: #282A75;
}
.vt-title::after {
   content: url(images/l2.png);
   line-height: 0;
   padding-left: 5px;
   top: 0px;
   width: 134px;
   height: 12px;
}
.cctd {
   font-size: 18px;
   font-family: roboto_r;
   color: #393939;
   display: block;
   width: calc(100% - 70px);
   float: right;
   line-height: 25px;
}
.cctd:hover {
   color: #282A75;
}
.date_n {
   font-size: 16px;
   font-family: roboto_r;
   background: #282A75;
   color: #fff;
   float: left;
   width: 60px;
   text-align: center;
   height: 60px;
   margin-right: 10px;
   margin-bottom: 20px;
}
.date_n .sapn1 {
   display: block;
   border-bottom: 1.4px solid #fff;
   padding-bottom: 5px;
   max-width: 45px;
   margin: 6px auto;
}
.date_n .sapn2 {
   display: block;
   margin-bottom: 5px;
}
.vt-title::before {
   content: url(images/l1.png);
   line-height: 0;
   padding-right: 5px;
   top: 0px;
   width: 134px;
   height: 12px;
}
.slick_sp {
   padding-bottom: 40px;
}
.ttv {
   border-bottom: 1px solid #ccc;
   font-family: roboto_r;
   font-size: 28px;
   padding-bottom: 10px;
   text-transform: capitalize;
   margin-bottom: 20px;
}
.ttv span {
   color: #000;
   font-family: open_sansbold;
}
.cvt1 {
   font-size: 22px;
   font-family: open_sansbold;
   color: #333437;
   text-transform: uppercase;
   text-align: center;
   margin-top: 30px;
}
.cvt2 {
   color: #333437;
   font-family: open_rr;
   font-size: 16px;
   text-align: center;
   padding-top: 10px;
}
.cvt3 {
   display: block;
   width: 165px;
   line-height: 50px;
   margin: 20px auto;
   background: #f0f5ff url(images/rb.png) no-repeat center left 35px;
   font-size: 16px;
   text-align: center;
   text-transform: uppercase;
   color: #000;
   font-family: open_sansbold;
}
.cvt3:hover {
   background: #b8c7e4 url(images/rb.png) no-repeat center left 35px;
   color: #000;
}
.cnk {
   height: 2px;
   background: #bbb;
   width: 60px;
   margin: auto;
   margin-bottom: 4px !important;
}
.date_1 span:last-child {
   font-size: 13px;
}
.hl span {
   font-family: avo;
   color: #f00;
   display: block;
   font-size: 18px;
}
.nx {
   max-width: 800px;
   margin: auto;
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-family: roboto_l;
   line-height: 30px;
}
.nx img {
   margin-bottom: 20px;
   border-radius: 50%;
   background: #fff;
   padding: 3px;
   margin-top: -50px;
   box-shadow: 0px 2px 4px 2px #ccc;
}
.spd1 {
   display: block;
   font-family: roboto_r;
}
.spd2 {
   font-style: italic;
   color: #fe9900;
   display: block;
   font-size: 16px;
   font-family: roboto_r;
   margin-bottom: 5px;
}
.spd3 {
   max-height: 120px;
   overflow: hidden;
   display: block;
}
.zom {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.zom:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.ch:hover .date_1 {
   background: #223f83;
   color: #fff;
}
.date_1:hover {
   background: #9edc09;
   color: #fff;
}
.chdd:hover {
   color: #f00;
   border-color: #f00;
}
.date_2 h3:hover a {
   color: #223f83 !important;
}
.a_ft:hover {
   color: #282A75;
}
.ch img {
   width: 100%;
}
.date_2 {
   float: left;
   width: calc(100% - 75px);
   background: #fff;
   margin-top: -30px;
   z-index: 9;
   position: relative;
   padding-left: 7px;
}

.date_2 h3 {
   margin-top: 5px;
   margin-bottom: 10px;
   line-height: 20px;
   height: 70px;
   overflow: hidden;
}
.mrb20 {
   margin-bottom: 20px;
}
.date_2 h3 a {
   color: #444;
   font-size: 14px;
   text-transform: uppercase;
   font-family: open_semi;
}
.ab_all img {
   width: 100%;
   outline: none;
}
.p_img {
   margin: 0;
   overflow: hidden;
   margin-bottom: 15px;
}
.tiltc4 span {
   background: #fff;
   padding-right: 10px;
}
.ppk {
   border: 1px solid #ccc;
   color: #555;
   display: block;
   width: 105px;
   text-align: center;
   line-height: 35px;
}
.tiltc4 {
   background: url(images/linecham.png) repeat-x center;
   font-family: utm_heve;
   text-transform: uppercase;
   color: #d90000;
   font-size: 20px;
   margin: 0;
   margin-bottom: 15px;
}
.ccm1 {
   margin-bottom: 15px;
   color: #747474;
   font-family: roboto_r;
}
.ccm1 h3 {
   margin: 5px 0;
   margin-top: 0;
   line-height: 15px;
}
.ccm1 h3 a {
   font-family: roboto_r;
   font-size: 13px;
   color: #333;
   text-transform: uppercase;
}
.ccm1 h3:hover a {
   color: #f00;
}
.shadow {
   -moz-box-shadow: inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow: inset 0 0 10px #ccc;
}
.cct {
   color: #747474;
}
.cct:hover {
   color: #f00;
}
.tyv {
   border-top: 1px solid #d49e02;
   margin-top: 25px !important;
   margin-bottom: 15px;
   margin-left: 15px;
   margin-right: 15px;
}
.tyv1 {
   width: 32px;
   height: 41px;
   float: left;
   background: #d49e02;
}
.tyv2 {
   background: url(images/t1.png);
   float: left;
   height: 41px;
   line-height: 37px;
   color: #fff;
   font-size: 22px;
   font-family: UTMSwiss721BlackCondensed;
   padding: 0 10px;
   margin: 0;
   text-transform: uppercase;
   min-width: 130px;
   text-align: center;
}
.tyv3 {
   float: left;
   width: 81px;
   height: 41px;
   background: url(images/t2.png);
}
.hotline1 {
   color: #0072ff;
   font-size: 20px;
   text-align: right;
   width: 236px;
   float: right;
   margin-top: 25px;
   background: url(images/hl24.png) no-repeat left bottom 3px;
   padding-left: 100px;
}
.hotline1 span {
   color: #f00;
   font-family: utm_heve;
   font-size: 24px;
   display: block;
}
.hotline1 span:first-child {
   margin-bottom: 2px;
   border-bottom: 1px solid;
}
.w25 {
   width: 27%;
   float: left;
   margin-right: 1%;
}
#header-mail1 .pp1 {
   font-size: 26px;
   font-family: sfu_futuraheavy;
   padding-top: 30px;
}
.lok2 {
   font-size: 14px;
   margin-top: 10px;
   text-transform: uppercase;
   font-family: robotobold;
}
.lok2 img {
   float: left;
   margin-right: 10px;
}
.lok2 span {
   color: #ffff00;
   font-size: 28px;
   font-family: open_sansbold;
   display: block;
}
.lok3 {
   font-family: open_rr;
   font-size: 16px;
   line-height: 24px;
}
.lok3 div {
   color: #ff0;
}
.all_r {
   display: block;
}
.all_r1 {
   display: none;
}
.title22 {
   text-align: center;
   text-transform: uppercase;
   font-family: sfu_futurabold;
   font-size: 26px;
   color: #333;
   background: url(images/line_h.png) no-repeat center bottom;
   padding-bottom: 20px;
   margin-bottom: 15px;
}
.danhmuc {
   width: 18%;
   float: right;
}
.atv {
   border-radius: 50%;
   margin: 0 3px;
}
.atv:hover {
   background: #f00;
}
div#tt-menu-mobile {
   background: #282A75;
   z-index: 999;
   position: relative;
   float: right;
   margin: 20px 0px;
}
.a_left:hover {
   color: #f00;
}
.slick_duan {
   border: 1px solid #ddd;
   padding: 0 15px;
}
.a_left {
   display: block;
   font-family: open_semi;
   text-transform: uppercase;
   font-size: 14px;
   border-bottom: 1px dashed #ddd;
   color: #555;
   padding: 15px 0;
   background: url(images/icon.png) no-repeat left 7px top 18px;
   padding-left: 25px;
}
.a_left:last-child {
   border: none;
}
.c_date {
   float: left;
   width: 90px;
   text-align: center;
   line-height: 25px;
}
.dp {
   font-family: open_sansbold;
   font-size: 36px;
   color: #f78e92;
}
.dp1 {
   font-family: open_sansbold;
   font-size: 16px;
   color: #f78e92;
}
.mbanner {
   margin-top: 20px;
   text-align: center;
}
.hotline {
   height: 70px;

   float: right;
   color: #383838;

   font-size: 15px;
   text-align: left;
   margin-top: 18px;
   line-height: 25px;
   margin-bottom: 0;
   text-transform: uppercase;
   font-family: utm_heve;
   max-width: 209px;
}
.hotline span {
   color: #f00;
   font-size: 22px;
}
.ckd a {
   font-size: 14px;
   font-family: RobotoBold;
   color: #645b5b;
   padding-left: 10px;
   line-height: 30px;
}
.ctc {
   height: 460px;
   background: url(images/contact.png);
}
.listVideo img {
   max-height: 115px;
   width: 100%;
}
.avd {
   width: 100%;
   height: 500px;
   max-width: 1200px;
   padding: 0 15px;
}
.danhmuc span {
   height: 34px;
   position: relative;
   display: block;
   background-color: #f7f7f7;
   padding: 0 0 0 10px;
   line-height: 34px;
   text-transform: uppercase;
   font-size: 13px;
   color: #f00;
   border-top: 2px solid;
   text-align: center;
}
.tiltc {
   background: url(images/linecham.png) repeat-x center;
   font-family: utm_heve;
   text-transform: uppercase;
   color: #282A75;
   font-size: 20px;
}
.h10 {
   height: 25px;
}
.hotro {
   color: #fff;
   font-family: RobotoBold;
   line-height: 25px;
   margin-bottom: 20px;
}
.title_top {
   font-family: open_rr;
   font-size: 18px;
   color: #fff;
   margin-top: 0;
   margin-bottom: 15px;
}
.f_top {
   background: url(images/bgm.png) no-repeat center;
   padding: 35px 0;
   background-size: cover;
}
.xtr {
   color: #000;
   display: block;
   border: 1px solid #ccc;
   width: 200px;
   text-align: center;
   line-height: 35px;
   margin: 20px auto;
}
.ngonngu a {
   color: #505050;
   font-family: roboto_r;
   font-size: 14px;
}
.kff {
   padding: 25px 0;
   padding-top: 40px;
}
.xtr:hover {
   background: #282A75;
   color: #282A75 !important;
   border-color: #282A75;
}
.buttonk {
   width: 112px;
   background: #04a1f1;
   color: #fff;
   border: none;
   padding: 5px 20px;
   text-transform: uppercase;
}

.news img {
   border-radius: 5px;
   border: 4px solid #e3d1b5;
   float: left;
   margin-right: 7px;
}
.news a {
   color: #fff;
}
.news {
   margin-bottom: 10px;
   height: 83px;
   overflow: hidden;
}
.a_ld1 {
   height: 377px;
   background: url(images/y1.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 50px;
   padding-left: 50px;
   padding-right: 15px;
   margin-bottom: 20px;
}
.a_ld2 {
   height: 377px;
   background: url(images/y2.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 20px;
}
.a_ld3 {
   height: 377px;
   background: url(images/y3.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 50px;
   padding-left: 15px;
   margin-bottom: 20px;
}
.title1_all {
   font-family: utm_ed;
   color: #eda801;
   font-size: 44px;
   text-align: center;
}
.hkr {
   text-align: center;
   margin-top: 6px;
}
.kvideo {
   position: absolute;
   bottom: 7px;
   left: 8px;
   width: 300px;
   background: #ffffffb8;
   height: 30px;
   border-radius: 4px;
}
.hotro img {
   border-radius: 50%;
   border: 2px solid #fff;
   float: left;
   margin-right: 10px;
}
.tiltc span {
   background: #fff;
   padding-right: 10px;
}
.n2 input {
   color: #fff;
   text-indent: 7px;
   background: none;
   margin-bottom: 10px;
   border: 1px solid #797070;
   height: 35px;
   width: 100%;
}
.noidungf {
   width: 100%;
   height: 80px;
   background: none;
   border: 1px solid #797070;
   color: #fff;
   text-indent: 7px;
}
.n1 {
   color: #fff;
   width: 20%;
   float: left;
}
.n2 {
   width: 80%;
   float: right;
}
.lhc {
   background: rgba(0, 0, 0, 0.3);
   padding: 15px;
}
.kta {
   font-size: 20px;
   color: #fff;
   font-family: utm_heve;
   float: left;
   margin-top: 60px;
   margin-bottom: 20px;
}
.fixed-menu {
   position: fixed !important;
   top: 0px;
   width: 100%;
}
.fb-page {
}
.imgqt {
   border-radius: 100%;
   box-shadow: 1px 1px 1px 1px #ccc;
   padding: 3px;
   margin-bottom: 10px;
}
.min {
   width: 7px;
   height: 7px;
   background: #b4886e;
   display: block;
   float: left;
   margin-top: 7px;
   margin-right: 5px;
}
.cgh {
   color: #555;
   font-size: 15px;
}
.alb a {
   color: #6b5e5e;
   font-family: roboto_r;
   margin-bottom: 7px;
}
#header-mail1 {
   width: 100%;
   position: relative;
   background: #585a5d url(images/dkm.png) no-repeat top center;
   padding-bottom: 10px;
   text-align: center;
   margin-bottom: 10px;
   min-height: 308px;
   color: #fff;
}
.mqt {
   width: 25%;
   float: left;
   text-align: center;
   width: 25%;
   float: left;
   text-align: center;
   font-size: 14px;
   font-family: roboto_r;
}
.mqt h3 {
   font-size: 14px;
   font-weight: normal;
   margin-top: 5px;
}
.knb {
   border: 5px solid #f2f2f2;
   width: 100%;
   margin-top: 15px;
}
.mtqt {
   padding: 0 10px;
   font-family: roboto_r;
   color: #9a9696;
   line-height: 25px;
   text-align: center;
}
.m1 {
   font-family: RobotoBold;
   font-size: 15px;
   color: #ff0;
   float: left;
}
.m2 {
   color: #fff;
   font-size: 14px;
   font-family: roboto_r;
   float: right;
}
.key {
   padding: 0 10px;
}
.ghp {
   color: #ff0;
   margin-left: 5px;
}
.tenbaiviet {
   margin: 10px 0px;
   line-height: 1.5em;
   font-weight: bold;
   color: #000;
   font-size: 30px;
}
.title_nd {
   background: #eee;
   margin: 0 0 10px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   padding: 7px 10px;
   border-bottom: 1px solid #dedede;
   margin-top: 10px;
}
.tah {
   font-family: Tahoma;
   line-height: 24px;
   font-size: 13px;
}
.name_bds {
   font-size: 16px;
   color: #055699;
   font-weight: bold;
   margin-top: 0;
}
.dknt {
   color: #ff0000;
   font-size: 16px;
   text-align: center;
   font-family: RobotoBoldCondensed;
   margin-bottom: 10px;
   margin-top: 10px;
}
.guimail:hover {
   color: #ff0;
}
.thongke {
   background: url(images/tk.png) no-repeat top left;
   padding-left: 30px;
   line-height: 25px;
   font-size: 13px;
   font-family: roboto_r;
}
.klm {
   font-family: RobotoBold;
   font-size: 15px;
   margin-right: 10px;
   margin-bottom: 13px;
   display: block;
}
.thongke div span {
   width: 110px;
   display: block;
   float: left;
}
.dmf1 {
   margin-left: -15px;
}
.atp {
   margin-top: 15px !important;
}
.mdr {
   margin-right: 10px;
}
.mdr1 {
   margin-top: 40px;
}
.aut {
   width: 100%;
   margin-bottom: 10px;
}
.txt1 {
   font-family: robotobold;
   font-size: 16px;
}
.guimail {
   background: #223f83 url(images/agm.png) no-repeat top 10px right 25px;
   color: #fff !important;
   font-size: 14px;
   font-family: open_sansbold;
   padding: 0 49px;
   border: none !important;
   height: 36px;
   padding-left: 26px;
   margin-top: 15px;
}
.guimail:hover {
   background: #c50220 url(images/agm.png) no-repeat top 10px right 25px;
}
.lkf {
   line-height: 73px;
   text-transform: uppercase;
   float: left;
   margin-right: 10px;
}
.nhf img {
   max-width: 100%;
}
.nlk {
   background: #f2f2f2;
}
#header-mail {
}
.ws_controls {
   display: none;
}
#nhanemail span {
   font-family: RobotoBold;
   font-size: 15px;
   margin-right: 10px;
   margin-bottom: 13px;
   display: block;
}
#nhanemail div {
   margin-bottom: 15px;
}
.camnhan img {
   border-radius: 50%;
   border: 5px solid #f5f5f5;
   margin: auto;
   margin-bottom: 10px;
   display: block;
}
.camnhan {
   text-align: center;
   line-height: 24px;
   font-style: italic;
   color: #585858;
   width: 90%;
   margin-bottom: 20px;
}
.search {
   position: absolute;
   right: 35px;
   top: 75px;
}
#ftnext a {
   font-family: roboto_r;
   text-transform: uppercase;
   color: #000000;
   margin-top: 39px;
   display: block;
   float: left;
   padding: 0 23px;
}
.cgia {
   font-size: 23px;
   color: #a7a7a7;
}
.khoahoc {
   width: 30%;
   float: left;
   margin-left: 3%;
   margin-top: 20px;
   padding-bottom: 25px;
}
.tenkhoahoc {
   font: 17px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   margin-top: 5px;
   color: #444;
   border-bottom: 1px solid #808080;
   display: block;
   padding-bottom: 7px;
   margin-bottom: 10px;
}

.tenkhoahoc1 {
   font: 15px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   line-height: 26px;
   color: #444;
   background: url(images/vd.png) no-repeat left top 6px;
   padding-left: 10px;
}
.hl {
   width: 246px;
   height: 96px;
   max-width: 100%;
   background: url(images/hl.png);
   float: right;
   background-size: cover;
   overflow: hidden;
   padding-top: 41px;
   padding-left: 68px;
}
.tenvn {
   font: 16px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   margin-top: 5px;
   color: #444;
}
.tenvn:hover {
   color: #192896;
}
.motavn {
   height: 35px;
   overflow: hidden;
   margin-top: 10px;
   font: 15px "Roboto Slab", Arial, Helvetica, sans-serif;
}
.vn1 {
   padding: 15px 0px;
   width: 46%;
   margin-left: 2%;
   float: left;
   /* border-bottom: 1px; */
   border-bottom: 1px solid #808080;
}
.vn1 img {
   float: left;
   margin-right: 10px;
}
.mnf {
   text-align: center;
   font-size: 20px;
   font-family: utm_avoitalic;
   font-style: italic;
   color: #fb2c1c;
   font-weight: bold;
   max-width: 200px;
   margin: auto;
}
.dichvu {
   width: 100%;
   min-height: 1284px;
   background: url(images/brdv.png) center top;
   padding-top: 95px;
}
.kl1 {
   width: 90%;
   float: left;
}
.ctra {
   padding-bottom: 30px;
   padding-top: 50px;
}
.gioithieu {
   max-width: 1200px;
   margin: 25px auto;
}
.gioithieu img {
   width: 100%;
}
.ksub {
   display: block;
   height: 44px;
   width: 245px;
   border: none;
   background: #008a7d;
   color: #fff;
   margin: auto;
   font-size: 17px;
   margin-top: 12px;
   font-family: Tahoma;
}
.ksub:hover {
   background: #907422;
}
.kl2 {
   width: 10%;
   float: left;
}
.kmd {
   display: block;
   background: url(images/tamgia.png) no-repeat left top 12px;
   padding-left: 10px;
   color: #000;
   line-height: 33px;
   height: 33px;
   overflow: hidden;
}
.knl {
   width: 98.5% !important;
   height: 55px !important;
}
.tin_tc a {
   display: block;
   color: #fff;
   width: 92%;
   margin: auto;
   line-height: 30px;
   margin-top: 20px;
   font-size: 15px;
}
.qt {
   font-size: 16px;
   font-family: Tahoma;
}
.tin_tc a:hover {
   color: #d09e0b !important;
}
.slick_nx .slick-list {
   padding-top: 50px !important;
}
.max-w {
   max-width: 1349px;
   margin: auto;
}
.ghu {
   float: left;
   margin-right: 13px;
   margin-top: 20px;
   margin-bottom: 33px;
}
.khachhang {
   background: url(images/asd.png) no-repeat center bottom 0;
   height: 404px;
   margin-top: 60px;
   padding: 0 15px;
}
.clp:hover {
   color: #f00;
}
.clp {
   font-family: roboto_r;
   font-size: 13px;
   text-transform: uppercase;
   color: #f00;
   position: absolute;
   right: 0;
   z-index: 9;
   top: 3px;
   background: #fff;
   padding-left: 10px;
}
.acl_av {
   color: #9f5f00;
   border: 1px solid #9f5f00;
}
.clp1:hover {
   color: #f00;
}
.clp1 {
   font-family: sfu_futura_book;
   font-size: 15px;
   text-transform: uppercase;
   color: #000;
   margin-left: 30px;
   padding-top: 15px;
   display: block;
   float: left;
   cursor: pointer;
}
.xemthem {
   position: absolute;
   bottom: 10px;
   right: 0;
   width: 116px;
   font-weight: bold;
}
.nhf {
   text-align: center;
}
.mkz {
   border: none;
   text-align: left;
   background: #fff;
   color: #f00;
   height: 30px;
   margin-bottom: 10px;
   width: 100%;
   max-width: 344px;
   text-indent: 10px;
}
.tkb {
   max-width: 380px;
   min-height: 470px;
   background: #d09e0b;
   text-align: center;
   margin: auto;
   margin-bottom: 15px;
}
.add-qty {
   position: absolute;
   top: 0;
   left: 161px;
   background-color: #f1f1f1;
   height: 18px;
   width: 18px;
   cursor: pointer;
   display: block;
   border: 1px solid #ddd;
   text-align: center;
   line-height: 18px;
   font-size: 14px;
}
.sub-qty {
   position: absolute;
   top: 18px;
   left: 161px;
   background-color: #f1f1f1;
   height: 18px;
   width: 18px;
   cursor: pointer;
   display: block;
   border: 1px solid #ddd;
   text-align: center;
   line-height: 18px;
   font-size: 14px;
   z-index: 0;
}
.sao {
   color: #fff;
   text-align: left;
   max-width: 347px;
   margin: auto;
   font-size: 15px;
   margin-bottom: 10px;
}
.ccm img {
   width: 100%;
}
.ccm {
   margin-bottom: 10px;
   font-family: roboto_r;
   color: #555;
}

.ktk {
   font-family: roboto_r;
   font-size: 13px;
   line-height: 22px;
   margin-bottom: 15px;
}
.ktk h3 {
   margin-top: 0;
   margin-bottom: 5px;
   line-height: 15px;
}
.ktk h3 a {
   color: #333;
   font-size: 15px;
   font-family: robotobold;
}

.ktk img {
   float: left;
   margin-right: 10px;
}
.btg {
   width: 107px;
   height: 37px;
   background: url(images/btg.png);
   text-align: center;
   line-height: 30px;
   color: #fff;
}
.kienthuc {
   background: #f4f2f3;
   padding-top: 20px;
   padding-bottom: 10px;
}
.m33 {
   width: 33%;
   float: left;
   background: #dc0101;
   padding: 20px;
   height: 314px;
   overflow: hidden;
   font-family: roboto_r;
   margin-bottom: 15px;
}
.m33_in {
   font-size: 14px;
   color: #fff;
   padding: 15px;
   position: relative;
   border: 1px solid #ff1313;
   text-align: justify;
   padding-bottom: 20px;
}
.m34 {
   width: 34%;
   float: left;
   background: #f4f2f3;
   margin-bottom: 15px;
   padding: 40px;
   text-align: center;
   height: 314px;
   overflow: hidden;
   font-family: roboto_r;
}
.m34 img {
   margin-bottom: 15px;
}
.ppp1 {
   margin-bottom: 20px;
   padding: 0 15px;
}
.ppp2 {
   text-align: left;
   padding: 0 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #ccc;
}
.ppp2 span {
   display: inline-block;
   width: 100px;
}
.m33_t {
   text-align: center;
}
.lh1 {
   width: 95px;
   float: left;
   text-align: left;
   color: #fff;
   margin-bottom: 10px;
}
.lh1 span {
   float: right;
   color: #ff0;
   line-height: 22px;
   display: block;
}
.w1100 {
   max-width: 1100px;
   margin: auto;
}
.lh2 {
   margin-bottom: 10px;
   float: right;
   width: calc(100% - 110px);
}
.ipc {
   width: 100%;
   padding-left: 7px;
   float: right;
   height: 25px;
   border: none;
   border-radius: 4px;
}
.gioitinh {
   float: left;
   margin-right: 5px !important;
}
.mrt25 {
   padding-top: 20px;
}
.product {
   font-family: robotobold;
   text-align: center;
   font-size: 14px;
   margin-bottom: 30px;
}
.product h3 {
   font-size: 18px;
   text-transform: uppercase;
   color: #000;
   transition: 0.5s;
}
.product:hover h3 {
   color: #282A75;
   font-weight: bold;
   /* font-style: italic; */
}
.product_img {
   overflow: hidden;
}
.lh2 span {
   float: left;
   color: #fff;
   margin-right: 15px;
}
.lh2 p {
   float: right;
   color: #fff;
   margin: 0;
}
.mt_t {
   width: 100px;
   color: #333;
   padding-left: 7px;
   border: none;
   line-height: 25px;
   border-radius: 4px;
   margin-left: 5px;
}
.m33_t img {
   margin-bottom: 20px;
   margin-top: 15px;
}
.datlichhen {
   display: block;
   background: #c30202;
   color: #fff;
   border: none;
   width: 100px;
   height: 33px;
   margin: auto;
   margin-top: 10px;
   border-radius: 4px;
   outline: none;
}
.img_protop {
   max-width: 1349px;
   margin: auto;
   position: relative;
}
.img_protop h3 {
   position: absolute;
   height: 30px;
   top: 0;
   bottom: 0;
   margin: auto;
   max-width: 1100px;
   left: 0;
   padding-left: 15px;
   right: 0;
   color: #fff;
   text-transform: uppercase;
   font-family: robotobold;
}
.datlichhen:hover {
   background: #f0542d;
}
.hotline div {
   position: absolute;
   font-size: 13px;
   color: #000;
   font-family: roboto_r;
   width: 245px;
   right: 0;
}
.ui-datepicker .ui-datepicker-title select {
   color: #000;
}
.tin_tc {
   background: url(images/h2.png);
   max-width: 380px;
   width: 100%;
   min-height: 470px;
   margin: auto;
   margin-bottom: 15px;
   position: relative;
}
.guilh h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
}
.hhm {
   display: block;
   margin-top: -16px;
   line-height: 36px;
}
.aks {
   line-height: 76px;
}
.guilh {
   min-height: 470px;
   background: url(images/h1.png);
   max-width: 391px;
   text-align: center;
   background-size: 100% 100%;
   margin: auto;
   margin-bottom: 15px;
}
.goidienthoai {
   display: none;
}
.tsfu {
   font-size: 40px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 25px;
}
.asfu {
   font-size: 20px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 25px;
}
.bsfu {
   font-size: 20px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 50px;
}
.tenhk:hover {
   color: #f00;
}
.contact_l {
}
.ccx {
   display: block;
   background: #c30202;
   text-align: center;
   color: #fff;
   line-height: 30px;
   width: 100px;
   margin: auto;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -15px;
}
.m_pd {
   padding-top: 50px;
   padding-bottom: 50px;
}
.title_gt {
   font-family: robotobold;
   font-size: 22px;
   text-align: center;
   color: #ffff;
   text-transform: uppercase;
   display: block;
   /* margin-top: -30px; */
   background: #dc0101;
   width: 315px;
   margin: auto;
   margin-top: -30px;
}
.title_gt1 {
   font-family: utm_ed;
   font-size: 70px;
   text-align: center;
   color: #eda801;
}
.desc_gt {
   font-size: 14px;
   color: #414141;
   line-height: 24px;
}
.ref_gt {
   display: block;
   width: 100px;
   color: #fff;
   background: #a16306;
   text-align: center;
   line-height: 30px;
   font-family: utm_avo;
   transition: 0.5s;
}
.ref_gt:hover {
   color: #ffd6f7;
   background: #efb018;
}
.duan {
   width: 96%;
   margin: auto;
   font-size: 13px;
   font-family: open_rr;
   margin-bottom: 10px;
}
.duan_100 {
   width: 100%;
   margin-bottom: 20px;
}
.mbv {
   background: url(images/br_title1.png) no-repeat center top 14px;
}
.mr_lr_15 {
   margin: 0 15px;
}
.clear_15 {
   height: 15px;
   clear: both;
}
.mbv h3 {
   font-size: 18px;
   font-family: roboto_r;
   color: #fff;
   text-transform: uppercase;
   background: url(images/br_title.png) no-repeat center bottom;
   line-height: 55px;
   text-align: center;
   /* margin-bottom: 23px; */
   height: 66px;
}
.title_tt {
   font-size: 25px;
   font-family: RobotoCondensed-Regular;
   color: #000;
   text-transform: uppercase;
   background: url(images/ttsk.png) no-repeat center bottom;
   padding-bottom: 35px;
   text-align: center;
   margin-bottom: 25px;
}
.khp {
   padding: 30px 0px;
}
.canhgiua {
   text-align: justify;
}
.mtgioi {
   text-align: center;
   font-family: utm_y;
   color: #ff0000;
   font-size: 40px;
   background: url(images/gioithieu.png) no-repeat center bottom;
   padding-bottom: 30px;
}
.vcat {
   float: left;
}
.anhtron {
   margin-bottom: 30px;
}
.vcat a {
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   color: #f00 !important;
   padding: 0 20px;
   text-transform: uppercase;
}
.cmota {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   margin-bottom: 0px;
   text-align: justify;
}
.cte {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   text-align: left;
   height: 36px;
   overflow: hidden;
   margin: 7px 0px;
   margin-bottom: 11px;
}
.cte a {
   color: #000;
}
.cte a:hover {
   color: #f00 !important;
}
.fthanhlong {
   padding-bottom: 20px;
   padding-top: 4px;
}
.anhtron img {
   border: 5px solid #ccc;
   -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
}
.hgy {
   margin: 0;
   padding: 0;
}
.doitac {
   max-width: 1200px;
   margin: 50px auto;
}
.slick_dt {
   padding: 0 10px;
}
.cdt1 {
   margin: 0 5px;
}
.cdt {
   border: 1px solid #ddd;
   text-align: center;
}
.slider-nav .slick-next {
   display: none !important;
}
.slider-nav .slick-prev {
   display: none !important;
}
.tf1 {
   font-size: 25px;
   font-family: roboto_r;
   color: #d42424;
   text-transform: uppercase;
   margin-bottom: 10px;
}
.tf1 span {
   display: block;
   border: 2px solid #1c2c68;
   width: 85px;
   margin-top: 5px;
   margin-bottom: 20px;
}
.tf2 {
   line-height: 25px;
   margin-bottom: 15px;
}
.ccfr {
   font-family: roboto_r;
   border: 3px solid #ddd;
   padding: 15px;
   border-radius: 4px;
}
.ccfr span {
   display: block;
   float: left;
}
.ccfr input[type="text"] {
   width: calc(100% - 90px);
   background: #e4e4e4;
   border: none;
   padding-left: 7px;
   height: 40px;
   margin-bottom: 15px;
   float: right;
}
.ccfr input[type="submit"]:hover {
   background: #367df3;
}
.ccfr input[type="submit"] {
   display: block;
   background: #f8b412;
   border: none;
   width: 100px;
   float: right;
   line-height: 35px;
   color: #fff;
   font-size: 18px;
}
.ysb {
   width: 102px;
   float: right;
   box-shadow: 0px 2px 7px 2px #b1b1b1;
   /* border-radius: 25px; */
   height: 37px;
}
.ccfr textarea {
   width: calc(100% - 90px);
   background: #e4e4e4;
   border: none;
   padding-left: 7px;
   height: 86px;
   margin-bottom: 15px;
   float: right;
}
.map {
   position: relative;
}
.map iframe {
   width: 100%;
   height: 380px;
}
.tkb h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
}
.tin_tc h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
   width: 92%;
   margin: auto;
   border-bottom: 1px solid #9dbdbb;
}
.slick_nx .slick-next {
   display: none !important;
}
.slick_nx .slick-prev {
   display: none !important;
}
.tenhk {
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   margin: 10px 5px;
   height: 23px;
   overflow: hidden;
   color: #f00;
   text-align: left;
   /* text-transform: uppercase; */
   margin-left: 100px;
}
.motahk {
   height: 53px;
   overflow: hidden;
   padding-bottom: 10px;
   text-align: left;
   /* margin-top: 10px; */
   line-height: 24px;
   margin-left: 100px;
}
.ckb {
   background: #fff;
   text-align: center;
   margin-top: 17px;
}
.taikhoan {
   float: left;
}
.anhtron:hover img {
   border-color: #f00;
}
.vkt {
   margin-top: -75px;
   background: rgba(255, 255, 255, 0.64);
}
.kj {
   margin-top: 8px;
}
.tvf {
   margin: 7px 0px;
}
.mota_tvf {
   font-family: RobotoCondensed-Regular;
   color: #666;
   font-size: 15px;
}
.cvd {
}
.all_c {
   top: 25px;
   position: absolute;
   text-align: right;
   height: 98px;
   box-shadow: 2px 2px 2px 2px #ccc;
   left: 30px;
   width: 86%;
}
.cvd:hover {
}
.tvf a {
   font-size: 17px;
   color: #000;
   font-family: RobotoCondensed-Regular;
}
.itemr {
   transition: all 0.6s;
   box-sizing: border-box;
}
.fhotro {
   min-height: 10px;
   padding: 30px 0px;
   margin-bottom: 25px;
   margin-top: 10px;
}
.img_in {
   margin-bottom: 20px;
}
.til {
   border-bottom: 3px solid #6fff20;
   margin-bottom: 15px;
}
.koz {
   color: #fff;
   background: #f00;
   display: block;
   position: absolute;
   text-align: center;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   top: -8px;
   left: -10px;
   text-indent: 0;
   /* margin: auto; */
   line-height: 33px;
}
.tl {
   float: left;
   background: url(images/typ.png) no-repeat right #6fff20;
   color: #f51010;
   height: 36px;
   text-indent: 37px;
   min-width: 150px;
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   position: relative;
   padding-right: 28px;
   line-height: 36px;
   font-weight: bold;
   margin-right: 5px;
}
.kline {
   font-family: utm_kona_ktregular;
   font-size: 35px;
   color: #ff0000;
   text-align: center;
   padding: 6px 0px;
}
.ab_all h3:hover {
   color: #282A75;
}
.button {
   display: inline-block;
   border: none;
   background: #282A75;
   color: #ffffff;
   font-weight: bold !important;
   padding: 8px 30px;
   font-family: open_sansbold;
   cursor: pointer;
   outline: none;
   border: none;
   text-transform: uppercase;
}
img {
   max-width: 100%;
   height: auto !important;
}
.dm2 {
   position: relative;
}
.a_gt {
   color: #ec1b1b;
   display: block;
   width: 110px;
   margin: 20px auto;
   border: 1px solid #ec1b1b;
   text-align: center;
   line-height: 30px;
}
.img_mottram {
   width: 100%;
}
.walk {
   position: relative;
   margin-bottom: 5px;
}

.w49_l1 {
   width: 50%;
   float: right;
   position: relative;
}
.w49_l2 {
   width: calc(50% - 5px);
   float: left;
}
.mtp100 {
   width: 100%;
   margin-bottom: 5px;
}
.w49_l {
   width: calc(50% - 5px);
   float: left;
}
.w49_r {
   width: 50%;
   float: right;
}
.w50p {
   width: calc(50% - 5px);
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   position: relative;
}
.dda {
   margin-bottom: 5px;
   position: relative;
}
.dda:hover .pmg {
   height: 100%;
   width: 100%;
}
.dda h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 30px;
   display: none;
}
.dda:hover h3 {
   display: block;
}
.walk h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.walk:hover h3 {
   display: block;

}
.w50p h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.w50p:hover h3 {
   display: block;
}
.w50p:hover .pmg {
   height: 100%;
   width: 100%;
}
.img_gt {
   border-radius: 6px;
}
.dest_gt {
   text-align: center;
   line-height: 24px;
   max-width: 460px;
   margin: auto;
}
.rbr {
   font-family: roboto_r;
}
.pmg {
   position: absolute;
   transition: 0.5s;
   background: #00000061;
   width: 1px;
   height: 1px;
   margin: auto;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
.walk:hover .pmg {
   height: 100%;
   width: 100%;
}
.w49_l1:hover .pmg {
   height: 100%;
   width: 100%;
}
.anhdm img {
   width: 100%;
   margin-bottom: 10px;
}
.h3_gt {
   text-align: center;
   color: #333437;
   font-family: open_rr;
   font-size: 36px;
   margin-top: 40px;
   text-transform: uppercase;
   margin-bottom: 35px;
}
.h3_gt b {
   color: #000;
   font-family: open_sansbold;
}
.h3_gt span {
   display: block;
   color: #223f83;
   font-size: 18px;
   font-family: open_semi;
   margin-top: 15px;
}
.dm2 a {
   color: #fff;
   font-size: 11px;
}

.w49_l1 h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.w49_l1:hover h3 {
   display: block;
}
.hm {
   font-size: 14px;
   text-transform: uppercase;
   position: absolute;
   bottom: 0;
   color: #fff;
   text-align: center;
   width: 100%;
   background: rgba(0, 0, 0, 0.59);
   padding: 10px 0px;
}
.tmoi {
   border-top: 2px solid #7b3017;
   margin-top: 20px;
   background: #e1cfb3;
   margin-bottom: 15px;
}
.xtc {
   float: right;
}
.xtc a {
   color: #f00;
   line-height: 43px;
}
.w100 {
   width: 100%;
}
.tmoi h3 {
   font-size: 26px;
   font-family: utm_ai;
   color: #7b3017;
   margin: 0;
   /* line-height: 43px; */
   background: #e1cfb3;
   padding-left: 15px;
   float: left;
   text-transform: uppercase;
   font-weight: bold;
   line-height: 37px;
}
.tmoi span {
   background: url(images/tleft.png);
   width: 67px;
   height: 39px;
   display: block;
   text-indent: 24px;
   line-height: 43px;
   font-size: 18px;
   color: #000;
   font-weight: bold;
   float: left;
   background-size: 100% 100%;
}
.nutdk {
   background: #f64a02;
   width: 150px !important;
   font-size: 16px;
   height: 35px !important;
   border-radius: 7px;
   margin-bottom: 30px;
   color: #fff;
}
.vd {
   background: #e2e2e2;
   line-height: 30px;
   color: #151515;
   font-size: 14px;
}
.tml {
   float: left;
   margin-top: 9px;
   margin-right: 5px;
}
.tml1 {
   float: left;
   margin-top: 9px;
   margin-right: 5px;
}
.chitiet {
   width: 100px;
   background: #b3a1a1;
   text-align: center;
   padding: 6px 10px;
   margin-left: -15px;
   margin-top: 5px;
   position: absolute;
   bottom: 0;
}
.nn {
   text-align: right;
}
.vbanner {
}
.headtop {
   font-size: 12px;
   color: #fff;
   background: #a16306;
   padding: 7px 0;
}
.cmdy {
   margin-left: 15px;
   margin-top: 30px;
   color: #000;
   font-size: 14px;
}
.cmdy input {
   border: none;
   border-bottom: 1px dotted;
   width: 100%;
   outline: none;
   margin-top: 5px;
   margin-bottom: 20px;
}
.fs18 {
   font-size: 18px;
}
.lhk23 {
   line-height: 23px;
}
.headtop img {
   margin-right: 5px;
}
.logo {
}
.img_logo {
   max-height: 80px;
}
.td_left {
   float: left;
   width: 120px;
}
.chitiet a {
   color: #fff;
   font-size: 14px;
}
.chitiet:hover a {
   color: #282A75 !important;
}
.sltv {
   font-size: 30px;
   font-size: 42px;
}
.nammot {
   width: 50%;
   float: left;
}
.mem1 {
   font-size: 43px !important;
   padding: 8px 0px;
}
.namhai {
   width: 50%;
   float: right;
   text-align: right;
}
.muoilam {
   height: 15px;
   clear: both;
   width: 100%;
}
.tv2 {
   background: #0037a3;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv3 {
   background: #0037a3;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv4 {
   background: #c1acac;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv5 {
   background: #c1acac;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.mem {
   font-size: 50px !important;
   padding: 5px 0px;
}
.tall {
   text-align: center;
}
.thongtinthanhvien td {
   padding: 8px;
   line-height: 20px;
   text-align: left;
   vertical-align: top;
   border-top: 1px solid #dddddd;
   border-left: 1px solid #dddddd;
}
.thongtinthanhvien {
   width: 100%;
   border: 1px solid #dddddd;
}
.lienket {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   color: #f64a02;
   margin: 10px 0;
   text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.24);
   background: url(images/icon-title.png) no-repeat center left;
   padding-left: 25px;
   padding-top: 10px;
   padding-bottom: 10px;
}
.a_gt:hover {
   color: #282A75 !important;
}
.dvtt {
   max-width: 300px;
   float: right;
   width: 100%;
}
.tv1 {
   border-top: 12px solid #f64a02;
   margin: 10px 0px;
}
.main_ttt1 {
   width: 60px;
   height: 33px;
   float: left;
   background: url(images/1.png) no-repeat;
}
.mm-menu {
   background: #282A75 !important;
}
.img_center {
   text-align: center;
}
#map_canvas iframe {
   width: 100%;
   height: 100%;
}
.main_ttt2 {
   float: left;
   line-height: 28px;
   height: 33px;
   padding-right: 12px;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color: #ffffff;
   background: url(images/2.png) repeat-x;
}
.main_ttt3 {
   width: 6px;
   height: 33px;
   float: left;
   background: url(images/3.png) no-repeat;
}
.tall span {
   color: #fff;
   text-transform: uppercase;
   font-size: 14px;
   background: url(images/tl.png);
   float: left;
   padding: 0 10px;
   background-size: 100% 100%;
   min-width: 155px;
   padding-left: 35px;
   font-weight: bold;
   line-height: 28px;
   min-height: 30px;
}
.kor {
   display: block;
   border-top: 1px solid #598dc0;
   border-bottom: 1px solid #598dc0;
   padding: 5px 0px;
   width: 100%;
}
.tc {
   color: #f00 !important;
   font-weight: bold;
}
.tenmoi {
   margin-top: 20px;
   font-size: 15px;
   margin-bottom: 5px;
   border-bottom: 2px solid #f00;
   padding-bottom: 3px;
   float: left;
}
.vft {
   margin-top: 7px;
}
.giohang {
}
.ckj {
   margin-left: 25px;
}
.mcb {
   background: #cfe3fd;
   color: #211f1f;
   border: 1px solid #a2bad8;
}
.yup {
   width: 24%;
}
.mcb1 {
   float: left;
   width: 33%;
   text-indent: 14px;
   border-right: 1px solid #a2bad8;
}
.httt {
   max-width: 100%;
   width: 98%;
   border: 1px solid #ccc;
   height: 33px;
   border-color: #a0a6f5;
   border-radius: 2px;
   margin-bottom: 10px;
   text-indent: 10px;
}
.button15 {
   display: inline-block;
   border: none;
   background: #ca5f01;
   color: #ffffff;
   font-weight: bold !important;
   padding: 6px 30px;
   font-family: robore;
   cursor: pointer;
   outline: none;
   border: none;
}
.tla {
   float: left;
   margin-left: 15px;
}
.cvp {
   font-family: sfu_futurabold;
   font-size: 20px;
   text-transform: uppercase;
   padding: 6px 0px;
   color: #333;
   border-bottom: 1px dashed #ccc;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 15px;
}
.ab_all {
   border: 1px solid #ddd;
   padding: 5px;
   font-family: sfu_futura_book;
   text-align: center;
   font-size: 14px;
   margin-bottom: 25px;
}
.pro_code {
   margin: 0;
   color: #6c6e72;
}

.mkd {
   font-size: 24px;
   color: #0072ff;
   font-family: robotobold;
   text-transform: uppercase;
   background: url(images/brdv.png) no-repeat bottom left;
   padding-bottom: 10px;
   margin-bottom: 20px;
   margin-top: 0px;
}
.ab_all:hover a {
   color: #282A75;
}
.ab_all a {
   color: #000;
   font-family: roboto_r;
   font-size: 13px;
}
.ccm h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 15px;
   text-transform: uppercase;
   margin-top: 10px;
}
.ccm h3 a {
   color: #000;
   font-family: robotobold;
}
.nk1 {
   width: 63%;
   float: left;
}
.nk2 {
   width: 35%;
   float: right;
}
.abl {
   position: relative;
   margin-bottom: 30px;
}
.abl h3 {
   position: absolute;
   bottom: 0;
   text-align: center;
   left: 0;
   right: 0;
   background: #0000007a;
   margin: 0;
   padding: 5px;
}
.colk {
   float: left;
   padding: 0 5px;
   width: 15%;
}
.colk1 {
   float: left;
   padding: 0 5px;
   width: 30%;
}
.colk2 {
   float: left;
   padding: 0 5px;
   width: 10%;
   background: #282A75;
   text-align: ce;
   display: flex;
   align-items: center;
   padding: 0px 15px;
}
.slt {
   font-family: robotobold;
   font-size: 14px;
   line-height: 40px;
}
.sl_all {
   width: 100%;
   height: 40px;
   border: none;
   background: #f5f5f5;
   padding: 0 15px;
   font-size: 13px;
   line-height: 21px;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.slip_all {
   width: 100%;
   height: 40px;
   border: none;
   background: #f5f5f5;
   padding: 0 15px;
   font-size: 13px;
   line-height: 21px;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.slip_sb {
   width: 100%;
   float: right;
   color: #ffffff;
   display: block;
   position: relative;
   z-index: 1;
   overflow: hidden;
   height: 40px;
   background: none;
   border: 0;
   outline: 0;
   text-transform: uppercase;
   box-shadow: none;
   border-radius: 0;
   font-size: 14px;
   line-height: 20px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   width: calc(100%);
}
.colk2:hover {
   background: #282A75;
}
.icr {
   color: #fff !important;
   /* font-size: 19px !important; */
   /* margin-top: 9px; */
   /* margin-left: 10px; */
}
.dl1 {
   width: calc(100% - 450px);
   float: left;
   text-align: center;
}
.dl1 img {
   max-height: 550px;
}
.dl2 {
   width: 450px;
   float: right;
   overflow-x: auto;
   height: 550px;
}
.abl h3 a {
   font-size: 18px;
   font-family: roboto_r;
   text-transform: uppercase;
   color: #fff;
}
.daily {
   background: #f5f5f5;
   padding: 15px;
   font-family: open_rr;
   font-size: 13px;
   margin-bottom: 15px;
}
.daily p{display:block;overflow:hidden;margin-bottom: 5px;}
.daily i {
   color: #666;
   padding-right: 10px;
   display: block;
   float: left;
   min-height: 26px;
   margin-top: 2px;
}
.pmk {
   font-family: robotobold;
   font-size: 14px;
   color: #555;
   margin-bottom: 10px;
}
.daily p a{display:inline-block;padding: 10px;background: #282A75;clear: both;color: #fff;}
.daily.dealer-accordion {
   padding: 0;
   background: transparent;
   overflow: hidden;
}
.dealer-accordion__toggle {
   width: 100%;
   border: 0;
   padding: 0;
   margin: 0;
   background: #f6f6f6;
   display: flex;
   align-items: stretch;
   text-align: left;
   cursor: pointer;
   font-family: inherit;
}
.dealer-accordion__arrow {
   width: 58px;
   min-height: 55px;
   background: #282A75;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 58px;
}
.dealer-accordion__arrow i {
   color: #fff;
   display: block;
   float: none;
   min-height: 0;
   margin: 0;
   padding: 0;
   font-size: 22px;
   transition: transform .2s ease;
}
.dealer-accordion.is-open .dealer-accordion__arrow i {
   transform: rotate(180deg);
}
.dealer-accordion__title {
   flex: 1;
   padding: 10px;
   padding-top: 19px;
   color: #333;
   font-family: robotobold;
   font-size: 14px;
   line-height: 1.35;
}
.dealer-accordion__body {
   display: none;
   padding: 16px 18px 18px 76px;
   background: #fff;
   border: 1px solid #eee;
   border-top: 0;
}
.dealer-accordion__body p {
   color: #555;
   font-size: 14px;
   line-height: 1.5;
}
.daily p a.dealer-accordion__map-btn {
   margin-top: 6px;
   padding: 10px 16px;
   background: #282A75;
   color: #fff;
   font-family: robotobold;
   text-transform: uppercase;
}
.dealer-map-popup {
   width: 850px;
   max-width: 90vw;
   padding: 15px;
}
.dealer-map-popup iframe {
   width: 100% !important;
   max-width: 100%;
   height: 420px !important;
}
.amx {
   padding: 0 10px;
   height: 150px;
   background: url(images/gt5.png);
   padding-top: 35px;
}
.ab_all h3 {
   font-size: 14px;
   text-transform: uppercase;
   color: #666;
   font-family: sfu_futura_book;
   margin-bottom: 5px;
   background: url(images/tuline.png) repeat-x bottom;
   padding-bottom: 15px;
   text-align: center;
   font-weight: normal;
   margin: 0;
   margin-bottom: 15px;
}
.a_xt {
   display: block;
   text-align: center;
   color: #fff;
   margin-top: 15px;
}
.dv h3 {
   font-family: sfu_futuraheavy;
   color: #333;
   /* text-transform: uppercase; */
   font-size: 17px;
}
.dv h3 span {
   background: #a16306;
   width: 40px;
   height: 1px;
   display: block;
   margin: auto;
   margin-top: 10px;
}
.ck_text {
   max-width: 900px;
   margin: auto;
   text-align: center;
   margin-bottom: 20px;
   font-family: sfu_futura_book;
   font-size: 15px;
}
.dv {
   margin-bottom: 25px;
}
.dv_desc {
   color: #5f5f5f;
   font-family: sfu_futura_book;
   font-size: 15px;
   margin: 0;
}
.myp {
   font-family: Arial;
   font-size: 20px;
   line-height: 30px;
   padding-left: 2.5%;
   color: #666;
   font-weight: bold;
}
.ct_nd {
   font-size: 14px;
   line-height: 26px;
}
.dv img {
   width: 100%;
}
.cmk {
   font-size: 22px;
   color: #fff;
   font-family: RobotoBoldCondensed;
   text-transform: uppercase;
   /* background: url(images/brdv.png)no-repeat bottom center; */
   /* padding-bottom: 10px; */
   margin-bottom: 20px;
   margin-top: 0px;
   border-left: 3px solid;
   padding-left: 5px;
}
.all_gt {
   background: #efefef;
   padding: 25px 0;
   margin-bottom: 30px;
}
a:hover {
   text-decoration: none !important;
   color: #282A75;
}
.pdl0 {
   padding-left: 0 !important;
}
.ccm1 img {
   margin-bottom: 10px;
   float: left;
   margin-right: 10px;
}
.menu_top a {
   color: #fff;
   padding: 5px 13px;
   font-family: roboto_r;
   font-size: 15px;
   border-radius: 6px;
   margin-top: 10px;
   display: block;
   float: left;
}
.desc_dv {
   font-size: 16px;
   color: #333333;
   font-family: open_rr;
   text-align: center;
   margin-bottom: 20px;
}
.all_title {
   background: url(images/d3.png) repeat-x bottom;
   margin-bottom: 20px;
}
.title2 {
   color: #333;
   font-size: 20px;
   padding-bottom: 5px;
   border-bottom: 2px solid #fabbbe;
   margin-bottom: 15px;
   font-family: sfu_futuraheavy;
   text-transform: uppercase;
   margin-top: 0;
}
.title2 a {
   font-size: 13px;
   float: right;
   text-transform: none;
   color: #f00;
   font-family: roboto_r;
   font-style: italic;
   line-height: 28px;
}
.d2 {
   width: 70px;
   height: 38px;
   float: left;
   background: url(images/d2.png);
}
.title1,
.title3 {
   display: inline-block;
}
.title1 img,
.title3 img {
   padding-top: 10px;
}
.vhw {
   background: #282A75;
   color: #282A75 !important;
}
.lke td {
   border: 1px solid #aa795f;
   padding: 2px;
   text-align: center;
   clear: both;
}
.fgb {
   position: fixed;
   right: 0;
   top: 40%;
}
.soluong {
   display: initial;
}
.vuy {
   background: #f5f5f5;
   text-align: left;
   line-height: 23px;
   font-size: 13px;
   font-weight: bold;
   background-size: 100% 100%;
   color: #f00;
   text-indent: 5px;
   border-radius: 4px 4px 0px 0px;
}
/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
body {
   line-height: 1;
   font-size: 100%;
   font-family:roboto_r;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}
nav ul {
   list-style: none;
}
blockquote,
q {
   quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
   content: none;
}
a {
   color: #333;
   margin: 0;
   padding: 0;
   font-size: 100%;
   background: transparent;
   text-decoration: none;
}
ins {
   background-color: #ff9;
   color: #000;
   text-decoration: none;
}
mark {
   background-color: #ff9;
   color: #000;
   font-style: italic;
   font-weight: bold;
}
del {
   text-decoration: line-through;
}
abbr[title],
dfn[title] {
   border-bottom: 1px dotted;
   cursor: help;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   max-width: 100% !important;
   margin: revert-layer;
}
._thongsokythuat table {
   width: 100% !important;
}
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
input,
select {
   vertical-align: middle;
}
.f-nav {
   z-index: 99999999;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   width: 100%;
}
* {
   margin: 0;
   padding: 0;
   font-family:roboto_r;
}
body {
   font-size: 13px;
   color: #282A75;
   font-family: Arial;
   line-height: 1.4em;
   background: #fff;
}
.container {
   max-width: 1366px;
   margin: 0 auto;
   padding: 0px 0px;
   position: relative;
}
.clear {
   clear: both;
}
.row10 {
   padding: 10px 0px;
}
.row15 {
   padding: 15px 0px;
}
.col10 {
   padding: 0px 10px;
}
.col15 {
   padding: 0px 15px;
}
.tt-col-left {
   float: left;
}
.tt-col-right {
   float: right;
}
.amg1 {
   float: left;
}
.top_mxh {
   background: #ededed;
   font-family: sfu_futura_book;
   height: 44px;
   float: left;
   width: calc(100% - 66px);
   line-height: 40px;
   padding-left: 15px;
   padding-right: 15px;
}
.em {
   margin-right: 7px;
   float: left;
   margin-top: 13px;
}
.acl {
   position: relative;
}
.mrl0 {
   margin: 0px;
   margin-bottom: 10px;
}
.mt0 {
   margin-top: 0px !important;
}
.pt0 {
   padding-top: 0px !important;
}
.mr0 {
   margin-right: 0px !important;
}
.pr0 {
   padding-right: 0px !important;
}
.mb0 {
   margin-bottom: 0px !important;
}
.pb0 {
   padding-bottom: 0px !important;
}
.ml0 {
   margin-left: 0px !important;
}
.pl0 {
   padding-left: 0px !important;
}
.mt1 {
   margin-top: 10px;
}
.pt1 {
   padding-top: 10px;
}
.mr1 {
   margin-right: 10px;
}
.pr1 {
   padding-right: 10px;
}
.mb1 {
   margin-bottom: 10px;
}
.pb1 {
   padding-bottom: 10px;
}
.ml1 {
   margin-left: 10px;
}
.pl1 {
   padding-left: 10px;
}
.mt2 {
   margin-top: 20px;
}
.pt2 {
   padding-top: 20px;
}
.mr2 {
   margin-right: 20px;
}
.pr2 {
   padding-right: 20px;
}
.mb2 {
   margin-bottom: 20px;
}
.pb2 {
   padding-bottom: 20px;
}
.ml2 {
   margin-left: 20px;
}
.pl2 {
   padding-left: 20px;
}
.mt3 {
   margin-top: 30px;
}
.pt3 {
   padding-top: 30px;
}
.mr3 {
   margin-right: 30px;
}
.pr3 {
   padding-right: 30px;
}
.mb3 {
   margin-bottom: 30px;
}
.pb3 {
   padding-bottom: 30px;
}
.ml3 {
   margin-left: 30px;
}
.pl3 {
   padding-left: 30px;
}
.mt4 {
   margin-top: 40px;
}
.pt4 {
   padding-top: 40px;
}
.mr4 {
   margin-right: 40px;
}
.pr4 {
   padding-right: 40px;
}
.mb4 {
   margin-bottom: 40px;
}
.pb4 {
   padding-bottom: 40px;
}
.ml4 {
   margin-left: 40px;
}
.pl4 {
   padding-left: 40px;
}
.mt5 {
   margin-top: 40px;
}
.pt5 {
   padding-top: 50px;
}
.mr5 {
   margin-right: 40px;
}
.pr5 {
   padding-right: 50px;
}
.mb5 {
   margin-bottom: 40px;
}
.pb5 {
   padding-bottom: 50px;
}
.ml5 {
   margin-left: 40px;
}
.pl5 {
   padding-left: 50px;
}
h1.the {
   position: absolute;
   font-size: 0px;
   height: 0px;
   width: 0px;
   overflow: hidden;
   visibility: hidden;
   text-indent: -99999999px;
}
h2.the {
   position: absolute;
   font-size: 0px;
   height: 0px;
   width: 0px;
   overflow: hidden;
   visibility: hidden;
   text-indent: -99999999px;
}
div#tt-full {
   width: 100%;
   margin: 0 auto; /* overflow-x: hidden;*/
}
div#tt-wrapper {
   width: 100%;
}

section#tt-header {
   top:0;
   width: 100%;
   width: 100%;
   float: left;
   z-index: 9;
   position: sticky;
   font-family: open_semi;
   color: #6c6e72;
   font-size: 14px;
   /* border-bottom: 1px solid #e9ebf2; */
   /* background: #fff; */
}
.row_14 {
   margin: 0 -7px;
}
.col-lk {
   width: 50%;
   float: left;
   padding: 0 7px;
}
.over {
   overflow: hidden;
   margin: 0;
}
.congtrinh {
   position: relative;
   overflow: hidden;
   margin-bottom: 15px;
   background: #fff;
   color: #6c6e72;
   font-size: 14px;
   font-family: open_rr;
   line-height: 22px;
}
.congtrinh h3 {
   font-family: roboto_r;
   text-transform: uppercase;
   font-size: 16px;
   margin: 0;
   line-height: 20px;
   transition: 0.5s;
   padding: 10px 0px;
}
.congtrinh h3 a {color: #26216d;font-family: open_sansbold;}
.congtrinh h3:hover a {
   color: #282A75;
   font-family: open_sansbold;
}
.congtrinh h3:hover {
   background: #fff;
}
.congtrinh:hover .box-c {
   bottom: 0;
}
.box-c {padding: 10px;text-align: justify;
}
.title_all_in1 {
   width: 46px;
   float: left;
   display: block;
   background: url(images/k1.png);
   height: 45px;
}
.title_all_in2 {
   float: left;
   margin: 0;
   line-height: 44px;
   background: url(images/k4.png);
   color: #fff;
   font-size: 18px;
   font-family: roboto_r;
   margin-top: 1px;
   font-family: open_sansbold;
}
.ptt1 {
   border-bottom: 1px solid #ddd;
   padding: 10px 15px;
   margin: 0;
}
.ptt1_span {
   padding-right: 30px;
}
.ptt1 img {
   margin-right: 5px;
}
.ptt2 {
   padding: 15px;
}
.date-news{
    margin-top: 15px;
    margin-bottom: 0px;
    color: #282A75;
   font-family: open_sansbold;
}
.desc-news{
    overflow: hidden;text-overflow:
    ellipsis;white-space:
    normal;
    -webkit-box-orient:vertical;display:
    -webkit-box;
    -webkit-line-clamp:3;
}
._xemthem {
   background: none;
   display: block;
   width: 115px;
   text-align: center;
   line-height: 35px;
   color: #26216d;
   font-family: open_semi;
   margin-bottom: 20px;
   margin-top: 10px;
   font-size: 13px;
   border: 1px solid #26216d;
   text-transform: uppercase;
   border-radius: 5px;
}
._xemthem:hover {
   /* color: #ff0; */
   /* border-color: #ff0; */
   background: #f2f2f2;
   border-radius: 5px;
}
.title_all_in3 {
   width: 24px;
   float: left;
   display: block;
   background: url(images/k2.png);
   height: 45px;
   margin-top: 1px;
}
.dc1 img {
   margin-right: 5px;
}
.congtrinh:hover h3 {
   color: #ff0;
}
.congtrinh img {
}
.txt_cen {
   text-align: center;
}
.title_main {
   color: #d42424;
   font-family: robotobold;
   text-transform: uppercase;
   text-align: center;
   background: url(images/te1.png) no-repeat bottom;
   padding-bottom: 40px;
}
.line_top {
   border-bottom: 1px solid #ddd;
   font-size: 13px;
   padding-bottom: 5px;
   padding-top: 5px;
   line-height: 25px;
}
div.tt-top {
   width: 100%;
   float: left;
   background-repeat: no-repeat;
   background-position: center top;
   background-attachment: scroll;
   background-color: #7c8a8d;
   -webkit-background-size: auto;
   -moz-background-size: auto;
   background-size: auto;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0 auto;
   white-space: nowrap;
}
div#top-nav-text {
   vertical-align: middle;
   padding: 5px 0px;
   color: #fff;
   font-size: 12px;
}
div#top-nav-text a {
   line-height: 27px;
   display: inline-block;
}
div#top-nav-text a img {
   vertical-align: middle;
}
div#tt-top-header {
   width: 100%;
   float: left;
}
div#tt-top-header img {
   max-width: 100%;
   transition: all 0.6s;
}
div#tt-top-header-mobile {
   display: none;
}
div#tt-top-header-mobile img {
   max-width: 100%;
   transition: all 0.6s;
}
div#tt-banner {
}
.faq {
   padding-top: 10px;
}
.box1 {
   border: 1px solid #dfdcdc;
   padding: 2px;
   margin-bottom: 10px;
   border-radius: 5px;
}
.faq .box1 h2 {
   cursor: pointer;
   text-transform: capitalize;
   margin-bottom: 0;

   margin: 0;
}
.box1 h2 {
   color: #1270a0;
   font-weight: normal;
   text-transform: uppercase;
   background: #f7f7f7;
   padding: 10px 10px;
   font-size: 15px;
   margin-bottom: 2px;
}
.faq .cont {
   display: none;
   margin-top: 2px;
}
.box1 .cont {
   background: #f7f7f7;
   padding: 10px;
   color: #616161;
}
.phantichl1 .kll {
   display: block;
   color: #fff;
   background: url(images/cv.png) no-repeat left top 8px;
   margin-left: 260px;
   margin-top: 5px;
   padding-left: 11px;
   padding-right: 5px;
   font-family: roboto_r;
   font-size: 14px;
   padding-top: 2px;
}
.phantichl1 a:hover {
   color: #ff0 !important;
}
.phantichl1 {
   background: #205a75;
   margin-bottom: 15px;
   position: relative;
}
.phantichl1 img {
   margin-left: 40px;
   float: left;
}
.l1 {
   position: absolute;
   left: -79px;
   /* top: 0; */
   color: #ffea00;
   font-size: 20px;
   font-family: roboto_r;
   transform: rotate(-90deg);
   /* -webkit-transform: rotate(-90deg); */
   -ms-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   width: 210px;
   height: 40px;
}
.cpr {
   float: left;
   line-height: 36px;
}
.all_c:hover {
   box-shadow: 2px 2px 2px 2px #dadc19;
}
.mbn {
   padding-top: 87px;
   color: #ff0;
}
.hft {
   display: block;
   color: #fff;
   font-family: roboto_r;
   line-height: 25px;
}
.ketqua {
   min-height: 637px;
   background: url(images/br_dv.png);
}
.hft:hover {
   color: #ff0 !important;
}
.duan h3 {
   margin-top: 0;
   line-height: 23px;
   font-size: 13px;
   margin-bottom: 5px;
   max-height: 48px;
   overflow: hidden;
}
#flexiselDemo4 {
   margin-top: 20px;
}
.thongke div {
   line-height: 20px;
   margin-bottom: 16px;
   font-size: 14px;
}
.ctn {
   padding-bottom: 15px;
   margin-bottom: 20px;
}

.duan p {
   margin: 0;
}
.duan h3 a {
   font-family: open_sansbold;
   font-size: 14px;
   color: #322e2e;
}
.lkp {
   float: right;
}
.po2 {
   text-align: left;
   font-size: 13px;
   font-family: roboto_r;
   color: #6c6e72;
   margin: 0;
}
.po1 {
   text-align: left;
   font-size: 16px;
   font-family: roboto_r;
   color: #000;
   margin-bottom: 5px;
}
.tiw {
   font-size: 16px;
   text-transform: uppercase;
   float: left;
   line-height: 44px;
}
.mxh {
   float: right;
}
.mxh img {
   margin-left: 4px;
}
.tktc {
   float: right;
   line-height: 35px;
}
.tktc span {
   padding: 0 5px;
}
.red {
   color: #f00;
}
.fft {
   color: #fff;
   text-align: left;
   font-size: 14px;
   /* font-weight: bold; */
   padding: 5px 0px;
   font-family: RobotoCondensed-Regular;
   background: #970000;
   padding: 0 15px;
}
.motnganhai {
   max-width: 1230px;
   margin: auto;
   position: relative;
   padding: 0px 15px;
}
::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #333;
}
::-moz-placeholder {
   /* Firefox 19+ */
   color: #333;
}
:-ms-input-placeholder {
   /* IE 10+ */
   color: #333;
}
:-moz-placeholder {
   /* Firefox 18- */
   color: #333;
}
div#banner-left {
   width: 15%;
   float: left;
   box-sizing: border-box;
   border: 20px solid transparent;
   text-align: center;
}
div#banner-left a {
   display: block;
}
div#banner-left img {
   max-width: 100%;
   float: left;
}
div#banner-middle {
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   text-align: center;
}
.dangky {
   border: 10px solid transparent;
   float: right;
   box-sizing: border-box;
   /* margin-top: 30px; */
   background: #01a000;
   padding: 10px 5px;
   -webkit-box-shadow: inset 0px -1px 13px -1px rgba(0, 0, 0, 1);
   -moz-box-shadow: inset 0px -1px 13px -1px rgba(0, 0, 0, 1);
   box-shadow: inset 0px -1px -2px -1px rgba(0, 0, 0, 1);
}
.dangky a {
   color: #fff;
}
.linek {
   color: #a59494;
   margin-left: 5px;
   margin-right: 2px;
}
.gy {
   font-size: 15px !important;
   margin: 0 5px;
}
.dangky1 {
   text-align: right;
   color: #000;
   margin: 14px 0px;
}
.dangky1 a {
   color: #fff;
   margin-left: 6px;
}
div#banner-middle img {
   max-width: 100%;
}
div#banner-middle h4 {
   font-size: 1.8em;
   color: #fff;
   font-family: "Times News Roman";
   font-weight: bold;
   text-transform: uppercase;
   line-height: 35px;
}
div#banner-middle h2 {
   font-size: 28px;
   color: #fff500;
   font-family: UTMSwiss721BlackCondensed;
   font-weight: normal;
   text-transform: uppercase;
   line-height: 45px;
   margin: 0;
}
div#banner-middle p {
   font-size: 1.2em;
   color: #fff;
   font-family: "Times News Roman";
   text-transform: uppercase;
   line-height: 28px;
}
div.topar_middle {
   width: 100%;
   float: left;
   margin-top: 30px;
}
div.topar_middle div.item {
   float: left;
   width: 33.33%;
   min-height: 38px;
}
div.topar_middle div.item img {
   float: left;
   margin-right: 10px;
}
div.topar_middle div.item h3 {
   color: #eba222;
   font-family: Tahoma;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 12px;
}
div.topar_middle div.item p {
   color: #eba222;
   font-family: Tahoma;
   font-weight: 300;
   font-size: 11px;
}

div#banner-right {
   width: 25%;
   float: right;
}
div#banner-right img {
   vertical-align: middle;
}
div.top_banner {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.top_banner p {
   color: #737373;
   text-align: right;
   font-size: 12px;
   width: 100%;
   float: left;
}
div.top_banner p a {
   color: #737373;
}
div.top_banner p span.red {
   color: #ff0000;
   font-size: 18px;
   text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff !important;
   font-weight: 300;
}
div.tt-search {
   width: 100%;
   float: left;
   margin-top: 5px;
}
.pull-mn {
   float: right;
   padding-right: 15px;
}
.wmot p:last-child {
   margin-bottom: 0;
}
.hlft1 {
   text-transform: uppercase;
   font-family: robotobold;
   font-size: 15px;
   text-align: left;
}
.hlft2 {
   margin: 0;
}
.spmn {
   position: fixed;
   width: 100%;
   background: #fff;
   max-width: 950px;
   margin: auto;
   left: 0;
   right: 0;
   height: 0;
   overflow: hidden;
}
#logo{
    float: left;
}
div#tt-nav > ul > li:hover .spmn {
   transition: opacity 500ms ease-out;
   animation: fadeIn 500ms;
   height: 370px;
   transition: height 500ms ease-out;
}
.spl {
   width: 25%;
   float: left;
   padding: 0px 15px 15px 15px;
   text-align: center;
}
.spl > a {
   position: relative;
   display: block;
}
.spl h3 {
   margin-top: 5px;
   margin-bottom: 2px;
}
div#tt-nav ul li .spl h3 a {
   line-height: 20px;
   font-size: 13px;
   color: #666;
}
div#tt-nav ul li .spl:hover h3 a{color:#25216f;font-weight:bold;}
.spl p {
   font-family: roboto_r;
   font-size: 12px;
}
.spmn_l1 {
   margin-top: 5px;
   margin-left: 0px;
   border-right: 1px solid #c8c7c7;
   padding-top: 1px;
   width: calc(15% - 2px);
   float: left;
   height: 375px;
   overflow: hidden;
}
.spmn_l2 {
   width: calc(85% - 15px);
   float: left;
   overflow-x: hidden;
   height: 370px;
   margin-left: 15px;
   padding-top: 15px;
   position: relative;
}
.div_none {
   display: none;
}
.div_spmn_l2 {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
}
.cf_menu a {
   font-family: sfu_futurabold;
   color: #666666;
   text-transform: uppercase;
   font-size: 14px;
}
.cf_menu:hover a {
   color: #24206b;
}
.cf_menu {
   font-family: roboto_r;
   font-size: 12px;
   border-bottom: 1px dashed #ccc;
   margin: 0px 15px;
   margin-bottom: 10px;
}
.wmot {
   max-width: 790px;
   margin: auto;
}
.foter_top {
   background: #282A75;
   padding: 25px 0;
   color: #fff;
}
div#search-form {
   float: right;
   position: relative;
   max-width: 225px;
   width: 185px;
   overflow: hidden;
   transition: 0.5s;
   border-radius: 4px;
   height: 30px;
   margin-left: 15px;
   margin-top: 0;
   background: #e8e8e8;
   top: 11px;
   margin: 12px 0px;
}
.ngonngu {
   color: #3a3a3a;
   font-family: roboto_r;
   float: right;
   margin-top: 29px;
   margin-right: 15px;
}
.srs {
   float: right;
   position: relative;
   margin-top: 20px;
   cursor: pointer;
}
.txt_right {
   text-align: right;
}
.srs span {
   padding-right: 5px;
}
#frm_header_search {
}
.lk2 {
   text-align: right;
}
.lk2 span {
   color: #ff0;
   font-size: 13px;
   font-family: robotobold;
}
.gh {
   float: left;
   margin-left: 13px;
   color: #000;
   max-width: 189px;
}
.gh a {
   color: #000;
}
.dmsp {
   background: #c7050c url(images/linemn.png) no-repeat center left 10px;
   padding-left: 25px !important;
   width: 240px;
}
.gh span {
   font-size: 15px;
   color: #f00;
   margin-left: 5px;
}
.all_mn {
   border: 1px solid #eeeeee;
   border-top: none;
   position: absolute;
   width: 240px;
   z-index: 9999;
   background: #fff;
}
.all_c1 {
   padding: 12px 10px;
   border-bottom: 1px solid #eeeeee;
}
.icon_mn {
   max-width: 30px;
   margin-right: 10px;
}
.all_c1:hover .all_mn2 {
   display: block;
}
.all_c2 {
   width: 32%;
   float: left;
   margin-left: 1%;
   margin-top: 10px;
}
.all_mn2 {
   position: absolute;
   left: 239px;
   top: 0;
   background: #fff;
   width: 654px;
   z-index: 999999;
   height: 100%;
   border: 1px solid #f00;
   border-left: none;
   display: none;
}
.none {
   display: none;
   top: 38px;
   left: 0;
}
.dmsp:hover .none {
   display: block !important;
}
.ac2 {
   color: #000;
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}
.ac3 {
   color: #666;
   line-height: 25px;
}
.atp1 {
   min-width: 655px;
}
.dmf {
   float: left;
   padding-left: 15px;
   position: relative;
   width: 240px;
   min-height: 1px;
   margin-right: 15px;
   font-family: roboto_r;
}
.ac1 {
   font-size: 13px;
   font-family: roboto_r;
   color: #000;
   text-transform: uppercase;
}
.all_mn_h {
   height: 390px;
   overflow: hidden;
}
.gh img {
   margin-right: 5px;
}
.itop {
   text-align: right;
   line-height: 42px;
}
.itop a {
   color: #000;
   padding: 0 5px;
}
div#tt-nav ul li:hover .vn {
   display: block !important;
}
.vn {
   position: absolute;
   top: 45px;
   min-height: 100px;
   background: #e2ba46;
   display: none;
   width: 100%;
   left: 0;
   border-radius: 8px 8px 0px 0px;
}
.vn:hover {
   display: block !important;
}

div#search-form input.element-search {
   line-height: 31px;
   font-size: 12px;
   text-indent: 10px;
   background: none;
   max-width: calc(100% - 50px);
   width: 100%;
   border: none;
   float: left;
   outline: none;
}
.dma {
   display: block;
   margin: 5px 0;
}
.tenbaiviet1 {
   margin: 10px 0px;
   text-transform: uppercase;
   line-height: 1.5em;
   font-family: RobotoBoldCondensed;
   color: #000;
   font-size: 20px;
   margin-top: 0;
}
.ct_nd_gt {
   background: #fff;
   padding: 15px;
}
div#btn {
   position: absolute;
   top: 5px;
   right: 15px;
   width: 21px;
   height: 22px;
   cursor: pointer;
   z-index: 999999;
   background: url(images/srs.png);
}
.fgt {
   color: #f00;
   font-family: robotobold;
   margin-top: 0;
   text-transform: uppercase;
   font-size: 20px;
   margin-bottom: 25px;
   margin-top: 100px;
}
.fixed-menu-v .fgt {
   margin-top: 0;
}
.fixed-menu-v {
   position: fixed;
   top: 80px;
}
.left_gt a {
   display: block;
   font-family: open_semi;
   color: #333;
   text-transform: capitalize;
   margin-bottom: 20px;
}
.link_bds:hover {
   color: #df2c24;
}
.link_bds {
   color: #585858;
   display: block;
   margin-bottom: 5px;
}
section#tt-menu {
   width: 100%;
   float: left;
   background: rgba(255, 255, 255, 0.31);
}
.w1000 {
   max-width: 970px;
   margin: auto;
}
.ab_list {
   border: 1px solid #ddd;
   overflow: hidden;
   position: relative;
   text-align: center;
   font-size: 14px;
}
.ab_list h3 {
   font-size: 20px;
   color: #eaeaec;
   font-family: robotoitalic;
   position: absolute;
   background: url(images/bkp.png);
   min-width: 210px;
   text-align: center;
   font-weight: normal;
   margin: 0;
   bottom: 10px;
   padding: 8px 29px;
   transition: 0.5s;
   background-size: 100%;
   right: 10px;
}
.ab_list h3:hover {
   background: url(images/bkp1.png);
   color: #282a75;
   background-size: 100%;
}
div.menu {
   z-index: 999;
   /* position: relative; */
   /* background: #fff; */
   /* box-shadow: 1px 1px 1px #f5f5f5; */
}
div.menu-left {
   width: 88%;
}
div.menu-right {
   width: 12%;
}
div.title_list {
   width: 100%;
   float: left;
   background: #00a300;
   box-sizing: border-box;
   box-sizing: border-box;
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
}
div.title_list h2 {
   font-family: RobotoBoldCondensed;
   font-weight: 300;
   text-transform: uppercase;
   font-size: 17px;
   line-height: 45px;
   color: #ffffff;
   text-align: center;
}
div.desc_list {
   width: 100%;
   float: left;
}
div.desc_list ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.desc_list ul li {
   background: url(images/bgmenu.png) repeat-x;
   width: 100%;
   box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
   border-radius: 5px;
   list-style: none;
   height: 31px;
   margin-top: 10px;
   line-height: 31px;
}
div.desc_list ul li h2 {
   color: #ffffff;
   background: url(images/arrow.png) no-repeat 10px center;
   padding-left: 25px;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 300;
   font-family: "Times News Roman";
}
.div.desc_list ul li h2 a:hover {
   color: #fff !important;
}
div.desc_list ul li:hover {
   background: rgba(17, 233, 3, 0.65);
}
div.desc_list ul li h2 a {
   color: #333;
   display: block;
   font-family: Tahoma;
   /* font-weight: normal; */
   font-size: 13px;
   font-weight: bold;
}
.frm_login {
   max-width: 550px;
   text-align: left;
   border: 1px solid #005f37;
   padding: 10px;
   margin-top: 15px;
   margin: auto;
   position: fixed;
   background: #fff;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 210px;
}
.td_right {
   width: 100%;
}
.vbj {
   position: absolute;
   margin-top: 5px;
   margin-left: 8px;
   color: #00a300;
   font-size: 17px !important;
}
div.box_right {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-left: 20px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 20px solid transparent;
}
div.box_bottom {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-top: 1px solid #ccc;
}
div.box_bottom_list {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 20px solid transparent;
}
div.box_bottom_list ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.box_bottom_list ul li {
   width: 31%;
   float: left;
   margin-right: 3.5%;
}
div.box_bottom_list ul li:last-child {
   margin-right: 0%;
}
div.box_bottom_list ul li a {
   display: block;
   color: #ffffff;
   font-size: 20px;
   font-family: "Times News Roman";
   background: #f7941d;
   line-height: 50px;
   border-radius: 10px;
   text-align: center;
}
div.box_bottom_list ul li a.active {
   background: #696a09;
   color: #fff;
   font-weight: bold;
   font-size: 24px;
}
div.top_menu {
   width: 100%;
   float: left;
}
div.top_menu ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.top_menu ul li {
   width: 31%;
   float: left;
   margin-right: 3.5%;
}
div.top_menu ul li:last-child {
   margin-right: 0%;
}
div.top_menu ul li a {
   display: block;
   color: #fff;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 17px;
   font-family: "Times News Roman";
   background: #696a09;
   line-height: 50px;
   border-radius: 10px;
   text-align: center;
   transition: all 0.6s;
}
#formdktv {
   font: 12px Tahoma, Geneva, sans-serif;
   font-weight: normal;
   max-width: 500px;
   float: left;
}
.tbl_info_member {
   max-width: 555px;
   width: 100%;
   margin-left: 20px;
}
#btndangky {
   background: #f64a02;
   width: 150px !important;
   font-size: 16px;
   height: 45px !important;
   border-radius: 7px;
   margin-bottom: 30px;
}
#btndangky:hover {
   background: #00a300;
}
.kyt h2 {
   font-size: 18px;
   line-height: 43px;
}
.kyt span {
   color: #f00;
}
.quydinh {
   float: right;
   max-width: 540px;
}
.tb_border {
   text-align: right;
   padding-right: 15px;
}
#gt_0 {
   float: left;
   width: 18px !important;
   margin-right: 5px;
}
#gt_1 {
   float: left;
   width: 18px !important;
   margin-right: 5px;
}
#formdk input {
   margin-bottom: 12px;
   azimuth: center;
   width: 90%;
   height: 26px;
   outline: none;
   padding: 0px 7px;
   border: 1px solid #ccc;
   background: #fff;
}
.tablelienhe_vn {
   max-width: 440px;
   margin: auto;
   margin-top: 10px;
}

.ip1 {
   max-width: 300px;
   width: 100%;
   border: 1px solid #ff0;
   height: 30px;
   text-indent: 25px;
   margin-bottom: 10px;
}
.frm_order div {
   line-height: 33px;
}
.ttcn {
   height: 30px;
   text-align: center;
   font-weight: bold;
   color: #f00;
}
.chon {
   min-width: 180px;
   height: 25px;
}
.tv {
   text-transform: uppercase;
   text-align: center;
   font-size: 17px;
   line-height: 36px;
   background: #265a7a;
   border-bottom: 2px solid #f00;
   /* margin: auto; */
   color: #fff;
   margin-bottom: 11px;
   /* border-bottom: 2px solid; */
   width: 500px;
   margin: auto;
}
.frm_order h3 {
   margin: auto;
   text-align: center;
   font-size: 22px;
   margin-bottom: 15px;
   color: #005ec2;
   margin-top: 25px;
   max-width: 390px;
   background: #0095ec;
   padding: 14px 0px;
   color: #fff;
   border-radius: 10px;
}
.aka {
   float: left;
}
.let {
   float: left;
   max-width: 752px;
   width: 100%;
}
.button1 {
   cursor: pointer;
   border: none !important;
   background: #0095ec;
   width: 100px !important;
   min-width: 106px !important;
   color: #fff;
   line-height: 35px;
   height: 31px !important;
   margin-bottom: 10px;
   text-transform: uppercase;
}
.it7 {
   max-width: 330px;
   width: 100%;
}
.it6 {
   max-width: 369px;
   width: 100%;
}
.mot {
   max-width: 900px;
   width: 100%;
}
.nammuoi {
   width: 50%;
   float: left;
}
.hai {
   max-width: 860px;
   width: 100%;
}
.ba {
   max-width: 826px;
   width: 100%;
}
.letc {
   width: 32%;
   float: left;
   margin-right: 1%;
}
.letc input {
   width: 100% !important;
}
.let1 {
   float: right;
}
.let2 {
   float: right;
   max-width: 660px;
   width: 100%;
}
.itu {
   max-width: 117px !important;
   width: 100%;
   min-width: 98px !important;
   border: none !important;
}
.it1 {
   max-width: 657px;
   width: 100%;
}
.it2 {
   max-width: 550px;
   width: 542px;
}
.it3 {
   max-width: 450px;
   width: 100%;
}
.it4 {
   max-width: 495px;
   width: 100%;
}
.it5 {
   width: 100%;
   max-width: 868px;
}
.frm_order div span {
   display: block;
   float: left;
   font-weight: bold;

   text-align: right;
}
#back-top {
   position: fixed;
   bottom: 33px;
   right: 24px;
   text-align: center;
}
.frm_order div input {
   border: none;
   height: 22px;
   min-width: 250px;
   text-indent: 6px;
   border-bottom: 2px dotted #8c7d7d;
}
div.top_menu ul li a:hover {
   background: #005f37;
   color: #ffffff;
}

div.box_item_bottom {
   width: 100%;
   float: left;
   margin-top: 10px;
   border: 1px solid #ccc;
   box-sizing: border-box;
}
div.box_item {
   width: 100%;
   float: left;
   border: 20px solid transparent;
   box-sizing: border-box;
}
div.box_title {
   width: 100%;
   float: left;
   background: #005f37;
   padding: 10px 0px;
   text-align: center;
   border-radius: 20px;
}
div.box_title h3 {
   font-size: 36px;
   font-family: "Times News Roman";
   color: #ffffff;
   font-weight: 300;
   text-transform: uppercase;
   line-height: 40px;
}
div.box_title h4 {
   font-size: 28px;
   font-family: "Times News Roman";
   color: #fff000;
   line-height: 40px;
   font-weight: 300;
   text-transform: uppercase;
}
div.box_desc {
   width: 100%;
   float: left;
}
div.box_desc p {
   line-height: 38px;
   display: inline-block;
   text-align: center;
   width: 100%;
   font-size: 24px;
   color: #9e0b0f;
   font-family: "Times News Roman";
}
div.box_desc p img {
   vertical-align: middle;
}
h5.title_dh {
   font-size: 25px;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   float: left;
   color: #f00;
   font-family: "Times News Roman";
   line-height: 32px;
   margin-top: 9px;
}
div.news_ag {
   width: 100%;
   float: left;
   padding: 10px 0px;
   text-align: center;
}
div.news_ag span.green {
   background: #005f37;
   display: inline-block;
   line-height: 40px;
   padding: 0px 10px;
   color: #ffffff;
   font-size: 20px;
   width: 102px;
   text-align: center;
   border-radius: 10px;
   text-transform: normal !important;
   margin: 0px 10px;
}
div.news_ag span.yellow {
   background: #005f37;
   display: inline-block;
   line-height: 40px;
   padding: 0px 10px;
   color: #ff0;
   font-size: 20px;
   width: 102px;
   text-align: center;
   border-radius: 10px;
   text-transform: normal !important;
   margin: 4px 10px;
}
/*div.box_desc p span.green{
    background: #005F37;
    display: inline-block;
    line-height: 30px;
    padding: 0px 10px;
    color: #FFFFFF;
    font-size: 14px;
    width: 62px;
    border-radius: 3px;
    text-transform: normal !important;
}
div.box_desc p span.yellow{
    background: #005F37;
    display: inline-block;
    line-height: 30px;
    padding: 0px 10px;
    color: #FFF000;
    font-size: 14px;
    width: 62px;
    border-radius: 3px;
    text-transform: nowrap !important;
}
*/
div.box_desc span {
   display: inline-block;
   padding: 10px 25px;
   background: #005f37;
   color: #d90000;
   font-size: 20px;
   margin: 0px 2px;
   border-radius: 10px;
}
div.item_pad {
   max-width: 515px;
   margin: 0 auto;
}
div.item_user {
   max-width: 128px;
   float: left;
   text-align: center;
}
div.box_provider {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.box_provider_title {
   max-width: 586px;
   background: url(images/line_dt.png) no-repeat left center,
      url(images/line_dt.png) no-repeat right center;
   margin: 0 auto;
   text-align: center;
}
div.box_provider_title h3 {
   display: inline-block;
   background: #696a09;
   padding: 0px 30px;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 14px;
   font-family: "Times News Roman";
   font-weight: 300;

   line-height: 35px;
   border-radius: 9px;
   font-weight: bold;
}
div#tt-nav {
   float: left;
   margin: 14px 0px;
}
div#tt-nav ul {
   list-style: none;
   margin: 0;
}
div#tt-nav > ul > li {
   float: left;
   padding: 0px 11px;
   position: relative;
}
.phone {
   float: left;
   font-size: 15px;
   color: #282A75;
   font-family: robotobold;
   margin-top: 15px;
   margin-left: 25px;
}
div#tt-nav ul li:last-child {
   border-right: none;
}
.lir img {
   float: left;
   margin-top: 15px;
   padding-left: 20px;
}
.lir {
   width: 270px;
   text-align: center;
}
.slogan {
   max-width: 1170px;
   margin: auto;
   font-size: 16px;
   color: #0072ff;
   font-family: robotobold;
   line-height: 35px;
   text-transform: uppercase;
}
div#tt-nav > ul > li {
   cursor: pointer;
   transition: all 0.6s;
}
div#tt-nav > ul > li:last-child {
}
div#tt-nav > ul > li > h3 {
   font-weight: 300;
   margin: 0;
}
div#tt-nav ul li h3 a {
   color: #3a3a3a;
   padding: 0px 1px;
   display: block;
   font-family: roboto_r;
   line-height: 50px;
   font-size: 15px;
   text-transform: uppercase;
}
.ktop {
   background: #1270a0;
   line-height: 35px;
   min-height: 35px;
}


.kop {
   z-index: 9;
   position: relative;
}
.cgt {
   color: #a86500;
   font-size: 16px;
}
.ckl {
   color: #223f83 !important;
}
.mw1000 {
   max-width: 1000px;
   margin: auto;
}
.line_bottom {
   background: #eee;
   padding: 14px 15px;
}
.slick_sli {
   max-width: 700px;
   margin: auto;
   text-align: center;
}
div#tt-nav > ul > li.active {border-bottom: 4px solid #282A75;
}
.p_img {
   width: calc(20% - 15px);
   float: left;
   margin-right: 15px;
}
.ct_new {
   width: calc(80% - 120px);
   float: left;
}
.ct_new h3 {
   font-family: open_sansbold;
   font-size: 15px;
   text-transform: uppercase;
   margin-top: 0;
}
.ct_new h3 a {
   color: #000;
}
.chdd {
   float: right;
   color: #223f83;
   font-family: roboto_r;
   border: 1px solid #223f83;
   text-align: center;
   display: block;
   width: 100px;
   line-height: 28px;
   text-transform: uppercase;
   margin-top: 35px;
}
div#tt-nav > ul > li:hover {background: #25216f;}
div#tt-nav > ul > li.active > h3 > a,
div#tt-nav > ul > li:hover > h3 > a {
   color: #fff;
}
div#tt-nav > ul > li > ul > li a {
   color: #444;
   font-size: 13px;
   font-family: roboto_r;
   text-transform: uppercase;
   line-height: 30px;
   display: block;
}
.mlogo {
}
.transitionAll {
   margin: 0;
}
.dc img {
   margin-right: 5px;
}
div#tt-nav ul li h2 a:hover,
div#tt-nav ul li h2 a.active {
   color: #ffffff;
}
div#tt-nav > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li > ul > li > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li ul {
   list-style: none;
   position: absolute;
   top: 50px;
   left: 0px;
   display: none;
   width: 270px;
   z-index: 999999999;
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
   overflow: hidden !important;
   padding: 0 !important;
   position: relative;
}

.scroll-wrapper > .scroll-content {
   border: none !important;
   box-sizing: content-box !important;
   height: auto;
   left: 0;
   margin: 0;
   max-height: none;
   max-width: none !important;
   overflow: scroll !important;
   padding: 0;
   position: relative !important;
   top: 0;
   width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
   height: 0;
   width: 0;
}

.scroll-element {
   display: none;
}
.scroll-element,
.scroll-element div {
   box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
   display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
   cursor: default;
}

.scroll-textarea {
   border: 1px solid #cccccc;
   border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
   overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
   border: none !important;
   box-sizing: border-box;
   height: 100% !important;
   margin: 0;
   max-height: none !important;
   max-width: none !important;
   overflow: scroll !important;
   outline: none;
   padding: 2px;
   position: relative !important;
   top: 0;
   width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
   height: 0;
   width: 0;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer{
   overflow-y:scroll;
   padding-right: 17px;
}
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
   border: none;
   margin: 0;
   padding: 0;
   position: absolute;
   z-index: 10;
}

.scrollbar-outer > .scroll-element {
   background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
   display: block;
   height: 100%;
   left: 0;
   top: 0;
   width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
   bottom: 0;
   height: 12px;
   left: 0;
   width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
   height: 100%;
   right: 0;
   top: 0;
   width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
   height: 8px;
   top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
   left: 2px;
   width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
   overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
   background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
   background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
   background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
   background-color: #919191;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
   left: -12px;
   margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
   top: -12px;
   margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
   min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
   min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer
   > .scroll-element.scroll-x.scroll-scrolly_visible
   .scroll-element_track {
   left: -14px;
}
.scrollbar-outer
   > .scroll-element.scroll-y.scroll-scrollx_visible
   .scroll-element_track {
   top: -14px;
}

.scrollbar-outer
   > .scroll-element.scroll-x.scroll-scrolly_visible
   .scroll-element_size {
   left: -14px;
}
.scrollbar-outer
   > .scroll-element.scroll-y.scroll-scrollx_visible
   .scroll-element_size {
   top: -14px;
}
div#tt-nav > ul > li ul ul {
   list-style: none;
   position: absolute;
   top: 0px;
   left: 100%;
   display: none;
   width: 250px;
   z-index: 999999999;
}
div#tt-nav > ul > li ul li {
   display: inline-block;
   float: left;
   width: 100%;
   background: #fff;
   text-align: left;
   transition: all 0.6s;
   position: relative;
   padding: 5px 15px;
   border-bottom: 1px solid #eee;
   border-left: 2px solid #fff;
}
div#tt-nav > ul > li > ul > li a:hover {
   color: #282A75 !important;
}
div#tt-nav > ul > li ul li h2 {
   line-height: 30px;
   font-size: 13px;
   font-weight: 300;
   letter-spacing: 1px;
   color: #ffffff;
   background: none !important;
   font-family: "RobotoCondensed-Regular";
}
div#tt-nav > ul > li ul li h2 a {
   color: #7c7b7b;
   padding: 0px 20px;
   display: inline-block;
}
div#tt-nav > ul > li ul li ul li h2 a {
   color: #7c7b7b;
}
div#tt-nav > ul > li ul li:hover > h2 > a {
   border-bottom: 0px solid transparent;
   color: #f73100;
}
div#tt-nav > ul > li ul li:hover {border-left: 4px solid #282A75;background: #fff;}
div#tt-nav > ul > li ul li:hover a{color: #25216f;}
div#tt-nav > ul > li:hover div.submenu {
   opacity: 1;
   transform: scale(1);
}
div.submenu {
   position: absolute;
   top: 34px;
   width: 100%;
   left: 0px;
   height: auto;
   background: #ffffff;
   box-sizing: border-box;
   opacity: 0;
   transition: all 0.6s;
   z-index: 9999999;
   border: 1px solid #006fb7;
   transform: scale(0);
}
div.submenu > ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.submenu > ul > li {
   width: 18%;
   float: left;
   margin: 10px 1%;
}
div.submenu > ul > li > h3 {
   width: 100%;
   float: left;
   margin-bottom: 10px;
   padding-bottom: 5px;
   font-size: 14px;
   font-family: Arial;
   text-transform: uppercase;
   color: #003b8b;
   font-weight: 300;
   text-align: left;
   border-bottom: 1px solid #003b8b;
}
div.submenu > ul > li > h3 > a {
   color: #003b8b;
}
div.submenu2 {
   width: 100%;
   float: left;
   background: #f1f1f1;
   box-sizing: border-box;
   border: 10px solid #f1f1f1;
}
div.submenu2 ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.submenu2 ul li {
   width: 100%;
   float: left;
   transition: all 0.6s;
}
div.submenu2 ul li h4 {
   line-height: 25px;
   font-size: 13px;
   text-align: left;
   color: #333333;
   font-weight: 300;
}
div.submenu2 ul li:hover {
   background: #0075c0;
}
div.submenu2 ul li:hover a {
   color: #fff;
}
div.submenu2 ul li h4 a {
   color: #333333;
}

div#tt-menu-mobile {
   text-align: left;
   display: none;
}
.center {
   text-align: center;
}
.logo_m {
   display: none;
}
div#tt-menu-mobile a {
   display: inline-block;
   background: url(images/menu1.png) no-repeat center;
   /* width: 37px; */
   height: 35px;
   padding: 5px;
   color: #fff !important;
   padding-left: 35px;
   line-height: 25px;
   font-size: 0px;
}

section#tt-slider {
   width: 100%;
   float: left;
}
div#tt-slider {
   width: 100%;
   float: left;
}
div.slider {
   width: 100%;
   float: left;
}
div.item_gallery {
   width: 100%;
   background: #f1f1f1;
   transition: all 0.6s;
   float: left;
   margin-bottom: 30px;
}
div.item_gallery img {
   max-width: 100%;
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 4px solid #f1f1f1;
   transition: all 0.6s;
}
div.item_gallery h3 {
   font-weight: 300;
   width: 100%;
   float: left;
   font-family: "RobotoCondensed-Regular";
   text-transform: uppercase;
   font-size: 15px;
   text-align: center;
   padding: 5px 0px 10px;
}
div.item_gallery h3 a {
   color: #333333;
}

section#tt-content {
   width: 100%;
   float: left;
}
div.site-content {
   width: 100%;
   float: left;
}
div.site-content1 {
   width: 100%;
   float: left;
}
div.tt-left {
   width: 20%;
   float: left;
}
div.tt-middle {
   width: 52.3%;
   float: left;
   margin: 0px 1.5%;
}
div.tt-right {
   width: 80%;
   float: right;
   border-left: 15px solid transparent;
   box-sizing: border-box;
   border-right: 15px solid transparent;
}
div.tt-leftsub {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #121212;
   background: #232222;
   margin-bottom: 10px;
}
div.tt-leftsub-dm {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-quangcaoimg {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 9px solid #232222;
}
ul.chuyenmuc {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   list-style: none;
}
ul.chuyenmuc > li {
   width: 100%;
   float: left;
}
ul.chuyenmuc > li > a {
   display: block;
   padding: 5px 0px;
   font-size: 14px;
   color: #333;
   font-family: robotobold;
   text-decoration: none;
}
ul.chuyenmuc > li > ul {
   width: 100%;
   float: left;
   list-style: none;
}
ul.chuyenmuc > li > ul > li {
   width: 100%;
   float: left;
}
ul.chuyenmuc > li > ul > li > a {
   display: block;
   padding: 5px 0px 5px 10px;
   font-size: 13px;
   color: #333;
   text-decoration: none;
}
ul.chuyenmuc > li:hover > a {
   color: #282A75;
}
ul.chuyenmuc > li > ul > li:hover a {
   color: #282A75;
}
div.tt-quangcaoimg img {
   max-width: 100%;
   display: block;
}

ul.chuyenmuc > li > a span {
   font-size: 12px;
   color: #666;
   padding-left: 5px;
}
div#an_qc {
   display: none;
}
div.sub-img {
   width: 43%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #121212;
   background: #232222;
   margin: 0px 3.5% 10px 3.5%;
}
.alb {
   border: 1px dotted #c9a46e;
   padding: 10px;
}
.alb a {
   display: block;
}
div.tt-quangcaoimg1 {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 9px solid #232222;
}
div.tt-quangcaoimg1 img {
   max-width: 100%;
   display: block;
}
.pvr {
   text-align: center;
}
div.tt-title-left {
   width: 100%;
   float: left;
   box-sizing: border-box;
   background: #e1cfb3;
   font-size: 24px;
   font-family: utm_ai;
   color: #7b3017;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   height: 40px;
   line-height: 38px;
   border-top: 2px solid #7b3017;
   margin-bottom: 15px;
}
div.tt-title-left h2 {
   line-height: 30px;
   color: #ffffff;
   padding-left: 20px;
   font-family: "RobotoBold";
   text-transform: uppercase;
   font-size: 14px;
}
div.tt-desc-left {
   box-sizing: border-box;
}
div.tt-desc-left-hot {
   float: left;
   box-sizing: border-box;
   width: 100%;
}
div.tt-bglien {
   width: 100%;
   float: left;
   background: url(images/bghot.jpg) no-repeat top center;
   min-height: 187px;
   position: relative;
}
span.hot1 {
   position: absolute;
   top: 48px;
   left: 60px;
   font-size: 20px;
   color: #ff0000;
   font-family: "RobotoCondensed-Regular";
}
p.hot1 {
   position: absolute;
   top: 75px;
   left: 100px;
   font-size: 18px;
   color: #ff0;
   font-family: "RobotoCondensed-Regular";
   line-height: 21px;
}
p.hot2 {
   position: absolute;
   top: 150px;
   left: 10px;
   font-size: 13px;
   color: #ffffff;
   font-family: "RobotoCondensed-Regular";
   line-height: 21px;
}
div.tt-desc-left-r {
   float: left;
   box-sizing: border-box;
   padding: 9px 10px;
   background: #0a0a0a url(images/bongtitle1.jpg) no-repeat top center;
}
div.tt-index-cont {
   width: 100%;
   float: left;
}
ul.news-left {
   width: 100%;
   float: left;
   list-style: none;
}
ul.news-left li {
   width: 100%;
   float: left;
   padding-bottom: 8px;
   margin-bottom: 8px;
   border-bottom: 1px dashed #393939;
}
ul.news-left li div.img-news {
   width: 66px;
   height: 57px;
   border: 1px solid #0c0c0c;
   background: #111010;
   float: left;
   margin-right: 8px;
}
ul.news-left li div.img-news img {
   width: 100%;
   box-sizing: border-box;
   border: 4px solid transparent;
   height: 57px;
}
ul.news-left li h3 {
   font-family: "RobotoCondensed-Regular";
   font-size: 13px;
   color: #ffffff;
}
ul.news-left li h3 a {
   color: #ffffff;
   font-weight: 300;
}

div.tt-item-content {
   width: 100%;
   float: left;
}
div.tt-title {
   width: 100%;
   float: left;
   background: url(images/line_title.png) no-repeat bottom left;
}
div.tt-title h3,
div.tt-title h1 {
   font-size: 24px;
   color: #005ec2;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 40px;
   font-family: "RobotoCondensed-Regular";
   text-align: left;
   display: inline-block;
   padding-right: 30px;
}
div.tt-title h3 a,
div.tt-title h1 a {
   color: #005ec2;
}
div.tt-title h3:hover a,
div.tt-title h1:hover a {
   color: #d90000;
}

div.tt-menusp {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 10px;
   padding-bottom: 10px;
   background: url(images/bgtitle_bt.png) no-repeat bottom center;
}
div.tt-menusp h3 {
   font-size: 24px;
   color: #005ec2;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 40px;
   font-family: "RobotoCondensed-Regular";
   text-align: center;
   display: inline-block;
}
div#hien_sp {
   width: 100%;
   float: left;
   margin-top: 10px;
}
div.item_daotao {
   width: 32%;
   float: left;
   margin-right: 2%;
}
div.item_daotao:nth-child(3n + 0) {
   margin-right: 0%;
}
div.img_daotao {
   width: 100%;
   float: left;
   overflow: hidden;
}
div.img_daotao img {
   max-width: 100%;
   transition: all 0.6s;
   transform: scale(1);
}
div.img_daotao:hover img {
   transform: scale(1.02);
}
div.item_daotao h3 {
   float: left;
   width: 100%;
   font-size: 17px;
   text-align: center;
   text-transform: uppercase;
   line-height: 25px;
}
div.item_daotao h3 a {
   color: #333333;
   font-family: "RobotoCondensed-Regular";
}
div.tt-desc {
   width: 100%;
   float: left;
}
div.tt-product-item {
   width: 25%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #cccccc;
   position: relative;
}
div.tt-product-item:nth-child(4n + 0) {
   border-right: 0px solid #cccccc;
   border-top: 0px solid #cccccc;
}
div.tt-product-item:nth-child(n + 0) {
   border-left: 0px solid #cccccc;
   border-top: 0px solid #cccccc;
}
div.tt-product {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid #ffffff;
}
div.tt-product-img {
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-product-img img {
   max-width: 60%;
   transform: scale(1);
   transition: all 0.6s;
}
div.tt-product-title {
   width: 100%;
   float: left;
   margin: 10px 0px 0px;
}
div.tt-product-title h4 {
   width: 100%;
   float: left;
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
div.tt-product-title h4 a {
   color: #343434;
}
div.tt-product-title p {
   width: 100%;
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
div.tt-product-item:hover div.tt-product-title a {
   color: #ff0000;
}
div.tt-product-item:hover div.tt-product-img img {
   transform: scale(1.02);
}
div.tt-product-desc {
   width: 100%;
   float: left;
   line-height: 19px;
   color: #7c7b7b;
   font-size: 14px;
}
div.tt-product-price {
   width: 100%;
   float: left;
}
div.tt-product-price p {
   width: 100%;
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
span.price {
   color: #ff0000;
}
span.price-old {
   color: #333333;
   text-decoration: line-through;
}
div.tt-product-rating {
   width: 100%;
   float: left;
   text-align: center;
}
div.sale {
   position: absolute;
   top: 0px;
   right: 20px;
   width: 80px;
   height: 95px;
   background: url(images/sale.png) no-repeat top center;
   z-index: 9999999;
   background-size: 100%;
}
div.tt-mua {
   width: 100%;
   float: left;
}
div.tt-mua p {
   line-height: 35px;
   color: #737373;
   text-align: right;
   font-size: 12px;
   width: 100%;
   float: left;
}
div.tt-mua p a {
   color: #737373;
}
div.tt-mua p span.red {
   color: #ff0000;
}
div.tt-title-white {
   width: 100%;
   float: left;
   background: #ffffff;
   box-sizing: border-box;
   border: 10px solid #ffffff;
}
div.tt-title-white-top {
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
div.tt-title-white-top img {
   max-width: 100%;
}
div.tt-title-white-bottom {
   width: 100%;
   float: left;
}

div.tt-cottrai {
   width: 65%;
   float: left;
}
div.tt-cottraitop {
   padding: 10px 0px;
}
div.tt-cottraitop img {
   background: #fff;
   float: left;
   margin-right: 10px;
   margin-bottom: 2px;
   max-width: 100%;
}
div.tt-cottraitop > div {
   text-align: justify;
}
div.tt-cotphai {
   width: 32%;
   float: right;
   background: #005ec2;
   border-radius: 10px;
}
div.tt-cotphai img {
   max-width: 100%;
}
.gtnb {
   display: block;
   color: #fff;
   line-height: 27px;
}
.gtnb:hover {
   color: #ff0 !important;
}
.mh {
   float: left;
}
.mh a {
   color: #fff !important;
   line-height: 30px;
}
.mh a:hover {
   color: #ff0 !important;
}
div.tt-cottrai1 {
   width: 74%;
   float: left;
}
div.tt-cotphai1 {
   width: 24%;
   float: right;
}
div.tt-title-khoahoc {
   width: 100%;
   float: left;
   margin-top: -3px;
   height: 52px;
   background: url(images/bgkhoadaotao.png) no-repeat top center;
}
div.tt-title-khoahoc h3 {
   line-height: 47px;
   color: #ff0000;
   text-align: center;
   text-transform: uppercase;
   font-size: 17px;
}
div.tt-desc-khoahoc {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-desc-khoahoc table {
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #0099ff;
}
div.tt-desc-khoahoc a {
   color: #fff;
   font-weight: 300;
}
div.tt-desc-khoahoc a:hover {
   color: #f3f300;
}
div.tt-desc-khoahoc table tr,
div.tt-desc-khoahoc table td,
div.tt-desc-khoahoc table th {
   border: 1px solid #0099ff;
}
div.tt-desc-khoahoc table td,
div.tt-desc-khoahoc table th {
   padding: 5px;
}
div.tt-cotphaivideo {
   width: 100%;
   float: left;
   padding: 10px 0px 0px;
}
div.tt-cotphaivideo img {
   max-width: 100%;
}
select.selectvideo {
   width: 100%;
   padding: 5px 0px;
   border: 1px solid #cccccc;
   outline: none;
}
div.tt-title-img {
   width: 100%;
   float: left;
   min-height: 28px;
   background: url(images/menu_hinhanh.png) repeat top right;
}
div.tt-title-img div.img_left {
   width: 25%;
   float: left;
}
div.tt-title-img div.img_left h3 {
   line-height: 28px;
   font-size: 15px;
   font-weight: 300;
   color: #ff0;
   padding-left: 10px;
   text-transform: uppercase;
   font-family: "RobotoCondensed-Regular";
   background: url(images/menu_hinh_left.png);
}
div.tt-title-img div.img_right {
   width: 75%;
   float: left;
}
div.tt-title-img div.img_right ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-title-img div.img_right ul li {
   float: left;
}
div.tt-title-img div.img_right ul li a {
   display: inline-block;
   padding: 0px 10px;
   color: #fff;
   line-height: 28px;
   text-transform: uppercase;
   font-weight: 300;
   font-family: "RobotoCondensed-Regular";
   cursor: pointer;
   outline: none;
}
div.tt-title-img div.img_right ul li:hover a,
div.tt-title-img div.img_right ul li a.active {
   color: #ff0;
}
div.tt-desc-img {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.tt-desc-cent {
   box-sizing: border-box;
   border: 10px solid transparent;
   width: 100%;
   float: left;
}
section.bgcam {
   background: #eba222;
   padding: 20px 0px;
   margin-top: 10px;
}
.new_sp img {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.h3:hover {
   color: #f00;
}
.mota_v {
   font-size: 13px;
   text-align: left;

   line-height: 19px;
   height: 20px;
   overflow: hidden;
   margin: 0;
}
.new_sp:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.new_sp {
   overflow: hidden;
}
.am_all {
   margin-bottom: 20px;
   font-family: Tahoma;
}
.am_all img {
   width: 100%;
   margin-bottom: 6px;
}
.am_all h3 {
   margin: 0;
   line-height: 18px;
   font-weight: 600;
}
.am_all h3 a {
   font-size: 13px;
   text-transform: uppercase;
   color: #000;
}
.brl {
   border: 1px solid #ccc;
   padding: 10px;
}
.duan_title {
   text-align: center;
   color: #055699;
   text-transform: uppercase;
   font-family: Tahoma;
   font-size: 20px;
   font-weight: 600;
   margin: 0 15px;
   margin-bottom: 10px;
}
.caroll_sp_img:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.drp {
   margin: 0 !important;
   width: 96% !important;
}
.caroll_sp_img img {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.caroll_sp_img {
   overflow: hidden;
   position: relative;
}
div.caroll_sp {
   width: 100%;
   margin-top: 10px;
   float: left;
}
div.caroll_sp .item {
   float: left;
   margin-right: 23px;
   width: 100%;
   border-right: 1px solid #ccc;
}
div.box_caroll_sp {
   font-family: roboto_r;
   position: relative;
   margin-bottom: 30px;
   font-size: 13px;
}
.log {
   float: right;
}
#ftnext {
   max-width: 1200px;
   margin: auto;
   background: #fff;
   border-radius: 4px 4px 0px 0px;
}
.tmc b {
   color: #f00;
}
.jhg {
   width: 32px;
   margin-right: 8px;
   height: 25px;
}
.dvt {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   float: left;
   width: 50%;
   border: 1px solid #ccc;
   border-left: none;
   text-indent: 5px;
}
.gach {
   text-decoration: line-through;
}
.giaban {
   color: #f00;
   font-family: roboto_l;
   font-size: 16px;
   text-align: left;
   padding-bottom: 5px;
   /* padding-top: 3px; */
   width: 96%;
   margin: auto;
   padding-bottom: 13px;
}
.giaban1 {
   float: right;
   color: #666;
   font-size: 14px;
   text-decoration: line-through;
}
.acv {
   display: block;
   text-align: left;
   font-size: 14px !important;
}
.price {
   color: #6c6e72;
   margin: 0;
}
div.caroll_sp_img {
   margin-bottom: 10px;
}
div.caroll_sp_img img {
   width: 100%;
}
div.caroll_sp_title {
   font-family: roboto_r;
   transition: 0.5s;
   position: relative;
}
.date {
   color: #055699;
   margin-top: 5px;
}
.date img {
   float: left;
   margin-top: 3px;
   margin-right: 5px;
}
div.caroll_sp_title h3:hover a {
   color: #f00;
}
.ccb {
   position: absolute;
   top: -5px;
   width: 65%;
   height: 11px;
   background: #fff;
   z-index: 9999;
   left: 15%;
   display: block;
}
.caroll_sp_title p {
   margin-bottom: 5px;
}
div.caroll_sp_title h3 {
   margin-top: 0;
   margin-bottom: 5px;
   overflow: hidden;
}
.txt_blue {
   color: #055699;
}
.tma {
   font-family: robotobold;
   float: left;
   width: 85px;
}
.rbl {
   font-family: robotobold;
}
.tma1 {
   font-family: robotobold;
}
.span1 {
   text-decoration: line-through;
   margin-right: 10px;
}
.masp {
   text-align: left;
   margin-top: 5px;
}
.span2 {
   color: #f00;
}
.tmc {
   float: right;
}
.litop {
   background: url(images/ftop.png);
   height: 26px;
   width: 100%;
}
.duan img {
   width: 100%;
   margin-bottom: 10px;
}
.giamgia {
   position: absolute;
   right: 5px;
   top: 5px;
   background: url(images/sale.png);
   color: #fff;
   z-index: 999;
   width: 38px;
   height: 39px;
   line-height: 16px;
   font-size: 13px;
   text-align: center;
}
.title_left {
   font-size: 18px;
   text-transform: uppercase;
   margin-top: 0;
   background: #223f83;
   line-height: 45px;
   color: #fff;
   text-align: center;
   background-size: 100% 100%;
   margin-bottom: 15px;
   font-family: open_sansbold;
   margin: 0;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
div.caroll_sp_title h3 a {
   font-size: 14px;
   font-family: robotobold;
   color: #212121;

   display: block;
   text-transform: capitalize;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
div.caroll_sp_desc {
   width: 100%;
   float: left;
   padding: 0px 0px 0px;
   font-family: "RobotoCondensed-Regular";
}
div.caroll_sp_left {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border-right: 1px solid #ccc;
   padding: 10px 0px;
   text-align: center;
}
div.caroll_sp_left span {
   display: inline-block;
   font-size: 35px;
   color: #eba222;
}
div.caroll_sp_right {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   min-height: 30px;
}
div.caroll_sp_right p.price {
   color: #eba222;
   font-size: 15px;
   font-family: Arial;
   display: inline-block;
   text-align: justify;
}
div.caroll_sp_right p.price-old {
   color: #525252;
   font-size: 16px;
   font-family: Arial;
   text-decoration: line-through;
   padding-left: 10px;
}
div.best {
   position: absolute;
   top: -10px;
   left: 10px;
   width: 65px;
   height: 86px;
   background: url(images/best.png) no-repeat top center;
   z-index: 9999999;
   background-size: 100%;
}
div.caroll_sp_right p.mota {
   color: #333333;
   font-size: 15px;
   text-align: justify;
}

div.product_item_danhsach {
   width: 100%;
   float: left;
}
div.product_item_danhsach .item_danhsach {
   float: left;
   margin-bottom: 10px;
   width: 100%;
   background: #ffffff;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.box_caroll_sp_danhsach {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   position: relative;
}
div.caroll_sp_img_danhsach {
   width: 25%;
   float: left;
   text-align: left;
}
div.caroll_sp_img_danhsach img {
   max-width: 100%;
}
div.caroll_sp_title_danhsach {
   text-align: left;
}
div.caroll_sp_title_danhsach h3 {
   font-size: 20px;
   color: #525252;
   text-align: left;
   font-weight: 300;
   padding: 10px 0px;
}
div.caroll_sp_title_danhsach h3 a {
   color: #525252;
}
div.caroll_sp_desc_danhsach {
   padding: 20px 0px 0px;
   text-align: left;
}
div.caroll_sp_left_danhsach {
   width: 13%;
   float: left;
   box-sizing: border-box;
   border-right: 1px solid #ccc;
   padding: 10px 0px;
   text-align: center;
}
div.caroll_sp_left_danhsach span {
   display: inline-block;
   font-size: 35px;
   color: #eba222;
}
div.caroll_sp_right_danhsach {
   width: 40%;
   float: left;
}
div.caroll_sp_right_danhsach p.price_danhsach {
   color: #eba222;
   font-size: 22px;
   font-family: Arial;
   padding-left: 10px;
}
div.caroll_sp_right_danhsach p.price-old_danhsach {
   color: #525252;
   font-size: 16px;
   font-family: Arial;
   text-decoration: line-through;
   padding-left: 10px;
}

div.product_item_luoi {
   width: 100%;
   float: left;
   margin-top: 10px;
}
div.product_item_luoi div.item {
   width: 19%;
   float: left;
   margin-right: 1.2%;

   transition: all 0.6s;
   box-sizing: border-box;
}
div.product_item_luoi div.item:nth-child(5n + 0) {
   margin-right: 0px;
}

div.product_item_luoi div.item:hover h3 a {
   color: #d90000;
}
div.tt-index-title {
   width: 100%;
   float: left;
   margin-top: 10px;
   background: #dddddd;
   margin-bottom: 10px;
}
div.tt-index-title h1 {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 10px;
   color: #eba222;
}
div.tt-index-title {
   width: 100%;
   float: left;
   margin-top: 10px;
   background: #dddddd;
   margin-bottom: 10px;
}
div.tt-index-title h2 {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 10px;
   color: #eba222;
}
div.tt-index-title span {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 5px;
}
a.tt-luoi {
   display: inline-block;
   width: 25px;
   height: 25px;
   margin-top: 2px;
   float: left;
   margin-right: 5px;
   background: url(images/chance_display_icon.png) no-repeat bottom left;
}
a.tt-danhsach {
   display: inline-block;
   width: 25px;
   height: 25px;
   float: left;
   margin-top: 2px;
   margin-right: 5px;
   background: url(images/chance_display_icon.png) no-repeat top left;
}
select.page {
   display: inline-block;
   width: 45px;
   height: 23px;
   margin-top: 3px;
   float: left;
   margin-right: 5px;
   cursor: pointer;
   outline: none;
   border: none;
}
div.tt-title-ctrinh {
   width: 100%;
   float: left;
   background: url(images/title2.jpg) repeat-x top center;
   height: 32px;
   border-radius: 8px;
}
div.tt-title-ctrinh h3 {
   display: inline-block;
   text-transform: uppercase;
   padding: 0px 20px;
   font-family: "RobotoCondensed-Regular";
   font-size: 13px;
   color: #ffffff;
   background: url(images/title.jpg) repeat-x top center;
   line-height: 30px;
   border: 1px solid #000000;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
}
div.tt-desc-ctrinh {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   text-align: center;
}
div.tt-desc-ctrinh img {
   max-width: 100%;
}
.fanpage-w {
   max-width: 190px;
   width: 190px;
}

div.tt-title1 {
   width: 100%;
   float: left;
   background: url(images/title.jpg) repeat-x top center;
}
div.tt-title1-left {
   width: 30%;
   float: left;
}
div.tt-title1-right {
   width: 70%;
   float: right;
}
div.tt-title-ldien {
   width: 100%;
   float: left;
}
div.tt-title-ldien ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-title-ldien ul li {
   width: 100%;
   float: left;
   padding: 0px 0px;
}
div.tt-desc1-left {
   width: 30%;
   float: left;
   box-sizing: border-box;
   border-right: 1px dashed #ccc;
}
div.tt-desc1-left h4 {
   text-align: center;
   font-size: 25px;
   color: #ff0000;
   line-height: 30px;
   font-weight: 300;
   text-transform: uppercase;
   font-family: "RobotoCondensed-Regular";
   margin-top: 10px;
}
div.tt-desc1-right {
   width: 70%;
   float: right;
   text-align: center;
}
div.tt-desc1-right img {
   max-width: 100%;
}
div.pban {
   padding: 10px 0px;
}
.mau1 {
   background: #fff5f5;
}
.mau2 {
   background: #ffffff;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
   width: 100% !important;
}
div.tt-title1 h3 {
   font-size: 15px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 30px;
   font-family: "RobotoCondensed-Regular";
   text-align: center;
}
ul.tt-item-col {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-item-col > li {
   width: 48.6%;
   min-height: 400px;
}
ul.tt-item-col > li:nth-child(n + 0) {
   float: left;
}
ul.tt-item-col > li:nth-child(2n + 0) {
   float: right;
}
div.tt-item-desc-tour {
   width: 100%;
   float: left;
}
div.tt-item-desc-tour p {
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   color: #6f6e6e;
   line-height: 20px;
   margin-bottom: 10px;
   width: 100%;
   float: left;
}
div.tt-item-desc-tour ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-item-desc-tour ul li {
   width: 100%;
   float: left;
   margin-bottom: 5px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   background: #f7f7f6;
   transition: all 0.6s;
}
div.tt-fitem {
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-fitem h5 {
   font-size: 16px;
   font-family: Arial;
   color: #464545;
   font-weight: 300;
   background: url(images/arrow.png) no-repeat left center;
   padding-left: 13px;
}
div.tt-fitem h5 a {
   color: #464545;
}

div.tt-item-desc-order {
   width: 100%;
   float: left;
}
div.tt-item-desc-order ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-item-desc-order ul li {
   width: 100%;
   float: left;
   margin-bottom: 10px;
   transition: all 0.6s;
}
div.tt-item-desc-order ul li img {
   float: left;
   margin-right: 10px;
}
div.tt-item-desc-order ul li h3 {
   font-weight: 300;
   font-family: Arial;
   font-size: 15px;
   line-height: 21px;
   text-transform: uppercase;
   margin-bottom: 5px;
}
div.tt-item-desc-order ul li h3 a {
   color: #3c3c3c;
}
div.tt-item-desc-order ul li p {
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   color: #7e7e7d;
   line-height: 20px;
}

section#tt-provider {
   width: 100%;
   float: left;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 15px 0px;
}

section#tt-company {
   width: 100%;
   float: left;
}
div.tt-desc-compa {
   width: 100%;
   float: left;
}
div.tt-desc-compa > ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-desc-compa > ul > li {
   width: 31%;
   margin: 0px 3.5% 10px;
   float: left;
}
div.tt-desc-compa > ul > li:nth-child(n + 0) {
   margin-left: 0px;
}
div.tt-desc-compa > ul > li:nth-child(3n + 0) {
   margin-right: 0px;
}
div.tt-comp-gt {
   width: 100%;
   float: left;
}
div.tt-comp-gt p {
   font-size: 14px;
   font-family: Arial;
   font-weight: 300;
   color: #424242;
   line-height: 20px;
   text-align: justify;
}
ul.tt-vemaybay {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-vemaybay li {
   width: 100%;
   float: left;
}
ul.tt-vemaybay li h3 {
   font-size: 16px;
   font-family: Arial;
   color: #464545;
   font-weight: 300;
   background: url(images/arrow.png) no-repeat left center;
   padding-left: 13px;
   line-height: 30px;
}
ul.tt-vemaybay li h3 a {
   color: #464545;
}
ul.tt-vemaybay li h3:hover a {
   color: #ff0000;
}
div.tt-comp-gt > a > img {
   max-width: 100%;
}

section#tt-copy {
   width: 100%;
   float: left;
   background: #23232a;
}
div.tt-copy-content {
   width: 100%;
   float: left;
}
div.tt-copy-content p {
   color: #fff;
   font-family: Arial;
   line-height: 40px;
   font-size: 12px;
   text-align: center;
}
div.tt-copy-content p a {
   color: #fff;
}

section.tt-subbackground {
   background: url(images/sub-banner-01.jpg) no-repeat top right;
   padding-top: 15%;
   background-size: 100%;
}

ul.tt-box-news {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-box-news > li {
   width: 48.6%;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #ddd;
   min-height: 120px;
}
ul.tt-box-news > li:nth-child(n + 0) {
   float: left;
}
ul.tt-box-news > li:nth-child(2n + 0) {
   float: right;
}
ul.tt-box-news > li:hover a {
   color: #d90000;
}
div.tt-box-news-img {
   width: 100px;
   float: left;
   margin-right: 10px;
}
div.tt-box-news-img img {
   max-width: 100%;
}
div.tt-box-news-name {
}
div.tt-box-news-name h3 {
   font-size: 16px;
   font-family: Arial;
   color: #093e94;
   font-weight: bold;
   padding-left: 13px;
   line-height: 22px;
}
div.tt-box-news-name h3 a {
   color: #093e94;
}
div.tt-box-news-mota {
   font-family: Arial;
   line-height: 1.4em;
   color: #464545;
}
div.tt-box-news-readmore {
   text-align: right;
   margin-top: 10px;
}
div.tt-box-news-readmore a {
   font-family: Arial;
   border: 1px dashed #e1e1e1;
   padding: 5px 10px;
   color: #093e94;
}

h1.tt-tieude-baiviet {
   font-size: 20px;
   font-family: Arial;
   color: #093e94;
   font-weight: bold;
   line-height: 22px;
}
p.tt-date-baiviet {
   font-family: Arial;
   padding: 5px 0px 5px 0px;
   color: #ccc;
   font-size: 13px;
}
p.tt-mota-baiviet {
   font-family: Arial;
   padding: 5px 0px 5px 0px;
   color: #333;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 10px;
   text-align: justify;
}
div.tt-noidung-baiviet {
   font-family: Arial;
   font-size: 13px;
   text-align: justify;
}
ul.tt-khac {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-khac li {
   width: 100%;
   float: left;
   line-height: 22px;
}
ul.tt-khac li a {
   color: #333333;
   font-family: Arial;
   font-size: 14px;
}
ul.tt-khac li:hover a {
   color: #d90900;
}
div.tt-contact-left {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-contact-right {
   width: 50%;
   float: right;
   box-sizing: border-box;
   border: 10px solid transparent;
}
table.tt-tablelienhe {
   width: 100%;
}
table.tt-tablelienhe tr {
   width: 100%;
   height: 30px;
   text-align: center;
}
table.tt-tablelienhe input.input {
   padding: 6px 10px;
   outline: none;
   width: 65%;
   margin-bottom: 10px;
   box-shadow: 0px 0px 5px #e1e1e1 inset;
   background: #fff;
   border: none;
}
table.tt-tablelienhe textarea.noidung {
   padding: 5px 10px;
   height: 100px;
   outline: none;
   width: 65%;
   margin-bottom: 10px;
   box-shadow: 0px 0px 5px #ddd inset;
   background: #fff;
   border: none;
}
table.tt-tablelienhe input.button {
   padding: 10px 20px;
   background: #093e94;
   color: #333;
   border: none;
   border-radius: 5px;
   display: inline-block;
   outline: none;
}

.boxedcontainer {
   max-width: 1170px;
   margin: auto;
   padding: 0px 30px;
}
.tp-banner-container {
   width: 100%;
   position: relative;
   padding: 0;
}
.tp-banner {
   width: 100%;
   position: relative;
}
.tp-banner-fullscreen-container {
   width: 100%;
   position: relative;
   padding: 0;
}

section#tt-gioithieu {
   width: 100%;
   float: left;
}
div.limit-wrap {
   z-index: 9999999;
   text-align: center;
   float: left;
   min-height: 300px;
   width: 100%;
   position: relative;
}
.move-into-slider {
   margin-top: -150px;
}
div.limit-wrap h3 {
   font-size: 30px;
   color: #f73100;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 300;
   background: url(images/line_bt.png) no-repeat bottom center;
   line-height: 40px;
   width: 100%;
   float: left;
}
div.limit-wrap h3 a {
   color: #f73100;
}
div.limit-wrap > div.move-mota {
   width: 100%;
   margin-top: 10px;
   color: #7c7b7b;
   font-size: 14px;
   font-family: Arial;
   max-width: 800px;
   margin: 0 auto;
}
div.limit-wrap > div.move-mota a.xemthem {
   color: #f73100;
   font-size: 13px;
}

section#tt-dichvu {
   width: 100%;
   float: left;
   background: url(images/bg-dichvu.jpg) repeat-y;
}
div.limit-wrap1 {
   z-index: 9999999;
   text-align: center;
   float: left;
   width: 100%;
   position: relative;
}
div.limit-wrap1 h3 {
   font-size: 30px;
   color: #f73100;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 300;
   background: url(images/line_bt.png) no-repeat bottom center;
   line-height: 40px;
   width: 100%;
   float: left;
}
div.limit-wrap1 h3 a {
   color: #f73100;
}
div.tt-dichvu-content {
   width: 100%;
   float: left;
   padding: 50px 0px;
}
div.tt-list-dichvu {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-list-dichvu ul {
   list-style: none;
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-list-dichvu ul li {
   width: 28%;
   display: inline-block;
   min-height: 200px;
   margin: 10px 2.5%;
   text-align: center;
   transition: all 0.6s;
}
div.tt-list-dichvu ul li a img {
   max-width: 100%;
}
div.tt-list-dichvu ul li h4 {
   font-size: 15px;
   text-transform: uppercase;
   font-family: Arial;
   font-weight: bold;
   line-height: 22px;
   overflow: hidden;
   padding: 10px 0px;
   height: 13px;
}
div.tt-list-dichvu ul li h4 a {
   color: #333333;
}
div.tt-list-dichvu ul li p {
   color: #7c7b7b;
   font-family: Arial;
   font-family: 300;
   line-height: 22px;
   font-size: 15px;
}
a.xemthem {
   color: #f73100;
   font-size: 15px;
}

section#tt-duan {
   width: 100%;
   float: left;
}
div.tt-duan-top {
   width: 100%;
   float: left;
   background: url(images/bgduan.png) no-repeat top center;
   min-height: 187px;
}
div.tt-duan-middle {
   width: 100%;
   float: left;
}
div.tt-duan-middle ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-duan-middle ul li {
   width: 25%;
   float: left;
   max-height: 262px;
   transition: all 0.6s;
}
div.tt-duan-middle ul li img {
   width: 100%;
}
div.tt-duan-bottom {
   width: 100%;
   float: left;
   background: url(images/bottom-duan.png) no-repeat top center;
   min-height: 154px;
}
div.tt-duan-top h3 {
   width: 100%;
   float: left;
   margin-top: 30px;
   font-size: 25px;
   font-family: Arial;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
}
div.tt-duan-top h3 a {
   color: #fff;
}
div.tt-duan-top ul {
   list-style: none;
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-duan-top ul li {
   display: inline-block;
   margin: 40px 30px;
}
div.tt-duan-top ul li a {
   font-family: "ARIALN";
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   padding-bottom: 10px;
   display: inline-block;
}
div.tt-duan-top ul li a:hover {
   background: url(images/duan_line.png) no-repeat bottom right;
   color: #f0542d;
}
div.viewall-duan {
   width: 100%;
   float: left;
   margin: 70px 0px;
   text-align: center;
}
div.viewall-duan a {
   padding: 10px 30px;
   font-size: 15px;
   font-family: Arial;
   font-weight: 300px;
   color: #f0542d;
   border: 1px solid #f0542d;
}

section#tt-doitac {
   width: 100%;
   float: left;
}

section.gray {
   background: #e9e9e9;
   padding: 50px 0px;
}

section#tt-footer-top {
   width: 100%;
   float: left;
   padding: 20px 0px;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   background: #ffffff;
}
div.item_left_footer {
   width: 30%;
   float: left;
   margin-bottom: 10px;
}
div.item_right_footer {
   width: calc(100% - 30%);
   float: left;
   margin-bottom: 10px;
}
div.item_right_footer ul,
div.item_right_footer ul ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.item_right_footer ul li {
   width: 25%;
   float: left;
}
div.item_right_footer ul li h4 {
   font-size: 12px;
   text-transform: uppercase;
   color: #333333;
}
div.item_right_footer ul li ul li {
   width: 100%;
   float: left;
}
div.item_right_footer ul li ul li a {
   font-size: 12px;
   color: #333333;
   line-height: 20px;
   display: block;
   padding-left: 10px;
   background: url(images/arrow.png) no-repeat 3px center;
}
div.item_right_footer ul li ul li:hover a {
   color: #ff0000;
}
div.padding_hoidap {
   max-width: 520px;
   margin: 20px auto;
   display: none;
}
div.site_newa {
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
div.site_newa div.bung_a {
   width: 100%;
   float: left;
   background: #0099ff;
}
div.site_newa div.bung_a h3 {
   line-height: 30px;
   font-size: 15px;
   padding-left: 10px;
   color: #fff;
   font-weight: 300;
   font-family: Arial;
}
div.tt-sfooter {
   width: 100%;
   float: left;
   padding: 20px 0px;
}
div.tt-sfooter ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-sfooter > ul > li:first-child {
   width: 60%;
   float: left;
}
div.tt-sfooter > ul > li:last-child {
   width: 40%;
   float: left;
   text-align: right;
}
#nhanemail {
}
.bgmail4 {
   height: 36px;
   font-size: 13px;
   outline: none;
   text-indent: 15px;
   border: none;
   color: #000;
   width: 100%;
   background: #fff;
}
div.tt-sfooter > ul > li h4 {
   font-size: 15px;
   font-family: "RobotoCondensed-Regular";
   text-transform: uppercase;
   color: #333333;
   padding: 10px 0px 10px;
}
div.tt-sfooter > ul > li > p > span {
   color: #d90000;
}
div.tt-sfooter > ul > li > p {
   font-size: 12px;
   font-family: Arial;
}
.cma {
   padding: 15px;
   max-width: 1000px;
   margin: auto;
}
.bgmail {
   height: 39px;
   border-radius: 4px;
   font-size: 13px;
   outline: none;
   text-indent: 5px;
   border: none;
}

.mkl {
   margin-bottom: 10px;
}
.kt {
   width: 80px;
   background: #1270a0;
   height: 35px;
   display: block;
   float: left;
   line-height: 35px;
   text-align: center;
   color: #fff;
   font-size: 14px;
}
.container1 {
   max-width: 1200px;
   margin: 0 auto;
}
ul.ship_page {
   list-style: none;
   width: 100%;
   float: left;
   padding: 20px 0px;
}
ul.ship_page li {
   width: 33.33%;
   float: left;
   box-sizing: border-box;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
}
ul.ship_page li img {
   float: left;
   margin-right: 10px;
}
ul.ship_page li h3 {
   font-size: 16px;
   text-transform: uppercase;
   color: #333333;
}
ul.ship_page li p {
   font-size: 14px;
   color: #333333;
}
section#tt-footer {
   width: 100%;
   float: left;
   background: url(images/ftbtom.png) no-repeat bottom center,
      url(images/bgft.png) no-repeat top center;
   min-height: 218px;
   margin-top: 10px;
   margin-bottom: 10px;
}

div.tt-sfooter-cont {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-footer-title {
   width: 100%;
   float: left;
}
div.tt-footer-title h2 {
   color: #898888;
   font-size: 17px;
   text-transform: uppercase;
   text-align: left;
}
div.tt-footer-desc {
   width: 100%;
   float: left;
   margin-top: 30px;
}
div.tt-contfooter {
   float: left;
   width: 60%;
}
div.tt-newsfooter {
   float: right;
   width: 40%;
   text-align: center;
}
div.box_l > h3 {
   font-size: 16px;
   font-weight: 300;
   text-transform: uppercase;
   color: #f0542d;
   padding-bottom: 5px;
}
div.box_l h4 {
   color: #7c7b7b;
   font-size: 12px;
   font-family: Arial;
   font-weight: 300;
}

div.div_content {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
}
div.datcauhoi {
   display: inline-block;
   padding: 5px 20px;
   font-size: 15px;
   color: #fff;
   font-weight: 300;
   font-family: Arial;
   cursor: pointer;
   background: #eba222;
}
div.class_padding {
   max-width: 800px;
   margin: auto;
   background: #e9ebf2;
   box-sizing: border-box;
   padding: 30px;
   margin-bottom: 30px;
   font-family: open_semi;
   font-size: 14px;
}
h3.ds_cauhoi {
   width: 100%;
   float: left;
   line-height: 30px;
   font-size: 14px;
   color: #333;
}
ul.ul_hoidap {
   list-style: none;
   width: 100%;
   float: left;
}
ul.ul_hoidap li {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
}
div.cauhoi_item {
   width: 100%;
   float: left;
   cursor: pointer;
}
ul.ul_hoidap li img {
   width: 20px;
   float: left;
   margin-right: 10px;
}
ul.ul_hoidap li h4 {
   line-height: 20px;
   font-size: 15px;
   color: #333;
   font-weight: 300;
}
ul.ul_hoidap li h4:hover,
ul.ul_hoidap li h4.active {
   color: #0099ff;
}
div.cautraloi {
   width: 100%;
   float: left;
   margin-top: 10px;
   display: none;
}
.cnw {
   font-weight: bold;
   font-size: 12px !important;
   color: #099703 !important;
}
.cap1 li {
   list-style: none;
   margin-bottom: 8px;
}
div.cautraloi > p {
   color: #d90000;
}
.cap1 a {
   font-size: 13px;
   color: #675b5b;
   line-height: 27px;
}
#demo1 .item {
   margin: 0 0px 0px 0px;
   border: 0;
}
div.contact {
   width: 100%;
   margin-top: 10px;
}
div.tintuc-desc {
   width: 100%;
   float: left;
   padding: 10px 0px;
}
div.tintuc-item {
   width: 100%;
   float: left;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px dotted #055699;
   box-sizing: border-box;
   font-family: roboto_r;
}
div.tintuc-item img {
   width: 25%;
   float: left;
   margin-right: 10px;
}
div.tintuc-item h3 {
   font-size: 1.2em;
   color: #ff0000;
   text-align: left;
   margin-top: 0;
}
div.tintuc-item h3 a {
   color: #f00;
   display: block;
   font-family: robotobold;
   font-size: 15px;
}
div.tintuc-item h3:hover a {
   color: #004798;
}
div.tintuc-item p {
   font-size: 1em;
   color: #333;
   text-align: justify;
   min-height: 60px;
}
div.tailieu {
   width: 100%;
   text-align: center;
}
div.tailieu a {
   display: inline-block;
   padding: 5px 30px;
   background: #0099ff;
   color: #ffffff;
}
.tablelienhe span {
   color: #f00;
   padding-right: 10px;
   padding-left: 5px;
}
.tablelienhe span.mkg {
   color: #000;
   float: left;
   padding-top: 1px;
}
.tablelienhe span a {
   color: #f00;
}
.vb {
   position: fixed;
   top: 100px;
   right: 4px;
}
.tablelienhe1 td {
   text-align: right;
   margin-right: 10px;
}
.tablelienhe1 td span {
   color: #f00;
}
.tfc {
   font-family: open_semi;
   font-size: 14px;
}
.tablelienhe1 tr {
}
#map_canvas {
   width: 100%;
   height: 500px;
}
.tablelienhe1 input {
   max-width: 100%;
   width: 98%;
   border: 1px solid #ccc;
   height: 33px;
   border-color: #a0a6f5;
   border-radius: 2px;
   margin-bottom: 10px;
   text-indent: 10px;
}
.tablelienhe tr {
   height: 40px;
}
.tablelienhe td {
   height: 30px;
   text-align: left;
}
.tablelienhe .input {
   azimuth: center;
   width: 100%;
   height: 35px;
   outline: none;
   padding: 0px 7px;
   border: 1px solid #ccc;
   background: #fff;
   margin-top: 7px;
   margin-bottom: 8px;
}
.tablelienhe .title {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}
.tablelienhe .noidung {
   width: 100%;
   height: 100px;
   padding: 10px 7px;
   outline: none;
   border: 1px solid #ccc;
   background: #fff;
   margin-top: 7px;
   margin-bottom: 5px;
}
.muangay {
   display: inline-block;
   border: none;
   background: url(images/muangay.png);
   color: #ffffff;
   font-weight: bold !important;
   width: 197px;
   cursor: pointer;
   outline: none;
   height: 44px;
   float: left;
   background-size: 100% 100%;
}
div.container_left {
   width: 75%;
   float: left;
}
div.container_right {
   width: 25%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.title_right_bg {
   width: 100%;
   float: left;
   min-height: 30px;
   background: #eba222;
}
div.title_right_bg h3 {
   line-height: 30px;
   color: #fff;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   padding-left: 10px;
}
div.desc_right_bg {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.desc_right_bg ul {
   list-style: none;
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.desc_right_bg ul li {
   width: 100%;
   float: left;
}
div.desc_right_bg ul li a {
   display: block;
   padding: 5px 0px;
   font-size: 13px;
   color: #333333;
}

div.container_sp_left {
   width: 15%;
   float: left;
}
div.container_sp_right {
   width: 85%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-top: 0px solid transparent;
   border-right: 0px solid transparent;
}
div.tt-right-desc-detail-l {
   float: left;
   width: 40%;
}
div.tt-right-desc-detail-l img {
   max-width: 100%;
}
div.box_padding {
   width: 100%;
   float: left;
   box-sizing: border-box;

   margin-top: 10px;
}
div.padd {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
.tyi {
   color: #000;
   font-size: 14px;
   margin-bottom: 10px;
   position: relative;
   font-family: roboto_r;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
}
.mota_tt {
   line-height: 25px;
}
.nameDetail {
   font-size: 20px;
   color: #000;
   margin-bottom: 13px;
   font-family: robotobold;
   border-bottom: 1px dashed #ccc;
   padding-bottom: 8px;
   text-transform: uppercase;
}
.lkr b {
   font-family: open_semi;
   font-size: 14px;
}
.lkr {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   margin-bottom: 12px;
   font-family: roboto_r;
   line-height: 24px;
}
.gia_detail {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   margin-bottom: 13px;
   font-size: 14px;
   font-family: open_semi;
}
.cgt:hover {
   color: #f00;
}
h1.nameDetail {
   font-size: 20px;
   color: #333333;
   padding: 5px 0px 10px;
}
div.tt-right-desc-detail-r {
   float: left;
   width: 58%;
   margin-left: 2%;
}
div.mota span.price-old {
   font-size: 28px;
   color: #ccc;
   text-decoration: line-through;
}
div.mota_gia span.price1 {
   font-size: 20px;
   color: #ff0000;
}
.spv {
   float: right;
   width: 18%;
   margin-top: -20px;
}
.chungvb {
   color: #000;
   font-size: 14px;
   margin-top: 10px;
}
.mota_gia {
   margin: 20px 0px;
   border: 1px dashed #f00;
   text-indent: 12px;
   padding: 4px 0px;
}
.vhl {
}
.muasl {
   height: 37px;
   text-align: center;
   width: 70px;
   border: 1px solid #ccc;
}
.tyi b {
   min-width: 110px;
   display: block;
   float: left;
   font-weight: normal;
}
.kpd {
   width: 20%;
   float: right;
   margin-top: -20px;
}
.muahang2 {
   background: url(images/themvaogiohang.png);
   width: 197px;
   height: 44px;
   outline: none;
   border: none;
   float: left;
   background-size: 100% 100% !important;
   margin-right: 5px;
}
div.now_item {
   width: 100%;
   float: left;
   text-align: center;
}
.dongThongTin {
   margin-top: 5px;
}
div.now_item img {
   padding: 3px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   background: #fff;
   width: 100%;
}
div.owl-prev,
div.owl-next {
   position: absolute;
   top: 25%;
   width: 15px;
   height: 40px;
}
div.owl-prev {
   left: 0px;
   background: url(images/left.png) no-repeat top left;
   display: block !important;
   font-size: 0;
}
div.owl-next {
   right: 0px;
   background: url(images/right.png) no-repeat top right;
   font-size: 0;
   display: block !important;
}
ul.tabs_product {
   width: 100%;
   float: left;
   border: 1px solid #c4cbe4;
   list-style: none;
   background: #e9ebf2;
}
ul.tabs_product li {
   float: left;
   cursor: pointer;
   color: #f00;
   border-right: 1px solid #ccc;
   padding: 10px 10px;
   font-family: open_sansbold;
   text-transform: uppercase;
}
.tenbanner {
   font-size: 25px;
   color: #e0a703;
   float: none;
   margin: auto;
   text-align: center;
   margin-top: 25px;
   font-family: avo;
   margin-bottom: 10px;
   max-width: 690px;
}
.tenlogo {
   float: left;
}

ul.tabs_product li span {
   display: block;
   /* padding-left: 10px; */
   color: #444;
   font-size: 14px;
}
ul.tabs_product li.active {
   background: #fff;
}
ul.tabs_product li.active span,
ul.tabs_product li:hover span {
   color: #223f83;
}
div.tabs_pad {
   width: 100%;
   float: left;
   display: none;
   padding: 10px;
}
.padd1 {
}
div.tabs_pad.active {
   display: block;
}
div.tabs_pad1 img {
   max-width: 100%;
}
.h_frame {
   position: relative;
   text-align: center;
}
.h_frame iframe {
   margin: 0 auto;
}
div.red {
   background: red;
}
div.blue {
   background: blue;
}
div.yellow {
   background: yellow;
}
div.pink {
   background: pink;
}
div.gray {
   background: gray;
}
div.green {
   background: green;
}
.button:hover {
   background: #282A75;
   color: #fff;
}
#top {
   color: #fff;
   font-weight: 500;
   text-align: center;
   position: fixed;
   bottom: 54px;
   right: 24px;
   display: none;
   cursor: pointer;
   width: 0px;
   height: 0px;
   text-indent: -99999999px;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid #093e94;
   -moz-transition: background-color 0.2s ease-in-out;
   -ms-transition: background-color 0.2s ease-in-out;
   -o-transition: background-color 0.2s ease-in-out;
   -webkit-transition: background-color 0.2s ease-in-out;
   transition: background-color 0.2s ease-in-out;
}
#top:hover {
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid #990004;
}
ul.pagination {
   text-align: center;
   color: #829994;
   padding: 10px 0px;
}
.da_img {
   width: 100%;
   margin-bottom: 15px;
}
ul.pagination li {
   display: inline;
   padding: 0 3px;
}
ul.pagination a {
   color: #0d7963;
   display: inline-block;
   padding: 5px 10px;
   border: 1px solid #cde0dc;
   text-decoration: none;
}
ul.pagination a:hover,
ul.pagination a.current {
   background: #055699;
   color: #fff;
}
#loader {
   width: 100%;
   margin: 30px auto;
   display: none;
}
#fountainG {
   position: relative;
   width: 234px;
   height: 28px;
   margin: auto;
}

.fountainG {
   position: absolute;
   top: 0;
   background: rgb(235, 162, 34);
   width: 28px;
   height: 28px;
   animation-name: bounce_fountainG;
   -o-animation-name: bounce_fountainG;
   -ms-animation-name: bounce_fountainG;
   -webkit-animation-name: bounce_fountainG;
   -moz-animation-name: bounce_fountainG;
   animation-duration: 1.5s;
   -o-animation-duration: 1.5s;
   -ms-animation-duration: 1.5s;
   -webkit-animation-duration: 1.5s;
   -moz-animation-duration: 1.5s;
   animation-iteration-count: infinite;
   -o-animation-iteration-count: infinite;
   -ms-animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
   animation-direction: normal;
   -o-animation-direction: normal;
   -ms-animation-direction: normal;
   -webkit-animation-direction: normal;
   -moz-animation-direction: normal;
   transform: scale(0.3);
   -o-transform: scale(0.3);
   -ms-transform: scale(0.3);
   -webkit-transform: scale(0.3);
   -moz-transform: scale(0.3);
   border-radius: 19px;
   -o-border-radius: 19px;
   -ms-border-radius: 19px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
}

#fountainG_1 {
   left: 0;
   animation-delay: 0.6s;
   -o-animation-delay: 0.6s;
   -ms-animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
   -moz-animation-delay: 0.6s;
}

#fountainG_2 {
   left: 29px;
   animation-delay: 0.75s;
   -o-animation-delay: 0.75s;
   -ms-animation-delay: 0.75s;
   -webkit-animation-delay: 0.75s;
   -moz-animation-delay: 0.75s;
}

#fountainG_3 {
   left: 58px;
   animation-delay: 0.9s;
   -o-animation-delay: 0.9s;
   -ms-animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s;
   -moz-animation-delay: 0.9s;
}

#fountainG_4 {
   left: 88px;
   animation-delay: 1.05s;
   -o-animation-delay: 1.05s;
   -ms-animation-delay: 1.05s;
   -webkit-animation-delay: 1.05s;
   -moz-animation-delay: 1.05s;
}

#fountainG_5 {
   left: 117px;
   animation-delay: 1.2s;
   -o-animation-delay: 1.2s;
   -ms-animation-delay: 1.2s;
   -webkit-animation-delay: 1.2s;
   -moz-animation-delay: 1.2s;
}

#fountainG_6 {
   left: 146px;
   animation-delay: 1.35s;
   -o-animation-delay: 1.35s;
   -ms-animation-delay: 1.35s;
   -webkit-animation-delay: 1.35s;
   -moz-animation-delay: 1.35s;
}

#fountainG_7 {
   left: 175px;
   animation-delay: 1.5s;
   -o-animation-delay: 1.5s;
   -ms-animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s;
   -moz-animation-delay: 1.5s;
}

#fountainG_8 {
   left: 205px;
   animation-delay: 1.64s;
   -o-animation-delay: 1.64s;
   -ms-animation-delay: 1.64s;
   -webkit-animation-delay: 1.64s;
   -moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
   0% {
      transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-o-keyframes bounce_fountainG {
   0% {
      -o-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -o-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-ms-keyframes bounce_fountainG {
   0% {
      -ms-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -ms-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-webkit-keyframes bounce_fountainG {
   0% {
      -webkit-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -webkit-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-moz-keyframes bounce_fountainG {
   0% {
      -moz-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -moz-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}
#footerSlideContainer {
   bottom: 5px;
   position: fixed;
   right: 5px;
   width: 350px;
   z-index: 999999999999;
}
#footerSlideButton {
   background: url("images/hotro.png") no-repeat scroll left top transparent;
   border: medium none;
   cursor: pointer;
   height: 89px;
   position: absolute;
   right: -8px;
   top: -83px;
   width: 204px;
}
#footerSlideContent {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 #efefef;
   border-color: #006795 -moz-use-text-color #006795 #006795;
   border-image: none;
   border-style: solid none solid solid;
   border-width: 5px medium medium 5px;
   bottom: -5px;
   color: #cccccc;
   font-family: DejaVuSansBook, Sans-Serif;
   font-size: 0.8em;
   height: 0;
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 15px 0px 0px 0px;
   -moz-border-radius: 15px 0px 0px 0px;
}
#footerSlideContent h3 {
   color: #9ac941;
   font-size: 36px;
   margin: 10px 0;
}
#footerSlideContent ul {
   color: #ee8d40;
   line-height: 2em;
   list-style-type: none;
}
#footerSlideText {
   color: #065f92;
   font-size: 11px;
   padding: 10px 5px 5px;
   text-shadow: 1px 1px #ffffff;
}
#footerSlideText .note {
   color: red;
   left: 20px;
   position: relative;
}
#footerSlideText .line {
   background: url("http://img.hostvn.net/line.gif") repeat-x scroll center top
      transparent;
   height: 2px;
   margin: 12px auto;
   width: 95%;
}
#footerSlideText .titles {
   color: #006795;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}
#footerSlideText ul {
   list-style: none outside none;
   margin: 10px 0 0 20px;
   padding: 0;
   width: 294px;
}
#footerSlideText ul li {
   background: none repeat scroll 0 0 transparent;
   color: #006795;
   font-size: 12px;
   font-weight: bold;
   list-style: none outside none;
   margin-top: 8px;
   padding: 0;
}
#footerSlideText ul li .left {
   display: inline-block;
   width: 80px;
}
#footerSlideText ul li .right {
   display: inline-block;
   width: auto;
}
.SkypeButton_Chat {
   float: left;
   margin-right: 5px;
}
.SkypeButton_Chat img {
   vertical-align: middle !important;
   margin: 0px !important;
}

.tcat {
   font-size: 16px;
   font-family: RobotoBoldCondensed;
   background: #000;
   color: #fff;
   line-height: 40px;
   border-right: 1px solid #fff;
   text-indent: 15px;
   border-radius: 5px;
   margin-top: 10px;
}

.new_sp {
   font-size: 14px;
   border-right: 1px solid #ccc;
   height: 317px;
   overflow: hidden;
}
.new_sp h3 {
   font-size: 14px;
   margin-top: 15px;
}
.price span {
   color: #f00;
   font-weight: bold;
}
.new_sp img {
   padding: 5px !important;
}
.tk {
   position: relative;
}
.cvg1 {
   position: absolute;
   top: 39px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.height {
   height: 30px;
   clear: both;
}
.sanpham {
   float: left;
   width: 190px;
}
.tmb {
   color: #fff;
   margin-bottom: 10px;
   font-family: RobotoCondensed-Regular;
   font-size: 20px;
   font-weight: bold;
}
.mdz {
   font-size: 14px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   line-height: 30px;
}
.thongtin {
   width: 130px;
   float: left;
   margin-left: 20px;
}
.tft span {
   color: #f00;
   font-weight: bold;
   padding-left: 10px;
}
.ajax_video {
   position: relative;
}
.vkt1 {
   height: 310px;
   overflow: auto;
}
.listVideo {
   display: block;
   cursor: pointer;
   margin: 0 2px;
}
.tft {
   background: url(images/cmk.png) no-repeat center left;
   color: #000;
   padding-left: 15px;
   line-height: 26px;
}
.tft a {
   color: #000;
}
.mh1 {
   line-height: 25px;
   height: 50px;
   max-width: 340px;
   background: url(images/mh1.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
   color: #333437;
}
.mh1 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.mh2 {
   line-height: 50px;
   color: #333437;
   height: 50px;
   background: url(images/mh2.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
}
.mh2 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.mh3 {
   line-height: 50px;
   color: #333437;
   height: 50px;
   background: url(images/mh2.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
}
.mh3 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.ndf1 {
   float: left;
   width: 20%;
}
.ndf2 {
   float: left;
   width: 20%;
}
.wll1 {
   width: 80%;
   float: left;
}
.title_ft span {
   background: #1c2c68;
   padding-right: 10px;
}
.cvg2 {
   position: absolute;
   top: 63px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.title_ft {
   text-transform: uppercase;
   color: #e2e1e1;
   font-family: RobotoBoldCondensed;
}
#footer {
   /* font-family: open_semi; */
   font-size: 14px;
   color: #ffffff;
}
.hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
   border-top: 1px solid #ff0000;
}
.cvg3 {
   position: absolute;
   top: 86px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.yhk {
   color: #fff;
   font-family: open_rr;
   margin-bottom: 5px;
}
.yhk span:first-child {
   margin-right: 10px;
   min-width: 55px;
   display: block;
   float: left;
}
.yhk span:last-child {
   color: #ff3131;
   font-family: utm_heve;
   font-size: 17px;
   margin-left: 10px;
}
.a_ft {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   color: #6c6e72;
   font-size: 13px;
   margin-bottom: 10px;
   background: url(images/rxs.png) no-repeat left top 5px;
   padding-left: 10px;
}
.a_ft:last-child {
   border: none;
}
.khhv:hover {
   right: 0px;
}
.h3_f {
   font-family: robotobold;
   font-size: 15px;
   color: #282A75;
   margin-top: 30px;
   margin-bottom: 15px;
   text-transform: uppercase;
}
.cvh1 {
   width: 46%;
   float: left;
}
.cvh2 {
   width: 46%;
   float: right;
}
.h3_f span {
   background: #1c2c68;
   display: block;
   height: 2px;
   width: 35px;
   margin-top: 8px;
}
.mottram {
   width: 100%;
}
.kft1 {
   float: left;
}
.psan_c {
   color: #223f83;
   padding-left: 3px;
}
.ft_f {
   padding: 15px;
   font-size: 14px;
   color: #b7bbc2;
   border-top: 2px solid #bcbcbc;
   border-bottom: 1px solid #bcbcbc;
   margin-bottom: 10px;
}
.chde {
   color: #000;
   max-width: 1230px;
   margin: auto;
   padding: 0 15px;
}
.ft_top {
   padding-bottom: 15px;
}
.tfr {
   text-align: right;
}
.title_all {
   text-transform: uppercase;
   margin: 0 15px;
   background: #e9ebf2;
   line-height: 45px;
   position: relative;
   font-family: open_sansbold;
   font-size: 18px;
   border-radius: 4px;
   color: #223f83;
   padding-left: 15px;
}
.clear_25 {
   height: 25px;
   clear: both;
}
.all_ip {
   width: 100%;
   height: 35px;
   background: none;
   border: 1px solid #fff;
   color: #fff;
   border-radius: 4px;
   padding-left: 7px;
   font-family: roboto_r;
   margin-bottom: 10px;
}
.m50_left {
   width: 49%;
   float: left;
}
.m50_right {
   width: 49%;
   float: right;
}
.m70_left {
   width: 70%;
   float: left;
}
.m30_right {
   width: 28%;
   float: right;
}
.ft_tetra {
   width: 100%;
   background: none;
   border: 1px solid #fff;
   height: 35px;
   border-radius: 4px;
   padding: 5px;
}
.ft_sm {
   font-family: avo;
   color: #fff;
   width: 100%;
   height: 35px;
   background: #ffd800;
   border-radius: 4px;
}
.mft {
   line-height: 26px;
}
.kft2 {
   float: right;
}
.title_ft1 {
   font-size: 17px;
   font-family: avo;
   border: 2px dotted;
   max-width: 200px;
   text-align: center;
   border-radius: 8px;
   line-height: 35px;
   margin-bottom: 15px;
   margin-top: 50px;
}
.title_ft2 span {
   color: #ff0;
   font-family: avo;
}
.title_ft2 {
   font-size: 17px;
   margin-bottom: 15px;
}
.img_mxh {
   margin-left: 0px;
   margin-top: 17px;
   margin-right: 5px !important;
}
#map_canvas1 {
   height: 210px;
   border: 5px solid #ddd8d0;
   width: 90%;
}
.ndft img {
   float: left;
   margin-right: 10px;
}
.kft {
   padding: 7px 0px;
   font-size: 12px;
   background: #c2790c;
   margin-top: 10px;
}
.ndft {
   padding-bottom: 25px;
   padding-top: 25px;
   line-height: 25px;
}
.cvg4 {
   position: absolute;
   top: 111px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.i {
   width: 33px;
   height: 33px;
   /*background: url(images/i.png);*/
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 999;
}
.caroll_sp_img:hover .hvmt {
   opacity: 0.7 !important;
}
.hvmt {
   display: block;
   overflow: hidden;
   background: #fff;
   height: 96%;
   padding: 2% 0;
   /* font-size: 12px; */
   /* color: #fff; */
   line-height: 16px;
   position: absolute;
   top: 0;
   left: 0;
   width: 96%;
   right: 0;
   bottom: 0;
   z-index: 99;
   -webkit-transition-duration: 0.7s;
   -moz-transition-duration: 0.7s;
   -o-transition-duration: 0.7s;
   transition-duration: 0.7s;
   -ms-opacity: 0;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   pointer-events: none;
   margin: auto;
   color: #000;
   padding-top: 75px;
   font-size: 14px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
}
.u {
   width: 33px;
   height: 33px;
   background: url(images/u.png);
   position: absolute;
   top: 10px;
   left: 53px;
   z-index: 999;
   line-height: 52px;
   font-size: 11px;
   color: #f00;
   text-align: right;
   padding-right: 2px;
}
.img_qc img {
   width: 100%;
}
.img_qc {
   margin-top: 15px;
}
.ndftp {
   border-left: 1px solid #fa2a32;
}
h4.ftc {
   font-size: 16px;
   color: #fff;
}
.h20 {
   height: 20px;
   clear: both;
}
.title_sp {
   background: url(images/spt.png) no-repeat bottom left;
   padding-bottom: 10px;
   font-family: tahoma;
   text-transform: uppercase;
   font-size: 20px;
   color: #000;
   margin-bottom: 20px;
}
.spm {
   background: #099703;
   color: #fff;
   text-align: center;
   line-height: 35px;
   font-family: RobotoBoldCondensed;
   font-size: 18px;
}
h3.pb {
   text-align: left;
   padding-left: 8px;
   font-weight: bold;
}
h4.mota {
   font-size: 13px;
   text-align: left;
   padding-left: 8px;
   line-height: 19px;
   height: 58px;
   overflow: hidden;
   margin: 0;
}
.frm_ft {
   margin-bottom: 15px;
}
#list_news {
   padding: 50px 0px;
   background: #f2f2f2;
   overflow: hidden;
}
#list_news .item_news {
   width: 100%;
}
#list_news .item_news .box_item {
   background: #ffffff;
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   position: relative;
   border: 0px;
}

#list_news .item_news .box_item .title_cat {
   border-bottom: 2px solid #282A75;
}
#list_news .item_news .box_item .title_cat h4 {
   font-size: 25px;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   font-weight: normal;
   padding: 15px 0px;
   background: #282A75;
   margin: 0px;
}
#list_news .item_news .box_item .title_cat h4 a{
   color:#fff;
}
#list_news .item_news .box_item .content_news {
   padding: 20px;
}

#list_news .item_news .banner-hover {
   /* max-height: 290px; */
   /* max-width: 330px; */
   /* margin-bottom: 15px; */
}
#list_news .item_news img {
   max-width: 100%;
}
#list_news .item_news .decription {
   text-align: center;
}
#list_news .item_news .decription h3 {
   font-size: 16px;
   line-height: 20px;
   text-transform: uppercase;
   color: #252728;
   text-align: justify;
   font-weight: normal;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   margin-bottom: 15px;
   margin-top: 15px;
}
#list_news .item_news .decription > h3 > a {
   color: #333333;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp: 3;
   height: 60px;
}
#list_news .item_news .decription > h3 > a:hover {
   color: #282A75;
   font-family: 'RobotoBold';
}
#list_news .item_news .decription .div_btn a {
   color: #333333;
}
#list_news .item_news .decription .div_btn a:hover{border-color: #282A75;color: #282A75;}
#list_news .item_news .decription .short {
   line-height: 20px;
   color: #666666;
   text-align: justify;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp:3;
   height: 60px;
}
.div_btn {
   margin-top: 20px;
   margin-bottom: 10px;
   text-align: left;
}

#list_news .item_news .decription ul {
}
#list_news .item_news .decription ul li {
   text-align: left;
   position: relative;
   margin-left: 10px;
}
#list_news .item_news .decription ul li a {
   line-height: 24px;
   display: block;
   text-align:
   justify;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp: 2;
   height: 48px;
}
#list_news .item_news .decription ul li a:hover{color: #282A75;font-family: 'RobotoBold';}
.list-tabs-news{
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 25px;
    max-width: 100%;
    margin: 25px auto;
}
.list-tabs-news li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: #646464;
    text-transform: uppercase;
    position: relative;
    line-height: 23px;
    list-style: none;
}
.list-tabs-news li a{
    display: block;
    padding: 12px;
    border: 1px solid #dcdcdc;
   font-family: roboto_r;
}
.list-tabs-news li a:hover{background:#282A75;color:#fff;border-color:#282A75;font-family: 'RobotoBold';}
.list-tabs-news li.active a{
    background: #282A75;
    color: #fff;
    border-color: #282A75;
}
.w-100{width: 100%;}
.cover-tuyendung-left{}
.title-tuyendung-left{
    margin: 0;
    background: #282A75;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-family: RobotoBoldCondensed;
    text-transform: uppercase;
    font-size: 18px;
}
.cover-tuyendung-left ul{}
.cover-tuyendung-left ul li{
    list-style: none;
}
.cover-tuyendung-left ul li a{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-family: 'roboto_r';
    border-left: 2px solid #fff;
}
.cover-tuyendung-left ul li a:hover{color:#282A75;border-left:2px solid #282A75;}
.floating-contact{
    position: fixed;
    right: 0;
    top: 190px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    width: 42px;
    gap: 0;
    color: #1A1A1A;
}
.floating-contact__item{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #d9dee8;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4px 12px rgba(31, 42, 68, 0.06);
    color: #1A1A1A;
    cursor: pointer;
    overflow: visible;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.floating-contact__item + .floating-contact__item{
    border-top: 0;
}
.floating-contact__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: transparent;
    position: relative;
    z-index: 2;
    color: #1f2530;
    transition: color .2s ease;
}
.floating-contact__icon--phone i{
    display: block;
    font-size: 18px;
    line-height: 1;
}
.floating-contact__zalo-mark{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 18px;
    border: 1px solid currentColor;
    border-radius: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}
.floating-contact__zalo-mark:after{
    content: "";
    position: absolute;
    left: 5px;
    bottom: -4px;
    width: 6px;
    height: 6px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    background: #fff;
    transform: rotate(-35deg);
}
.floating-contact__panel{
    position: absolute;
    top: -1px;
    right: 41px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 178px;
    height: 42px;
    padding: 0 13px;
    border: 1px solid #d9dee8;
    background: #fff;
    color: #1A1A1A;
    box-shadow: 0 5px 16px rgba(31, 42, 68, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.floating-contact__item:hover .floating-contact__panel,
.floating-contact__item:focus .floating-contact__panel,
.floating-contact__item:focus-within .floating-contact__panel{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.floating-contact__label{
    display: block;
    font-family: RobotoBoldCondensed;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    white-space: nowrap;
}
.floating-contact__value{
    display: block;
    margin-top: 1px;
    color: #282A75;
    font-family: RobotoBoldCondensed;
    font-size: 15px;
    line-height: 17px;
    white-space: nowrap;
}
.floating-contact__item--zalo .floating-contact__value{color:#0A68FE;}
.floating-contact__item--zalo:hover,
.floating-contact__item--zalo:focus,
.floating-contact__item--zalo:focus-within{border-color:#0A68FE;background:#f8fbff;}
.floating-contact__item--hotline:hover,
.floating-contact__item--hotline:focus,
.floating-contact__item--hotline:focus-within{border-color:#d9454a;background:#fff8f8;}
.floating-contact__item--zalo:hover .floating-contact__icon,
.floating-contact__item--zalo:focus .floating-contact__icon,
.floating-contact__item--zalo:focus-within .floating-contact__icon{color:#0A68FE;}
.floating-contact__item--hotline:hover .floating-contact__icon,
.floating-contact__item--hotline:focus .floating-contact__icon,
.floating-contact__item--hotline:focus-within .floating-contact__icon{color:#d9454a;}
.floating-contact__item:hover .floating-contact__label,
.floating-contact__item:focus .floating-contact__label,
.floating-contact__item:focus-within .floating-contact__label{color:#EB0A1E;}

.floating-quote-popup{
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}
.floating-quote-popup.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.floating-quote-popup__overlay{
    position: absolute;
    inset: 0;
    background: rgba(11,18,32,.58);
}
.floating-quote-popup__dialog{
    position: relative;
    z-index: 1;
    width: 390px;
    max-width: 100%;
    padding: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.26);
   border-radius: 10px;
}
.floating-quote-popup__close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: #333;
    font-size: 18px;
    cursor: pointer;
}
.floating-quote-popup__title{
    margin: 0 32px 18px 0;
    color: #282A75;
    font-family: RobotoBoldCondensed;
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
}
.floating-quote-popup__form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.floating-quote-popup__form input,
.floating-quote-popup__form select{
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #d9dee8;
    background: #fff;
    color: #1A1A1A;
    font-size: 14px;
    box-sizing: border-box;
}
.floating-quote-popup__form button[type="submit"]{
    height: 44px;
    border: 0;
    background: #EB0A1E;
    color: #fff;
    font-family: RobotoBoldCondensed;
    font-size: 17px;
    text-transform: uppercase;
    cursor: pointer;
}
.floating-quote-popup__form button[type="submit"]:disabled{
    opacity: .55;
    cursor: default;
}
/*QTPT*/
#QTPT .tieude {
    margin-bottom: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #01a759;
    text-transform: uppercase;
}
#QTPT .motnganhai::after {
    content: "";
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% - 112px);
    background: #282A75;
}
#QTPT {
    /*background: url('./uploads/background/bsm2.jpg');*/
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 50px 0;
    margin-bottom: 50px;
}

.banner-VCT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.banner-VCT img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#QTPT::before,
.banner-VCT::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    z-index: -1;
}

#QTPT .container::after {
    content: "";
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% - 112px);
    background: #fff;
}

#QTPT .tieude {
    margin-bottom: 20px;
}

#QTPT .tieude+div {
    background: transparent;
}

#QTPT .content-QTPT {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

#QTPT .content-QTPT:nth-child(2n) {
    flex-direction: row-reverse;
}

#QTPT .content-QTPT .detail {
    background: #282A75;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
    text-align: justify;
    position: relative;
}

#QTPT .content-QTPT .detail::before {
    content: "";
    position: absolute;
    border: 10px solid;
    border-color: transparent transparent transparent #282A75;
    left: 100%;
    top: 20%;
}

#QTPT .content-QTPT:nth-child(2n) .detail::before {
    border-color: transparent #282A75 transparent transparent;
    left: unset;
    right: 100%;
}

#QTPT .content-QTPT .detail p {
    margin: 0;
    line-height: 1.5;
   font-size: 14px;
}

#QTPT .content-QTPT .image img {
    border: 5px solid #cdcdcf;
    border-radius: 50px 10px 50px 10px;
}

#QTPT .content-QTPT .year {
    display: flex;
    justify-content: center;
    z-index: 1;
}

#QTPT .content-QTPT .name {
    background: #282A75;
   border: 5px solid #cdcdcf;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.form-tuvan{
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}
.form-tuvan input,
.form-tuvan select{
    width: 100%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0px;
}
.form-tuvan select{
    height: 34px;
    background: #fff;
    color: #8a8a8a;
}
.form-tuvan input[type='submit']{
    padding: 10px 0px;
    border: none;
    border-radius: 3px;
    background: #282A75;
    color: #fff;
    font-family: RobotoBoldCondensed;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
}
.form-tuvan input[type='submit']:disabled{
    cursor: not-allowed;
    opacity: .55;
}
.phutung-quote-box .form-tuvan{
    border-top: none;
}
.phutung-quote-cart{
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
}
.phutung-quote-cart__head{
    margin-bottom: 8px;
    color: #25216d;
    font-family: RobotoBoldCondensed;
    font-size: 16px;
    text-transform: uppercase;
}
.phutung-quote-cart__list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.phutung-quote-cart__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 0;
    border-top: 1px solid #eee;
}
.phutung-quote-cart__item:first-child{
    border-top: none;
}
.phutung-quote-cart__item a{
    color: #333;
    line-height: 1.35;
}
.phutung-quote-cart__item span{
    flex: 0 0 auto;
    color: #777;
}
.phutung-quote-cart__link{
    display: block;
    margin-top: 10px;
    padding: 9px 10px;
    border-radius: 3px;
    background: #25216d;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.phutung-quote-cart__remove{
    flex: 0 0 auto;
    margin: 0;
}
.phutung-quote-cart__remove button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 3px;
    background: #f0f0f0;
    color: #777;
    cursor: pointer;
}
.phutung-quote-cart__remove button:hover{
    background: #e8242c;
    color: #fff;
}
.phutung-quote-cart__empty{
    color: #777;
    line-height: 1.45;
}
.phutung-quote-page{
    padding-bottom: 30px;
}
.phutung-quote-page .tdmain_right{
    width: 26%;
}
.phutung-quote-page .tdmain_left{
    width: 72%;
}
.phutung-quote-request{
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.phutung-quote-request__title{
    padding: 16px 28px;
    background: #25216d;
    color: #fff;
    font-size: 24px;
    font-family: RobotoBoldCondensed;
    text-transform: uppercase;
}
.phutung-quote-request__form{
    padding: 30px 22px 18px;
}
.phutung-quote-request__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.phutung-quote-request input,
.phutung-quote-request textarea{
    width: 100%;
    border: 1px solid #cfd6df;
    border-radius: 4px;
    padding: 14px 16px;
    color: #222;
    font-size: 16px;
    line-height: 22px;
    outline: none;
}
.phutung-quote-request textarea{
    min-height: 150px;
    resize: vertical;
    margin-top: 14px;
}
.phutung-quote-request__submit{
    margin: 28px 0 18px;
    text-align: center;
}
.phutung-quote-request__submit button{
    min-width: 210px;
    border: none;
    border-radius: 5px;
    background: #ed1f2b;
    color: #fff;
    padding: 14px 30px;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
}
.phutung-quote-request__submit button:disabled{
    cursor: not-allowed;
    opacity: .55;
}
.phutung-quote-table{
    margin: 0 0 30px;
    border: 1px solid #eee;
    background: #fff;
}
.phutung-quote-table__head,
.phutung-quote-table__row{
    display: grid;
    grid-template-columns: 150px minmax(180px, 1.15fr) minmax(220px, 1.35fr) 170px;
    align-items: stretch;
}
.phutung-quote-table__head{
    background: #eee;
    color: #222;
    font-family: RobotoBoldCondensed;
    font-size: 17px;
}
.phutung-quote-table__head > div{
    padding: 15px 16px;
    text-align: center;
}
.phutung-quote-table__row{
    min-height: 170px;
    border-top: 1px solid #eee;
}
.phutung-quote-table__row > div{
    padding: 18px 16px;
    display: flex;
    align-items: center;
}
.phutung-quote-table__image{
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.phutung-quote-table__image img{
    max-width: 120px;
    max-height: 105px;
    object-fit: contain;
}
.phutung-quote-table__name,
.phutung-quote-table__desc,
.phutung-quote-table__qty{
    justify-content: center;
}
.phutung-quote-table__desc{
    justify-content: flex-start;
}
.phutung-quote-table__remove{
    margin-top: 10px;
}
.phutung-quote-table__remove button{
    border: none;
    background: transparent;
    color: #888;
    font-size: 14px;
    cursor: pointer;
}
.phutung-quote-table__name a{
    color: #111;
    font-family: RobotoBoldCondensed;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}
.phutung-quote-table__desc{
    color: #222;
    font-size: 15px;
    line-height: 1.55;
}
.phutung-quote-qty{
    display: flex;
    justify-content: center;
    width: 100%;
}
.phutung-quote-qty button,
.phutung-quote-qty input{
    width: 48px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff;
    text-align: center;
    font-size: 18px;
}
.phutung-quote-qty button{
    cursor: pointer;
    font-weight: 700;
}
.phutung-quote-empty{
    margin: 0 0 30px;
    padding: 18px;
    border: 1px solid #eee;
    color: #777;
    text-align: center;
}
.phutung-quote-empty a{
    color: #25216d;
    font-weight: 700;
}
.hline{
    margin: 10px 0px;
    border-radius: 3px;
    background: #d40000;
}
.phutung-hotline{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
    padding: 8px 10px;
    min-height: 44px;
    border-radius: 3px;
    background: #d40000;
    color: #fff;
    text-align: center;
}
.phutung-hotline__text{
    font-family: RobotoBoldCondensed;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
}
.phutung-hotline__text strong{font-weight: normal;}
.phutung-hotline__actions{
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.phutung-hotline__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
}
.phutung-hotline__icon--phone{
    color: #d40000;
    font-size: 18px;
}
.phutung-hotline__icon img{
    max-width: 19px;
    max-height: 19px;
}
.phutung-hotline__icon--zalo{background:#0A68FE;}
.phutung-hotline__icon--zalo img{
    max-width: 20px;
    max-height: 20px;
}

.selo::-webkit-input-placeholder { /* Edge */
  color: ##8a8a8a;
}

.selo:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8a8a8a;
}

.selo::placeholder {
  color: #8a8a8a;
}
.box-cat{
    text-align: center;
    margin-bottom: 30px;
}
.box-cat p{
    display: inline-block;
}
.box-cat p a{
    font-size: 15px;
    padding: 10px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    transition: 0.5s;
    display: block;
}
.box-cat p a:hover{background: #282A75;border-color: #282A75;color:#fff;}

.box-cat--accordion {
    max-width: 560px;
    text-align: left;
}

.phutung-nav-card {
    background: #fff;
    border: 1px solid #e9ebf2;
    box-shadow: 0 12px 28px rgba(19, 33, 87, .08);
    margin-bottom: 2rem;
}

.phutung-nav-card__title {margin: 0;background: #282A75;color: #fff;line-height: 40px;text-align: center;font-family: RobotoBoldCondensed;text-transform: uppercase;font-size: 18px;}

.phutung-nav-group + .phutung-nav-group {
    border-top: 1px solid #eef0f5;
}

.phutung-nav-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0px 10px;
}

.phutung-nav-group__link {
    flex: 1 1 auto;
    padding: 15px 0;
    color: #181818;
    /* font-family: open_sansbold; */
    /* font-size: 16px; */
    /* line-height: 1.45; */
    text-transform: uppercase;
}

.phutung-nav-group__link.is-active,
.phutung-nav-group__link:hover {
    color: #282A75;
}

.phutung-nav-group__toggle {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.phutung-nav-group__toggle:before,
.phutung-nav-group__toggle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 2px;
    background: #7e7e7e;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    transition: transform .25s ease, opacity .25s ease, background .25s ease;
}

.phutung-nav-group__toggle:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.phutung-nav-group.is-open .phutung-nav-group__toggle:before,
.phutung-nav-group:hover .phutung-nav-group__toggle:before,
.phutung-nav-group:hover .phutung-nav-group__toggle:after {
    background: #282A75;
}

.phutung-nav-group.is-open .phutung-nav-group__toggle:after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(.2);
}

.phutung-nav-group__body {
    background: #f7f8fb;
    border-top: 1px solid #eef0f5;
    /* padding: 14px 0; */
}

.phutung-nav-group__children {
    margin: 0;
    padding: 0;
    list-style: none;
}

.phutung-nav-group__child-link {
    display: block;
    padding: 12px 24px 12px 34px;
    color: #666;
    font-family: roboto_r;
    font-size: 16px;
    line-height: 1.6;
}

.phutung-nav-group__child-link.is-active,
.phutung-nav-group__child-link:hover {
    color: #282A75;
}

.tdmain_right-main .phutung-nav-card {
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .box-cat--accordion {
        margin-bottom: 24px;
    }

    .phutung-nav-card__title {
        padding: 16px 18px;
        font-size: 18px;
    }

    .phutung-nav-group__head {
        padding-left: 16px;
        padding-right: 12px;
    }

    .phutung-nav-group__link {
        padding: 18px 0;
        font-size: 16px;
    }

    .phutung-nav-group__toggle {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .phutung-nav-group__child-link {
        padding: 10px 16px 10px 24px;
        font-size: 15px;
    }
}

/* Home page refresh */
.page-home section#site-content{
    background: #f4f6fb;
}
.home-shell{
    padding: 40px 0 0;
}
.home-section{
    padding: 0 0 48px;
}
.home-company{padding-top:48px;background: url(images/bg-sup.jpg) no-repeat;background-size: cover;}
.home-news{padding-top:48px;background:#fff;}
.home-section-heading{
    text-align: center;
    margin-bottom: 28px;
}
.home-section-heading__eyebrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(40,42,117,0.08);
    color: #282A75;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    margin-bottom: 14px;
}
.home-section-heading h2{
    margin: 0;
    color: #282A75;
    text-transform: uppercase;
    font-family: 'RobotoBoldCondensed';
    font-size: 38px;
    line-height: 1.1;
}
.home-products .home-section-heading{
    margin-bottom: 34px;
}
.home-products .home-section-heading__eyebrow{
    display: none;
}
.home-panel{
    background: #fff;
    border-radius: 26px;
    box-shadow: 0 20px 50px rgba(23, 37, 84, 0.10);
    padding: 28px;
}
.home-products .home-panel{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    overflow: visible;
}
.home-tabs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 48px;
    margin-bottom: 38px;
    padding-bottom: 0;
    border-bottom: 1px solid #e6e7eb;
}
.home-tab-button{
    position: relative;
    border: 0;
    background: transparent;
    color: #35393f;
    border-radius: 0;
    padding: 0 0 18px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    transition: color 0.25s ease;
    outline: none;
}
.home-tab-button:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 4px;
    border-radius: 999px;
    background: #c83b2f;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}
.home-tab-button:hover,
.home-tab-button.active{
    color: #35393f;
}
.home-tab-button.active:after{
    transform: scaleX(1);
}
.home-tab-panel{
    display: none;
}
.home-tab-panel.active{
    display: block;
}
.home-tab-description{
    max-width: 920px;
    margin: -12px auto 30px;
    color: #6c7280;
    font-size: 16px;
    line-height: 1.55;
    text-align: center;
    font-style: italic;
}
.home-tab-description p{
    margin: 0 0 8px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.home-tab-description p:last-child{
    margin-bottom: 0;
}
.home-product-carousel{
    position: relative;
    /* padding: 0 34px; */
}
.home-product-slider{
    margin: 0 -12px;
}
.home-product-slider .slick-list{
    padding: 0 !important;
}
.home-product-slider .slick-slide{
    height: auto;
}
.home-product-slider .slick-slide > div{
    height: 100%;
}
.home-product-slide{
    padding: 0 12px 18px;
}
.home-product-slide .product-showcase-card{
    height: 100%;
}
.home-product-slide .product-showcase-card__image img{
    height: 190px;
}
.home-product-slide .product-showcase-card__title{
    font-size: 16px;
}
.home-product-card{
    background: #fff;
    border: 1px solid #ebedf2;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.home-product-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}
.home-product-thumb{
    position: relative;
    display: block;
    padding: 22px 18px 10px;
    min-height: 208px;
    background: #fff;
}
.home-product-thumb img{
    width: 100%;
    height: 172px;
    object-fit: contain;
}
.home-product-badge{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 60px;
    padding: 8px 6px 14px;
    border-radius: 8px 8px 0 0;
    background: #d92828;
    color: #fff;
    font-size: 9px;
    line-height: 1.05;
    text-align: center;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    box-shadow: 0 10px 20px rgba(217, 40, 40, 0.22);
    z-index: 2;
}
.home-product-badge:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 11px solid #d92828;
}
.home-product-badge small,
.home-product-badge strong{
    display: block;
    color: inherit;
}
.home-product-badge small{
    font-size: 8px;
    margin-bottom: 2px;
    letter-spacing: 0.03em;
}
.home-product-badge strong{
    font-size: 16px;
    line-height: 1;
    font-family: 'RobotoBoldCondensed';
}
.home-product-body{
    padding: 4px 14px 16px;
}
.home-product-title{
    margin: 0 0 12px;
    min-height: 54px;
    font-size: 20px;
    line-height: 1.12;
    font-family: 'RobotoBoldCondensed';
    text-transform: uppercase;
    text-align: center;
}
.home-product-title a{
    color: #31353c;
}
.home-product-title a:hover{
    color: #d92828;
}
.home-product-spec{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    border-radius: 6px;
    padding: 8px 16px;
    margin-bottom: 8px;
    color: #4b4f56;
    font-size: 16px;
    line-height: 1.25;
}
.home-product-spec span,
.home-product-spec strong{
    color: inherit;
    font-size: inherit;
}
.home-product-spec strong{
    font-family: 'RobotoBold';
}
.home-product-spec--primary{
    background: #dce7ff;
}
.home-product-spec--secondary{
    background: #f2f3f7;
}
.home-product-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0 14px;
}
.home-product-tags span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #e2e4ea;
    background: #fff;
    color: #555962;
    font-size: 15px;
    line-height: 1.15;
}
.home-product-tags span:first-child{
    border-color: #86aef8;
    color: #6e95e4;
    box-shadow: inset 0 0 0 1px rgba(134, 174, 248, 0.28);
}
.home-product-summary{
    color: #5f6673;
    font-size: 15px;
    line-height: 1.4;
}
.home-product-summary strong{
    display: block;
    margin-bottom: 4px;
    color: #2d3139;
    font-size: 16px;
    line-height: 1.25;
    font-family: 'RobotoBold';
}
.home-product-summary span{
    display: block;
}
.home-product-arrow{
    position: absolute;
    top: 37%;
    z-index: 3;
    width: 38px;
    height: 38px;
    border: 1px solid #e67b71;
    border-radius: 8px;
    background: #fff;
    color: #d7493d;
    font-size: 30px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
}
.home-product-arrow--prev{
    left: -42px;
}
.home-product-arrow--next{
    right: -42px;
}
.home-product-arrow:hover{
    background: #d7493d;
    border-color: #d7493d;
    color: #fff;
}
.home-product-arrow.slick-disabled{
    opacity: 0.35;
    cursor: default;
}
.home-product-arrow.slick-disabled:hover{
    background: #fff;
    border-color: #e67b71;
    color: #d7493d;
}
.home-panel-more{
    text-align: center;
    margin-top: 22px;
}
.home-panel-more a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 292px;
    min-height: 52px;
    padding: 14px 28px;
    border-radius: 6px;
    background: #c64031;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 13px;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 24px rgba(198, 64, 49, 0.18);
}
.home-panel-more a:hover{
    background: #282A75;
    color: #fff;
}
.home-panel-more a i{
    font-size: 18px;
}
.home-news .home-section-heading{
    display: none;
}
.home-news-tabs{
    display: none;
}
.home-news-tab-button{
    position: relative;
    border: 0;
    background: transparent;
    color: #3f3f44;
    border-radius: 0;
    padding: 0 0 18px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    transition: color 0.25s ease;
    outline: none;
}
.home-news-tab-button:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 4px;
    border-radius: 999px;
    background: #c83b2f;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}
.home-news-tab-button:hover,
.home-news-tab-button.active{
    color: #3f3f44;
}
.home-news-tab-button.active:after{
    transform: scaleX(1);
}
.home-news-panel{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
}
.home-news-tab-panel{
    display: block;
    min-width: 0;
    border: 1px solid #e6e8ef;
    border-radius: 10px;
    background: #fff;
    padding: 24px 24px 28px;
    box-shadow: 0 18px 40px rgba(17, 29, 67, .06);
    overflow: hidden;
}
.home-news-tab-panel.active{
    display: block;
}
.home-news-panel-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.home-news-panel-title h3{
    margin: 0;
    color: #282A75;
    text-transform: uppercase;
    font-family: 'RobotoBoldCondensed';
    font-size: 34px;
    line-height: 1.06;
}
.home-news-tab-panel:first-child .home-news-panel-title h3{
    color: #282A75;
    text-transform: uppercase;
}
.home-news-panel-head > a{
    color: #888d96;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: underline;
    text-underline-offset: 4px;
    white-space: nowrap;
}
.home-news-panel-head > a:hover{
    color: #d92828;
}
.home-news-feature{
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid #ececec;
}
.home-news-feature__media{
    display: block;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 18px;
    /* aspect-ratio: 16 / 9; */
}
.home-news-feature__media img{
    width: 100%;
    /* height: 100%; */
    /* object-fit: cover; */
    display: block;
}
.home-news-feature__content{
    padding-right: 0;
}
.home-news-feature__meta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #393939;
    font-size: 14px;
    line-height: 1;
    /* font-family: 'RobotoBold'; */
    /* font-family: robotobold; */
    font-weight: bold;
}
.home-news-feature__meta i{
    color: #2f2f35;
    font-size: 16px;
}
.home-news-feature__title{
    margin: 0 0 12px;
    color: #35353d;
    text-transform: uppercase;
    font-family: 'RobotoBoldCondensed';
    font-size: 26px;
    line-height: 1.22;
}
.home-news-feature__title a{
    color: inherit;
}
.home-news-feature__title a:hover{
    color: #d92828;
}
.home-news-feature__desc{
    margin: 0 0 16px;
    color: #6f6f77;
    line-height: 1.58;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.home-news-feature__more{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #d92828;
    font-family: 'RobotoBold';
    font-size: 15px;
}
.home-news-feature__more:hover{
    color: #282A75;
}
.home-news-feature__more i{
    font-size: 16px;
}
.home-news-list{
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 22px 0 0;
    padding: 0;
}
.home-news-list li{
    list-style: none;
}
.home-news-list li a{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #3b3b3b;
    font-size: 16px;
    line-height: 1.45;
    font-family: 'RobotoBold';
}
.home-news-list__icon{
    flex: 0 0 16px;
    margin-top: 4px;
    color: #3b3b3b;
    font-size: 12px;
    line-height: 1;
}
.home-news-list__text{
    flex: 1 1 auto;
}
.home-news-list li a:hover{
    color: #d92828;
}
.home-news-list li a:hover .home-news-list__icon{
    color: #d92828;
}
.home-news-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.home-news-card{
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
.home-news-card__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 14px;
}
.home-news-card__head h3{
    margin: 0;
    color: #282A75;
    text-transform: uppercase;
    font-family: 'RobotoBoldCondensed';
    font-size: 28px;
    line-height: 1;
}
.home-news-card__head a{
    color: #9aa5bb;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    white-space: nowrap;
}
.home-news-card__head a:hover{
    color: #d92828;
}
.home-news-image{
    display: block;
    padding: 0 24px;
}
.home-news-image img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 18px;
}
.home-news-body{
    padding: 22px 24px 26px;
}
.home-news-date{
    display: inline-block;
    margin-bottom: 10px;
    color: #d92828;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    letter-spacing: 0.6px;
}
.home-news-title{
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.25;
    font-family: 'RobotoBoldCondensed';
    text-transform: uppercase;
}
.home-news-title a{
    color: #1f2a44;
}
.home-news-title a:hover{
    color: #282A75;
}
.home-news-desc{
    margin: 0 0 16px;
    color: #68768f;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 96px;
}
.home-news-links{
    margin: 0;
    padding: 0;
    border-top: 1px solid #edf1f7;
    padding-top: 14px;
}
.home-news-links li{
    list-style: none;
    margin-bottom: 10px;
}
.home-news-links li:last-child{
    margin-bottom: 0;
}
.home-news-links li a{
    position: relative;
    display: block;
    padding-left: 16px;
    color: #3f4b63;
    line-height: 1.45;
}
.home-news-links li a:before{
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d92828;
}
.home-news-links li a:hover{
    color: #282A75;
}
.home-company-panel{
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 40px;
    /* background: linear-gradient(135deg, rgba(17,28,76,0.96) 0%, rgba(40,42,117,0.92) 60%, rgba(30,76,156,0.90) 100%), url(images/bgtt.jpg) center center/cover no-repeat; */
    /* box-shadow: 0 22px 48px rgba(18, 32, 78, 0.22); */
}
.home-company-panel:before{
    content: "";
    position: absolute;
    inset: auto -120px -120px auto;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}
.home-company-panel__inner{
    position: relative;
    z-index: 1;
}
.home-company-heading{
    max-width: 820px;
    margin: 0 auto 30px;
    text-align: center;
}
.home-company-heading .home-section-heading__eyebrow{
    background: rgba(255,255,255,0.12);
    color: #fff;
}
.home-company-heading h2{
    margin: 0 0 14px;
    color: #fff;
    font-family: 'RobotoBoldCondensed';
    font-size: 38px;
    text-transform: uppercase;
    line-height: 1.1;
}
.home-company-heading p{
    margin: 0;
    color: rgba(255,255,255,0.82);
    line-height: 1.75;
}
.home-company-cards{
    display: flex;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: center;
    justify-content: center;
}
.home-company-card{
    background: #fff;
    border-radius: 20px;
    padding: 15px 22px;
    min-height: 220px;
    box-shadow: 0 18px 36px rgba(4, 13, 38, 0.18);
    width: 100%;
    max-width: 350px;
    text-align: center;
}
.home-company-card__icon{
    /* width: 58px; */
    /* height: 58px; */
    /* border-radius: 16px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 18px;
    max-height: 64px;
}
.home-company-card__icon img{max-height:64px}
.home-company-card h3{
    margin: 0 0 18px;
    color: #1d2746;
    /* text-transform: uppercase; */
    font-family: 'RobotoBoldCondensed';
    font-size: 20px;
    line-height: 1.15;
    font-weight: bold;
}
.home-company-card p{
    margin: 0;
    color: #4d5b74;
    line-height: 2;
    font-size: 22px;
    background: #BD3129;
    border-radius: 50px;
    color: #fff;
    max-width: 200px;
    margin: 0 auto;
    font-weight: bold;
}
.page-home .foter_top{
    display: none;
}
.page-home .kff{
    padding-top: 34px;
    margin-top: 0;
}
.page-home .chde{
    margin-top: 0;
}

@media screen and (max-width: 1199px){
    .home-product-carousel{
        padding: 0 28px;
    }
    .home-tab-button{
        font-size: 17px;
    }
    .home-news .home-section-heading h2{
        font-size: 36px;
    }
    .home-news-tabs{
        gap: 42px;
        margin-bottom: 24px;
    }
    .home-news-panel{
        padding: 0;
    }
    .home-news-feature{
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .home-news-list{
        gap: 14px 24px;
    }
}

@media screen and (max-width: 767px){
    .home-shell{
        padding-top: 26px;
    }
    .home-section{
        padding-bottom: 32px;
    }
    .home-section-heading{
        margin-bottom: 20px;
    }
    .home-section-heading h2,
    .home-company-heading h2{
        font-size: 28px;
    }
    .home-panel,
    .home-company-panel{
        padding: 20px;
        border-radius: 20px;
    }
    .home-news-panel{
        grid-template-columns: 1fr;
        padding: 0;
        border-radius: 0;
    }
    .home-news-tab-panel{
        padding: 20px;
    }
    .home-products .home-panel{
        padding: 0;
        border-radius: 0;
    }
    .home-news .home-section-heading{
        margin-bottom: 18px;
    }
    .home-news .home-section-heading h2{
        font-size: 30px;
    }
    .home-news-tabs{
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 28px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e6e7eb;
    }
    .home-news-tabs::-webkit-scrollbar{
        display: none;
    }
    .home-news-tab-button{
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 16px;
        padding-bottom: 14px;
    }
    .home-news-tab-panel{
        display: none;
    }
    .home-news-tab-panel.active{
        display: block;
    }
    .home-tabs{
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0;
        gap: 28px;
        margin-bottom: 26px;
    }
    .home-tabs::-webkit-scrollbar{
        display: none;
    }
    .home-tab-button{
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 16px;
        padding-bottom: 14px;
    }
    .home-tab-description{
        margin: -8px auto 22px;
        font-size: 14px;
    }
    .home-product-carousel{
        padding: 0 18px;
    }
    .home-product-thumb{
        min-height: 180px;
    }
    .home-product-thumb img{
        height: 144px;
    }
    .home-product-title{
        min-height: 0;
        font-size: 18px;
    }
    .home-product-spec{
        padding: 8px 12px;
        font-size: 15px;
    }
    .home-product-tags span,
    .home-product-summary,
    .home-product-summary strong{
        font-size: 14px;
    }
    .home-product-arrow{
        top: 34%;
        width: 34px;
        height: 34px;
        font-size: 26px;
    }
    .home-product-arrow--prev{
        left: -4px;
    }
    .home-product-arrow--next{
        right: -4px;
    }
    .home-panel-more a{
        min-width: 0;
        width: 100%;
        max-width: 320px;
    }
    .home-news-panel-head{
        align-items: flex-start;
        /* flex-direction: column; */
    }
    .home-news-panel-title h3{
        font-size: 24px;
    }
    .home-news-feature{
        grid-template-columns: 1fr;
        gap: 18px;
        padding-bottom: 20px;
    }
    .home-news-feature__title{
        font-size: 22px;
    }
    .home-news-feature__desc{
        margin-bottom: 14px;
    }
    .home-news-feature__more{
        font-size: 14px;
    }
    .home-news-list{
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 20px;
    }
    .home-news-list li a{
        font-size: 15px;
    }
    .home-company-cards{
        grid-template-columns: 1fr;
    }
    .home-company-card{
        min-height: 0;
    }
}

/* Header and footer refresh */
section#tt-header{
    background: #ffffff;
    /*position: relative;*/
    z-index: 30;
    /* box-shadow: 0 14px 36px rgba(21, 33, 70, 0.08); */
}
.home-header-bar{
    /* background: #ffffff; */
    /* border-bottom: 1px solid #eef1f6; */
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
}
.home-header-bar__inner{
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    /* border-radius: 0px 0px 20px 20px; */
    /* box-shadow: 0px 0px 10px 0px #ccc; */
}
.home-header-logo{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 135px;
    /* margin-right: 8px; */
}
.home-header-logo img{
    max-width: 100%;
    /* max-height: 48px; */
    /* object-fit: contain; */
}
.home-header-desktop{
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.home-header-brandline{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}
.home-header-brandline__tag{
    color: #e0652f;
    font-weight: 800;
}
.home-header-brandline__dot{
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #f0b16d;
    flex: 0 0 auto;
}
.home-header-brandline__text{
    color: #7f8aa4;
    font-weight: 700;
    letter-spacing: 0.12em;
}
.home-header-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.home-header-nav{
    flex: 1 1 auto;
    min-width: 0;
    padding-bottom: 5px;
}
.home-header-nav > ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
.home-header-nav > ul > li{
    margin: 0;
    padding: 10px 2px;
    position: relative;
}
.home-header-nav > ul > li:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f2692f 0%, #c83b30 100%);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}
.home-header-nav > ul > li.active:after,
.home-header-nav > ul > li:hover:after{
    transform: scaleX(1);
}
.home-header-nav > ul > li > h3{
    margin: 0;
}
.home-header-nav > ul > li > h3 > a{
    display: inline-flex;
    align-items: center;
    padding: 4px;
    color: #243159;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: color 0.25s ease;
}
.home-header-nav > ul > li.active > h3 > a,
.home-header-nav > ul > li:hover > h3 > a{
    color: #c83c31;
}
.home-header-nav > ul > li > ul,
.home-header-nav > ul > li > .spmn{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 9999999;
}
.home-header-nav > ul > li > ul{
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 260px;
    padding: 12px 0;
    margin: 0;
    border-radius: 20px;
    border: 1px solid #eef1f6;
    background: #ffffff;
    box-shadow: 0 20px 44px rgba(20, 33, 70, 0.14);
    transform: translateY(12px);
}
.home-header-nav > ul > li > ul > li,
.home-header-nav > ul > li > ul > li > ul > li{
    position: relative;
    margin: 0;
    padding: 0;
}
.home-header-nav > ul > li > ul > li:after,
.home-header-nav > ul > li > ul > li > ul > li:after{
    display: none;
}
.home-header-nav > ul > li > ul > li > h2,
.home-header-nav > ul > li > ul > li > ul > li > h2{
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.home-header-nav > ul > li > ul > li > h2 > a,
.home-header-nav > ul > li > ul > li > ul > li > h2 > a{
    display: block;
    padding: 11px 18px;
    color: #42506b;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    transition: color 0.2s ease, background 0.2s ease, padding-left 0.2s ease;
}
.home-header-nav > ul > li > ul > li:hover > h2 > a,
.home-header-nav > ul > li > ul > li > ul > li:hover > h2 > a{
    color: #e0652f;
    background: #f8fafc;
    padding-left: 22px;
}
.home-header-nav > ul > li > ul > li > ul{
    list-style: none;
    position: absolute;
    top: 0;
    left: calc(100% - 8px);
    display: block;
    width: 240px;
    padding: 12px 0;
    margin: 0;
    border-radius: 20px;
    border: 1px solid #eef1f6;
    background: #ffffff;
    box-shadow: 0 20px 44px rgba(20, 33, 70, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.home-header-nav > ul > li:hover > ul,
.home-header-nav > ul > li:hover > .spmn,
.home-header-nav > ul > li > ul > li:hover > ul{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.home-header-nav > ul > li:hover > ul{
    transform: translateY(0);
}
.home-header-nav > ul > li > ul > li:hover > ul{
    transform: translateX(0);
}
.home-header-nav > ul > li > .spmn{
    position: absolute;
    top: 100%;
    left: 300%;
    right: auto;
    width: 980px;
    max-width: calc(100vw - 48px);
    height: auto;
    margin: 0;
    padding: 24px;
    padding-right: 10px;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid #eef1f6;
    background: #ffffff;
    box-shadow: 0 22px 48px rgba(20, 33, 70, 0.16);
    transform: translateX(-50%) translateY(12px);
}
.home-header-nav > ul > li:hover > .spmn{
    transform: translateX(-50%) translateY(0);
}
.home-header-nav .spmn_l1{
    margin-top: 0;
    margin-left: 0;
    width: 238px;
    height: 318px;
    padding-top: 0;
    padding-right: 18px;
    border-right: 1px solid #eef1f6;
    overflow: hidden;
}
.home-header-nav .spmn_l2{
    width: calc(100% - 256px);
    height: 318px;
    margin-left: 18px;
    padding-top: 0;
    overflow: hidden;
}
.home-header-nav .div_spmn_l2{
    width: 100%;
    height: 100%;
}
.home-header-nav .cf_menu{
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px dashed #d8dee8;
    font-size: 12px;
    line-height: 1.65;
    color: #7a8599;
}
.home-header-nav .cf_menu:last-child{
    margin-bottom: 0;
}
.home-header-nav .cf_menu a{
    display: block;
    color: #243159;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.home-header-nav .cf_menu p{
    margin: 6px 0 0;
    color: #7f8aa4;
}
.home-header-nav .cf_menu:hover a{
    color: #e0652f;
}
.home-header-nav .spl{
    padding: 0 10px 18px;
}
.home-header-nav .spl > a{
    position: relative;
    display: block;
}
.home-header-nav .spl img{
    width: 100%;
    height: 96px;
    object-fit: contain;
}
.home-header-nav .spl h3{
    margin-top: 10px;
    margin-bottom: 4px;
}
.home-header-nav .spl h3 a{
    display: block;
    color: #243159;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}
.home-header-nav .spl:hover h3 a{
    color: #e0652f;
}
.home-header-nav .spl p{
    margin: 0;
    color: #7f8aa4;
    font-size: 12px;
    line-height: 1.6;
}
.home-header-tools{
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
}
.home-header-lang{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    min-height: 42px;
    border-radius: 14px;
    background: #f7f8fc;
    border: 1px solid #edf0f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.home-header-lang span{
    color: #95a0b8;
}
.home-header-lang a{
    color: #6b7488;
}
.home-header-lang a.active,
.home-header-lang a:hover{
    color: #c83b30;
}
.home-header-search{
    position: relative;
}
.home-header-search__toggle{
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #c83b30 0%, #c83b30 100%);
    color: #ffffff;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(238, 102, 48, 0.26);
}
.home-header-search__panel{
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 300px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #f0d5cb;
    box-shadow: 0 18px 38px rgba(24, 34, 71, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.home-header-search.is-open .home-header-search__panel{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.home-header-search__panel input{
    flex: 1 1 auto;
    min-width: 0;
    height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #edf0f4;
    background: #f8f9fc;
    color: #2a3556;
    font-size: 14px;
}
.home-header-search__panel input:focus{
    border-color: #ed8a62;
    outline: none;
    background: #ffffff;
}
.home-header-search__panel button{
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 12px;
    background: #26366d;
    color: #ffffff;
    font-size: 15px;
}
.home-header-mobile{
    margin-left: auto;
}
.home-footer{
    position: relative;
    overflow: hidden;
    background: #ffffff url(images/bg-footer.jpg) center top / 100% auto no-repeat;
    border-top: 4px solid #37378d;
}
.home-footer::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg, #2f3079 0%, #4c4d9a 50%, #2f3079 100%);
    z-index: 1;
    pointer-events: none;
}
.home-footer__top,
.home-footer-bottom{
    position: relative;
    z-index: 1;
}
.home-footer__top{
    padding: 40px 0 28px;
}
.home-footer-main{
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 1fr));
    gap: 34px;
    align-items: flex-start;
}
.home-footer-brand{
    padding-right: 10px;
}
.home-footer-brand h3{
    margin: 0 0 18px;
    color: #2f327f;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 800;
    text-transform: uppercase;
}
.home-footer-legal p{
    margin: 0 0 8px;
    color: #666b77;
    font-size: 15px;
    line-height: 1.7;
}
.home-footer-social{
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.home-footer-social a{
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #aeb2d4;
    background: rgba(255, 255, 255, 0.92);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2f327f;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.home-footer-social a:hover{
    transform: translateY(-2px);
    background: #ffffff;
    border-color: #2f327f;
    box-shadow: 0 10px 18px rgba(47, 50, 127, 0.12);
}
.home-footer-social img{
    max-width: 18px;
    max-height: 18px;
    object-fit: contain;
}
.home-footer-social i{
    font-size: 17px;
    line-height: 1;
}
.home-footer-bct{
    display: inline-flex;
    margin-top: 18px;
    max-width: 170px;
}
.home-footer-bct img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.home-footer-column h4{
    margin: 0 0 18px;
    color: #333436;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;
    text-transform: uppercase;
}
.home-footer-links{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.home-footer-links a{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #54565f;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    transition: color 0.2s ease, transform 0.2s ease;
}
.home-footer-links a:hover{
    color: #d13a2d;
    transform: translateX(4px);
}
.home-footer-links a i{
    min-width: 14px;
    margin-top: 4px;
    color: #2f327f;
    font-size: 13px;
}
.home-footer-links a span{
    flex: 1 1 auto;
}
.home-footer-column--contact .home-footer-contact{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.home-footer-column--contact .home-footer-contact a{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #54565f;
    font-size: 15px;
    line-height: 1.65;
}
.home-footer-column--contact .home-footer-contact a:hover{
    color: #d13a2d;
}
.home-footer-column--contact .home-footer-contact i{
    min-width: 18px;
    margin-top: 4px;
    color: #2f327f;
    font-size: 16px;
    text-align: center;
}
.home-footer-column--contact .home-footer-contact span{
    flex: 1 1 auto;
}
.home-footer-bottom{
    background: linear-gradient(90deg, #2f3079 0%, #414297 50%, #2f3079 100%);
    padding: 11px 0 12px;
}
.home-footer-copy{
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}
.home-footer-copy a{
    color: #ffffff;
    text-decoration: underline;
}

@media screen and (max-width: 1199px){
    .home-footer__top{
        padding: 36px 0 24px;
    }
    .home-footer-main{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }
    .home-footer-brand{
        grid-column: 1 / -1;
        padding-right: 0;
    }
}

@media screen and (max-width: 991px){
    .home-footer__top{
        padding: 30px 0 18px;
    }
    .home-footer-main{
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .home-footer-brand h3{
        font-size: 22px;
    }
    .home-footer-bottom{
        padding: 10px 0 11px;
    }
    .home-footer-copy{
        font-size: 13px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 767px){
    .home-footer{
        background-size: cover;
    }
    .home-footer__top{
        padding: 24px 0 16px;
    }
    .home-footer-brand h3{
        font-size: 20px;
        margin-bottom: 14px;
    }
    .home-footer-legal p,
    .home-footer-links a,
    .home-footer-column--contact .home-footer-contact a{
        font-size: 14px;
    }
    .home-footer-social a{
        width: 38px;
        height: 38px;
    }
    .home-footer-bct{
        max-width: 150px;
    }
}
.home-product-slider{display: none;}
.slick-slider.slick-initialized{display: block;}

/* ===== TIMELINE – VinFast style ===== */
#about-timeline.about-timeline {
    background: #fff;
    padding: 60px 0 80px;
    margin-bottom: 0;
    overflow: hidden;
}

#about-timeline.about-timeline .motnganhai {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 50px;
}

#about-timeline.about-timeline::before,
#about-timeline.about-timeline .motnganhai::after,
#about-timeline.about-timeline .container::after {
    content: none;
    display: none;
}

#about-timeline.about-timeline .timeline-title {
    background: none;
    color: #333;
    font-family: roboto_l, roboto_r, Arial, sans-serif;
    font-size: 56px;
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.01em;
}

#about-timeline.about-timeline .timeline-title:hover {
    background: none;
    color: #333;
}

#about-timeline.about-timeline .timeline-title::before,
#about-timeline.about-timeline .timeline-title::after {
    content: none;
    display: none;
}

/* timeline wrapper */
#about-timeline.about-timeline .timeline-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#about-timeline.about-timeline .timeline-panels {
    position: relative;
    min-height: 100px;
}

#about-timeline.about-timeline .timeline-panel {
    display: none;
}

#about-timeline.about-timeline .timeline-panel.active {
    display: block;
    animation: timelineFadeIn .35s ease both;
}

@keyframes timelineFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* carousel by 4 items/page */
#about-timeline.about-timeline .timeline-carousel {
    margin: 0 -16px;
}

#about-timeline.about-timeline .timeline-batch-slide {
    width: 100%;
}

#about-timeline.about-timeline .timeline-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#about-timeline.about-timeline .timeline-carousel:not(.slick-initialized) .timeline-batch-slide {
    display: none;
}

#about-timeline.about-timeline .timeline-carousel:not(.slick-initialized) .timeline-batch-slide:first-child {
    display: block;
}


#about-timeline.about-timeline .timeline-carousel .slick-list {
    padding: 0 !important;
}

#about-timeline.about-timeline .timeline-carousel .slick-slide {
    height: auto;
}

#about-timeline.about-timeline .timeline-carousel .slick-slide > div {
    height: 100%;
}

/* card slide */
#about-timeline.about-timeline .timeline-card-slide {
    padding: 0 16px 14px;
    height: 100%;
}

#about-timeline.about-timeline .timeline-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* card image – landscape ratio like VinFast */
#about-timeline.about-timeline .timeline-card-image,
#about-timeline.about-timeline .timeline-card-image--empty {
    display: block;
    width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 0;
}

#about-timeline.about-timeline .timeline-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .4s ease;
}

#about-timeline.about-timeline .timeline-card:hover .timeline-card-image img {
    transform: scale(1.04);
}

/* card date – bold like VinFast */
#about-timeline.about-timeline .timeline-card-date {
    margin-top: 28px;
    color: #222;
    font-family: roboto_r, Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

/* card description */
#about-timeline.about-timeline .timeline-card-desc {
    margin-top: 16px;
    color: #555;
    font-family: roboto_r, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

#about-timeline.about-timeline .timeline-card-desc p {
    margin: 0;
}

/* slick dots hidden - we use per-year bar indicators */
#about-timeline.about-timeline .timeline-carousel .slick-dots {
    display: none !important;
}

/* empty state */
#about-timeline.about-timeline .timeline-empty {
    padding: 40px 0;
    text-align: center;
    color: #777;
    font-size: 18px;
}

/* ===== Year navigation bar – VinFast style ===== */
#about-timeline.about-timeline .timeline-years {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    margin-top: 80px;
    padding-top: 28px;
    overflow: visible;
}

#about-timeline.about-timeline .timeline-years::-webkit-scrollbar {
    display: none;
}

/* dashed horizontal line across years */
#about-timeline.about-timeline .timeline-years::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    height: 0;
    border-top: 4px dashed #d0d0d0;
}

/* year button */
#about-timeline.about-timeline .timeline-years a,
#about-timeline.about-timeline .timeline-years button,
#about-timeline.about-timeline .timeline-years span {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: block;
    text-align: left;
    color: #888;
    font-family: roboto_r, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.1;
    padding: 0 8px 0 0;
    background: none;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    user-select: none;
    width: auto;
    transition: color .25s ease;
}

#about-timeline.about-timeline .timeline-years a:last-child,
#about-timeline.about-timeline .timeline-years button:last-child,
#about-timeline.about-timeline .timeline-years span:last-child {
    flex: 0 0 auto;
    padding-right: 0;
}

#about-timeline.about-timeline .timeline-years button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* batch bar indicators above each year */
#about-timeline.about-timeline .timeline-year-bars {
    position: absolute;
    left: 0;
    top: -22px;
    display: flex;
    align-items: center;
    gap: 6px;
    pointer-events: auto;
}

#about-timeline.about-timeline .timeline-year-bar {
    display: inline-block;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: #d0d0d0;
    cursor: pointer;
    transition: background .25s ease, height .25s ease;
}

#about-timeline.about-timeline .timeline-years button:not(.active) .timeline-year-bar:not(:first-child) {
    display: none;
}

#about-timeline.about-timeline .timeline-years button.active .timeline-year-bar.active {
    background: #2563eb;
    height: 5px;
}

/* active year text */
#about-timeline.about-timeline .timeline-years a.active,
#about-timeline.about-timeline .timeline-years button.active,
#about-timeline.about-timeline .timeline-years span.active {
    color: #2563eb;
    font-weight: 700;
}

/* hover */
#about-timeline.about-timeline .timeline-years a:hover,
#about-timeline.about-timeline .timeline-years button:hover,
#about-timeline.about-timeline .timeline-years span:hover {
    color: #2563eb;
}

#about-timeline.about-timeline .timeline-years button:hover .timeline-year-bar:first-child {
    background: #2563eb;
}

#about-timeline.about-timeline .timeline-year-label {
    display: inline-block;
}

/* ===== Responsive ===== */
@media screen and (max-width: 1199px) {
    #about-timeline.about-timeline .motnganhai {
        max-width: none;
        padding: 0 30px;
    }

    #about-timeline.about-timeline .timeline-wrap {
        max-width: none;
    }

    #about-timeline.about-timeline .timeline-carousel {
        margin: 0 -14px;
    }

    #about-timeline.about-timeline .timeline-card-slide {
        padding: 0 14px 14px;
    }
}

@media screen and (max-width: 991px) {
    #about-timeline.about-timeline {
        padding: 44px 0 60px;
    }

    #about-timeline.about-timeline .motnganhai {
        padding: 0 20px;
    }

    #about-timeline.about-timeline .timeline-title {
        font-size: 40px;
        margin-bottom: 34px;
    }

    #about-timeline.about-timeline .timeline-carousel {
        margin: 0 -12px;
    }

    #about-timeline.about-timeline .timeline-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #about-timeline.about-timeline .timeline-card-slide {
        padding: 0 12px 12px;
    }

    #about-timeline.about-timeline .timeline-card-date {
        font-size: 22px;
        margin-top: 20px;
    }

    #about-timeline.about-timeline .timeline-card-desc {
        font-size: 15px;
    }

    #about-timeline.about-timeline .timeline-years {
        margin-top: 56px;
    }

    #about-timeline.about-timeline .timeline-years a,
    #about-timeline.about-timeline .timeline-years button,
    #about-timeline.about-timeline .timeline-years span {
        font-size: 16px;
        padding-right: 18px;
    }
}

@media screen and (max-width: 767px) {
    #about-timeline.about-timeline {
        padding: 30px 0 50px;
    }

    #about-timeline.about-timeline .motnganhai {
        padding: 0 15px;
    }

    #about-timeline.about-timeline .timeline-title {
        font-size: 30px;
        margin-bottom: 24px;
    }

    #about-timeline.about-timeline .timeline-carousel {
        margin: 0 -8px;
    }

    #about-timeline.about-timeline .timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #about-timeline.about-timeline .timeline-card-slide {
        padding: 0 8px 10px;
    }

    #about-timeline.about-timeline .timeline-card-date {
        font-size: 18px;
        margin-top: 16px;
    }

    #about-timeline.about-timeline .timeline-card-desc {
        font-size: 14px;
        margin-top: 10px;
    }

    #about-timeline.about-timeline .timeline-years {
        padding-bottom: 10px;
        margin-top: 40px;
        gap: 0;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #about-timeline.about-timeline .timeline-years::before {
        width: 100%;
    }

    #about-timeline.about-timeline .timeline-years a,
    #about-timeline.about-timeline .timeline-years button,
    #about-timeline.about-timeline .timeline-years span {
        flex: 0 0 auto;
        font-size: 15px;
        white-space: nowrap;
        min-width: 56px;
        padding-right: 14px;
    }

    #about-timeline.about-timeline .timeline-year-bar {
        width: 30px;
    }
}

.history-item {
    position: relative;
    box-sizing: border-box;
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 84px 60px;
}

.history-item .historySwiper {
    padding: 10px 0 60px;
}

.history-item .history-item-inner img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.history-item .time-stamp {
    margin-top: 15px;
}

.history-item .time-stamp .date {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0 0 8px;
}

.history-item .content p {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0;
}

.history-item .swiper-button-prev,
.history-item .swiper-button-next {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    top: 150px;
    margin-top: 0;
    transform: translateY(-50%);
    z-index: 3;
}

.history-item .swiper-button-prev {
    left: 36px;
}

.history-item .swiper-button-next {
    right: 36px;
}

.history-item .swiper-button-prev:after,
.history-item .swiper-button-next:after {
    display: none;
}

.history-item .swiper-pagination-history {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-top: 30px;
    padding: 0;
    gap: 5px;
    flex-wrap: wrap;
    overflow-x: auto;
    justify-content: center;
}

.history-item .swiper-pagination-history::-webkit-scrollbar {
    height: 0;
}

.history-item .swiper-pagination-history .year-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
    justify-content: center;
}

.history-item .swiper-pagination-history .year-dots {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 16px;
}

.history-item .swiper-pagination-history .dot {
    width: 60px;
    height: 5px;
    background: #d9d9d9;
    cursor: pointer;
    border-radius: 2px;
    transition: background .2s;
    flex: 0 0 auto;
}

.history-item .swiper-pagination-history .dot:hover {
    background: #9ab8f7;
}

.history-item .swiper-pagination-history .dot.active {
    background: #1464F4;
    height: 5px;
}

.history-item .swiper-pagination-history .year-label {
    cursor: pointer;
    color: #333;
    font-size: 24px;
    font-weight: 500;
    white-space: nowrap;
    margin-top: 10px;
    line-height: 1;
}

.history-item .swiper-pagination-history .year-group.year-has-active .year-label {
    color: #1464F4;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .history-item {
        max-width: none;
        padding-left: 64px;
        padding-right: 64px;
    }

    .history-item .swiper-button-prev {
        left: 24px;
    }

    .history-item .swiper-button-next {
        right: 24px;
    }
}

@media (max-width: 767px) {
    .history-item {
        padding-left: 42px;
        padding-right: 42px;
    }

    .history-item .history-item-inner img {
        height: 180px;
    }

    .history-item .historySwiper {
        padding: 10px 0 60px;
    }

    .history-item .swiper-button-prev,
    .history-item .swiper-button-next {
        top: 120px;
    }

    .history-item .swiper-button-prev {
        left: 8px;
    }

    .history-item .swiper-button-next {
        right: 8px;
    }

    .history-item .swiper-pagination-history .dot {
        width: 30px;
    }

    .history-item .swiper-pagination-history .year-label {
        font-size: 13px;
    }
}

.service-feature-wrap {
    max-width: 1160px;
    padding: 10px 15px 30px;
}

.service-feature-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.service-feature-list {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.service-feature-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.service-feature-card.is-reverse {
    flex-direction: row-reverse;
}

.service-feature-card__body {
    flex: 0 1 42%;
    display: flex;
    justify-content: center;
}

.service-feature-card__inner {
    max-width: 420px;
    text-align: center;
}

.service-feature-card__title {
    margin: 0 0 22px;
    font-size: 26px;
    line-height: 1.35;
    font-family: open_sansbold;
}

.service-feature-card__title a {
    color: #171717;
}

.service-feature-card__desc {
    margin: 0;
    color: #676767;
    font-size: 17px;
    line-height: 2;
    min-height: 204px;
}

.service-feature-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 12px 22px;
    margin-top: 28px;
    border: 1px solid #2a3b8f;
    border-radius: 6px;
    color: #2a3b8f;
    font-family: open_sansbold;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .25s ease;
}

.service-feature-card__button:hover {
    background: #2a3b8f;
    color: #fff;
}

.service-feature-card__media {
    flex: 0 1 58%;
    display: block;
    overflow: hidden;
    border-radius: 18px;
    background: #eef2ff;
    box-shadow: 0 20px 45px rgba(17, 30, 84, .12);
}

.service-feature-card__media img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.service-feature-card__media:hover img {
    transform: scale(1.03);
}

.service-feature-wrap .pagination {
    margin-top: 45px;
}

.service-station-intro {
    margin-bottom: 28px;
    color: #333;
    font-size: 16px;
    line-height: 1.75;
}

.service-station-intro h2 {
    margin: 0 0 14px;
    color: #25216d;
    font-size: 28px;
    line-height: 1.3;
    font-family: open_sansbold;
    text-transform: uppercase;
}

.service-station-intro__summary {
    margin-bottom: 14px;
    color: #444;
    font-size: 17px;
    line-height: 1.7;
}

.service-station-intro__body {
    max-width: 100%;
    overflow-x: auto;
}

.service-station-intro__body img {
    max-width: 100%;
    height: auto;
}

.service-station-intro__body table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.service-station-intro__body table td,
.service-station-intro__body table th {
    border: 1px solid #ddd;
    padding: 8px 10px;
}

@media screen and (max-width: 1199px) {
    .service-feature-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-feature-card {
        gap: 36px;
    }

    .service-feature-card__desc {
        min-height: 0;
        font-size: 16px;
    }

    .service-feature-card__media img {
        height: 320px;
    }
}

@media screen and (max-width: 991px) {
    .service-feature-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-feature-list {
        gap: 40px;
    }

    .service-feature-card,
    .service-feature-card.is-reverse {
        flex-direction: column-reverse;
        gap: 26px;
    }

    .service-feature-card__body,
    .service-feature-card__media {
        flex: 1 1 100%;
        width: 100%;
    }

    .service-feature-card__inner {
        max-width: 100%;
    }

    .service-feature-card__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .service-feature-card__desc {
        line-height: 1.85;
    }

    .service-feature-card__button {
        margin-top: 22px;
    }
}

@media screen and (max-width: 767px) {
    .service-feature-list {
        gap: 30px;
    }

    .service-feature-card__media {
        border-radius: 14px;
    }

    .service-feature-card__media img {
        height: 230px;
    }

    .service-feature-card__title {
        font-size: 22px;
    }

    .service-feature-card__desc {
        font-size: 15px;
        line-height: 1.75;
    }

    .service-feature-card__button {
        min-width: 136px;
        font-size: 14px;
        padding: 11px 18px;
    }

.service-feature-wrap .pagination {
        margin-top: 30px;
    }
}

.product-catalog-page {
    padding: 10px 0 40px;
}

.product-catalog-page__title {
    margin: 0 0 22px;
    color: #131313;
    font-size: 30px;
    line-height: 1.2;
    font-family: open_sansbold;
    text-transform: uppercase;
}

.product-catalog-copy {
    color: #2d3646;
    font-size: 15px;
    line-height: 1.75;
    word-break: break-word;
}

.product-catalog-copy--top {
    margin-bottom: 22px;
}

.product-catalog-copy--bottom {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid #edf0f5;
}

.product-catalog-copy__content {
    position: relative;
}

.product-catalog-copy__content img {
    max-width: 100%;
    height: auto;
}

.product-catalog-copy__content table {
    width: 100%;
}

.product-catalog-copy.is-collapsible .product-catalog-copy__content {
    max-height: 100px;
    #
    overflow: hidden;
    transition: max-height .35s ease;
    overflow: hidden;
}

.product-catalog-copy.is-collapsible:not(.is-open) .product-catalog-copy__content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 37px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 85%);
    pointer-events: none;
}

.product-catalog-copy.is-open .product-catalog-copy__content {
    max-height: 6000px;
}

.product-catalog-copy__actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 12px;
}

.product-catalog-copy__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #d8dde8;
    border-radius: 999px;
    background: #fff;
    color: #f03549;
    font-size: 14px;
    line-height: 1;
    font-family: open_sansbold;
    transition: all .2s ease;
}

.product-catalog-copy__toggle:hover {
    border-color: #f03549;
    background: #fff7f8;
}

.product-catalog-copy__toggle i {
    font-size: 12px;
    line-height: 1;
}

.product-filter-bar {
    margin-bottom: 28px;
}

.product-filter-bar__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
   justify-content: center;
}

.product-filter-dropdown {
    position: relative;
}

.product-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #d8dde8;
    border-radius: 999px;
    background: #fff;
    color: #2f3a4c;
    font-size: 15px;
    line-height: 1;
    font-family: open_sanssemibold;
    box-shadow: 0 8px 20px rgba(23, 34, 68, .05);
    transition: all .25s ease;
}

.product-filter-pill i {
    font-size: 14px;
    line-height: 1;
}

.product-filter-pill em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #f03549;
    color: #fff;
    font-style: normal;
    font-size: 12px;
}

.product-filter-pill--lead {
    border-color: #f03549;
    color: #f03549;
    box-shadow: none;
}

.product-filter-dropdown.is-active .product-filter-pill,
.product-filter-dropdown.is-open .product-filter-pill,
.product-filter-pill:hover {
    border-color: #f03549;
    color: #f03549;
}

.product-filter-reset {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    color: #f03549;
    font-size: 14px;
    font-family: open_sansbold;
}

.product-filter-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 40;
    display: none;
    width: 360px;
    min-width: 280px;
    max-width: calc(100vw - 40px);
    padding: 16px;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(15, 26, 59, .14);
}

.product-filter-panel.is-open {
    display: block;
}

.product-filter-panel__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-filter-option {
    cursor: pointer;
}

.product-filter-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.product-filter-option span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid #dfe4ef;
    border-radius: 999px;
    background: #f7f8fb;
    color: #35425c;
    font-size: 14px;
    line-height: 1.25;
    font-family: open_sansbold;
    transition: all .2s ease;
}

.product-filter-option input:checked + span {
    border-color: #4a8fff;
    background: #eef5ff;
    color: #2c67db;
}

.product-filter-panel__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

.product-filter-panel__close,
.product-filter-panel__submit {
    height: 44px;
    border-radius: 10px;
    font-size: 15px;
    font-family: open_sansbold;
    transition: all .25s ease;
}

.product-filter-panel__close {
    border: 1px solid #d6dce8;
    background: #fff;
    color: #2d3646;
}

.product-filter-panel__submit {
    border: 1px solid #f03549;
    background: #f03549;
    color: #fff;
}

.product-catalog-section {
    margin-top: 34px;
}

.product-catalog-section:first-of-type {
    margin-top: 0;
}

.product-catalog-section__head {
    margin-bottom: 22px;
}

.product-catalog-section__head h3,
.product-catalog-section__head h3 a {
    margin: 0;
    color: #121212;
    font-size: 34px;
    line-height: 1.15;
    font-family: open_sansbold;
    text-transform: uppercase;
}

.product-catalog-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.product-showcase-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid #e6e8ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(17, 29, 67, .06);
    overflow: hidden;
}

.product-showcase-card__image {
    position: relative;
    display: block;
    padding: 16px 16px 0;
}

.product-new-badge {
    position: absolute;
    top: 14px;
    left: 2px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* min-width: 30px; */
    /* min-height: 30px; */
    padding: 5px 10px;
    border-radius: 3px;
    background: #EB0A1E;
    color: #fff;
    /* box-shadow: 0 8px 18px rgba(235, 10, 30, .28); */
    font-family: RobotoBoldCondensed, Arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    pointer-events: none;
    background: none;
    font-size: 0;
    background-size: 30px;
    background-repeat: no-repeat;
    max-width: 55px;
}

.product-new-badge--menu {
    top: -3px;
    left: -8px;
    max-width: 40px;
    /* min-height: 54px; */
    /* background: url(images/ic-spmoi.png); */
    font-size: 0;
    /* background-size: 20px; */
    background-repeat: no-repeat;
    background-color: none;
}

.product-detail-slide {
    position: relative;
}

.product-new-badge--detail {
    top: 24px;
    left: 24px;
    /* min-width: 92px; */
    /* min-height: 34px; */
    padding: 7px 14px;
    font-size: 16px;
    max-width: 120px;
}

.product-showcase-card__image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
}

.product-showcase-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

.product-showcase-card__title {
    min-height: 60px;
    margin: 0;
    text-align: center;
    font-size: 17px;
    line-height: 1.35;
    font-family: open_sansbold;
    text-transform: uppercase;
}

.product-showcase-card__title a {
    color: #212121;
   font-family: open_sansbold;
}

.product-showcase-card__stat {
    /* display: flex; */
    /* justify-content: space-between; */
    gap: 2px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #eef3ff;
    color: #30405a;
    font-size: 14px;
    line-height: 1.4;
   text-align: center;
}

.product-showcase-card__stat--muted {
    background: #f2f4f8;
}

.product-showcase-card__stat span {
    /* font-family: open_sanssemibold; */
}

.product-showcase-card__stat strong {
    font-family: open_sansbold;
    text-align: right;
}

.product-showcase-card__chip-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-showcase-card__chip-label {
    color: #434f63;
    font-size: 13px;
    font-family: open_sansbold;
}

.product-showcase-card__chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.product-showcase-card__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border: 1px solid #dbe0e9;
    border-radius: 5px;
    background: #fff;
    color: #4d5a70;
    font-size: 11px;
    line-height: 1.2;
    font-family: open_sansbold;
    width: 100%;
}
.product-showcase-card__chip--button {
    cursor: pointer;
}
.product-showcase-card__chip--button:hover,
.product-showcase-card__chip--button.is-active {
    border-color: #00a0ff;
    background: #eef8ff;
    color: #00a0ff;
}
.product-showcase-card__special {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    color: #4c5668;
    font-size: 14px;
    line-height: 1.6;
}

.product-showcase-card__special strong {
    color: #222;
    font-family: open_sansbold;
}

.product-catalog-empty {
    padding: 28px 0;
    text-align: center;
    color: #505050;
    font-size: 18px;
}

.product-related-showcase .product-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media screen and (max-width: 1199px) {
    .product-filter-panel {
        max-width: 820px;
    }

    .product-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-catalog-section__head h3,
    .product-catalog-section__head h3 a,
    .product-catalog-page__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 991px) {
    .product-catalog-page {
        padding: 24px 15px 34px;
    }

    .product-catalog-copy--bottom {
        margin-top: 22px;
        padding-top: 18px;
    }

    .product-filter-bar__row {
        gap: 12px;
    }

    .product-filter-pill {
        min-height: 42px;
        padding: 0 14px;
        font-size: 14px;
    }

    .product-filter-panel {
        position: static;
        width: 100%;
        max-width: none;
        margin-top: 12px;
    }

    .product-filter-panel__actions {
        grid-template-columns: 1fr;
    }

    .product-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .product-related-showcase .product-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-showcase-card__image img {
        height: 200px;
    }
}

@media screen and (max-width: 767px) {
    .product-catalog-page__title,
    .product-catalog-section__head h3,
    .product-catalog-section__head h3 a {
        font-size: 22px;
    }

    .product-catalog-copy {
        font-size: 14px;
        line-height: 1.7;
    }

    .product-catalog-copy.is-collapsible .product-catalog-copy__content {
        /* max-height: 170px; */
    }

    .product-catalog-copy--top {
        margin-bottom: 18px;
    }

    .product-catalog-copy--bottom {
        margin-top: 18px;
        padding-top: 16px;
    }

    .product-catalog-copy__actions {
        margin-top: 10px;
    }

    .product-catalog-copy__toggle {
        min-height: 36px;
        padding: 0 12px;
        font-size: 13px;
    }

    .product-filter-bar__row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .product-filter-pill {
        width: 100%;
        justify-content: space-between;
        min-height: 44px;
        padding: 0 10px;
        border-radius: 12px;
        font-size: 13px;
    }

    .product-filter-dropdown,
    .product-filter-reset {
        width: 100%;
        min-width: 0;
    }

    .product-filter-dropdown.is-open {
        grid-column: 1 / -1;
    }

    .product-filter-pill--lead {
        justify-content: center;
    }

    .product-filter-reset {
        justify-content: center;
        min-height: 44px;
        padding: 10px 8px;
        border: 1px solid #f7c6cc;
        border-radius: 12px;
        background: #fff4f6;
        font-size: 13px;
    }

    .product-filter-panel {
        padding: 14px;
        border-radius: 14px;
    }

    .product-filter-option,
    .product-filter-option span {
        width: 100%;
    }

    .product-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .product-related-showcase .product-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-showcase-card {
        border-radius: 8px;
    }

    .product-showcase-card__image {
        padding: 10px 8px 0;
    }

    .product-showcase-card__image img {
        height: 132px;
    }

    .product-showcase-card__body {
        gap: 8px;
        padding: 8px;
    }

    .product-showcase-card__title {
        min-height: 44px;
        font-size: 17px;
        line-height: 1.25;
        word-break: break-word;
    }

    .product-showcase-card__stat {
        flex-direction: row;
        align-items: center;
        gap: 6px;
        padding: 8px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 1.25;
        display: block;
    }

    .product-showcase-card__stat strong {
        text-align: right;
    }

    .product-showcase-card__stat span,
    .product-showcase-card__stat strong {
        white-space: nowrap;
    }

    .product-showcase-card__chips {
        gap: 6px;
        /* justify-content: flex-end; */
    }

    .product-showcase-card__chip {
        padding: 6px 4px;
        /* font-size: 10px; */
        font-size: 9px;
        text-align: center;
    }
}

/* Product detail */
.desCenter {
    max-width: 935px;
    margin: 0 auto 35px;
    color: #666666;
    text-align: center;
}

.slideCenter {
    height: 520px;
    padding-bottom: 60px;
    margin-bottom: 5px;
}

.slideCenter .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    align-items: center;
}

.slideCenter .slick-dots li {
    margin: 0 5px;
    list-style: none;
    display: inline-block;
}

.slideCenter .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #c5c5c5;
    font-size: 0;
    padding: 0;
    border: none;
}

.slideCenter .slick-dots li.slick-active button {
    background: #25216d;
}

.slideCenter .item {
    padding: 0 6px 6px;
    outline: none;
}

.slideCenter .item.slick-current .slideItem {
    height: 468px;
    margin-top: 0;
}

.slideCenter .item.slick-current .slideItem .caption {
    background: #00000063;
    height: 50px;
}

.slideCenter .item.slick-current .slideItem .caption .tend {
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}

.slideCenter .item.slick-current .slideItem .caption .des {
    display: block;
    color: #ffffff;
}

.slideItem {
    height: 290px;
    transition: all 0.3s linear;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: none;
    margin-top: 8rem;
}

.slideItem img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
}

.slideCenter .item.slick-current .slideItem img {
    object-position: center top;
}

.slideItem .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}

.slideItem .caption .tend {
    max-height: 70px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.slideItem .caption .des {
    display: none;
    text-align: center;
}

.linkCenter a {
    display: inline-block;
    color: #666666;
    font-style: italic;
}

.page-product-detail .fixed-menu1 {
    position: relative !important;
}

.pro_slider {
    position: relative;
}

.product-body-type-groups {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    width: min(720px, calc(100% - 40px));
    transform: translateX(-50%);
}

.product-body-type-tabs {
    flex-wrap: wrap;
    display: none;
    border: 1px solid #fff35a;
    background: #14367f;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
}

.product-body-type-tabs.is-active {
    display: flex;
}

.product-body-type-tab {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 10px 14px;
    border-left: 1px solid rgba(255, 255, 255, .22);
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: #14367f;
    color: #fff;
    font-family: open_sansbold;
    font-size: 17px;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.product-body-type-tab:first-child {
    border-left: none;
}

.product-body-type-tab.is-active {
    background: #00a0ff;
}

.product-standard-colors {
    clear: both;
    padding-top: 12px;
}

.product-standard-colors__label {
    color: #222;
    font-size: 18px;
    line-height: 1.4;
}

.product-standard-colors__list {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 10px;
   justify-content: center;
}

.product-standard-color {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid #f7f7f7;
    box-shadow: inset 0 -10px 18px rgba(0, 0, 0, .14), 0 2px 7px rgba(0, 0, 0, .15);
    cursor: pointer;
}

.product-standard-color.is-active {
    outline: 3px solid #4f8fe8;
    outline-offset: 4px;
}

.product-standard-colors__name {
    min-height: 22px;
    margin-top: 8px;
    color: #2d5da8;
    font-family: open_sansbold;
    font-size: 16px;
    line-height: 1.4;
}

.product-brochure-button {
    display: block;
    clear: both;
    margin-top: 14px;
    padding: 10px 14px;
    background: #2c2b7e;
    color: #fff !important;
    font-family: open_sansbold;
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}

.product-brochure-button:hover {
    background: #d82920;
    color: #fff !important;
}

.gridInfo {
    padding: 5px 10px;
}

.vnt-main-top > .titleMainTop h1 {
    font-size: 24px;
    line-height: 24px;
}

.wrapper > .boxAbout .title {
    font-size: 20px;
    line-height: 28px;
}

.wrapper > .result_dealer .result_map .mapdemo img {
    max-width: 100%;
    height: auto;
    max-height: 550px;
}

.wrapper > .result_dealer .result_map {
    height: auto;
    max-height: 550px;
}

.wrapper > .menuTop > ul > li {
    margin-right: 15px;
}

@media all and (min-width: 1200px) {
    .slideCenter .item.slick-active,
    .slideCenter .item:first-child:not(.slick-cloned):not(.slick-current),
    .slideCenter .item:first-child:not(.slick-cloned):not(.slick-current) + .item:not(.slick-cloned):not(.slick-current),
    .slideCenter .slick-center.slick-current:first-child:not(.slick-cloned) + .item,
    .slideCenter .slick-center.slick-current:first-child:not(.slick-cloned) + .item + .item {
        width: calc((1170px - 720px) / 2) !important;
    }

    .slideCenter .item.slick-current {
        width: 720px !important;
    }
}

@media (max-width: 1090px) {
    .wrapper > .menuTop > ul > li {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 992px) {
    .wrapper > .slideCenter {
        margin-bottom: 15px;
    }

    .wrapper > .slideCenter .slick-dots {
        bottom: -25px;
    }

    .wrapper > .slideCenter,
    .wrapper > .slideCenter .item.slick-current .slideItem {
        height: 355px;
    }

    .menu_fix {
        display: none;
    }

    .avf {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .cvn1 {
        font-size: 11px;
    }

    .cvn2 {
        font-size: 14px;
    }

    .product-body-type-tabs {
        position: static;
        width: 100%;
        transform: none;
        border-width: 3px;
    }

    .product-body-type-tab {
        min-height: 46px;
        font-size: 12px;
        padding: 8px 6px;
    }

    .product-standard-colors__list {
        gap: 14px;
        justify-content: center;
    }

    .product-standard-color {
        width: 34px;
        height: 34px;
    }
}

/* ===== Phụ tùng - Chi tiết ===== */
.phutung-detail-page{
    padding: 10px 0 30px;
}
.phutung-detail-page > .vt-title{
    margin-bottom: 18px;
}
.phutung-detail-top{
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 28px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    align-items: flex-start;
}
.phutung-detail-top__left{
    flex: 0 0 42%;
    max-width: 42%;
}
.phutung-detail-top__left img{
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #eee;
    border-radius: 4px;
    object-fit: cover;
    background: #fafafa;
}
.phutung-detail-gallery__stage{
    display: block;
    background: #fafafa;
    border-radius: 4px;
    overflow: hidden;
}
.phutung-detail-gallery__stage img{
    transition: opacity .22s ease, transform .22s ease;
}
.phutung-detail-gallery__stage.is-switching img{
    opacity: .2;
    transform: scale(.985);
}
.phutung-detail-gallery__thumbs{
    display: flex;
    gap: 12px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
}
.phutung-detail-gallery__thumbs.slick-slider{
    display: block;
    margin-left: -6px;
    margin-right: -6px;
    padding: 0 34px;
}
.phutung-detail-gallery__thumbs .slick-track{
    display: flex;
}
.phutung-detail-gallery__thumbs .slick-list{
    margin: 0;
}
.phutung-detail-gallery__thumbs .slick-slide{
    height: auto;
    padding: 0 6px;
    box-sizing: border-box;
}
.phutung-detail-gallery__thumbs .slick-slide > div{
    height: 100%;
}
.phutung-detail-gallery__thumbs .slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 24px;
    height: 42px;
    margin-top: -21px;
    border: 0;
    border-radius: 4px;
    background: #25216d;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease, opacity .2s ease;
}
.phutung-detail-gallery__thumbs .slick-arrow:hover{
    background: #e8242c;
}
.phutung-detail-gallery__thumbs .slick-arrow.slick-disabled{
    opacity: .35;
    cursor: default;
}
.phutung-detail-gallery__thumbs .slick-prev{
    left: 0;
}
.phutung-detail-gallery__thumbs .slick-next{
    right: 0;
}
.phutung-detail-gallery__thumb{
    display: block;
    flex: 0 0 calc((100% - 50px) / 4);
    width: 100%;
    padding: 0 6px;
    box-sizing: border-box;
}
.phutung-detail-gallery__thumb-frame{
    display: block;
    width: 100%;
    height: 92px;
    border: 1px solid #e4e6ed;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s, opacity .2s, box-shadow .2s;
}
.phutung-detail-gallery__thumb:hover,
.phutung-detail-gallery__thumb.is-active{
    opacity: .9;
}
.phutung-detail-gallery__thumb:hover .phutung-detail-gallery__thumb-frame,
.phutung-detail-gallery__thumb.is-active .phutung-detail-gallery__thumb-frame{
    border-color: #25216d;
    box-shadow: 0 2px 8px rgba(37,33,109,.16);
}
.phutung-detail-gallery__thumb-frame img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    border-radius: 0;
}
.phutung-detail-top__noimg{
    background: #f5f5f5;
    text-align: center;
    padding: 60px 20px;
    border: 1px dashed #ddd;
    border-radius: 4px;
}
.phutung-detail-top__noimg img{
    max-width: 200px;
    opacity: .6;
}
.phutung-detail-top__right{
    flex: 1 1 0;
    min-width: 0;
}
.phutung-detail-top__title{
    font-size: 24px;
    font-weight: 700;
    color: #25216d;
    margin: 0 0 14px;
    line-height: 1.3;
    text-transform: uppercase;
}
.phutung-detail-top__desc{
    color: #444;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
}
.phutung-detail-top__desc p{
    margin: 0 0 8px;
}
.phutung-detail-top__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.phutung-detail-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    padding: 10px 22px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    text-decoration: none;
    transition: opacity .2s;
    line-height: 1;
    cursor: pointer;
}
.phutung-detail-btn:hover{ opacity: .85; text-decoration: none; }
.phutung-detail-quote-form{ margin: 0; }
.phutung-detail-btn--primary{
    background: #25216d;
    color: #fff !important;
}
.phutung-detail-btn--phone{
    background: #e8242c;
    color: #fff !important;
}
.phutung-detail-btn i{ font-size: 16px; }

.phutung-detail-content{
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 28px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
.phutung-detail-content__title{
    font-size: 18px;
    font-weight: 700;
    color: #25216d;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #25216d;
    text-transform: uppercase;
}
.phutung-detail-content__body{
    color: #333;
    font-size: 15px;
    line-height: 1.75;
}
.phutung-detail-content__body img{
    max-width: 100%;
    height: auto;
}
.phutung-detail-content__body table{
    max-width: 100%;
    border-collapse: collapse;
}
.phutung-detail-content__body table td,
.phutung-detail-content__body table th{
    border: 1px solid #ddd;
    padding: 8px 12px;
}

.phutung-detail-related{
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 28px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
.phutung-detail-related__title{
    font-size: 18px;
    font-weight: 700;
    color: #25216d;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #25216d;
    text-transform: uppercase;
}

.phutung-detail-empty{
    text-align: center;
    color: #888;
    padding: 40px 20px;
    font-style: italic;
}

@media only screen and (max-width: 992px){
    .phutung-quote-request__grid,
    .phutung-quote-table__head,
    .phutung-quote-table__row{
        grid-template-columns: 1fr;
    }
    .phutung-quote-page .tdmain_right,
    .phutung-quote-page .tdmain_left{
        width: 100%;
        float: none;
    }
    .phutung-quote-table__head{
        display: none;
    }
    .phutung-quote-table__row > div{
        padding: 14px 16px;
        justify-content: center;
    }
    .phutung-quote-table__desc{
        justify-content: center;
        text-align: center;
    }
    .phutung-quote-table__qty{
        padding-bottom: 24px !important;
    }
    .phutung-detail-top{
        flex-direction: column;
        gap: 18px;
    }
    .phutung-detail-top__left,
    .phutung-detail-top__right{
        flex: 1 1 100%;
        max-width: 100%;
    }
    .phutung-detail-top__title{
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px){
   .history-item .swiper-pagination-history{
      display: none;
   }
   .ct_nd iframe{
      max-width: 100%;
   }
    .phutung-quote-request__title{
        padding: 14px 16px;
        font-size: 20px;
    }
    .phutung-quote-request__form{
        padding: 18px 14px 10px;
    }
    .phutung-quote-request input,
    .phutung-quote-request textarea{
        font-size: 14px;
        padding: 12px;
    }
    .phutung-quote-table,
    .phutung-quote-empty{
        margin-left: 14px;
        margin-right: 14px;
    }
    .phutung-detail-top,
    .phutung-detail-content,
    .phutung-detail-related{
        padding: 16px;
    }
    .phutung-detail-btn{
        flex: 1 1 100%;
        justify-content: center;
    }
}