@charset "utf-8";
::-webkit-scrollbar { background: #fff; width: 10px; height: 11px }
::-webkit-scrollbar-thumb { background: #BBBBBB }
* { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
html, body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; text-rendering: optimizeLegibility; letter-spacing: 0.6px }
h1, h2, h3, h4, h5, h6, p, span, a { margin: 0px; font-weight: normal }
ul, ol { list-style: none; margin: 0px; padding: 0px; list-style-type: none }
a, a:focus { text-decoration: none; outline: none }
a:focus { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
a:hover { text-decoration: none }
.breadcrumb { display: none !important }
div.breadcrumb { font-family: 'SFUFuturaBook'; background-color: #fff; padding: 0; padding: 10px 0px; position: relative; border-radius: 0px; color: #000; border: 1px solid #e2e2e2 }
#inner { padding-left: 10px; margin-bottom: 0px }
#inner li:nth-last-child(1) span { display: none }
#inner li { display: inline-block; float: left; list-style: none }
#inner a { padding: 0px 10px }
div.breadcrumb a { color: #000 }
div.breadcrumb a:hover { color: #2486c5 }
.fixmenu { position: fixed !important; top: 0px !important; left: 0px !important; margin: auto !important; width: 100% !important; z-index: 99 !important }
.fixmenu {height: 101px !important;line-height: 31px !important;background: rgba(255, 255, 255, 0.9);border-bottom: 2px solid #ccc;}
.noidung_ta { padding: 10px }
.clear { clear: both }
.visit_hidden { display: none }
.margin-auto { max-width: 1200px; margin: 0 auto; width: 97% }
.red { color: #FB0000 }
.div_css { margin: 0px -15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap }
#info { margin-top: 0px }
#content { margin: 0px 0px 0px 0px; border-top: 0px }
#container { margin: auto; overflow: hidden }
#sanpham { padding-bottom: 15px; min-height: 570px }
#main { width: 100% }
#wrap_noidung { background: #fff; padding-top: 20px }
.wraper_trangtrong { position: relative; margin-bottom: 10px }
.wraper_trangtrong img { max-width: 100%; height: auto }
.transition { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s }
.zit { z-index: 9999 !important }
.zib { z-index: 0 }
.i-map-at { background: #0097c9 !important; color: #FFF }
.map { width: 100%; height: 500px; box-sizing: border-box }
.box-map { position: relative; height: 500px }
.map { position: absolute }
.i-map { padding: 5px 10px; background: #F5F5F5; cursor: pointer }
.hidden_img {z-index: 9;width: 100%;overflow: hidden;transform: translateZ(0);position: relative;height: 100%;padding: 7px;border: 1px solid #394239;}
.zoom img { border: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s; width: 100% }
.zoom:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) }
.hv_light2 { overflow: hidden; position: relative }
.hv_light2:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out }
.hv_light2:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out }
.hv_light2:hover:before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5) }
.hv_light2:hover:after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5) }

.hidden_img_sp , .hid_img {
    overflow: hidden;
}

.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.scale{overflow: hidden;}
.scale img {max-width: 100%; transition: all 0.6s; }
.scale:hover img {transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.button-hover{-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 3; position: relative; }
.button-hover:before {background:var(--color-r); bottom: 0; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 0; z-index: -1; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border-radius: 0 2px 2px 0; }
.button-hover:hover:before {width: 100%; }

.hid_img { overflow: hidden; }




.loadingcover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .75); z-index: 999 }
.loadingcover .csslder { top: 50% }
@-webkit-keyframes fx {
	50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
	100% { opacity: 0 }
}
@keyframes fx {
	50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
	100% { opacity: 0 }
}
.csslder { display: block; text-align: center; height: 20px; position: relative; clear: both }
.csslder .csswrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.cssdot { width: 10px; height: 10px; border: 1px solid #288ad6; background: #288ad6; border-radius: 50%; float: left; margin: 0 5px; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: fx 1000ms ease infinite 0ms; animation: fx 1000ms ease infinite 0ms }
.cssdot:nth-child(2) { -webkit-animation: fx 1000ms ease infinite 300ms; animation: fx 1000ms ease infinite 300ms }
.cssdot:nth-child(3) { -webkit-animation: fx 1000ms ease infinite 600ms; animation: fx 1000ms ease infinite 600ms }
.skew img { overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease }
.skew img:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
.qc_1 img { width: 100% }
.qc_1 { margin-bottom: 40px; text-align: center; position: relative }
.desc_qc { position: absolute; top: 50%; left: 0px; right: 0px; margin: auto; text-align: center; transform: translateY(-50%) }
.desc_qc span:nth-child(1) { font-family: 'OpenSansBold'; font-size: 15px; color: #48ff4b; text-transform: uppercase; display: block; line-height: 2 }
.desc_qc span:nth-child(2) { margin-bottom: 10px; font-family: 'OpenSansBold'; font-size: 29px; color: #ffffff; text-transform: uppercase; display: block; line-height: 2 }
.desc_qc span:nth-child(3) { font-family: 'OpenSansBold'; font-size: 15px; color: #fff; text-transform: uppercase; display: inline-block; border-radius: 25px; padding: 13px 45px; background: #2caa2f }
.desc_qc span:nth-child(3):hover { background: #048007 }
.thanh_title { margin-bottom: 30px; text-align: center }
.thanh_title h3 { margin-bottom: 20px; position: relative; font-family: 'OpenSansExtraBold'; font-size: 25px; color: #228724; display: inline-block; line-height: 1; padding: 0px 30px; text-transform: uppercase }
.thanh_title h3:before { content: ""; position: absolute; left: -53px; top: 50%; width: 53px; height: 4px; background: url(images/bg_tit.png); transform: translateY(-50%) }
.thanh_title h3:after { content: ""; position: absolute; right: -53px; top: 50%; width: 53px; height: 4px; background: url(images/bg_tit.png); transform: translateY(-50%) }
#slider { }
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn { position: absolute; cursor: pointer; display: block; overflow: hidden }
.jssora20l, .jssora20r { width: 55px; height: 55px; top: 50%; transform: translate(0, -50%) }
.jssora20l { left: 8px }
.jssora20r { right: 8px }
div#menu_mobi { display: none }
div#menu {position: relative;height: 113px;line-height: 31px;margin: auto;box-shadow: 1px 3px 5px #ccc;}
div#menu ul { list-style: none; float: left; position: relative; top: 40px }
div#menu ul li { float: left; position: relative; z-index: 9999999; padding: 0px 0px }
div#menu ul li a { color: #424242; font-size: 14px; padding: 0px 13px; text-transform: uppercase; display: block; font-family: 'OpenSansBold' }
div#menu div ul li:after { content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 0px }
div#menu div ul li:nth-last-child(1):after { display: none }
div#menu ul li a:hover, div#menu ul li a.active, div#menu ul li a.active2 { color: #fff; background: #67a947; border-radius: 15px }
div#menu>div>ul>li>a:hover, div#menu>div>ul>li>a.active, div#menu>div>ul>li>a.active2 { }
div#menu ul li a:hover span, div#menu ul li a.active span, div#menu ul li a.active2 span { }
div#menu ul li ul, div#menu ul li:hover ul li ul { position: absolute; margin-left: 0px; display: none }
div#menu ul li:hover ul { display: block; top: 30px;}

div#menu ul li ul li { width: 220px; line-height: 1.5; background: #67a947; border-bottom: 1px solid #fff ; border-radius: 25px}
div#menu ul li ul li a { padding: 6px 10px; text-transform: none }
div#menu ul li ul li a:hover { color: #fff; border-radius: inherit }
div#menu ul li ul li a{ color: #fff}
div#menu ul li ul li ul { left: 220px; top: 0px }
#left { width: 275px; float: left }
#right { float: right; width: 888px }
div.khung_danhmuc { margin-bottom: 15px }
div#danhmuc { border-left: none; border-right: none; padding: 0px 0px }
div#danhmuc ul li { position: relative; background: url(images/bg_li_dm.jpg) repeat }
div#danhmuc>ul>li:last-child>a { border: none }
div#danhmuc ul li ul { position: absolute; left: 100%; width: 100%; top: 0px; display: none; z-index: 999999; background: #fff }
div#danhmuc ul li a { padding: 10px 10px 10px 35px; color: #7f7f7f; font-family: 'RobotoRegular'; font-size: 15px; display: block; position: relative }
div#danhmuc ul li a:hover { color: red }
div#danhmuc ul li a:before { position: absolute; left: 23px; top: 15px; content: ""; width: 4px; height: 7px; background: url(images/bf_li.png) no-repeat }
div#danhmuc ul li ul li a { padding: 9px 5px 9px 22px }
div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before { display: none }
div#danhmuc ul li ul li:nth-last-child(1) a { border-bottom: none }
.khung_danhmuc .thanh { position: relative; font-family: 'UTMAvo'; font-size: 17px; color: #fff; text-transform: uppercase; background: #17a400; padding: 12px 15px; line-height: 1 }
.khung_danhmuc .thanh:before { content: ""; background: url(images/bf_danhmuc.jpg) no-repeat; width: 41px; height: 35px; position: absolute; top: 3px; left: 4px }
.khung_danhmuc .thanh p { padding-left: 20px }
#timkiem { border-radius: 20px; overflow: hidden; width: 219px; float: right; background-color: #fff; height: 34px; margin-top: 3px; position: relative; border: 1px solid #e6ebed; border-right: none; padding-right: 15px; position: relative; top: 33px }
#timkiem select { border: 0px; width: 100px }
#timkiem input { font-family: 'OpenSansRegular'; font-size: 13px; float: left; width: calc(100% - 40px); height: 34px; outline: none; border: none; background-color: #fff; font-size: 14px; color: #000; padding-left: 20px }
#timkiem button { float: right; width: 40px; height: 34px; outline: none; border: none; background: url(images/search.png) center no-repeat }
#timkiem input::-webkit-input-placeholder { color: #ababab; font-size: 12px }
#timkiem input:-moz-placeholder { color: #ababab; font-size: 12px }
#timkiem input::-moz-placeholder { color: #ababab; font-size: 12px }
#timkiem input:-ms-input-placeholder { color: #ababab; font-size: 12px }
#search_mobi input::-webkit-input-placeholder { color: #fff; font-size: 13px }
#search_mobi input:-moz-placeholder { color: #fff; font-size: 13px }
#search_mobi input::-moz-placeholder { color: #fff; font-size: 13px }
#timsearch_mobikiem input:-ms-input-placeholder { color: #fff; font-size: 13px }
#header { }
.wrap_banner { padding: 10px 0px 10px 0px }
.logo { float: left; margin: 0px 15px 0px 0px; width: 14% }
.banner { float: left; margin-top: 0px; width: 600px; text-align: center }
.hotline_nn { float: right; text-align: right; margin-top: 25px }
.hotline { float: left; width: 34%; margin-right: 8px; font-family: 'OpenSansRegular'; font-size: 13px; display: inline-flex }
.lienket { margin: 0px 7px 0px 0px; padding-top: 0px; position: relative }
.lienket label { float: left; font-weight: bold; color: #fff; margin: 3px 10px 0px 0px }
.lienket p { float: left; font-size: 14px; font-family: "RobotoCondensedRegular"; color: #000000; margin-right: 37px; padding-top: 8px }
.lienket p:nth-child(2) { margin-right: 20px }
.lienket a { padding: 0px 8px 0px 5px; float: left; color: #fff; border-right: 2px solid #76b25a }
.lienket h4 { float: left; font-size: 13px; color: #fff; font-weight: normal; margin-right: 19px; padding-top: 8px; font-family: "RobotoRegular" }
.lienket img:hover { opacity: 0.7 }
.chitiet_sanpham { margin-bottom: 10px }
.imgsp { float: left; width: 40%; margin-bottom: 20px; text-align: center }
.custom-container { width: 100%; float: right }
.custom-container .prev, .custom-container .netxt { float: left }
.custom-container .next, .custom-container .prev { font-size: 20px }
.custom-container .next:hover, .custom-container .prev:hover { color: red }
.main_img_detail { padding-top: 15px }
.box_des_detail { padding: 0px 5px; width: 57%; float: right }
.item_des_detail { padding: 5px 0px; font-family: 'SFUEurostileCondensed'; font-size: 17px; color: black; border-bottom: 1px solid #eee }
.item_des_detail i { color: #ff0000; font-style: normal }
.ten_detail { font-size: 20px; text-transform: uppercase; font-family: 'RobotoBold' }
.w_chiase { background: #e2e2e2e2; padding: 12px 10px 0px 10px }
.app-figure { margin-top: 10px }
.anh_daidien { width: 100%; text-align: center }
.MagicZoom img { max-width: 100% !important; position: relative }
.selectors { margin-top: 10px }
.selectors .mz-thumb img { max-width: 56px }
.img_item { width: 100% !important }
.item_sub_img { margin-right: 5px }
.des-soluong { margin-bottom: 10px }
.item_des_detail .qty { display: block; float: none; margin-bottom: 5px; text-align: left; text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: 'RobotoBold' }
.item_des_detail button { outline: none; background-color: #f5f5f5; border: 1px #eaeaea solid; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; color: #333; font-size: 15px; padding: 10px 12px; font-weight: bold; cursor: pointer; float: left }
.item_des_detail button:nth-of-type(2) { padding: 10px 12px }
.item_des_detail button:hover { color: #fff; background: #04a71f }
.item_des_detail input { padding: 0 5px 1px; height: 37px; border: 1px #ddd solid; text-align: center; margin: 0px 5px; width: 80px; color: #333; text-align: center; float: left }
#hinhcon_mo { margin-top: 10px }
.chayhinhcon { margin: 0px -5px }
.item_sub_img { padding: 0px 5px }
.product-qty .cart button { padding: 10px 12px; line-height: 1; float: left; margin-left: 5px }
.product-qty .show { margin-bottom: 5px }
.item_album { margin-bottom: 15px }
.img_album img { width: 100% }
.ten_album { padding: 10px 10px; font-family: 'OpenSansBold'; font-size: 15px }
.ten_album h3 { font-size: 16px; color: #424242; text-align: center; font-family: 'OpenSansBold' }
.tieude_album_detail { font-family: 'UTMAvoBold'; font-size: 20px; color: #9e9e9e; text-transform: uppercase }
.item_album_detail {margin-bottom: 30px;}
.noidung_album { margin: 20px 0px }
.thanh_contact { line-height: 1.8; position: relative; margin-bottom: 15px; color: #333; font-family: 'RobotoBold'; font-size: 20px; text-transform: uppercase }
.thanh_contact:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background: #0078de }
.left_contact { margin-left: 0px; color: #000 }
.right_contact { margin-top: 20px }
.form_contact { float: left; width: 49% }
.form_lh { float: right; width: 49% }
.form_lh .left_input { float: left; width: 48.5% }
.form_lh .right_input { float: right; width: 48.5% }
.form_lh input { font-family: 'RobotoBold'; font-size: 13px; color: #595959; float: left; width: 100%; height: 40px; border: none; border-bottom: 1px solid #ced4da; outline: none; background: transparent }
.form_lh textarea { font-family: 'RobotoBold'; font-size: 13px; color: #595959; float: left; width: 100%; border: none; border-bottom: 1px solid #ced4da; outline: none; background: transparent; margin: 10px 0px 10px 0px; resize: none }
.textarea_noidung { float: left; width: 100% }
.form_lh input:focus, .form_lh textarea:focus { box-shadow: 0 2px #0078de; border-bottom: 1px solid #0078de }
.form_lh input:focus::placeholder, .form_lh textarea:focus::placeholder { color: #0078de }
.w_recap, .w_submit { display: inline-block; width: 100%; clear: both }
.btn_send_lienhe { color: #fff; background: #e5e5e5; border: none; float: left; clear: both; padding: 5px 20px; font-family: 'RobotoBold'; font-size: 13px }
.btn-disabled { cursor: not-allowed; pointer-events: none; background: #ccc !important }
.enable_buttom { cursor: pointer; background: #007bff !important; border-color: #007bff }
.w_bando_lh { height: 400px; overflow: hidden; margin-top: 30px }
.w_bando_lh iframe { width: 100%; height: 400px }
.content_clip_index { float: left; width: 100%; border-top: none }
.box_video_index { float: left; width: 100%margin-bottom:2px }
#chon_video { margin-top: 5px; outline: none; width: 100%; height: 33px; border: 1px solid #ccc; background: #fff; font-size: 13px; color: #000; font-family: "RobotoRegular"; padding-left: 10px }
.box_video { margin-bottom: 15px }
.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: 500px }
.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: #003466; 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 }
.box_video .luotxem { font-style: italic; color: #666; font-size: 12px }
.box_new { margin-bottom: 15px }
.flex_boxnew { display: flex; align-items: center; justify-content: space-between }
.img_boxnew { width: 250px }
.info_boxnew { width: calc(100% - 260px) }
.info_boxnew h3 { font-family: 'UTMAvoBold'; font-size: 14px; color: #2e2e2e; line-height: 1.5; margin-bottom: 5px }
.info_boxnew h3:hover { color: #ff0000 }
.info_boxnew p { font-family: 'RobotoRegular', sans-serif; font-size: 13.5px; color: #2a2a2a; line-height: 23px; text-align: justify }
.baiviet_khac { width: calc(100% - 110px); font-family: 'RobotoCondensedBold'; font-size: 14px; line-height: 1.3 }
.xemtintrong { font-family: 'RobotoBold'; font-size: 13px; color: #ff0000 }
.ten_cty { font-family: 'UTMAlbertaHeavy'; font-size: 25px; color: #fff200; text-transform: uppercase; margin-bottom: 20px; line-height: 1 }
.content_ft { font-family: 'OpenSansRegular'; color: #fff; display: flex; justify-content: space-between }
.cot1_ft { float: left; width: 44%; color: #fff }
.cot2_ft { float: left; width: 19%; margin-right: 8px }
.content_cot2 { margin-bottom: 30px }
.w_bando { height: 100%; overflow: hidden }
.w_bando iframe { width: 100%; height: 100% }
.ten_cty { font-family: 'OpenSansBold'; font-size: 18px; color: #67a947; text-transform: uppercase; margin-bottom: 20px; line-height: 1 }
.title_ft { margin-bottom: 15px; position: relative; color: #67a947; font-size: 16px; font-family: 'UTMAvo'; text-transform: uppercase }
.title_ft p { margin-bottom: 0px; font-family: 'OpenSansBold'; font-size: 18px }
.content_ft { padding: 30px 0px }
.cot3_ft { float: right; width: 26% }
.w_bando { height: 200px; overflow: hidden }
.w_bando iframe { width: 100%; height: 100% }
#copyright { background: #67a947; font-family: 'UTMAvo'; font-size: 13px; color: #fff; padding: 5px 0px }
.flex_copy{display: flex;align-items: center;justify-content: space-between;}
.copy_thongke { float: left; font-family: 'OpenSansRegular'; font-size: 14px }
.thong_ke_bot { float: right }
.lienket_ft { float: right; width: 28%;display: flex;justify-content: space-between;align-items: center;}
.icon-footer { float: left; padding-left: 15px }
.lienket_ft a:last-child { margin-right: 0px }
.lienket_ft a { margin: 0px 10px 0px 0px; float: left }
.lienket_ft img { border: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s }
.lienket_ft img:hover { opacity: 0.6 }
a.bv_ft {color: #fff;display: inherit;line-height: 2;}
.tintuc_video { padding: 40px 0px }
.thanh_tintuc { background: url(images/bg_thanhtintuc.png) repeat-x bottom 10px center; margin-bottom: 20px }
.thanh_tintuc h3 { display: inline-block; min-width: 50px; background: #fff; font-family: 'RobotoBold'; font-size: 26px; color: #85590b; text-transform: uppercase; font-weight: normal; padding-right: 10px }
.w_tintuc { float: left; width: 780px }
.cot_new1 { width: 350px; float: left }
.ten_new1 { font-size: 13px; font-family: 'RobotoBold'; font-weight: bold; padding: 12px 0px 0px 0px; line-height: 1.7; text-transform: uppercase; margin-bottom: 5px }
.ten_new1 a { color: #fff }
.mota_new1 { color: #898c80; font-size: 14px; font-family: 'RobotoRegular'; line-height: 1.7 }
.xemthemnew { float: left; padding: 12px 22px; border: 1px solid #000; background: #fff; color: #000; font-size: 13px; font-family: 'RobotoRegular'; margin-top: 20px }
.xemthemnew:hover { color: #ff0000 }
.item_chay {height: 136px;}
.cot_new2 { float: right; width: 410px }
.img_new2 {margin-bottom: 10px;height:105px;overflow: hidden;}
.img_new2 img {float: left;border: 1px solid #394239;padding: 5px; width:150px;}
.tenmota_new2 { float: right; width: 245px }
.ten_new2 { font-size: 13px; font-family: 'RobotoBold'; 
line-height: 22px; text-transform: uppercase ;
 overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp:1; 
height:25px; display: -webkit-box; -webkit-box-orient: vertical;
}
.ten_new2 a { color: #fff }
.mota_new2 { color: #998789; font-size: 14px; font-family: 'RobotoRegular';
 line-height:22px; margin-top: 8px; text-align: justify; 
 overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp:3; 
height:65px; display: -webkit-box; -webkit-box-orient: vertical;
}
.ten_new1 a:hover, .ten_new2 a:hover { color: #ff0000 }
.img_new2:hover img { opacity: 0.8 }
.w_video { width: 400px; float: right }
.slick_video { margin: 0px -5px }
.video_item { padding: 0px 5px }
.video_item img { width: 100% }
.title_w { text-align: center; padding: 2px 0px 25px 0px }
.title_w p { font-family: 'SVNAnastasia'; color: #60a155; font-size: 40px; padding-bottom: 18px }
.title_w span { font-family: 'OpenSansRegular'; font-size: 14px; color: #fff }
.title_sph { text-align: center; padding: 40px 0px 17px 0px }
.title_sph p { font-family: 'SVNAnastasia'; color: #60a155; font-size: 40px; padding-bottom: 18px }
.title_sph span { font-family: 'OpenSansRegular'; font-size: 16px; color: #424242 }
.title_sp { text-align: center; padding: 2px 0px 17px 0px }
.title_sp p { font-family: 'SVNAnastasia'; color: #60a155; font-size: 40px; padding-bottom: 18px }
.title_sp span { font-family: 'OpenSansRegular'; font-size: 16px; color: #424242 }
.title_g { text-align: center; padding: 2px 0px 25px 0px }
.title_g p { font-family: 'SVNAnastasia'; color: #fff; font-size: 40px; padding-bottom: 18px }
.title_g span { font-family: 'OpenSansRegular'; font-size: 16px; color: #fff }
.left_gt { float: left; width: 49% }
.right_gt { float: right; width: 49%; margin-top: 72px }
.right_gt > p { font-family: 'UTMBeautifulCaps'; font-size: 40px; padding-bottom: 24px }
.right_gt > span { font-family: 'OpenSansBold'; font-size: 30px; margin-left: 21px; text-transform: uppercase; color: #60a155 }
.div_mt { padding: 15px 0px; line-height: 2 }
.them_gt p { font-family: 'OpenSansRegular'; font-size: 16px; color: #fff; padding: 7px 13px }
.them_gt { background: #60a155; display: inline-block; border-radius: 8px }
.gioithieu { margin-bottom: 33px; background: url(images/gttt_03.jpg) no-repeat; background-size: cover }
.pro_img_sp img { width: 100% }
.item_sp { border: 1px solid #ccc; margin: 9px -9px }
.hidden_img_sp img { width: 100% }
.info_sp {width: 100%;text-align: center;padding-bottom: 22px;padding: 13px 4px 22px 4px;}
.spnb { float: left; width: 100%; margin-bottom: 2px; background: #fcfcfc }
.chayspnb { margin: 0px -5px }
.item_spnb { padding: 1px 62px }
.item_spnb img { width: 100% }
.content-spnb { background: #ccc; width: 100%; float: left; padding: 112px 0px; background: url(images/bg_chay_03.jpg) no-repeat; background-size: cover; margin-bottom: 78px }
.logo-spnb { width: 100% }
.margin-spnb { max-width: 1143px; margin: auto }
.chayspnb .slick-prev { position: absolute; top: 35px; left: -30px; width: 30px; height: 57px; background: url(images/muiten_03.png) no-repeat }
.chayspnb .slick-next { position: absolute; top: 36px; right: -38px; width: 30px; height: 38px; background: url(images/phai_03.png) no-repeat }
.item_spnb img {border-radius: 50%;transition: 0.5s;}
.info_nb { text-align: center; color: #fff }
p.ten_snb { font-family: 'OpenSansBold'; font-size: 18px; text-transform: uppercase; padding: 21px 0px 11px 0px }
.img_nb { border: 1px dashed #fff; border-radius: 50%; padding: 11px }
.them_nb { color: #fff; border: 1px solid; display: inline-block; padding: 6px 10px; border-radius: 6px; margin-top: 13px }
.them_nb p { color: #fff }
.title_nhantin span { font-size: 14px; font-family: 'RobotoBold'; color: #000; padding-bottom: 15px }
.dangkymail textarea { padding-top: 15px; padding-left: 15px; width: 20%; float: left; margin-bottom: 10px; border: 1px solid #ccc; background: none; outline: none }
.dangkymail input { padding-left: 9px; margin-bottom: 10px; float: left; height: 43px; outline: none; border: 1px solid #ccc; font-size: 14px; color: #000; background: none }
.dangkymail button { width: 12%; height: 43px; border: #ccc; background-color: #fed700; color: #000; text-transform: uppercase; font-size: 15px; font-family: 'RobotoBold'; border-radius: 25px; outline: none }
.dangkymail button:hover { color: yellow; opacity: 0.8 }
.wrap_nhantin { background: #ed3237; color: #fff; padding: 20px 0px }
input#hotendk { background: #fff; width: 22%; margin-right: 8px; border-radius: 28px }
input#emaildk { background: #fff; width: 22%; margin-right: 7px; border-radius: 25px }
input#noidungdk { background: #fff; width: 28%; margin-right: 5px; border-radius: 25px; color: #000 }
.dangkymail { display: inline-flex; width: 100% }
span.title_nhantin { width: 21%; font-family: 'RobotoBold'; font-size: 20px; background: url(images/muiten_dk_03.png) left -1px center no-repeat; padding: 13px 1px 4px 57px }
.top_l { float: left; width: 31%; font-family: 'OpenSansRegular'; font-size: 14px }
.top_r { float: right; width: 46% }
ul.d_menu { float: left;}
.top_h { background: #67a947; color: #fff; padding: 8px 0px }
.ngonngue { float: right }
.item_spt { float: left; width: 23.5%; border: 1px solid #ccc; margin: 9px 9px }
p.ten_spp {font-size: 15px;color: #424242;font-family: 'OpenSansBold';height: 51px;overflow: hidden;}
p.giaban span { color: #ff0000; font-family: 'OpenSansRegular' }
.sanpham_d { margin-bottom: 46px }
.item_spnbp { float: left; width: 23.5% }
.support-online {
    display: none!important;
}
.text_catchuoi {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.tintuc_1 a.ten {
-webkit-line-clamp: 2;
}
.ten_new { -webkit-line-clamp: 1; }
.mota_new{ -webkit-line-clamp: 5; }
a.bv_ft:hover {
    color: #ccc;
}
.item_spnb img:hover {
    transform: rotate(120deg);
    transition: 0.6s;
}

p.ten_snb:hover {
    color: #ff0;
}

.them_nb:hover {
    background: #fff;
}

.them_nb p:hover {
    color: #67a947;
}

p.ten_spp:hover {
    color: #5b8f44;
}
.box_hover img {
    width: 100%;
}
@media (max-width:1024px) {
	.sdt_xemthem { display: none }
	#menu { display: none !important }
	#menu_mobi { display: block !important }
	.logo { width: 20%; margin: 0 }
	.banner { width: 80%; text-align: center; margin-top: 0 }
	.hotline { display: none }
	.right_gt { width: 42% }
	.item_spt { width: 22.5% !important; float: left }
	.w_tintuc { width: 100% }
	.w_video { width: 100% }
	.cot_new1 { width: 56% }
	.cot1_ft { width: 33% }
	.cot2_ft { width: 30% }
	.cot3_ft { width: 29% }
	.dk_left { width: 49% }
	.dk_right { width: 49% }
	.content_video { width: 73% }
	.khung_bao_video_con { width: 26% }
	.box_gioithieu { font-size: 27px }
}
.khung_bao_video_con { width: 100% }
.w_tintuc { width: 63% }
.cot_new1 { width: 39% }
.cot_new2 {float: right;width: 58%;}
.tenmota_new2 { float: right; width: 58% }
.w_video { width: 35%; text-align: center }
.div_bao_video { width: 100% }
.content_video { width: 100% }
.support-online {
    display: block!important;
}
.ten_new { -webkit-line-clamp: 1; }
.mota_new{ -webkit-line-clamp: 5; }
@media (max-width:966px) { }
@media (max-width:800px) {
	.w_video { width: 100% }
	.w_tintuc { width: 100% }
	.cot_new1 { width: 100% }
	.cot_new2 { width: 100%; }
	.tenmota_new2{width: calc(100% - 175px)}
	.cot_new1{display: none;}
	.flex_copy{flex-direction: column;}
	.wrap_nhantin { display: none; }
	.copy_thongke { float: none; width: 100%; text-align: center }
	.lienket_ft a { float: none !important }
	.icon-footer { float: none !important }
	.lienket_ft { float: none !important; width: 100%; text-align: center !important }
	p.ten_spp { font-size: 13px }
	.right_gt { width: 100% }
	.img_boxnew img {
	    width: 100%;
	}
	.img_boxnew {
	    width: 250px;
	    width: 100%;
	}
	.info_boxnew { width: 100%; padding: 25px 0px}
	.flex_boxnew {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    display: contents;
	}



}
@media (max-width:768px) {
	.item_spt { width: 30.5% !important; float: left }
	.top_r{ width: 55% }
}
@media (max-width:667px) {
	
	.cot1_ft { width: 100% !important; float: none }
	.cot2_ft { width: 100% !important; float: none }
	.cot3_ft { width: 100% !important; float: none }
	.title_sph span { font-family: 'OpenSansRegular'; font-size: 12px; color: #424242 }
	.content_ft { font-family: 'OpenSansRegular'; color: #fff; display: flex; flex-direction: column; justify-content: space-between }
}
@media (max-width:568px) {
	.item_spt { width: 46% !important; float: left }
}
@media (max-width:414px){
	.title_sp p { font-size: 34px }
	.item_spt {
	    width: 44% !important;
	    float: left;
	}
}
@media (max-width:480px) {

	.cot2_ft {
	    margin: 24px 0px;
	}
	.top_l {width: 100%!important}
	.top_r {
	    width: 100%!important;
	}
	.info_boxnew h3 {font-size: 12px}
	.mota_new{ -webkit-line-clamp: 3; }
}
@media (max-width:375px) {
	.item_spt { width: 90% !important; float: left }
	.title_sp p{ font-size: 30px }
	.title_sp span { font-size: 13px }
	.title_g span { font-size: 14px }
	.title_g p { font-size: 38px }
	/*.right_gt p {
	    font-family: 'UTMBeautifulCaps';
	    font-size: 36px;
	}*/
	.right_gt span {
	    font-size: 28px;
	}
	.top_l {width: 100%!important}
	.top_r {
	    width: 100%!important;
	}
}
@media (max-width:321px) {
	.title_sp p {
	    font-size: 25px;
	}
}


.hidden_img_sp.scale {
    height: 300px;
}

.left_gt img {
    max-width: 555px;
}