@charset "utf-8";
:root { --font-main: 'Quicksand', sans-serif; --font-r: 'Noto Sans', sans-serif; --font-f: 'Noto Sans', sans-serif; --color-r: #0062bd; --color-f: #fff; }
::-webkit-scrollbar { background: #fff; width: 10px; height: 11px; }
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-input-placeholder { color: #ccc; font-family: 'GothamNarrowBook'; font-size: 14px; }
:-moz-placeholder { color: #ccc; font-family: 'GothamNarrowBook'; font-size: 14px; }
::-moz-placeholder { color: #ccc; font-family: 'GothamNarrowBook'; font-size: 14px; }
:-ms-input-placeholder { color: #ccc; font-family: 'GothamNarrowBook'; font-size: 14px; }
bo { 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; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }
p { margin: 0px; }
ul, ol { list-style: none; margin: 0px; padding: 0px; list-style-type: none; }
a, a:focus { text-decoration: none; outline: none; color: inherit; }
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; margin-top: 20px; 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; list-style: none }
#inner a { padding: 0px 10px }
div.breadcrumb a { color: #000 }
div.breadcrumb a:hover { color: #2486c5 }
.grecaptcha-badge { visibility: hidden }
.transi06 { -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease }
.fixmenu { position: sticky !important; top: 0px !important; left: 0px !important; margin: auto !important; width: 100% !important; z-index: 99 !important }
.transf { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) }
.noidung_ta { padding: 10px }
.p-relative { position: relative }
.visit_hidden { display: none }
.margin-auto { max-width: 1220px; margin: 0 auto; padding: 0px 10px }
.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 }
.box_rutham { margin: 0px -10px; 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 }
#container { margin: auto }
.wraper_trangtrong { position: relative; margin-bottom: 25px; margin-top: 24px }
.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 }
.hidden_img { z-index: 9; width: 100%; overflow: hidden; transform: translateZ(0); position: relative; height: 100% }
.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) }
.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 { display: block; 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% }
.pa_rp { padding: 0px 15px }
.ma_rp { margin: 0px -15px }
.mgb-40 { margin-bottom: 40px }
.pad-40 { padding: 40px 0px }
.flex { display: flex }

/*==*/
#gotop { cursor: pointer; border-radius: 5px; transition: all 0.6s; position: fixed; z-index: 10; bottom: 55px; width: 45px; height: 45px; text-align: center; background-color: var(--color-r); right: -45px; }
#gotop i.fa { color: white; font-size: 21px; line-height: 40px; }
.fixmenu { animation: slide-down 0.5s; }
@keyframes slide-up {
	0% { opacity: 0; transform: translateY(50%); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 1; transform: translateY(0); }
}

/*==*/
.qc_1 img { width: 100% }
.thanh_title { position: relative; margin-bottom: 20px; margin-top: 24px }
.thanh_title h3 { font-family: 'UTMAvoBold'; font-size: 17px; color: #fff; background: var(--color-r); display: inline-block; line-height: 1; padding: 10px 15px; text-transform: uppercase; }

/*-------slider------*/
#slider-top {	/* max-width: 1920px; */width: 1200px; display: flex; max-width: 1366px; margin: auto; }
.wrap_banner { padding: 10px 0px }
.logo { float: left; margin: 14px 0px 0px 0px; width: 24%; }
.banner { float: left; margin-top: 0px; width: 600px; text-align: center; }
.hotline { float: right; width: 16%;/* border: 1px solid; */ position: relative;/* background: url(images/hot.png) no-repeat; */ display: flex; flex-direction: column;/* align-items: center; */ color: #333333; font-size: 18px; font-family: 'Conv_UTM Swiss 721 Black Condensed'; margin-top: 14px; }
.lienket p { float: left; font-size: 14px; font-family: "RobotoCondensedRegular"; color: #000000; margin-right: 37px; padding-top: 8px; }
.lienket a {	/* padding: 0px 0px 0px 0px; */ }
.lienket img:hover { opacity: 0.7; }

/*==============*/
div#menu_mobi { display: none; }
div#menu { background: var(--color-r); height: 45px; line-height: 45px; margin: auto; width: 100%; margin-bottom: 8px; }
div#menu ul { list-style: none; }
div#menu ul li { float: left; position: relative; z-index: 99; padding: 0px 0px; }
div#menu ul li a { color: #fff; font-size: 15px; padding: 0px 40px; text-transform: uppercase; display: block; font-family: 'Oswald'; font-weight: 400; }
div#menu  > div > ul > li:after { content: ""; width: 3px; height: 34px; background: url(images/after.png) no-repeat; position: absolute; right: 0px; top: 10px; }
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: #ff0; background: #124677 }
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; }
div#menu ul li ul li { width: 220px; line-height: 1.5; background: var(--color-r); border-top: 1px solid #fff; }
div#menu ul li ul li a { padding: 6px 10px; text-transform: none; }
div#menu ul li ul li a:hover { color: #ff0; background: #124677 }
div#menu ul li ul li ul { left: 220px; top: -1px; }

/*-------meu-danhmucleft-------*/
#left { width: 275px; float: left }
#right { float: right; width: 888px }
div.khung_danhmuc { margin-bottom: 21px }
div#danhmuc { padding: 0px 0px; border: 1px solid #cccccc }
div#danhmuc ul li { position: relative; padding: 2px 7px }
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 23px; color: #333333; font-family: 'RobotoRegular'; font-size: 15px; display: block; position: relative; border-bottom: 1px dashed #cccccc }
div#danhmuc ul li a:hover { color: red }
div#danhmuc ul li a:before { position: absolute; left: 10px; top: 21px; content: ""; width: 5px; height: 5px; border: 1px solid #0062bd; border-radius: 50%; background: #0062bd }
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-size: 17px; height: 45px; color: #fff; text-transform: uppercase; padding: 9px 15px; background: url(images/icon1.jpg) left center no-repeat, url(images/icon2.png) right center no-repeat, url(images/icon3.png) repeat-x; font-family: 'Oswald'; font-weight: 500; display: flex; align-items: center; text-align: center; padding-left: 32px }

/*------endcotleft----------*/
#timkiem { width: 300px; float: right; background-color: #fff; height: 30px; margin-top: 10px; position: relative; border: 1px solid #e6ebed; overflow: hidden }
#timkiem select { border: 0px; width: 100px }
#timkiem input { width: calc(100% - 40px); height: 30px; outline: none; border: none; background-color: #fff; font-size: 14px; color: #000; padding-left: 10px; line-height: 14px }
#timkiem button { width: 40px; height: 30px; outline: none; border: none; background: url(images/search.png) center no-repeat #ff0000 }
#timkiem input::-webkit-input-placeholder { color: #818181; font-size: 13px }
#timkiem input:-moz-placeholder { color: #818181; font-size: 13px }
#timkiem input::-moz-placeholder { color: #818181; font-size: 13px }
#timkiem input:-ms-input-placeholder { color: #818181; font-size: 13px }
#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 }
.slick-prev { position: absolute; top: -45px; right: 40px; width: 20px; height: 20px; background: url(images/prev_s.png) }
.slick-next { transform: rotate(180deg); position: absolute; top: -45px; right: 16px; width: 20px; height: 20px; background: url(images/prev_s.png) }
.thanh_contact { line-height: 1.8; position: relative; margin-bottom: 15px; color: var(--color-r); font-size: 26px; text-transform: uppercase; font-family: 'Oswald'; font-weight: 700 }
.thanh_contact:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background: var(--color-r) }
.left_contact { margin-left: 0px; color: #000 }
.right_contact { margin-top: 20px }
.form_contact { float: left; width: 49%; font-family: 'RobotoRegular'; font-size: 15px; color: #000 }
.form_lh { float: right; width: 49% }
.form_lh .left_input { float: left; width: 48.5%; margin-bottom: 10px }
.form_lh .right_input { float: right; width: 48.5%; margin-bottom: 10px }
.form_lh input { font-family: 'RobotoBold'; font-size: 13px; color: #333; float: left; width: 100%; height: 40px; border: 1px solid #ced4da; outline: none; background: transparent; padding-left: 15px }
.form_lh textarea { font-family: 'RobotoBold'; font-size: 13px; color: #333; float: left; width: 100%; border: 1px solid #ced4da; outline: none; background: transparent; resize: none; padding-left: 15px; padding-top: 10px }
.textarea_noidung { float: left; width: 100% }
.form_lh input:focus, .form_lh textarea:focus { box-shadow: 0 2px var(--color-r); border-bottom: 1px solid var(--color-r) }
.form_lh input:focus::placeholder, .form_lh textarea:focus::placeholder { color: var(--color-r) }
.w_recap, .w_submit { display: inline-block; width: 100%; clear: both }
.btn_send_lienhe { color: #fff; background: var(--color-r); border: none; float: left; clear: both; padding: 8px 30px; font-family: 'RobotoBold'; font-size: 13px; margin-top: 15px; text-transform: uppercase }
.w_bando_lh { height: 400px; overflow: hidden; margin-top: 30px }
.w_bando_lh iframe { width: 100%; height: 400px }
.border_boxnew { height: 100%; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.date { color: #636363; font-size: 13px; font-family: 'RobotoCondensedRegular'; }
.baiviet_khac { width: calc(100% - 110px); font-family: 'RobotoCondensedBold'; font-size: 14px; line-height: 1.3; }
.xemtintrong { font-family: 'RobotoBold'; font-size: 13px; color: #ea0000 }
.ten_cty { font-family: 'UTMAvoBold'; font-size: 28px; color: #fff; text-transform: uppercase; margin-bottom: 20px; line-height: 1 }
.title_ft { margin-bottom: 36px; position: relative; }
.title_ft p { margin-bottom: 0px; font-family: 'Oswald'; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #fff; position: relative; }
.content_ft { padding: 62px 0px 52px 0px; display: flex; justify-content: space-between; flex-flow: wrap; }
.cot1_ft { width: 41%; color: #fff; line-height: 2; }
.cot2_ft { width: 27% }
.cot3_ft { width: 17%; color: #fff }
.bando_ft { height: 350px; overflow: hidden }
.bando_ft iframe { width: 100%; height: 100% }
#copyright { background: #185083bf; font-size: 13px; color: #fff; padding: 13px 0px; font-family: 'RobotoRegular' }
#copyright .flex { display: flex; justify-content: center; align-items: center; text-align: center }
.lienket_ft { margin-top: 20px; display: flex; align-items: center }
.icon-footer { float: right; 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 }
.top_head > .marrgin-auto { display: flex; justify-content: space-between; color: #333333; font-size: 14px; font-family: 'RobotoRegular' }
.top_le { width: 44%; }
.top_ri { width: 55%; display: flex; justify-content: space-between; }
.top_head { background: #f2f2f2; line-height: 2.5; color: #333333; font-size: 13px; font-family: 'RobotoRegular' }
.top_head > .margin-auto { display: flex; justify-content: space-between }
.pag_gthieu > .margin-auto { display: flex }
.left_gt { width: 50%;	/* border: 5px solid #eee; */ border-right: none; padding: 0px 20px 0px 0px; line-height: 2; margin-bottom: 28px }
.right_gt { width: 50%; text-align: right }
.pag_gthieu { padding: 45px 0px }
p.ten_gt { color: #333333; font-size: 15px; text-transform: uppercase; font-family: 'Oswald'; font-weight: 400; position: relative; margin-bottom: 18px }
p.ten_gt:after { position: absolute; content: ""; bottom: -11px; left: 0; width: 40px; height: 2px; border-bottom: 2px solid var(--color-r) }
p.ten_gt2 { color: #e50000; font-size: 30px; text-transform: uppercase; font-family: 'Oswald'; font-weight: 600 }
.mota_gth { line-height: 1.8; color: #5c5c5c; font-size: 15px; font-family: 'Oswald'; font-weight: 400; margin-bottom: 29px }
a.them_gt { text-transform: uppercase; color: #fff; background: #e60000; padding: 13px 21px; display: initial; font-size: 15px; font-family: 'RobotoRegular'; font-weight: 500 }
.left_idex { float: left; width: 280px }
.right_idex { width: calc(100% - 280px); padding-left: 23px; float: right }
.khung_danhmuc .thanh:after { position: absolute; content: "" }
.item_bviet { float: left; width: calc(100%/3 -  20px); margin: 0px 10px; margin-bottom: 13px }
p.mota_bviet { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #5c5c5c; font-size: 13px; font-family: 'RobotoRegular'; margin-bottom: 2px }
.title_rutham p { position: relative; color: #0062bd; font-size: 20px; text-transform: uppercase; margin-bottom: 4px; font-family: 'Oswald'; font-weight: 500 }
.info_bviet { padding: 15px 0px 10px 0px }
a.ten_bviet1 { text-transform: uppercase; color: var(--color-r); font-size: 15px; font-family: 'RobotoBold'; margin-bottom: 7px; display: block; padding-bottom: 8px; border-bottom: 1px dashed #ccc; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
a.ten_bviet { text-transform: uppercase; color: var(--color-r); font-size: 15px; font-family: 'RobotoBold'; margin-bottom: 7px; display: block; padding-bottom: 8px; border-bottom: 1px dashed #ccc; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
a.them_bviet { color: #e50000; font-size: 13px; font-family: 'RobotoMedium' }
.title_rutham { margin-bottom: 20px; padding-left: 48px; background: url(images/iconn.png) left center no-repeat; display: flex; align-items: center; height: 43px; position: relative }
.title_rutham p:after { position: absolute; content: ""; bottom: -13px; left: 0px; width: 110px; border-bottom: 3px solid var(--color-r); z-index: 125 }
.title_rutham:before { position: absolute; content: ""; bottom: -1px; left: 0; width: 100%; height: 4px; background: url(iamges/before.jpg) left center repeat-x; z-index: 9 }
.item_da { margin: 0px 15px; border: 1px solid #ccc }
.chay_da { margin: 0px -15px }
.til_da { text-align: center; line-height: 2; position: relative; margin-bottom: 44px }
.til_da h3 { text-transform: uppercase; font-family: 'Oswald'; font-weight: 500; font-size: 36px; color: var(--color-r); display: initial }
.til_da p { color: #5c5c5c; font-size: 15px; font-family: 'RobotoRegular' }
.til_da:after { position: absolute; content: ""; bottom: -15px; left: calc(100%/2 - 45px); width: 100px; border-bottom: 3px solid var(--color-r) }
.duan_tieubieu { padding: 45px 0px; background: #f3f3f3 }
.info_da { background: #fff; padding: 16px 12px 13px 19px }
a.ten_da { color: #333333; font-size: 16px; font-family: 'RobotoBold'; text-transform: capitalize; display: block; margin-bottom: 9px }
p.mota_da { font-size: 14px; color: #5c5c5c; font-family: 'RobotoRegular'; line-height: 1.4 }
span.them_da { color: var(--color-r); font-size: 13px; font-family: 'RobotoRegular' }
.noidung_truycap p { line-height: 1.9; font-size: 14px; font-family: 'RobotoRegular'; position: relative }
.title_ft:after { position: absolute; content: ""; bottom: -16px; left: 0; width: 43px; border-bottom: 2px solid #fff }
.tintuc_video { padding: 40px 0px }
.w_tintuc { float: left; width: 50% }
.cot_new1 { width: 100%; margin-bottom: 26px; display: flex }
.ten_new1 { font-size: 15px; font-family: 'RobotoBold'; font-weight: bold; padding: 12px 0px 0px 0px; line-height: 1.7; text-transform: capitalize; margin-bottom: 5px; color: #3e3e3e }
.ten_new1 a { color: #424242 }
.mota_new1 { color: #595959; font-size: 13px; font-family: 'RobotoRegular'; line-height: 1.7 }
.item_chay { margin: 0px 10px }
.cot_new2 { float: left; width: 100% }
.img_new2 img { float: left }
.tenmota_new2 { padding: 14px 0px 0px 0px }
.ten_new2 { font-size: 15px; font-family: 'RobotoBold'; text-transform: capitalize; color: #3e3e3e }
.ten_new2 a { color: #424242 }
.ten_new1 a:hover, .ten_new2 a:hover { color: #ff0000 }
.img_new2:hover img { opacity: 0.8 }
.w_video { width: 50%; float: right; padding-left: 28px }
.khung_bao_video_con { }
.slick_video { margin: 0px -5px }
.video_item { padding: 0px 5px }
img.img_video { width: 100% }
.page_tintuc_video { padding: 40px 0px }
.img_new21 { display: block; overflow: hidden }
.tenmota_new1 { width: 58%; padding-left: 18px; display: flex; align-items: baseline; flex-direction: column }
a.img_new21 img { width: 100% }
.chay_tintuc { margin: 0px -10px }
p.ngaydang21 { color: #646464; font-size: 13px }
p.ngaydang21 i { padding-right: 7px }
.hotline p { color: #dd0000; font-size: 22px; font-family: 'Conv_UTM Swiss 721 Black Condensed'; position: relative; margin: 10px 11px 0px -23px; border: 1px solid; padding: 5px 17px 5px 30px; border-radius: 7px; display: flex; align-items: center; justify-content: center; }
.hotline p:after { position: absolute; content: ""; bottom: 9px; left: -23px; width: 193px; height: 63px; background: url(images/scscsc_03.png) no-repeat; }
a.ig_bviet, a.ig_da { display: block; overflow: hidden }
.hover_sang1 { position: relative; overflow: hidden }
.hover_sang1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0) }
.hover_sang1:hover:before { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0) }
a.ig_da img, a.ig_bviet img { max-width: 100% }
.wraper_trangtrong .div_css { margin: 0px -10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap }
.cls_trangtrong { width: 1000px; margin: auto }
.right_gt img { max-width: 100% }
div#slide_show { display: flex !important }
.top_slider { flex-basis: 24%; height: 445px; overflow: hidden }
.slider_page { width: 100%; }
#slider-top { display: flex; max-width: 100% }
.logo_mb { display: none; }
.nutgoi { position: relative }
.hienthisdt { position: absolute; right: -60px; top: 80px; color: #fff; font-family: 'RobotoBold'; font-size: 15px; padding: 10px; background: #75eb50; border-radius: 10px; display: none }
.nutgoi:hover .hienthisdt { display: block }
#sohotline { font-size: 18px; color: #ff0000; font-family: RobotoBold; margin-top: 25px; white-space: nowrap }
.quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px }
.quick-alo-phone.quick-alo-show { visibility: visible }
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; transform: none }
}
@-webkit-keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; transform: none }
}
@-webkit-keyframes fadeOutRight {
	0% { opacity: 1 }
	100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
.quick-alo-phone.quick-alo-static { opacity: .6 }
.quick-alo-phone.quick-alo-hover, .quick-alo-phone:hover { opacity: 1 }
.quick-alo-ph-circle { width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #bfebfc 9; opacity: .1; -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle { -webkit-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important }
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle { -webkit-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important }
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone:hover .quick-alo-ph-circle { border-color: #00aff2; opacity: .5 }
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle { border-color: #75eb50; border-color: #baf5a7 9; opacity: .5 }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #00aff2; border-color: #bfebfc 9; opacity: .5 }
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle { border-color: #ccc; opacity: .5 }
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle { border-color: #75eb50; opacity: .5 }
.quick-alo-ph-circle-fill { width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill { -webkit-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill { -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone:hover .quick-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); background-color: #00aff2 9; opacity: .75 !important }
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); background-color: #baf5a7 9; opacity: .75 !important }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill { background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.quick-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url("images/message503.png") no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle { -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important }
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle { -webkit-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important }
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone:hover .quick-alo-ph-img-circle { background-color: #00aff2 }
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle { background-color: #75eb50; background-color: #75eb50 9 }
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #00aff2; background-color: #00aff2 9 }
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle { background-color: #ccc }
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle { background-color: #75eb50 }
@-moz-keyframes quick-alo-circle-anim {
	0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
	30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
	100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes quick-alo-circle-anim {
	0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
	30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes quick-alo-circle-anim {
	0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
	30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
	100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
	100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes quick-alo-circle-fill-anim {
	0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
	100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes quick-alo-circle-img-anim {
	0% { -o-transform: rotate(0) scale(1) skew(1deg) }
	10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -o-transform: rotate(0) scale(1) skew(1deg) }
	100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}
@-moz-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-o-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
	100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-moz-keyframes fadeOutRight {
	0% { opacity: 1 }
	100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-webkit-keyframes fadeOutRight {
	0% { opacity: 1 }
	100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-o-keyframes fadeOutRight {
	0% { opacity: 1 }
	100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@keyframes fadeOutRight {
	0% { opacity: 1 }
	100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-moz-keyframes quick-alo-circle-anim {
	0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
	30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
	100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-webkit-keyframes quick-alo-circle-anim {
	0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
	30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
	100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-o-keyframes quick-alo-circle-anim {
	0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
	30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
	100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@keyframes quick-alo-circle-anim {
	0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
	30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
	100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes quick-alo-circle-fill-anim {
	0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@keyframes quick-alo-circle-fill-anim {
	0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { transform: rotate(25deg) scale(1) skew(1deg) }
	30% { transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { transform: rotate(25deg) scale(1) skew(1deg) }
	50% { transform: rotate(0) scale(1) skew(1deg) }
	100% { transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { transform: rotate(25deg) scale(1) skew(1deg) }
	30% { transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { transform: rotate(25deg) scale(1) skew(1deg) }
	50% { transform: rotate(0) scale(1) skew(1deg) }
	100% { transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { transform: rotate(25deg) scale(1) skew(1deg) }
	30% { transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { transform: rotate(25deg) scale(1) skew(1deg) }
	50% { transform: rotate(0) scale(1) skew(1deg) }
	100% { transform: rotate(0) scale(1) skew(1deg) }
}
@keyframes quick-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { transform: rotate(25deg) scale(1) skew(1deg) }
	30% { transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { transform: rotate(25deg) scale(1) skew(1deg) }
	50% { transform: rotate(0) scale(1) skew(1deg) }
	100% { transform: rotate(0) scale(1) skew(1deg) }
}
#quick-alo-wrapper { position: fixed; width: 100%; bottom: 0; top: 0; left: 0; z-index: 2000000; overflow: visible; display: none; color: #383838 }
#quick-alo-wrapper.night-mode { color: #fff }
.js-facebook-messenger-container { height: 0; overflow: hidden; }
.js-facebook-messenger-container.open { height: auto; }
.header { display: flex; justify-content: space-between; background: var(--color-r); align-items: center; }
i.fa.fa-search { }
i.fa.fa-search { position: relative; margin: -10px 23px 0px 0px; color: #fff; }
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1.0E+30 }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.js-facebook-messenger-box { bottom: 70px; right: 15px }
.js-facebook-messenger-box { background: #1182fc }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-box { width: 60px; height: 60px; display: block; position: fixed; cursor: pointer; text-align: center; line-height: 60px; background: #1182FC; border-radius: 100%; overflow: hidden; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3) }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg) }
.js-facebook-messenger-box svg#fb-msng-icon { width: 30px; height: 30px; position: absolute; top: 15px; left: 15px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg) }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 20px; height: 20px; position: absolute; top: 20px; left: 20px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out }
.js-facebook-messenger-container { transform: translateY(50px); bottom: 110px; right: 35px }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-container { position: fixed; opacity: 0; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out }
.js-facebook-messenger-top-header { width: 300px }
.js-facebook-messenger-top-header { color: #fff; background: #1182fc }
.js-facebook-messenger-top-header { display: block; position: relative; width: 300px; background: #1182FC; color: #fff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-top-header { color: #fff; background: #1182fc }
.js-facebook-messenger-box { background: #1182fc }
.js-facebook-messenger-top-header { width: 300px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box { bottom: 107px; right: 15px; }
.js-facebook-messenger-container { transform: translateY(50px); bottom: 135px; right: 35px }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0 }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg) }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1 }
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 182px; z-index: 99999999999; }
#btn-zalo i { top: 0; right: 0; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; width: 40px }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
#btn-zalo.hotline-call i:before { color: #fff; font-size: 20px; position: relative; left: 12px; }
#btn-zalo.hotline-call { bottom: 245px; }
#search { position: absolute; right: 0; top: 19px; z-index: 999; line-height: normal;	/* border: 1px solid; */	/* display: flex; */

	/* align-items: center; */

	/* justify-content: center; */

	/* text-align: center; */

/* border-radius: 50%; */ }
#search a { float: right; cursor: pointer; border: 1px solid #fff; padding: 10px; border-radius: 50%; }
.hien { transition: 1s; width: 294px !important; opacity: 1 !important; padding: 0 18px !important; border: 1px !important; border-radius: 24px; height: 39px; background: #FFF; outline: 0; color: #464646; }
.an { transition: 1s; width: 0px !important; opacity: 0 !important; padding: 0 !important; border: 0px !important; height: 40px; }
@media screen and  (max-width:1248px) {
	.top_slider { height: auto; }
	div#menu { display: none; }
	div#menu_mobi { display: block; }
}
@media screen and  (max-width:1180px) { }
@media screen and  (max-width:1120px) { }
@media screen and (max-width:1070px) {
	.cls_trangtrong { width: 100%; margin: auto; }
}
@media screen and  (max-width:1024px) {
	.top_ri { display: none; }
	.top_le { width: 100%; }
	.banner { float: left; margin-top: 0px; width: 508px; text-align: center; }
	.banner img { max-width: 100%; }
	.left_gt { border: none; padding: 19px 14px 23px 3px; }
	.item_da { margin: 0px 10px; border: 1px solid #ccc; }
	.chay_da { margin: 0px -10px; }
	.w_video { width: 40%; float: right; padding-left: 28px; }
	.w_tintuc { float: left; width: 58%; }
	.ten_new2 { font-size: 14px; text-transform: capitalize; }
	.cot1_ft { width: 50% }
}
@media screen and  (max-width:992px) {
	a.ten_bviet { font-size: 14px }
}
@media screen and  (max-width:918px) {
	.logo { width: 18% }
	.logo img { max-width: 100% }
	.banner img { max-width: 100%; }
	.hotline { width: 19% }
	.left_idex { float: left; width: 27%; }
	.right_idex { width: calc(100% - 27%); padding-left: 23px; float: right; }
	.duan_tieubieu { padding: 27px 0px; background: #f3f3f3; }
	.page_tintuc_video { padding: 24px 0px; }
	.til_da h3 { font-size: 32px }
	.til_da p, div#danhmuc ul li a { font-size: 14px }
	.left_gt { margin-top: 0; padding-top: 0 }
}
@media screen and  (max-width:800px) {
	.hotline { display: none; }
	.banner { width: 80% }
	.left_gt { width: 100%; margin-bottom: 23px }
	.pag_gthieu > .margin-auto { display: block; }
	.right_gt { width: 100%; text-align: left; }
	.left_idex { display: none; }
	.right_idex { width: 100%; padding-left: 0 }
	.cot1_ft { width: 100%; margin-bottom: 28px; }
	.cot2_ft { width: 55%; }
	.cot3_ft { width: 36%; }
	.w_tintuc { float: left; width: 100%; margin-bottom: 20px; }
}
@media screen and  (max-width:768px) {
	a.ten_bviet1 { text-transform: uppercase; color: var(--color-r); font-size: 15px; font-family: 'RobotoBold'; margin-bottom: 7px; display: block; padding-bottom: 8px; border-bottom: 1px dashed #ccc; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
	.w_tintuc { float: left; width: 100%; margin-bottom: 20px; }
	.w_video { width: 100%; padding-left: 0 }
}
@media screen and  (max-width:725px) {
	.top_slider { display: none; }
	.slider_page { width: 100%; margin: auto; }
	.slider_page img { max-width: 100% }
}
@media screen and  (max-width:680px) {
	i.fa.fa-search { position: relative; margin: -10px 0px 0px 0px; color: #fff; }
	div#search_mobi { width: 100% }
	.item_bviet { float: left; width: calc(100%/2 - 20px); margin: 0px 10px; margin-bottom: 13px; }
	a.ten_bviet { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
}
@media screen and  (max-width:600px) {
	.logo_mb { text-align: center; font-size: 14px; font-family: 'RobotoRegular'; }
	.logo_mb i { margin-right: 5px; font-size: 17px; color: #0062bd; }
	.logo { display: none; }
	.banner { width: 100%; text-align: center; }
	.logo_mb { display: block; }
}
@media screen and  (max-width:568px) { }
@media screen and  (max-width:520px) {
	.pag_gthieu { padding: 23px 0px; }
	a.ten_bviet1 { text-transform: capitalize; font-size: 14px; }
}
@media screen and  (max-width:480px) {
	.til_da h3 { font-size: 29px }
	.cot2_ft { width: 100%; margin-bottom: 15px; }
	.cot3_ft { width: 100%; }
}
@media screen and  (max-width:414px) {
	.cot_new1 { width: 100%; margin-bottom: 26px; display: block; }
	.tenmota_new1 { width: 100%; padding-left: 0; display: flex; align-items: baseline; flex-direction: column; }
	.img_new1 img { width: 100%; }
	.img_new1 { width: 100%; }
	.top_le { display: none; }
}
@media screen and  (max-width:382px) {
	a.ten_bviet1 { text-transform: capitalize; font-size: 13px; }
	.til_da h3 { font-size: 25px }
	.til_da p { font-size: 13px; }
	.lienket_ft { margin-top: 20px; display: block; align-items: center; }
	.icon-footer { float: left; padding-left: 0; }
}
@media screen and  (max-width:375px) {
	a.ten_bviet1 { text-transform: capitalize; font-size: 12px; }
	p.ten_gt2 { line-height: 1.3 }
}
@media screen and  (max-width:320px) {
	p.ten_gt2 { font-size: 25px }
}