
@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:'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:'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/RobotoRegular.eot');src:url('../fonts/RobotoRegular.eot') format('embedded-opentype'),url('../fonts/RobotoRegular.woff2') format('woff2'),url('../fonts/RobotoRegular.woff') format('woff'),url('../fonts/RobotoRegular.ttf') format('truetype'),url('../fonts/RobotoRegular.svg#RobotoRegular') 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:RCR;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:FTM;src:url('../fonts/SFUToledoMedium.eot');src:url('../fonts/SFUToledoMedium.eot') format('embedded-opentype'),url('../fonts/SFUToledoMedium.woff2') format('woff2'),url('../fonts/SFUToledoMedium.woff') format('woff'),url('../fonts/SFUToledoMedium.ttf') format('truetype'),url('../fonts/SFUToledoMedium.svg#SFUToledoMedium') format('svg')}
@font-face{font-family:FTB;src:url('../fonts/SFUToledoBold.eot');src:url('../fonts/SFUToledoBold.eot') format('embedded-opentype'),url('../fonts/SFUToledoBold.woff2') format('woff2'),url('../fonts/SFUToledoBold.woff') format('woff'),url('../fonts/SFUToledoBold.ttf') format('truetype'),url('../fonts/SFUToledoBold.svg#SFUToledoBold') 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:SEB;src:url('../fonts/SFUEurostileBoldCondensed.eot');src:url('../fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),url('../fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),url('../fonts/SFUEurostileBoldCondensed.woff') format('woff'),url('../fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),url('../fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') 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:HCN;src:url('../fonts/HelveticaNeue.eot');src:url('../fonts/HelveticaNeue.eot') format('embedded-opentype'),url('../fonts/HelveticaNeue.woff2') format('woff2'),url('../fonts/HelveticaNeue.woff') format('woff'),url('../fonts/HelveticaNeue.ttf') format('truetype'),url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg')}
@font-face{font-family:HCNB;src:url('../fonts/helveticaneuebold.eot');src:url('../fonts/helveticaneuebold.eot') format('embedded-opentype'),url('../fonts/helveticaneuebold.woff2') format('woff2'),url('../fonts/helveticaneuebold.woff') format('woff'),url('../fonts/helveticaneuebold.ttf') format('truetype'),url('../fonts/helveticaneuebold.svg#helveticaneuebold') format('svg')}
@font-face{font-family:UTA;src:url('../fonts/UTMAzuki.eot');src:url('../fonts/UTMAzuki.eot') format('embedded-opentype'),url('../fonts/UTMAzuki.woff2') format('woff2'),url('../fonts/UTMAzuki.woff') format('woff'),url('../fonts/UTMAzuki.ttf') format('truetype'),url('../fonts/UTMAzuki.svg#UTMAzuki') format('svg')}
@font-face{font-family:UBQ;src:url('../fonts/UTMBanqueR.eot');src:url('../fonts/UTMBanqueR.eot') format('embedded-opentype'),url('../fonts/UTMBanqueR.woff2') format('woff2'),url('../fonts/UTMBanqueR.woff') format('woff'),url('../fonts/UTMBanqueR.ttf') format('truetype'),url('../fonts/UTMBanqueR.svg#UTMBanqueR') format('svg')}
@font-face{font-family:SFS;src:url('../fonts/SFUEdwardianScriptRegular.eot');src:url('../fonts/SFUEdwardianScriptRegular.eot') format('embedded-opentype'),url('../fonts/SFUEdwardianScriptRegular.woff2') format('woff2'),url('../fonts/SFUEdwardianScriptRegular.woff') format('woff'),url('../fonts/SFUEdwardianScriptRegular.ttf') format('truetype'),url('../fonts/SFUEdwardianScriptRegular.svg#SFUEdwardianScriptRegular') format('svg')}
@font-face{font-family:SFN;src:url('../fonts/SVN-Elle NovaC Extra Light.ttf') format('truetype')}
@font-face{font-family:UBR;src:url('../fonts/UVNBaiSau_R.eot');src:url('../fonts/UVNBaiSau_R.eot') format('embedded-opentype'),url('../fonts/UVNBaiSau_R.woff2') format('woff2'),url('../fonts/UVNBaiSau_R.woff') format('woff'),url('../fonts/UVNBaiSau_R.ttf') format('truetype'),url('../fonts/UVNBaiSau_R.svg#UVNBaiSau_R') format('svg')}
@font-face{font-family:UBB;src:url('../fonts/UVNBaiSau_B.eot');src:url('../fonts/UVNBaiSau_B.eot') format('embedded-opentype'),url('../fonts/UVNBaiSau_B.woff2') format('woff2'),url('../fonts/UVNBaiSau_B.woff') format('woff'),url('../fonts/UVNBaiSau_B.ttf') format('truetype'),url('../fonts/UVNBaiSau_B.svg#UVNBaiSau_B') format('svg')}
@font-face{font-family:RSR;src:url('../fonts/RobotoSlabRegular.eot');src:url('../fonts/RobotoSlabRegular.eot') format('embedded-opentype'),url('../fonts/RobotoSlabRegular.woff2') format('woff2'),url('../fonts/RobotoSlabRegular.woff') format('woff'),url('../fonts/RobotoSlabRegular.ttf') format('truetype'),url('../fonts/RobotoSlabRegular.svg#RobotoSlabRegular') format('svg')}
@font-face{font-family:RSB;src:url('../fonts/RobotoSlabBold.eot');src:url('../fonts/RobotoSlabBold.eot') format('embedded-opentype'),url('../fonts/RobotoSlabBold.woff2') format('woff2'),url('../fonts/RobotoSlabBold.woff') format('woff'),url('../fonts/RobotoSlabBold.ttf') format('truetype'),url('../fonts/RobotoSlabBold.svg#RobotoSlabBold') format('svg')}
@font-face{font-family:SAR;src:url('../fonts/SFUAristonRegular.eot');src:url('../fonts/SFUAristonRegular.eot') format('embedded-opentype'),url('../fonts/SFUAristonRegular.woff2') format('woff2'),url('../fonts/SFUAristonRegular.woff') format('woff'),url('../fonts/SFUAristonRegular.ttf') format('truetype'),url('../fonts/SFUAristonRegular.svg#SFUAristonRegular') format('svg')}
@font-face{font-family:SSP;src:url('../fonts/SVNSegoePrint.eot');src:url('../fonts/SVNSegoePrint.eot') format('embedded-opentype'),url('../fonts/SVNSegoePrint.woff2') format('woff2'),url('../fonts/SVNSegoePrint.woff') format('woff'),url('../fonts/SVNSegoePrint.ttf') format('truetype'),url('../fonts/SVNSegoePrint.svg#SVNSegoePrint') format('svg')}
@font-face{font-family:SDS;src:url('../fonts/SVNDancingscript.eot');src:url('../fonts/SVNDancingscript.eot') format('embedded-opentype'),url('../fonts/SVNDancingscript.woff2') format('woff2'),url('../fonts/SVNDancingscript.woff') format('woff'),url('../fonts/SVNDancingscript.ttf') format('truetype'),url('../fonts/SVNDancingscript.svg#SVNDancingscript') format('svg')}
@font-face{font-family:SSB;src:url('../fonts/SFUGillSansBold.eot');src:url('../fonts/SFUGillSansBold.eot') format('embedded-opentype'),url('../fonts/SFUGillSansBold.woff2') format('woff2'),url('../fonts/SFUGillSansBold.woff') format('woff'),url('../fonts/SFUGillSansBold.ttf') format('truetype'),url('../fonts/SFUGillSansBold.svg#SFUGillSansBold') format('svg')}
@font-face{font-family:NBL;src:url('../fonts/1811712UVNDzungDakao.eot');src:url('../fonts/1811712UVNDzungDakao.eot') format('embedded-opentype'),url('../fonts/1811712UVNDzungDakao.woff2') format('woff2'),url('../fonts/1811712UVNDzungDakao.woff') format('woff'),url('../fonts/1811712UVNDzungDakao.ttf') format('truetype'),url('../fonts/1811712UVNDzungDakao.svg#1811712UVNDzungDakao') format('svg')}
@font-face{font-family:SKL;src:url('../fonts/SVNKimberley.eot');src:url('../fonts/SVNKimberley.eot') format('embedded-opentype'),url('../fonts/SVNKimberley.woff2') format('woff2'),url('../fonts/SVNKimberley.woff') format('woff'),url('../fonts/SVNKimberley.ttf') format('truetype'),url('../fonts/SVNKimberley.svg#SVNKimberley') format('svg')}
@font-face{font-family:UTP;src:url('../fonts/UVNThanhPhoNang.eot');src:url('../fonts/UVNThanhPhoNang.eot') format('embedded-opentype'),url('../fonts/UVNThanhPhoNang.woff2') format('woff2'),url('../fonts/UVNThanhPhoNang.woff') format('woff'),url('../fonts/UVNThanhPhoNang.ttf') format('truetype'),url('../fonts/UVNThanhPhoNang.svg#UVNThanhPhoNang') format('svg')}
@font-face{font-family:PDR;src:url('../fonts/UTM Times.ttf') format('truetype')}
@font-face{font-family:SED;src:url('../fonts/SFUFuturaBook.TTF') format('truetype')}
@font-face{font-family:SFB;src:url('../fonts/SFUFuturaBold.TTF') format('truetype')}

@font-face{font-family:SAVO;src:url('../fonts/SVNAvo.eot');src:url('../fonts/SVNAvo.eot') format('embedded-opentype'),url('../fonts/SVNAvo.woff2') format('woff2'),url('../fonts/SVNAvo.woff') format('woff'),url('../fonts/SVNAvo.ttf') format('truetype'),url('../fonts/SVNAvo.svg#SVNAvo') format('svg')}
@font-face{font-family:SAVB;src:url('../fonts/SVNAvobold.eot');src:url('../fonts/SVNAvobold.eot') format('embedded-opentype'),url('../fonts/SVNAvobold.woff2') format('woff2'),url('../fonts/SVNAvobold.woff') format('woff'),url('../fonts/SVNAvobold.ttf') format('truetype'),url('../fonts/SVNAvobold.svg#SVNAvobold') format('svg')}
@font-face{font-family:UNEO;src:url('../fonts/UTMNeoSansIntelBold.eot');src:url('../fonts/UTMNeoSansIntelBold.eot') format('embedded-opentype'),url('../fonts/UTMNeoSansIntelBold.woff2') format('woff2'),url('../fonts/UTMNeoSansIntelBold.woff') format('woff'),url('../fonts/UTMNeoSansIntelBold.ttf') format('truetype'),url('../fonts/UTMNeoSansIntelBold.svg#UTMNeoSansIntelBold') format('svg')}
@font-face{font-family:MR;src:url('../fonts/MuliRegular.eot');src:url('../fonts/MuliRegular.eot') format('embedded-opentype'),url('../fonts/MuliRegular.woff2') format('woff2'),url('../fonts/MuliRegular.woff') format('woff'),url('../fonts/MuliRegular.ttf') format('truetype'),url('../fonts/MuliRegular.svg#MuliRegular') format('svg')}
@font-face{font-family:ANP;src:url('../fonts/AvenirNextLTProRegular.eot');src:url('../fonts/AvenirNextLTProRegular.eot') format('embedded-opentype'),url('../fonts/AvenirNextLTProRegular.woff2') format('woff2'),url('../fonts/AvenirNextLTProRegular.woff') format('woff'),url('../fonts/AvenirNextLTProRegular.ttf') format('truetype'),url('../fonts/AvenirNextLTProRegular.svg#AvenirNextLTProRegular') format('svg')}

@font-face { 
	font-family: 'MDB';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/AvenirNext-DemiBold.ttf);
}
@font-face { 
	font-family: 'MB';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/AvenirNext-Bold.ttf);
}
@font-face { 
	font-family: 'Avenir Next';
	font-style: normal;
	/* font-weight: 600; */	
	src: url(../fonts/helveticaneue.ttf);
}

@font-face {
    font-family: sfu;
    src: url("../fonts/SFUGillSansRegular.TTF") format('woff');
}

@font-face {
    font-family: sfu_light;
    src: url("../fonts/SFUGillSansLight.TTF") format('woff');
}

@font-face{font-family:ABW;src:url('../fonts/UTM FacebookB K&T.ttf') format('truetype')}
ul,ol{margin:0}

body{top:0!important;position:relative;background:#fff;margin:0 auto;font-family: "sfu",Arial,sans-serif;font-size: 15px;line-height: 1.4;}

*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
section#header .full_hd{
    background: #ec0079;
}
section#header .email_hd img,section#header .box_diachi img{margin-right:3px;position:relative;top:4px}

section#header .logo,section#header .banner{display: inline-block;float:  left; padding-top: 15px;padding-left:  20px;}
.fix_header .logo{padding-top:5px !important;}
section#header .fixbanner{padding:0 10px}
section#header .address{position:relative;padding:10px 0}
section#header .img_giohang{display:inline-block;float:left;margin-right:10px;position:relative;cursor:pointer}
section#header .count-cart{position:absolute;top:1px;left:32px;font-size:12px;color:#fff;display:inline-block}
section#header .email_hd,section#header .box_diachi,section#header .hotline_hd{font-size:13px;font-family:arial;display:inline-block;line-height:39px;margin-right:10px;padding-left:40px;color:  #fff;}
section#header .box_diachi{background:url(../images/sp/h1.png) no-repeat 10px;}
.hotline_hd{background:url(../images/sp/h2.png) no-repeat 10px;}
section#header  .title-hd-left{font-size:15px;font-family:RB;line-height:40px;display:inline;color:#fff;float:left;padding:0 10px}
section#header  .title-hd-left1{font-size:13px;font-family:avo;line-height:37px;display:inline;color:#fff;font-style:italic;float:right;margin-right:10px}
section#header  .title-hd-left1 span{font-family:OPR;font-style:initial!important;font-size:14px}
section#header  .title-hd-left1 span a{color:#fff}
section#header  .title-hd-right{font-size:14px;font-family:Arial;line-height:40px;display:inline;color:#fff;float:right;padding:0 10px}
section#header .email_hd{text-align:right}
section#header .box_diachi span:nth-child(1){margin-right:20px}
section#header .so_hl{display:inline-block;text-align:left;bottom:0;font-size:17px;padding-left:50px;background:url(../images/sp/icf.png) no-repeat center left}
section#header .so_hl:after{position:absolute;width:40px;height:40px;background:url(../images/sp/icfone.png);right:5px;top:5px}
section#header .so_hl p:nth-child(1){font-family:RSR;font-size:13px;color:#555}
section#header .so_hl p:nth-child(2){font-family:RSB;font-size:19px;text-transform:uppercase;position:relative;color:#ed1c24}
section#menu_top .content-menu-top {margin:0 auto;text-align:  center;}
section#menu_top .content-menu-top {}
section#menu_top  ul#nav li{list-style:none;position:relative}
section#menu_top  ul#nav >li{display:inline-block;text-transform:none;text-align:center;font-weight:normal;font-size:20px;position:relative;float:left}
section#menu_top  ul#nav >li span{display:inline-block;width:100%;text-align:center;font-family:RB;text-transform:uppercase}
section#menu_top  ul#nav >li >a{display:block;padding: 31px 14px!important;font-size: 14px;position:relative;line-height:26px;text-transform:uppercase;font-family: "sfu";}
/* section#menu_top  ul#nav >li >a:after{width:1px;height:15px;position:absolute;right:-1px;content:'';top:16px;background:#35914d} */

section#menu_top ul#nav >li >a:after{content:'';position:absolute;width:0px;height: 3px;background: #dd0000;left:0px;right:0px;margin:auto;top:0px;transition:all ease 0.5s;}
section#menu_top ul#nav >li >a:hover:after{width:80px;transition:all ease 0.5s}

section#header .logo, section#header .banner{
}
.logo img{max-width:65%;transition:  all ease 0.5s;margin:  auto;}

section#menu_top  ul#nav >li >a.menu_active,#menu_top ul#nav >li >a:hover,.menu_active{background-size:contain;}
section#menu_top  ul#nav >li >ul li{position:relative}
/* section#menu_top  ul#nav >li >ul li a{background-size:100% 100%;color:#fff;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;font-size:14px;border-bottom: 1px solid #077524;padding: 7px 10px;background: #027420;} */

section .fix_header {position: fixed!important;margin: 0 auto !important;top: 0px;right: 0px;width: 100%;max-width: 100% !important;z-index: 999;border-bottom: 1px solid #f2f2f2;}

section.product{
    padding-bottom:  30px;
}
section.product .product-item .i_trai{position:absolute;height:0;border-radius:0 50px;width:1px;left:0;top:0;background:-webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left bottom,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to top,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.product .product-item .i_phai{position:absolute;height:0;width:1px;right:0;bottom:0;background:-webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to bottom,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.product .product-item .i_tren{position:absolute;height:1px;width:0;right:0;top:0;background:-webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.product .product-item .i_duoi{position:absolute;height:1px;width:0;left:0;bottom:0;background:-webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,right top,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to left,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.product .product-item:hover .i_trai{height:100%;bottom:0;top:inherit}
section.product .product-item:hover .i_tren{width:100%;left:0}
section.product .product-item:hover .i_phai{height:100%;top:0;bottom:inherit}
section.product .product-item:hover .i_duoi{width:100%;right:0;left:inherit}
section.product .product-item .hover a:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-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)}
section.product .product-item .hover a:after{right:-100%;bottom:-100%}
section.product .product-item .hover:hover a:after{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);-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)}
section.product .product-item{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;background:#fff;border-radius: 10px;box-shadow: 2px 2px 5px #f2f2f2, -2px -2px 5px #f2f2f2, -2px 2px 5px #f2f2f2, 2px -2px 5px #f2f2f2;}
section.product .product-item .border{transition:all ease 0.2s;transform:scale(1)}
section.product .product-item:hover .border{transition:all ease 0.2s;transform:scale(0.95)} 

section.product .product-item img{-webkit-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius: 10px 10px 0 0;}
section.product .content-product{
    padding:  10px;
    text-align:  center;
    background:  #fafafa;
}
section.product .product-item .name-product{padding:5px 0}
section.product .product-item .name-product a{font-family: OPB;text-align: center;color: #58bc00;font-size: 16px;padding:10px 0;display:inline-block;width:100%;}
section.product .product-item .describe-product{font-family:RR;color:#555;font-size: 14px;}
section.product .product-item .price-custom{}
section.product .product-item .price-custom .price-giaban{font-size: 22px;color: #c22429;font-family: RB}
section.product .product-item .price-custom .price-giaban .gia-ban{}


section.product .tieude_gt{position:relative;text-align:center}
section.product .tieude_gt h3{font-family: "SAVB";margin-bottom:25px;font-size: 36px;display:inline-block;position:relative;margin-top:10px;}
section.product .tieude_gt h3:after{content:'';position:absolute;height: 9px;width: 96px;background: url(../images/sp/ict.png);left: 0px;bottom: -18px;margin: auto;right:  0px;}
section.product .tieude_gt p{color:#555;font-family:Arial;font-size:14px;text-align:center;margin-bottom:20px;padding:0 20px}



section.box-baiviet{
}
section.box-baiviet .item-baiviet .i_trai{position:absolute;height:0;border-radius:0 50px;width:1px;left:0;top:0;background:-webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left bottom,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to top,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-baiviet .item-baiviet .i_phai{position:absolute;height:0;width:1px;right:0;bottom:0;background:-webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to bottom,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-baiviet .item-baiviet .i_tren{position:absolute;height:1px;width:0;right:0;top:0;background:-webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-baiviet .item-baiviet .i_duoi{position:absolute;height:1px;width:0;left:0;bottom:0;background:-webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,right top,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to left,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-baiviet .item-baiviet:hover .i_trai{height:100%;bottom:0;top:inherit}
section.box-baiviet .item-baiviet:hover .i_tren{width:100%;left:0}
section.box-baiviet .item-baiviet:hover .i_phai{height:100%;top:0;bottom:inherit}
section.box-baiviet .item-baiviet:hover .i_duoi{width:100%;right:0;left:inherit}

section.box-baiviet .item-baiviet .hover a:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-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)}
section.box-baiviet .item-baiviet .hover a:after{right:-100%;bottom:-100%}
section.box-baiviet .item-baiviet .hover:hover a:after{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);-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)}
section.box-baiviet .item-baiviet{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;background:#fff;}
section.box-baiviet .item-baiviet .border{transition:all ease 0.2s;transform:scale(1);      border: 1px solid #fff;}
section.box-baiviet .item-baiviet:hover .border{transition:all ease 0.2s;transform: scale(1);} 
section.box-baiviet .item-baiviet .hover{background:#000;opacity:1;transition: all ease 0.5s;overflow: hidden;} 
section.box-baiviet .item-baiviet .hover:hover{opacity:0.8;transition: all ease 0.5s}
section.box-baiviet .item-baiviet img{-webkit-transition:all ease 4s;-o-transition:all ease 4s;transition:all ease 4s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
section.box-baiviet .item-baiviet:hover img{-webkit-transition:all ease 4s;-o-transition:all ease 4s;transition:all ease 4s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}

section.box-baiviet .content-baiviet{
       position: absolute;
    bottom: 0px;width: 100%;
    left: 0px;
    z-index: 99;background-image: url(../images/shadow.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top: 70px;
}
section.box-baiviet .content-baiviet .name-baiviet{padding: 15px;display: inline-block;width: 100%;position:relative;}
section.box-baiviet .content-baiviet .name-baiviet{  font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-family: "sfu";}
section.box-baiviet .content-baiviet .name-baiviet span{display: none;position:absolute;width:50px;height:100%;right:0px;z-index:9;top:0px;border-left:1px solid #f2f2f2;background:url(../images/sp/v1.png) no-repeat center center;}
section.box-baiviet .content-baiviet .name-baiviet span a{display:inline-block;width:100%;height:100%}
section.box-baiviet .item-baiviet .name-baiviet span a:after{content:'';position:absolute;background: #dd0000 url(../images/sp/v2.png) no-repeat center center;top:0px;left:0px;width: 0%;height:  100%;transition: all ease 0.5s;box-shadow:  1px 1px #dd0000,-1px -1px #dd0000, -1px 1px #dd0000,1px -1px #dd0000;}
section.box-baiviet .item-baiviet:hover .name-baiviet span a:after{width:100%;    transition: all ease 0.5s;}
section.box-baiviet .content-baiviet .describe-baiviet{font-family: MR;color:#555;font-size: 14px;text-align:  center;}


section.box-news-detail{}
section.box-news-detail .item-news .i_trai{position:absolute;height:0;border-radius:0 50px;width:1px;left:0;top:0;background:-webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left bottom,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to top,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-news-detail .item-news .i_phai{position:absolute;height:0;width:1px;right:0;bottom:0;background:-webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to bottom,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-news-detail .item-news .i_tren{position:absolute;height:1px;width:0;right:0;top:0;background:-webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-news-detail .item-news .i_duoi{position:absolute;height:1px;width:0;left:0;bottom:0;background:-webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,right top,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to left,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
section.box-news-detail .item-news:hover .i_trai{height:100%;bottom:0;top:inherit}
section.box-news-detail .item-news:hover .i_tren{width:100%;left:0}
section.box-news-detail .item-news:hover .i_phai{height:100%;top:0;bottom:inherit}
section.box-news-detail .item-news:hover .i_duoi{width:100%;right:0;left:inherit}
section.box-news-detail .item-news .hover a:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-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)}
section.box-news-detail .item-news .hover a:after{right:-100%;bottom:-100%}
section.box-news-detail .item-news .hover:hover a:after{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);-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)}
section.box-news-detail .item-news{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;background:#fff;box-shadow: 2px 2px 2px #f2f2f2, -2px -2px 2px #f2f2f2, 2px -2px 2px #f2f2f2, -2px 2px 2px #f2f2f2;}
section.box-news-detail .item-news .border{transition:all ease 0.2s;transform:scale(1)}
section.box-news-detail .item-news:hover .border{transition:all ease 0.2s;transform:scale(0.95)} section.box-news-detail .item-news img{-webkit-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
section.box-news-detail .content-news{}
section.box-news-detail .content-news .name-news{padding:5px 0}
section.box-news-detail .content-news .name-news a{font-family:RB;text-align:left;color:#555;font-size: 15px;display:inline-block;width:100%;}
section.box-news-detail .content-news .describe-news{font-family:RR;color:#555;font-size: 14px;}



section.product .fix-item{}

section.bottom-news .box-news-hot .img-news-hot{margin-bottom:10px}
section.bottom-news .box-news-hot .title-news-hot{padding:5px 0;}
section.bottom-news .box-news-hot .title-news-hot a{font-family: RB;font-size: 16px;}
section.bottom-news .box-news-hot .content-news-hot{font-family: MR;font-size:14px;line-height: 19px;}
section.bottom-news .box-news-other .title-news-other{}
section.bottom-news .box-news-other .title-news-other a{
    font-family: RB;
    font-size: 16px;
}
section.bottom-news{padding: 30px 0;background:  #f8f8f8;}
.title-news-hv{padding:5px 0;}
.title-news-hv a{font-family: MB;text-transform:uppercase;font-size: 24px;color: #ec0079;}

section.bottom-news .box-news-other .content-news-other{font-family: MR;font-size: 14px;line-height: 20px;}
section.bottom-news .box-news-other .item-news{margin-bottom:10px}
.content-news-hv{font-family: Arial;font-size: 14px;line-height: 26px;}
section.slider .ab_slider{position:absolute;width:100%;font-size:14px;color:#fff;font-family:RR;text-align:center;left:0;bottom:10%;overflow:hidden;z-index:15}
section.slider .ab_slider{opacity:0;-webkit-transition:all ease 0.8s;-o-transition:all ease 0.8s;transition:all ease 0.8s;-webkit-transform:translate(150px,0);-ms-transform:translate(150px,0);transform:translate(150px,0)}
section.slider .ab_slider .name_slider{text-transform:uppercase;font-family:Times new roman;font-size:31px;color:#ff0;line-height:45px;font-weight:600;text-align:center}
section.slider .active-slide .ab_slider{opacity:1;-webkit-transition:all ease 0.8s;-o-transition:all ease 0.8s;transition:all ease 0.8s;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
section.slider .box_slidershow{max-height: 603px;overflow:hidden;position:relative;}

section.box_dv{padding:30px 0}

footer .footer{padding-top: 70px;padding-bottom:  95px;}
footer .footer .name-company{font-family: "MB";font-size: 27px;margin-bottom:20px;color:#fff;text-transform:uppercase;position:relative;color: #fff;}

footer .footer .address-company{color:#fff;margin-bottom:6px;font-size: 15px;}
footer .footer .address-company p{margin-bottom: 10px}
footer .footer .address-company p span:nth-child(1){display: inline-block;margin-right: 5px;width: 35px;}
footer .footer .address-company p span:nth-child(2){width: calc(100% - 40px);float: right;padding: 7px 0;}

footer .footer h3.title-footer{color:#fff;font-family: "MB";font-size: 16px;margin-bottom:15px;text-transform:uppercase;position:relative;}
/* footer .footer h3.title-footer:after{content:'';position:absolute;width:50px;height:1px;background:#fff;left:0px;bottom:-10px} */
footer .footer .link-footer p a{font-size:14px;font-family: MR;color:#fff;position:relative;line-height: 35px;padding-left:20px;}
footer .footer .link-footer p a:after{content:'\f105';position:absolute;font-family:FontAwesome;left:7px;color:  #fff;}

footer .footer .dangkynhantin-footer p{font-family:Arial;font-size:14px;color:#fff;margin-bottom:10px;line-height:23px}
footer .footer .box-nhantin{position:relative;border: 0px !important;display:inline-block;background:url(../images/sp/brdk.png) no-repeat;width:100%;background-size:100% 100%;}
footer .footer .box-nhantin .txtemail{color:#555;height:35px!important;border:0!important;font-style:italic;margin:0!important;padding-left:10px!important}
footer .footer .box-nhantin .btndk{height:100%;border:none;width:45px;float:right;right:0;background:none;color:#fff;position:absolute;top:0;font-family:RB;}

footer .footer .fix_footer{}
footer .footer .fix_footer .copy{font-size: 14px;line-height:43px;color:  #fff;}

footer .footer .truycap-footer ul{padding:5px 0}
footer .footer .truycap-footer ul li{display:inline-block;list-style:none;font-family:Arial;font-size:14px;color:#fff;position:relative;line-height:30px;margin-right:10px;padding-left:30px}
footer .footer .truycap-footer ul li:nth-child(1):before{position:absolute;content:'';left:0;top:5px;width:21px;height:21px;background:url(../images/img/ic1.png)}
footer .footer .truycap-footer ul li:nth-child(2):before{position:absolute;content:'';left:0;top:5px;width:21px;height:21px;background:url(../images/img/ic2.png)}
footer .footer .truycap-footer ul li:nth-child(3):before{position:absolute;content:'';left:-30px;top:5px;width:21px;height:21px;background:url(../images/img/ic3.png)}
footer .footer .truycap-footer ul li:nth-child(4):before{position:absolute;content:'';left:-30px;top:5px;width:21px;height:21px;background:url(../images/img/ic4.png)}
footer .footer .truycap-footer ul li span{float:right;color:#fff}


section.box-gioithieu .mota-giothieu{text-align: left;font-family: OPR;line-height: 26px;font-size: 15px;}
section.box-gioithieu .img-gioithieu{text-align:center;}
section.box-gioithieu .img-gioithieu .border{position:relative;display:inline-block;}

section.box-gioithieu .tieude_gt p{color:#555;font-family:Arial;font-size:14px;text-align:center;margin-bottom:20px;padding:0 20px}


section.box-gioithieu .tieude_gt{position:relative;text-align: center;font-family: MB;font-size: 30px;margin:  0px auto;margin-bottom: 20px;text-transform:  uppercase;}
section.box-gioithieu .tieude_gt:after {
    content: '';
    position: absolute;
    width: 58px;
    height: 2px;
    background: #f00;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: -5px;
}
.tieude{margin-bottom: 20px;}
.tieude h3{position:relative;text-align: center;color: #ec0079;font-family: MB;font-size: 36px;max-width: 508px;margin:  0px auto;text-transform:uppercase;margin-bottom: 40px;}
.tieude h3:after{content:'';position:absolute;width;width:  261px;height:21px;background:url(../images/sp/aft1.png);left:0px;right:0px;margin: 0 auto; bottom:-25px}
.tieude .cl-w:after{background:url(../images/sp/aft2.png)}
section.box-gioithieu .tieude_gt h3{font-family: "PDR";margin-bottom:25px;font-size: 48px;display:inline-block;position:relative;margin-top:10px;}
section.box-gioithieu .tieude_gt h3:before{content:'';position:absolute;height: 2px;width: 120px;background: #c22429;right: -130px;bottom: 0px;top: 0;margin: auto 0;}
section.box-gioithieu .tieude_gt h3:after{content:'';position:absolute;height: 2px;width: 120px;background: #c22429;left: -130px;bottom: 0px;margin: auto 0;top: 0px;}

section.full_spmain .tieude_gt{position:relative;text-align:center}
section.full_spmain .tieude_gt h3{font-family: "PDR";margin-bottom:25px;font-size: 48px;display:inline-block;position:relative;margin-top:10px;}
section.full_spmain .tieude_gt h3:before{content:'';position:absolute;height: 2px;width: 120px;background: #c22429;right: -130px;bottom: 0px;top: 0;margin: auto 0;}
section.full_spmain .tieude_gt h3:after{content:'';position:absolute;height: 2px;width: 120px;background: #c22429;left: -130px;bottom: 0px;margin: auto 0;top: 0px;}


section.box-top{}
section#menu_hd{    position: fixed;
    top: 80px;
    width: 100%;
    left: 0px;
    padding: 20px 0;}
section#menu_hd ul li a{color:#fff;font-family:RB;font-size:16px;text-transform:uppercase;}

section#menu_hd ul li img{margin-right:15px}
h3.tieude{position:relative;height:auto;display:inline-block;text-align:left;font-size: 25px;font-family: "sfu";text-transform:uppercase;margin-top:0;padding: 7px 15px 7px 0px;width:100%;margin-bottom: 25px;}
h3.tieude:after{content:'';position:absolute;width: 58px;height: 3px;margin:auto;background: #dd0000;bottom:10px;left:  0px;bottom: -3px;}
h3.tieude-left{position:relative;height:auto;display:inline-block;text-align:left;font-size:15px;font-family:Arial;text-transform:uppercase;color:#fff;margin-top:0;margin-bottom:0;background:#037520;padding:7px 15px;width:100%;font-weight:600}
h3.tieude-left:after{content:'';position:absolute;width:15px;height:15px;right:-8px;margin:auto;background:#037520;bottom:10px;border:3px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
h3.tieude span{position:relative;}
h3.cl_w:before{}
h3.tieude_sl{text-align:left;font-family: MB;font-size: 24px;text-transform:uppercase;position:relative;display:inline-block;margin-bottom:10px;padding:10px 0;color: #ec0079;border-bottom: 1px dashed #037520;}
h3.tieude_news{text-align:left;font-family:OPB;font-size:35px;text-transform:uppercase;position:relative;display:inline-block;margin-bottom:19px;padding:10px 0;color:#83981f}
h3.tieude_news:after{content:'';position:absolute;width:100%;height:4px;left:0;bottom:-3px;z-index:0;border-top:1px solid;border-bottom:1px solid}
.title_sl{position:relative}
.bd_title h3.tieude_sl:after{display:none}
h3.tieude_sl span{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:40px;font-family:"OPB";text-align:center;text-transform:uppercase}
.bd_title p{text-align:center;line-height:30px;color:#555;font-family:SDS;font-size:30px;line-height:54px}
nav#menu ul li a,.mm-title{font-family:'RR';font-size:13px;color:#555;text-transform:uppercase}
nav#menu ul li a:hover{background:rgba(255,255,255,0.1)}
nav:not(.mm-menu){display:none}
#top{    width: 60px;
    height: 50px;
    background: url(../images/top.png) center;
    position: fixed;
    right: 30px;
    bottom: 10%;
    cursor: pointer;
    display: none;
    z-index: 100;
    background-size: 100% 100%;}
#breadcrumbs{position:relative;margin-top:10px;margin-bottom:5px}
#breadcrumbs ul{position:relative;margin:0;border-radius:0!important;padding:0}
.title-vanban a{font-family:Arial;text-transform:uppercase;font-size:14px;margin-bottom:10px;display:inline-block;width:100%}
.ic-vb{padding-left:20px;background:url(../images/sp/itv.png) no-repeat 4px 5px}
.sp_left{display:inline-block;float:left;width:29%}
.sp_right{display:inline-block;float:right;width:69%}
.mxh{float:right}
#breadcrumbs{position:relative;margin-top:10px;border-bottom:1px solid #f2f2f2;padding-bottom:10px}
#breadcrumbs ul{position:relative;margin:0;border-radius:0!important;padding:0}
nav#menu{background: #fff !important;z-index:0!important;}
.mm-title{font-size:20px;color:#555!important}
.menu_rp{display:none;line-height: 35px;}
.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}
#map_canvasft{width:100%;height:200px}
#map_canvas2{width:100%;height:400px}
#map_canvas{width:100%;height:200px}
#map_canvas4{width:100%;height:300px}
#map_canvasda{height:400px}
.bando{position:relative;padding:4px;border:1px dashed #f2f2f2}
.form_contact{padding-bottom:10px;margin-bottom:10px;border-bottom:dashed 1px #ccc}
.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 #d9f9f9;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}
.form_lh .tflienhe:focus{outline:none}
.form_lh{margin-bottom:20px;max-width:  735px;margin:  0px auto;}
.button-contact{border:none;padding:9px 30px;background:#000;color:#fff;cursor:pointer;font-family:OPB;font-size:16px}
.button-contact:hover{background:#5F1E07}
.ta_noidung{background:none;color:#666666;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;background: #fff;border:1px solid #f2f2f2;}
.ta_noidung1{background:none;color:#666666;height:120px;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0;background:rgba(255,255,255,0.28);border:0;border-bottom:1px solid #9e9e9e!important}
.tags{background:#E4BC24;display:inline-block;padding:0 5px;line-height:25px;color:#fff;padding-right:15px;margin-bottom:5px;margin-right:5px;position:relative}
.tags:before{content:'';height:0;width:0;position:absolute;top:0;left:-10px;border-top:13px solid transparent;border-bottom:12px solid transparent;border-right:10px solid #E4BC24}
.tags:after{content:'';height:0;width:0;position:absolute;top:0;right:0;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 0 0;border-radius:100%}
.tags:hover span{background:#FDF759}
::-webkit-input-placeholder{color:#c4c4c4!important}
:-moz-placeholder{color:#c4c4c4!important}
::-moz-placeholder{color:#c4c4c4!important}
:-ms-input-placeholder{color:#c4c4c4!important}
.txtemail::-webkit-input-placeholder{color:#555!important}
.txtemail:-moz-placeholder{color:#555!important}
.txtemail::-moz-placeholder{color:#555!important}
.txtemail:-ms-input-placeholder{color:#555!important}
.txtsrch::-webkit-input-placeholder{color:#c4c4c4!important}
.txtsrch:-moz-placeholder{color:#c4c4c4!important}
.txtsrch::-moz-placeholder{color:#c4c4c4!important}
.txtsrch:-ms-input-placeholder{color:#c4c4c4!important}
.row_dh input::-webkit-input-placeholder{color:#555!important}
.row_dh input:-moz-placeholder{color:#555!important}
.row_dh input::-moz-placeholder{color:#555!important}
.row_dh input:-ms-input-placeholder{color:#555!important}
.ta_noidung::-webkit-input-placeholder{color:#c4c4c4!important}
.ta_noidung:-moz-placeholder{color:#c4c4c4!important}
.ta_noidung::-moz-placeholder{color:#c4c4c4!important}
.ta_noidung:-ms-input-placeholder{color:#c4c4c4!important}
.call{background: #555 !important;height:40px;line-height:40px;position:fixed;width:100%;bottom:0;left:0;z-index:999;display:none;border-top:1px solid #f2f2f2;}
@-webkit-keyframes op_phone{0%{opacity:1.0}50%{opacity:0.0}100%{opacity:1.0}}
@keyframes op_phone{0%{opacity:1.0}50%{opacity:0.0}100%{opacity:1.0}}
.call .phone{width:33.33%;text-align:center;float:left;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:30px;background:url(../images/sp/call1.png) no-repeat 18px 10px;background-size:21px;-webkit-animation-name:op_phone;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:op_phone;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:op_phone;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.call .sms{width:33.33%;text-align:center;float:left;padding-left:30px;background:url(../images/sp/call2.png) no-repeat 25px 13px;background-size:21px}
.call .chiduong{width:33.33%;text-align:center;float:left;padding-left:30px;background:url(../images/sp/call3.png) no-repeat 9px 12px;background-size:21px}
.call a{color: #fff;font-size:14px;}
.item-ten a{color:#279256;font-family:OpenSansSemibold;font-size:13px}
.item-mota{font-size:15px;font-family:Arial;color:#555;text-align:left;margin-top:5px}
.btndk{padding:10px}
.smdk1{height:35px;border:none;color:#fff;float:left;top:0;right:0;background:#eaaf1b;text-transform:uppercase;font-weight:600;width:91px}
.btn_send{position:relative;display:inline-block;padding:0!important}
.btn_send:after{content:'';position:absolute;right:-37px;width:37px;height:34px;background:#08ba37 url(../images/sp/mb.png) no-repeat center center;top:0}
.item-wr4{text-align:center;-webkit-box-sizing:border-box;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;-webkit-transition:all ease 0.5s;-o-transition:all ease 0.5s;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;-webkit-transition:all ease 0.5s;-o-transition:all ease 0.5s;transition:all ease 0.5s}
.hover4:hover:after{right:0;bottom:0}
.hover4:hover:before{top:0;left:0}
.hover4:hover .chitiet_dn2{-webkit-transform:scale(1);-ms-transform:scale(1);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%;-webkit-transition:all ease 0.6s;-o-transition:all ease 0.6s;transition:all ease 0.6s;-webkit-transform:scale(0);-ms-transform:scale(0);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}
.date{font-size:11px;font-family:"Arial";color:#6f6f6f;text-align:right;margin-bottom:10px}
.date i{margin-right:4px}
.mxhf{}
.mxhf ul{display:inline-block;padding:0}
.mxhf ul li{display: inline-block;font-size:14px;font-family:Arial;color:#c4c4c4;margin-bottom:  10px;}
.mxhf ul li a{color:#fff;font-family:RR;font-size:14px;}
.mxhf ul li img{margin-right: 10px;}
.mxhf1{padding:7px 0;text-align:left}
.mxhf1 ul{margin-bottom:0 auto}
.mxhf1 ul li{display:inline-block;margin-right:4px}
#pre-loader{background:#fff ;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow: hidden;}
#pre-loader #wrap{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;text-align:center;width:100px;height:69px}
#preloader_1{position:relative}
#preloader_1 span{display:block;bottom:0;width:9px;height:5px;background:#000;position:absolute;-webkit-animation:preloader_1 1.5s  infinite ease-in-out;animation:preloader_1 1.5s  infinite ease-in-out}
#preloader_1 span:nth-child(2){left:11px;-webkit-animation-delay:.2s;animation-delay:.2s}
#preloader_1 span:nth-child(3){left:22px;-webkit-animation-delay:.4s;animation-delay:.4s}
#preloader_1 span:nth-child(4){left:33px;-webkit-animation-delay:.6s;animation-delay:.6s}
#preloader_1 span:nth-child(5){left:44px;-webkit-animation-delay:.8s;animation-delay:.8s}
@-webkit-keyframes preloader_1{0%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#000}25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);background:#000}50%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#000}100%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#9b59b6}}
@keyframes preloader_1{0%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#000}25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);background:#000}50%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#000}100%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:#9b59b6}}
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;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#fff;border-radius:7px}
div.item_new2{width:570px;float:right;-webkit-box-sizing:border-box;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:0;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}
.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:0;border-bottom:1px solid #f2f2f2;padding:0;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}
.khung_thongtin{width:100%;float:left;border-radius:5px}
.khung_thongtin li{padding:5px 0 5px 0;width:100%;float:left;list-style:none;text-align:justify;font-size:14px;margin:0;font-family:Arial;line-height:23px}
.khung_thongtin h2{margin-top:0;font-size:20px;font-weight:500;margin-bottom:0;line-height:22px;text-transform:uppercase;color:#5C1A05}
.li .cssgia{color:#ec1c1c;font-size:14px;font-family:Arial;font-weight:bold}
.li .csshl{color:#ec1c1c}
.li .su{font-size: 14px;text-align:left;font-family: RR;display:inline-block;position:relative;}

.thongso{border-bottom:1px solid #eeeeee;text-align:left;color:#4079cd;font-size:12px;line-height:30px}
.thongso span{color:#999}
.noidung{padding:10px 0}
.xemthem{text-align:center}
.box_size li{display:inline-block!important;margin-right:10px;width:50px;padding:0}
.box_mau li{display:inline-block!important;margin-right:10px;width:47px;padding:0}
.box_mau input{margin-right:5px}
.doitac{padding:25px 0;}
.item-gia a{font-size:12px;text-transform:uppercase;font-family:"avo_b";color:#0072bc}

.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;margin-top:10px}
.footer .fixed-ft{position:absolute;width:100%;height:35px;bottom:0;background:none;text-align:center}
.ft-3 h3{text-transform:uppercase;color:#fff;font-family:"RB";font-size:14px;margin-bottom:15px}
.mxf_ft ul li{display:inline-block;margin-right:10px}
.mxht ul li{display:inline-block;font-size:13px;font-family:Arial;color:#fff;margin-right:4px}
.logo{}


.main-left{width:77%;float:left;margin-top:10px;padding-right:1%}
.main-right{width:23%;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding-left:1%}


.menu_head a{font-family:Arial;font-size:13px;color:#555!important;padding:10px 0;}
.menu_head a:hover{color:#fff}
.menu_head{cursor:pointer;position:relative;font-size:12px;margin:0;}

#secondpane .act_b:after{content:''!important;width:10px;height:1px;background:#000;top:13px;right:20px}
#secondpane{-webkit-box-sizing:border-box;box-sizing:border-box}
.menu_head a.active,{color:#000}
.menu_head span{position:absolute;right:20px}
.menu_head a:hover{color:#fff}

#header{
    border-bottom:  1px solid #f2f2f2;
}

.header{margin:  0px auto;background: #fff;}


.date_new{width:60px;float: left;background: #ffc000;}
.title_news{width:calc(100% - 70px);float:right;display: table;}

.date_new p:nth-child(1){width:100%;text-align: center;}
.date_new p:nth-child(1) span:nth-child(1){color:#fff;font-family:RR;font-size:40px}
.date_new p:nth-child(1) span:nth-child(3){color:#fff;font-family:RR;font-size: 18px;}

.date_new p:nth-child(2){background: #ffae00;text-align: center;padding: 5px 0;line-height: 24px;color:  #fff;font-family:  RR;font-size:  18px;margin-top:  10px;}
.mota_danhgia {
    font-size: 16px;
    color: #555;
    position: relative;
    text-align: left;
}
.name_news a {
    font-size: 18px;
    text-transform:  uppercase;
    display:  inline-block;
    width:  100%;
    padding:  10px 0;color: #000;
}.name_news {
}.content_news {
    color: #555;
    font-size: 15px;
    text-align: justify;
}
section.bg-bottom{}
section.box_bottom{padding:30px 0}
section.box_bottom .tieude_gt{text-align:center;position:  relative;background: url(../images/sp/bggt.png) no-repeat center 0px;}
section.box_bottom .tieude_gt h3{font-family: "SAVB";margin-bottom:25px;font-size: 36px;display:inline-block;position:relative;margin-top: 25px;}
section.box_bottom .tieude_gt h3:before{content:'';position:absolute;height: 1px;width: 120px;border-bottom: 1px dashed #747474;right: -130px;bottom: 0px;top: 0;margin: auto 0;}
section.box_bottom .tieude_gt h3:after{content:'';position:absolute;height: 1px;width: 120px;border-bottom: 1px dashed #747474;left: -130px;bottom: 0px;margin: auto 0;top: 0px;}
section.box_bottom .tieude_gt p{color:#555;font-family:Arial;font-size:14px;text-align:center;margin-bottom:20px;padding:0 20px}

section.box_id .tieude_gt{text-align:center;position:  relative;background: url(../images/sp/bggt.png) no-repeat center 0px;}
section.box_id .tieude_gt h3{font-family: "SAVB";margin-bottom:25px;font-size: 36px;display:inline-block;position:relative;margin-top: 25px;}
section.box_id .tieude_gt h3:before{content:'';position:absolute;height: 1px;width: 120px;border-bottom: 1px dashed #747474;right: -130px;bottom: 0px;top: 0;margin: auto 0;}
section.box_id .tieude_gt h3:after{content:'';position:absolute;height: 1px;width: 120px;border-bottom: 1px dashed #747474;left: -130px;bottom: 0px;margin: auto 0;top: 0px;}


section.box_bottom .img-yk{display:inline-block;float:left;width:40%;text-align:center;background:#c22429;padding: 15px 30px;}
section.box_bottom .img-yk .name-yk a{color:#fff;font-family:RB;font-size:16px;text-transform:uppercase;padding:5px 0;display:inline-block;width:100%}
section.box_bottom .img-yk .address-yk{color:#fff;font-family:RR;font-size:14px}
section.box_bottom  .content-yk{width:65%;float:right;margin-left:-5%;background:#fff;padding:15px;font-family:RR;font-size:14px;margin-top:30px;min-height: 110px;box-shadow: 2px 2px 2px #f2f2f2;line-height:  23px;color:  #555;}
.ngaytao{float:right;color: #848484;font-family:RR;font-size:13px;}

.custom-header{position:relative !important;}
.custom-header #menu_top ul#nav >li >ul li a{}


.lienhe_dt,.li{
    padding: 10px 0;
    border-bottom: 1px dashed #d9d9d9;
    }
.breadcrumb li a{font-size: 13px;}
.lienhe_dt{margin-bottom:10px}
.box_noidung{padding:10px 0}

.item-news .pd-5{padding-top:5px;padding-bottom:5px}

.content_detail p a{color: #1DA1F2;position:relative;font-family:Arial;font-size:14px;line-height:25px;padding-left:20px;}
.content_detail p:hover a{text-decoration:underline!important}
.content_detail p a:after{content:'\f101';position:absolute;font-family:FontAwesome;left:7px;top: -4px;}
.menu_rp a{    color: #555;}

.gt-1{position:absolute;right: -77px;top:0px;background:url(../images/sp/gt1.png) no-repeat;padding: 50px;width:  197px;height:  191px;font-family:  UAC;}
.gt-1 a{color:#fff;font-size:24px}
.gt-2{position:absolute;left: -165px;bottom:0px;background:url(../images/sp/gt2.png) no-repeat;padding: 50px;width:  197px;height:  191px;font-family:  UAC;}
.gt-2 a{color:#fff;font-size:24px}



.zalo_id{
    position: fixed;
    top: 40%;
    left: 10px;
    z-index:  99;
    }

.smdk{height:100%;border:none;width:45px;float:right;right:0;background:none;color:#fff;position:absolute;top:0;font-family:RB;z-index:  99;background:  #ffae00;}
.tketruycap1 p{color:#fff;font-family:  OPR;margin-bottom:  10px;}
.khungdk{position:relative;margin-bottom: 15px;}
.txtemail{background:#fff !important;height: 35px !important;padding:6px 12px !important;}
.copy span{color:#ffc000}
.khungtk{text-align:right;font-family: MR;}
.khungtk ul li{display:inline-block;line-height:40px;color:#fff;margin-right:10px}

.title-id{color:#fff;font-family:UNEO;font-size:44px;text-transform:uppercase;text-align:  center;margin-top:  5%;}
.mota-lk{text-align:center;color:#fff;font-size:16px;padding:30px 0;font-family:OPR;line-height:26px;}
.title-dm{    color: #fff;
    font-family: Myriad Pro;
    font-size: 41px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 5%;}
.mota-dm{text-align:left;color:#fff;font-size:16px;padding:30px 0;font-family:OPR;line-height:26px;}
.xemthem a{color: #000;
    position: relative;
    padding: 7px 30px;
    border-radius: 3px;
    display: inline-block;
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-size: 13px;
    font-family: RR;}
.xemthem a:hover{color: #555;background: #fff}
.chitiet{text-align: left;margin-top: 10px;}
.chitiet a{position:relative;padding-right: 30px;display:inline-block;border-radius:20px;text-transform: none !important;width:  auto;background: url(../images/sp/v1.png) no-repeat right;font-size:  16px;}

.bg-box-id{background:#fafafa;padding-top: 30px;}

.bg-gt{background:#fff;padding:30px;width: 115%;position:  relative;z-index:  9;margin-top: 49px;}
.box-ngonngu ul{display:inline-block;float:right;padding:  10px 0;}
.box-ngonngu ul li{display:inline-block;width: 25px;}
.hotline_hd span{font-family:OPB;font-size: 14px;}

.mxht{display:inline-block;float:right}
.mota_giothieu{line-height:26px;margin-bottom:20px;text-align:  center;}
.mg-b{margin-bottom:10px}

.box_dichvu{background:url(../images/sp/brdv.png) no-repeat;background-size:cover;padding: 40px 0;}
.img-dv{text-align:center;}
.img-dv img{border-radius:50%;padding: 10px;background:  #fff;}
.item-dv{}
.bg-dv{
    background:  #fff;
    padding:  50px 15px 15px 15px;
    margin-top:  -40px;
}
.addthis_inline_share_toolbox{display: inline-block;float: left;    clear: none !important;margin-left:5px;}


.tendv{text-align:center;padding:5px 0}
.tendv a{color:#ec0079;font-family: MB;font-size: 22px;text-transform:uppercase;}
.motay-dv{font-family: MR;font-size:14px;line-height:24px;text-align:  center;}

.item-dv:hover .bg-dv{background:#ec0079}
.item-dv:hover .tendv a,.item-dv:hover .motay-dv{color:#fff}
.tieude p{max-width:670px;margin:0px auto;text-align:center;color:  #555;font-family: MR;line-height:  26px;}
.box-album{padding:40px 0}

.news-bot{background:none !important}

.item-kh{padding: 40px;border-radius:  20px;}
.mota_kh{font-size: 14px;color: #fff;fo;line-height: 25px;position:  relative;margin-bottom:  14px;}

.img_kh span img{border-radius:50%;margin-right:10px}
.img_kh span{display:inline-block;float:left;width:  155px;height: 80px;position:  relative;margin-right:  10px;}
.img_kh span img{position:absolute;bottom:0px;padding:  10px;background:  #fff;}
.box_kh{padding: 30px 0}
.img_kh a{
    color: #fff;
    font-family: MB;
    font-size: 22px;
    text-transform: uppercase;
}
.pd-top{padding-top:70px !important}
.cl-w{color:#fff !important}
.img_kh p:nth-child(3){color:#c4c4c4;font-family:  MR;}

.full-dangky{background:url(../images/sp/brdk.png) no-repeat;background-size:cover;padding:40px 0}

.row_dh {
    display: inline-block;
    width: 50%;
    float: left;
}

.btm_dh ,.btm_rs{
    padding: 15px 30px;
    background: #ec0079;
    color: #fff;
    text-transform: uppercase;
    font-family: MB;
    border-radius: 19px;
    border: none;
    font-size: 16px;
}

.ipdathang{border-radius:20px !important}

.img_gioithieu{position:relative;text-align:  center;}

.fix_header .logo img{max-width:50%;transition:  all ease 0.5s;}




.fix_header #menu_top ul#nav >li >ul li a{background: #fff !important;}

.follow a.fa {
    font-size: 15px;
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    text-decoration: none !important;
    background-color: transparent;
    border: solid 1px #999;
}

.follow{float:right;}

.tool-ft{margin:20px 0;border-bottom:1px solid #d9d9d9}
.full-width{width:100%;}

.owl-next{float:right;right: 20px;position:  absolute;}
.owl-prev{float:left;left: 20px;position: absolute;}


  .banner .item .bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.banner .active .item .bg {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: banner_style;
  animation-name: banner_style
}
@-webkit-keyframes banner_style {
from {
-webkit-transform:scale3d(1.5, 1.5, 1.5);
transform:scale3d(1.5, 1.5, 1.5)
}
to {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
}
@keyframes banner_style {
from {
-webkit-transform:scale3d(1.5, 1.5, 1.5);
transform:scale3d(1.5, 1.5, 1.5)
}
to {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
}
.bannerMain {
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 0;
    height: auto;
}.banner .item {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}.banner .active .item .desc .tit, .banner .active .item .desc p, .banner .active .item .desc .btn, .banner .active .item .desc h3 {
  opacity: 1;
  -webkit-animation: fadeInUp 1s ease-in-out backwards;
  -moz-animation: fadeInUp 1s ease-in-out backwards;
  -o-animation: fadeInUp 1s ease-in-out backwards;
  -ms-animation: fadeInUp 1s ease-in-out backwards;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s
}
.banner .active .item .desc h3 {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s
}
.banner .active .item .desc p {
  -webkit-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s
}
.banner .active .item .desc .btn {
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;

  animation-delay: 1s;
  opacity: 1
}.banner .desc {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  color: #fff;
  max-width: 100%;
  color: #fff;
  padding: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  -webkit-animation: fadeInUp 1s ease-in-out backwards;
  -moz-animation: fadeInUp 1s ease-in-out backwards;
  -o-animation: fadeInUp 1s ease-in-out backwards;
  -ms-animation: fadeInUp 1s ease-in-out backwards;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
/*.banner .desc:after {content:'';position:absolute;width:400px;height:40px;border: 2px solid #fff;margin:auto;top:-120px;left:0px;right:0px;border-bottom:0px;opacity:0;transition: all ease 0.5s;}
.banner .desc:before {content:'';position:absolute;width:400px;height:40px;border: 2px solid #fff;margin:auto;bottom:-120px;left:0px;right:0px;border-top:0px;opacity:0;transition: all ease 0.5s;}
.banner .active .desc:after{opacity:1;top:0px;transition:all ease 2s}
.banner .active .desc:before{opacity:1;bottom:0px;transition:all ease 2s}*/
.banner .pagewrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    z-index: 2;
}.banner .tit {
    display: block;
    margin-bottom: 5px;
    color: inherit;
    font-size: 50px;
    line-height: 1.2;
    text-decoration: none !important;
    opacity: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-family: sfu_light;
}
.img-lv1{margin-bottom: 30px;}
.content-lv1{position: relative;    padding-bottom: 25px;}
.content-lv1:after{content:'';position: absolute;width: 50px;height: 2px;background: #555;bottom: 0px;left: 0px;right:0px;margin:auto}
.desc p{font-size:20px;    font-family: sfu_light;}
.item-lv{margin-bottom:20px;text-align: center}
.img-lv{display:inline-block;float:left;margin-right:10px}
.name-lv a{text-transform:  uppercase;font-size: 18px;line-height:  26px;}
.content-lv{width:calc(100% - 95px);float:right;}


.mota-lv{font-size:16px;line-height:26px;    max-width: 280px;
    margin: 0px auto;}

.item-bst{overflow: hidden;       border: 1px solid #fff; 
    position: relative;}
.item-bst:hover img{opacity:0.8;-webkit-transition:all ease 4s;-o-transition:all ease 4s;transition:all ease 4s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} 
.item-bst img{background:#000;opacity:1;-webkit-transition:all ease 4s;-o-transition:all ease 4s;transition:all ease 4s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 
  .item-bst:hover .name-bst {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: pl_ 0.3s ease-in-out both;
    -ms-animation: pl_ 0.3s ease-in-out both;
    -o-animation: pl_ 0.3s ease-in-out both;
    animation: pl_ 0.3s ease-in-out both;
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.item-bst .name-bst {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 2;
    padding: 15px 65px 15px 25px;
    margin: 0;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    font-family: "VNF-Futura", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    -webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-bst:hover .name-bst:before {
    left: 20px;
    -webkit-animation: af_ 0.3s ease-in-out both;
    -ms-animation: af_ 0.3s ease-in-out both;
    -o-animation: af_ 0.3s ease-in-out both;
    animation: af_ 0.3s ease-in-out both;
    -webkit-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.item-bst .name-bst:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #000;
    margin: auto;
}
@keyframes pl_ {
form {
padding-left:25px
}
to {
  padding-left: 50px
}
}
@keyframes af_ {
form {
width:0
}
to {
  width: 15px
}
}
.item-bst .name-bst span{
    position: absolute;
    width: 50px;
    height: 100%;
    right: 0px;
    z-index: 9;
    top: 0px;
    background: #dd0000  url(../images/sp/v2.png) no-repeat center center;
    }
.item-bst .name-bst span a{display:inline-block;width: 100%;height:100%;}
.bg-ykkh{background:url(../images/sp/bryk.jpg);padding-left:  13%;position:relative;}
.bg-ykkh:after{content:'';position:absolute;width:100%;height:100%;background:#000000b3;top:0px;left:0px}
.bg-ykkh .owl-dots{position: absolute !important;left: -6%;bottom: 40px;}
.item-kh{position:relative;}
.item-kh:after{content:'';position:absolute;background: url(../images/sp/m1.png);width: 36px;height: 38px;left:0px;top: 29px;z-index: 999;}

.box-id{padding:30px 0}

.fun-top{display:inline-block;float:right}

.search{position: absolute;display: none;top: 87px;right:  0px;z-index:  9;background:  #fff;}

.txtsrch{background:none!important;height:40px;color:#555;font-family:Arial;-webkit-box-shadow:none!important;box-shadow:none!important;border:0!important;font-size:12px!important;padding-right: 51px !important;border: 1px solid #f2f2f2 !important;padding-left:  10px !important;}
.btnsrch{height: 100% !important;-webkit-box-shadow:none!important;box-shadow:none!important;background: url(../images/sp/srch.png) center center no-repeat!important;font-family:SFB;color:#fff!important;border-radius:0!important;border:0!important;width:51px;position:  absolute;top:  0px;right:  0px;}
.fix_srch{position:relative;width: 250px;}
.fix_header .box-search {
    padding: 10px !important;
}
.fix_header .box-ngonngu {
    padding: 15px 50px 14px 20px !important;
}
.fix_header .search{top:46px}
.box-search{display:inline-block;float:left;padding: 31px 10px;border-left:  1px solid #f2f2f2;position:  relative;transition:all ease 0.5s}
.box-ngonngu{display:inline-block;float:left;padding: 35px 20px;border-left:  1px solid #f2f2f2;position:  relative;transition:all ease 0.5s;font-size: 13px;
   }
.box-ngonngu{padding-right:50px;background:url(../images/sp/icc.png) no-repeat 110px;}

.item-nn{position:absolute;background:#fff;top:0px;left:0px;width:100%;height:100%;display: none;}
.item-nn .ab-nn{    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    align-items: center;
    top: 0px;
    left: 0px;
    justify-content: center;}

.ab-nn .close-nn{position:absolute;width: 20px;height: 20px;z-index:999;right: 5px;top: 5px;cursor:  pointer;}
.ab-nn .close-nn span:nth-child(1){width:20px;height:2px;background:#c4c4c4;position:  absolute;transform: rotate(45deg);left: 0px;top: 10px;}
.ab-nn .close-nn span:nth-child(2){width:20px;height:2px;background:#c4c4c4;position:  absolute;transform: rotate(-45deg);left:0px;top: 10px;}


.box-ngonngu p a{text-transform:uppercase;font-size: 13px;line-height:20px;}

.row-duan p:nth-child(1){font-family:MB;;text-transform:uppercase;}
.row-duan{border-bottom:1px solid #f2f2f2;    padding-bottom: 10px;
    margin-bottom: 10px;position: relative;}
.row-duan:after{content:'';position:absolute;width:100%;height:1px;background:#f2f2f2;bottom:-3px;left:0px}

.form_lh input{height:65px !important;background:#f2f2f2 !important;padding-left:20px !important}
.form_lh textarea{background:#f2f2f2 !important;padding-left:20px !important}
.chinh-sach-ft a{color:#fff;padding-left:16px;position:relative;margin-right:10px}
.chinh-sach-ft a:after{content:'';position:absolute;width:9px ;height:9px;background:#fff;left:0px;top:5px;border-radius:50%}

.form_lh button:hover{background: #555 !important}

.box-id .owl-theme .owl-nav, .duan-lienquan .owl-theme .owl-nav, .box-news-bot .owl-theme .owl-nav{    width: 125px !important;
    top: -50px !important;
    right: 0px !important;
    left: auto !important;}

  .bg-ykkh .owl-theme .owl-nav{    width: 125px !important;
    bottom: 20px !important;
    right: 0px !important;
    left: auto !important;}

   /*#load_this{opacity:0}*/

#logo-company{
     background: #fff;
    position: fixed;
    z-index: 999;
    height: 100vh;
    width: 100%;
    line-height: 100vh;
    top: 0px;
    text-align: center;
    left: 0px;
    opacity: 1;transition: all ease 0.5s;z-index: 99
    }
.hide-logo{ background: transparent;opacity: 0 !important;transition: all ease 0.5s;z-index: -1 !important}

.name-baiviet p:nth-child(1){color: #fff;  font-family: sfu_light;font-size: 13px}

.tab_nhaban {
  margin-top: 10px;
  margin-bottom: 20px;text-align: left
  }.tab_nhaban ul {
    margin-bottom: -12px;
    }.tab_nhaban ul .active {
      background-color: #d9d9d9;
    }
    .tab_nhaban ul li {
      display: inline-block;
      padding: 10px 15px;
      margin-right: 6px;
      background-color: #fff;
      margin-top: 5px;
      cursor: pointer;
      }.tab_nhaban ul li a {
            font-size: 14px;
    text-transform: uppercase;
    color: #000;
      }
      .show_duan{    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

    .box-dathang a{    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Arial;
    font-size: 20px;}
    

   .md-modal#menuPopup {
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
}
.md-effect.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-show {
    visibility: visible !important;
}
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 100%;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#menuPopup .md-content {
    background: #fff;height: 100%
}

.md-show.md-effect .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}
.md-effect .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-content {
    color: #fff;
    background: #000;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}

.md-close{border: 1px solid #555;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    float: right;
    margin: 10px;color:#000;}



#menuPopup .menu_head a{      font-family: "Avenir Next";
    font-size: 13px;
    color: #000 !important;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;}
#menuPopup .menu_head a:hover{color:#fff}
#menuPopup .menu_head{background: #fff;cursor:pointer;position:relative;line-height:25px;font-size:12px;margin:0;font-family:Arial;text-align: center}

#menuPopup .menu_head a.active,{color:#000}
#menuPopup .menu_head span:after{content:'+';position:absolute;font-family:FontAwesome;color:#000;left:10px;font-size:20px;text-align:center;width:22px;top:2px}
#menuPopup .menu_head span{  position: absolute;
    width: 40px;
    display: inline-block;
    float: right;
    height: 100%;
    top: 0px;
    right: 0px;
    background: #fff url(../images/sp/icct.png) no-repeat center center;
    transform: rotate(90deg);}
#menuPopup .menu_head a:hover{color:#fff}
#menuPopup .menu_body{    display: none;
    /*padding: 0px 10px 0px 40px;*/
    background: #f2f2f2;}
#menuPopup .menu_body a:hover{color:#f00!important}
#menuPopup .menu_body a{display: block;
    color: #000;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;}
#menuPopup .menu_body a:hover,.menu_body a.active{color:#000;text-decoration:underline}
 .box_search {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    float: right;
}
