@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,vietnamese);
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('../fonts/UTMHelvetIns.woff2') format('woff2'),
         url('../fonts/UTMHelvetIns.woff') format('woff'),
         url('../fonts/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}
 

@font-face {
    font-family: 'UTMG';
    src: url('../fonts/UTMAlterGothic.eot');
    src: url('../fonts/UTMAlterGothic.eot') format('embedded-opentype'),
         url('../fonts/UTMAlterGothic.woff2') format('woff2'),
         url('../fonts/UTMAlterGothic.woff') format('woff'),
         url('../fonts/UTMAlterGothic.ttf') format('truetype'),
         url('../fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg');
}


@font-face {
    font-family: 'avo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'avo_b';
    src: url('../fonts/UTM_AvoBold.eot');
    src: url('../fonts/UTM_AvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTM_AvoBold.woff') format('woff'),
         url('../fonts/UTM_AvoBold.ttf') format('truetype'),
         url('../fonts/UTM_AvoBold.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('../fonts/UTMHelvetIns.woff2') format('woff2'),
         url('../fonts/UTMHelvetIns.woff') format('woff'),
         url('../fonts/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}



@font-face {
    font-family: 'UTMBeautifulCaps';
    src: url('../fonts/UTMBeautifulCaps.eot');
    src: url('../fonts/UTMBeautifulCaps.eot') format('embedded-opentype'),
         url('../fonts/UTMBeautifulCaps.woff2') format('woff2'),
         url('../fonts/UTMBeautifulCaps.woff') format('woff'),
         url('../fonts/UTMBeautifulCaps.ttf') format('truetype'),
         url('../fonts/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg');
}
@font-face {
    font-family: 'UAC';
    src: url('../fonts/UTMAndrogyneCopy.eot');
    src: url('../fonts/UTMAndrogyneCopy.eot') format('embedded-opentype'),
         url('../fonts/UTMAndrogyneCopy.woff2') format('woff2'),
         url('../fonts/UTMAndrogyneCopy.woff') format('woff'),
         url('../fonts/UTMAndrogyneCopy.ttf') format('truetype'),
         url('../fonts/UTMAndrogyneCopy.svg#UTMAndrogyneCopy') format('svg');
}

@font-face {
    font-family: UTAG;
    src: url('../fonts/UTMAlterGothic.eot');
    src: url('../fonts/UTMAlterGothic.eot') format('embedded-opentype'),
         url('../fonts/UTMAlterGothic.woff2') format('woff2'),
         url('../fonts/UTMAlterGothic.woff') format('woff'),
         url('../fonts/UTMAlterGothic.ttf') format('truetype'),
         url('../fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg');
}
@font-face {
    font-family: RB;
    src: url('../fonts/RobotoCondensedBold.eot');
    src: url('../fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensedBold.woff') format('woff'),
         url('../fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('../fonts/RobotoCondensedBold.svg#UTMAlterGothic') format('svg');
}
@font-face {
    font-family: RL;
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}


@font-face {
    font-family: RR;
    src: url('../fonts/RobotoCondensedRegular.eot');
    src: url('../fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('../fonts/RobotoCondensedRegular.woff') format('woff'),
         url('../fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('../fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: AG;
    src: url('../fonts/ALGERIA.eot');
    src: url('../fonts/ALGERIA.eot') format('embedded-opentype'),
         url('../fonts/ALGERIA.woff2') format('woff2'),
         url('../fonts/ALGERIA.woff') format('woff'),
         url('../fonts/ALGERIA.ttf') format('truetype'),
         url('../fonts/ALGERIA.svg#ALGERIA') format('svg');
}
@font-face {
    font-family: UTW;
    src: url('../fonts/UTMWeddingK_T.eot');
    src: url('../fonts/UTMWeddingK_T.eot') format('embedded-opentype'),
         url('../fonts/UTMWeddingK_T.woff2') format('woff2'),
         url('../fonts/UTMWeddingK_T.woff') format('woff'),
         url('../fonts/UTMWeddingK_T.ttf') format('truetype'),
         url('../fonts/UTMWeddingK_T.svg#UTMWeddingK_T') format('svg');
}
@font-face {
    font-family: SFB;
    src: url('../fonts/SFUFuturaBook.eot');
    src: url('../fonts/SFUFuturaBook.eot') format('embedded-opentype'),
         url('../fonts/SFUFuturaBook.woff2') format('woff2'),
         url('../fonts/SFUFuturaBook.woff') format('woff'),
         url('../fonts/SFUFuturaBook.ttf') format('truetype'),
         url('../fonts/SFUFuturaBook.svg#SFUFuturaBook') format('svg');
}
@font-face {
    font-family: OPB;
    src: url('../fonts/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold.woff2') format('woff2'),
         url('../fonts/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: OPR;
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: HNS;
    src: url('../fonts/HelveticaNeueLTStdBd.eot');
    src: url('../fonts/HelveticaNeueLTStdBd.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBd.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBd.svg#HelveticaNeueLTStdBd') format('svg');
}
@font-face {
    font-family: HNL;
    src: url('../fonts/HelveticaNeueLTStdLt.eot');
    src: url('../fonts/HelveticaNeueLTStdLt.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdLt.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdLt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdLt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdLt.svg#HelveticaNeueLTStdLt') format('svg');
}
@font-face {
    font-family: ARB;
    src: url('../fonts/149607ariblk_0.eot');
    src: url('../fonts/149607ariblk_0.eot') format('embedded-opentype'),
         url('../fonts/149607ariblk_0.woff2') format('woff2'),
         url('../fonts/149607ariblk_0.woff') format('woff'),
         url('../fonts/149607ariblk_0.ttf') format('truetype'),
         url('../fonts/149607ariblk_0.svg#149607ariblk_0') format('svg');
}
.clearfix:after {clear: both; content: "."; display: block; width: 0px; height: 0px; overflow: hidden; }
.dkdvu{cursor: pointer;}
ul, ol, p{margin:0; }
.mg{margin:0px !important;}
.mucgioithieu1 a p:hover{color: #f00 !important;}
.row20{margin: 0 -20px;}
#top{width:45px; height:44px; background:url(../images/top.png) center; position:fixed; right:30px; bottom:10%; cursor:pointer; display:none; z-index:100}
.wrapper{margin:0px auto; max-width: 1100px;position: relative; }
#info{position: relative;}
.tronqc{text-align: center;line-height: 15px;position: absolute;left:5px;top:5px;width: 32px;height: 17px;border-radius: 3px;border: 1px solid #006621;background: rgba(255, 255, 255, 0.6588235294117647);color: #006621;font-size: 10px;}
.tronqc1 { text-align: center; line-height: 15px; position: absolute; right: 5px; bottom: 5px; border-radius: 4px; border: 1px solid #ff0000; color: #fff; font-size: 10px; width: 70px;    /* margin: auto; */ background: #f00; }

.box_img_ht{position: relative;}
.box_img_ht .td{    position: absolute;bottom: 20px;color: #005f9c;font-size: 20px;font-family: ZK;left: 75px;}
.mxh_ht{width: 50%;float: left;}
.mxh_ht ul li{display: inline-block;margin-right: 2px;}
.dt_ht{width: 50%;float: right;}
.box_hotro{   
    padding: 7px; border-bottom: 1px dotted #c4c4c4;}
.box_hotro img{    width: 100%;
    margin-top: 10px;}
.box_hotro .hltuvan{    padding: 8px 0;background: #004f7a;text-align: center;color: #fff;font-family: RR;font-size: 15px;}

.hltuvan span{    font-family: RB;font-size: 23px;}
.box_hotro .sodt{    font-family: RR;
    font-weight: bold;}
.ten_dv a {
        font-size: 13px;
    font-family: "RB";
}  
.gia_dv{
    font-size: 14px;
    font-family: avo_b;
    color: #f00;
}
.box_hotro .sodt span{    font-family: RR;
    font-weight: bold;color: #004f7a;}

.emailtv {  font-family: RR;font-weight: bold;}

.emailtv span{    font-style: italic; color: #f00;}

.diachict{font-family: RR;font-weight: bold;}

.container-right{position: relative;}
.content{    border-radius: 5px;
    }
.content_wrap{padding:15px;}
.line{height: 0px;border:1px dashed #cecece;margin: 20px 0;}
/* ---breadcums--- */
#breadcrumbs ul{
    position: relative;
    margin: 0;
    border-radius: 0px !important;
    background: none !important;
    display: inline-block;
    padding: 5px 0 !important;
    font-family: "RR";
    font-size: 13px;
    }
/* ---titile man--- */
.tt_main{position: relative;margin: 0px 0 20px;padding-bottom: 15px;text-align: justify; }
.tt_main .title{margin: 0; position: relative;font-family: UTMHelvetIns;font-size: 27px;color: #da251c;text-transform: uppercase;line-height: 1em;text-align: center;}
/* ---header--- */
.tt_shadow{text-shadow:1px 0 0 #ffff00,-1px 0 6px #ffff00,0 1px 0 #ffff00,0 -1px 0 #ffff00,1px 1px #ffff00,-1px -1px 0 #ffff00,1px -1px 0 #ffff00,-1px 1px 0 #ffff00;}
.tt_shadow1{ text-transform: uppercase;
    font-family: avo_b;
    font-size: 12px !important;
    padding: 5px 0;
    line-height: 21px;
}
.mota_al{font-size: 12px;
    font-family: avo;}

#lang{position: absolute;top: 10px;right: 0;}

.logo{\: right;}

 .mxh {float:right;}
.mm-opening .wrapper:before{display: none;}
nav#menu{background: #00a959!important;}
ul li{position: relative !important;}
nav#menu ul li a, .mm-title{font-family:'Open Sans';font-size: 14px;color: #fff;text-transform:uppercase;}
.mm-title{font-size:20px; color:#555 !important;}
nav#menu ul li a:hover{background:rgba(255,255,255,0.1);}
.menu-l{width:auto; display:inline-block;}
nav:not(.mm-menu){display:none;}
/* .menu_rp{  
background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ) center center no-repeat rgba(0,116,199,.6);
  display:none;  border-radius:5px;  border:3px solid rgba(255,255,255,0.5);  width:40px;  /*padding:5px; */ /* height:40px;  position:fixed;  top:5%;  z-index:9999;  right:10px;}
  */
.tronqc1 a {
    color: #fff;
}
.full_hd{ 
    background: #00aff0}
.menu_rp{
    background-size: 100% 100%;
    display: none;
    }
#menu_top{
    position: relative;
    \: 1349px;
    z-index: 99;
    background-size: 100% 100%;
    }

.sldgt{    font-size: 24px;
    text-transform: uppercase;
    padding: 10px 0;
    color: #079f00;}
#menu_top .menu_wrap{}
#menu_top .logo_m{transform: scale(0); height: 100%;opacity: 0;padding: 4px;background: #fff;box-sizing: border-box;margin-right: 10px;}
#menu_top #myslidemenu{margin:0 auto;width: 100%;background: url(../images/ic/brm.png);border-radius: 20px 20px 00 0;}
#menu_top ul#nav{margin: 0;display: inline-block;float: left;}
#menu_top ul#nav li{/* list-style: none; */}
#menu_top ul#nav >li{/* display:inline-block; */}
#menu_top ul#nav >li img{position:relative; }
#menu_top ul#nav >li >a{
    display: inline-block;
    padding: 0px 8px !important;
    transition: all ease 0.5s;
    color: #fff;
    font-family: RR;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    line-height: 40px;
    }

.sohl{    font-weight: bold;
    font-family: RR;
    font-size: 16px;
    color: #f00;text-shadow: 5px 3px 0px rgba(255, 0, 0, 0.25), 0 2px 0px #fff, -2px -2px 0 #fff,-2px -2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff; }
.banner{text-align:center;}
#menu_top ul#nav >li >a.menu_active{
   color: #ff0 !important;
   position: relative;
   background-size: 100% 100%;
   }
#menu_top ul#nav >li >a.menu_active:after{
  /* content: ''; */
  position: absolute;
  left: -40px;
  top: 0px;
  width: 41px;
  height: 81px;
  background:url(../images/sp/atat.png);
  background-size: 100% 100%;
}

#menu_top ul#nav >li >a.menu_active:before {
    /* content: ''; */
    position: absolute;
    right: -40px;
    top: 0px;
    width: 41px;
    height: 81px;
    background: url(../images/sp/atbf.png);
    background-size: 100% 100%;
}

#menu_top ul#nav >li >ul li{ position:relative;}
#menu_top ul#nav >li >ul li a{
    background: #00A456;
    background-size: 100% 100%;
    color: #fff;
    transition: all 1s;
    font-family: 'RR';
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #f2f2f2;
    }
/* #menu_top ul#nav >li >ul li:hover>a{    color: #0072bc !important;
    background: #fff; } */
.noboder{border:none;}
.vach_menu{background: url(../images/vach_menu.png) right center no-repeat;}
.active_top .logo_m{transform:scale(1) !important;opacity: 1 !important;float: left !important;}
#menu_top.active_top ul#nav >li >a{padding:0px 16px !important;}

.doitac-slider{padding-top: 20px; padding-bottom: 20px;}
.title-doitac h2{background: url(../images/line.png) repeat-x center left; height: 34px; line-height: 34px;}
.title-doitac h2 span{display: inline-block; padding: 0px 60px; background: url(../images/bg-title.png) no-repeat; background-size: 100% 100%; font-family: 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 16px;}
.doitac-slider .item{box-sizing:border-box; background: #fff;}

.tt_dt{position: relative;font-family: 'Roboto Condensed';height: 40px;line-height: 40px; text-align: center;overflow: hidden;}
.tt_dt h3{position: relative;display: inline-block;font-size: 20px;padding: 0 15px;color: #2d352d;}
.tt_dt h3:after{position: absolute;height: 1px;background: #e5e5e5;width: 1000px;top: 50%;left: 100%;content: '';}
.tt_dt h3:before{position: absolute;height: 1px;background: #e5e5e5;width: 1000px;top: 50%;right: 100%;content: '';}
.doitac-slider{width: 1075px;margin: -20px auto 0 !important;}
.dt_box{}
.doitac  .item {}
.doitac  .item img{border:thin solid #f2f2f2;}
.doitac .slick-prev{width: 29px;height: 58px;background: url(../images/but_l.png);        left: -62px;top: 40%;opacity: 1;}
.doitac .slick-next{width: 29px;height: 58px;background: url(../images/but_r.png);    right: -62px;top: 40%;opacity: 1;}
/* ---footer--- */
.fix_srch{
       float: right;
    }
.pd_dt{padding:10px;}
.at-share-btn-elements {margin-top: 10px}
#sl_gioithieu{margin-bottom: 15px;}
.label{width: 100% !important}

#footer .tt_ft{    font-family: 'RB';
    font-size: 20px;
    position: relative;
    color: #ff0;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: normal;}
.item-ten1 a:hover{color: #f00}
.ndft div .fnd{    margin-right: 10px;
    width: 15px;
    display: inline-block;}
.box_album{    margin-bottom: 10px;}
.grid{margin:0px auto !important}
.ndft span{color:#babfc5;line-height: 35px}
#footer .tt_ft_small{font-family: 'avo'; font-size: 16px;color:#fff;text-transform: uppercase;margin-bottom: 15px;font-weight: normal;}
.ft_item{background:#0074c7;border-radius: 10px;padding:20px 15px;margin-bottom: 20px;}
.ft_item img{float: left;margin-right: 15px;}
.ft_item h3{color: #fff;font-family: 'UTMHelvetIns';font-size: 20px;margin: 0px 0 5px;text-transform: uppercase;}
.ft_item  p{color: #fff;font-family: 'Roboto Condensed';font-size: 14px;line-height: 25px;}
.ft_item  p span{color: #ff0;font-size: 18px;font-weight: bold;}

.dknhantin{position: relative;margin: 0 auto;}
.dknhantin input{background: #fff; border: none; height: 40px; padding: 0px 10px; color: #000000;    width:calc(100% - 47px);float: left;outline: none}
.dknhantin h3{margin-bottom: 10px;}
.dknhantin input:focus{outline: none;}
.dknhantin button{border: none; background: #ed1c24; color: #fff; height: 40px;width: 45px;  box-sizing:border-box; position: relative;outline: none;float: right; }

.map_contact {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #fff;}
#map_canvasft{width: 100%; height: 200px}
.social-bt{margin: 15px 0 0;}
.social-bt img{position: relative;margin-right: 6px;}
.footer_end{
    background: #f7f7f7;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 12px;
    background-size: 100% 100%;
    padding: 20px 0;
   }
#map_canvasft{height: 200px;width: 100%}
.footer_end b{color: #0192ea;}
.copy{    text-align: left;
    color: #babfc5; line-height:50px;
 }
.copy span{     font-family: 'Arial';
    font-size: 11px;
    color: #babfc5;
    text-transform: uppercase;
    font-weight: bold;   }
.copy_fix{
    text-align: left;
    color: #555;
    line-height: 38px;
    width: 100%;
    font-family: OPR;
    font-size: 13px;
 }
.copy_fix span{     font-family: 'Arial';
    font-size: 11px;
    color: #babfc5;
    text-transform: uppercase;
    font-weight: bold;   }
.tieude_gt1 h3{    font-family: "RB";
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 10px;}
.ft_tags{margin-top:20px;}
.thongtincty p{color: #fff !important;line-height: 26px !important;font-family: Arial !important; font-size: 14px !important;}
#thongke{  position: relative;font-size: 13px;padding-left:30px;display: inline-block;line-height: 40px;}
#thongke li{       
    display: inline-block;    margin-right: 30px;
    color: #babfc5;}
#thongke li:last-child{border:none;}
#thongke img{position:relative; top:5px; margin-right:5px;}
#thongke span{    color: #babfc5;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    float: right;}
.box_gt{color:#babfc5}
.title-index{ width:100%; margin: 0px 0px 10px 0px ;  padding: 0px 0px 0px 0px; border-bottom: 1px solid #cdcdcd; color: #00aeef;height: 33px; }
.title-index img{ float: left; margin-right: 10px;} 
.title-index  h4{    margin: 0;font-family: 'Roboto Condensed', sans-serif;  font-weight: 400; padding-right:30px; color:#00aeef; text-transform:uppercase;font-size: 16px;display: inline-block; height: 36px; line-height: 32px; border-bottom: 1px solid #E40000; height: 33px; }
.select_kv{    text-transform: none;
    border: none;
    border-radius: 3px;
    padding: 5px;width: 100px ;margin-bottom: 10px}

.tieude_right h3{
        font-size: 14px;
    color: #fff;
    background: #0072bc;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.img_dvmb img{border-radius: 50%;}
.item-wr5 {
           text-align: center;
    padding: 85px 10px 20px 10px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    background: #fff;    margin: 125px 30px 10px 30px;
}
.chucvu{    font-family: avo;
    font-size: 13px;
    font-style: italic;  }
.mota_nd_dv{text-align: justify;  font-family: avo;}

.ten_bd_dv {
         margin: 15px 0;
    position: relative;
   
}
.ten_bd_dv a{ font-family: "RB";
    font-size: 15px;
    text-transform: uppercase;
    color: #f00;}

.ten_bd_dv:after{    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #f00;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0px;}
.img_dvmb {
    position: absolute;
    top: -120px;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0px auto;
    box-sizing: border-box;
    display: inline-block;
    width: 200px;
    overflow: hidden;
    height: 200px;
}

.boxhover_dk{     position: absolute;
    right: 5%;
    height: auto;
     bottom: -25px;
   }
    .hide_box_dk{display: none;}
    .show_ic_dk{cursor: pointer;   
    padding: 5px 40px;
    background: #da251c;
    color: #fff;
    border-radius: 10px 10px 0px 0px;}
    .show_ic_dk i {margin-right: 10px}
.hide_box_dk {
    display: none;
    background: #fff;
}
.box_email_ft{    width: 50%;
    float: right;}
  .hotline_ft{    display: inline-block;
    float: left;margin-right: 20px;
    line-height: 40px;    color: #ff0;
    font-size: 17px;}
  .email_ft{ display: inline-block;
    float: left;
    line-height: 40px;  
    font-size: 17px;}
.title-left h2 span{font-family: 'Roboto Condensed', sans-serif; color:#1666A3; display: inline-block; height: 35px; line-height:35px; border-bottom:5px solid #1A67A3; }
.title-left h2{border-bottom:1px solid #1A67A3; margin-bottom: 20px;}
.form_contact{padding-bottom: 10px;margin-bottom: 10px;margin-top: 15px;}
.form_lh label{font-family: OPR;font-size: 14px;font-weight: normal;}
.form_lh .tflienhe{display: block; width: 100%;height: 30px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #c4c4c4;    box-sizing:border-box;margin-bottom:10px;}
.form_lh .tflienhe:focus{outline:none;}
.form_lh{margin-bottom:20px;}
.button-contact {border: none;padding: 9px 20px;background: #00a959;color: #fff;cursor: pointer;border-radius: 4px;}
.button-contact:hover {background: #f00;}
.ta_noidung{background-color:#FFFFFF; color:#666666; height:120px; width:100%; padding:10px; box-sizing:border-box;border: 1px solid #c4c4c4 }

.box_video img{width: 100%;}

.thanh_title h2{font-size: 12px; text-transform: uppercase;}
.tieude_dl{ margin-bottom: 5px;
    padding: 20px 0 20px 40px;position: relative}
    .tieude_dl:after{content:''; position: absolute; bottom: 0px; height: 2px;     left: 0;
    width: 100%; background: url(../images/img/bdlh.png) repeat-x;}
.panel-default > .panel-heading{border:none !important;}
.tieude_dl1{    color: #fff;
    padding: 5px 0;}
label {
    margin-bottom: 0px !important;
    color: #555;
}

.list-group-item {
    padding: 6px 15px !important;
    border:none !important;
}

.form-control[disabled], fieldset[disabled] .form-control{cursor: pointer!important;}
.ndi{ border: none !important;padding: 6px 11px !important; background: #fff url(../images/img/ndi.png) no-repeat; background-size: 100% 100%}
.tdi{cursor:pointer ; border: none !important;padding: 6px 14px !important; background: url(../images/img/tdi.png) no-repeat; background-size: 100% 100%}
.tve{cursor:pointer ; border: none !important;padding: 6px 14px !important; background: url(../images/img/tve.png) no-repeat; background-size: 100% 100%}
.btndlh{        background: url(../images/img/brbt.png) no-repeat !important;
    background-size: 100% 100%;
    border: none !important;
    padding: 15px 19px 16px 55px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;}
.tieude_dl p{font-size: 22px; font-family: Arial; color: #fff; text-transform: uppercase; font-weight: bold;}
/*--------------tags---------------------*/
.tags{background: #E4BC24;display: inline-block;padding: 0px 5px; line-height: 25px;color: #fff;padding-right: 15px; margin-bottom: 5px;margin-right:5px;position: relative;}
.tags:before{content: '';height: 0px;width: 0px;position: absolute;top: 0px;left: -10px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #E4BC24;}
.tags:after{content: '';height: 0px;width: 0px; position: absolute;top: 0px;right: 0px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #fff;}
.tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover span{ background:#FDF759; }
/*-----------------end tags-----------------------*/
.product-pic{position: relative;}
.product-info{position: relative;}
.khung_thongtin{  width: 100%; float: left; 
    border-radius: 5px;}
.khung_thongtin li{
    padding: 5px 0px 5px 25px;
    width: 100%;
    float: left;
    list-style: none;
    text-align: justify;
    padding-right: 14px;
    font-family: "SFB";
    font-size: 14px;
   }
.khung_thongtin h2{
    text-transform: uppercase;
    font-family: "SFB";
    color: #000;
    font-size: 22px;
 }
.khungdk{position: relative;margin-bottom: 10px;margin-top: 10%;}
.full_ttda{padding: 15px 0; background:#f2f2f2;}
.gia_detail span{ font-size: 14px; color: #666;}
.box_tabmain{    background: #1b1b1b;}


.box_imgda{    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    display: inline-block;
    border: 1px solid #c4c4c4;
    box-shadow: 2px 2px 5px #c4c4c4, 0 2px 5px #c4c4c4, -2px -2px 5px #c4c4c4, -2px -2px 5px #c4c4c4, -2px 2px 5px #c4c4c4, 2px -2px 5px #c4c4c4;}
.list_tab a{      color: #fff;
    text-transform: uppercase;
    padding: 13px 20px;
    display: inline-block;
    border-bottom: 2px solid #1b1b1b;}
.tieude_bc{    display: inline-block;
    font-size: 30px;
    padding: 20px 10px;
    text-transform: uppercase;
    color: #ef9b03;
    font-family: RBTR;}
::-webkit-input-placeholder {color: #c4c4c4 !important;}
:-moz-placeholder { /* Firefox 18- */color: #c4c4c4 !important; }
::-moz-placeholder {  /* Firefox 19+ */color: #c4c4c4 !important;}
:-ms-input-placeholder {  color: #c4c4c4 !important;  }
/* -------Them moi---------- */
title{font-size: 18px;color: #fff;font-family: 'Roboto Condensed';text-transform: uppercase;font-weight: bold;line-height: 60px;background: url(../images/left_bg_icon.png) 13px center no-repeat;text-align:center;}
/* ---suport--- */
.hotro{position: relative;margin-top: 10px;}
.hotro .img_bg{}
.hotro .hotline{position: absolute;top: 12px;left:18px;font-size: 24px;color: #4b4b4b;background: url(../images/hotro_hotline.png) left center no-repeat;padding:13px 0;padding-left: 60px;}
.hotro .hotline span{font-weight: bold;color: #e90202;}
.hotro .hotline b{font-weight: normal;display: inline-block;margin-left: 12px;margin-top: 8px;}
.hotro .ht_item{margin: 5px 0;}
.hotro .dienthoai{height: 38px;line-height: 38px; padding-left:45px;background: url(../images/dienthoai.png) left center no-repeat;position: absolute;bottom: 10px;left: 18px;font-size: 24px;color: #4b4b4b;}
.hotro .dienthoai span{font-weight: bold;color: #e90202;}
.hotro .ht_item .ten{text-align: center;position: absolute;top: 85px;left: 20px;}

#map_canvas2{height: 400px;}
.wrap_tt{padding:25px 0 30px 0;}
.tt_gt{position: relative;overflow: hidden; }
.tt_gt .title{  
    font-size: 16px;
    color: #fff;
    font-family: 'UVNBaiSau_R',Tahoma;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: center;
    background: #2c2cb6;
    margin: 5px;}
/* .tt_gt .title:before{content: '';position: absolute;width: 1200px;height: 1px;background: #0074c7;left:100%;bottom: 0;} */
.box_left{}
.box_right{width: 345px;float: right;}
.right_box{height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.right_box .right_wrap{padding:0 10px 0 18px;}
.right_box .right_wrap div.item1{border-bottom: 1px solid #eaeaea; padding: 9px 0;position: relative;}
.right_box .right_wrap div.item1:after{content: '';width: 6px;height: 6px;background: #0192ea;    left: -14px;top: 16px;position: absolute;}
.right_box .right_wrap div.item1 a{color: #0959b6;font-size: 12px;}
.right_box .right_wrap div.item1 a:hover{color: #f00;}
.content_left{width: 410px;height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.content_left h3{font-weight: normal;margin: 0 0 10px;}
.content_left h3 a{font-size: 13px;color: #026ed4;text-transform: uppercase;}
.content_left h3 a:hover{color: #f00;}
.content_left .img{border:1px solid #c8c8c8;padding:2px;margin: 0 0 10px;}
.content_left .img img{width: 100%;transition:all 0.5s;}
.content_left .img img:hover{opacity: 0.8;}
.content_left .desc{font-size: 12px;color: #535353;text-align: justify;line-height: 23px;}
.content_right{width: 405px;height: 380px; box-sizing: border-box;float: right;margin: -4px 0 0 0 !important;}
#content{    padding-top: 15px;}
.lr_content{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.item_tt{position: relative;}
.item_tt .img{width: 120px;border:1px solid #c8c8c8;padding:2px;float: left;margin-right: 10px;}
.item_tt .img img{height: 80px;transition:all 0.5s;}
.item_tt .img img:hover{opacity: 0.8;}
.item_tt h3{font-size: 11px;font-weight: normal;margin-bottom: 5px;}
.item_tt h3 a{color: #404040;text-transform: uppercase;}
.item_tt h3 a:hover{color: #f00;}
.item_tt .desc{font-size: 12px;color: #646464;text-align: justify;line-height: 18px;}

/* ---thu vien--- */
.padd5{padding: 5px;}
.gallery_wrap{border:1px solid #ebebeb;background: #f8f8f8;    padding: 15px 35px;margin-top: 12px;}
.gallery {margin: 0 !important;}
.gallery img{border:1px solid #e4e4e4;}
.gallery .slick-prev{width: 35px;height: 71px;background: url(../images/button_l.png);        left: -36px;top: 36%;}
.gallery .slick-next{width: 35px;height: 71px;background: url(../images/button_r.png);    right: -36px;top: 36%;}
/* ---quang cao--- */
.quangcao{margin-bottom: 10px;border: thin solid #dfdfdf;}
/* ---item top--- */
.box_top_content{position: relative;padding:20px  0 0;}
.box_top_content .img{position: relative;overflow: hidden;font-family: 'Roboto Condensed',Tahoma;}
.box_top_content .img img{width: 100%;background: #ff65ca;}
.box_top_content .img:hover img{transform:scale(1.1);}


.box_top_content .desc{text-align: center;font-family: 'Roboto Condensed';color: #4a4a4a;margin-top: 50px;}
.box_top_content .dm_second .list_item  {border-left: 1px solid #fff;border-bottom: 1px solid #fff;margin: 0 !important;position: relative;}

/* ---bottom content--- */
ul.tab_home{border-bottom:3px solid #0074c7;}
.tab_home .active{}
ul.tab_home > li{border: none;}
ul.tab_home > li > a{background: url(../images/tab_bg.png);color: #fff;font-family: 'Roboto Condensed';font-size: 16px;text-transform: uppercase;border:none;}
ul.tab_home > li.active > a{background: url(../images/tab_active.png);color: #fff;border:none;}
ul.tab_home > li.active > a:hover{color: #fff;border: none;}

#hotro{margin: 0;padding:0;font-family:'Roboto Condensed';}
#hotro li{list-style: none;color: #000;font-size: 14px;}
#hotro li .name_ht{}
#hotro li .name_ht span{margin-right: 20px;}
#hotro li .dienthoai{}
#hotro li .dienthoai b{color: #de0101;font-size: 18px;}


.parallax-window{height: 440px;position: relative;padding: 20px;overflow:hidden;}
.top{background: #fff;height: 50px;margin-top: -7px;position: relative;}
.top:after{background: url(../images/cua_duoi.png);height:7px;margin-top: -7px;content: '';position: absolute;bottom: 100%;left: 0;right: 0;z-index: 999;}
.bottom{height: 50px;background: #fff;margin-bottom:-7px;position: relative;}
.bottom:after{height: 7px;background: url(../images/cua_tren.png);margin-bottom:-7px;content: '';position: absolute;top: 100%;left: 0;right: 0;z-index: 999;}
.parallax-window .cont{display: table;height: 100%;width: 100%;}
.parallax-window .cont .cont_cell{display: table-cell;vertical-align: middle;color: #fff;text-align: center;}

.bottom_content{position: relative;padding:20px 0;}
.bottom_content .bottom_wrap{background: url(../images/moc.png) 76% top repeat-y ;}
.bottom_content .bottom_wrap .wrap{padding: 20px 45px 20px 20px;height: 350px;border:thin solid #e8e8e8;border-right: none;position: relative;}
.bottom_content .bottom_left .wrap .cont{height: 275px;}
.bottom_content .bottom_wrap .bottom_right .wrap{border:thin solid #e8e8e8;border-left: none;padding: 20px 15px 20px 30px;}
.tt_news{position: relative;background: url(../images/tt_end.png) center repeat-x;margin-bottom: 20px;}
.tt_news .title{margin: 0;font-family: 'avo';font-size: 22px;text-transform: uppercase;color: #005ccd;background: #fff;position: relative;padding-right: 20px;display: inline-block;}
.tt_news .title:after{content: '';position: absolute;left: 100%;top: calc(50% - 8px);width: 15px;height: 16px;background:#005ccd; }

/* ------- */
.project_item{float: left;position: relative;box-sizing: border-box;margin: 0;margin-bottom: 20px}
.project_item .wrap_km:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;}
.project_item .wrap_km:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s}
.project_item:nth-child(2n){margin-right: 0;}
.project_item:nth-child(2n + 1){clear:both;}
.project_item .wrap_km {position: relative;}
.project_item .img {overflow: hidden;}
.project_item .img img{width: 100%;}
.project_item .img a{display: block;line-height: 0;}
.project_item h3{margin: 0; position: absolute;top:auto;left: 0;bottom: 0;right: 0;text-align: center; background: rgba(0,0,0,0.6); padding:6px 15px;  overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item h3 a{padding:6px 0px;width: 100%; color: #fff;font-size: 20px;text-transform: uppercase;font-weight: normal;display: table;overflow: hidden;font-family: 'Tahoma';text-align:  center;}
.project_item h3 a span{display: table-cell;vertical-align: middle;}
.project_item .chitiet{text-align: center;position: relative;margin-bottom: -14px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item .chitiet a{width: 88px;height: 27px;line-height: 27px; background: #0069cc;color: #fff;font-family: 'Roboto Condensed';font-size: 13px;display: inline-block;}
.project_item .over_lay{position:absolute;top:38%;left:0;right:0;z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.project_item .over_lay h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-family: 'Segoe UI',Tahoma; padding:3px 15px ;display:block;text-transform:uppercase;font-size:25px;color:#fff;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.project_item .over_lay .desc{ height: 70px;background: url(../images/project_desc.png) center no-repeat;color: #fff;font-size: 14px;text-align: justify;margin-top: 10px;}
.project_item .over_lay .desc .cont{max-width: 450px;margin: 0 auto;height: 40px;line-height: 20px;overflow: hidden;top: 15px;position: relative;}
/* .project_item:hover .wrap_km:after { opacity:1; } */
/* .project_item:hover .wrap_km:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);} */
.project_item:hover .chitiet{transform: scale(0);}
.project_item:hover .over_lay{margin-top:0;opacity:1;}
.project_item:hover .over_lay h4{margin-bottom:0;}
.project_item:hover .over_lay a.xemthem{margin-top:0;}
.project_item .over_lay a.xemthem:hover{color: #fff;background: #c4c4c4;}
/* .project_item:hover .over_lay a.xemthem:hover:after { width:100%; } */
.project_item:hover img{}
.project_item .wrap{background: #fff;}
/* .project_item .over_lay h4:after{content: '';background: #c4c4c4;height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;} */
.project_item .over_lay a.xemthem{font-style: normal;font-family: 'Roboto Condensed';font-size: 15px;margin-top: 60px;display: inline-block;padding: 10px 20px;border-radius: 3px;color: #fff;}
.cont{color: #fff;}
.project_item:hover h3{opacity: 0;}
.project_item .over_lay h4:hover{color: rgba(240,47,162,1)}

.project_item.project_in .over_lay{top: 20%;}

#at4-share{display: none !important;}


.call{background:rgba(0, 0, 0, 0.38);
    height: 40px;
    line-height: 40px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999999999999;
    display: none;}
.call .phone{width: 50%;text-align: center;float: left;color: #fff;border-right: thin solid #fff;box-sizing: border-box;}
.call .sms{width: 50%;text-align: center;float: left;}
.call a{color: #fff;font-size: 20px;}

/* san pham */
.item-wr{width: 100%;float: left;margin-top:40%;position: relative; box-sizing:border-box;margin-bottom:5%; background:#f6f6f6;border: 1px solid rgb(150, 148, 148);; }
.item-wr:hover{background-color:#70B521 ;}

/* .item-wr:before { content:''; position:absolute ;width:100%; height:25px;bottom:-24px;background:url('../images/imag/bdproduct.png') no-repeat;left:calc(50% - 130px);} */
.item-wr .br{width: 100%;height: 15px;background:url("../images/content/right/br.png") no-repeat;background-size:100% 100%;margin-top:-5px;}
.item-wr .hover img{border-radius: 50%;margin-top: -65%;padding:10px;width: 100%;display: block;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all ease-in-out 0.4s;}
.item-wr .hover img:hover{/* -webkit-transform:scale(1.2) ;transform:scale(1.2); */}
.item-ten a{ color:#279256; font-family:OpenSansSemibold; font-size:13px; }
.item-mota{text-align: justify;font-size: 12px;font-family: Arial;}
.item-wr:hover .mota_sp{color:#fff;}
/* .item-wr div a{ color:#000;font-family: "Arial";font-size: 13px; } */
/* .item-wr p{   text-align:center;line-height:30px;color:#F04F54;font-family:'RR';font-size:13pt;} */
/* .item-wr div{text-align:center; padding:0 7%;} */
.box_top_content{position:relative;}



.item-wr1{width: 100%;float: left ;position: relative; box-sizing:border-box; background:#f6f6f6; border: 1px solid rgba(196, 196, 196, 0.42); }
/* .item-wr1:before { content: '';position: absolute;width: 100%; height: 18px; bottom: -16px;background: url('../images/imag/bdproduct.png') no-repeat;left: calc(50% - 110px);border-radius: 0px 0px 150px 150px;} */
.item-wr1 .br{width: 100%;height: 15px;background:url("../images/content/right/br.png") no-repeat;background-size:100% 100%;margin-top:-5px;}
/* .item-wr1 .hover{border:thin solid #dadada;overflow:hidden;} */
.item-wr1 .hover img{width: 100%;display: block;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all ease-in-out 0.4s;}
/* .item-wr1 .hover img:hover{-webkit-transform:scale(1.2) ;transform:scale(1.2);} */
.item-ten1{ text-align:left; }
.item-mota1{text-align: justify;font-size: 12px;font-family: Arial;}
.item-wr1 div a{text-decoration: none; color:#000;line-height: 30px;/* font-weight: bold; */font-family: "Arial";font-size: 13px; }
.item-wr1 p{   text-align:center;line-height:30px;color:#F04F54;font-family:'RR';font-size:13pt;}
.item-wr1 div{text-align:center;}
/* .box_top_content:before{content: '';position: absolute;width: 100%;height: 70%;background: url("../images/img/bdhg.png") no-repeat;top: -65%;} */
.spnb{text-align:center;    text-align: center;padding: 4% 0; font-size:48px; color:#f00; }
.pdbox{padding:0 20px !important;}
.mn-top{width: 100%;
    text-align: left;
    font-family: avo;}
.mn-top .li{float: left; text-align:center;}
.mn-top .li:nth-child(1)
{ width:20%; position:relative;}
.mn-top .li:nth-child(1):after{content:''; position:absolute; height:10px;width:2px; background:#000; right:0px; top: calc(50% - 5px); }
.mn-top .li:nth-child(2),.mn-top .li:nth-child(3)
{ width:25%;position:relative;}
.mn-top .li:nth-child(2):after{content:''; position:absolute; height:10px;width:2px; background:#000; right:0px; top: calc(50% - 5px); }
.mn-top .li:nth-child(3):after{content:''; position:absolute; height:10px;width:2px; background:#000; right:0px; top: calc(50% - 5px); }
.mn-top .li:nth-child(4),.mn-top .li:nth-child(5)
{ width:15%;position:relative;}
.mn-top .li:nth-child(4):after{content:''; position:absolute; height:10px;width:2px; background:#000; right:0px; top: calc(50% - 5px); }
.banner_r{margin-top:3%;}
.hotline-top{margin:2% 0;}
.hline{position: relative;}
.hline .s1{top: 15px;left: 80px;color: #da251c;font-family: 'avo_b';font-size: 16px;}
.hline .s2{    top: 35px;
    left: 80px;
    color: #001eff;
    font-family: 'UTMG';
    font-size: 30px; text-shadow: 2px 2px 0px #c4c4c4, 0 2px 0px #fff, -2px -2px 0 #fff,-2px -2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff;
}
.s1 span , .s2 span{color: #000 !important; font-family:'avo' !important;font-size:15px !important; }
.dmft{padding:10% 0;}
.br-box{width:100%; color:#c4c4c4;}
.panel-heading{background:none !important;border-radius:0 !important;}
.tieude{}
.tieude_ht1{position: relative;padding-left: 80px !important;box-sizing: border-box;margin-top: 10px !important; }
.tieude_ht1:after{position:absolute; content:''; width: 70px; height: 70px;background: url(../images/img/imgtd1.png) ; left:0px;top:-10px;}
.li {    border-bottom: 1px dashed #eee;
    padding-bottom: 15px;
   }
.sttlh{    float: left;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    background: #009d4d;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;}
.li .sb1{font-family: Arial;
    font-size: 20px;
    text-transform: uppercase;
    color: #757575;}
.li .sb2{    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #009d4d;
    text-transform: uppercase;
    line-height: 30px;
}
.livechat{    padding: 15px 0 15px 50px;}
.livechat ul{margin:0px auto;}
.livechat ul li{display: inline-block;margin-right: 3px;    margin-bottom: 5px;}
.hotline_tt {    padding-left: 50px;
    font-family: arial;
    font-size: 14px;
    color: #009d4d;}
.hotline_tt .sdt{    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #e71d1d}
.hotline_tt .img_hl{margin-right: 10px;}
.lh1{margin-bottom: 10px;}
.tieude_lh a{    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #009d4d;}
.tieude_ht2{position: relative;padding-left: 80px !important;box-sizing: border-box; }
.tieude_ht2:after{position:absolute; content:''; width: 70px; height: 70px;background: url(../images/img/imgtd2.png); left:0px;top:-10px; }
.dt_sp{font-family:UTMHelvetIns; font-size:35px; color: #da251c; text-transform:uppercase;padding: 2% !important;}
.dt_sp:after{content:''; position:absolute; height:14px;width:204px; background:url('../images/sp/ictd.png') repeat-x; bottom:0 ;  left: calc(50% - 102px); }
.brsize_max{width:100%;}
.doitac_max{background:#f9f9f9;width:100%;}
.nd_pt{    float: left;    width: 80%;}
.img_pt{float: left;margin-right: 10px;}

.box_dv_tt{    margin-bottom: 10px;padding-bottom: 10px;}
.ten_dv_tt a{    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;}

.mota_dv_tt{    color: #98e5bf;
    font-size: 12px;
    font-family: Arial;}
.box_dichvu{    padding: 30px 0;
    background: url(../images/img/brdv.png);}
.img_dv{    display: inline-block;}
.box_nd_dv{float: left;}
.box_nd_dv{width: 78%;}
.box-tieude{    padding: 30px 0px;}
.box_img_qc{width: 100%;    margin: 5px 0; position: relative;}
.btn_xoa{    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: underline;
    font-weight: bold; cursor: pointer;}
.box_img_qcdk{width: 100%;    margin: 5px 0; position: relative;}
.btn_xoadk{    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: underline;
    font-weight: bold; cursor: pointer;}
.box_gv{
        background: url(../images/img/brgiave.png);
    text-align: center;
    box-sizing: border-box;
    background-size: 100% 100%;
    padding: 10px 5px;    margin-bottom: 20px;}
.diadiemve{    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #009d4d;}
.motave{    color: #8b8b8b;
    font-family: Arial;
    font-size: 12px;}
.giave{    color: #f00;
    font-weight: bold;
    font-family: Arial;
    font-size: 16px;}
.thoigian{font-family: Arial;
    font-size: 12px;}


.box_nganhang{padding: 25px;
    box-sizing: border-box;}
/* tintuc */
/* .slidetintuc{width: 350px;float: right;height: 100%;} */
.bder{height: 2px;border-bottom: 4px solid #0f52a2;}
.muctt{width: 100%;height: auto;float: right;}
.cottt{}
.cottt img{float: left;height: auto;}
.dmtt{width: 100%;/* background: blue; */float: left;}
.tentt a{    color: #000 !important;
    line-height: 27px;
    font-family: "Arial";
    font-size: 13px;
    display: inline-block;
    width: 100%;
        padding: 5px 5px;
    border-bottom: 1px solid #eee; position: relative;}
.xem_dn12{width: 100%;}
.box_dathang{width: 50%;
    float: right;
    text-align: center;}

.tentt a:hover{color:#f00 !important; }
/* .loaitt{font-size: 12px;color: #8a8a8a;font-family: Arial;line-height: 15px !important;} */
.motatt{font-size: 12px;color: #333333;font-family: 'Arial';}
/* ykien khach hang */
.cottt2{padding-bottom:5px;}
.cottt2 img{float: left;width: 25%;height: auto;border-radius: 50%;padding: 3px;border: 1px solid #c4c4c4; margin-top:4%;}
.dmtt2{float: left;padding-left: 10px;width:69%;padding:0 3%;margin:0 3%; background:#eeeeee; border-radius:6px;position:relative;}
.dmtt2:before{content:'';position:relative; color:#112c67; font-size:30px; font-weight:bold;bottom: -10px;left: -10px;} 
.motatt2{font-size: 13px;color: #333333;font-family: 'Arial';position:relative;}
.motatt2:before{content:''; position:absolute; height:16px;width:16px; background:url('../images/sp/cm2.png'); left:-20px;  top: calc(50% - 8px); }
.dmtt3{float: left;padding-left: 10px;width:69%;padding:0 3%;margin:0 3%; background:#eeeeee; border-radius:6px;}
.dmtt3:before{content:'';position:relative; color:#112c67; font-size:30px; font-weight:bold;bottom: -10px;left: -10px;} 
.motatt3{font-size: 13px;color: #333333;font-family: 'Arial'; position:relative;}
.motatt3:after{content:''; position:absolute; height:16px;width:16px; background:url('../images/sp/cm1.png') ; right:-22px ;  top: calc(50% - 8px); }
.box_ctsp{border-bottom: 1px solid #c4c4c4; padding: 2% 0 }
.box_ctsp1{border-bottom: 1px solid #c4c4c4; padding: 2% 0;    margin-bottom: 1%;}
.cottt4{padding-bottom:5px;}
.cottt4 img{float: left;width: 100%;height: auto;border: 1px solid #c4c4c4;}
.muctt4{width: 100%;height: auto;float: left;}
.dmtt4{float: left;padding-left: 10px;width:100%;}
.motatt4{font-size: 13px;color: #333333;font-family: 'Arial'; position:relative; text-align: justify;}
.ten_sp4{font-family:'RBTB';font-size:14px; text-transform:uppercase;}
.ten_sp4 a{ color:#000 !important;}
.ten_sp4 a:hover{ color:#f00 !important;}
.box-spcap1{padding:1% 0;}
.chk{width: 10px;height: 20px;background: blue;float: left;margin-top: 10px;}
.panel-group{margin-bottom:5px !important;}
.panel{border:none;}
#listVideo{width: 100%;font-size: 13px;font-family: Arial;text-indent:5px;height: 30px;border: 0px;}

.gioithieu_top, .dichvuct, .content_bot{}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a
{
    color:red !important;
}
.jqx-item{color: #f00 !important;;font-weight: bold !important;}

.gt1{color:#012060; font-family:'avo_b'; font-size:15px; text-transform:uppercase;}
.gt2{text-align:justify; font-size: 15px; font-family:'Arial';}
.imggt{padding-bottom:0.5%;padding-left:0px !important;}
/* dich vu */
.dvmoi{padding:0;}
.tentt1{font-size: 14px;font-family: Arial; font-weight:bold; text-transform:uppercase;}
.tentt1 a{ color:#565656 !important;}
.tentt1 a:hover{color:#f00 !important;}
.motatt1{font-size: 12px;font-family: Arial; text-align:justify; margin-bottom:1%; color:#333333;}

/* content_bot */
.gioithieu{width:100%; border-bottom:1px solid #c4c4c4; margin-bottom:4%;}
.gioithieu p{font-family:'UTAG';font-size:20px;color:#313131;line-height:35px; position:relative;}
.gioithieu p:after{content: '';position: absolute;border-radius: 20px;height: 4px;width: 20%;background: #464646;bottom: -2px;left: 0;}
.mucgioithieu{width:100%;}
.mucgioithieu p{font-family:'Arial';font-size:12px;color:#4e4d4d;line-height:35px; position:relative;  text-transform:uppercase; text-indent:4%;}
.mucgioithieu p:after{content: '';position: absolute;height: 7px;width: 4px;background:url('../images/sp/icon.png');left:0; top:calc(50% - 4px);}
.mucgioithieu p a{color:#000 !important;}
.mucgioithieu a:hover {color: #f00 !important; text-decoration: underline !important;}
.tieudetd{width:100%; }
.tieudetd p{font-family:'Arial'; font-size:13px;color:#4e4d4d;}
.hl{width:100%;}
.hl1{width: 20%; padding-right:3%; float: left;margin-top:2%;}
.hl2{ width: 77%;float: left;line-height: 40px;color: #eb2b2b;font-size: 20px; font-family: 'avo_b';}
.mxh1{width:100%;}
.icmxh{width: 15%; margin-right:3%; float: left;}
/* footter */
.gioithieu1{    width: 100%;
    margin-bottom: 20px;
    position: relative;}

.gioithieu1 p{  font-family: RBTR;
    font-size: 17px;
    color: #e0bc29;
    position: relative;
    text-transform: uppercase;}
.gioithieu1 p:after{content: '';position: absolute;height:31px;width:31px;background:url('../images/img/brtdft.png');    left: -36px;
    top: -9px;}
.link a{color: #babfc5 !important;
    line-height: 35px;}
#thongke li:nth-child(1),#thongke li:nth-child(2),#thongke li:nth-child(3){position: relative;}
#thongke li:nth-child(1):after{content:'';position: absolute;left: -25px; width: 23px ;height: 23px;top: 10px; background: url(../images/img/ic1.png) }
#thongke li:nth-child(2):after{content:'';position: absolute;left: -25px; width: 23px ;height: 23px;top: 10px; background: url(../images/img/ic3.png) }
#thongke li:nth-child(3):after{content:'';position: absolute;left: -25px; width: 23px ;height: 23px;top: 10px; background: url(../images/img/ic4.png) }

.mucgioithieu1{width:100%;}
.mucgioithieu1 p{    font-family: 'Arial';
    text-indent: 8%;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    position: relative;
    text-indent: 15px;}
.ft-1{margin-bottom:10px;}
.mucgioithieu1 p:after{content: '';position: absolute;height: 10px;width: 6px;background:url('../images/sp/check1.png');left:0; top:calc(50% - 5px);}
    .btndk{padding:10px;}
.smdk{
    height: 35px;
    background: none;
    border: none;
    color: #fff;
    width: 120px;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    background: #3d3d3d;
    }
.txtemail{      color: #555;  height: 35px;width: 100%;background: none;border: none;top: 0;left: 0;background: #fff;padding: 0 15px;box-sizing: border-box;}

.tieude_dk{
    top: 5px;
    font-size: 12px;
    position: relative;
    text-align: center;
    margin-top: 20%;
    }
.tddk p{font-size:12px;font-family:'Arial'; color:#babfc5;}
.khungmxh{width:36px;height:auto;position:relative;}
.khungmxh:after{content: '';position: absolute;height: 36px;width: 14px;background:url('../images/sp/bong1.png');right:-14px; top:calc(50% - 20px);}
.khungmxh:before{content: '';position: absolute;height: 15px;width: 36px;background:url('../images/sp/bong2.png');bottom:-15px; left:calc(50% - 18px);}
.khungmxh img{width:36px; height:auto;}
.ten_sp{ font-family: 'avo_b';
    font-size: 20px;
    text-transform: uppercase;
    color: #0072bc;
    padding: 10px 5px;
    position: relative;
    text-align: center;}
.ten_sp a{font-family:'RBTB';font-size:14px; text-transform:uppercase; text-align: left;color: #555;padding:2px 5px;position: relative;}
.gia_sp{       text-align: center;
    color: #f00;
    font-size: 14px;
    font-family: avo_b;
    /* font-weight: bold; */
    margin-top: 5px;}
.fixnn span{margin-right: 5px;}
.ten_sp a{ color:#39464f !important; line-height:30px;}
.mota_sp{    text-align: justify;
    color: #303030;
    font-size: 15px;
    /* padding: 2%; */
    line-height: 30px;
    padding: 2px 5px;
    overflow: hidden;
    font-family: RR;
    margin-top: 15px;}
.box_nd_sp:hover .mota_sp{ color:#2c2cb6 }
.box_nd_sp:hover .ten_sp:after{ background:#2c2cb6; }
.hover{padding:30px;}
.xemgt a{background: #c11818;padding: 5px 7px;line-height: 30px;color: #fff;border-radius: 5px; font-size:14px;font-family: Open sans-serif;}
/* search */
.tieude_gt {
   font-family: Times;
    color: #555;
    position: relative;
    font-size: 20px;
    text-align: left;
    padding: 10px 0;
}

.box_slider_gt{ float: right;}
  .box_mota_gt{  float: left;
    position: relative;
 }
  .xem_gt a{     color: #000;
    font-size: 12px;
    font-family: Arial;
    position: relative;
    padding-left: 25px;
    display: inline-block;margin-bottom: 15px;
    padding: 0px 0 1px 30px;
    float: right;}
.xem_gt a:after{content: '';position: absolute;height: 24px;width: 24px;background:url('../images/sp/xem.png');left:0px; top:0px;}
.xem_gt a:before{content: '';position: absolute;height: 1px;width: 100px;background:#000;right:-14px; bottom:-2px;}


.tieude_gt h3{       color: #7a4725;
    font-family: "UTW";
    position: relative;
    font-size: 50px;}

.mota_gt {
            font-family: "RL";
    font-size: 14px;
    text-align: justify;
    line-height: 28px;
}
.btnsrch{
    }

.box_hotline{  border-radius: 3px;
    padding: 60px 20px 15px 85px;
    float: right;
    position: relative;
    top: 0px;
    background: url(../images/sp/brhotline.png) no-repeat;
    color: #fff;
        font-family: Arial;
    font-weight: bold;
    font-size: 22px;
}
.search{
    border-radius: 15px;
    position: relative;
    width: 100%;
    margin: 0px auto;
}
.search .txtsearch{background: rgba(196, 196, 196, 0.01);width: 100%;text-indent: 10px;border: 0px;color: #000;height: 26px;}
.button-s{    width: 100%;
    height: 100%;
    background: url(../images/sp/btnsrch.png) center no-repeat;
    border: 0px;
    border: 1px solid #f2f2f2;
    cursor: pointer;
    box-sizing: border-box;
   }
input{border-radius:0;}

.item .item-list{margin:0px;background:#FEFEFE;border: 1px solid rgba(196, 196, 196, 0.52); }
.item .item-list ul{list-style:none;  width:250px; height:auto;   }
.cha{ text-indent: 3px;line-height: 33px;cursor: pointer;padding-left:5px;background: url('../images/img/broutieude.png') repeat-x;font-size:13px; ; position:relative;}
/* .cha:after{content:'';left:2px; position:absolute; width:17px; height:16px; top:calc(50% - 9px); background: url('../images/img/check.png')}; */
.con{padding: 4px;background: #fff; margin-bottom: 1px;}
.con a{display:block; display: block;line-height: 30px; position:relative; padding-left:15px; font-size: 12px;font-family: Arial;}
.con a:after{ content:''; position:absolute; width:9px; height:9px; background:url('../images/img/iclist.png') repeat-x;top:calc(50% - 4px); left:4px;}
.item .item-list >ul >li{display: block; background: url("../images/img/broutieude.png") repeat-x; text-indent: 10px;position: relative;margin-bottom: 2px !important; transition:all ease 0.5s;}
/* .item .item-list >ul >li:after{content:'';left:2px; position:absolute; width:17px; height:16px; top:3px; background: url('../images/img/check.png')};  */
.item .item-list ul li a{ text-decoration:none;line-height:30px !important;font-size:13px;font-family:"Arial"; position:relative;}

.item-list> ul >li>ul{ position: absolute !important;display: none;left:100%;top: 0%;    z-index: 9999;}
.item-list ul li:hover ul {display: block !important; position:relative; }
.item-list ul li > ul li{line-height:15px !important;width:250px !important; background-color:#fff !important; color:#000 !important;}
.item-list ul li > ul:hover li{background:#c8c8c8;}

.item-list .hostline{height:auto;box-shadow:inset 1px 1px 30px rgba(0,0,0,0.1);padding-bottom:10px;}
.item-list  .hostline>img{width:130px;height:130px;margin:5px 0px 0px 50px; }

.tieudesl {    width: 289px;
    width: 289px;
    height: 40px;
    margin-left: 14px;
    margin-top: -20px;
    background: rgba(242, 242, 242, 0.46) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 157, 77, 0.58)), to(#079e51)) !important;
    border: 2px solid #50d491;
    background-size: 100% 100%;
    position: relative;
    z-index: 999999;
    line-height: 35px;
    text-indent: 35px;}
.tieudesl a{font-size: 20px;font-family:"UTMHelvetIns" ; text-transform: uppercase;}
.motasl{color:#fff !important;
    margin-left: 2%;
    text-align: justify;
    font-size: 14px;
    font-family: Arial;
}
.mn-top a{    color: #000 !important;
    font-size: 13px;
    font-family: Arial;
}
.mn-top a:hover{color:#f00 !important;}
.box_video{margin-top: 5px;}
.box_video h3{padding:0px ; margin: 0px;    font-size: 16px;line-height: 20px;text-align: center;font-family: Times new roman; font-weight: bold;}
.box_tva{border: 1px solid #c4c4c4;padding: 5%;}
.mta_nd{    font-size: 16px;
    font-family: Times new roman;
    font-weight: bold;
    text-transform: uppercase;}

.tt_menu{margin-left: 30px;}
.tt_menu a  span{
    font-weight: normal;
    font-size: 16px;
    position: relative;
    margin-left: 5px;
    top: -3px;
}
.tt_menu a{
    float: right;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 27px;
    position: relative;
    line-height: 36px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    FONT-WEIGHT: 100;
    }
.fone_mn{    color: #fff;
    /* text-transform: uppercase; */
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;}

.doitac-item{padding:0 10px;}
.doitac-item img{border:1px solid #c4c4c4;}


.td_dv{    text-align: center;
    font-size: 30px;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    color: #e8281e;}
.slg_dv{    text-align: center;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 15px;
    line-height: pa;
    padding: 10px 0px;}
.mota_dv{    text-align: center;
    font-family: Arial;
    font-size: 12px;}

    .item-wr4{       text-align: center;
    box-sizing: border-box;
    position: relative;overflow: hidden}
.hover4{position: relative; overflow: hidden}
.hover4:before {
    top: -100%;
    left: -100%;
}

.hover4:before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 99;
    height: 100%;
    background: #000;
    opacity: 0.1;
    transition: all ease 0.5s;
}
.hover4:after {
    right: -100%;
    bottom: -100%;
}
.hover4:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    transition: all ease 0.5s;
}
.hover4:hover:after{right:0;bottom: 0; }
.hover4:hover:before{top:0;left:0 ;}
.hover4:hover .chitiet_dn2 {
    transform: scale(1);
}
.chitiet_dn2 {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 0;
    text-align: center;
    border: 0;
    z-index: 99;
    right: 0;
    height: 10%;
    transition: all ease 0.6s;
    transform: scale(0);
}
.box_chitiet2 {
    text-align: center;
}
.box_chitiet2 p {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.dkdvu{padding: 15px 0}
.dkdvu a{      padding: 3px 25px;
    border-radius: 5px;
    background: rgba(242, 242, 242, 0.46) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 157, 77, 0.58)), to(#079e51)) !important;
    border: 2px solid #50d491;
    color: #fff;}
.box-wr{padding: 20px 0;
    margin-bottom: 35px;position: relative;}
.box-wr:after{position: absolute; content:'';width: 1060px;height: 40px;background: url(../images/img/brwr.png) no-repeat;left: calc(50% - 515px);bottom: -40px}


.box_anh{ box-sizing: border-box; position: relative;text-align: center}
.ten_anh{      font-size: 14px;
    font-family: avo_b;
    font-weight: bold;
    padding: 5px;
    position: relative;
    bottom: 0px;
    background: #f2f2f2;
    width: 100%;
    text-align: left;
    color: #555;
    text-transform: uppercase;
   }
.mota_anh{      padding: 5px;
    background: #eee;
    color: #000;
    font-family: avo;
    text-align: justify;
    font-size: 14px;}
.box_anh .hover_ten{line-height: 35px;position: relative;bottom: 0px;width: 100%; background: #c4c4c4; text-align: center;font-family: UTAv; font-weight: bold;}
.box_anh:hover .hover_ten{background: #F68931;}

.box_anh{position: relative;overflow:hidden;} 
.box_anh:before{content: '';position: absolute;width: 100%;z-index: 99; height: 100%; background:none;}
.box_anh:after{content: '';position: absolute;width: 100%;z-index: 99; height: 100%; background:none;border: 1px solid #008e40 ; opacity: 0; transition: all ease 0.3s}
.box_anh:hover:after{    width: 100%;
    height: 100%;
    padding: 5%;
    opacity: 1;
    transition: all ease 0.3s;
    background: rgba(255, 255, 255, 0.12);
    box-sizing: border-box;}
.box_anh:after{top: 0;left:0;}


.box_anh:before{top: 0;left:0;}
.box_anh:hover:before{    background: #fff;
    opacity: 0.1;}
.grid{overflow: hidden;}
.grid img{transform: scale(1); transition: all ease 0.5s}
.box_anh:hover .grid img{ transform: scale(1.1); transition: all ease 0.5s}
.xem_dn{      position: absolute;
width: 100%;top: 40%;left: 0;text-align: center;border: 0;z-index: 99;right: 0;transition:all ease 0.6s;transform: scale(0);
}
.box_anh:hover .xem_dn{transform: scale(1);}
.box_xem{text-align: center;}
.box_xem p{color:#fff; font-family:Arial;font-weight: bold; }
.box_xem img{ display: -webkit-inline-box !important; }
.xem_dn img{max-width: 100% !important; width: auto !important; }
.bd_hinhanh {
    box-sizing: border-box;
}

.xem_ct{    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    opacity: 0; transition: all ease 0.3s;
    bottom: -30px;
    z-index: 99999;}
.xem_ct a{      display: inline-block;
    color: #fff;
    padding: 2px 26px;
    border-radius: 5px;
    background: #008e40;
    font-size: 11px;}
.box_anh:hover .xem_ct{bottom:40%; transition: all ease 0.3s;opacity: 1;}
.box_nd_ha:hover .ten_anh{background: #d71d1d; color: #fff;}
.box_nd_ha:hover .mota_anh{background: none;background: #008e40;box-sizing: border-box; color: #fff; }
.tieude_ten h3{  text-transform: uppercase;
    font-family: Arial;
    position: relative;
    font-size: 15px;
    color: #555;
    padding: 7px 10px;
    margin-bottom: 10px !important;
    background: #f2f2f2;
    border-bottom: 1px solid #eee;}
.ten_ttmn{       font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #2f2f2f;
    font-size: 12px;}
.mota_ttmn{    font-family: Arial;
    color: #555;
    font-size: 12px;text-align: justify}

.ten_tt_tt{
              color: #000;
              font-size: 13px;
              font-family: "RB";
              text-align: justify;
              }
.date{   font-size: 11px;
    font-family: "Arial";
    color: #6f6f6f;}
.date i{margin-right: 4px}
.dichvuct{padding: 20px 0;}
.mota_tt_tt {
    color: #555;
    font-size: 13px;
    text-align: justify;
    font-family: "RR";
    margin-bottom: 4px;
    }
.img_tt_tt img{    position: relative;
    }
.box_doitac{
    margin-top: 10px;
}
.img_dt{    padding: 15px 0; }
.box_dangky{ background: url(../images/img/brlh.png);
    background-size: 100% 100%;}
.panel{background: none !important;
margin:0px !important
}

    .lienket{    text-align: center;}
.mxhf{padding: 10px 0;
text-align: left;    display: inline;}
.mxhf ul{     display: inline-block;
    float: left;
    padding: 0px 0;}
.mxhf ul li{display: inline-block;}

.mxhf1{padding: 7px 0;
text-align: left;}
.mxhf1 ul{margin-bottom: 0px auto;}
.mxhf1 ul li{display: inline-block;margin-right: 4px}

.datepicker{display: block !important}

.rlt-kt{position: relative;}
.abs-kt{position: absolute;right: -15px;top:3px; width: 12px; height: 12px;}
.btn-secondary{background: none;
   }
.img_xemgt{    float: left;
    margin-right: 10px;}
.noidung p{text-align: justify;}

.cottt1{     border: 1px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;  }
.cottt1 img{    float: left;display: inline-block;width: 20%;}
.dmtt1{
    width: 100%;
    box-sizing: border-box;
    }
.tentt1{line-height: 25px;font-family: "Arial"; font-size: 18px;}
.tentt1 a{
    color: #ea5724 !important;
    font-size: 13px;
    font-family: Arial;
    text-transform: none;
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    }

.motatt1{   font-size: 14px;
    color: #555;
    font-family: RR;
    line-height: 28px;
    text-align: justify;}
.cottt1 img{   margin-right: 10px;    margin-top: 5px; }

.tieude_chitiet {
    position: relative;
        margin-bottom: 10px;
    width: 100%;   border-bottom: 4px solid #7a4725;
}
.tieude_chitiet h3 {
           display: inline-block;
    text-transform: uppercase;
    font-family: "RR";
    position: relative;
    font-size: 24px;
    color: #7a4725;
    padding: 5px 25px 5px 0px;
}

.tieude_chitiet h3:after {
        position: absolute;
    content: '';
    height: 4px;
    width: 20px;
    background: #ff0000;
    left: 0;
    bottom: -4px;
}

.item-wr2{box-sizing: border-box; position: relative;text-align: center;    overflow: hidden;  }

.item-wr2:before{content: '';position: absolute;width: 100%;z-index: 99;overflow: hidden; height: 100%; background:none;top: 0;left:0;opacity: 0.6;background: #fff; }
.item-wr2:hover:before {
   position: absolute;
   z-index: 9999 !important;
}
.grid2{overflow: hidden; }
.grid2 img{transition: all ease 0.5s;transform: scale(1); }
.grid2 img:hover{transition: all ease 0.5s;transform: scale(1.1); }
.item-wr2:hover .xem_ct1 {
    bottom: 40%;
    transition: all ease 0.3s;
    opacity: 1;
}
.item-wr3{box-sizing: border-box; position: relative;text-align: center;    overflow: hidden;  }
.item-wr3:hover .xem_ct1 {
    bottom: 40%;
    transition: all ease 0.3s;
    opacity: 1;
}
.xem_ct1 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all ease 0.3s;
    bottom: -30px;
    z-index: 99999;
}
.xem_ct1 a {
    display: inline-block;
    color: #fff;
    padding: 2px 26px;
    background:#555;
    font-size: 11px;
}
.fix_header{    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;}
.grid1{overflow: hidden;}
.grid1 img{width: 100%;}
/* .item-wr2:hover .grid1 img{ transform: scale(1.1); transition: all ease 0.5s} */
.xem_dn1{      position: absolute;    bottom: -100%;
width: 100%;background: #008e40;left: 0;text-align: center;border: 0;z-index: 9999;transition:all ease 0.8s;
}
.item-wr2:hover .xem_dn1{transform: scale(0.9);bottom: 0px}
.img_tt_tt{    text-align: center;
    box-sizing: border-box;
    }
.box_bdtt{padding: 5px 0;border-bottom: 1px solid #f2f2f2;}
.ten_anh1{    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    padding: 10px 0px;
    position: relative;
    bottom: 0px;
    background: #008e40;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
   }
.mota_anh1{    padding: 9px;
    background: #eee;
    color: #6f6f6f;
    font-family: Arial;
    text-align: justify;}
.xem_dn1:hover .ten_anh1{background: #d71d1d; color: #fff;}
.xem_dn1:hover .mota_anh1{background: none;background: #008e40;box-sizing: border-box; color: #fff; }
.xem_baiviet{text-align: }
.xem_ctbv{float: right;}
.xem_ctbv a{    color: #fff;
    margin-right: 12px;font-size: 12px ; color: #555;border: 1px solid #555; padding: 3px 10px;}
.xem_dn1:hover .xem_ctbv a{color: #fff;border: 1px solid #fff; }
.xem_ctbv a:hover{color: #f00 !important;border:1px solid #f00 !important;  background: #fff !important;}

.box_dv_slider{    width: 82%;
    float: right;
    padding-right: 10%;
    padding-top: 10%;}
.tieude_dvu_sl{    width: 100%;
    background: url(../images/img/tddvsl.png) no-repeat;
    background-size: 100% 100%;}
.tieude_dvu_sl h3{    font-size: 1.4vw;
    font-family: avo_b;
    color: #fff;    padding: 10px 20px;}
.ten_dv_sl{    padding: 5px 20px;
    color: #fff;
    font-size: 1.2vw;
    font-family: avo;}
.xem_dv_sl {text-align: center;}
.xem_dv_sl a{    display: inline-block;
    padding: 3.3% 10%;
    font-size: 1vw;
    font-family: Arial;
    background: url(../images/img/xem_dv.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    margin-top: 5%;}
.xemthem a{     display: inline-block;
    padding: 0px 3px;
    font-family: "RR";
    color: #f00;
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    margin-right: 10px;}

.chitiet_sp a{     color: #555;
    padding: 0px 0;
    font-weight: bold;
    text-transform: none;
    font-size: 17px;
    cursor: pointer;
    width: 50%;
    display: inline-block;
    margin: 2px 0;}
.box_nd_sp{  
    padding: 0 10px;
    box-sizing: border-box;}
.box_nd_sp:hover .ten_sp{color:#2c2cb6}
 .ten_sp1{     color: #a3161a;
    text-align: center;
    font-family: Arial;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 15px;}

 #stage {
    margin: 1em auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }
#spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 24s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 24s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

.input-group-addon{  padding:0px !important;
}

.smk{       background: url(../images/sp/btngui.png);
    width: 35px;
    height: 100%;
    background-size: 100% 100%;
    border: none;}

    .full_cat {
    background: #fff;
    padding: 10px 20px;
    width: 560px;
}
.full_cat .dm-c1 {
     display: inline-block;
    float: left;
        margin-right: 1%;    width: 31.33%;
    padding-right: 1%;
    border-right: 1px solid #eee;


}
.full_cat .dm-c1 .dli i{margin-right: 5px;}
.full_cat .dm-c1 .dli a {
    border-top-width: 0;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    width: 100%;
    margin: 3px 0;
    text-align: left;
    text-transform: none !important;
    box-sizing: border-box;
    font-weight: normal;
    font-family: arial;
    line-height: 21px !important;

}
.jqueryslidemenu ul li a:hover{color: #ff0 !important;}
.dli a:hover{color: #f00 !important}
.full_cat .dm-c1 a {
    padding: 0 !important;
    font-size: 12px;
    text-align: left;
      color: #555 !important;
    float: left !important;
    line-height: normal !important;       text-transform: uppercase;
    font-weight: bold;
}

.ddsmoothmenu ul li ul .dli {
    background: #ffffff;
    display: list-item;
    float: left;
    width: 200px;
    border-bottom: 1px solid #CCCCCC;
}

.dc1{position: relative;
    color: #a5abb3;
    font-size: 13px;padding-left: 15px}
.dc1:before{position: absolute; content: ""; width: 11px; height: 14px;background:url(../images/sp/ic.png);left: 0px;top: 0px }
.dc2{      color: #333;
    font-family: Avo;
    font-size: 12px;
    line-height: 40px;}

.dc3{      color: #0072bc !important;
    font-family: Avo_b;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    top: 22px;}

.menu_rpfix{position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;}

/* #menu_top ul#nav >li >a.menu_active:after, #menu_top ul#nav >li >a:hover:after{content:'';position: absolute;width: 100%; height: 2px; background:#f00;left:0px;bottom: 0px;} */
.link a:hover {color:#f00 !important; }


.tab-wrapper2{text-align: center;width: 100%;margin: auto;}
.tab-wrapper2 ul{    overflow: hidden;
    background: url(../images/brtab.png) repeat-x;
    margin: 0px;
    padding: 0px;    margin: 15px 0;
    position: relative;
    /* z-index: 99; */
    width: 100%;}
.tab-wrapper2 ul li{  padding: 8px;
    margin-right: 7px;border: 1px solid #eee;
    display: inline;
    background: #1d1d1d;
    color: #e28100;}
.tab-wrapper2 ul li.active2 {    cursor: pointer;
    background: #e28100;
    overflow: hidden;
    border: 1px solid #eee;}    
.tab-wrapper2 ul li.active2 a{font-weight: bold;color: #fff !important;    font-family: Arial !important; background: none !important;  }
.tab-wrapper2 ul li a{     color: #e28100;
    text-transform: uppercase;
    text-decoration: none;
        padding: 6px 15px;
    display: inline-block;}
.tab-noidung2{display: none; text-align: left;      }
.full_bg{background:url(../images/sp/brbg.png) no-repeat; background-size: 100% 100%; max-width: 1349px}
.box_bg{padding: 10% 0;
    text-align: center;}
.box_bg a{display: inline-block;   
    font-family: Arial;
    font-size: 25px;
    text-transform: uppercase;
    color: #e28100;
    padding: 10px;
    border: 2px solid #e28100; }
.box_bg a:hover{color:#f00; border: 2px solid #f00;}

#pre-loader{background: url(../images/sp/brld.png) repeat;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
#pre-loader #wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;text-align: center;width: 100px; height: 30px;}
#preloader_1{position:relative;}
#preloader_1 span{display:block;bottom:0px;width: 9px;height: 5px;background:#000;position:absolute;animation: preloader_1 1.5s  infinite ease-in-out;}
#preloader_1 span:nth-child(2){left:11px;animation-delay: .2s; }
#preloader_1 span:nth-child(3){left:22px;animation-delay: .4s;}
#preloader_1 span:nth-child(4){left:33px;animation-delay: .6s;}
#preloader_1 span:nth-child(5){left:44px;animation-delay: .8s;}
@keyframes preloader_1 {0% {height:5px;transform:translateY(0px);background:#000;}25% {height:30px;transform:translateY(15px);background:#000;}50% {height:5px;transform:translateY(0px);background:#000;}100% {height:5px;transform:translateY(0px);background:#9b59b6;}}

.slider{overflow: hidden;}

.item_vs{margin-bottom: 15px; text-align: center;}
.ten_visao{padding: 10px 0}
.ten_visao a{    font-size: 15px;
    font-family: Arial;
    text-transform: uppercase;
    color: #fffc00;}
.mota_visao{    color: #fff;
    font-family: Arial;
    font-size: 13px;}


/* spnangluc */
div.news_center {
    width: 1200px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 320px;
    background: url(../images/new-center.png) repeat-y top center;
}
ul.new_nbindex {
    width: 100%;
    float: left;
    list-style: none;
}
ul.new_nbindex li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
div.item_new1 {
    width: 570px;
    float: left;
    min-height: 150px;box-sizing: border-box;
    padding: 10px;    background: #fff;
    border-radius: 7px;
}
div.item_new2 {
    width: 570px;
    float: right;box-sizing: border-box;
    padding: 10px;
    min-height: 150px;    background: #fff;
    border-radius: 7px;
}
div.item_new1 img {
    float: right;
    padding: 1px;
    width: 180px;
    height: 138px;
    margin-left: 10px;
    border: 2px solid #009900;
}
div.item_new2 img {
    float: left;
    padding: 1px;
    width: 180px;
    margin-right: 10px;
    height: 138px;
    border: 2px solid #009900;
}
div.item_new1 h3 {
    font-size: 13px;
    color: #009900;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 5px;
}
div.item_new2 h3 {
    font-size: 13px;
    color: #009900;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 5px;
}
div.item_new1 p {
    line-height: 20px;
    font-size: 12px;
    height: 95px;
    overflow: hidden;
}
div.item_new2 p {
    line-height: 20px;
    font-size: 12px;
    height: 95px;
    overflow: hidden;
}
div.new_stt2 {
    position: absolute;
    left: -16px;
    bottom: 30px;
    height: 26px;
    width: 53px;
    background: url(../images/new-left.png) no-repeat top center;
}
div.new_stt1 {
    position: absolute;
    right: -16px;
    top: 30px;
    height: 26px;
    width: 53px;
    background: url(../images/new-right.png) no-repeat top center;
}
div.new_stt1 span {
        display: inline-block;
    float: right;
    line-height: 24px;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #2c2cad;
    text-align: center;
    border-radius: 50%;margin-right: 5px;
    font-weight: bold;position: relative;
    border: 2px solid #2c2cad;
}
div.new_stt1 span:after{position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: #2c2cad;
    left: -20px;
    top: 10px;
    z-index: -1;
}
div.new_stt1 span:before{
       position: absolute;
    content: '';
    width: 2px;
    height: 80px;
    background: #2c2cad;
    left: 9px;
    bottom: -70px;
    z-index: -1;
}
div.new_stt2 span:after{position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: #2c2cad;
    right:0px;
    top: 10px;
    z-index: -1;
}
div.new_stt2 span:before{
     position: absolute;
    content: '';
    width: 2px;
    height: 100px;
    background: #2c2cad;
    left: 14px;
    bottom: -85px;
    z-index: -1;
}
div.new_stt2 span {
    display: inline-block;
    line-height: 24px;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #2c2cad;
    text-align: center;
    border-radius: 50%;margin-left: 3px;
    font-weight: bold;
    border: 2px solid #2c2cad;
}
div.item_new2 h3 a,div.item_new1 h3 a{
        color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
}
.box_nd_list:hover{border: 1px solid #88e153; box-sizing: border-box}
.box_list_center:hover{border: 1px solid #88e153; box-sizing: border-box}

.ten_list{    font-size: 14px;
    font-family: avo_b;text-align: justify;
    padding: 4px 0;}
.tieude_sp {text-align: left;    margin-bottom: 20px; position: relative; margin-top: 20px;}
.tieude_sp h3{      font-size: 28px;
    font-family: avo_b;
    text-transform: uppercase;
    color: #333;
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 0 10px 0 0px;
   }
.mota_nd_list{    font-family: Avo;
    font-size: 14px;text-align: justify}
.tieude_sp:after{content:'';position: absolute;width: 100%; height: 2px ;background:#51ab35; bottom: 5px; left: 0; z-index: -1}
.box_brsp{    padding: 20px 0;
    background: #eee;}
.full_tab{    background: #464646;
    padding: 0px;
    box-sizing: border-box;    overflow: hidden;    
    box-shadow: inset 20px 10px 200px #000, inset -20px -10px 200px #000;}
.tab-wrapper{text-align: left;width: 100%;margin: auto;    margin-bottom: 20px;
    margin-top: 20px;}
.tab-wrapper ul{overflow: hidden;
    background: url(../images/brtab.png) repeat-x;
    margin: 0px;    border-bottom: 1px solid #f2f2f2;
    padding: 0px;
    position: relative;
    z-index: 99;
    width: 100%;
    top: 5px; margin-bottom: 10px}
.tab-wrapper ul li{  padding: 8px;
    margin-right: 7px;border: 1px solid #eee;
    display: inline;
    background: #f2f2f2;
    color: #e28100;}
.tab-wrapper ul li.active { cursor: pointer;
    background:#a0410d;
    overflow: hidden;}    
.tab-wrapper ul li.active a{font-weight: bold;color: #fff !important;    font-family: Arial !important; background: none !important;  }
.tab-wrapper ul li a{     color: #a0410d;
    text-transform: uppercase;
    text-decoration: none;
        padding: 6px 15px;
    display: inline-block;}
.tab-noidung{display: none;}
.tab-noidung1{display: none;}
.banggia1{margin-top: 10px}
.full_anhht{background:#f2f2f2;padding:15px 0}
.box_motaha{    background: #363636;
    padding: 15px;position: relative;}

.input-group-addon:last-child {
    padding: 0 10px !important;
    color: #555;
}
.input-group{margin-bottom: 7px;}
.sdt_lh{    position: absolute;
    bottom: 10px;
    padding: 10px;
    border: 1px solid #f7941d;
    color: #f7941d;    width: 92%;
    border-radius: 10px;
    }
.tieude_haht{font-family: Arial;
    color: #e28100;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 10px;
    border: 1px solid #e28100;
   }
.mota_haht{    color: #fff;
    margin-top: 15px;}
.li .cssmasp{
    font-family: "HNL";
    color: #000;
    font-size: 15px;
    }
.li .cssgia{   font-family: SFB;
    color: #000;
    font-size: 15px;}
.li .csshl{color: #f00;}
.li .su{
    font-size: 16px;
    text-align: left;
    font-family: "SFB";
    display: inline-block;
    position: relative;
    color: #555;
   }

.thongso{
    font-size: 17px;
    text-align: left;
    font-family: "SFB";
    display: inline-block;
    position: relative;
    color: #555;
    padding: 5px 0px 5px 25px;
}
.thongso span{color: #999;}

.dat_sp a{        color: #555;
    padding: 0px 0;
    font-weight: bold;
    text-transform: none;
    font-size: 17px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 0;}
.dat_sp a:hover{color: #f00}
.chitiet_sp a:hover{color: #f00}
.container{max-width: 1200px !important; padding:0px !important;}

.noidung{    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #f2f2f2;}
.xemthem a:hover{color: #f00;}


.slg_da{     font-size: 14px;
    color: #5f5f5f;
    font-family: Arial;
    padding: 7px 0;}

.rsVideoContainer{width: 100% !important; height: auto !important;margin-left: 0px !important;margin-top: 0px !important;}
.tieude_visao{    text-align: center;
    font-size: 29px;
    color: #f6ff00;
    font-family: Arial;}
.slg_visao{    text-align: center;
    font-family: Arial;
    padding: 15px 0;
    color: #fff;}

.bdbv{    border: 1px solid #f2f2f2;    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;}
.tieude{position: relative;width: 100%;height: auto;text-align: center;background: #00a959;}
.tieude h3{
    font-size: 15px;
    font-family: RB;
    position: relative;
    line-height: 30px;
    text-align: left;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    width: 100%;
}

.tieude h3:before {
    position: absolute;
    /* content: ''; */
    width: 100px;
    height: 3px;
    left: 0px;
    right: -25px;
    bottom: -3px;
    margin: 0px auto;
    background: #eee;
    border-radius: 10px;
    z-index:0;
}
.tieude h3:after{
     position: absolute;
     /* content:''; */
     width: 100px;
     height: 3px;
     left: -25px;
     right: 0px;
     bottom: 2px;
     margin: 0px auto;
     background: #eee;
     border-radius: 10px;
     z-index:1;
 }
.full_daotao{padding:25px; background:url(../images/sp/brdt.jpg); background-size: cover; }

.full_daotao p{
    font-family: OPR;
    font-size: 13px;
    text-align: center;
    padding: 20px;
    }
.mg_sp{    margin-left: -10px;
    margin-right: -10px;}
.pd_sp{padding:0 10px;}
.tieude1{ position: relative;width: 100%;height: auto;    margin-bottom: 15px;}
.tieude1 h3{       color: #fff;
    font-size: 32px;
    font-family: UAC;
    position: relative;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    padding: 10px 0 27px 0;
    width: 100%;
    background: url(../images/sp/brtd.png) no-repeat bottom center;}
.tieude2{position: relative;width: 100%;height: auto;margin-bottom: 10px;}
.tieude2 h3{
   
font-size: 16px;
   
font-family: RB;
   
position: relative;
   
line-height: 30px;
   
text-align: center;
   
display: inline-block;
   
color: #555;
   
padding: 5px 0;
   
text-transform: uppercase;
}
 .tieude2 h3:after{
    /* position: absolute; */
    /* content:''; */
    width:16px;
    height: 16px;
    left: 15px;
    top: 13px;
    background:url(../images/sp/aftd.png);
    }
  .tieude2 h3:before{/* position: absolute; *//* content:''; */width:18px;height: 43px;right: -17px;top:0px;background:url(../images/sp/bftd.png);}

.tieude2 p{    font-family: OPR;
    text-align: center;
    font-size: 14px;}
.box_diachi ul li{    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    line-height: 40px;
    color: #fff;
    font-family: RR;
    font-size: 16px;}
  .box_diachi ul li:after{position: absolute; content:''; width:1px;height: 10px;right: 0px; top:15px;background: #fff}
  .col_cs{      width: 33.33%;
    float: left;
    text-align: center;
    padding: 15px;}
  .ic_gh{    float: right;
    margin-top: 10px;}
  .ic_gh a{display: inline-block;
    padding: 5px 10px;
    background: url(../images/sp/brgh.png);
    background-size: 100% 100%;
    border-radius: 3px;
    font-family: RR;
    font-size: 14px;
    color: #fff;}

.tieude_gtdv{ position: relative;width: 100%;height: auto;color: #fff;}
.tieude_gtdv h3{     color: #079f00;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    line-height: 44px;
    width: 100%;
    text-align: left;
    font-family: "avo_b";}




.fix_imglogo{}
.tieude_bd{ position: relative;width: 100%;height: auto;color: #fff;}
.tieude_bd h3{     color: #fff;
    font-size: 20px;
    padding-right: 15px;
    text-transform: uppercase;
    font-family: avo_b;
    position: relative;
    line-height: 44px;
    width: 100%;
    text-align: left;
    margin: 10px 0;}


.chitiet_pb{    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    border: 0;
    z-index: 99;
    right: 0;
    transition: all ease 0.6s;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;}


.chitiet_dn1{     position: relative;
    width: 100%;
    bottom: 0px;
    left: 0;
    text-align: center;
    border: 0;
    z-index:1;
    right: 0;
    transition: all ease 0.6s;
    transform: scale(1);}
.box_chitiet1{    text-align: left;
     }
.box_chitiet1 .ndchitiet{
    display: inline-block;
    padding: 5px 0px;
    width: 100%;
    }
.box_chitiet1 img{ display: -webkit-inline-box !important; }
.chitiet_dn1 img{max-width: 100% !important; width: auto !important; }
.item-sp-list{     position: relative;    border: 1px solid #f2f2f2;
    transition: all ease 0.5s;overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-bottom: 20px;}
.item-sp-list .hover1{overflow:hidden;position: relative;    border: 1px solid #fff;box-shadow: 0px 0px 5px #000;}
.item-sp-list .hover1 img{ position: relative;width: 100%;display: block;box-sizing:border-box; }
.item-sp-list img{transition: all ease 0.4s; transform: scale(1)}
.item-sp-list:hover img{transition: all ease 0.4s; transform: scale(1.1)}

.xemthem{float: right;}

.bd_sp{
    padding:5px;background: #fff;border: 1px solid #f2f2f2;position: relative
}
.bd_sp:after{content:'';position: absolute;width: 100%;height: 14px; background: url(../images/sp/atsp.png);bottom:-14px; left: 0px; right: 0px; margin:0px auto}

.box_size li{    display: inline-block !important;margin-right: 10px;width: 50px;padding: 0px;}
   .box_mau li{    display: inline-block !important;margin-right: 10px;width: 47px;padding: 0px;}
   .box_mau input{margin-right: 5px}
   .check_hear a{display: inline-block;}

.item-sp-list1{
    position: relative;
    transition: all ease 0.5s;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
   }
.ten_spnb1{color: #555;
    display: inline-block;
    width: 100%;
    font-family: RR;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;}
.ten_spnb{color: #fff;
    display: inline-block;
    width: 100%;
    line-height: 40px;
    font-family: RR;
    font-size: 14px;
    text-transform: uppercase;}
.item-sp-list1 .hover1{    overflow: hidden;
    position: relative;
   }
.box_spnl_mb{display: none}
.full_dk{background:#f2f2f2;padding:20px 0;}
.tieude_bv{margin-bottom: 15px}
.tieude_bv h3{    text-align: center;
    font-family: RR;
    font-size: 27px;
    text-transform: uppercase;
    color: #2c2cb6;
    position: relative;}
.nd_spmn a{color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;}
.itemspnl{margin-bottom: 10px;padding:7px;border-radius: 5px;background:#fff}

.tieude_bv h3:after{    content: '';position: absolute;width: 120px;height: 1px;background: #2c2cb6;left:0px;right:0px; bottom:-5px;margin:0px auto}

.item-sp-list1 .hover1 img{ position: relative;width: 100%;display: block;box-sizing:border-box; }
/* .item-sp-list1 .hover1:after{    content: '';position: absolute;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.24);box-sizing: border-box} */
/* .item-sp-list1 .hover1:before{content: '';position: absolute;width: 100%;z-index: 99; height: 100%; background:rgba(255, 255, 255, 0.24);box-sizing: border-box} */
.item-sp-list1 .hover1:after{right:-100% ;bottom:-100% ;}
.item-sp-list1 .hover1:hover:after{right:0;bottom: 0; }
.item-sp-list1 .hover1:before{top: -100%;left: -100%;}
.item-sp-list1 .hover1:hover:before{top:0;left:0 ;}
.item-sp-list1 .hover1:hover .chitiet_dn1{transform: scale(1);}
.ten_dv{text-align: center;margin-top: 20px;}
.item-gia a:hover {
    color: #f00;
}
.doitac{
    padding: 10px 0;
}
.item-gia a {
         font-size: 12px;
    text-transform: uppercase;
    font-family: "avo_b";
    color: #0072bc;
}

.box_footer{
    z-index: 999999999999;
    position: absolute;
    top: 10%;
    left: 5%;padding: 0 7%; 
}
.ft-1 .ft1 {
        text-transform: uppercase;
        font-family: HNS;
        font-size: 36px;
        color: #555;
        line-height: 40px;
}
.ft-1 .ft2 {
      text-transform: uppercase;
    font-family: OPB;
    font-size: 17px;
    color: #000;
    line-height: 40px;
}
.ft-ds {
    color: #fff;
    font-family: 'Arial';
    font-size: 12px;
    line-height: 35px;
    width: 100%;
    text-align: center
}
.mxf_ft {
    width: 100%;
    padding: 5px 0;
}
.footer .fixed-ft {
    position: absolute;



    width: 100%;
    height: 35px;
    bottom: 0px;
    background: none;text-align: center
}

.ft-3 h3 {
    color: #ff0;
    font-family: 'avo';
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    background: rgba(0, 0, 0, 0.36);
    background-size: 100% 100%;
    padding: 10px 20px 0px;
}
.tieude_sl {
    margin-bottom: 15px;
}
.full_bot{padding: 2% 0;    background: #FFF2EA;}
 .full_door{background: url(../images/sp/brvs.png) fixed;
    background-size: 100% 100%;
   padding: 2% 0;}
    .tieude_door h3{
    text-align: center;
    font-family: RR;
    font-size: 25px;
    text-transform: uppercase;
    color: #ff0;}
    .slg_door{color: #fff;font-size: 14px ; font-family: RR; text-align: center;    margin-bottom: 20px; }
    .box_door{text-align: center;}
    .pd_vs{padding:15px;}
    .mg_vs{margin-left: -15px ;margin-right: -15px}
    .ten_door a{ font-family: RR;
    font-size: 14px;
    display: inline-block;
    padding: 5px 0;
    text-transform: uppercase;
    color: #ff0;
}.mota_door{    color: #fff;
    font-size: 15px;
    font-family: RR;}
.tieude_sl h3 {
          display: inline-block;
    border-radius: 3px 3px 0 0;
    padding: 10px 5px 10px 2px;
    box-sizing: border-box;
    background-size: 100% 100%;
    color: #ff6633;
    background: #FFF2EA;
    font-size: 20px;
    font-family: avo_b;
    text-transform: uppercase;
    position: relative;
}
 .img_newmain{  
    width: 180px;
    float: left;
    margin-right: 10px;
}
  .ttnew{  
    margin-bottom: 10px;}
  .name_news a{    font-family: OPB;
    font-size: 15px;
    color: #333333;}
  .mt_news{    font-family: OPR;
    font-size: 13px;
    color: #333333;}
  .ultab{border: 0px !important}
  .atab{border: 0px !important;box-shadow: none !important;padding: 0px !important;margin: 0px !important;}
  .active h3{color: #555 !important;text-decoration: underline}
.tieude_sl:before{z-index: 0;position:absolute;content:'';    right: 0px;
    top: 12px;
    width: 95%;height:15px;background:url(../images/tt_end.png);}

.tketruycap {
    width: 100%;
    position: relative;
    padding: 0px;
    box-sizing: border-box;
}
.khungtk ul li{
    display: inline-block;
    list-style: none;
    line-height: 30px;
    font-family: RR;
    font-size: 12px;
    position: relative;
    margin-right: 8px;
    font-size: 14px;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 5px;
    }
.khungtk ul li:nth-child(1):before{position:absolute;/* content:''; */left:5px;top:2px;width:23px;height:22px;background:url(../images/img/ic1.png);}
.khungtk ul li:nth-child(2):before{position:absolute;/* content:''; */left:5px;top:2px;width:23px;height:22px;background:url(../images/img/ic2.png);}
.khungtk ul li:nth-child(3):before{position:absolute;/* content:''; */left:5px;top:2px;width:23px;height:22px;background:url(../images/img/ic3.png);}
.khungtk ul li span{float: right}

.item-sp-list1 .hover1 a:after {
    right: -100%;
    bottom: -100%;
}
.item-sp-list1 .hover1 a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.item-sp-list1 .hover1:hover a:after {
    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.box_fixmenu2{display: none;}
    .rd_header {text-align: center;}
    .banner{text-align: center;padding:6px 0  ;  font-size: 14px;
    font-family: Arial;}

.item-ten1 a:hover {
    color: #f00;
}
.item-ten1 a {
       font-family: "Arial";
    font-size: 13px;
    color: #555;
    display: inline-block;
    width: 100%;
    position: relative;

    text-align: left;
}
.item-ten1 a:after {
    /* content: ''; */
    position: absolute;
    width: 50px;
    height: 1px;
    background: #555;
    left: 0px;
    bottom: -1px;
}
.mota-ten1 {
       font-family: "RR";
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
}
.xemctda {
    float: right;
}.xemctda a {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
    color: #555;
}
.item-ten2{background:#18a511; padding: 5px 0;}
.item-ten2 a {
        font-family: "arial";
    font-size: 14px;
  color: #fff;
    text-transform: uppercase;
}




.tketruycap1 {
    width: 100%;
    position: relative;
    padding: 0px;
    box-sizing: border-box;
}
.khungtk1 ul li {
        display: block;
    list-style: none;
    line-height: 35px;
    font-family: Arial;
    font-size: 13px;
    color: #fff;
    position: relative;
    padding-left: 40px;
}
.khungtk1 ul li:nth-child(1):before {
    position: absolute;
    content: '';
    left: 0px;
    top: 2px;
    width: 34px;
    height: 34px;
    background: url(../images/img/i1.png);
}
.khungtk1 ul li:nth-child(2):before {
    position: absolute;
    content: '';
    left: 0px;
    top: 2px;
    width: 34px;
    height: 34px;
    background: url(../images/img/i2.png);
}
.khungtk1 ul li:nth-child(3):before {
    position: absolute;
    content: '';
    left: 0px;
    top: 2px;
    width: 34px;
    height: 34px;
    background: url(../images/img/i3.png);
}

.khungtk1 ul li:nth-child(4):before {
    position: absolute;
    content: '';
    left: 0px;
    top: 2px;
    width: 34px;
    height: 34px;
    background: url(../images/img/i4.png);
}

.khungtk {
    box-sizing: border-box;
    padding: 5px;
}
.mxf_ft ul li {
    display: inline-block;
    margin-right: 5px;
}
.fix_mg{margin-bottom: 10px !important}
 .list_ht p{    font-family: avo_b;
    font-size: 16px;
    color: #555;}
  .htro{font-size: 18px; color: #ec0000;font-family: "RB";line-height: 35px}
  .htro i{margin-right: 5px}

.full_duan{padding:25px 0;}
.full_kientruc{padding:60px 0;}

.custom_acty{width: 49%;float: left;margin-right: 2%;margin-bottom: 10px}
.custom_acty:nth-child(2n){margin-right: 0%;}


.hover1{overflow: hidden;position: relative}
.tintuc .ttlienquan {width: 170px;float: left;}
.tintuc .ttlienquan img{margin: 0px auto;width: 150px;padding: 2px;border: 1px solid #c4c4c4;display: block;}
.tintuc  .ttthongtin{      padding-left: 20px;    border: 1px solid #c4c4c4;  float: left;width: 100%;box-sizing: border-box;    border-radius: 5px;}
.ttnoidungdv { width: 260px;float: left; }
.email_hd,.box_diachi,.chamsockh{      font-size: 16px;
    color: #fff;
    line-height: 40px;
    font-family: RB;}
.email_hd{text-align: right}
.cauhoi_hd {    font-family: Arial; color: #000; font-size: 13px;}
.cauhoi_hd span{ font-family: RB; color: #f00; text-decoration: underline !important;}
.box-news-xct{ float: right;}
.box-news-xct a{      padding: 7px 22px;border: 1px solid #c4;color: #f00;font-family: Arial;font-size: 12px;position: relative;text-decoration: underline !important;}
.box-news-xct a:after{    content: '';position: absolute;width: 11px;height: 11px;background-size: 100% 100%;background: url(../images/img/xem.png) no-repeat;left: 7px;top: 7px;}
.tieude_hd{       font-family: Arial;color: #0760b3;padding-top: 5px;font-size: 13px;
}
.tieude_hd span{font-family: RB;color: #0760b3;text-decoration: underline !important;
}

.panel-header{    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    font-family: avo;}
.tintuc {margin-bottom: 10px}

.line-count {
    margin-bottom: 5px;
}
.line-count span{display: inline-block;
    width: 130px;
    font-family: Times New Roman;
    font-weight: 500;
    font-size: 15px;}
.line-count #chieurong, .line-count #chieudai {
    width: 110px;
    height: 25px;
    margin-left: 4px;
    padding: 5px 10px;
    box-sizing: border-box;

    border: solid 1px #cfcfcf;
}
.select-count {
    width: 180px;
    height: 28px;
    box-sizing: border-box;
    border: solid 1px #cfcfcf;
}
.line-count #solau {
    width: 100px;
    height: 28px;
    box-sizing: border-box;
    border: solid 1px #cfcfcf;
}

#schedule .around-label .block {
    margin-bottom: 20px;
}
#schedule .around-label .block .inner {
    padding: 8px;
    position: relative;
}

#schedule .around-label .item {
    background: #EC3237;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    position: relative;
    border: 1px solid transparent;
    cursor: hand;
    cursor: pointer;
    transition: all 0.4s ease;
}
#schedule .around-label .item .name {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    display: table;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}
#schedule .around-label .item.active {
    background: transparent;
    border-color: rgba(234, 234, 234, 0.24);
}
.hide {
    display: none !important;
}
#schedule .around-label .block .inner .arrow {
    position: absolute;
    top: 42%;
    right: -30px;
    color: #CACACA;
}
.fa-2x {
    font-size: 2em;
}
#schedule .xline {
    width: 100%;
    height: 7px;
    background: #fff;
    margin: 20px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 1px 4px rgba(255, 255, 255, 0.42);
    margin-top: 70px;
    position: relative;
}

#schedule .xline .dot {
    background: #FFEA1D;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 4px solid #fff;
    position: relative;
    top: -8px;
    margin: auto;
    box-shadow: 0 0 1px 4px rgba(255, 255, 255, 0.42);
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

#schedule .xline .shadow-line {
    width: 8.3333% ;
    height: 100%;
    position: absolute;
    left: 0;
    background: red;
    z-index: 1;
    border-radius: 20px;
}
#schedule .xline .dot.active {
    background: red;
}
#listVideo{
    }
#video11{width: 100%;}
   #listVideo{}

.img_dvmb img{border-radius: 50%;}

.txtsrch{
    background: #fff !important;
    height: 32px !important;
    color: #555 !important;
    border: 0 !important;
    font-family: RR;
    font-size: 13px;
    border: 1px solid #000 !important;
     border-radius: 5px 0 0 5px !important;
     border-right: 0 !important;
    }
    .btnsrch{
    height: 32px;
    width: 68px;
    background: #00a959 url(../images/ic/srch1.png) 6px center no-repeat !important;
    padding-left: 23px;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 0px;
    }
    .fix_srch{position: relative}

    .loc_srch{position: absolute; left: 0px;top: 35px;display: none;background: #fff; display:none; width: 100%; padding:10px; box-sizing: border-box; z-index: 9999}
    .xoa_tab{
    position: absolute;
    right: 13px;
    top: 3px;
    font-size: 15px;
    color: #f00;cursor: pointer;

}
.fix_pd img{margin-right: 5px;    margin-left: 5px;}
.bx-wrapper .bx-controls-direction a{z-index: 10 !important}
#pre-loader{background: #fff;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
#pre-loader #wrap{    position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: auto;display: block;text-align: center;margin: 0px auto;top: 40%;}
#preloader_1{position:relative;}
#preloader_1 span{display:block;bottom:0px;width: 9px;height: 5px;background:#000;position:absolute;animation: preloader_1 1.5s  infinite ease-in-out;}
#preloader_1 span:nth-child(2){left:11px;animation-delay: .2s; }
#preloader_1 span:nth-child(3){left:22px;animation-delay: .4s;}
#preloader_1 span:nth-child(4){left:33px;animation-delay: .6s;}
#preloader_1 span:nth-child(5){left:44px;animation-delay: .8s;}
@keyframes preloader_1 {0% {height:5px;transform:translateY(0px);background:#000;}25% {height:30px;transform:translateY(15px);background:#000;}50% {height:5px;transform:translateY(0px);background:#000;}100% {height:5px;transform:translateY(0px);background:#9b59b6;}}


.txtsrch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #737171 !important;
}
.txtsrch::-moz-placeholder { /* Firefox 19+ */
  color: #737171 !important;
}
.txtsrch:-ms-input-placeholder { /* IE 10+ */
  color: #737171 !important;
}
.txtsrch:-moz-placeholder { /* Firefox 18- */
  color: #737171 !important;
}

.logotc{position: relative;width: 210px;transition: all ease 0.5s}
.logotc img{transition: all ease 0.5s; width: 100%}
.fix_menutop{position: fixed !important;z-index: 99999 !important;background: #fff}
.fix_menutop ul#nav >li >a{ padding: 11px 33px !important; transition: all ease 0.5s}
.fix_menutop ul#nav >li img{ width: 50% !important ; transition: all ease 0.5s}
.fix_menutop .logotc{transition: all ease 0.5s}
.fix_menutop .logotc div{transition: all ease 0.5s}
.bando-right{position: relative; right: -100%; overflow:hidden; transition: all ease 2s}
.fixcn{transition: all ease 2s;right: 0px !important}
.ten_dv1 a{font-size: 17px;
    color: #555;
    font-family: "avo";
    padding: 10px 0;
    display: inline-block;
    width: 100%;}
.ten_dv a{font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;}
.box_nddv{    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    display: table;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;}
.mota_nd_dv{text-align: justify;}

.item-wr4 img{transition: all ease 0.5s;transform: scale(1);width: 100%}
.item-wr4:hover img{transition: all ease 0.5s;transform: scale(1.1); opacity:0.8}
.item-wr4:hover .chitiet_pb{    bottom: 35%;transition: all ease 0.5s}
.item-wr4:hover .nd_hover{bottom:45%;transition: all ease 0.5s; }

   .box_duan{position: relative; overflow: hidden;padding: 0 1%;}
    .hover_img{    position: relative;
    overflow: hidden;
   }
  .giamgiasp{    position: absolute;
    left: -5px;
    top: 5px;
    width: 31%;
    height: 16%;
    background: url(../images/sp/sale.png);
    z-index: 9;
    background-size: 100% 100%;}
.giamgiasp span{      position: relative;
    top: 25%;
    font-size: 19px;
    font-family: RB;
    color: #00aff0;}
    .hover_img img{transition: all ease 0.5s;transform: scale(1)}
    .hover_img:hover img {
    transition: all ease 0.5s;
    transform: scale(1.1);
}
    .box_duan img{transition: all ease 0.5s;transform: scale(1);}
    .box_duan:hover img{transition: all ease 0.5s;transform: scale(1.1); opacity:0.8}
    /* .hover_img:hover img{transition: all ease 0.5s;transform: scale(1.1); opacity:0.5} */
    .box_duan:hover .chitiet_pb{    bottom: 35%;transition: all ease 0.5s}
    .nd_hover{    position: absolute;
    bottom: 0;
    left: 0px;
    transition: all ease 0.5s;
    width: 100%;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.51);text-align: center}
    .nd_hover a{color:#fff; text-transform: uppercase;font-size: 20px;font-family: RB}
    .box_duan:hover .nd_hover{bottom:0px;transition: all ease 0.5s; }

.chiphi {
    margin-top: 20px;
}
.chiphi #color {
    background: #f7c51d;
    color: #fff;
    text-transform: uppercase;cursor: pointer;
}
.chiphi span {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 4px 10px;
    text-align: center;
}

.chiphi #ketqua {
    background: #ffeeb6;
    text-align: center;
}
.xemthem_chitiet a{display: inline-block;
    padding: 5px 30px;
    background: #2a6496;
    color: #fff;
    font-size: 13px;
    margin-top: 10px;}
.mota_chitiet{    font-size: 13px;
    font-family: Arial;
    text-align: justify;
    line-height: 26px;}

.box_ngonngu ul{    display: inline-block;
    float: right;
    position: relative;
    top: 8px;}
.box_ngonngu ul li{display: inline-block; margin-right: 5px}


#multi-table, #multi-table tr, #multi-table td{border: none !important;}
.ft-col p {
    color: #555 !important;
    font-family: "OPR";
    font-size: 13px;
    line-height: 25px;
    }
.cart_chitiet i{margin-right: 5px}
.cart_chitiet {
       font-size: 13px;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase;
}

.cart_ab{position: absolute;bottom: -100%;left: 0px; width: 100%; line-height: 40px;background: #f00; text-align: center;transition: all ease 0.5s }
.cart_ab span a{color: #fff;text-transform: uppercase;font-family: RR; font-size: 14px}
.cart_ab span:nth-child(1){width:30% ;float: left;border-right:1px solid #f2f2f2;}
.cart_ab span:nth-child(2){width:40% ;float: left;border-right:1px solid #f2f2f2;}
.cart_ab span:nth-child(3){width:30% ;float: left}

.item-sp-list:hover .cart_ab{ bottom: 0px;transition: all ease 0.5s }
  .full_spmain{      padding-bottom: 15px;
    background: #fff;
    margin-bottom: 15px; }
  .box_htro{    background: url(../images/sp/fullht.png);
    background-size: 100% 100%; box-sizing: border-box; padding-top: 10px;    padding-bottom: 15px;}
  .htro1 h3{    font-size: 17px;
    text-transform: uppercase;
    color: #ff0;
    font-family: "RR";
    background: url(../images/sp/brht.png);
    background-size: 100% 100%;
    padding: 7px 0 7px 20px;}
  .box_ndhtro{padding: 0 15px;
    box-sizing: border-box;}
  .htro1 span:nth-child(1){
    font-family: Arial; font-weight: bold;color: #000; text-decoration: underline;font-size: 14px; line-height: 40px
  }
   .htro1 span:nth-child(2){
    font-family: Arial; font-weight: bold;color: #f00; font-size: 20px; line-height: 40px
  }
  .htro1 ul li{ margin-right:5px; display: inline-block;font-size: 15px; font-family: arial }



  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #ff0 !important;
    background: #00a959 !important;
    border: 0px !important;
    }
.kn_bs .nav-tabs > li.active > a,.kn_bs .nav-tabs > li.active > a:hover,.kn_bs  .nav-tabs > li.active > a:focus{background: #0ebb69 !important}
  .nav-tabs > li > a{
    border-radius: 0px !important;
    font-family: RR;
    font-size: 12px;
    border-bottom: 0px !important;
    text-transform: uppercase;
    color: #fff;
    border: 0px !important;
    }
 .box-khuvuc{width: 100%; float: left; margin-right: 30px}
   .box-hotro{width: 100%; float:left; position: relative;}

  .img_bando{display: inline-block;float: left;}
  .box_chitietkv{margin-top: 20px;}
  .chitiet_bando{    width: auto;
   }
    .noidungthongke{background: #fff;
    padding: 5px 10px;
    border-radius: 5px;}
  .ten_kv_list{text-transform: uppercase;
    font-family: UTAvb;text-align: center}
  .mota_dd_list{    height: 410px;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-top: 10px;}


.vs1{    position: relative;
    width: 100%;
    height: 78px;
    background: url(../images/sp/cs1.png);
    box-sizing: border-box;
    padding: 25px 0 10px 145px;    background-size: 100% 100%;}
  .vs1 p a:nth-child(1),.vs2 p a:nth-child(1),.vs3 p a:nth-child(1),.vs4 p a:nth-child(1){
    font-family: RB;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
  }


     
  .vs1 p:nth-child(2),.vs2 p:nth-child(2),.vs3 p:nth-child(2),.vs4 p:nth-child(2){
    font-family: Arial;
    font-size: 12px;
    color: #fff;
  }
  .vs1 span,.vs2 span,.vs3 span,.vs4 span{
    position: absolute;
    left: 25px;
    top: 25px;
    font-size: 30px;
    color: #fff;
    font-family: "SEB";
  }
  .vs2{position: relative;width: 100%;height: 78px;background: url(../images/sp/cs2.png);top: -15px; box-sizing: border-box;
    padding: 25px 0 10px 145px;    background-size: 100% 100%;}
  .vs3{position: relative;width: 100%;height: 78px;background: url(../images/sp/cs3.png);top: -31px; box-sizing: border-box;
    padding: 25px 0 10px 145px;    background-size: 100% 100%;}
  .vs4{position: relative;width: 100%;height: 78px;background: url(../images/sp/cs4.png);top: -47px; box-sizing: border-box;
    padding: 25px 0 10px 145px;    background-size: 100% 100%;}


    .box_content{width: 100%;box-sizing: border-box; }
.ten_splist a{
        font-family: Arial;
    font-size: 15px;
    line-height: 33px;
}
.menuft{margin-bottom: 10px;}
.ten_splist a:hover{text-decoration: underline !important;}
.ten_sptc a{
               font-family: SFB;
               font-size: 15px;
               color: #000;
}
#sp_sale{margin-right: -5px;margin-left: -5px;    padding: 10px;}
#sp_news{margin-right: -5px;margin-left: -5px;    padding: 10px;}

#map_canvasdt{height: 500px; width: 100vh}
  .hide{display: none}
.ten_bvbt img{margin-right: 10px}
.ten_bvbt{  display: inline-block;
    float: left;
    color: #f00;
    font-size: 17px;
    font-family: RB;}    
.ten_bvbt span{display: inline-block; float: left;}
.ten_bvbt span:nth-child(2){width: calc(100% - 69px);}
.ten_bvbt span p:nth-child(1){
    font-size: 25px;
    font-family: OPR;
    color: #1b1b1b;
    text-transform: uppercase;
    padding-top: 10px;
}
.ten_bvbt span p:nth-child(2){font-size: 14px;color: #555;
    font-family: Arial
}

  .save_gia{padding: 2px 0   ;
    font-family: OPB;
    color: #000;
    font-size: 17px;}
  .save_gia span{color: #36cc13;font-family: OPB;
    font-size: 15px;}
  .addcart a{    display: inline-block;
    padding: 2px 0;
    background: #3d91d7;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 5px;}


    .activemau{border: 2px solid #b60400;background: url(../images/sp/checkms.png) right bottom no-repeat; }
  .check_hear_s a{padding: 3px !important; box-sizing: border-box; cursor: pointer}
  .activemau{cursor: pointer;position: relative}
  .abimg{display: none}
  .activemau .abimg{position: absolute; bottom: 0px ;right: 0px; display: inline !important}
.logo1{    text-align: center;
  }
.logo1 img{      width: 35%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
   }
  .li ul li{display: inline-block; margin-right: 10px;width: auto !important; padding: 0px;}
  .change_sl{    height: 40px;
    width: 50px;
    padding: 0px 5px;
    border: 1px solid #f2f2f2;
    text-align: center;}
  .ic_muahang {
    display: inline-block;
    background: #d82525;
    height: 40px;
    line-height: 40px;
    width: 170px;
    text-align: center;
}
.tieude_mn h3{color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: RB;
    position: relative;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    background: #00AFF0;
    width: 100%;
}

.fnd i{    font-size: 15px;
    margin-right: 7px;}
.full_splist{    margin: 20px 0;
       border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;}
.nav-tabs {
    border-bottom: 1px solid #f2f2f2 !important;
    display: inline-block;
}
.fix_cat{background: #fff; padding:10px; box-sizing: border-box; text-align: center;}
.fix_cat img{border-radius: 4px}
.fix_cat .item-ten1{text-align: center !important}
.fix_itsp{      background: #fdfdfd;
   }

.box_splist{margin-left: -10px;margin-right: -10px}
.pd_sptc{    padding: 5px;}
.mf_sptc{margin-left: -5px; margin-right: -5px}

    .col_dk p:nth-child(2){font-weight: 600}

.col_dk{width: 20%; float: left;text-align: center;
    font-size: 14px;}

    .full_dknt{   
    padding: 20px 0;
    background: #474747;
    color: #fff;
    border-bottom: 1px solid #f2f2f2;
}
.col_ftleft{width: 25% ; float: left;}
  .col_ftright{width: 75% ; float: right;}
  .full_ftmain{background: #fff; padding:15px ; box-sizing: border-box}
  .content_ab p{line-height: normal !important}
  .content_ab span{line-height: normal !important}
  .content_frm{position: relative;}
  .box_footer{position: absolute; top:0px; right: 0px}

.name_cat a{display: inline-block; height: 50px; line-height: 26px !important;    overflow: hidden;}


.menu_left span,.box_cat span{margin-right: 10px}
    .box_cat{  position: relative;
    background: #0196ce;}
.box_cat a{display: block;
    padding: 11px 20px !important;
    transition: all ease 0.5s;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-family: "Arial";
    text-transform: uppercase;
    font-size: 14px;
    position: relative;}
.mn_hvoer1{position: relative}
.mn_hvoer2{position: relative}
.mn_hvoer1:hover .hover_email{display: block;transition: all ease 0.5s;}
.mn_hvoer2:hover .hover_chat{display: block;transition: all ease 0.5s;}
.hover_chat,.hover_email{    position: absolute;
    left: 0px;display: none;transition: all ease 0.5s;
    top: 27px;left: -100%;
    z-index: 9999;
    background: #fff;
    padding: 10px;
    width: 300px;}
 .email_mn{     float: left;
    display: inline-block;
    padding: 4px 10px;
    margin-left: 10px;
    position: relative;
    top: 7px;
    color: #fff;
    font-size: 15px;}
    .panel-body {
    color: #555;
}

.sd_slider{box-shadow: 3px 3px 3px #c4c4c4,-3px 0px 3px #c4c4c4;margin-bottom: 5px}

.box_itcart{width: 50%; float: right}
.box_giaban{width: 100%; float: left;    margin-bottom: 10px;}
.gia_cu{ color: #767474;
font-family: OPB;      font-size: 14px; 
text-decoration: line-through;}
.capnhatgc{color: #767474;font-family: OPB;   }
.gia_ban {
    font-family: OPR;
    color: #555;
    font-size: 14px;
    }
.gia_ban span{  color: #f00;}
.box_itcart a{    display: inline-block;
    padding: 4px 10px 7px;
    background: #76c333;
    color: #fff;
    font-family: SFB;
    font-size: 15px;
    border-radius: 5px;}
.main_left{width: 20%;float: right;}
.main_right{
    width: 79%;
    box-sizing: border-box;
    float: left;
}

.ft-td1, .ft-td2, .ft-td3, .ft-td4,.ft-td5{     text-transform: uppercase;
    font-size: 18px;
    font-family: RB;
    color: #00AFF0;
    margin-bottom: 10px;}

.ft-col p i{color: #f2f2f2;}
.ft-col p a {
    color: #555;
    font-size: 13px;
    font-family: "OPR";
    padding: 5px 0;
    display: inline-block;
}
.td_ft{
    font-family: "HNS";
    font-size: 15px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 5px;
    }
.fnd{margin-right: 5px}
.fnd img{border:1px solid #f2f2f2;}
.ft-1 span{
    font-family: "OPR";
    color: #555;
    font-size: 13px;
    }
.ft-1 div{margin-bottom: 10px;}
.mg_btsp{margin-bottom: 15px}
.box_noidung{padding: 10px;color: #555;font-size: 14px;text-align: justify;font-family: "SFB";line-height: 30px;}

.list_left{width: 67.5%;float: left}
.list_right{width: 31%;float: right;}
.img_qclist{margin-bottom: 10px}


.img_mn{  width: 33%;
float: left;}
.nd_spmn{  width: 66%;
float: right;}

.item_spmn{    padding: 2%;
border-bottom: 1px dashed #c4c4c4;
padding-bottom: 10px;
margin-bottom: 10px;}
.box_spmn{background: #fdfdfd; border: 1px solid #f2f2f2}
.ten_spmn a{    font-family: RB;
font-size: 17px;
color: #555;}




.ten_sptc {
    display: table;
    width: 100%;
}

.ten_sptc a{display: table-cell;
    height: 40px;
    vertical-align: middle;}

.itemgh{position: absolute; left:0; bottom:0px;right: 0px; margin:0px auto;transform: scale(0);transition: all ease 0.5s; }
.itemgh a{display: inline-block;     padding: 3px 10px;
    background: #e20505;color: #fff;box-shadow: 1px 1px 3px #c4c4c4}
.item-sp-list1:hover .itemgh{transform: scale(1) ; transition: all ease 0.5s}
.itemgh 
.fix_cat{background: #fff; padding:10px; box-sizing: border-box; text-align: center;}
.fix_cat img{border-radius: 4px}
.fix_cat .item-ten1{text-align: center !important}

.box_detailleft{width: 25% ; float: left}
.box_detailright{width: 74% ; float: right}


.menu_head img{margin-right: 10px}
.menu_head a {
        color: #555;
    font-family: Arial;
    font-size: 13px;
}
.ft-col h3{
    font-size: 18px;
    font-family: "RB";
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #00964f;
    position: relative;
    }
.menu_head a:hover{color: #f00} 
.menu_head {
    cursor: pointer;
    position: relative;
    line-height: 31px;
    font-size: 12px;
    font-weight: bold;
    color: #0c7d51;
    margin: 0;
    font-family: Arial;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
}

#secondpane{box-sizing: border-box;      border: 1px solid #f2f2f2;}
.menu_head a.active, {
    color: #000;
}
.menu_head span {
    position: absolute;
    right: 20px;
}
.td_dm {
    background: #ea5724;
    padding: 8px;
    color: #FFF;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
    font-family: RB;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.menu_head a:hover {
    color: #f00;
}
.menu_body {
    display: none;
}
.menu_body a:hover{color: #f00 !important}
.menu_body a {
       display: block;
    padding: 5px 0 5px 40px;
    color: #555;
    font-size: 12px;
    font-family: Arial;
    border-bottom: 1px solid #fff;
    line-height: 26px;
}
.menu_body a:hover, .menu_body a.active {
    color: #000;
    text-decoration: underline;
}



.box_cat:hover .mb_left {
    display: block !important;
}




























.mg_prd{margin-left: -10px ; margin-right: -10px}
@media(max-width:1348px){
    .clip11{display: none}
    .video{display: block !important}
}
@media (min-width:1200px){
.showlb{display: block}
.hidelb{display: none}
.col-id{width: 25%; float: left;padding:10px;}
.col-prd{width: 20%; float: left;padding:10px;}
.col-prddt{width: 25%; float: left;padding:10px;}
.title_fix_left{display: none !important}
.box_menu_hv{min-width: 1000px}

.box_duan{width: 33.333% !important;float: left;margin-bottom: 15px}
.box_duan:nth-child(3n+1){clear: both; margin-left: 0px}

.item-wr4:nth-child(3n+1){clear: both;}
.item-wr4{    width: 31%;
    float: left;
    margin: 1.1%;}
.box_left_nb{width: 54%; float: left;margin-right: 2%}
.box_right_nb{width: 44%; float:right}

.item-sp-list{width: 100%; padding:0 2%; }
.cot{width:33.333% ;float: left;padding: 0.6%; }
.cotcenter{width:33.333% ;float: left;padding: 0.6%; }
.chitiet_bando{width: 460px !important; float: right}
.bando-left{width: 60%; float: left;    padding-top: 40px;}
.bando-full{width: 100%;   padding-top: 40px;}
.bando-right{width: 40%; float: right}

div#box-search{width: 25% !important;}
div#box-search1{width: 25% !important;}
.hover1{overflow: hidden;}
.box_duan{width: 33.333%;padding: 0 1%; position: relative;
    transition: all ease 0.5s;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-bottom: 20px;    padding: 10px;}
.box_duan:nth-child(3n+1){clear: both; margin-left: 0px}
.custom_col_3:nth-child(4n+1){clear: both;}
}
.ten_hotline img{margin-right: 10px}
.ten_hotline{  display: inline-block;
    float: left;
    color: #f00;
    margin-top: 45px;
    font-size: 17px;
    font-family: RB;}    
.ten_hotline span{display: inline-block; float: left;}
.ten_hotline span p:nth-child(1){
       font-size: 23px;
    font-family: avo_b;
}
.ten_hotline span p:nth-child(2){font-size: 14px;color: #555;
    font-family: Arial
}


.box_account img{margin-right: 10px}
.box_account{    display: inline-block;
    float: left;
    color: #f00;
    margin-top: 45px;
    font-size: 17px;
    font-family: RB;
    margin-right: 50px;}    
.box_account span{display: inline-block; float: left;}
.box_account span p:nth-child(1){
       font-size: 13px;
    font-family: arial;color: #c4c4c4
}
.box_account span p:nth-child(2){font-size: 14px;color: #000;
    font-family: RB;font-size: 18px
}


.box_cart img{margin-right: 10px}
.box_cart{  display: inline-block;
    float: left;
    color: #f00;
    margin-top: 45px;
    font-size: 17px;
    font-family: RB;}    
.box_cart span{display: inline-block; float: left;}
.box_cart span p:nth-child(1){
      font-size: 13px;
    font-family: arial;color: #c4c4c4
}
.box_cart span p:nth-child(2){font-size: 14px;color: #000;
    font-family: RB;font-size: 18px
}



@media (max-width:1200px){
.col_bs,.col_ds{display:none !important}
.col_mn{width:100% !important;text-align:center}
.tieude_kn h3:after{display:none !important}
.daotao h3:after{display:none !important}

.showlb{display: none;}
.hidelb{display: block;}
.bg_menu{display: none}
.list_left{width: 68%;float: left}
.list_right{width: 31%;float: right;}
.col-id{width: 33.33%; float: left;padding:10px;}
.col-prd{width: 20%; float: left;padding:10px;}
.col-prddt{width: 25%; float: left;padding:10px;}

.title_fix_left,.box_spnl_mb{display: block !important}

     .ten_hotline span p:nth-child(1) {
    font-size:17px !important;
}
    .search_none{display: block !important;    margin-top: 15px !important;}
    .box_menu_hv{min-width: 800px}
.form-control{border-radius: 0px !important}
.btn-secondary{}
.srch_none{
    display: none}
.custom_col_3:nth-child(4n+1){clear: both;}
.img_sp1{display: none;}
.img_sp2{display:block !important;}

 
.box_ngonngu{padding:10px 0}
#header{box-shadow:none !important;
    border-bottom: 0px !important;
    position:relative;
    }
.logo_mobile{display: inline-block; float: left;}
.hotline_mobile{display: inline-block;
    float: left;
    text-align: left;
    padding-left: 10%;}
.box_fixmenu1{display: none !important}
.box_fixmenu2{display: block !important}

.box_duan{width: 33.333%;float: left;margin-bottom: 15px}
.box_duan:nth-child(3n+1){clear: both; margin-left: 0px}
.item-wr4:nth-child(3n+1){clear: both;}

div#box-search{width: 40% !important;}
div#box-search1{width: 40% !important;}
.item-wr4{  width: 31%;
    float: left;
    margin: 1.1%;}
.img_htro{display: none}
.box_left_nb{width: 54%; float: left;margin-right: 2%}
.box_right_nb{width: 44%; float:right}

.cot{width:33.333% ;float: left;padding: 0.6%; }
.cotcenter{width:33.333% ;float: left;padding: 0.6%; }

.chitiet_bando{width: 420px !important; float: right}
.bando-left{width: 70%; float: left}
.bando-full{width: 100%;}
.bando-right{width: 30%; float: right}
}
@media (min-width: 991px)
{
    .box_footer{padding: 0px !important}
    .tieude{padding:0 !important;}
    .fix_img{padding:0px}
    .fix_nd_news{padding: 0 15px}
}
.menu_left a{    
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: 3px;}

@media (max-width: 991px)
{   
.col_ctright{width:100% !important}
.col_center{width:60% !important}
.col_ctleft{width:40% !important}


.wrapper_left,.wrapper_right{
	position: relative !important;
	top: auto !important;
	width: 50% !important;
	left: auto !important;
	text-align:center;
	float: left;
}
.wap_chayhinhsss {
    margin-top: 0px;
    width: 100%;
    max-width:125px;
    display: inline-block;
    vertical-align: top;
}
.wrapper_right
{
	margin-bottom:40px;
}
.col-id{width: 33.33%; float: left;padding:10px;}
.col-prd{width: 25%; float: left;padding:10px;}
.col-prddt{width: 33.33%; float: left;padding:10px;}

.box_menu_hv {min-width: 650px !important;}
.menu_left{display: inline-block !important}
.menu_left:hover .mb_left {
    display: block !important;
}


.none_left{display: none}
.wrapper1{top:0px !important;}
.content_frm{height: auto !important}
.main_right,.container-right{width: 100% !important;padding-left: 0px !important}
.main_right{width: 70% !important;}
.main_left{width: 29% !important;}
.custom_col_3:nth-child(3n+1){clear: both;}
.custom_col_3:nth-child(4n+1){clear: none;}
.tieude_chitiet h3{font-size: 16px !important}
.box_email_ft{display: none !important;}
.box_noidunggt{width: 100% !important; margin-right: 0px !important}
.box_gtlq{width: 100% !important; }
.copy_fix{width: 100% !important;text-align: center !important}
.hotline_mobile{padding-left: 5% !important;}
.box_duan{width: 50%;float: left;margin-bottom: 15px}
.box_duan:nth-child(2n+1){clear: both; margin-left: 0px}
.box_duan:nth-child(3n+1){clear: none;}
.item1{    padding: 0 10px !important;}
.box_left_nb{width: 54%; float: left;margin-right: 2%}
.box_right_nb{width: 44%; float:right}
.box_footer{    position: relative !important;width: 100% !importa;
padding: 0px 0px 0px 0px !important;
top: 0px;
left: 0px;
z-index: 2 !important;}
.fix_img{padding-left:0px}
.fix_img1{padding-left:0px}

.item-wr4:nth-child(3n+1){clear: both;}
.item-wr4:nth-child(4n+1){clear: none;}
.item-wr4{  width: 31%;
float: left;
margin: 1.1%;}

.container{padding: 0 15px !important;}
.cot{width:33.333% ;float: left;padding: 0.6%; }
.cotcenter{width:33.333% ;float: left;padding: 0.6%; }

.chitiet_bando{width: 50% !important; float: right}
.bando-left{width: 70%; float: left}
.bando-right{width: 30%; float: right}
}
@media (max-width: 768px){

.col_center{width:50% !important}
.col_ctleft{width:50% !important}
.col_ndhd,.col_chhd,.col_daotao,.col_vieclam{width:50% !important;}

.col_vd,.kn_bs,.col_hd_left,.col_hd_right,.col-hv{width:100% !important}
.col_thuoc{width: 60% !important;}
.col_form{width: 40% !important;}

#header {
    border-bottom: 0px !important;
}
.fix_header{position: relative !important}
.imgcart,.col_bv,.col_tt{margin-top: 0px !important}
.box_detailleft {
    width: 30%;
    float: left;
}
.box_detailright {
    width: 69%;
    float: right;
}
.full_hd{    display: none;}
.col-id{width: 50%; float: left;padding:10px;}
.col-prd{width: 33.3%; float: left;padding:10px;}

.col-prddt{width: 50%; float: left;padding:10px;}

.list_left{width: 50%;float: left}
.list_right{width: 49%;float: right;}
.box_menu_hv {min-width: 480px !important;}
.col_ct1{width: 100% !important;}
.col_ct2{width: 100% !important;}
.box_account,.ten_hotline,.box_cart{margin-top:0px !important; margin-bottom: 15px;}
.logo{text-align: center!important}

.col_ftleft{width: 100% !important;}
.col_ftright{width: 100% !important;}
.slider {
text-align: center;}
.col_dk input{display: inline-block}
.col_dk:nth-child(1){width: 100%;margin-bottom:10px;text-align: center !important}
.col_dk:nth-child(2){width: 50%;margin-bottom:10px;text-align: center !important}
.col_dk:nth-child(3){width: 50%;margin-bottom:10px;text-align: center !important}
.col_dk:nth-child(4){width: 50%;margin-bottom:10px;text-align: center !important}
.col_dk:nth-child(5){width: 50%;text-align: center !important;margin-bottom:10px;}
.custom_col_3:nth-child(3n+1){clear: none;}
.custom_col_3:nth-child(2n+1){clear: both;}
.logo_mobile{display: block; float: none !important;width: 100%;text-align: left;}
.dc3{top:0px!important;}
.hotline_mobile{display: block;
float: none !important;
width: 100%;text-align: left;padding-left: 0px !important}

.box_slider_gt{padding-left: 0px !important;}
.box_mota_gt{padding-left: 0px !important; margin-bottom: 15px}
.full_duan{padding: 30px 0 !important}
.full_kientruc{padding: 30px 0 !important}
.select-count{width: 100% !important}
.line-count #solau{width: 100% !important}
.box_duan{width: 33.333%;float: left;margin-bottom: 15px}
.box_duan:nth-child(3n+1){clear: both; margin-left: 0px}
.item-wr4:nth-child(4n+1){clear: none;}
.item-wr4:nth-child(2n+1){clear: both;}
div#box-search{width: 50% !important;}
div#box-search1{width: 50% !important;}
.item-wr4{width: 48%;float: left; margin:0 1%;margin-bottom: 1%;}
.box_left_nb{width: 100%; float:left}
.box_right_nb{width: 100%; float:right}
.container{padding: 0 15px !important;}
.cot{width:50% ;float: left;padding: 1%; }
.cotcenter{display: none }

.chitiet_bando{width: 100% !important; float: right}
.bando-left{width: 50%; float: left}
.bando-right{width: 50%; float: right}
.box-video{width: 100% !important;margin-right: 0px;}
.box-album{width: 100% !important;}
.box_duan{width: 50%;float: left;margin-bottom: 15px}
.box_duan:nth-child(2n+1){clear: both; margin-left: 0px}
}


@media (max-width: 580px){
    .tronqc1 {
    bottom: 0;
    right: 0;
    transform: scale(0.8);
    width: auto;
    border-radius: 3px;
    padding: 0 4px;
}
.tronqc{
    transform: scale(0.8);
    width: auto;
    padding: 0 4px;
}
    .tendkk{
    top: -3px !important;
    /* zoom: 78%; */
    transform: scale(0.7);
    right: 1px !important;
}
    
  .col_center,.col_ctleft{width:100% !important}
  .col_slider{display: block !important;width: 100% !important;float: none !important;margin-right: 0 !important;margin-bottom: 6px;}
  .col_logo{width:55% !important}
   .col_logo1{width:45% !important}

 .col_ndhd,.col_chhd,.col_daotao,.col_vieclam{width:100% !important;}

.address{    display: inline-block;
    float: right;}
.main_right{width: 100% !important;}
.main_left{width: 100% !important;}
.box_detailleft {
    width: 100%;
    float: right !important;
}
.box_detailright {
    width: 100%;
    float: left !important;
}
.col-prddt{width: 50%; float: left;padding:10px;}
.col-prd{width: 50%; float: left;padding:10px;}

.nav-tabs > li {width: 100% !important}
.ten_sptc{height: auto !important}
.box_giacu{width: 100%}
.box_giaban{width: 100%}

.list_left{width: 100%;float: left}
.list_right{width: 100%;float: right;}
    .box_menu_hv {min-width: 250px !important;}
    #schedule .around-label .block .inner .arrow{right: -25px !important}
    #gioithieu{    padding: 5px !important;}
    .box_duan:nth-child(3n+1){clear: none;}
    div#box-search{width: 70% !important;}
    div#box-search1{width: 70% !important;}
    .container{padding: 0 15px !important;}

}
@media (max-width: 480px){
    .itemsskk{width: 100% !important;float: none !important}
    .itemsskk img{width: 100% !important;}
    .col_logo{margin-bottom:10px}

    .col_thuoc,.col_logo,.col_logo1{width: 100% !important;float: none !important;}
.col_form{width: 100% !important;}
    .col-id{width: 100% !important}
    .box_sliderleft,.box_sliderright,.box_content{padding:0px !important}
    .box_menu_hv {padding:0px !important}
    .fix_img_left div:nth-child(1) {display: none !important}
    .fix_slider{padding:0px !important}
    .col_dk:nth-child(2){width: 100%;}
    .col_dk:nth-child(3){width: 100%;}
    .col_dk:nth-child(4){width: 100%;}
    .col_dk:nth-child(5){width: 100%;}
     .box_duan{width: 100%;float: left;margin-bottom: 15px}
    .img_tt_tt img{width: 100%;}
    .item1{    padding: 0 55px !important;}
    .fix_img{padding:0px}
    .fix_img1{padding:0px}
    div#box-search{width: 85% !important;}
    div#box-search1{width: 85% !important;}
    .item-wr4{width: 100%;float: left; margin-bottom: 1%;}
    .box_left_nb{width: 100%; float: left}
    .box_right_nb{width: 100%; float:right}
    .container{padding: 0 10px !important;}
    .chitiet_bando{width: 100% !important; float: right}
    .bando-left{width: 100%; float: left}
    .bando-right{width: 100%; float: right}
}
@media (max-width: 380px){
    .box_duan{width: 100%;float: left;margin-bottom: 15px}
    div#box-search{width: 95% !important;}
    div#box-search1{width: 95% !important;}
    .cot{width:100% ;float: left; }
    .item-sp-list{width: 100%; float: left;}
    .box_left_nb{width: 100%; float: left}
    .box_right_nb{width: 100%; float:right}
    .container{padding:0 10px !important;}
}
.moudle-left {
    background: #fff;
}

.container-left {
        position: relative;
    margin-bottom: 10px;
    min-height: 413px;
    box-sizing: border-box;
}
.moudle-left ul li{list-style: none;}
.moudle-left ul li a {
        display: block;
    padding: 6px 0px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    border-bottom: 1px dashed #c4c4c4;
}
.moudle-left ul li:last-child a{border-bottom: none !important;}
.moudle-left ul li a i{position: absolute; right: 5px; top: 10px}
.moudle-left ul li a:hover {
background: none;color: #f00
}
.moudle-left{padding:5px;}
.box_menu_hv {
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}.tieude_menu {
    font-size: 16px !important;
    font-family: RR !important;
    text-transform: uppercase !important;
    color: #f00 !important;
}
.item-list ul li > ul li {
    line-height: 15px !important;
    width: 250px !important;
    margin-bottom: 1px !important;
    color: #000 !important;
}
.box_menu_hv ul li {
    position: relative;
}
.box_menu_hv ul li {
    float: left;
    background: none !important;
}
.item-list ul li > ul li a {
    padding: 8px 10px;
    margin-left: 10px;
    background: #eee;
}
.box_menu_hv a{border: 0px !important; color: #666 !important;    background: none !important;}
.box_menu_hv a:hover{color: #666 !important; text-decoration:underline !important; }

.count_cart {
       position: absolute;
    font-family: RB;
    color: #fff;
    right: 7px;
    font-size: 12px;
    top: 6px;
}
.total_cart{    font-size: 12px;
    color: #f00;
    font-family: UAC;text-align: center;}
.imgcart{width: 55px;
    display: inline-block;
    position: relative;}
/* //////////////message/////////////// */
.mini-cart-title{    position: fixed;
    right: 0px;
    top: 45%;
    z-index: 9999;
    width: 80px;
    padding: 2px;
    border-radius: 5px;    text-align: center;}
.mini-cart-title img{width: 100%}
div.login-popup{ position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999999999999;
    display: none;
    width: 90%;
    min-width: 250px;
    max-width: 700px;
    background: #fff;
    }
.tbadd{font-size: 14px;
    font-family: RR;
    padding: 5px;
    text-align: center;}
.tbview{text-align: center}
.tbaddloi{font-size: 15px;
    font-family: RB;
    padding: 5px;
    text-align: center;color: #f00;text-transform: uppercase;}
.tbview a{font-size: 15px;
    font-family: RB;
    padding: 5px;
    text-align: center;color: #f00;text-transform: uppercase;}
.tbview a:hover{text-decoration: underline !important}  
div.close-popup{position: absolute;top: 0px;right: 0px;width: 20px;height: 20px;cursor: pointer;z-index: 999;background: url(../images/x.png) center no-repeat;background-size: 65% 65%;}
/* div#baophu1{background:#000;opacity:0.8;z-index:99999;left:0px;top:0px;position:fixed;width:100%;height:100%;display:block;} */
.box_dangnhap1 ul li a{color: #fff;  font-family: Avo;margin-right: 25px; font-size: 14px;    line-height: 37px;}
.box_dangnhap1{display: inline-block; float: left;}
.tieude_tb{    text-transform: uppercase;
    text-align: center;
    background: #fd6d1d;
    color: #fff;
    font-family: avo_b;
    font-size: 13px;
    padding: 5px;}
/* //////////////end message/////////////// */


.box_hover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 400;
    border: 5px solid rgba(255,255,255,0.5);
}.box_hover2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: rgba(0,0,0,0.5);
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: all 1s;
}

.item-sp-list1:hover .box_hover2 {
    opacity: 1;
    transition: all 1s;
}.box_hover2 p {
    font-family: 'UTMAvo';
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px;
}


  .ten_gt h3{    color: #fd6d1d;
    font-size: 35px;
    font-family: UAC;
    text-align: center;
    padding-top: 5%;
    margin-bottom: 15px;}
  .ten_gt p{    font-size: 15px;
    font-family: OPR;
    text-transform: uppercase;
    text-align: center;
    color: #a1a1a1;}
    .full_kh{  background: url(../images/sp/kh.png); background-position: center center;padding:20px 0;}
  /* .box_prd_tc{width: 49%;float: left;padding:1%;} */
  .mg_prd_tc{margin-right: -1%;margin-left: -1%;}
   .box-oneprd{width: 48%;
    margin-right: 1%;
    float: left;
    margin-bottom: 1%;}
  .box-twoprd{width: 24%;margin-right: 1%;float: left;    margin-bottom: 1%;}
  .box-threeprd{width: 24%;float: left;    margin-bottom: 1%;}
  .img_da img{width: 100%}
  .box_datmon{min-height: 70px;background: url(../images/sp/brdm.png);background-position: center center; margin-top: -10px;text-align: center;position: relative;z-index: 999}
  .img_dm{      display: table;
    width: 100%;
    min-height: 70px;}
  .img_dm span{display: table-cell; vertical-align: middle}

  .hotline{font-family: OPB;
    font-size: 20px;
    padding: 5px;
    color: #2e53be;
    text-shadow: 2px 2px 4px #c4c4c4;}

  .full_cm{background: #FFF2EA;padding:20px 0;}
 .full_sp{padding:20px 0;}

 .khungtk ul li:nth-child(1):after{content:'';position:absolute;left: 0px;top:0px;height:28px;width:29px;background: url(../images/ic/ic1.png);}
 .khungtk ul li:nth-child(2):after{content:'';position:absolute;left: 0px;top:0px;height:28px;width:29px;background: url(../images/ic/ic2.png);}
 .khungtk ul li:nth-child(3):after{content:'';position:absolute;left: 0px;top:0px;height:28px;width:29px;background: url(../images/ic/ic3.png);}
 .khungtk ul li:nth-child(4):after{content:'';position:absolute;left: 0px;top:0px;height:28px;width:29px;background: url(../images/ic/ic4.png);}

  .menu_left{position: relative;
    line-height: 36px;
    z-index: 99;    width: 80%;}
    .mb_left{    position: absolute;
    left: 0px;
    display: none;
    transition: all ease 0.5s;
    z-index: 9999;
    width: 100%;}
    .menu_left:hover .mb_left{transition: all ease 0.5s}

     .col_bv span:nth-child(1){float: left;}
  .col_bv span:nth-child(2),.col_tt span:nth-child(2){    color: #fff;
    font-family: RB;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 33px;}
  .col_tt span:nth-child(1){float: left;}
  .col_cart .imgcart{   margin-top: 23%;
    display: inline-block;
    position: relative;}
  .col_cart{width: 22%; float: left}
  .col_bv{width: 39%;float: left;  }
  .col_tt{width: 39%;float: left;  }
  .box_account{position: relative;}
  .box_account:hover .hover_ac{display: block;transition: all ease 0.5s;}
  .hover_ac{    position: absolute;
    left: 0px;display: none;transition: all ease 0.5s;
    top: 40px;
    z-index: 99999;
    background: #fff;
    padding: 10px;
    width: 300px;}

.hide_srch{display: none;position: absolute;bottom: -30px;right: 0px;}


.full_boxtop{padding:20px 0}
.col_lbone{position:relative;width: 55%;min-height: 485px;border: 10px solid #f3f3f3;margin-bottom: 35%;}
.col_lbtwo{position:relative;width: 40%;min-height: 365px;border: 10px solid #f3f3f3;margin-right: 21%;float: right;}
.content_lb{position:absolute;background: #fff;right: -61%;width: 70%;top: 10%;padding: 35px 0;}


.tieude_lb{
    position: relative;
    width: 100%;
    right: 30%;
    top: 14%;
    padding: 10px 0;
    }

.img_lbone{    position: absolute;
    bottom: -80%;
    left: 10%;}
.content_lb1{position:absolute;background: #fff;left: -70%;width: 80%;top: 18%;text-align:right;padding: 50px 0;}
.img_lbtwo{position:absolute;right: -50%;top: -100%;}

.tieude_lb h3{font-family:HNS;font-size: 50px;}
.name_lb{
    font-family: HNS;
    font-size: 20px;
    margin-bottom: 10px;
    }
.mota_lb{    font-size: 14px;
    font-family: HNL;
    line-height: 28px;}
 
 .shownow a{
    font-family: HNS;
    font-size: 12px;
    text-transform: uppercase;
    display:inline-block;
    padding: 5px 70px 5px 0;
    position:relative;
    }
 .shownow a:after{content:'';position:absolute;width: 44px;height: 11px;background: url(../images/ic/next.png);top: 9px;right: 15px;}
.box_tab{text-align:center;margin-bottom: 20px;}

.box_dknews{min-height: 555px;
    background: url(../images/ic/brdk.png);
}
.box_design{padding: 3% 0;}


.tieude_dk h3{
    font-size: 30px;
    font-family: HNS;
    position: relative;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #000;
    padding: 7px 20px 6px 20px;
    text-transform: uppercase;
    \: 8%;
}

.tieude_dk h3:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    left: 0px;
    right: -25px;
    bottom: -3px;
    margin: 0px auto;
    background: #c4c4c4;
    border-radius: 10px;
    z-index:0;
}
.tieude_dk h3:after{
     position: absolute;
     content:'';
     width: 100px;
     height: 3px;
     left: -25px;
     right: 0px;
     bottom: 2px;
     margin: 0px auto;
     background: #c4c4c4;
     border-radius: 10px;
     z-index:1;
 }

 .td_dk{
    padding: 20px 0;
    font-size: 15px;
    font-family: HNL;
    text-align: center;
    margin-top: 8%;
    }

 .box_newsarr{padding: 2% 0;}


 .tieude_tt_tt{    font-family: HNS;
    font-size: 24px;
    color: #bbbbbb;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;}
.ten_tt_tt{
    }
.tieude_tt_tt:after{content:'';position:absolute;width:40px;height:1px;background:#f00;bottom: -10px;left:0px;}

.readmore{
    margin-top: 10%;
    margin-bottom: 10%;
}
.readmore a{
    position: relative;
    border: 1px solid #f2f2f2;
    display: inline-block;
    padding:5px 10px;
    text-transform: uppercase;
    font-family: HNS;
}
.readmore a:after{content:'';position: absolute;right: -25px;width: 19px;height: 11px;top: 10px;background:url(../images/ic/rm.png);}
.ft-1 p{margin-bottom:20px}

.ug-tile{box-shadow:none !important;}

.banner_qc img{width: 100%}

#menu_top{
    background: #fff;
    padding-top: 6px;
}

.wrapper_left{width: calc((100% - 1100px)/2);position: absolute;left: 0px;top: -40px;z-index: 999;}
.wrapper_right{width: calc((100% - 1100px)/2);right: 0px;position: absolute;top: -40px;z-index: 999;}

.main_wrapper{position:relative;background: #fff;}
.none1{display: none !important;}
.fix_banner{position:fixed; top:0px;}
.col_logo{width: 21%;float:left;}
.col_slider{width: 38.5%;float:left;margin-right: 0.5%;}
.col_logo1{width: 38.5%;float:left;}
.full{width: 77.5%;margin-right: 0;}

.col_bs{width:20%; float:left}
.col_mn{width:60%;float:left;padding:0 10px}
.col_ds{width:20%; float:right}
.box_menu_hd{padding:10px;background: #f9f9f9;}
.col_bs img{float:left; z-index: 9}
.col_ds img{float:left; z-index: 9}

.hl_bs p{text-align:center}
.hl_bs p:nth-child(1){
    font-family: RB;
    font-size: 15px;
    color: #555;
}
.hl_bs p:nth-child(2){    font-family: avo_b;
    font-size: 20px;
    color: #f00;}
.menu_hd{ margin-bottom:5px; background:#00a959;}
.menu_hd ul li{display:inline-block;}
.menu_hd ul li a{position:relative;display:inline-block;padding:5px 10px;font-family: RB;font-size: 12px;text-transform: uppercase;color: #fff;}
.menu_hd ul li a:after{content:'';position: absolute;right: -2px;top: 11px;height: 10px;width: 1px;background: #fff;}
.menu_hd ul li:last-child a:after{display:none}

.main_content{max-width:1100px; margin:0px auto;padding:5px}

.col_vd{width:35%;float:left;padding: 0 5px;}
.col_thuoc{width:35%;float:left;padding: 0 5px;}
.col_form{width:30%;float:left;padding: 0 5px;}
.mg_fix{margin-right:-5px;margin-left:-5px}
.col_thuoc ul{width:100%;border-bottom: 0px !important;}
.col_thuoc ul li{width:50%;background: #0ebb69;border: 0px;}

.nav > li > a:hover, .nav > li > a:focus{background:#0ebb69;border: 0px !important;}
#thuoc p, #thucpham p{font-family:RR;font-size:14px;position: relative;padding: 0px 5px 0px 30px;}
#thuoc p:after , #thucpham p:after{content:'';position: absolute;left: 10px;top: 8px;width: 9px;height: 9px;background: #0ebb69;border: 2px solid #eeeeee;}
.frmhl1{margin-bottom:5px}
.mg_bs{margin-right:-10px;margin-left:-10px}
.kn_bs{width:50%; float:left;padding:10px;}
.tieude_kn h3{
    font-size: 14px;
    font-family: RB;
    text-transform: uppercase;
    color: #fff;
    width: 47%;
    float: left;
    background: #00a959;
    padding: 11px 10px 8px 40px;
    margin-right: 30px;
    position: relative;
    line-height: 16px;
    }
.tieude_kn h3:after{content:'';background:url(../images/ic/brat.png);position: absolute;width: 50px;height: 51px;right: -44px;top: 0px;background-size: 100% 100%;}
.bf_ds h3:before{
    content: '';
    background: #fff url(../images/sp/icbs.png);
    position: absolute;
    width: 32px;
    height: 32px;
    left: 4px;
    top: 9px;
    background-size: 100% 100%;
    border-radius: 50%;
    }
.bf_bs h3:before{content:'';background:url(../images/ketnoi.png);position: absolute;width: 25px;height: 25px;left: 5px;top: 10px;background-size: 100% 100%;}
#listcn1, #listtp1, #listqh1, #listcn, #listtp, #listqh, #listcn2, #listtp2, #listqh2, #listdt2, #listcn3, #listtp3, #listqh3, #listdt3{font-size: 13px;font-family: Arial;text-indent:5px;height: 24px;border: 0px;background: none;width: 115px;}
.tieude_kn{
    background: #eeeef0;
}
.tieude_kn strong{color:#f00}

.img_ttin{width:155px;float:left; margin-right:10px;    text-align: center;}
.box_bdtt1 .img_tnews
{
    width: 50px;
}
.box_bdtt1 .img_ttin
{
    width: 100%;
    margin-right: 0;
    text-align:left;
}
.col_ndhd{width:70%;padding:0 10px;float: left;}
.col_chhd{width:30%;padding:0 10px;float: left;}
.col_hd_left{width:50%;float:left;padding: 0 5px;}
.col_hd_right{width:50%;float:left;padding: 0 5px;}
.col_hd_left p,.col_hd_right p{position:relative;padding-left:20px}
.col_hd_left p:after, .col_hd_right p:after{position:absolute;content:'';width:4px; height:6px;background:url(../images/ic/icnext.png); left:7px; top:8px}
.col_hd_left p a,.col_hd_right p a{font-family: RR;font-size:13px;}

.rl_text{float:left;width: calc(100% - 95px) !important;border-radius: 0px !important;margin-right: 5px;}
.ab_submit{width:90px;border-radius: 0px;}

.box_srch2,.box_srch1{padding:5px; border:1px solid #f2f2f2}
#owl-thuoc{padding:5px 0px;}
.col-hv{width:33.33%;float:left;border: 1px solid #f2f2f2;min-height: 265px;}

.tieude_yd{position: relative;width: 100%;height: auto;text-align: center;background: #00a959;}
.tieude_yd h3{
      font-size: 13px;
    font-family: RB;
    position: relative;
    text-align: left;
    display: table-cell;
    color: #fff;
    padding: 7px 15px 6px 15px;
    text-transform: uppercase;
    width: 100%;
        height: 47px;
    vertical-align: middle;
}
.col-hv:nth-child(1),.col-hv:nth-child(2){border-right:0px}
.box_hv{padding:5px;}
.box_hv p{padding-left:15px;position:relative;font-family: RR;font-size: 13px;}
.box_hv p:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 6px;
    background: url(../images/ic/icnext.png);
    left: 7px;
    top: 8px;
}
.tieude_tv{background:#00a959}
.tieude_tv h3{
    font-size: 17px;
    font-family: RB;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px;
    }
.kn_bs ul{width:100%;border-bottom: 0px !important;display: inline;}
.kn_bs ul li {
    width: 20%;
    background: #0ebb69;
    border: 0px;
    display: initial;    height: 62px;
}
.nd_tv{padding:5px; border:1px solid #f2f2f2}
#nhathuoc p{font-size:13px;font-family: RR;}
.col_daotao{width: 70%;float:left;padding:10px;}
.col_vieclam{width: 30%;float:left;padding:10px;}
.daotao h3{display: inline-block;
    font-size: 13px;
    padding: 1px 10px;
    background: #00a959;
    color: #fff;
    text-transform: uppercase;
    font-family: RB;
    float: left;
    line-height: 48px;}
.daotao{border-bottom:2px solid #00a959}
.box_daotao p a{font-size:13px;font-family: RR;}
.box_daotao p{padding-left:20px; position:relative;}
.box_daotao p:after{content:'';position:absolute;left:5px;top: 7px;width: 8px;height: 8px;border: 2px solid #f2f2f2;background: #0ebb69;}

.nd_sltdt{border:1px solid #f2f2f2;border-right:0px;min-height: 150px;}
.nd_sltvl{border:1px solid #f2f2f2;min-height: 150px;}
.menu_footer{background:#00964f;padding: 5px 10px;border-radius: 25px 23px 0 0;}
.menu_footer ul li{list-style:none; float:left; display:inline-block;}
.menu_footer ul li span {
    color: #f00;
    font-size: 14px;
}
.menu_footer ul li a{display:inline-block;color:#fff;padding: 5px 15px;font-family: RR;font-size: 13px;position: relative;}
.menu_footer ul li a:after{content:''; position:absolute;width:2px; height:10px; background:#fff; right:-1px; top:10px}
.menu_footer ul li:last-child a:after{display:none}
.tieude_ft h3{    font-family: RB;
    font-size: 18px;
    text-transform: uppercase;
    color: #00964f;
    text-align: center;
    padding: 20px 0;}
.nd_footer{text-align: justify;font-size:14px;font-family: RR;margin-bottom: 20px;}
.giavang{text-transform:uppercase;font-family:RR}
.ngoaite{text-transform:uppercase;font-family:RR}
.chungkhoang{text-transform:uppercase;font-family:RR}
.thoitiet{text-transform:uppercase;font-family:RR}
.lkw{    margin-top: 10px;
    font-size: 14px;font-family:RR;}

.mg_left{margin-bottom:10px;}
.col_ctright{width: 50%;float:left;padding: 5px;}
.col_center{width: 21%;float:left;padding: 5px;}
.col_ctleft{width: 29%;float:right;padding: 5px;}

.loginfrm img{width:100%}
.mg_left img{/* width:100% */}

#owl-duoclieu{padding:5px 0}

/*center  */
.img_tnews{
    width: 100px;
    float: left;
    margin-right: 10px;
}
.ten_news,.item_t_news,.box_n_news p{
    color: #555;
    font-size: 13px;
    text-align: left;
    font-family: "RR";position:relative;
    }
.item_t_news a{position:relative;padding-left:20px;display: inline-block;}
.item_t_news a:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 2px solid #f2f2f2;
    background: #0ebb69;
}
/* --- */

.nd_ketnoi{    height: 240px;
    overflow-y: scroll;}
.nd_ketnoi::-webkit-scrollbar {
    width: 5px;
}
.nd_ketnoi::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    outline: 1px solid slategrey;
}
.nd_ketnoi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f2f2f2;
}
#slideshow .bx-controls-direction{display: none;}
.box_hoidap{margin-bottom:10px}
.img_nnews{text-align:center}

.bg_tv label{float:left;width:100px;}
.bg_tv .form-control{width:calc(100% - 100px) !important}
.srch_trangvang{background:#f2f2f2; padding:10px; margin-bottom:10px}
.ft-col h3:after{position:absolute; content:'';width:50px;left:0px; bottom:-4px; height:2px; background:#00964f;}
.ds_trangvang{    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;}
  
.srch_trangvang input{width:calc(100% - 100px);}
.srch_ketnoi{
    margin-bottom: 10px;
    padding-bottom: 10px;
    background:#f2f2f2;
    padding:10px
    }
 
.srch_ketnoi select{width:100% !important; height:30px !important; border: 1px solid #f2f2f2 !important ;margin-bottom:10px; background:#fff !important}
.ngonngu{display:inline-block;float:right;margin-right:15px; margin-top:10px}
.ngonngu ul li{display:inline-block; margin-right:5px}

.goog-te-combo{
    font-family: RR !important;
    overflow: hidden !important;
    background: none;
    border: 0px;
    color: #fff;
    font-size: 12px !important;
    margin: 0px !important;
    }
.goog-te-gadget {
    width: 90px;
    overflow: hidden;
}
.goog-te-combo option{color:#555 !important}

.img_qcf{margin-bottom:10px}


 @-webkit-keyframes down {
    0% {
   transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
   transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
   transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
   transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
       transform: rotate(25deg) scale(1) skew(1deg);
    }
   50% {
   transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
       transform: rotate(0) scale(1) skew(1deg);
    }
  }

  @keyframes down {
    0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
   50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
     
  }
.col_ds img,.col_bs img {
    position: relative;
    -webkit-animation-name: down;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-name: down;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

.col_ds img:hover,.col_bs img:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }


  #ww123-2 .testimonials_manager_widget{
    margin: 10px 0;
    padding:10px;
    border: 1px dotted #dddddd;
    background: #f4f4f4;
}
#ww123-2 .testimonials_manager_widget .avatar{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    float:right;
    margin-right:-5px;
    margin-top:-5px;
    margin-left: 5px;
    padding:2px;
    position:relative;
}
.goog-te-banner-frame{visibility:hidden !important;}
#google_language_translator { width:0px !important; overflow:hidden;height:0px;}
.goog-te-gadget .goog-te-combo {margin: 4px 0px !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
body {top:0px !important;}

#language{    display: inline-block;
    padding: 10px 0;
    float: right;    margin-right: 30px;
}
.daotao h3{position: relative;    margin-right: 20px;}
.daotao h3:after{      content: '';
    background: url(../images/ic/brat.png);
    position: absolute;
    width: 31px;
    height: 50px;
    right: -28px;
    top: 0px;
    background-size: 100% 100%;
}
.bando{text-align: center}
#map_canvasdt,#map_canvasda{height: 400px;width: 100%;}

.tieude_tv span{float: right;width: 200px;height: 30px;    margin: 4px;}
.tieude_tv span select{width: 100%;height: 30px}

.fix_pd{padding:0px !important;    line-height: 44px !important}

.tieude img{float: left; margin-left: 5px}

.tieude_n img
{
    margin-top: 2px;
}

.tieude_n
{
    background: red !important;
}
.fix_tc h3{    width: auto;
    line-height: 40px;}

.col_daotao img{position: relative;top:3px;}
@keyframes zoom
{
0%{
    /* border: 1px solid rgba(0, 169, 89, 0.16); */
    background: rgb(255, 3, 7);
    transform: scale(0);
}
50% {
    /* border: 1px solid rgba(0, 169, 89, 0.71); */
    background: rgba(226, 2, 2, 0.23);
    transform: scale(1);
}
100% {
    /* border: 1px solid rgba(0, 169, 89, 0); */
    background: rgba(164, 0, 0, 0);
    transform: scale(1.5);
}
}
.tieude_yd img{position:relative;top:-2px;display: none;}
.col_ds .ic_fone,.col_bs .ic_fone{position: relative}
.col_ds span, .col_bs span{
    border: 1px solid rgba(255,255,255,.2);
    width: 73px;
    height: 73px;
    position: absolute;
    left: -10px;
    top: -17px;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255,255,255,.2);
    -webkit-animation: zoom 2s infinite;
    animation: zoom 2s infinite;
}

#myslidemenu ul li span{color: #f00;    font-size: 17px;}

.daotao img{position:relative;top:-3px ;margin-right: 5px;}

.img_hd{    float: none;
    height: 44px;
    background: #fff;
    float: left;
    margin-right: 10px !important;
    margin-left: 0px !important;}
.cus_img{position: relative;top:6px;}

.noidung1 img{width: 100% !important;height: auto !important}

.item-ten1 a,.ten_news a{font-weight: bold}
div.box-icon-tt{
    
    }
div.box-icon-tt a{
    display:inline-block;
    color:#000;
    font-size: 12px;
    text-decoration:none;
    margin-right: 23px;
    }
div.box-icon-tt a i{
    font-size: 19px;
    color: #eb038b;
    margin-right: 4px;
    }
div.box-icon-tt a:hover{color: #00a959;}
div.box-icon-tt a:hover i{color:#00a959;}
div.banmuonhoi{color:#f00;font-weight:bold;font-size:13px;margin-bottom: 10px;}
div.hoi-dap{
    margin-top:20px;border-bottom:1px solid #ccc;padding-bottom:10px;
    }
div.hoi-dap h3{
    color:#000;font-size:16px;
    }
div.hoi-dap .traloi-td{font-size:12px;color:#8A7373}
div.hoi-dap .cautraloi{color:#000;font-size:14px;font-style:italic;}
div.hoi-dap img{max-width:30px !important;}
div.tieude-ma{
    font-size:17px;
    text-transform:uppercase;
    color: #00a959;
    margin-top: 37px;
    /* padding: 3px; */
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    }
    
div.dang-box{
    position:absolute;
    right: 0px;
    top: 71px;
    background: rgba(0, 164, 86, 0.76);
    padding: 5px 13px;
    z-index: 999999;
    border-radius: 6px;
    }
div.dang-box a{
    color: #fafafa;
    font-size:15px;
    text-decoration:none;
    margin: 0px 9px;
    }
.danhnhapthanhvien{
    border-radius:10px;
    display:inline-block;
    background:#E7038A;
    padding:5px 20px;
}
.danhnhapthanhvien a{
    color:#fff !important;
}
.wap_chayhinhsss{
    margin-bottom: 2px;
}
.itemhinnn {position: relative}
.itemhinnn img{display: block}
.tendkk{position: absolute;width: 30px;height: 30px;background: red;color: #fff;text-align: center;border-radius: 50%;right: 5px;top: 5px;text-transform: uppercase;line-height: 28px;font-family: 'UTMHelvetIns';font-size: 10px;}
.itemsskk{width: 24.9%;float: left;}
.tdkkl{text-transform: uppercase;font-family: RB;font-size: 20px;color: #00A959;margin-bottom: 13px;}


.c-dropdown {
    display: inline-block;
    text-align: left;
    position: absolute;
    top: 1px;
    right: 68px;
    z-index: 11;
}
.c-dropdown__list {
    z-index: 2;
    margin: 5px 0 0;
    padding: 6px 0;
    list-style: none;
    position: absolute;
    top: 125%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 3px;
    background: #fff;
    transition: opacity .25s linear, top .25s linear
}
.c-dropdown.is-open .c-dropdown__list {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    top: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
}
.c-dropdown__item {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #1d68b2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .25s linear
}
.c-dropdown__item:hover {
    background-color: #e6e9ed
}
.c-dropdown__item.active {
    color: #404040;
    font-weight: 700
}
.c-button:not(:disabled) {
    cursor: pointer;
}
.c-button--dropdown, .c-button--dropdown:hover {
    background-color: #fff;
}
.c-button--dropdown {
    padding: 6px 32px 0 12px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    min-height: 28px;
    height: 28px;
    white-space: nowrap;
    border-radius: 3px;
    transition: background-color .2s linear;
}
.c-button {
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    user-select: none;
}
.c-button--dropdown:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 11px;
    color: #000;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #000;
}
.c-dropdown.is-open .c-dropdown__list {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    top: 100%;
}
#tintucnoibat
{
    margin-top: -60px;
}
.mg_left #tintucnoibat
{
    margin-top: 20px;
}






.cssarrow {
	position: relative;
	background: #88b7d5;
}
.cssarrow:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #88b7d5;
	border-width: 15px;
	margin-left: -15px;
}