/* ============== Reset =========== */
body { padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6,p { margin: 0px; font-weight: normal; }
strong { font-weight: normal; }
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a { text-decoration: none; outline: none; }
.clear {clear: both;}
.clearfix::after { content: ""; clear: both; display: block; }
header, section, footer { position: relative; width: 1349px; margin:0 auto; }
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

/* ============ CSS Title ============ */
h3.title_other { font-family: 'UTM AvoBold'; font-size: 18px; text-transform: uppercase; color: #333; position: relative; margin-top: 28px; margin-bottom: 20px; }
h3.title_other:before { position: absolute; content: ''; width: 50px; height: 1px; background: #c79600; left: 0px; bottom: -1px; }
span.title_item_other { font-family: 'OpenSansLight'; font-size: 16px; color: #333; }
h3.title_update { font-family: 'UTM AvoBold'; font-size: 18px; text-transform: uppercase; color: #f00; text-align: center; margin: 10px 0px; }
h3.title_baiviet { font-family: 'SFUFuturaBold'; font-size: 26px; color: #000; padding: 10px 0px 5px 0px; border-bottom: 1px solid #ccc; position: relative; }
h3.title_baiviet:before { position: absolute; content: ''; width: 50px; height: 1px; background: #c79600; left: 0px; bottom: -1px; }

/* ============= CSS Default =========== */
.content12 { width: 100%; max-width: 1200px; margin: auto; position: relative; }
.padding10 { padding: 10px 0px; }
.padding20 { padding: 20px 0px; }
.padding50 { padding: 50px 0px; }

/* ============== CSS Header ============= */
div.w_header { padding: 20px 0px; }
a.logo_top { width: 144px; margin-right: 120px; margin-top: 25px; float: left; }
div.w_hdright { width: 290px; float: right; }
span.email_header { display: block; position: absolute; right: 0px; bottom: 0px; font-family: 'Roboto-Bold'; font-size: 18px; color: #d70000; background: url('../images/icon2.png') no-repeat left center; padding-left: 25px; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
span.hl_header { display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); padding-left: 35px; padding-bottom: 22px; background: url('../images/icon1.png') no-repeat left bottom; font-family: 'UTM-HelvetIns'; font-size: 23px; color: #fe0000; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
div#flags select { width: 195px; padding: 10px 0px; padding-left: 10px; background: #fff url('../images/vi.png') no-repeat 88% center; font-size: 15px; color: #000; font-family: 'Roboto-Bold'; border-radius: 20px; border: 1px solid #D3AF2D; outline: none; }

/* ============== CSS Menu ============= */
div.w_menu { width: 100%; background: #278100; }
form#frmSearch { position: absolute; right: 15px; top: 4px; width: auto; z-index: 99; }
form#frmSearch input { outline: none; border: none; transition: all .55s ease; }
input#txtSearch { width: 0px; height: 40px; float: left; opacity: 0; padding-left: 10px; box-sizing: border-box; }
input#btnSearch { width: 40px; height: 40px; float: left; background: #DBDBDB url('../images/icon3.png') no-repeat center; cursor: pointer; border-radius: 5px; }
form#frmSearch:hover input#txtSearch { width: 250px; opacity: 1; }

/* ============= CSS Trang Trong ============= */
div.content_left { width: 220px; float: left; }
div.content_right { width: 960px; float: right; }
ul.m_danhmuc li a { display: block; font-family: 'OpenSansRegular'; font-size: 15px; color: #333; padding: 5px 0px; }
ul.m_danhmuc li ul { margin-left: 20px; }
div.item_shop_product { width: 293px; float: left; margin-right: 40px; margin-bottom: 30px; }
div.item_shop_product:nth-child(3n) { margin-right: 0px; }
div.item_shop_product:nth-child(3n+1) { clear: both; }
div.item_shop_product a.img { border: 1px solid #cccccc; background: #fff; }
div.item_shop_product h3 a { display: block; font-family: 'OpenSansBold'; font-size: 16px; color: #000; text-align: center; text-transform: uppercase; padding-top: 15px; }
div.item_shop_product span { display: block; font-family: 'OpenSansBold'; font-size: 16px; color: #f00; text-align: center;  padding-top: 5px; }


/* ============== CSS Index ============== */
h3.title_web { font-family: 'RobotoCondensed-Bold'; font-size: 30px; color: #b98f0a; text-align: center; text-transform: uppercase; padding-bottom: 10px; background: url('../images/icon13.png') no-repeat bottom center; margin-bottom: 20px; margin-top: 40px; }
div.item_product { width: 280px; float: left; margin-right: 26px; margin-bottom: 30px; }
div.item_product:nth-child(4n) { margin-right: 0px; }
div.item_product:nth-child(4n+1) { clear: both; }
div.item_product a.img { border: 1px solid #dbdbdb; }
div.item_product h3 a { display: block; font-family: 'RobotoCondensed-Regular'; font-size: 17px; color: #282828; text-align: center; margin: 3px 5px; }
div.item_product span { display: block; float: left; font-family: 'RobotoCondensed-Regular'; font-size: 16px; color: #919191; }
div.item_product span strong { font-family: 'RobotoCondensed-Bold'; font-size: 16px; color: #db0000; }
a.chitiet { display: block; float: right; padding: 2px 5px; background: #b98f0a; font-family: 'RobotoCondensed-Regular'; font-size: 13px; color: #fff; border-radius: 5px; }

div.w_qc { position: relative; margin: 20px 0px 50px 0px; }
div.w_qc img { max-width: 100%; }
div.w_qc h3 { position: absolute; left: 205px; top: 105px; font-family: 'SFUJamaicaRegular'; font-size: 35px; color: #ff0000; text-transform: uppercase; text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff; }
div.w_qc marquee { position: absolute; left: 250px; top: 170px; width: 500px; font-family: 'SFUFreewayBlack'; font-size: 30px; color: #272727; text-transform: uppercase; }
div.w_qc strong { display: block; position: absolute; left: 600px; top: 255px; font-family: 'SFUFreewayLight'; font-size: 19px; color: #272727; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff; }
div.w_qc strong b { font-family: 'SFUFreewayBlack'; font-size: 30px; color: #ff0000; }

/* ============= CSS Bottom =============== */
div.w_bottom { padding: 50px 0px 60px 0px; background: url('../images/bg.png') no-repeat; }
h3.title_bottom { font-family: 'RobotoCondensed-Bold'; font-size: 23px; color: #b98f0a; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #c9c9c9; margin-bottom: 20px; padding-left: 15px; position: relative; }
h3.title_bottom:before { position: absolute; content: ''; width: 5px; height: 20px; background: #ff0000; left: 0px; top: 5px; }
h3.title_bottom:after { position: absolute; content: ''; width: 170px; height: 5px; background: #fff; left: 0px; bottom: 0px; }
div.w_video { width: 380px; float: left; margin-right: 30px; }
div.w_tintuc { width: 380px; float: left; }
div.w_fanpage { width: 380px; float: right; }
div.w_iframe { width: 100%; height: 300px; margin-bottom: 15px; }
div.w_iframe iframe { width: 100%; height: 100%; outline: none; border: none; }
div.slick_video { margin: 0px -10px; }
a.img_video { width: 112px; height: 88px; margin: auto; }

div.w_item_tintuc a.img { width: 115px; float: left; }
div.w_item_tintuc h3 { width: calc(100% - 125px); float: right; }
div.w_item_tintuc h3 a { font-family: 'Roboto-Regular'; font-size: 15px; color: #2e2e2e; }
div.w_item_tintuc span { display: block; width: calc(100% - 125px); float: right; font-family: 'Roboto-Regular'; font-size: 13px; color: #656564; }

/* ============== CSS Footer =============== */
div.w_bando { position: relative; }
div.w_nhantin { position: absolute; width: 425px; padding: 20px 30px 30px 30px; right: 75px; top: 55px; z-index: 99999; background: rgba(0,0,0,0.4); }
div.w_nhantin h3 { font-family: 'Roboto-Bold'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
form.dangkymail label { display: block; font-family: 'Roboto-Regular'; font-size: 14px; color: #fff; }
form.dangkymail label:nth-child(1) { margin-bottom: 5px; }
form.dangkymail label:nth-child(2) { width: 48%; float: left; }
form.dangkymail label:nth-child(3) { width: 48%; float: right; }
#txthoten { width: 100%; height: 40px; background: #fff; padding-left: 10px; border: none; outline: none; }
#txtemail { width: 100%; height: 40px; background: #fff; padding-left: 10px; border: none; outline: none; }
#txtsdt { width: 100%; height: 40px; background: #fff; padding-left: 10px; border: none; outline: none; }
#txtnoidung { width: 75%; float: left; outline: none; border: none; margin-top: 10px; padding-left: 10px; }
#txtnoidung::placeholder { font-family: Arial; font-size: 13px; }
#btndangky { width: 20%; float: right; border: none; background: #b98f0a; outline: none; cursor: pointer; margin-top: 10px; font-family: 'Roboto-Bold'; font-size: 17px; color: #fff; text-transform: uppercase; padding: 7px 0px; text-align: center; }


div.w_thongke span { display: block; float: left; width: 72%; font-family: 'RobotoMedium'; font-size: 17px; color: #282828; padding-left: 25px; }
div.w_thongke strong { display: block; float: left; width: 28%; font-family: 'RobotoMedium'; font-size: 17px; color: #282828; }
div.w_thongke div { margin-bottom: 7px; }
div.w_thongke div:nth-child(1) span { background: url('../images/icon9.png') no-repeat left center; }
div.w_thongke div:nth-child(2) span { background: url('../images/icon10.png') no-repeat left center; }
div.w_thongke div:nth-child(3) span { background: url('../images/icon11.png') no-repeat left center; }
div.w_thongke div:nth-child(4) span { background: url('../images/icon12.png') no-repeat left center; }

div.w_ft { padding: 40px 0px; border-top: 10px solid #b08705; }
a.logo_ft { width: 160px; float: left; }
div.ft_left { width: 550px; float: left; padding-right: 10px; }
div.ft_mid { width: 270px; float: left; }
div.ft_right { width: 215px; float: right; }
h3.title_ft { font-family: 'RobotoCondensed-Bold'; font-size: 18px; color: #816200; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 15px; position: relative; }
h3.title_ft:after { position: absolute; content: ''; width: 45px; height: 1px; background: #816200; left: 0px; bottom: 0px; }
h3.name_company { font-family: 'RobotoCondensed-Bold'; font-size: 30px; color: #836401; text-transform: uppercase; margin-bottom: 15px; }
p.com_info { font-family: 'RobotoMedium'; font-size: 17px; color: #282828; line-height: 25px; padding-left: 20px; margin: 10px 0px; font-weight: normal; }
p.com_info:nth-child(2) { background: url('../images/icon5.png') no-repeat left center; }
p.com_info:nth-child(3) { background: url('../images/icon6.png') no-repeat left center; }
p.com_info:nth-child(4) { background: url('../images/icon7.png') no-repeat left center; }
p.com_info:nth-child(5) { background: url('../images/icon8.png') no-repeat left center; }
span.w_copyright { display: block; padding: 15px 0px; background: #9f7900; font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; text-align: center; }
div.lkweb { float: left; margin-top: 15px; }
div.lkweb span { margin: 0px 1px; }
div.ft_mid a { display: block; font-family: 'RobotoMedium'; font-size: 17px; color: #282828; margin-bottom: 7px; }

/* ============ CSS Lien he ============= */
div.form_contact { margin-bottom: 10px; }
div.khung_trai { width: 50%; float: left; padding-right: 10px; box-sizing: border-box; }
div.contact_info { border: 5px solid #DCDBD6; padding: 80px 20px 30px 20px; box-sizing: border-box; position: relative; margin-top: 100px; }
span.title_contact_info { font-family: 'UTM AvoBold'; font-size: 80px; color: #019694; text-transform: uppercase; position: absolute; left: -40px; top: -65px; z-index: 99; background: #fff; }
h3.title_contact { font-family: 'UTM Avo'; font-size: 25px; color: #333; border-bottom: 1px solid #fff; position: relative; margin-bottom: 10px; }
h3.title_contact:before { position: absolute; content: ''; width: 100px; height: 1px; background: #f00; left: 0px; bottom: -1px; }
div.khung_phai { border: 5px solid #DCDBD6; width: 50%; float: left; padding-left: 10px; box-sizing: border-box; position: relative; padding: 30px 20px 20px 20px; }

/* ============ CSS About ============ */
h3.title_about { font-family: 'Roboto-Bold'; font-size: 25px; color: #074784; text-transform: uppercase; margin: 20px 0px 10px 0px; }
p.ngaydang { font-family: 'OpenSansRegular'; font-size: 15px; color: #333; margin-bottom: 5px; }

/* ============ CSS News_tpl ================ */
div.item_bds_news { width: 49%; margin-right: 2%; margin-bottom: 15px; float: left; }
div.item_bds_news:nth-child(2n) { margin-right: 0px; }
div.item_bds_news:nth-child(2n+1) { clear: both; }
div.img_bds { width: 30%; float: left; }
div.img_bds img { width: 100%; max-width: 100%; display: block; }
div.info_bds { width: 70%; float: left; padding-left: 20px; box-sizing: border-box; position: relative; height: 100%; }
h3.name_bds { font-family: 'UTM Avo'; font-size: 18px; color: #008802; margin-bottom: 10px; }
h3.name_bds:hover { color: #ff7800; }
p.des_bds { font-family: 'Roboto-Regular'; font-size: 14px; color: #5d5d5d; text-align: justify; line-height: 2; }
h1.tieude{ font-family: 'UTM Avo'; font-size: 25px; }
a.xemthem_bds { font-family: 'UTM Avo'; font-size: 13px; color: #007053; font-style: italic; float: right; text-decoration: underline; }
a.xemthem_bds:hover { color: #ff7800; }

div.other_news ul { margin-left: 10px; }
div.other_news ul li i { margin-right: 5px; }
div.other_news ul li a { font-family: 'UTM Avo'; font-size: 13px; color: #007053; line-height: 2; }
div.other_news ul li a:hover { font-style: italic; text-decoration: underline; }

/* ============= CSS khung tim kiem style 1 ================== */
form#frm_timkiem { width: 205px; height: 23px; float: right; background: #fff; border-radius: 20px; border: 1px solid #ffc600; margin-top: 9px; margin-right: 40px; }
input#txtsearch { float: left; width: 82%; height: 23px; box-sizing: border-box; outline: none; border: none; font-family: 'Arial'; font-size: 15px; color: #000; background: none; padding-left: 10px; }
input#txtsearch::placeholder { font-family: 'Arial'; font-size: 12px; color: #ababab; }
input#btnsearch { float: left; width: 18%; height: 23px; outline: none; border: none; cursor: pointer; background: url('../images/icon_search.png') no-repeat center; }

/* ============= CSS khung tim kiem style 2 ================== */
/* form#frm_timkiem { position: absolute; right: 0px; top: 5px; width: auto; z-index: 99; }
form#frm_timkiem input { outline: none; border: none; transition: all .55s ease; }
input#txtsearch { width: 0px; height: 40px; float: left; opacity: 0; padding-left: 10px; box-sizing: border-box; }
input#btnsearch { width: 40px; height: 40px; float: left; background: url('../images/icon_search.png') no-repeat center; cursor: pointer; }
form#frm_timkiem:hover input#txtsearch { width: 250px; opacity: 1; }
form#frm_timkiem:hover input#btnsearch { transform: rotate(70deg); } */

/* CSS Video */
.box_video{margin:0px auto;padding:5px;box-sizing:border-box; width: 230px; float: left;}
.box_video img{ max-width: 100%;}
.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{ opacity: 0.8;}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_vid{width:70%;float: left;}
.box_vid iframe{height:300px;}
.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}
.other_vid{width:28%;float: right;}
.title_other{color:#d5aa16;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.luotxem{ font-style: italic; color: #666; font-size: 12px; }

div#map-footer { width: 100%; height: 400px; }
div#map-contact { width: 100%; height: 620px; }
div#map-footer iframe, div#map-contact iframe { width: 100%!important; height: 100%!important; border: none!important; }