@charset "utf-8";

/* CSS Document */
@import url("css/fonts.css");
* { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; font-weight: 100; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
body { font-family: 'Roboto-Regular'; font-size: 14px; line-height: 1.5; height: 100%; max-width: 1366px; margin: auto; background: #ffffff; }
footer { position: relative; width: 100%; float: left; }
#menu_mm { font-family: 'UTMAvo' }
.loading { position: fixed; z-index: 2000; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: block; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); }
.loading.mask:before { background-color: rgba(255, 255, 255, 1) }
.loading:after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: fa-spin 1500ms infinite linear; -moz-animation: fa-spin 1500ms infinite linear; -ms-animation: fa-spin 1500ms infinite linear; -o-animation: fa-spin 1500ms infinite linear; animation: fa-spin 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(57, 72, 2, 0.7) 1.5em 0 0 0, rgba(57, 72, 2, 0.7) 1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) 0 1.5em 0 0, rgba(57, 72, 2, 0.7) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(57, 72, 2, 0.7) 0 -1.5em 0 0, rgba(57, 72, 2, 0.7) 1.1em -1.1em 0 0; box-shadow: rgba(57, 72, 2, 0.7) 1.5em 0 0 0, rgba(57, 72, 2, 0.7) 1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) 0 1.5em 0 0, rgba(57, 72, 2, 0.7) -1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) -1.5em 0 0 0, rgba(57, 72, 2, 0.7) -1.1em -1.1em 0 0, rgba(57, 72, 2, 0.7) 0 -1.5em 0 0, rgba(57, 72, 2, 0.7) 1.1em -1.1em 0 0; }
a:hover, a:focus { outline: 0; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
a { text-decoration: none; }

/*///////////// CSS ///////////////*/
.margin_auto { width: 1200px; margin: auto; position: relative; }

/*=============== HEADER =========*/
#header{width: 100%;float: left; position: relative;}
#header:after{content: '';width: 100%;height: 1px;background: url(images/line_hd.png) no-repeat;position: absolute;bottom: 0;left: 0;z-index: 1000;}

.header { width: 100%; float: left }
#logo, .banner { float: left; padding: 0; }
.right_top { width: 72%; float: right; position: relative; }
.tren_hd { width: 100%; float: left; padding-left: 50px; height: 59px; }
.hl_top { display: inline-block; float: left; padding-left: 60px;margin-top: 15px; }
.tren_hd p { display: inline-block; float: left; font-family: 'UTMEremitage'; font-size: 22px; color: #ff0000; line-height: 59px; }
.giohang_hd { display: inline-block; float: right; margin-top: 20px; }
.gh_l { display: inline-block; padding-left: 50px; min-height: 45px; float: left; margin-right: 35px; }
.gh_l a { font-family: 'Roboto-Regular'; font-size: 14px; color: #cccccc; }
.gh_r { font-size: 13px; color: #fff; font-family: 'RobotoBold'; text-transform: uppercase; display: inline-block; }
.gh_r a { background: #c48b37; padding: 14px 20px; border-radius: 22px; display: inline-block; }
.gh_r a:hover { background: #5dac29; transition: 0.5s; }
.gh_r span { font-family: 'RobotoBold'; text-transform: uppercase; font-size: 13px; color: #fff; background: url(images/gh.png) no-repeat left center; padding-left: 20px; }
.duoi_hd { width: 100%; position: relative; float: left; }

.text-left-slide { position: absolute; left: 100px; bottom: 50px; font-size: 70px; color: #00902c; text-shadow: rgb(0, 0, 0) 1px 1px 2px; font-family: 'SVNAndrogyne'; min-width: 500px; }
.text-right-slide { position: absolute; right: 100px; top: 50px; font-size: 40px; color: #fff; text-shadow: rgb(0, 0, 0) 1px 1px 2px; font-family: 'SVNZaraElyse'; min-width: 550px; }

/*============ SAN PHAM ============*/
.wrap_sp { width: 100%; float: left; position: relative; }
.pro_banchay { width: 100%; float: left; position: relative; }
.pro_banchay ul { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.item_sp {width: 100%;float: left;border: 1px solid #2a2929;position: relative;text-align: center;}
.img_bc { width: 100%; float: left; }
.img_bc span { width: 37px; height: 37px; background: url(images/icon_sp.png) no-repeat; position: absolute; top: 5px; left: 5px; font-size: 12px; font-family: 'Roboto-Regular'; color: #fff; line-height: 37px; text-align: center; }
.mota_bc { width: 100%; float: left;padding: 0 5px; }
.mota_bc h3 { width: 100%; float: left; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.mota_bc h3 a { display: inline-block; font-size: 14px; color: #cccccc; }
.mota_bc h3 a:hover { color: #C48B37; }
.price_bc { width: 100%; float: left; text-align: center; margin-bottom: 15px; }
.price_bc span { font-size: 14px; font-family: 'Roboto-Regular'; display: inline-block; }
.price_bc .price_gia { color: #c99f3d; }
.price_bc .price_cu { font-size: 13px !important; color: #666666; text-decoration: line-through; }
.sale_cu { position: absolute; width: 37px; height: 37px; background: url(images/icon_sp.png) no-repeat; position: absolute; top: 5px; right: 5px; text-align: center; line-height: 37px; color: #fff; }
.thanh_title { width: 100%; float: left; position: relative; text-align: center; margin-top: 30px; margin-bottom: 20px; }
.thanh_title h2 { display: inline-block; font-size: 40px; color: #5dac29; text-transform: capitalize; font-family: 'UVNNhatKy_R'; }
.icon_cart{cursor: pointer;}
.icon_cart span { width: 30px; height: 19px; background: url(images/cart_sp.png) no-repeat; position: absolute; top: 50%; right: 10px; opacity: 0; }
.icon_cart span:hover { background: url(images/cart_hv.png) no-repeat; }
.item_sp:hover span { opacity: 1; transition: 0.5s; }
.khung_index { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; }

/*-------------- CONTENT --------------*/
.wrap_content { width: 100%; float: left; position: relative; padding-bottom: 70px; }
.khung { width: 100%; float: left; }
.thanh_tabsp { width: 100%; float: left; border-bottom: 1px solid #e3b65d; position: relative; margin-bottom: 20px; padding-bottom: 5px; margin-top: 30px; }
.thanh_tabsp h2 { display: inline-block; float: left; font-size: 30px; color: #5dac29; text-transform: capitalize; font-family: 'UVNNhatKy_R'; }
#tabsp { display: inline-block; float: right; margin-top: 20px; margin-right: 50px; }
#tabsp li { float: left; margin-left: 50px; }
#tabsp li a { color: #cccccc; font-family: "Roboto-Regular"; font-size: 14px; display: inline-block; }
#tabsp li a:hover { color: #C48B37; }
.thanh_tabsp >a { font-size: 14px; color: #cccccc; font-family: "Roboto-Regular"; text-transform: capitalize; display: inline-block; float: right; margin-top: 20px; }
.thanh_tabsp >a:hover { color: #C48B37; }
.khung_tabs { width: 100%; float: left; }
.contenttabs { width: 100%; float: left; display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

/*-------------- BOTTOM --------------*/
.khung_quangcao { width: 100%; float: left; position: relative; }
.owl_quangcao { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: }
.footer-km { width: 100%; float: left; line-height: normal; overflow: hidden; padding-bottom: 60px; }
.slick-km .slick-prev, .slick-km .slick-next { width: 15px !important; height: 20px !important; padding: 20px; border-radius: 3px; }
.slick-km .slick-prev:before, .slick-km .slick-next:before { display: none !important }
.slick-km .slick-next { background: url(assets/images/next-thumb-pro.png) #DFE0D7 no-repeat center !important; right: 30px; }
.slick-km .slick-prev { background: url(assets/images/prev-thumb-pro.png) #DFE0D7 no-repeat center !important; left: 30px; }
.thumb-pro-detail { display: block !important; margin: 5px auto; max-width: 95%; }
.km { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1005px; width: 100%; margin: auto; color: #000; }
.km .info-km { position: absolute; top: calc(50% - 430px/2); right: 0px; width: 425px; min-height: 430px; border: 5px solid #f4cc72; padding: 40px 40px 40px 60px; }
.km .info-km h3 { color: #5dac29; font-size: 14px; font-family: 'RobotoBold'; font-weight: normal; margin: 10px 0px 5px 0px; text-transform: uppercase; line-height: 25px; }
.km .info-km p { font-size: 13px; line-height: 25px; text-align: justify; font-family: "Roboto-Regular"; color: #fff; }
.km .info-km span { display: block; width: 114px; height: 35px; background: url(images/xem_tin.png) no-repeat; text-align: center; color: #000; border-radius: 20px; line-height: 35px; margin-top: 30px; background-size: 100% 100%; text-transform: uppercase; }
.km .info-km span:hover { background: #5dac29; color: #fff; transition: 0.5s; }
.km .info-km span b { font-weight: normal; font-size: 10px; letter-spacing: -1px; }
.km .info-km h4 { font-size: 14px; color: #c4c4c4; font-family: "Roboto-Regular"; }
.nhantin_bt { width: 100%; float: left; background: #a3762f; padding: 10px 0px;position: relative; }
.nhantin_bt span { display: inline-block; float: left; font-size: 16px; color: #fff; font-family: 'RobotoMedium'; background: url(images/email_bt.png) no-repeat left center; width: 20%; height: 65px; line-height: 65px; padding-left: 80px; }
.nhantin { display: inline-block; width: 80%; float: left; padding-top: 13px; }
.nhantin .nhom { width: 85.5%; float: left; display: grid; grid-gap: 14px; grid-template-columns: 1fr 1fr 1fr; }
.nhantin .nhom input { width: 100%; float: left; background: #fff; border: 0; border-radius: 20px; font-size: 13px; color: #000; font-family: "Roboto-Regular"; height: 40px; line-height: 40px; padding: 0 15px; }
.nhantin button { width: 13%; float: right; border: 0; border-radius: 20px; background: #c48b37; color: #fff; font-size: 13px; font-family: 'RobotoBold'; text-transform: uppercase; height: 40px; line-height: 40px; }
.nhantin button:hover{background: #ff0000; transition: 0.5s;}
.doitac { width: 100%; float: left; }
.khung_dtac { width: 100%; float: left; padding: 25px 0px; }
.owl_carousel_doitac { width: 100%; float: left; display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.owl_carousel_doitac a { width: 100%; float: left; border: 1px solid #333333; text-align: center; }

/*=========== FOOTER ===========*/
.footer { width: 100%; float: left; position: relative; border-top: 1px solid #c68e39; }
.khung_fter { width: 100%; float: left; margin-bottom: 35px; }
.chinhsach_ft { width: 24%; float: left; padding-right: 10px; }
.thanh_ft { width: 100%; float: left; font-size: 14px; color: #5dac29; font-family: 'RobotoBold'; text-transform: uppercase; background: url(images/thanh_ft.png) no-repeat bottom left; margin-top: 40px; padding-bottom: 5px; margin-bottom: 20px; }
.inf_ft { width: 100%; float: left; }
.inf_ft a { width: 100%; float: left; font-size: 13px; color: #fff; font-family: 'Roboto-Regular'; line-height: 30px; }
.inf_ft a:hover{color: #a3762f;}
.fan_ft { width: 28%; float: right; text-align: right; margin-top: 40px; }
.bot_ft { width: 100%; float: left; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 15px 0px; }
.logo_ft { width: 35%; float: left; text-align: center; border-right: 1px solid #1a1a1a; }
.thongtin_ft { width: 45%; float: left; padding-left: 40px; }
.thongtin_ft p { width: 100%; float: left; font-size: 13px; color: #fff; font-family: 'Roboto-Regular'; line-height: 30px; }
.lket_web { width: 20%; float: right; margin-top: 35px; }
.lket_web a { float: left; margin-left: 10px; }
.end_ft { width: 100%; float: left; text-align: center; font-size: 12px; color: #fff; font-family: 'Roboto-Regular'; }
.end_ft span { color: #5dac29; }
.copy { width: 100%; float: left; margin-top: 20px; margin-bottom: 10px; }
.thongtu {width: 100%;float: left;margin-bottom: 10px;}
.thongtu p, .thongtu span { color: #fff !important; font-size: 12px !important; font-family: 'Roboto-Regular'; line-height: 25px; }
.thongke_ft{width: 100%;float: left;text-align: center;margin-bottom: 10px;}
.thongke_ft ul{display: inline-block;}
.thongke_ft ul li{float: left;margin: 0 5px;color: #fff;font-size: 12px;font-family: 'Roboto-Regular';}

/*============ TRANG TRONG ============*/
.wrap_bv { width: 70%; float: left; background: #fff; padding: 10px; }
.bv_lon { width: 100%; float: left; margin-bottom: 30px; }
.mota_bv { width: 100%; float: left; }
.img_bv { width: 100%; float: left; text-align: center; }
.img_bv a { display: inline-block; }
.mota_bv h3 { width: 100%; float: left; margin-top: 10px; margin-bottom: 5px; }
.mota_bv h3 a { text-transform: uppercase; font-weight: 100; font-family: UTMHelvetIns; color: #333; font-size: 15px; }
.mota_bv p { width: 100%; font-size: 13px; color: #333; width: 100%; float: left; margin: 0; }
.khung_news { width: 100%; float: left; display: grid; grid-gap: 10px 0px; grid-template-columns: 1fr; }
.box_new { position: relative; width: 100%; float: left; display: grid; grid-gap: 1em; margin-bottom: 2em; grid-template-columns: 1fr 2fr; }
.box_new img { float: left; border: 1px solid #ccc; box-shadow: 0 0 5px #ccc; }
.box_new h3 { padding: 0 0 10px; float: right; width: 100%; float: left; }
.box_new h3 a { text-transform: uppercase; font-weight: 100; font-family: UTMHelvetIns; color: #333; font-size: 15px; }
.box_new p { font-size: 13px; color: #333; width: 100%; float: left; margin: 0; }
.box_new h3:hover a { color: #f00 }
.xemchitiet { text-align: right; height: 50px; border: 1px solid #efefef; line-height: 50px; display: inline-block; padding: 0 1em; font-family: 'SFUFuturaBook'; color: #000000; font-size: 14.5px; }
.xemchitiet i { color: #dfdfdf; }
.xemchitiet a { color: red }
.xemchitiet a:hover { text-decoration: underline }
.sanpham_dx { width: 29%; float: right; }
.thanh_dx { width: 100%; float: left; background: #c48b37; height: 40px; line-height: 40px; text-align: center; }
.thanh_dx h6 { display: inline-block; color: #fff; font-family: 'RobotoBold'; text-transform: uppercase; font-size: 14px; color: #fff; }
.sanpham_dx ul {width: 100%;float: left;border: 1px solid #2a2929;}
.sanpham_dx ul li {width: 100%;float: left;text-align: center;border: 0;border-bottom: 1px solid #2a2929;padding: 10px;}
.noidung_chitiet{width: 100%;float: left;background: #fff;padding-top: 10px;}

.dkdn_box .col2 { padding: 10px; }
.khung_intro { margin-top: 2em; display: inline-block; }
.custom_modal .nav-tabs>li { width: 50%; -webkit-box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; text-transform: uppercase; }
#error-login { font-family: 'RobotoBold'; color: #f00; text-align: center; font-size: 15px; }
.dkdn_box p.title-log { font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #cf0656; text-transform: uppercase; text-align: center; padding-top: 1em; }
.dkdn_box p.intro-log { font-size: 14px; line-height: 1.5; font-family: 'Roboto', sans-serif; font-weight: 400; color: #999999; }
.link-return { font-size: 14px; font-family: 'SFUFuturaBook', sans-serif; font-weight: 400; display: inline-block; width: 100%; text-align: right; padding: 0 0 1em 0; color: #999999; }

/*ANH TL*/
.fullscreen { width: 100% !important }
.pad015 { padding: 0 15px !important }
.colorred { color: red }
.textright { text-align: right !important }
.textcenter { text-align: center !important }
.textlarge { font-size: 1.5em }

/*ANH TL*/
#timkiem input::-webkit-input-placeholder { color: #888585; font-size: 12px; font-family: "Roboto-Regular"; }
#timkiem input:-moz-placeholder { color: #888585; font-size: 12px; font-family: "Roboto-Regular"; }
#timkiem input::-moz-placeholder { color: #888585; font-size: 12px; font-family: "Roboto-Regular"; }
#timkiem input:-ms-input-placeholder { color: #888585; font-size: 12px; font-family: "Roboto-Regular"; }
.timkiem_nc { position: absolute; top: 3em; left: 5em; transition: .5s all; z-index: 99; width: 50%; }
.timkiem_nc h3 { width: 100%; float: left; font-size: 15px; font-family: 'RobotoBold'; color: #ffffff; text-transform: uppercase; padding: 0 2em; }
.timkiem_nc h3 a { color: #ffffff; }
.timkiem_nc p { color: #ffffff; font-size: 15px; font-family: 'Roboto-Regular'; display: inline-block; padding: 10px 0 2em; }
.khungtimkiem { width: 100%; text-align: center; position: relative; }
.right_slider { width: 285px; float: right; }
.right_slider .qc2 { margin: 10.5px 0; }
.khungbao { min-height: 225px }
ul#search { font-weight: normal; position: absolute; opacity: 0; top: 100%; z-index: 999; left: 0; width: 100%; background: #fff; text-align: left; max-height: 315px; overflow-y: auto; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 0; margin: 0 }
ul#search:empty { border: none }
ul#search::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5 }
ul#search::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
ul#search::-webkit-scrollbar-thumb { background-color: #b6b6b6 }
ul#search.active { opacity: 1 }
ul#search li { display: block; float: none; padding: 5px; line-height: 19px; border: 1px solid #d7d7d7; border-right: none; border-bottom: none; box-sizing: border-box; cursor: pointer }
.input-group { width: 150px; text-align: center; float: left; margin: 0; margin-right: 1em; padding-top: 0.5em }
#search-hover { float: left; width: 95px; padding: 0; margin: 0; padding-top: 0; padding-left: 0; cursor: pointer; background: #e5e5e5; margin-right: 10px; position: absolute; z-index: 100 }
#search-hover li { float: left; width: 100%; list-style: none; margin: 0; padding-left: 10px; border-bottom: 1px solid #ccc; height: 45px; line-height: 45px }
#search-hover li img { max-width: 71px }
.select2-results__options:empty { border: none }
.select2-results__options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5 }
.select2-results__options::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
.select2-results__options::-webkit-scrollbar-thumb { background-color: #b6b6b6 }

/*#timkiem span{float:left;width:95px;background:#e5e5e5;height:42px;display:block;border:1px solid #e5e5e5}
*/
#timkiem img.active-seleted { background: #e5e5e5; padding-left: 10px; cursor: pointer }
#timkiem span i { position: absolute; left: 80px; top: 15px }
#timkiem {width: 227px;position: relative;overflow: hidden;margin-top: 13px;float: right;border-bottom: 1px solid #343434;}
#timkiem .input {width: 100%;float: left;border: 0;margin: 0;outline: none;font-size: 12px;height: 30px;background: border-box;overflow: hidden;position: relative;}
#timkiem .input .select2-container--default .select2-selection--single { background: #fff }
#timkiem .input .select2-container { width: 100% !important }
#timkiem input { float: left; height: 100%; width: 100%; border: 0; padding: 0 0 0 0px; font-size: 15px; font-family: "Roboto-Regular"; color: #cccccc; background: transparent; }
#timkiem .input .select2-container .select2-selection--single { height: 42px !important }
#timkiem .input .select2-container--default .select2-selection--single { border-radius: 0 !important; border: 0 }
#timkiem .input .select2-container--default .select2-selection--single .select2-selection__rendered { height: 42px !important; line-height: 42px !important }
#timkiem .input .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; right: 30px }
#timkiem button { width: 16px; height: 16px; position: absolute; background: url(images/timkiem.png) no-repeat; top: 7px; right: 0; border: 0; }
.search { float: right; border: 0; color: #fff; width: 30px; height: 30px; text-transform: uppercase; position: absolute; z-index: 10; right: 0; top: 0; font-weight: bold; cursor: pointer; outline: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(images/search.png)no-repeat center; }

/*.search:after{position:absolute;content:'';left:0;top:10px;height:20px;width:1px;background:rgba(179,179,179,1)}
*/
.search i { font-size: 22px; color: rgb(255, 255, 255); }
#id_list { float: left; height: 100%; border: 0; padding: 0 1em; width: 105px; color: #333333; border-right: 1px solid #cacaca; }
.dathang_ { width: 100%; float: left; text-align: center }
.dathang_ .form_dathang { float: none; margin: auto }
.uploader { position: relative; overflow: hidden; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; border: 1px solid #DDD; background: white; padding: 2px 2px 2px 8px }
#lang_drop { float: left; width: 140px; padding: 0; margin: 0; padding-top: 0; padding-left: 0; cursor: pointer; position: absolute; z-index: 100 }
#lang_drop i { position: absolute; left: 80px; top: 13px; color: #000 }
#lang_drop .select2-container { width: 70px !important }
#lang_droplist { height: 42px; width: 100%; line-height: 22px; color: #717171; cursor: pointer; display: inline-block; text-align: right; text-transform: capitalize; font-size: 11px }
#lang_droplist img { margin-right: 10px }
#lang_droplist ul#menu_location_list { background: white; width: 100%; border: 1px solid #ccc; margin: -5px 0 0; padding: 0 0 0; list-style: none; display: none; z-index: 99999; position: relative; float: right }
#lang_droplist ul#menu_location_list li { float: none; display: block; height: 42px; padding: 0; margin: 0 }
#lang_droplist ul#menu_location_list li a { height: 42px; line-height: 42px; padding: 0; color: #717171; padding: 0; text-decoration: none; width: 100%; display: block; text-align: center; font-size: 11px }
.cart { float: right; display: flex; position: fixed; right: 0; top: 1em; z-index: 999; }
.cart li { position: relative; display: flex; }
.cart li p { float: left; width: 40px; height: 40px; background: rgb(25, 117, 221); border-radius: 50%; line-height: 40px; text-align: center; margin-right: 10px; }
.cart li.dnhap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; text-align: center; text-transform: uppercase; line-height: 40px; }
.cart a span { position: absolute; top: 0; left: 30px; width: 18px; height: 12px; border-radius: 8px; background: rgb(167, 222, 63); border: 1px solid #fff; color: #fff; font-size: 10px; text-align: center; line-height: 12px }
.cart a { font-size: 14px; font-family: "Roboto-Regular"; color: #fff; }
.content_info_sc { width: 150px; background: #fff; border: 1px solid #ccc; padding: 5px 0; position: absolute; top: 75%; right: 0; z-index: 999; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); display: none }
.content_info_sc ul { list-style-type: none }
.content_info_sc ul li { padding: 3px 10px }
.content_info_sc ul li a, .if_ac li a { color: #000; font-size: 12px; font-family: 'Roboto-Regular' }
.content_info_sc ul li:hover, .if_ac li:hover { background-color: #f5f5f5 }
.sTable thead td:first-child { border-left: none }
.sTable thead td { text-align: center; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background: #f0f0f0; color: #878787; font-size: 11px; color: #878787; font-weight: normal; padding: 3px 8px 2px }
.sTable tbody td { border-left: 1px solid #e4e4e4; padding: 5px 5px; vertical-align: middle; font-size: 12px }
.sTable tbody tr { border-top: 1px solid #e4e4e4 }
.sTable tbody tr:first-child { border-top: none }
.sTable tbody td p { margin: 0 }
.sTable { border: 1px solid #cdcdcd; border-collapse: collapse }

/*#lang_drop:hover ul#menu_location_list{display:block!important}
*/
ul#menu_location_list li:hover a { color: #f00 !important }
a { text-decoration: none }
#banner, #logo { }
#banner { float: left }
#banner h2 { font-size: 36px; text-transform: uppercase; padding-top: 10px; color: #ac0000; }
#logo { float: left; }
#hinhanh_top { float: right; margin: 15px 0 10px }
#container { background: #fff }
.container { width: 100%; float: left; background: none no-repeat bottom center }
#logo img, #banner img { max-width: 100%; display: inline-block; position: relative; z-index: 111; }
#top { width: 100%; float: left; background: url(images/gocphai.png) no-repeat right top }
.hotro_top { width: 100%; float: left; background: #0a3594; padding: 10px 0 5px; font-family: 'OpenSansRegular' }
.email_top { float: right; padding: 0 1em 0 0; position: relative; }
.email_top i { }
.email_top span { }
.email_top a { color: #4a4a4a }
.email_top a:hover { color: #0098e5; text-decoration: underline }
.diachi_top { float: left; }
.diachi_top a { color: #ffffff; }
.diachi_top i { }
.tendv_top { width: 50%; float: left }
.hinhdv_top { width: 33%; float: left }
.hotnews { width: 100%; display: grid; grid-template-columns: 1fr 2fr; grid-gap: 5px; margin-bottom: 1em; }
.hotnews img {/* border-radius: 50%; */transition: .5s all; }
.hotnews img:hover { transform: scale(.95); transition: .5s all; }
.hotnews .col { padding-top: 10px; }
.hotnews h3 a { font-family: 'RobotoBold'; font-size: 14px; color: rgb(47, 47, 47); }
.hotnews h3 a:hover { color: #f00 }
.hotnews p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'Roboto-Regular'; }
.hotro_bv { background: url(images/hotro_bv.png)no-repeat left .5em top 1em; display: inline-block; width: 100%; padding: 1em 0 0 4em; height: 7em; font-family: 'Roboto-Regular'; font-size: 14px; }
.hotro_bv span { color: rgb(160, 10, 52); }
.share { padding: 10px 0 0 10px; float: left }
.slogan { float: left; font-family: 'OpenSansSemibold'; text-transform: uppercase; }
.slogan p { text-align: center; padding: 9px; color: rgba(255, 255, 255, 1); font-size: 15px; font-family: "SFUFuturaHeavy"; text-transform: uppercase }
.dangnhap_top { float: right; margin: 25px 0 0; text-align: right }
.dangnhap_top a { color: #262626; padding: 0 10px }
.dangnhap_top a:hover { color: #00c1f8; text-decoration: underline }
.mangxh { float: left }
.mangxh h4 { float: left; margin-top: 8px; font-size: 16px; color: #fff }
.mangxh a { float: left; padding: 2px 5px 0 }
.mangxh_top { float: right; padding: 10px }
.mangxh_top a { float: right; padding: 0 0 0 15px }
.mangxh_top span { font-family: "Roboto-Regular"; font-size: 13px; color: rgb(255, 255, 255) }
.mangxh_top:hover a { color: rgb(255, 0, 0) }
.mangxh_top_ { width: 32%; float: right; padding: 0 }
.mangxh_top_:hover a { color: rgb(255, 0, 0) }
.mangxh_top .hinhdv_top { width: 30% }
.mangxh_top_ a { font-family: "RobotoBold"; font-size: 13px; color: rgb(65, 65, 65); text-transform: uppercase }
.thongtin_tt { float: left; width: 540px; }
.thongtin_tt a { font-family: "Roboto-Regular"; color: rgb(85, 85, 85); font-size: 14px }
.thongtin_tt a:hover img { transform: rotate(360deg); transition: 1s }
.thongtin_tt li { float: left; position: relative; width: 100%; }
.thongtin_tt li h1 { font-family: 'SFUAuchonRegular'; font-size: 38px; text-transform: uppercase; color: rgb(247, 0, 0); }
.tygia { width: 140px; float: left; height: 40px; line-height: 41px }
#header { width: 100%; float: left; transition: .5s all; }
.fixed { position: fixed !important; left: 0; top: 0; z-index: 999; transition: .5s all; }
#main_menu.fixed { position: relative; padding: 0; }
.fixed .menu_left { display: none }
.top_bg { background: #02b8f1; width: 100%; float: left }
.top_bg ul { float: right }
.top_bg ul li { display: inline-block; position: relative; height: 30px; float: left }
.top_bg ul li a.kt_vandon { font-size: 12px; color: #fff; float: left; padding: 0 15px 0 0; margin-right: 10px; background: url(images/down_t.jpg) no-repeat right 12px; height: 30px; line-height: 30px }
.top_bg ul li:hover a { color: #FFF000 }
.top_bg ul li .dropdown { top: 100%; z-index: 999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 300px }
#menu_top { width: 20%; float: left; margin: 0; position: relative; border: 2px solid #00b1f0; border-top: 0 }
#menu_top h2 { text-align: center; height: 45px; line-height: 45px; background: url(images/icon_danhmuc.png) no-repeat 20px 15px; background-color: #00bcff; text-transform: uppercase; font-size: 16px; font-weight: 100; font-family: 'RobotoCondensedBold'; color: #fff }
#menu_top ul.big { width: 100%; float: left; padding: 5px }
#menu_top ul li.fi { width: 100%; float: left; padding: 10px 0 10px 10px; text-transform: uppercase; font-size: 12px; color: #333; border-bottom: 1px dotted #ccc; background: url(images/style.png) no-repeat 215px 15px }
#menu_top ul li.fi:last-child { border-bottom: 0 }
#menu_top ul li.fi a.fi1 { color: #333; display: block }
#menu_top ul li.fi .fi1 span img { width: 22px; height: 22px; float: left }
#menu_top ul li.fi .fi1 span { float: left; background: #fff; border-radius: 100%; padding: 5px; margin-right: 10px; border: 1px solid #999 }
#menu_top ul li.fi:hover { background-color: rgba(0, 0, 0, 0.05) }
#menu_top ul li.fi:hover a.fi1 { color: #0369B1 }
#menu_top .sub_menu { width: 540px; background: #fff; left: 244px; top: 0; border: 1px solid #00b3f2; float: left; position: absolute; z-index: 1000; height: 445px; display: inline-block; display: none; padding: 5px; transition: 0.5s }
#menu_top .sub_menu ul { width: 220px; float: left; height: 435px; background: #efefef }
#menu_top .sub_menu li { line-height: 1.5; text-transform: capitalize; width: 100%; float: left; position: relative }
#menu_top .sub_menu li a { float: left; width: 100%; padding: 7px 0 7px 25px; border-bottom: 1px dotted #ccc; background: url(images/muiten_trong.png) no-repeat 10px 13px; color: #666; font-size: 14px }
#menu_top .sub_menu li a:hover { color: #00749A; text-decoration: underline }
.khung_sale { width: 100%; float: left; padding: 2em 1em; margin: 1em 0; background: rgb(225, 224, 224); border: 2px solid rgb(172, 219, 235) }
.khung_sale .khungbao { background: #fff; border: 1px solid rgb(202, 202, 202) }
.khung_sale .owl-item { padding: 0 }
.khung_sale .khungbao h3 { text-align: center }
.khung_sale .khungbao h3 a { font-size: 14px; font-family: "RobotoBold"; color: rgb(62, 62, 62) }
.sale { position: absolute; left: 0; top: 0; line-height: 37px; background-color: rgba(255, 212, 36, .9); text-align: center; width: 56px; height: 35px; font-size: 15px; color: red; font-family: "RobotoBold" }
.sale:after { content: ""; width: 0; height: 0; left: 0; bottom: -4px; border-style: solid; position: absolute; border-width: 0 28px 4px; border-color: transparent rgba(255, 212, 36, .9) }
.tab_menu { width: calc(100% - 30% - 252px); float: left }
.owl_carousel_dm li a { position: relative; width: 100%; float: left; text-transform: uppercase; margin-bottom: 3px }
.owl_carousel_dm li h3 { position: absolute; z-index: 100; width: 100%; float: left; text-align: center; top: 0; font-family: 'RobotoCondensed'; font-size: 40px; color: #fff; padding: 140px; text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333 }
.owl_carousel_dm img { display: block }
.owl_carousel_dm .owl-controls { display: none }
#danhmuc { width: 100%; float: left; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 10px 0 30px }
#slide_show { float: right; position: relative; width: 100%; }
#slide_show .owl-controls { display: block; position: absolute; width: 100%; bottom: 0; }
#slide_show .owl-dots .owl-dot span { width: 15px; height: 15px; background: #ffffff; }
#slide_show .owl-theme .owl-dots .owl-dot.active span, #slide_show .owl-theme .owl-dots .owl-dot:hover span { background: transparent; border: 1px solid #ffffff }
.baiviet_slider { width: 49.25%; height: 215px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 60px; left: 0%; padding: 30px 88px 30px 60px }
.baiviet_slider .thanh_gt:after { width: 60px; height: 2px; content: ''; background: rgb(255, 255, 255); top: 64.1%; left: 0; position: absolute }
.baiviet_slider h4 { font-size: 20px; font-weight: 100; text-transform: capitalize; width: 100%; float: left; text-align: left; font-family: 'RobotoBold'; color: rgb(255, 255, 255); position: relative; padding: 0 0 25px; text-transform: uppercase }
.baiviet_slider p { color: rgb(255, 255, 255); font-family: "Roboto-Regular"; font-size: 15px; text-align: left }
#baiviet { width: 100%; float: left; padding: 0 0 40px }
.nd_baiviet { width: 38.16666%; margin: 0 auto }
.nd_baiviet p { font-family: "Roboto-Regular"; font-size: 15px; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 2.5 }
.nd_baiviet span { font-family: "Roboto-Regular"; font-size: 20px; color: rgb(239, 7, 8) }
#deal { background: #f7f7f7; width: 100%; float: left; margin: 20px 0 }
.breadcrumb {position: relative;margin: 0;padding: 0;z-index: 5;background: transparent;border-radius: 0;margin-bottom: 1em;padding: 10px;background: transparent;padding-left: 0;}
.breadcrumb li a { position: relative; color: #fff; }
.breadcrumb li a:hover { color: #C48B37; }
#home { width: 100%; float: left; margin: 0 0 40px 0; padding: 10px 0; webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .36); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .36) }
.thanh_deal { width: 100%; float: left; text-align: center; padding: 30px 0 25px }
.thanh_deal h2, .thanh_deal h4, .thanh_deal h1 { color: rgba(80, 80, 80, 1); font-size: 22px; padding: 7px 20px 20px; position: relative; text-transform: uppercase; font-family: 'SFUFutura'; font-weight: 100; display: inline-block }
.thanh_deal h2:after { content: ''; width: 60px; height: 2px; background: rgb(255, 0, 0); position: absolute; left: 50%; bottom: 12px; z-index: 100; margin-left: -26px }
.header_top { width: 100%; float: left; text-align: center; }
#shiphang { width: 400px; float: right; background: #ebebeb; padding: 10px }
.shiphang { padding: 20px; border: 1px dashed #0a3594; min-height: 455px; text-align: center }
.shiphang form { width: 100%; float: left }
.shiphang form label { text-transform: uppercase; color: #0a3594; float: left; width: 100%; padding: 5px; text-align: center }
.shiphang form input { padding: 10px; width: 100%; float: left; border: 0; margin-bottom: 10px; text-align: center }
.shiphang form input#tenkhachhang { background: url(images/khach.jpg) no-repeat 15px 10px; background-color: #fff }
.shiphang form input#dienthoai { background: url(images/dienthoai.jpg) no-repeat 15px 10px; background-color: #fff }
.shiphang form button { width: 100%; float: left; background: #0a3594; text-align: center; color: #fff; text-transform: uppercase; padding: 13px 0 10px; border: 0; margin-top: 10px }
.hotline_kh { width: 100%; float: left; font-size: 34px; font-family: 'OpenSansBold'; color: #0a3594; padding: 7px 0 7px 40px; background: url(images/goi.png) no-repeat; margin-top: 30px }
#order_tracking .dropdown__title { margin: 10px 0; text-transform: uppercase }
.dropdown__title { font-size: 12px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase }
.form label { display: block; padding: 5px 0; font-weight: 100; font-size: 12px }
.form__submit__button { border: 0; background: #f36f21; padding: 5px 20px; color: #fff }
.form__submit__button:hover { background: #036289 }
.form__input__text { position: relative; box-sizing: border-box; outline: 0; border: 1px solid rgba(0, 0, 0, .5); margin: 0; padding: 5px; font-size: 12px; width: 100%; border-radius: 3px }
.kiemtra_donhang li { display: inline-block; padding: 5px 30px 5px 0 }
.kiemtra_donhang { width: 100%; float: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0 }
.thongtin_donhang li { padding: 5px 30px 5px 0; border-bottom: 1px solid #eee }
.thongtin_donhang { width: 100%; float: left; margin: 20px 0; border-top: 1px solid #ccc }
.chitiet_donhang { width: 100%; float: left; text-align: center }
.chitiet_donhang h3 { width: 75%; float: right; padding: 20px }
.title_don { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; text-align: center }
.title_don td { padding: 5px; background: #eee }
.owl-carousel_news .owl-controls { display: none }
.dichvu { position: relative; width: 100%; float: left; background: url(images/dv.png)no-repeat top center; }
.dichvu .noidung_dv h3 { width: 100%; float: left; position: relative; line-height: 40px; color: #ff000b; font-size: 28px; text-transform: uppercase; font-family: 'SFUFuturaHeavy'; text-align: center; padding-bottom: 10px; }
.dichvu .noidung_dv h3:after { position: absolute; content: ''; width: 2em; height: 3px; background: #ff000b; left: 50%; bottom: 0; margin-left: -1em; }
.dichvu img {/* width:100%; *//* transition:0.5s; */ }
.dichvu .dv_hinh { width: 100%; float: left; margin-bottom: 20px; position: relative; overflow: hidden }
.dichvu .dv_hinh:hover img { transform: scale(1.1) }
.hexagon { position: relative; width: 205px; height: 118.36px; background-color: #64C7CC; margin: 59.18px 0; }
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 102.5px solid transparent; border-right: 102.5px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 59.18px solid #64C7CC; }
.hexagon:after { top: 100%; width: 0; border-top: 59.18px solid #64C7CC; }
#prolite { min-height: 960px; }
#prolite .slide { width: 100%; min-height: 960px; margin: auto; position: relative; }
#prolite .slide li { list-style: none; position: absolute; transition: all .9s ease-out; -webkit-transition: all .9s ease-out; -moz-transition: all .9s ease-out; -o-transition: all .9s ease-out; }
#prolite .slide li:nth-child(1) { top: 18%; left: 8%; }
#prolite .slide li:nth-child(1):after { width: 11.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 12em; bottom: 6em; }
#prolite .slide li:nth-child(1):before { width: 1px; height: 3.5em; position: absolute; content: ''; background: #1b60a4; left: 23.5em; bottom: 2.6em; }
#prolite .slide li:nth-child(2) { top: 5%; left: 35%; }
#prolite .slide li:nth-child(2):after { width: 4.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11.5em; bottom: 6em; }
#prolite .slide li:nth-child(2):before { width: 1px; height: 13.5em; position: absolute; content: ''; background: #1b60a4; left: 16em; top: 7.8em; }
#prolite .slide li:nth-child(3) { top: 10%; right: 25%; }
#prolite .slide li:nth-child(3):before { width: 1px; height: 5.6em; position: absolute; content: ''; background: #1b60a4; left: 5.5em; top: 11.2em; }
#prolite .slide li:nth-child(3) h3 { position: absolute; left: 110%; width: 300px; text-align: left; top: 35%; }
#prolite .slide li:nth-child(4) { top: 30%; right: 3%; }
#prolite .slide li:nth-child(4):after { width: 10.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; right: 12.5em; bottom: 4em; }
#prolite .slide li:nth-child(5) { right: 6%; bottom: 16%; }
#prolite .slide li:nth-child(5):after { width: 12.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; right: 8em; bottom: 16.5em; }
#prolite .slide li:nth-child(5):before { width: 1px; height: 3em; position: absolute; content: ''; background: #1b60a4; right: 8em; bottom: 13.6em; }
#prolite .slide li:nth-child(6) { right: 32%; bottom: 6%; }
#prolite .slide li:nth-child(6):before { width: 1px; height: 6em; position: absolute; content: ''; background: #1b60a4; right: 9em; bottom: 13.6em; }
#prolite .slide li:nth-child(7) { left: 16%; bottom: 11%; }
#prolite .slide li:nth-child(7):after { width: 5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11em; bottom: 6em; }
#prolite .slide li:nth-child(7):before { width: 1px; height: 10.5em; position: absolute; content: ''; background: #1b60a4; left: 16em; bottom: 6em; }
#prolite .slide li:nth-child(8) { left: 3%; bottom: 36%; }
#prolite .slide li:nth-child(8):after { width: 11.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11em; bottom: 8em; }
#prolite .slide li.active img, #prolite .slide li:hover img { border: 5px solid #ff000b; }
#prolite .slide li:hover:after, #prolite .slide li:hover:before, #prolite .slide li.active:after, #prolite .slide li.active:before { background: #ff000b; }
#prolite .slide li img { border: 5px solid #1b60a4; border-radius: 50%; }
#prolite .slide li.box_dv { text-align: center; }
#prolite .slide li.box_dv h3 { padding-top: 10px; }
#prolite .slide li.box_dv h3 a { font-family: 'SFUFuturaBook'; font-size: 15px; color: #000000; }
#prolite .slide li.center { top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
#prolite .slide li.center .noidung_dv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 500px; height: 300px; border: 5px solid #2860b0; background: #1256b2; padding: 2em; }
#prolite .slide li.center .noidung_dv .content_dv { width: 100%; float: left; padding: 1em; text-align: center; color: #ffffff; font-family: 'SFUFuturaBook'; }
.noidung_load h2 { border-bottom: 1px solid #ccc; text-transform: uppercase; color: #555; width: 100%; float: left; font-size: 18px; font-family: 'RobotoMedium'; height: 40px; line-height: 40px }
.noidung_load h2:before { content: ''; background: url(images/icon.jpg) no-repeat; width: 56px; height: 40px; float: left; margin-right: 20px }
.top_search { background: #f6f6f6; width: 100%; float: left }
.photo_item_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(232, 83, 2, 0.5); opacity: 0; transform: scale(0); transition: transform 0.5s ease 0s }
.photo_item_overlay a { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px }
.icon_background { display: block; background: transparent none repeat scroll 0% 0%; height: 60px; width: 60px; padding: 13px; border-radius: 150px; transform: scale(0); transition: all 0.3s ease 0s }
.icon_button { position: absolute; padding: 13px; font-size: 30px; color: #FFF }
.tim { padding: 0 }
.tim a { padding: 15px 25px 0 !important }
.tim a img { float: left; margin-right: 10px }
.dichvu:hover .photo_item_overlay, .block:hover .photo_item_overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.photo_item_overlay a:hover .icon_background { background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
#banner, #banner_mobile { float: left; padding: 0; font-family: UTMHelvetIns; text-align: left; }
#banner_mobile { display: none }
#slogan { font-family: 'SFUSouvenirBold'; float: left; width: 650px; padding: 25px 0 0 30px; color: #0065a2; font-size: 22px; text-transform: uppercase }
#main_menu { float: right; width: 100%; position: relative; background: #ff0000; border-bottom: 4px solid #ed0000; }

/*#main_menu:after{content: '';position: absolute;top: 100%;width: 100%;height: 28px;background: url(images/menu_after.png)no-repeat bottom;left: 0;z-index: 99;}*/
.slide { width: calc(100% - 21.666%);/* float:left; *//* padding:10px 10px 10px 0; */ }
.bong_sl { width: 100%; float: left; height: 32px; background: url(images/bg_slide.png) no-repeat }
.ngonngu { float: right; margin: 20px 10px 5px 0 }
.ngonngu img { margin-left: 5px }
.ngonngu img:hover { box-shadow: 0 0 10px #ccc }
.ngonngu p { text-align: center }
.ngonngu a { color: #666 }
.ngonngu a:hover { color: #037CBB }
.owwl { width: 25%; float: right }
.owwl .owl-carousel .owl-item { padding: 0 }
.fluid_container { width: 100%; float: right; }
.fluid_container .camera_wrap { margin-bottom: 0 !important }
.fluid_container .camera_pag { position: absolute; bottom: 0; right: 0 }
#thongtin { width: 100%; float: left; padding: 20px 0 30px; background: #f0f0f0 }
.baiviet { width: 225px; float: left; box-shadow: 2px 2px 2px #ccc; }
.baiviet h4 { font-family: 'RobotoBold'; font-size: 15px; text-transform: uppercase; color: #000; width: 100%; float: left; padding: 1.2em 0; text-align: center; border-bottom: 1px solid rgb(225, 225, 225); }
.baiviet ul { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr; }
.baiviet ul li { width: 100%; float: left; line-height: 1; text-align: center; padding: 5px 0; border-bottom: 1px solid rgb(225, 225, 225); }
.baiviet ul li .col-md-3 { padding: 0 }
.baiviet ul li .col-md-9 { padding: 0 }
.baiviet ul li:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.baiviet ul li img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1 }
.baiviet h3 { margin: 0; padding: 5px 0 0 0 }
.baiviet h3 a { font-family: "Roboto-Regular"; font-size: 15px; color: rgb(160, 10, 52); }
.baiviet h3 a:hover { color: rgb(114, 17, 18) }
.baiviet p { font-size: 15px; font-family: "SFUFuturaBook"; color: rgb(111, 111, 111); line-height: 1.4 }
.baiviet img { padding: 3px 0 0 0 }
.bong_tren { width: 100%; float: left; background: url(images/bongtren.png) no-repeat; height: 17px; margin: 20px }
.bong_duoi { width: 100%; float: left; background: url(images/bongduoi.png) no-repeat; height: 40px; margin: 0 }
#video { width: 100%; float: left }
#video_load { margin: 0; background: url(images/bg_pro.png) repeat; width: 100%; float: left }
#video_load .object { background: #fff; width: 100%; float: left }
.video { overflow: hidden; width: 100%; position: relative; }
.owl-carousel_video.owl-carousel .owl-item { padding: 0; }
.select_video { width: 100%; float: left; margin: 0; padding: 0; }
.select_video select { width: 100%; padding: 5px }
.sanpham_dm ul li a { text-decoration: none; width: 300px; float: left; padding: 0 0 8px 10px; color: rgba(255, 255, 255, 1) }
.sanpham_dm ul li a:hover { color: rgba(255, 255, 0, 1) }
.tieude { margin: 10px auto; width: 50%; color: #666; font-size: 24px; text-align: center }
.noidung { text-align: justify; color: #000; padding: 10px 0; width: 100%; display: inline-block; background: #fff; padding: 10px; }
.thongtin_lh { width: 100%; float: left; padding: 0 40px 20px 0 }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: right; padding: 0 }
#form_contact input { padding: 5px }
.timkiem button:hover { color: rgba(255, 255, 0, 1) }
#thuonghieu { width: 260px; float: left; margin: 30px 0 0 0 }
.owl_th { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; }
.item_th { width: 100%; float: left; text-align: center; }
.item_th img { border: 1px solid #ccc; }
.item_th h3 a { color: #000000; text-transform: uppercase; font-family: 'OpenSansBold'; }
.main_select { padding: 9px 0 8px 10px; font-size: 14px; font-family: "Roboto-Regular"; color: rgb(64, 64, 64); width: 100%; height: 42px }
.giohang_top a { width: 26px; height: 30px; float: right; position: relative; color: #F00; height: 42px; background: url(images/taikhoan.png) no-repeat; margin: 30px 0 0 10px; padding: 9px 0 0 9px }
.giohang_top span { float: left; color: #F00 }
#slide_top { width: 100%; float: left; position: relative; border-bottom: 5px solid #7aaa00 }
#giaohang { width: 900px; float: right }
#giaohang li { width: 165px; float: left; padding: 0 20px 0 45px; text-transform: uppercase; font-size: 12px }
#giaohang li a { display: inline-block; color: #000 }
.load_phivanchuyen { float: right; font-weight: bold }
.load_phivanchuyen span { color: #F00 }
.vien_slide { width: 100%; float: left; position: absolute; background: url(images/bong_slide.png) no-repeat; height: 55px; background-size: 100%; bottom: 10px }
#album { width: 100%; float: left; padding: 4em 0; }
.album { width: 100%; float: left; position: relative; overflow: hidden; }
.album:nth-child(4n) { margin-right: 0 }
.album img { width: 100%; float: left; display: block }
.album h3 { font-size: 15px; position: absolute; z-index: 10; bottom: -100px; left: 0; right: 0; background: #1975dd; color: #fff; padding: 5px; transition: 0.5s; }
.album:hover h3 { bottom: 0; transition: .5s all; }
.khung_al { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; }
.khung_album { width: 100%; float: left; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; }
.khung_album .album:nth-child(1) { grid-column: span 2; }
.khung_album .album:nth-child(2) { grid-column: span 2; }
.khung_album .album:nth-child(3) { grid-column: span 2; }
.khung_album .album:nth-child(4) { grid-column: span 3; }
.khung_album .album:nth-child(5) { grid-column: span 3; }
.album a { position: relative; width: 100%; float: left; font-family: 'OpenSansBold'; color: #ffffff; overflow: hidden; font-size: 22px; }
.album img { width: 100%; float: left; display: block; }
.album h3 { font-size: 15px; height: 100%; position: absolute; z-index: 10; bottom: -100%; left: 0; right: 0; background: rgba(0, 0, 0, .5); color: #fff; padding: 5px; transition: 0.5s; display: flex; justify-content: center; text-align: center; align-items: center; }
.album:hover h3 { bottom: 0; transition: .5s all; }
.fom_gh { margin: 10px }
.input-group { width: 100%; padding: 0 }
.input-group-but { text-align: center; margin: 10px 0 20px }
.input-group-but button { background: #000; padding: 10px 40px; border: 0; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px }
#main { width: 100%; float: left; position: relative; }
#mains:after { content: ''; width: 100%; float: left; height: 29px; position: absolute; bottom: -29px; left: 0 }
.main { width: 100%; float: left }
.khung_pro { width: 100%; float: right }
.khung_product {width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2em;}
.wrap { width: 100%; float: left; padding: 0 0 20px 0 }
.wrap .khung { border-bottom: 0; margin: 0; padding: 20px 10px; border-left: 1px solid #f00; border-top: 1px solid #f00 }
.wrap .khung ul { display: flex; flex-wrap: wrap }
.wrap .khung ul li { flex: 1 }
.wrap .khung ul li img { border: 1px solid #ccc }
#right { width: calc(100% - 280px); float: right }
#left { width: 100%; float: left; margin: 0; margin-bottom: 30px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px }
.menu_hover { width: 100%; float: left; position: absolute; display: none; top: 100%; left: 0; z-index: 100; }
.danhmuc { width: 24%; float: left; position: relative; }
.danhmuc:hover .menu_hover { display: block; }
.danhmuc h4 { width: 100%; float: left; text-align: center; }
.danhmuc h4 span { color: #5dac29; text-transform: uppercase; font-size: 14px; height: 62px; line-height: 62px; position: relative; cursor: pointer; text-align: center; font-family: 'RobotoMedium'; background: url(images/icon_dm.png) no-repeat right center; padding-right: 25px; }
@-webkit-keyframes slide-down {
    0% { opacity: 0; -webkit-transform: translateY(-100%) }
    100% { opacity: 1; -webkit-transform: translateY(0) }
}
@-moz-keyframes slide-down {
    0% { opacity: 0; -moz-transform: translateY(-100%) }
    100% { opacity: 1; -moz-transform: translateY(0) }
}
.danhmuc > ul >li:last-child { border-bottom: none }
.danhmuc_left.top { }
.danhmuc_left.top .menu_trong { padding: 15px; }
.danhmuc_left.top .item_tin { width: 100%; display: grid; grid-gap: 1em; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #e4e4e4; font-family: 'Roboto-Regular'; font-size: 13px; color: #4c4c4c; }
.danhmuc_left.top a { font-family: 'RobotoBold'; font-size: 14px; color: #d92323; text-transform: uppercase; }
.danhmuc_left { width: 100%; float: left; position: relative; }
.danhmuc_left h4 { width: 100%; float: left; color: #ffffff; text-transform: uppercase; font-family: 'RobotoBold'; font-size: 14px; height: 40px; line-height: 40px; background: url(images/menu_dm.png) no-repeat; position: relative; cursor: pointer; text-align: center; }
.menu_trong { width: 100%; float: left; background: rgba(255, 255, 255, 1); z-index: 9; text-align: center; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 0 1em; }
.menu_trong { list-style-type: none; margin: 0; }
.menu_trong li { width: 100%; float: left; border-bottom: 1px solid #e4e4e4; position: relative; }
.menu_trong li:last-child { border: none }
.menu_trong .khung_danhmuc a { width: 100%; float: left; padding: 10px 0; text-decoration: none; color: #333333; font-family: "Roboto-Regular"; font-size: 15px; background: url(images/add.png)no-repeat right 1em center; }
.menu_trong li ul a { width: 100%; float: left; color: #666 }
.menu_trong > a:hover { background: rgb(208, 82, 157) }
.menu_trong li ul a { padding-left: 60px; background: none }
.menu_trong li ul { width: 100%; float: left; display: none }
.menu_trong li ul li ul a { padding-left: 20px }

/*.menu_trong>li:hover>ul{top:0;min-height:100%;height:auto;width:100%;display:block;transition:.5s}
*/
.menu_trong li ul li { background: rgb(255, 255, 255) }
.menu_con li:first-child { border-top: 1px dashed rgb(202, 202, 202) }
.menu_trong li ul li:hover a { color: #f00; }
.menu_trong li ul li:hover ul { display: block; border-left: 1px solid rgb(242, 242, 242); transition: .5s }
.hovers { content: ''; position: absolute; left: 45px; top: 20px; width: 4px; height: 7px; background: url("images/hover.png")no-repeat left center }
.hover { position: absolute; right: 0; top: 0; cursor: pointer; }
.tinhtrang { border-top: 1px solid #627079; width: 100%; float: left }
.tinhtrang li a { display: block; padding: 5px 0 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F }
.tinhtrang h4 { text-transform: uppercase; font-weight: 100; margin: 5px 0 0 5px; color: #999 }
.thanh { width: 100%; float: left; color: #000000; font-size: 20px; position: relative; text-transform: uppercase; z-index: 10; font-family: UTMAvoBold; text-align: left; padding: 0 0 1em 0; }
.hotro_tt { color: #713b00; font-weight: bold; text-align: center; margin: 0 }
.hotline_l { font-size: 14px; font-weight: bold; margin: auto; width: 100%; background: url('images/hotline_l.png') no-repeat 15px 20px; color: #fe0000; padding: 12px 0 10px 75px; font-family: 'RobotoCondensed'; float: left }
.hotline_l span { font-size: 18px; width: 100%; float: left }
.homnay { width: 50%; float: left; text-align: center; padding: 5px; font-size: 12px }
.homnay p { background: #eee; padding: 2px 0 }
.thanh img { float: left; margin: 2px 10px 0 }
.thanh h4 { color: rgba(255, 255, 255, 1); margin-top: 8px; font-weight: 100 }
.menu_left { width: 100%; float: left; z-index: 9; background: #ffffff; border-bottom: 1px solid #cccccc; }
.menu_left { list-style-type: none; margin: 0; padding: 0; text-align: center; max-height: 368px; overflow: auto; transition: 0.5s; }
.menu_left li { width: 100%; float: left; transition: all 0.3s; background: #59a528; }
.menu_left >li >a:hover img { -webkit-filter: brightness(200%); filter: brightness(200%); filter: contrast(1000%) invert(100%) sepia(100%) saturate(10%) hue-rotate(90deg); }
.menu_left >li >a:hover { background: #3a7218; position: relative; color: white; }
.menu_left >li >a:hover:after { content: ''; position: absolute; top: 1px; right: -22px; border-left: 22px solid #029ed4; border-top: 22px solid transparent; border-bottom: 22px solid transparent; z-index: 9; display: none; }
.menu_left > li >a { width: 100%; text-decoration: none; font-size: 14px; height: 45px; line-height: 45px; color: #fff; position: relative; display: inline-block; border-bottom: 1px solid #cccccc; text-align: left; padding-left: 1.5em; font-family: 'RobotoBold'; }
.menu_left a img { margin-right: 5px; }
.menu_left li ul a { width: 100%; float: left; }
.menu_left li:last-child a { border-bottom: 0; }
.menu_left>li:hover>ul { display: block; transition: .5s }
.menu_left li ul a { padding-left: 20px; background: none }
.menu_left li ul { position: absolute; left: 100%; width: 200px; display: none; top: 0; padding: 0; list-style: none; }
.menu_left li ul li ul a { padding-left: 20px }
.menu_left li ul li a { color: #333;/* background: #fff; */ }
.menu_left li ul li:hover >a { background: transparent; color: #000; }
.menu_left li ul li:hover> ul { display: block; border-left: 1px solid rgb(242, 242, 242); transition: .5s }
.menu_left li ul li ul { display: none; }
.menu_left li ul li ul.cap4 { max-height: 515px; overflow-x: auto; }
.menu_left::-webkit-scrollbar { width: 5px }
.menu_left::-webkit-scrollbar-track { background: transparent; }
.menu_left::-webkit-scrollbar-thumb { background: #3a7218 }
.menu_left::-webkit-scrollbar-thumb:hover { background: transparent; }
.menu_left li.andm { display: none; }
.menu_left li i { font-size: 15px; margin-right: 10px; }
.menu_left .block_submenu { width: 740px; background: rgba(255, 255, 255, 0.7); padding: 0; list-style: none; height: 100%; padding: 1em; }
.menu_left .block_submenu li { }
.menu_left .block_submenu >li { width: 25%; border: none; background: none; }
.menu_left .block_submenu li a:hover { background: #59a528; color: #fff; font-weight: 100; text-transform: capitalize; display: block; font-size: 13px; padding: 2px; padding-left: 5px; }
.menu_left .block_submenu >li >a { font-weight: bold; padding-bottom: 0em; padding: 0; text-align: left; }
.menu_left .block_submenu li ul { }
.menu_left .block_submenu >li >ul { display: block; position: relative; left: 0; width: auto; padding-left: 1em }
.menu_left .block_submenu li ul li { }
.menu_left .block_submenu >li >ul >li a { padding: 0.3em;/* padding-left:1em;*/ font-size: 0.85em }
.menu_left .block_submenu >li >ul >li { border: none }
.menu_left::-webkit-scrollbar { width: 3px }
.menu_left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(254, 164, 137, 1); border-radius: 10px }
.menu_left::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(254, 184, 163, 1) }
.menu_l { width: 100%; float: left; background: rgba(247, 247, 247, 1); z-index: 9; border: 1px solid rgb(247, 247, 247) }
.menu_l { list-style-type: none; margin: 0; padding: 0 }
.menu_l li { width: 100%; float: left; border-bottom: 1px dotted rgb(95, 86, 86); transition: all 0.3s; padding: 9.95px 15px; display: grid; grid-template-columns: 1fr 1.5fr; }
.menu_l a { width: 100%; float: left; text-decoration: none; color: rgb(0, 0, 0); font-family: "Roboto-Regular"; font-size: 15px }
.menu_l img { padding-right: 10px; }

.menu_left li ul li ul li{background: none;text-align: left;}

/*.menu_left>li:hover>ul{width:auto}
*/
.hotro_bt { width: 100%; float: left }
.hotro_bt p b { color: #444; font-family: 'UTMAvo' }
.hotline_bt { font-family: 'RobotoBold'; font-size: 28px; color: #ff0000; padding-top: 6.5em; width: 100%; text-align: center; }
.hotline_bt p { font-size: 18px; }
.yahoo_top { text-align: center; margin: 5px 0 0 }
.yahoo { width: 100%; float: left; margin: 0; color: #ec0000; font-size: 22px; font-family: 'UTMAvo'; flex: 1 50%; border-bottom: 1px solid; }
.yahoo p { float: left; color: #3853a4; font-size: 14px; width: 100%; }
.yahoo a { color: #333; padding-left: 5px; float: right }
.yahoo p.hinh a { float: left; margin: 5px 0 0 5px }
.yahoo .dienthoai { float: left; color: #333; padding: 2px 0 2px 30px; background: url(images/phone.png) no-repeat left; font-family: "RobotoCondensedRegular"; color: #f00; font-size: 15px; }
.yahoo .email { float: left; color: #333; padding: 2px 0 2px 30px; background: url(images/email.png) no-repeat left center; font-family: "RobotoCondensedRegular"; color: rgb(112, 112, 112); font-size: 15px; }
.yahoo p span { float: left; padding: 7px 0 0 0; font-family: "RobotoCondensedBold"; font-size: 17px }
.row_list .khung { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 2em; }
.row_list .khung_sp .item_index { padding: 10px; width: 100%; display: grid; grid-template-columns: 1fr 2.4fr; grid-gap: 10px; border: 1px solid #dfdfdf; }
.row_list .khung_sp .item_index h3 { padding: 0; }
.row_list .khung_sp .item_index h3 a { font-family: 'RobotoBlack'; font-size: 14px; color: #0e6bd9; text-transform: uppercase; }
.row_list .khung_sp .item_index p { font-family: 'Roboto-Regular'; display: grid; grid-template-columns: 1fr 2fr; width: 100%; padding-bottom: 5px; }
.row_list .khung_sp .item_index p span { font-family: 'RobotoBold'; }
#pro { width: 100%; float: left; }
.khung_index .item_index { display: grid; grid-template-columns: 1fr 2fr; }
.khung_index .item_index h3 { padding: 0; }
.khung_index .item_index h3 a { font-size: 19px; }
.khung_index .item_index .ndung .top { width: 100%; float: left; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; margin: 1em 0; }
.khung_index .item_index .ndung .top > p { font-family: 'Roboto-Regular'; color: #6d6c6c; text-align: left; float: left; line-height: 50px; margin: 0; padding-right: 3em; padding-left: 20px; }
.khung_index .item_index p span { }
.khung_index .item_index .ndung { width: 97%; float: left; background: #e5e5e5; padding: 2em; position: relative; }
.khung_index .item_index .ndung:after { content: ''; width: 0; height: 0; position: absolute; left: 100%; top: 0; border-top: 280px solid transparent; border-right: 0px solid transparent; border-left: 25px solid #e5e5e5; }
.khung_index .item_index .ndung .top a { text-transform: uppercase; font-family: 'RobotoBold'; font-size: 14px; color: #202020; border-radius: 4px; padding: .5em 1em; background: #f5b402; display: inline-block; float: right; border: 1px solid #c48f00; margin-top: 7px; }
.khung_index .item_index .ndung .top a:hover { color: #ff0000 }
.khung_index .item_index .ndung > a { position: absolute; bottom: 2em; left: 2em; font-size: 13px; color: #13aa07; }
.khung_index .item_index .ndung > a:hover { color: #ff0000; }
.sp_noibat { padding: 15px 0; width: 100%; float: left; font-family: 'RobotoCondensed'; border-bottom: 1px dotted #ccc; color: #eee }
.sp_noibat img { margin: 5px 20px 5px 0; border: 1px solid #eee; float: left }
.sp_noibat h3 a { color: #F0C600 }
.sp_noibat .ngaytao { color: #948787; font-size: 11px }
.sp_noibat:hover h3 a { text-decoration: underline; color: #FFF600 }
.tuyendung { width: 350px; float: left }
.tuyendung li a { width: 100%; float: left; text-align: center; border-bottom: 1px solid #eee; color: #696969; padding: 6px }
.tuyendung li:hover a { color: #03567C; text-decoration: underline }
.tuyendung li:last-child a { border-bottom: 0 }
.hotnew { width: 100%; float: left; font-size: 12px }
.hotnew a { color: #333 }
.hotnew { padding: 5px 0 }
.hotnew:hover a { color: #f60; text-decoration: underline }
.hotnew:hover img { filter: brightness(120%); -webkit-filter: brightness(120%) }
.khung_tintuc { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; }
.slick_tintuc.owl-carousel .owl-item { padding: 0; margin-bottom: 3px; }
.slick_tintuc.owl-carousel .owl-item .ngay { position: absolute; width: 55px; height: 75px; text-align: center; background: #00739e; color: #ffffff; font-family: 'MontserratRegular'; font-size: 18px; padding: 5px 10px; z-index: 9; top: 300px; left: 10px; }
.slick_tintuc.owl-carousel .owl-item .ngay .col1 { border-bottom: 1px solid; font-family: OpenSansBold; color: #ffffff; font-size: 30px; }
.khung_tintuc .box_tin { width: 99.9%; position: relative; overflow: hidden; border: 1px solid #dfdfdf; margin: auto; }
.khung_tintuc .box_tin .nd { position: relative; width: 100%; float: right; background: #ffffff; padding: 10px; }
.khung_tintuc .box_tin h3 { line-height: 1.2; padding: 0em 0 10px 4em; }
.khung_tintuc .box_tin h3 a { font-family: 'OpenSansSemibold'; color: #282828; font-size: 14px; text-transform: uppercase; }
.khung_tintuc .box_tin p i { font-size: 18px; }
.khung_tintuc .box_tin .ngay p { font-size: 14px; font-family: 'OpenSansSemibold'; color: #ffffff; }
.khung_tintuc .box_tin p { font-size: 14px; font-family: 'OpenSansRegular'; color: #5b5b5b; }
.khung_tintuc .box_tin:hover h3 a { color: #ff0000; }
.khung_tintuc .box_tin img { transition: .5s all; }
.khung_tintuc .box_tin:hover img { transition: .5s all; transform: scale(1.05); }
.tintuc { width: 100%; float: left; }
.tintuc .slider-left { margin-bottom: 15px; }
.tintuc .slick-slide.slick-active { }
.tintuc .slick-slide.slick-current .hex .left { border-right: 55px solid rgba(255, 255, 255, .2); border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.tintuc .slick-slide.slick-current .hex .right { border-left: 55px solid rgba(255, 255, 255, .2); border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.tintuc .slick-slide.slick-current .hex .middle { float: left; width: 106px; height: 184px; background: rgba(255, 255, 255, .2); }
.tintuc .slick-slide.slick-current h3 a { color: #ffffff; }
.ngaythang { color: #999 }
.visit_hidden { visibility: hidden; height: 0; margin: 0; }
.tinkhac { width: 100%; float: left; }
.tinkhac ul { padding: 0; }
.tinkhac li a { width: 100%; float: left; padding: 5px 0; color: #333;/* font-family: "RobotoLight" */ }
.tinkhac li a i { margin-right: 10px; }
.tinkhac li a:hover { color: #036CAF; text-decoration: underline }
.xemnhieu { width: 193px; float: left; border: 1px solid #FF8A00; background: url(images/left_cham.png) repeat-y }
ul.pagination { text-align: center; color: #829994 }
ul.pagination li { display: inline; padding: 0 3px }
ul.pagination a { color: #fff; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; background: #333 }
ul.pagination a:hover, ul.pagination a.current { background: #C48B37; color: #fff; }
.page_info { display: none !important }

/* ========== Content pagination ========== */
.paging { width: 100%; float: left; text-align: center; margin: 10px 0; }
.pagination { margin: auto; width: auto; text-align: center; margin-top: 10px }
.pages li.prev { margin-right: 15px }
.pages li.next { margin-left: 15px }
.pages li { display: inline-block; margin: 5px 2px }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666; font-weight: bold; background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px }
.pages li a:hover { background: #f6f6f6 }
.pages li .active { background: url(../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852 }
.pages li .active:hover { background: #2a313d }
.ngaydang { font-style: italic; color: #ccc }
.bando { width: 100%; float: left; }
.bando iframe { width: 100%; height: 190px; }
.bando .col-md-6 { padding: 0 }
.bando a { font-family: "Roboto-Regular"; font-size: 14px; color: rgb(255, 255, 255); line-height: 2.4; padding: 0 0 0 10px }
.bando a:hover { color: rgb(231, 0, 98) }
.bando ul li { position: relative }
.bando ul li:after { content: ''; position: absolute; left: -10px; top: 5px; width: 18px; height: 18px; background: url(images/nut.png)no-repeat left 10px center }
.tag_map { width: 100%; float: left }
.tag_map li a { float: left; padding: 5px 20px; font-family: 'OpenSansExtraBold'; color: #0a3594; margin: 0 5px 0 0; border: 1px solid #ccc }
.tag_map li a.active { background: #0a3594; color: #fff }
.thongke { float: right !important; }
.thongke ul { list-style: none; margin: 0; width: 100%; float: left; background: none no-repeat 0 5px; padding: 2px 0 0 }
.thongke ul li { width: 100%; text-align: left; float: left; font-size: 14px; color: #fff; font-family: "SFUFuturaLightOblique"; border-bottom: 1px solid rgb(72, 72, 72) }
.thongke ul li span { color: #ff951d }
.thongke p { width: 30%; float: right; text-align: right }
.dang_onl { }
.da_onl { }
.online { background: url(images/muiten.png) no-repeat 10px 12px; color: #FFF }
.online span { width: 80px; float: left; padding-left: 20px }
.menu_danhmuc { width: 100%; float: left; background: url(images/thanh_sp.jpg) repeat-x; height: 45px }
.menu_danhmuc li a { float: left; height: 42px; line-height: 42px; padding: 0 20px 0 30px; text-transform: uppercase; color: #333; margin-top: 3px }
.menu_danhmuc li.active a { background: #01b8f1; color: #fff; font-weight: bold }
.menu_danhmuc li.active a:before { content: ''; width: 7px; background: url(images/truoc.png) no-repeat; height: 45px; float: left; margin-left: -30px; margin-top: -3px; margin-right: 10px; color: #fff }
.menu_danhmuc li.active a:after { content: ''; width: 19px; background: url(images/sau.png) no-repeat; height: 45px; float: right; margin-right: -37px }
.menu_danhmuc a:hover { color: #094596 }
.bong_info { width: 730px; float: right; height: 30px; font-weight: 900; color: #333; text-transform: uppercase; line-height: 30px }
.hotline {/* width: 205px; */float: right; color: #ed1c24; font-size: 20px; background: url(images/hotline.png) no-repeat left center; padding: 0em 0 0em 8.5em; font-family: UTMHelvetIns; text-transform: uppercase;/* text-shadow:2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF,2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF; */ text-align: right; line-height: 1.2; margin-top: 15px; }
.hotline h5 { font-weight: 100; font-size: 12px }
.hotline span { }
.thongtin { width: 100%; float: left; font-weight: bold; padding: 20px 0 22px 20px; font-size: 14px; background: url(images/bg_tt.jpg) repeat-x bottom }
.thongtin li { display: inline-block }
.thongtin li a { border-right: 1px solid #ccc; padding: 0 10px; color: #323232; font-size: 12px }
.thongtin li a:hover { color: #01517A }
.tin_moi { padding: 0 10px }
.tin_moi a { text-decoration: none; color: rgba(51, 51, 51, 1) }
.tin_moi img { float: left; border: 1px solid rgba(204, 204, 204, 1); padding: 2px; margin-right: 10px; margin-top: 10px }
#visao { width: 100%; float: left; background: url('images/bg_visao.jpg') repeat; padding: 40px 0; margin: 30px 0 }
.visao { width: 100%; float: left; padding: 0 0 3em 0; }
.visao .owl-theme .owl-controls { display: block; }
.visao .owl-theme .owl-controls .owl-dots { display: none !important; }

/*.visao .owl-prev{position:absolute;z-index:10;left: -45px;top: 6.5em;width: 35px;height: 35px;background:url(images/left.png)no-repeat !important;float:left;text-indent:-9999px;display:block!important;}
.visao .owl-next{position:absolute;z-index:10;right: -45px;top: 6.5em;width: 35px;height: 35px;background:url(images/right.png)no-repeat !important;float:left;text-indent:-9999px;display:block!important;}*/
.visao .left_vs { }
.visao ul { padding: 0; list-style: none; width: 100%; float: left; padding-top: 2em; }
.right_top .right_vs { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2em; padding-top: 5px; }
.visao ul .item_vs { width: 100%; float: left; position: relative; text-align: center; }
.visao ul .item_vs:last-child:after, .visao .right_vs ul .item_vs:nth-last-child(2):after { display: none; }
.visao ul .item_vs h3 { font-family: UTMAvo; font-size: 17px; display: flex; align-items: center; justify-content: center; align-content: center; text-align: center; height: 100%; font-weight: 100; padding: 10px 0; }
.visao ul .item_vs h3 a { color: #000000; text-transform: uppercase; }
.visao ul .item_vs:hover h3 a { color: #cc1a1a; }
.visao ul .item_vs p { font-family: Roboto-Regular; color: #000000; font-size: 14px; margin: 0; }
.visao ul .item_vs img { transition: .5s all; }
.visao ul .item_vs:hover img { transition: .5s all; transform: scale(0.95); }
.visao ul .item_vs:hover .so { color: #ff0000; }
.visao ul .item_vs .so { text-align: center; display: flex; align-items: center; justify-content: center; background: url(images/bg_vs.png)no-repeat center bottom; font-family: 'NotoSerif'; font-weight: bold; font-size: 32px; }
.owl_carousel_visao .owl-controls { display: none }

/*.owl_carousel_visao.owl-carousel .owl-item:after {position: absolute;right: 0;width: 1px;background: rgba(255, 255, 255, .2);content: '';height: 80px;top: 1em;}*/
.owl_carousel_visao li { text-align: center }
.owl_carousel_visao li h3 { font-family: 'MontserratRegular'; font-size: 15px; text-transform: uppercase; display: block; margin: 5px 0 10px; color: #ffffff; }
.owl_carousel_visao li img { border-radius: 50% }
.owl_carousel_visao li h3 a:hover { text-decoration: underline }
.thanh_vs { width: 100%; float: left; text-align: center; }
.thanh_vs h3 { font-size: 25px; color: #ffffff; font-family: OpenSansBold; text-transform: uppercase; position: relative; display: inline-block; margin-left: 5em; }
.thanh_vs h3:after { position: absolute; width: 158px; height: 56px; background: url(images/wel.png)no-repeat; top: -1em; content: ''; right: 85%; }
#content { width: 100%; float: left; margin: 0; border-top: 0; background: url(images/gioithieu.png)no-repeat top center }
#info { width: 100%; float: right; margin: 0; padding: 2em 0 1em; background: none !important; }
#info1 { width: 100%; float: right; margin: 0; padding: 0 0 10px; display: none }
#sanpham { width: 100%; float: left; padding: 3em 0 2em; }
#spham_noibat { width: 100%; float: left; margin: 0; border-top: 0; padding: 0 0 }
#info .col-md-3, #info .col-sm-4, #info .col-xx-6, #info .col-xs-12 { padding: 0 }
#sanpham .col-md-3, #info .col-sm-4, #info .col-xx-6, #info .col-xs-12 { padding: 0 }
#sanpham .col-md-10 { padding: 0; background: rgb(238, 238, 238); padding: 0 10px }
.title_sp { width: 100%; float: left; padding: 0 0 0 10px; border-left: 2px solid rgba(231, 0, 98, 1); border-bottom: 2px solid rgba(231, 0, 98, 1) }
.title_sp h2 { text-align: left; font-size: 32px; font-family: 'UVFMetroScript'; color: rgb(231, 0, 98) }
.updating { text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; float: left; width: 100%; padding: 30px 0; }
.khung_in { margin-left: -15px; margin-right: -15px }
.xemsp { position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; height: 40px; background: rgba(0, 0, 0, 0.8); color: #fff; padding-top: 10px }
.xemsp:after { content: ''; background: url(images/muiten.png) no-repeat 0 0; width: 5px; height: 9px; display: inline-block; margin-left: 10px }
.row_list .hinh { width: 40% }
.row_list .hinh img { width: 100% }
#left_main { width: calc(100% - 340px); float: right; }
#right_main { width: 320px; float: left; padding: 0; }
.item_index { float: left; overflow: hidden; position: relative; margin-bottom: 5px; }
.item_index:nth-child(1) { }
.item_index:nth-child(2) { float: right; }
.item_index:nth-child(3) { }
.item_index:nth-child(4) { float: right; }
.item_index .img { width: 100%; float: left; position: relative }
.item_index:hover .xemsp { color: #FFF000 }
.item_index img { width: 100%; transition: 0.5s; display: block; }
.item_index h3 { font-size: 13px; font-weight: bold; padding: 1em 0 1.5em; width: 100%; float: left; text-align: center; position: absolute; bottom: 0; background: rgba(0, 0, 0, .7); }
.item_index h3:after { content: ''; position: absolute; width: 4em; height: 2px; background: #ffffff; bottom: 15px; left: 50%; margin-left: -2em; }
.item_index h3 a { color: #ffffff; font-family: Roboto-Regular; font-size: 26px; display: inline-block; font-weight: 100; text-transform: uppercase; }
.item_index:hover h3 a { color: #f00; }
.item_index:hover img { -webkit-transform: scale(1..96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96) }
.item_index p { font-size: 14px; color: #333333; display: inline-block; margin: 0; line-height: 2; }
.item_index .mota { width: 100%; display: inline-block; text-align: left; font-family: 'Roboto-Regular'; font-size: 13px; color: rgb(85, 85, 85); padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5; }
.item_index p span { color: #5b5b5b; font-family: 'Roboto-Regular'; }
.item_index .size { text-align: left; padding: 0 10px; display: block; font-family: 'Roboto-Regular'; font-size: 12px; color: rgb(51, 51, 51); }
.item_index .dientich { background: url(images/dientich.png)no-repeat center left; }
.item_index .diachi { background: url(images/diachi.png)no-repeat center left; }
.item_index p.gia span { color: #ed1c24; }
.item_index p.dientich span { color: #13aa07; }
.item_index p.gia { position: relative; background: url(images/gia.png)no-repeat center left; }
.product-detail { width: 100%; float: left; padding: 10px; border: 1px solid #cccccc; }
.product-detail .pd-desc { border-top: 1px solid #e3e3e3; padding-top: 12px; margin: 15px 0 0 0; text-rendering: geometricPrecision; }
.product-detail .pd-desc h3 { font: 16px 'RobotoBold'; color: #37a244; margin: 0; margin-bottom: 5px; }
.bds-item { display: inline-block; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 1.5em; width: 100%; }
.bds-item .info-frame { width: calc(100% - 280px); }
.bds-item .info-frame .info { }
.bds-item .info-frame .info .desc { width: 100%; color: #1e1e1e; position: relative; padding: 7px 0 2em 0; font-family: 'OpenSansRegular'; font-size: 14px; border-bottom: 1px solid #e1e1e1; }
.bds-item .info-frame .info .desc .bdschitiet { ; color: #f58220; position: absolute; right: 0; bottom: 1em; padding-left: 10px; font-size: 14px; }
.bds-item .info-frame .info .extra-info { width: 100%; padding-top: 1em; }
.bds-item .info-frame .info .extra-info p { margin: 0; position: relative; }
.bds-item .info-frame .info .extra-info .col-title { width: 26px; height: 32px; display: inline-block; background-repeat: no-repeat; background-position: center center; }
.bds-item .info-frame .info .extra-info .icon-dientich { background: url(images/dientich.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-phong { background: url(images/bed.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-gia { background: url(images/gia.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-diachi { background: url(images/diachi.png)no-repeat center left; padding-left: 2em; }
.bds-item .info-frame .info .extra-info .icon-user { background: url(images/user.png)no-repeat }
.bds-item .info-frame .info .extra-info .icon-lich { background: url(images/lich.png)no-repeat left center; padding-left: 2em; float: left; }
.bds-item .info-frame .info .extra-info p.address { line-height: 32px; font-family: 'RobotoMedium'; font-size: 14px; color: #1e1e1e; }
.bds-item .info-frame .info .extra-info .gia .col-content { color: #ec0e0e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 21px; font-family: 'OpenSansSemiBold'; }
.bds-item .info-frame .info .extra-info .dientich .col-content { color: #1e1e1e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 15px; font-family: 'OpenSansRegular'; }
.bds-item .info-frame .info .extra-info .user .col-content { color: #1e1e1e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 15px; font-family: 'OpenSansRegular'; }
.bds-item .info-frame >h3 { margin: 0; padding-bottom: 5px; font-family: 'OpenSansBold'; font-size: 15px; }
.bds-item .info-frame >h3 a { transition: color .3s linear; color: #05579b; font-family: 'RobotoBold'; font-size: 16px; }
.bds-item .info-frame >h3 a:hover { color: #f00 }
.bds-item .img { padding: 3px; border: 1px solid #dedede }
.bds-item .img img { width: 250px; height: 185px; }
.owl_nb { width: 100%; float: left; }
.owl_sp { width: 100%; float: left; margin: 0; }
.owl_sp .owl-controls { display: block !important }
.owl_sp .owl-dots { display: none !important }
.owl_sp .owl-prev { position: absolute; z-index: 10; left: -25px; top: 9em; width: 10px; height: 30px; background: url(images/left.png)no-repeat !important; float: left; text-indent: -9999px;/* display:block!important */ }
.owl_sp .owl-next { position: absolute; z-index: 10; right: -25px; top: 9em; width: 10px; height: 30px; background: url(images/right.png)no-repeat !important; float: left; text-indent: -9999px;/* display:block!important */ }
.owl_sp .owl-item { padding: 0; }
.xemtatca { position: absolute; right: 0; top: 1em }
.xemtatca a { font-family: 'Roboto-Regular' }
.xemtatca a:hover { color: #f00 }
.maskitem { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.item_index:hover .maskitem, .item:hover .maskitem { top: 0 }
.maskitem ul { list-style-type: none }
.maskitem ul li { display: inline-block; margin: 0.5em 1em; padding: 0.5em; border: 2px solid #fff; cursor: pointer }
.maskitem ul li i { font-size: 2em; color: white; font-weight: normal; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.maskitem ul li:hover { border-color: #1975dd; background: rgba(255, 255, 255, 0.5); }
.maskitem ul li:hover i { color: #1975dd; }
#sale { width: 100%; display: inline-block }
#sale .khung_sale .khungbao h3 { height: 50px; overflow: hidden }
#sale .flashsale h2 { float: left; font-size: 30px; font-family: "RobotoBold"; color: rgb(2, 158, 212); text-transform: uppercase; line-height: 45px }
#sale .flashsale h2 span { text-transform: none; font-size: 20px }
.xem { float: left; padding: 10px 25px; border: 1px solid rgb(136, 136, 136) }
.xem a { font-family: "RobotoLight"; font-size: 14px; color: rgb(104, 104, 104) }
.xem:hover a { color: rgb(238, 0, 0) }
.xemthem_sp { position: relative; width: 240px; height: 40px; margin: 0 auto; background: rgb(0, 91, 171) }
.xemthem_sp a { display: inline-block; text-transform: uppercase; float: left; color: rgb(255, 255, 255); padding: 10px 0 0 30px; font-family: "Roboto-Regular" }
.xemthem_sp:after { content: ''; width: 5px; height: 8px; background: url(images/hover.png) no-repeat; position: absolute; right: 25px; top: 15px; z-index: 100 }
.xemthem_sp:hover a { color: #ff0 }
.product_list { float: left }
.product_list ul { width: 150px; float: left; height: 533px; background: #e2e2e2; padding: 20px }
.product_list ul li a { width: 100%; float: left; padding: 7px 0 7px 10px; color: #4f4f4f }
.product_list ul li a:hover { color: #02719A; text-decoration: underline }
#congtrinh { background: #eee; width: 100%; float: left; margin: 20px }
.khung_tt { float: left; padding-right: 30px }
.khung_km { padding-left: 30px }
.video_con { width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px }
#khachhang { width: 100%; float: left; background: url('images/background_kh.jpg') no-repeat; min-height: 626px }
#khachhang .thanh_vs { margin: 40px 0 50px !important; background: url(images/chamtrang.png) no-repeat bottom center }
#khachhang .thanh_vs h4 { color: #fff !important }
.owl_carousel_kh { width: 100%; float: left; margin: 0 0 20px }
.khach img { max-width: 100%; width: auto !important; border-radius: 100%; border: 3px solid #fff }
.khach { padding: 30px; border: 1px solid #eee; font-family: 'OpenSansRegular'; color: #fff; text-align: center; min-height: 360px }
.khach h3 { margin-top: 5px; font-family: 'OpenSansBold'; font-size: 18px }
.khach h4 { margin-bottom: 20px }
.khach p { font-size: 13px }
.owl_carousel_kh .owl-controls { padding: 20px }
.thuonghieu { padding-left: 10px }
.thuonghieu a { border: 1px solid #eee; float: left; margin-bottom: 10px; padding: 5px; transition: 0.5s }
.thuonghieu a:hover { border: 1px solid #FF01EA }
.hotro_tructuyen { width: 590px; float: right }
.hotro_online { width: 240px; float: left; padding: 150px; background: url(images/hotro.png) no-repeat 0 0 }
.frm_lienhe { width: 325px; float: right }
.box_lh { width: 100%; float: left; border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0 }
.frm_lienhe input { padding: 7px; width: 100%; border: 0; border-bottom: 1px solid #cfcece }
.box_lh li:last-child input { border-bottom: 0; border-radius: 0 0 5px 5px }
.box_lh li:first-child input { border-radius: 5px 5px 0 0 }
.frm_lienhe textarea { border-radius: 5px; width: 100%; height: 80px; float: left; margin-top: 10px; border: 1px solid #cfcece; padding: 5px }
.frm_lienhe button { background: #009030; border: 0; padding: 5px 20px; color: #fff; float: left; margin-top: 5px; cursor: pointer }
.frm_lienhe button:hover { color: #FBF201 }
#sanpham .row_list .margin_auto > p { width: 100%; display: inline-block; padding-top: 10px; }
.row_list { width: 100%; float: left; position: relative; text-align: center; background: #ffffff; padding: 5em 0 1em; }
.row_list:nth-child(2n) { background: #f7f7f7; }
#danhmucban .row_ban .margin_auto > p { width: 100%; display: inline-block; padding-top: 10px; }
.row_ban { width: 100%; float: left; position: relative; margin: 0; padding: 3em 0; text-align: center; }
.khung_cont { width: 100%; float: left; position: relative; margin: 0; padding: 0; background: #fff; }
.khung_cont { width: 100%; float: left; padding: 10px; }
.xemtiep { float: left; font-size: 13px; background: none no-repeat 80px 12px; transition: 0.5s; text-align: center; font-weight: bold; }
.xemtiep a { text-decoration: none; font-style: italic; float: left; padding: 7px 0; color: #f00; }
.xemtiep a:hover { color: #f00 }
.giaohang { width: 100%; float: left; margin-top: 20px; padding: 0 0 30px }
.thanh_tab { float: right; background: none repeat-x; text-align: right; padding: 0; list-style: none; }
.thanh_tab li { float: right; position: relative; }
.thanh_tab li:first-child { }
.thanh_tab li a { float: left; height: 45px; line-height: 48px; font-family: 'Roboto-Regular'; padding: 0 10px; font-size: 15px; color: #ffffff; cursor: pointer; border-radius: 40px; position: relative; }
.thanh_tab li:first-child a:after { display: none; }
.thanh_tab li a:after { position: absolute; content: ''; width: 1px; height: 10px; background: #3e3e3e; top: 50%; transform: translateY(-50%); left: 100%; }
.thanh_tintuc { width: 100%; float: left }
.thanh_tintuc h4, .thanh_tintuc h2 { font-family: "Roboto-Regular"; font-size: 28px; color: rgb(9, 149, 71); text-transform: uppercase; float: left; position: relative; width: 100%; overflow: hidden; margin: 0 0 10px 0 }
.thanh_tintuc h6 { color: rgba(255, 255, 255, 1); font-size: 16px; position: relative; font-family: 'RobotoBold'; font-weight: 100; display: inline-block; background: none no-repeat left center; background-size: 100% 100%; padding: 5px 10px; background: rgb(159, 28, 53) }
.sp_cungloai { width: 80%; float: right; }
.sp_cungloai .thanh_tintuc { text-align: left; border-bottom: 1px dotted #ccc; margin: 0 0 2em 0 }
.sp_cungloai .khung_sp { grid-template-columns: 1fr; }
.khung .thanh_tintuc { text-align: left }
.thanh_sp { width: 100%; float: left; position: relative }
.thanh_sp h6 { font-family: "RobotoBold"; font-size: 20px; color: rgb(247, 247, 247); float: left; padding: .3em; background: #dc4444; border-radius: 10px; margin-bottom: .5em }
.thanh_sp:after { content: ''; height: 1px; width: calc(100% - 166px); position: absolute; bottom: 10px; right: 0; border-bottom: 1px dashed rgb(220, 68, 68) }
.thanh_title ul li a { color: #3e3e3e; font-family: 'Roboto-Regular'; font-size: 14px; }
.thanh_title ul li:last-child a { border-right: 0 }
.thanh_title ul li a:hover { color: #ff0000; }
.thanh_duan { width: 100%; float: left; position: relative; background: url(images/danhmuc.png) no-repeat bottom center; line-height: 40px; text-align: center; padding-bottom: 1em; }
.thanh_duan h2 a, .thanh_duan h2, .thanh_duan h4, .thanh_duan h1 { font-size: 24px; color: #fab702; font-family: "MontserratBold"; text-transform: uppercase; }
.thanh_duan > a { font-family: 'Roboto-Regular'; font-size: 12px; color: #1d1d1d; float: right; }

/*.thanh_duan:before{content:'';width: 70px;height: 4px;background: #00aeef;position:absolute;left:0;z-index:100;bottom: 0;}*/

/*.thanh_duan:after{content:'';width:417px;height:15px;background:none no-repeat;position:absolute;right:0;top:35px;z-index:100}*/
#hotro { width: 100%; float: left; padding: 20px 0; background: url(images/gach_hotro.png) repeat-x bottom }
#gioithieu { width: 100%; float: left; padding: 2em 0 .5em 0; }
#gioithieu .xemthem_gt a { margin: 15px 0 0 }
.gioithieu { width: 100%; float: left; padding: 2em 0 3em; background: #f6f6f6; }
.gioithieu h4 { font-size: 32px; font-weight: 100; text-transform: capitalize; margin: 0 0 20px; width: 100%; float: left; font-family: 'Roboto-Black'; color: rgb(80, 80, 80); position: relative; padding: 0 0 10px; background: none no-repeat bottom center }
.gioithieu h4 span { color: rgb(0, 91, 171) }
.gioithieu .noidung_gt { font-size: 14px; color: #5b5b5b; font-family: Roboto-Regular; width: 100%; text-align: justify; margin-top: 2em; display: inline-block; }
.gioithieu .noidung_gt p { margin: 0; }
.xemthem_gt { position: relative; float: left; text-align: center; color: #ffffff; margin-top: 4em; font-family: Roboto-Regular; background: url(images/gt.png) no-repeat; font-size: 13px; width: 106px; height: 36px; line-height: 36px; }
.xemthem_gt a { display: inline-block; padding: 5px 20px; color: rgb(5, 62, 112); font-family: "RobotoCondensedRegular"; border-radius: 7px; border: 1px solid rgb(5, 6, 112); margin: 30px 0 0 0 }
.xemthem_gt:hover { color: #f00; }

/*.xemthem_gt:after{content:'';width:5px;height:8px;background:url(images/hover.png) no-repeat;position:absolute;left:165px;top:28px;z-index:100}*/
.gioithieu #waterwheel { width: 100%; position: relative; clear: both; overflow: hidden; height: 355px; }
.gioithieu .left_gt { width: 47%; float: left; padding-left: 5%; }
.gioithieu .right_gt { width: 52%; float: right; text-align: right; }
.gioithieu .allinone_carousel.sweet .contentHolderUnit { width: 300px !important; height: 300px !important; }
.gioithieu .allinone_carousel.sweet .contentHolderUnit { left: 236.079px; top: 48.0083px; }
.gioithieu .allinone_carousel.sweet img { border-radius: 50%; box-sizing: border-box; }
.gioithieu .slider-left, .gioithieu .slider-right { width: 100%; float: left; }
.gioithieu .tin_gt { width: 100%; float: left; text-align: center; }
.gioithieu .tin_gt .mota { width: 68%; display: inline-block; font-family: MuliRegular; font-size: 15px; color: #555555; line-height: 2; margin-bottom: 1em; }
.gioithieu .tin_gt .mota a { color: red; }
.linhvuc { width: 100%; float: left; padding-top: 2em; }
.linhvuc .owl_lv { width: 100%; display: grid; grid-gap: 1em; grid-template-columns: 1fr 1fr; }
.linhvuc .owl_lv img { float: left; margin-right: 15px; }
.linhvuc .owl_lv h3 { font-family: 'MontserratBold'; font-size: 18px; color: rgb(62, 62, 62); text-transform: uppercase; }
.linhvuc .owl_lv p { font-size: 13px; color: rgb(62, 62, 62); font-family: "MontserratRegular"; }
.xemthem_gt:hover a { color: #f00 }
.hinhanh_gt { width: 50%; float: left; margin: 0; overflow: hidden }
.hinhanh_gt img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; display: block; width: 100% }
.hinhanh_gt img:hover { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.thanh_gt { width: 100%; float: left; position: relative }
.thanh_gt:after { width: 170px; height: 2px; content: ''; background: rgb(213, 213, 213); top: 64.1%; left: 0; position: absolute }
.dichvu_index { width: 100%; float: left }
.noidungdv_gt { width: 100%; margin: auto; display: flex }
.khungdv_gt { flex: 1; padding: .5em 1em; margin-right: 1em }
.khungdv_gt:nth-child(1) { background: rgb(254, 111, 36) }
.khungdv_gt:nth-child(2) { background: rgb(245, 64, 39) }
.khungdv_gt:nth-child(3) { background: rgb(21, 88, 180) }
.khungdv_gt:nth-child(4) { background: rgb(255, 190, 1); margin-right: 0 }
.khungdv_gt img { float: left; margin-right: 1em }
.khungdv_gt .noid { width: calc(100% - 77px - 1em); float: right }
.khungdv_gt h3 { padding: 15px 0 0 0 }
.khungdv_gt p { font-family: 'SFUFuturaBook'; font-size: 16px; color: #fff }
.khungdv_gt h3 a { text-transform: uppercase; font-family: "SFUFuturaHeavy"; font-size: 16px; color: rgb(255, 255, 255) }
#slider2_container { background: none !important }
#slider2_container * { background: none !important }
.owl_menu li { position: relative; padding: 9px; margin: 0 4px 4px 1px }
.owl_menu li img { display: block; border-radius: 20px 0 }
.owl_menu li h3 { width: 100%; float: left }
.owl_menu li:hover h3 { bottom: 0 }
.owl_menu li h3 a { float: left; width: 100%; padding: 15px 0 0; color: rgb(255, 255, 255); font-family: "SFUFutura"; font-size: 15px; text-align: center; text-transform: uppercase }
.owl_menu li p { float: left; width: 100%; color: rgb(255, 255, 255); font-family: "Roboto-Regular"; font-size: 15px; text-align: center }
.owl_menu .owl-item:hover li h3 a { color: rgb(245, 245, 0) }
.owl_menu .owl-controls { display: none }
.owl_menu img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; display: block }
.owl_menu img:hover { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.thanh_bottom { width: 100%; float: left; margin: 0 0 10px; background: url(images/bg_thanh.png) repeat-x 0 12px; padding: 0; color: #00aeef; height: 33px; font-family: 'RobotoCondensedBold' }
.thanh_bottom img { float: left; margin-right: 10px }
.thanh_bottom:after { width: 15px; height: 15px; content: ''; background: #ec0574; display: inline-block }
.thanh_bottom h4 { color: #fff; text-transform: uppercase; font-size: 30px; display: inline-block; background: #fff; padding: 0 20px 0 0 }
.khung_1 { width: 100%; float: left; border: 1px solid #efefef; padding: 10px; margin: 10px 0 }
.frame_images { float: left; width: 100%; text-align: center }
.frame_images .MagicZoom img, .frame_images .mz-figure img { border: 1px solid #ccc !important; width: 100% }
.frame_images img { border: 1px solid #ccc !important }
.khung_thongtin {float: right;width: 100%;padding-top: 0;font-size: 13px;color: rgb(89, 89, 89);line-height: 2;background: #fff;padding: 10px 10px 10px 15px;}
.khung_thongtin > ul { padding: 0; list-style: none; }
.khung_thongtin li {padding: 0;width: 100%;float: left;color: #333;font-size: 14px;}
.khung_thongtin li.show_d a, .khung_thongtin li.tag a { color: #ff0000; }
.khung_thongtin li.show_d a:hover, .khung_thongtin li.tag a:hover { text-decoration: underline; }
.khung_thongtin li .soluong span { color: #999; }
.khung_thongtin li span { color: #f00; }
.khung_thongtin li .btn { border: 0; }
.khung_thongtin h1 {font-size: 24px;color: rgb(196, 139,55);font-family: UTMHelvetIns;text-transform: uppercase;font-weight: 100;}
.khung_thongtin b { font-weight: 100; font-size: 18px; color: rgb(231, 0, 0) }
.khung_thongtin .masp { font-size: 18px }
.khung_thongtin .mota_detail { border-left: 0; border-right: 0; white-space: pre-line; padding: 20px 0 }
.khung_thongtin .gia_detail { font-size: 18px }
.khung_thongtin li h3 { float: left; font-size: 25px; font-family: "RobotoBold"; color: rgb(2, 158, 212); text-transform: uppercase; line-height: 40px }

/*#flashsale h3{float:left;font-size:26px;font-family:"RobotoBold";color:rgb(2,158,212);text-transform:uppercase;line-height:45px}
*/
.khung_thongtin .gia_detail b { }
.khung_thongtin .giacu_detail { font-size: 18px; color: rgb(0, 0, 0); text-decoration: line-through }
.khung_thongtin .giacu_detail span { }
.khung_thongtin .baohanh_detail { color: #015DA4 }
.khung_thongtin label p { width: 20px }
.mau label, .size label { cursor: pointer; padding: 5px 0 0 0; margin: 0; position: relative }
.size label { font-size: 16px }
.khung_thongtin li.size, .khung_thongtin li.mau { width: 25%; margin: 1em 0 }
.doimau { color: #f00 !important }
.mau input, .size input { display: none }
.mau .color-content li { height: 20px; width: 20px; display: inline-block; margin-right: 0.5em; cursor: pointer; position: relative; box-shadow: 0 0 2px #ccc }
.color-active:after { content: ''; width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAXVBMVEUAAABPTSFQTiFHRRaUkniKiWtjYjvx8e7w8Ozr6+bf39jf39fU08ja2dDR0cXHxrjBwLHY2M7CwbGwr5vg4NihoIiYln2xsJyKiWySkHWTk3izsqBubEj////6+vhQJZO4AAAAHXRSTlMACQsFTyIS8uni29nTwsK7t6WhmIx5a2dgXEA/KZqKfSQAAABPSURBVAjXFc3HEcBAEALBuT157z3KP0ytmg8fCsLPyI6UYA56lQTvkVkSLrJK704yJFySFpDyrZJGoNWvNjydt+LxOWSNdGMWMNLpJPrPB+lmBIrYhKKgAAAAAElFTkSuQmCC') }
.custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 5px 38px 5px 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEX///+Xl5fLy8uEwcGnAAAAH0lEQVQI1wXBQREAAAgDIM6fQYy0aOsrMCxHTWxcNA8UXwLfGgwDbgAAAABJRU5ErkJggg==') #fff no-repeat right bottom; background-size: 10px; transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out; border-bottom: 1px solid #ccc; border-top: none; border-left: none; border-right: none; position: relative }
.custom-select { margin: 1.5em 0 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); outline: none }
.lienhe_ { font-size: 18px; font-weight: bold; color: #ffffff; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #fc0000; margin-right: 5px; }
.dathang_detail p { width: 100%; float: left }
.dathang_detail select { width: 80px; height: 50px; float: left; border: 1px solid #ccc; border-radius: 5px; background: url(images/select.png) no-repeat right 0 }
.row_video { width: 390px; float: right }
#huongdan_dh { float: right }
.chonsize label { padding: 0 10px 0 0; font-weight: 100; cursor: pointer; color: #DC00C0 }
.khung_thongtin li.gia_detail > span { font-size: 18px; color: rgb(231, 0, 0); font-family: MuliSemiBold; font-weight: 100; }
.soluong { width: 25%; border-radius: 10px; text-align: center; margin-bottom: 5px; }
.add {float: left;cursor: pointer;line-height: 40px;height: 40px;font-size: 14px;padding: 0 15px;color: #fff;border: #fff;background: #5dac29;border-radius: 3px;width: 49%;text-align: center;}
.addc { float: right; cursor: pointer; line-height: 40px; height: 40px; padding: 0 15px; color: #fff; font-size: 14px; border: #fff; background: rgb(249, 38, 40); border-radius: 3px; width: 49%; text-align: center; }
.doitra { width: 100%; float: left; text-align: left; }
.doitra img { filter: invert(100%); }
.doitra h3 a { color: #000000; font-family: 'SFUFuturaHeavy' }
.doitra h3 a:hover { color: #ff0000; }
.doitra .item_vs { border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 3fr; }
.sanpham_an { display: none }
.thanh_sp_an { width: 100%; float: left; position: relative }
.thanh_sp_an h6 { font-family: "UVFMetroScript"; font-size: 33px; color: rgb(231, 0, 98); width: 170px }
.thanh_sp_an:after { content: ''; height: 1px; width: calc(100% - 170px); position: absolute; bottom: 20px; right: 0; border-bottom: 1px dashed rgba(62, 62, 62, 1) }
.dathang_detail .thanhtoannhanh { width: 200px; float: left; background: #e41c2c; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 15px 0 0; cursor: pointer; color: #fff; margin-left: 20px; border-radius: 5px; text-align: center }
.dathang_detail .muangay { width: 177px; float: left; background: url(images/thanhtoan.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0 0 70px; cursor: pointer }
.dathang_detail .thanhtoannhanh:hover, .dathang_detail .muangay:hover { color: #FFF600 }
.dathang_detail span { width: 42px; height: 42px; padding: 7px 0 0; float: left; border: 3px solid #ccc; border-radius: 50%; text-align: center }
.huongdan_detail a { width: 100%; float: left; padding: 5px 0 10px 30px; background: url(images/giohang_ico.jpg) no-repeat 5px 8px; color: #035E80; font-style: italic }
.huongdan_detail a:hover { color: #04579D }
.khung_new { width: 100%; float: left; grid-gap: 20px; padding: 0; list-style: none; }
.khung_new .box_new.full { grid-column: span 4; }
.khung_new .box_new.full .full_right { width: calc(100% - 530px); float: right; }
.khung_new .box_new.full .full_right .xemtiep { float: right; }
.khung_new .box_new.full h3 a { font-size: 22px; }
.khung_index .box_new .ngay_pos, .khung_new .box_new .ngay_pos { text-align: center; display: block; position: absolute; width: 50px; height: 50px; left: 0; top: 0; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-size: 30px; font-weight: normal; line-height: 30px; padding: 5px; }
.khung_index .box_new .ngay_pos span, .khung_new .box_new .ngay_pos span { display: block; font-size: 10px; line-height: 1.0; }
.banchay_icon { width: 54px; float: left; position: absolute; left: 0; top: 0; background: url("images/hot_icon.png")no-repeat; height: 54px }
#dichvu { width: 100%; float: left; margin: 0; padding: 11px 0 0 0 }
.left_qc { width: 50%; float: left }
.right_qc { width: 50%; float: right; text-align: right }
.noidung_dv { margin-right: -15px; margin-left: -15px }
.khung_dv { float: left; width: 100%; position: relative; overflow: hidden }
.khung_dv img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; display: block; width: 100% }
.khung_dv img:hover { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.khung_dv:nth-child(3n) { margin-right: 0 }
.khung_dv:hover .tieude_dv:before { background: rgba(255, 255, 0, 0.5) }
.khung_dv:hover .tieude_dv:after { background: rgba(255, 255, 0, 0.5) }
.khung_dv:hover .tieude_dv a h3 { color: rgba(238, 0, 0, 1) }
.tieude_dv a h3 { font-family: "SFUFuturaHeavy"; font-size: 15px; color: rgb(36, 35, 35); text-transform: uppercase; padding: 0 0 10px 0 }
.tieude_dv p { line-height: 2; font-family: "SFUFuturaBook"; font-size: 14px; color: rgb(57, 57, 57); padding: 0 0 25px 0 }
.tieude_dv { width: 100%; float: left; min-height: 235px; background: rgb(243, 243, 243); padding: 25px 0 0 25px }
.content_new { overflow: hidden; height: 400px; width: 100%; float: left }
.ngaydang { font-style: italic; color: #9A9A9A; font-size: 12px }
.thongtin_detail { font-style: italic }
.khuyenmai_detail { margin: 5px 0 0 }
.khuyenmai_detail ul li { padding: 5px 20px 5px 0; color: #008c00 }
.khuyenmai_detail ul li input { float: left; margin: 3px 5px 0 0 }
.selectors { text-align: center; float: left; width: 100%; }
.selectors .owl-carousel .owl-item { padding: 0 }
.table_info { width: 100%; float: left }
.khung_bao { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; }
#datlichhen { width: 40%; position: relative; padding: 1em 2em; }
.fancybox-container { z-index: 400 !important; }
#datlichhen .thgian { padding-top: 1em; }
#datlichhen .form-group { margin-bottom: 5px; }
#datlichhen h2 { font-family: 'RobotoMedium'; font-size: 24px; color: #f00; text-align: center; text-transform: uppercase; }
.btn-guiyeucau { color: white; background: linear-gradient(#428bca, #001948); border: 1px solid #365899; padding: 0.5em 1em; margin-top: 1em; border-radius: 5px; }
.dieuhuong {position: relative;margin: 0;padding: 0;z-index: 5;background: transparent;border-bottom: 1px solid #e2e1e1;border-radius: 0;margin-bottom: 1em;padding: 10px;padding-left: 0;}
.dieuhuong > a + a:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.dieuhuong a { position: relative; color: #fff; }
.dieuhuong a.active { color: #C48B37; }
.dieuhuong a:last-child { background: none }
.dieuhuong a:hover { color: #C48B37; }
.khung_tab { width: 100%; float: left; display: none }
.khung_tab.active { display: block }
.thanhsp { width: 100%; float: left; margin: 0 0 20px; background: #ffd800 }
.thanhsp h2 { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 100; display: inline-block; padding: 0 20px 0 10px }
.thanhsp h2:before { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0 0 }
.thanhsp h2:after { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0 0 }
.thanhsp span { color: #FE0000 }
.khung_khac { width: 100%; float: left; margin: 0 0 20px }
#java_km { width: 100%; float: left }
#java_km img { border: 1px solid #ccc; margin: 5px; padding: 1px }
#java_km img:hover { opacity: 0.8 }
#hoidap { width: 100%; float: left; background: #f7f7f7; padding: 40px 0 }
.hoidap .hoidap_khung { width: 20%; float: left; padding: 0 5px }
.hoidap .hoidap_khung h4 { font-family: 'OpenSansBold'; font-size: 17px; color: #102690; padding: 0 0 20px }
.hoidap .hoidap_khung li { font-size: 13px !important; padding: 0 0 10px }
.hoidap .hoidap_khung li img { float: left; margin: 5px 10px 0 0 }
.hoidap .hoidap_khung li a { color: #666 }
.hoidap .hoidap_khung li:hover a { text-decoration: underline; color: #102690 }
.hoidap .hoidap_khung li i { font-size: 12px; color: #102690; margin-right: 5px }
.thanhdt { width: 100%; float: left; margin: 10px 0 20px; text-align: center; height: 60px; line-height: 55px }
.thanhdt h2 { color: #333; text-transform: uppercase; font-size: 26px; background-color: #fff; display: inline-block; padding: 0 20px 0 10px; font-weight: 100 }
.thanhdt span { color: #FE0000 }
.tin_tuc { width: 100%; float: left; text-align: center; margin-top: 10px }
.tin_tuc h2 { display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px; text-transform: uppercase; color: #fff; font-weight: 100 }
.tin_tuc h3 { color: #646464; text-transform: uppercase; margin: 10px 0 5px }
.tin_tuc p { color: #666; font-size: 12px }
.tin_tuc ul li { width: 370px; float: left; margin: 20px 0 0 10px; text-align: left }
.tin_tuc ul li img { width: 66px; height: 66px; float: left; margin: 10px; border-radius: 100% }
.tin_tuc ul li { padding: 2px 0 2px 10px }
.tin_tuc ul li a { color: #00426f }
.tin_tuc ul li span { color: #ccc }
.tin_tuc a:hover { color: rgba(255, 0, 0, 1) }
.form_dathang { width: 585px; float: right; padding: 15px 0 0 0 }
.form_dathang .thanh_duan { margin: 25px 0 5px 0 }
.form_dathang h4 { font-size: 15px; font-family: "RobotoCondensedRegular"; color: rgb(48, 48, 48); text-transform: uppercase; padding: 0 0 10px 0 }
.form_dathang input { border: 1px solid rgb(48, 48, 48); padding: 8px 10px; width: 49%; margin: 0 0 5px 0 }
.form_dathang input::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_dathang input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_dathang input::-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_dathang input:-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_dathang button { width: 110px; margin: auto; border-radius: 10px; background: rgb(70, 113, 255); border: 0; padding: 10px; color: #fff; font-family: "RobotoCondensedBold"; font-size: 15px; text-transform: uppercase; margin: 15px 0 0 0 }
.form_dathang .ghichu { width: 98.5%; float: left }
.form_kygui { width: 585px; margin: auto; padding: 15px 0 15px 0 }
.form_kygui .thanh_duan { margin: 25px 0 5px 0 }
.form_kygui h4 { font-size: 15px; font-family: "RobotoCondensedRegular"; color: rgb(48, 48, 48); text-transform: uppercase; padding: 0 0 10px 0 }
.form_kygui input { border: 1px solid rgb(48, 48, 48); padding: 8px 10px; width: 49%; margin: 0 0 5px 0 }
.form_kygui input::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_kygui input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_kygui input::-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_kygui input:-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "Roboto-Regular" }
.form_kygui button { width: 110px; margin: auto; border-radius: 10px; background: rgb(70, 113, 255); border: 0; padding: 10px; color: #fff; font-family: "RobotoCondensedBold"; font-size: 15px; text-transform: uppercase; margin: 15px 0 0 0 }
.form_kygui .link { width: 98.5%; float: left }
.form_kygui .ghichu { width: 98.5%; float: left }
.but { width: 100%; float: left; text-align: center }
.danhmuc_sp { width: 18%; float: left; padding: 0 }
.title_dm { width: 100%; float: left; font-family: UTMAvo; text-align: center; padding: 0 0 1.8em 0; color: #ffffff; font-size: 30px; position: relative; font-weight: 100; height: unset; text-transform: uppercase; }
.tintuc .slick-track { padding-bottom: 3em; }
.hex { display: inline-block; position: relative; }
.hex .left { float: left; width: 0; border-right: 55px solid #ffffff; border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.hex .middle { float: left; width: 106px; height: 184px; background: #ffffff; }
.hex .right { float: left; width: 0; border-left: 55px solid #ffffff; border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.hex-row { clear: left; }
.hex.even { margin-top: 53px; }
.hex:after { content: ''; position: absolute; width: 1px; height: 4em; background: rgba(255, 255, 255, .3); top: 100%; left: 50%; }

/*.title_dm:before{content:'';position:absolute;right:10px;top:12px;width:15px;height:18px;background:url(images/right_dm.png)no-repeat left 10px center}*/
.title { width: 100%; float: left; text-align: center; font-size: 16px; }
.title h3 { font-size: 26px; font-family: 'RobotoBold'; text-transform: uppercase; color: #ffffff; padding-bottom: 15px; background: url(images/bottom.png) no-repeat center bottom; margin-bottom: 10px; }
.title p { font-size: 14px; font-family: 'Roboto-Regular'; color: rgba(255, 255, 255, .8); }
.sanpham { width: 100%; float: right; }
.sanpham .margin_auto > p { text-align: center; display: inline-block; width: 100%; padding-top: 1em; }
.sanpham .item .item_tt .luotxem { width: 80% }
.khung_sp { margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; width: 100%; }
.cungloai { width: 100%; float: left; padding-top: 1em; }
.khung_list { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; }
.khung_mar { width: 100%; float: left; padding-top: 2em; }
.right_sptb { width: 930px; float: right; }
.right_sptb1 { width: 78%; float: left; }
.right_sptb2 { width: 20%; float: right; }
.content_sptb1 { width: 100%; float: left; margin-top: 2em; }
.content_sptb1 { display: none; z-index: 1; margin-top: 20px; }
.content_sptb1.active { display: block; z-index: 2; }
.left_content_sptb1 { padding: 10px; border: 1px #d5d5d5 solid; border-radius: 5px; height: 192px; overflow-x: hidden; width: 78%; float: left; }
.right_content_sptb1 { padding: 10px; border: 1px #d5d5d5 solid; border-radius: 5px; height: 192px; overflow-x: hidden; width: 19%; float: right; }
.left_content_head p { font-family: 'MontserratBold'; font-size: 20px; color: #000; }
.right_content_sptb11 li p { font-family: 'MontserratBold'; font-size: 13px; display: block; padding: 5px 0; border-bottom: 1px #d5d5d5 solid; }
.right_content_sptb11 li p span { font-family: 'MontserratRegular'; font-size: 13px; }
.bao-im { padding: 5px; border: 1px #d5d5d5 solid; border-radius: 5px; }
.box_right_sptb2 { padding: 0 10px; width: 20%; text-align: center; font-family: 'MontserratRegular'; font-size: 13px; margin-bottom: 10px; }
.right_sptb2 .slick-prev { opacity: 1; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: -26px; display: block; width: 40px; height: 50px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/next.png) left 0px no-repeat; z-index: 50; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.right_sptb2 .slick-prev { left: 35%; }
.right_sptb2 .slick-next { opacity: 1; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 100%; display: block; width: 40px; height: 50px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/prev.png) left 0 no-repeat; z-index: 50; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.right_sptb2 .slick-next { right: 40%; }
.slick-prev { opacity: 0; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/fancybox_sprite.png) left -38px no-repeat; z-index: 50; }
.slick-next { opacity: 0; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/fancybox_sprite.png) left -73px no-repeat; z-index: 50; }
.right_sptb .slick-next:before, .right_sptb .slick-prev:before { content: ''; }
.spham { padding-top: 13px; padding-bottom: 10px }
.item { width: 100%; text-align: center; position: relative; overflow: hidden; background: #ffffff; }
.item .img { width: 100%; float: left; overflow: hidden; position: relative; }
.item:hover .xemsp { color: #FFF000 }
.item .ten { width: 100%; float: left; padding: 5px 0 10px; }
.item .ten img { float: right; }
.item img { transition: 0.5s; }
.item h3 { font-size: 14px; }
.item h3 a { color: #333333; font-family: UTMHelvetIns; font-size: 16px; font-weight: 100; }
.item:hover h3 a { color: rgb(241, 0, 0); }
.item:hover a img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) }
.item p { font-family: Roboto-Regular; font-size: 15px; color: #000000; float: left; width: 100%; text-align: center; margin: 0; }
.item p span { color: #e40000; font-size: 15px; padding-top: 5px; }
.item p span.giacu { color: #878787; font-size: 14px; float: right; font-family: 'OpenSansLight'; text-decoration: line-through; }
.item .item_tt { width: 100%; float: left; padding: 1em 0; height: 100%; }
.item .item_tt .mota { font-size: 12px; color: #737272; }
.item .item_tt .mota ul { padding-inline-start: 15px; }
.item .tray-item-play-button span:hover { color: #ff0 }
.item .item_tt { display: inline-block; position: relative; }
.item .item_tt .add { width: 100%; float: left; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; bottom: 100%; height: 0; transition: .5s all; }
.item .item_tt .add a { color: #ffffff; }
.item:hover .add { height: auto; padding: 1em; transition: .5s all; }
.khungbao .tray-item-play-button span { padding: 10px 15px; font-family: "RobotoBold"; font-size: 14px; background: rgba(255, 0, 0, 1); color: #fff; border-radius: 30px; opacity: 0; transition: all .5s ease-out }
.dathang { position: absolute; width: 58px; height: 48px; background: url('images/icon_gh.png') no-repeat; z-index: 100; bottom: 0; right: 0; cursor: pointer; transition: 0.3s }
.dathang:hover { opacity: 0.8 }
.gia { color: rgb(255, 0, 0); font-family: "RobotoBold"; font-size: 14px }
.mua { z-index: 100; transition: all 0.5s ease 0s; color: #ffffff; text-align: center; cursor: pointer; border: 0; padding: 5px 20px; background: #ed1c24; font-size: 14px; border-radius: 5px; font-family: Roboto-Regular; margin-top: 8px; }
.mua a { display: block; color: #0b58cc }
.mua:hover a { color: #f37022 }
.giaohang_tn { width: 380px; float: left; padding: 20px 10px 20px 160px; color: #fff; background: url(images/giaohang.png) no-repeat 0 10px; border-right: 1px solid #0081b4 }
.giaohang_tn h4 { color: #fbda42; font-size: 18px; text-transform: uppercase; font-family: 'RobotoCondensed' }
.giamgia_hot { position: absolute; width: 40px; float: left; height: 40px; z-index: 1; top: 3px; right: 3px; background: url(images/giamgia.png) no-repeat; line-height: 30px; text-align: center; color: #FFF !important }
.thuonghieu_item { width: 20%; float: left; text-align: center; border: 1px solid #eee; padding: 10px }
.thuonghieu_item h3 a { margin-top: 10px; color: #e91678; font-family: 'UTMFlamenco' }
.thuonghieu_item img { max-width: 100% }
.thuonghieu_item:hover { border: 1px solid #e91678 }
.chitiet { height: 31px; background: url(images/bg_giohang.png) repeat-x; display: inline-block; text-align: center; color: #fe8152; font-size: 12px; border: 1px solid #dadada; line-height: 31px; padding: 0 10px; margin-top: 10px }
.chitiet a { color: #000; text-decoration: none }
.chitiet a:hover { color: #ec0574 }
.gach { width: 100%; float: left; border-bottom: 1px dotted #ccc; margin: 5px 0 }
.noidung ul li { list-style-type: none !important }
.dangky_tin { width: 100%; position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding-top: 3em; }
.dangky_tin p { font-size: 14px; }
.dangky_tin p span { text-transform: uppercase; font-size: 16px }
.dangky_tin input { width: 100%; padding: 8px; background: rgba(255, 255, 255, 1); color: #000000; border: 1px solid #cacaca; border-radius: 5px; }
.dangky_tin textarea { width: 100%; padding: 6px; background: rgba(255, 255, 255, 1); color: #000000; border: 1px solid #cacaca; box-shadow: inset 0 0 5px #ccc; grid-column: span 2; border-radius: 5px; }
.dangky_tin button { text-transform: uppercase; cursor: pointer; padding: 0; border: 0; font-family: 'RobotoBold'; color: #ffffff; float: right; bottom: 0; height: 77px; right: 0px; width: 100px; background: #cc1212; position: absolute; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.dangky_tin button:hover { opacity: 0.5 }
.dangky_tin button i { font-size: 20px; }
.dangky_tin button.reset { background: transparent; color: #13aa07; text-transform: unset; border: 0; font-family: 'Roboto-Regular'; font-size: 13px; text-decoration: underline; }
.dangky { width: 100%; float: left; display: flex; flex-wrap: wrap; list-style: none; text-align: left; }
.dangky h4 { font-family: RobotoBold; font-size: 15px; color: #333333; }
.dangky p { }
.footer .nhantin p { font-size: 15px; margin: 0 0 1em 0; line-height: 1.5; }
.nhantin .dangky p { font-size: 15px; }
.nhantin img { float: left; margin-right: 1em; }
.content_nhantin { width: 53%; float: left; box-sizing: border-box; padding: 0; background-size: 100% 100% }
.dk_nhantin { width: 71.66667%; margin: auto }
.tin { color: rgb(255, 255, 255); padding: 0; font-style: normal; font-family: "Roboto-Regular"; font-size: 13px }
.face { width: 78%; float: right }
.dangkymail { width: 100%; float: left; position: relative; }
.dangkymail .col-md-4 { padding: 0 .3em }
.dangkymail input::-webkit-input-placeholder { color: #333; font-size: 13px; font-family: 'Roboto-Regular'; }
.dangkymail input:-moz-placeholder { color: #333; font-size: 13px; font-family: 'Roboto-Regular'; }
.dangkymail input::-moz-placeholder { color: #333; font-size: 13px; font-family: 'Roboto-Regular'; }
.dangkymail input:-ms-input-placeholder { color: #333; font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin input::-webkit-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin input:-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin input::-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin input:-ms-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin textarea::-webkit-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin textarea:-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin textarea::-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
.dangky_tin textarea:-ms-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'Roboto-Regular'; }
#thanh_toan { width: 100%; float: left; border-top: 1px solid #9d9e9e; border-bottom: 1px solid #9d9e9e; padding: 10px 0; margin: 20px }
.thoigian { float: right; font-family: 'UTMAvo'; padding: 25px 0 0 20px }
.hotro_bottom p { float: left; text-transform: uppercase; font-weight: bold; color: #1b1c23; margin: 25px 20px 0 }
.list_carousel_banchay { padding-bottom: 60px }
.list_carousel_banchay .owl-controls { display: none }
#bottom { width: 100%; float: left; position: relative; padding: 3em 0; background: #f6f6f6; }
.khung_bottom { width: 100%; float: left; padding: 0; background: #f9f9f9; padding: 2em 0; }
.khung_bottom .box_bt { width: 100%; }
.hotro h4, .video h4 { float: left; position: relative; line-height: 40px; text-align: left; font-size: 27px; color: #292929; font-family: UTMHelvetIns; width: 100%; margin-bottom: 1em; font-weight: 100; text-transform: uppercase; padding-bottom: .5em; background: url(images/bottom.png)no-repeat left bottom; }
.khung_bottom h4:after { content: ''; position: absolute; width: 1.5em; height: 4px; background: #0a9149; bottom: 11px; left: 0; }
.khung_bottom .hotro >p, .khung_bottom .video >p {/* width: 100%; */float: left; margin-bottom: 1.5em; font-family: 'SFUFuturaBook'; font-size: 16px; color: #747474; position: relative; padding-right: 10px; }
.bottom { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.videos { width: 100%; float: left; }
.ykien { width: 42%; float: right; }
.item_yk { width: 100%; display: grid; grid-template-columns: 1fr 2.5fr; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.item_yk img { border-radius: 50%; }
.item_yk .mota { padding-top: 1em; font-family: OpenSansRegular; font-size: 14px; color: #5d5d5d; }
.item_yk .mota h3 { margin-top: 10px; }
.item_yk .mota h3 a { color: #bd0101; font-size: 14px; }
.item_yk2 { width: 100%; display: grid; grid-template-columns: 2.5fr 1fr; padding-bottom: 10px; margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
.item_yk2 img { border-radius: 50%; }
.item_yk2 .mota { padding-top: 1em; font-family: OpenSansRegular; font-size: 14px; color: #5d5d5d; }
.item_yk2 .mota h3 { margin-top: 10px; }
.item_yk2 .mota h3 a { color: #bd0101; font-size: 14px; }
.hotro { float: left; width: 100%; overflow: hidden; }
.htro { font-family: 'RobotoBold'; font-size: 15px; color: #333333; }
.htro span { font-family: 'Roboto-Regular'; }
.hotro ul { width: 100%; float: right }
.noibat { width: 100%; float: left; padding: 3em 0; }
.hotro_bot { width: 48.5%; float: left; border: 1px solid #cbcbcb; padding: 2em; text-align: center; justify-content: center; display: grid; grid-template-columns: 1fr 3fr; align-items: center; }
.hotro_bot { }
.hotro_bot p { width: 100%; float: left; }
.hotro_bot ul { width: 100%; float: left; display: flex; flex-wrap: wrap; padding-left: 2em; padding-top: 1em; list-style: none; text-align: left; border-left: 1px solid #cbcbcb; padding-bottom: 1em; }
.hotro_bot ul li.yahoo:last-child { border-bottom: 0; }
.nhantin .lket img { margin-left: 1em; margin-right: 0; }
.hotline_hotro { font-family: "RobotoCondensedBold"; color: #000; width: 100%; }
.hotline_hotro span { font-family: "RobotoCondensedBold"; color: rgb(224, 7, 15); font-size: 34px; }
.email_hotro { width: 100%; float: left; font-size: 15px; font-family: 'Roboto-Regular'; }
.title_tt h3 { font-family: 'RobotoBold'; font-size: 25px; color: #1874c1; float: left; margin-bottom: 1em; position: relative; text-transform: uppercase; padding-bottom: 13px; }
.title_tt h3:after { content: ''; position: absolute; left: 0; bottom: 0; width: 555px; height: 17px; background: url(images/line_bt.png)no-repeat center left; }
.title_httt { background: url(images/tieude_tt.png) no-repeat; height: 64px; line-height: 64px; color: rgb(0, 69, 140); font-size: 25px; font-family: 'UTMHelvetInsRegular'; text-transform: uppercase; padding-left: 15px; margin-bottom: 15px; }
.l-news { width: 100%; overflow: hidden; float: left; }
.l-news .title_tt { grid-column: 1/ span 2; }
.r-news { overflow: hidden; }
.news1 { float: left; width: 100%; }
.news1 a { display: block }
.news1 h3 { padding: 10px 0 5px 0; }
.news1 h3 a { text-decoration: none; color: rgb(47, 47, 47); font-family: 'RobotoBold'; font-size: 14px }
.news1 h3 a:hover { text-decoration: underline }
.news1 p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'Roboto-Regular' }
.news1 .xemthem { padding: .5em 1em; border: 1px solid #ccc; text-transform: uppercase; float: left; margin-top: 1em; text-decoration: none; }
.news2 { float: right; width: 100%; }
.box_tt { margin-bottom: 10px }
.box_tt a img { float: left; margin-right: 5px }
.box_tt a img:hover { opacity: 0.5 }
.box_tt h3 a { text-decoration: none; color: rgb(47, 47, 47); font-family: 'RobotoBold'; font-size: 14px }
.box_tt h3 a:hover { text-decoration: underline }
.box_tt p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'Roboto-Regular' }
.spnew { position: absolute; top: -3px; right: -3px; }
#nhantin { width: 100%; float: left; padding: 2em 0; background: rgba(34, 112, 177, .5); }
.dichvu_nb { margin: 0 -16px 0 -16px }
.dichvu_nb .col-md-3:nth-child(4n+1) { clear: both }
#dichvu_ct { width: 100%; float: left; margin: 0; padding: 60px 0 55px; position: relative; background: none repeat-x bottom }
.khung_ft { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1.5fr; grid-gap: 3em; }
.khung_ft .nganhang_hotro { width: 100%; float: left; }
.khung_ft .nganhang_hotro ul { width: 100%; float: left; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em 0; }
.khung_ft .nganhang_hotro ul img { border: 1px solid #cbcbcb }
.noidung_ft { width: 100%; float: left; }
.lkweb { width: 100%; float: left; padding: 0 0 0 0 }
.lkweb a:hover img { transform: rotate(360deg); transition: 1s }
.logo_bt { float: left; text-align: center }
.logo_bt { max-width: 90% }
.menu_bt { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; text-align: center; color: #333 }
.congty { position: relative; color: rgba(255, 255, 255, 1); text-align: center; margin-top: 10px; text-transform: uppercase; width: 100%; float: left }
.bocongthuong { float: right }
.bocongthuong h4 { margin: 10px 0; font-size: 12px; color: #ccc }
.mang_xh { float: right; text-align: center }
.mang_xh h4 { font-size: 15px; color: #fff; float: left; font-family: 'RobotoCondensed' }
.mang_xh p { color: #dcdcdc; padding: 5px 0 20px }
.mang_xh a { margin: 0 2px 0 0 }
.mang_xh a:hover { opacity: 0.7 }
.mang_xh img { width: 30px }
.mang_xh ul { color: #fff }
.mang_xh ul li { display: inline-block; color: #fff; font-size: 12px; padding: 0 10px; margin-top: 10px }
.mang_xh ul li span { color: #FFF600 }
.facebook { float: right; overflow: hidden; padding-left: 0; padding-right: 0; width: 25% }
.bando_bt { float: left; width: 92%; border-radius: 3px; border: 1px solid rgb(26, 148, 226) }
#footer .bando_bt h4 { padding: 0 0 10px }
#footer .bando_bt h4:after { bottom: 5px }
.bando_bt h4, .thongke h4 { color: #fff; font-weight: 100; text-align: left; padding: 0 0 10px; font-size: 16px; margin: 0; text-transform: capitalize }
.bando_map { width: 100%; float: left }
.map { border-radius: 5px; width: 40px; background: #861414; height: 40px; text-align: center; position: fixed; right: 37px; bottom: 7em; z-index: 99; padding: 5px; box-shadow: 0 0 3px #ffffff; cursor: pointer; }
.map iframe { width: 100%; height: 100%; }
.map h4 { color: #fff; text-align: right; text-transform: uppercase; font-style: italic }
.owl_dv { width: 100%; float: left; padding: 2em 0 0 0; }
.owl_dv .slick-slide > div > div { display: block !important; }
.owl_dv .owl-controls { display: block !important }
.owl_dv .owl-dots { display: none !important }
.owl_dv .owl-prev { position: absolute; z-index: 10; left: -25px; top: 90px; width: 35px; height: 64px; background: url(images/left.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important }
.owl_dv .owl-next { position: absolute; z-index: 10; right: -25px; top: 90px; width: 35px; height: 64px; background: url(images/right.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important }
.sp_left { width: 100%; float: left; padding: 10px }
.sp_left img { width: 80px; float: left; margin: 0; padding: 2px; border: 1px solid #e1e1e1; margin-right: 10px }
.sp_left img:hover { opacity: 0.8 }
.sp_left a { color: #333; text-align: justify }
.sp_left a:hover h3 { color: #056D94 }
.menu_bot { width: 1000px; float: left; padding-top: 5px; text-align: center }
.menu_bot a { text-decoration: none; color: #fff; text-shadow: -1px 1px #03C, 1px -1px #03C, -1px -1px #03C, 1px 1px #03C; padding-left: 10px; padding-right: 10px }
.menu_bot a:hover { color: #900; text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff }

/*-----------------------------------*/
.lienket { float: right; text-align: right; z-index: 99; }
.lienket label { float: left; font-weight: bold; color: #fff; margin: 5px 10px 0 0 }
.lienket li { display: inline-block }
.lienket a { margin: 0; color: #4f4f4f; display: inline-block; }
.lienket a img { margin: 0 5px 0 0 }
.lienket h4 { float: left; width: 100%; color: #4f4f4f; font-size: 16px; font-family: 'RobotoCondensedRegular'; text-transform: uppercase; margin-bottom: 20px }
.lienket a:hover { opacity: 0.7 }
.lket { float: left; padding: 0; text-align: right; }
.lket p { text-transform: uppercase; font-size: 14px; color: #ffffff; font-family: "RobotoBold"; width: auto; padding: 10px 0; }
.lket p a { display: inline-block; padding-top: 10px; }
.lket a { margin: 0 8px 0 0px; color: #ffffff; font-size: 13px; }
.lket img { transition: .5s all; }
.lket img:hover { transition: .5s all; transform: scale(1.1); }
#bottom .lket img { border: 0 }
#bottom ul { text-align: center; width: 100%; float: left; margin: 0; }
#bottom ul li { display: inline-block; position: relative; overflow: hidden; }
#bottom ul li:after { position: absolute; top: 4px; right: 0; width: 1px; height: 15px; background: #000000; content: ''; }
#bottom ul li:last-child:after { display: none; }
#bottom ul li a { font-family: MuliRegular; font-size: 15px; color: #333333; font-weight: 100; }
#bottom ul li.item_vs h3 { margin-top: 10px; border: 1px solid #ebebeb; padding: 5px 35px; position: relative; }
#bottom ul li.item_vs h3:after { content: ''; position: absolute; top: -1px; width: 70%; height: 1px; background: #f6f6f6; left: 50%; margin-left: -35%; }
#bottom ul li.item_vs img { transition: .5s all; }
#bottom ul li.item_vs:hover img { transition: .5s all; transform: scale(1.1); }
#bottom ul li.item_vs:hover h3 a { color: red; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 3em 8em !important; margin: 0 !important }
.content_tk { border: 1px solid #ccc; border-radius: 10px; padding: 2em }

/*-----------------------------------*/
.thongso { margin: 0; float: right; display: inline-flex; flex-flow: nowrap; padding: 0; list-style: none; }
.thongso li { padding: 0 5px; }
.thongso li a { color: #ffffff; }
.thongso li a:hover { color: #fff000; }
.row_ht { width: 260px; float: right; margin: 15px 0 0 }
.dienthoai_top { color: #ffa200; font-size: 13px; float: right; margin: 20px; padding: 2px 50px 0 20px }
.giomocua { float: right; padding: 0 0 0 2em; }
.giomocua span { text-transform: uppercase }
.hotline_top p { padding: 0 0 0 1em; }
.hotline_top { float: left; position: relative; padding: 0 0 0 20px; }
.hotline_top span { }
@-webkit-keyframes colorchange {
    0% { -webkit-text-stroke: 1px #ec0574; letter-spacing: 0 }
    100% { -webkit-text-stroke: 1px #3558a5; letter-spacing: 1px }
}
.hotline_top_an p { padding: 0; width: 100%; float: left; font-size: 13px; font-family: "RobotoBold"; color: rgb(255, 255, 255) }
.hotline_top_an { display: none; float: right; padding: 0 0 0 50px; font-size: 15px; font-family: 'Roboto-Regular'; color: rgb(224, 16, 16); position: relative; background: url('images/hotline.png') no-repeat center left; height: 40px; width: 31% }
.hotline_top_an span { color: rgb(255, 255, 255); width: 100%; float: left; font-size: 22px; font-family: 'UTMAvoBold' }
@-webkit-keyframes colorchange {
    0% { -webkit-text-stroke: 1px #ec0574; letter-spacing: 0 }
    100% { -webkit-text-stroke: 1px #3558a5; letter-spacing: 1px }
}
.right { width: 40%; float: right; text-align: right;/* margin-top: 10px; */ padding: 0; }
.right li { flex: 1; text-align: left; position: relative; display: grid; grid-template-columns: 1fr 3fr; margin-right: 5px; }
.right li a.dangxuat { display: inline-block; font-size: 13px; }
.right p { font-size: 13px; font-family: "Roboto-Regular"; color: rgb(51, 51, 51); padding: 3px 0 0 0 }
.right span { width: 100%; display: inline-block; font-family: RobotoBold; color: #d20000; font-size: 15px; }
.right span.span { font-family: OpenSansRegular; color: #282828; font-size: 15px; }
.owl_carousel_news .owl-controls { display: none }
.frmCheckOrder { width: 100%; float: left }
.sub-ktdh-f { display: none; position: absolute; background-color: #fff; top: 100%; right: 0; text-indent: 0; z-index: 19; border: 1px solid #d9d9d9; box-shadow: 1px 1px 2px #ccc; width: 260px; border-top: none; padding: 10px }
.sub-ktdh-f button { background-color: #e60f1e !important; color: #fff; text-transform: uppercase; text-align: center; height: 34px; line-height: 34px; border: none; border-radius: 2px; font-weight: bold; font-size: 14px; padding: 0 10px; cursor: pointer }
.sub-ktdh-f button:hover { background: #0a0 }
.sub-ktdh-f label { width: 100%; float: left }
.sub-ktdh-f input { background-color: #fff; height: 30px; width: 100%; border: 1px solid #ccc; border-radius: 2px; padding: 2px 4px; margin-bottom: 7px }
.widget { background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both }
.widget .titles { height: 36px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-bottom: 1px solid #cdcdcd }
.widget .titles .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5 }
.toggle { background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both; border-bottom: none }
.toggle .titles { height: 36px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-bottom: 1px solid #cdcdcd; cursor: pointer }
.toggle .titles h6 { float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px; display: block }
.toggle .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5 }
.toggle .body, .toggle .menu_body { padding: 12px 14px; border-bottom: 1px solid #cdcdcd }
.toggle .inactive { color: #2B6893 }
.widget .loader { float: right; margin: 12px 12px 0 0 }
.widget .titles h6 { float: left; white-space: nowrap; font-size: 12px; font-weight: bold; padding: 9px 12px 8px }
.widget .content { padding: 14px }
.widget .body { padding: 12px 14px }
.widget > p { padding: 12px }
.formRow { padding: 10px 14px; clear: both; border-bottom: 1px solid #E2E2E2; border-top: 1px solid white; position: relative }
.formRow:first-child { border-top: none }
.formRow:last-child { border-bottom: none }
.ui-formwizard .formRow:last-child { border-bottom: 1px solid #E2E2E2 }
.wizButtons { border-top: 1px solid #fff }
.formRow .formRight { display: block; float: right; width: 85%; margin-right: 18px }
.formRow .inputImg { position: absolute; top: 29px; right: 25px }
.formRow .labelImg { float: left; margin: 2px 10px 0 0 }
.formRow > label { padding: 0 0; display: block; float: left; font-weight: bold; white-space: nowrap }
.formRight label { float: left; margin-right: 24px; padding: 2px 0; cursor: pointer }
.formNote { display: block; text-align: left; font-size: 11px; padding-top: 5px; color: #939393 }
.req { float: right; margin-left: 5px; display: block; color: #DB6464 }
.disabled { color: #c0c0c0 }
.widget tfoot { padding: 10px 0; text-align: center; border-top: 1px solid #cdcdcd }
.giohang { float: right; position: fixed; right: 1em; top: 20%; }
.giohang a { width: 100%; text-transform: uppercase; float: left; font-size: 12px; color: #fff; }
.giohang span b { position: absolute; top: 0; right: 0; background: #3a7218; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; }
.kygui { width: 115px; float: right; line-height: 35px; background: rgb(0, 82, 151); border: 1px solid rgb(220, 220); height: 35px; text-align: right; padding: 0 5px 0 0; margin-left: 10px }
.kygui a { color: #fff; width: 100%; text-transform: uppercase; float: left; font-family: "RobotoCondensedRegular"; font-size: 14px; background: url(images/kygui.png)no-repeat left 10px center }
.baove { width: calc(100% - 139px - 170px); float: right; line-height: 1.1 }
.nd_bv { width: 77%; float: right; padding: 3px 30px 0 0 }
.kiemtra { width: 160px; float: right; line-height: 1.1; position: relative }
.kiemtra { font-size: 12px; font-family: "Roboto-Regular"; color: rgb(48, 48, 48) }
.kiemtra > button { width: 100%; height: 33px; position: absolute; top: 0; left: 0; opacity: 0 }
.nd_kt { width: 45%; float: right; padding: 3px 0 0 5px; text-align: left }
.post { width: 100%; float: left; padding: 1em; border: 1px solid #e2e1e1; }
.dropdown { position: absolute; display: none; top: 35px; right: 0; text-align: left; background: #FFF; min-width: 200px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); box-shadow: 0 0 2px rgba(0, 0, 0, .5); padding: 15px 21px; text-transform: initial; line-height: 1.3; font-size: 12px; color: #024879; z-index: 9999 }
.tienich { width: 100%; float: left; margin: 20px 0 }
div#container_product {margin-top: 10px;width: 100%;float: left;border: 1px solid #cccccc;padding: 1em;border-radius: 5px;background: #fff;}
div#container_product #tabs { overflow: hidden; position: relative; border-bottom: 1px solid #ccc; padding: 0; list-style: none; }
div#container_product #tabs li { color: rgba(0, 102, 204, 1); padding: 5px 20px; background: rgb(255, 255, 255); }
div#container_product #tabs li#current {color: #fff;background: rgb(249, 38, 40);}
div#container_product #tabs li#current a { color: #fff; }
div#container_product #tabs li { float: left }
div#container_product #tabs li a { color: #000; font-size: 16px; text-decoration: none; }
.phantrang { text-align: center; margin-top: 20px }
.noidung_ta { width: 100%; float: left; clear: left }
.clear { clear: both }
.content { width: 910px; float: right; margin: 0 10px 0 0 }
#map_canvas { height: 350px; width: 100%; float: left; margin: 10px 0 0 0 }
#map_canvas_bt { height: 405px; width: 100%; float: left }
#map_canvas_chinhanh { height: 280px; width: 100%; float: left; margin-top: 0 }
.hotro_right { display: block; position: fixed; bottom: 0; right: 0; z-index: 9; width: 100%; max-width: 290px }
.hotro_right #img { display: block; position: relative; width: 100%; max-width: 290px; height: 160px; border-bottom: 1px solid #d00000; background: transparent url("images/hotro.png") no-repeat scroll 0% 0% }
.hotro_right div.hotline_r { bottom: 0; padding: 0 10px; background-color: #ffde00; color: #d00000; font-size: 17px; font-weight: bold; width: 100%; text-align: center }
.hotro_right .noidung_20 { display: none; width: 100%; float: left; background-color: #FFF; border-left: 1px solid #d00000; border-top: 1px solid #d00000; padding: 5px }
.hotro_tt img { display: block }
.red { color: #FB0000 }
.item_bst { position: relative; overflow: hidden; }
.item_bst h3 { width: 100%; float: left; position: absolute; bottom: 0; text-align: center; padding: 1em 0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); }
.item_bst h3 a { font-family: "MontserratBold"; font-size: 18px; color: #ffffff; }
.item_bst p { font-family: "MontserratRegular"; font-size: 14px; color: #3e3e3e; width: 100%; float: left; text-align: left; }
.item_bst img { transition: .5s all; }
.item_bst:hover img { transform: scale(1.1); transition: .5s all; }
.item_bst:hover h3 a { color: #fff000; }
.ten_bst { width: 100%; float: left; padding: 0 30px 20px 40px; opacity: 0 }
.slick-active .ten_bst { opacity: 1 }
.xem_bst { width: 100%; text-align: center; display: block }
.xem_bst .xemthem { float: none; padding: 10px 20px; background: rgba(155, 14, 98, 1); border-radius: 5px; margin: auto; display: block;/* margin:auto;*/ width: 145px }
.index { width: 100%; float: left; border: 1px solid #999 }

/**/
.tin_nb { float: left; width: 100%; border-top: 1px solid rgba(255, 255, 225, .3); display: grid; grid-template-columns: 1fr 3fr 6fr; grid-gap: 20px; margin-bottom: 2em; }
.tin_nb a { color: #3e3e3e; font-size: 15px; font-family: Arial; text-transform: uppercase; }
.tin_nb:hover a { color: rgb(202, 29, 29); }
.tin_nb:hover img { transition: .5s all; transform: scale(1.05); }
.tin_nb h3 { margin-bottom: 0; padding: 0; font-size: 15px; }
.tin_nb img { display: block; transition: .5s all; }
.tin_nb p { font-size: 13px; font-family: MuliRegular; width: 100%; display: inline-block; color: #3e3e3e; margin: 0; }
.tin_nb .xemthem { float: left; color: #ee1919; font-family: MuliRegular; font-size: 13px; margin-top: 1em; text-transform: capitalize; }
.tin_nb .ngay { width: 60px; height: 60px; background: #ee1919; border-radius: 50%; display: flex; align-items: center; text-align: center; justify-content: center; flex-flow: wrap; font-size: 19px; color: #ffffff; font-family: Arial; padding: 5px; }
.tin_nb .ngay p { font-size: 14px; font-family: Arial; color: #ffffff; }
.khung_bottom .tinnoibat p { font-family: 'OpenSansRegular'; font-size: 13px; color: #000000; margin: 0; }
.khung_bottom .tinnoibat p.ngay { color: #999999; font-family: 'Roboto-Regular'; font-size: 13px; padding-bottom: 5px; }
.tinnoibat { width: 100%; float: left; }
.tinnoibat .slider-left { width: 49%; float: left; }
.tinnoibat .slider-right { width: 49%; float: right; }
.slick-slide { margin: 0 20px; }
.tin_tt {/* width: 100%; */float: left; text-align: center; }
.tin_tt h3 { font-size: 14px; font-family: "RobotoBold"; text-align: center; display: flex; text-align: center; justify-content: center; align-items: center; align-content: center; height: 100%; }
.tin_tt a { color: #000000; font-size: 18px; font-family: RobotoCondensedBold; text-transform: uppercase; }
.tin_tt p { font-size: 14px; font-family: OpenSansRegular; }
.tin_tt .ngay_tao { width: 50px; height: 80px; position: absolute; top: 0; left: 0; text-align: center; background: #13aa07; padding-top: 1em; }
.tin_tt .ngay_tao p { font-family: 'RobotoBold'; font-size: 22px; color: #ffffff; line-height: 1; margin: 0; }
.tin_tt .ngay_tao span { color: #ffffff; font-size: 13px; }
.tin_tt img { transition: .5s all }
.tin_tt:hover img { transition: .5s all; transform: scale(1.05); }
.tin_tt:hover h3 a { color: #ff0000; }
.content_new ul li { width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0 }
.content_new ul li a { width: 100%; float: left; color: #fff; padding: 0 0 0 20px; background: url(images/4cham.png) no-repeat 5px 7px }
.content_new ul li a:hover { color: #FFF600 }
.content_new ul li span { float: right }
.khung_trai { width: 49%; float: left; margin-left: 0; }
.khung_trai iframe { width: 100%; }
.khung_phai { width: 49%; float: right; padding: 0; }
.thongtin_lh { width: 100%; float: left; padding: 0 40px 20px 0 }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: left }
.form_lh fieldset { padding: 0px; margin: 0 }
.form_lh legend { padding: 0 10px; font-style: italic; color: #023B70 }
.form_lh p { padding: 5px 0 }
.form_lh p input { padding: 10px; width: 100%; border: 1px solid #ccccccb0; border-radius: 5px; }
.form_lh p label { width: 120px; float: left }
.form_lh p textarea { padding: 5px; width: 100%; border: 1px solid #ccccccb0; border-radius: 5px; }
.form_lh p button { border: 0; background: #C48B37; padding: 5px 20px; color: #fff; cursor: pointer; margin-right: 5px; border-radius: 3px; }
.form_lh p button:hover { opacity: .8 }
.form_van input { width: 100%; padding: 5px }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0; color: #eee; padding: 5px; border: 0; background: #E78D00 }
.form_contact { padding: 20px 0; width: 100%; float: left; }
.form_contact iframe { width: 100%; }
#form_contact input { padding: 5px }
.owl-carousel_video .owl-controls { display: none }
.box_video { float: left }
.box_video img { width: 100% }
.box_video h3 { text-align: center; margin: 10px; width: 100%; float: left; font-size: 14px }
.box_video:hover { opacity: 0.8 }
.dieukhoan { width: 49%; float: left; border: 1px solid #ccc; margin: 10px 0 }
.dieukhoan h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.xacnhan { width: 100%; float: right; margin: 5px 0 }
.xacnhan h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.phuongthuc h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555; margin-bottom: 10px }
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold }
.back_fix { height: 375px; width: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; margin-top: 20px }
.back_fix1 { background-image: url("images/photo_divider1.jpg") }
.back_fix2 { background-image: url("images/photo_divider2.jpg") }
.back_fix3 { background-image: url("images/photo_divider3.jpg") }
.back_fix4 { background-image: url("images/photo_divider4.jpg") }
.menu_hinhanh { width: 100%; float: left; height: 40px; background: url(images/menu.png) repeat-x; text-align: center; margin-top: 30px }
.menu_hinhanh li { display: inline-block; background: url(images/gach_menu.png) no-repeat right; padding-right: 5px }
.menu_hinhanh li:last-child { background: none }
.menu_hinhanh a { display: block; height: 40px; line-height: 40px; padding: 0 20px }
.menu_hinhanh a:hover { color: #FBC729 }
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 5px 10px 0 0; position: relative; cursor: pointer }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #fff; display: none; float: left; margin: 10px 0 0 10px }
.home_mobile a { color: #fff }
.home_mobile a:hover { color: #FFFC00 }
.download_box { width: 230px; float: left; margin-right: 25px; text-align: center }
.download_box img { border: 1px solid #ddd; padding: 5px }
.download_box h3 { text-align: center; font-weight: 100; color: #333; margin: 5px 0; font-size: 12px }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px; background: #DE8801; color: #fff }
.khung_video { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em; }
.left_video { width: 65%; float: left; }
.right_video { width: 31%; float: right; }
.video_thumb { width: 100%; float: left; }
.video_thumb img { width: 100%; margin-bottom: 8px; height: 94px; }
#box_video { width: calc(100% - 160px); float: left; }
.box_v { width: 70%; float: left; }
.box_video { margin: 0 auto; padding: 5px; box-sizing: border-box; width: 100%; }
.box_video img { max-width: 100% }
.box_video a h3 { text-align: left; margin: 5px 0 0; width: 100%; float: left; font-size: 14px; color: #035F67; font-weight: bold; overflow: hidden }
.box_video:hover a h3 { color: #f6303e; }
.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: 152px; float: right; }
.box_v iframe { height: 400px }
.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 0; box-sizing: border-box; float: left; }
.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 { color: rgb(128, 128, 128); font-size: 13px; font-family: "Roboto-Regular"; width: 100%; margin: auto; text-transform: none; position: relative; }
.luotxem:after { content: ''; height: 8px; width: 15px; position: absolute; top: 6px; left: 3%; background: url("images/view.png")no-repeat }

/* -----------------------Popup---------------------------*/
#popub { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 10001; text-align: center }
#loading, #popub { width: 100%; height: 100%; display: none }
#popub .popub { position: relative; max-width: 80%; margin: auto; display: inline-block }
#popub .popub .close_popup { position: absolute; background: url(images/icon/close.png) center center no-repeat; width: 60px; height: 60px; right: -33px; top: -33px; z-index: 999999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; box-shadow: 0 0 60px rgba(0, 0, 0, .2); border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .1) }
.close_popup { font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 1 }
.close_popup, .list-group-item>.badge { float: right }
#popub .popub .close_popup:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 20px rgba(255, 255, 255, .8) }

/* -----------------------End Popup---------------------------*/

/*--------------tags---------------------*/.tags { background: #b80101; display: inline-block; padding: 0 5px; line-height: 25px; color: #fff; padding-right: 15px; margin-bottom: 5px; margin-right: 5px; position: relative }
.tags:before { content: ''; height: 0; width: 0; position: absolute; top: 0; left: -10px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #b80101 }
.tags:after { content: ''; height: 0; width: 0; position: absolute; top: 0; right: 0; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #fff }
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0 0; border-radius: 100% }
.tags:hover span { background: #FFFC00 }
.tags:hover { color: #FFFC00 }

/*-----------------end tags-----------------------*/
.k_bao { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
#frmPrjSearch { width: 100%; text-align: center; position: relative; }
.comboboxs { width: 100%; float: left }
.comboboxs input { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; border: 0; color: #b3b3b3; height: 41px; padding-left: 2em; }
.comboboxs input::-webkit-input-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "Roboto-Regular"; }
.comboboxs input:-moz-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "Roboto-Regular"; }
.comboboxs input::-moz-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "Roboto-Regular"; }
.comboboxs input:-ms-input-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "Roboto-Regular"; }
.comboboxs select { margin: 0 0 10px 0; box-sizing: border-box; border: 0; width: 100%; color: #b3b3b3; font-size: 13px; font-family: 'Roboto-Regular'; height: 41px; padding-left: 2em; }
.comboboxs { }
.entry-title { text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666 }
.search-btn { position: absolute; right: 0; top: 0; }
#btnSearch { background: #98bf0c; border: 0; text-transform: uppercase; color: #ffffff; cursor: pointer; float: none; width: 130px; float: left; height: 41px; text-align: center; }
#btnSearch:hover { color: #fff }

/*-----------fanpage----------------*/
.fanpage { position: fixed; top: 200px; right: -300px; z-index: 9999999999; width: 300px; height: 250px; transition: all 0.5s }
.fanpage .title_fanpage { position: absolute; top: 0; left: -45px }
.fanpage:hover { right: 0 }

/*-----------fanpage-right---------------*/
.face_right { position: fixed; top: 300px; right: -300px; z-index: 1000; width: 345px; float: left; transition: 0.5s }
.face_right.active { right: 0 }
.face_right .img_face { float: left }

/*-----------fanpage-right---------------*/
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 1px 10px 0 0; position: relative; cursor: pointer }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #caa049; display: none; float: left; margin: 8px 0 0 }
.home_mobile a { color: #fff }
.home_mobile a:hover { color: #FFFC00 }
.list_home { width: 100%; float: left; margin-top: 30px }
.list_home li { float: left; position: relative; padding: 10px }
.list_home li h3 { position: absolute; bottom: 10px; left: 10px; padding: 10px; right: 10px; background: rgba(0, 0, 0, 0.8); font-family: 'UTMAvo'; font-size: 20px; font-weight: 100; text-align: center; transition: 0.5s }
.list_home li h3 a { color: #fff }
.list_home li img { width: 100%; max-width: 100% }
.list_home li:hover h3 { left: 20px; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 1) }
.list_home li:hover h3 a { color: #FFE400 }
.nav_mobile { display: none; width: 100%; float: left; background: #915a24; position: relative; z-index: 1000 }
.nav_mobile li { width: 100%; float: left }
.nav_mobile li a { width: 100%; float: left; color: #fff; border-top: 1px solid #c58b51; border-bottom: 1px solid #65370a; padding: 10px 0 10px 20px }
.nav_mobile li li a { padding: 5px 0 5px 40px; background: url(images/icon_gachgt.png) no-repeat 15px 10px }
.shiphangre table { border-bottom: 1px solid #eee; border-right: 1px solid #eee }
.shiphangre table td { padding: 20px; border-top: 1px solid #eee; border-left: 1px solid #eee }
.shiphangre td table { border: 0 }
.shiphangre td table td { border: 0 }
.shiphangre td table td { padding: 10px 20px; margin: 0 }
.shiphangre table td input[type="text"] { width: calc(100% - 120px); float: right; border: 0; border-bottom: 1px dotted #ccc }
.shiphangre table td.chuyenphat p { padding: 5px }
.shiphangre table td.chuyenphat input { float: left; margin: 5px 10px 0 0 }
.shiphangre .xacnhan_kh td { vertical-align: top }
.shiphangre .xacnhan_kh h4 { border-bottom: 1px solid #eee; width: 100%; float: left; text-transform: uppercase; margin: 0 0 10px; padding: 0 0 5px; font-weight: bold }
.shiphangre .xacnhan_kh p { padding: 5px 0; width: 100%; float: left }
.shiphangre .xacnhan_kh select { width: 48%; padding: 5px; float: left; margin-bottom: 10px }
.shiphangre .xacnhan_kh #quanhuyen { float: right }
.shiphangre .xacnhan_kh td input[type="radio"] { float: left; margin: 5px 10px 0 0 }
.shiphangre .xacnhan_kh textarea { width: 100%; padding: 10px }
#guiyeucau { background: #0a3594; color: #fff; border: 0; float: right; padding: 10px 30px; font-family: 'OpenSansExtraBold'; text-transform: uppercase; font-size: 16px; margin: 10px; cursor: pointer }
#guiyeucau:hover { background: #f19623 }
.sobill { font-size: 20px; font-family: 'OpenSansExtraBold'; color: #666 }
.rong { text-align: left; color: rgb(0, 73, 191); font-size: 14px; text-transform: uppercase; text-align: center }
.ten_nhantin { width: 28.75%; float: left; line-height: 1.1 }

/* Validation */
.formError { z-index: 990 }
.formError .formErrorContent { z-index: 991 }
.formError .formErrorArrow { z-index: 996 }
.ui-dialog .formError { z-index: 5000 }
.ui-dialog .formError .formErrorContent { z-index: 5001 }
.ui-dialog .formError .formErrorArrow { z-index: 5006 }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block }
.formError .formErrorContent { width: 100%; background: #0a3594; position: relative; color: #fff; min-width: 120px; font-size: 11px; padding: 4px 10px; white-space: nowrap }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0 }
.formError .formErrorArrow { position: relative }
.formError .formErrorArrow:before { content: ''; display: inline-block; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0a3594; top: 0; left: 23px }
.formError .formErrorArrow:after { content: ''; display: inline-block; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #0a3594; top: -2px; left: 24px }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0 0 0 12px; top: 2px }
.formError .formErrorArrowBottom:before { content: ''; display: inline-block; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.2); top: -6px; left: 23px }
.formError .formErrorArrowBottom:after { content: ''; display: inline-block; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -5px; left: 24px }
.daucong { width: 40px; border-radius: 10px; background: #ff0a0a; color: #fff; font-size: 30px; float: right; margin-right: 10px; text-align: center; line-height: 30px; cursor: pointer }
.item_dk { width: 100%; float: left; padding: 0 0 20px 0 }
.small { font-size: 14px; height: 24px }
.small-old { font-size: 13px }
#ctsdiv { background: rgb(242, 242, 242); padding: 1em; }
#ctsdiv h3 { padding: 10px 0 0 0; }
#ctsdiv h3 a { font-family: 'RobotoMedium'; font-size: 16px; color: rgb(40, 40, 40); }
#ctsdiv p { padding: 5px 0 0 0; font-family: 'Roboto-Regular'; font-size: 15px; color: rgb(84, 84, 84); }
#ctsdiv img { background: #fff; }
#ctsdiv p span { color: rgb(241, 0, 0); }
#ctsdiv_news { position: relative; height: 300px; overflow: hidden; float: left; width: 100%; padding-top: 1em; }
#ctstbl_news { position: relative; margin: 0 }
#ctsdiv_news table { width: 100%; }
#ctsdiv .hotnews { padding: 0 0 10px 0 }
#ctsdiv .hotnews h3 { text-align: center }
#ctsdiv .hotnews h3 a { color: #f00; font-family: "SFUFuturaHeavy"; font-size: 14px }
#ctsdiv .col-md-12, #ctsdiv .col-sm-12 { padding: 0 }
#ctsdiv .mota { display: none }
#ctsdiv_news .hotnews { width: 100%; float: left; line-height: 1.2; grid-gap: 10px; grid-template-columns: 1fr 2.5fr; margin: 0; margin-bottom: 1em; }
#ctsdiv_news .hotnews img {/* border-radius: 50%; */ }
#ctsdiv_news .hotnews .tt { text-align: left; padding: .5em 0 0 5em; }
#ctsdiv_news .hotnews h3 { }
#ctsdiv_news .hotnews h3 a { font-family: RobotoBold; color: rgb(52, 51, 51); font-size: 13px; }
#ctsdiv_news .hotnews:hover h3 a { color: #f00 }
#ctsdiv_news .hotnews p { font-family: "Arial"; font-size: 13px; color: rgb(65, 65, 65); line-height: 1.4; }
#ctsdiv_news .hotnews .nd { width: 100%; display: grid; grid-template-columns: 1fr 5fr; grid-gap: 10px; padding: 10px; border-radius: 5px; box-shadow: inset 0 0 15px 0px #cccccc; margin-bottom: 1.5em; }
.ngaytao { float: left; text-align: center; padding: 2.8em 0 0; border-right: 1px solid rgb(204, 204, 204); position: relative; padding-right: 1em; }
.ngaytao:after { content: ''; position: absolute; bottom: 50%; left: 92%; width: 18px; height: 18px; background: #6fb2e8; border-radius: 50%; box-shadow: inset 0 0 11px #16507f; }

/*.ngaytao:before{content:'';position:absolute;bottom: 49%;left: 95%;width:10px;height:10px;background:rgb(255,255,255);border-radius: 50%;z-index: 9;}*/
#ctsdiv_news .hotnews .ngaytao .ngay { font-size: 14px; margin: 0; font-weight: bold; width: 100%; display: inline-block; color: #1975c1; }
#ctsdiv_news .hotnews .ngaytao .thang { font-family: "Arial"; color: rgb(91, 91, 91); font-size: 14px; position: relative; }
.thanhthoan { width: 100%; float: left; padding-top: 1em; }
.slider_atl .camera_wrap .camera_pag .camera_pag_ul li { display: none }
.slider_atl .camera_wrap .camera_pag .camera_pag_ul { display: none }
.grp-button-cart { text-align: right }
.grp-button-cart input { display: inline-block; float: none; padding: 2px 15px; height: auto }
.grp-button-cart input:nth-child(1) { background: green }
.grp-button-cart input:nth-child(2) { background: #d80f00 }
.grp-button-cart input:nth-child(3) { border: 1px solid #FF5722; background: #FF5722; height: auto; padding: 10px 30px; transition: all 0.5s }
.grp-button-cart input:nth-child(3):hover { background: none; color: #FF5722 }
.cart-shopee { }
.cart-shopee h2 {display: inline-block;text-transform: uppercase;font-size: 1.25em;color: #c48b37;}
.cart-shopee .title { text-align: left }
.cart-shopee .title h2 { }
.cart-shopee .cartleft { width: 58%; float: left }
.cart-shopee .cartleft h2 {float: left;color: #fff;}
.cart-shopee .cartleft .blockcontent {padding: 25px 20px;border: 1px solid #ccc;color: #fff;}
.cart-shopee .cartleft .blockcontent label { width: 23%; float: left }
.cart-shopee .cartleft .blockcontent .clearfix { margin-bottom: 1em }
.cart-shopee .cartleft .blockcontent input {width: 77%;float: right;padding: 4px 10px;border: 1px solid #ccc;border-radius: 3px;color: #000;}
.cart-shopee .cartleft .blockcontent textarea {width: 77%;padding: 4px 10px;border: 1px solid #ccc;color: #000;}
.cart-shopee .cartright { width: 38%; float: right }
.cart-shopee .cartright .a-editorcart {float: right;color: #5dac29;}
.cart-shopee .cartright .blockcontent { }
.cart-shopee .cartright .blockcontent .cart_productlist { height: 350px; overflow: auto; padding: 0; list-style: none; }
.cart-shopee .cartright .blockcontent .cart_productlist >li { padding: 15px 0; border-bottom: 1px solid #ccc }
.cart-shopee .cartright .blockcontent .cart_productlist .img { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .img img { border: 1px solid #ccc; }
.cart-shopee .cartright .blockcontent .cart_productlist .details {width: 70%;float: right;color: #fff;}
.cart-shopee .cartright .blockcontent .cart_productlist .details h3 { }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo { margin: 0.5em 0; padding: 0; list-style: none; }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(1) { text-align: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(2) { text-align: center }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(3) { text-align: right; color: red; font-weight: bold }
.cart-shopee .cartright .blockcontent .billtotal { }
.cart-shopee .cartright .blockcontent .billtotal p { padding: 5px 0 }
.cart-shopee .cartright .blockcontent .billtotal label { float: left }
.cart-shopee .cartright .blockcontent .billtotal span { float: right }
.cart-shopee .cartright .blockcontent .billtotal .pricepay { font-size: 1.2em; color: red; font-weight: bold }
.cart-shopee .cartleft .choosepay { }
.cart-shopee .cartleft .choosepay ul { padding: 0; list-style: none; }
.cart-shopee .cartleft .choosepay ul li {color: #fff;}
.cart-shopee .cartleft .choosepay .choosepay-content { }
.cart-shopee .cartleft .choosepay .choosepay-content input { margin-right: 0.75em; display: inline-block; margin-top: 0 }
.cart-shopee .cartleft .choosepay .choosepay-content { padding: 25px 20px; border: 1px solid #ccc }
.scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px }
#style-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5 }
#style-5::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
#style-5::-webkit-scrollbar-thumb { background-color: #0ae; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)) }
.cart-shopee .btnbar { margin: 1em 0; text-align: center; background: #f1f1f1; padding: 15px 0; margin-bottom: 2em }
.cart-shopee .btnbar button { padding: 10px 20px; background: #dc4444; border: 1px solid #dc4444; color: white; border-radius: 5px }
.cart-shopee .btnbar button:hover { background: none; color: #dc4444 }
.temp_redirect { background: url('images/bg_redirect.png') right top; background-size: cover; padding: 20px; position: relative; margin-top: 4em }
.temp_redirect .redirect_title { }
.temp_redirect .redirect_title h2 { font-size: 1.5em; font-weight: bold; color: white; text-transform: uppercase; width: 50%; float: left }
.temp_redirect .redirect_img { position: absolute; top: -40px; right: 50px; padding: 15px; border-radius: 50%; background: white; border: 10px solid rgb(2, 83, 216) }
.temp_redirect .redirect_img img { }
.temp_redirect .redirect_content { margin-top: 3em; padding: 15px; background: white }
.block-banking { height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.block-banking .title { }
.block-banking .bankingcontent { padding: 0;/* border:1px solid #ccc;*/ }
.block-banking .bankingcontent >ul { display: inline-block; width: 100% }
.block-banking .bankingcontent >ul >li { padding: 15px; border: 1px solid #ccc; width: 50%; float: left; display: flex; align-items: center; justify-content: center; position: relative }
.block-banking .bankingcontent .img { width: 100%;/* text-align:left;*/ display: inline-block; text-align: center; cursor: pointer }
.block-banking .bankingcontent .img img { }
.block-banking .bankingcontent .details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background: rgba(241, 241, 241, 0.85) }
.block-banking .bankingcontent .details li { }
.block-banking .bankingcontent .details li span { width: 40%; display: inline-block }
.block-banking .bankingcontent .details li b { width: 60%; display: inline-block; color: red; font-size: 1.15em }
.select2-dropdown { width: 170px !important }
.block-banking.active { height: auto }
.select2 { width: 77% !important }
.billtotal p input { width: 78%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc }
.content_payment { }
.content_payment .totalpay { font-size: 16px; color: red }
.content_payment .totalpay label { }
.content_payment .totalpay input { font-weight: bold; font-size: 20px }
.content_payment ul { padding: 0; list-style: none; }
.content_payment ul li { margin: 1em 0 }
.content_payment ul li label { width: 40%; float: left; padding-top: 0.75em; background-position: left bottom !important; background-repeat: no-repeat !important; padding-left: 2.5em }
.content_payment ul li input { width: 60%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc }
.content_payment ul li:nth-child(1) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEZElEQVR42qWUX0xbdRTHz6+FlgqUP8XRYViBoQkkhmZ9AR+2h5nFuIXoIMZNJxoTfVHjYgwsmTiSLWMVXhYNMfoyTMCk3SBEIpHFMAiWB7SVkQxSiED/wCAIbWlv/9x7f55zvSw8wHanJ/ml9/ae3/n8fud8z2HwFNZ7q9eUlZXlMBgMUVHMzL557pz8pD3sSQ6hUOj5jY2ND+I78Zf0ev0xDtyIzxCLRX2vnz177H8DNjc3L+Tm5vYiBO6NjcHOzg6nfaIoBra3I9WXv7ic/k+AlZWVI5iODkzHabPZXLK0tAQDd+5AOp0BzjkYjUYoLi5eLS8vv1ZYVPhtfX29pBmwurpqwwCenJycwzqdDuNxJssyEMTv9/Ps7GxWWFDI8/LymDHHCOjjSSQS5+12+5ImwNrq2vemZ0zv4w3olcuSzCRZAoLg4slkkiWFJMfdlCoIh8I8EAz82NLScl4bYG1tzpRjeoG+bm1tQX5+vhJckiSIx+OQyWQwVWnweX3kq3xjjPW2trW+qxUQxDQ85/N6wfu7l7/1ztssFotBKpkErDAKCRimkft8PmW/kkPGvkPAh5oA4XDYi5K0L/oXYO7BHD956mW2/vAhDA0NQUNDAy8ttbL19XU+MzOzF/A1Aj7RBEAF3cINF0gty1hYq/UwkEzdbhcgGI6fOEEpgdn7s+SewTWCq7PtUptHE2BhYeE1rN8A5ZyKioVklOvBwQFAZXGbzcaOVlfzWDS2iEI42dTctAIH2L6A4Z+GdRUVFdMyl+2SKAGqRiluIBAAS4kFioqKlMJTL+iYblyUxNO1tbVxzQCyqampWtT3JN6gILIdUfoAGw5Kni1ROhmNc5kr8kVVuerq6t54KsDFTy86ysrKrtXU1JzCII/8CswFvPxIOcNbcTEjsnQmDelUmo/dG3u1o6PjLsqXDkBDkB8IGBwcvDkxPvExndhisXCr1brXjyOYGYwGLiQElkqlKIV8fGL8ttPpfA+/02ySdiH7AkZHR2/ixo+CwSCdWBE+FVyv0ytHQgFAZWUloFRBSAogCAJNXX97e3sd+hFA91gA6r0TG63VZDJRx3IcHYwAXp8XHA4HbmLsUOkhjiOCUXBcHKdu+Hrn9Rdxu6gu5Sb7Atwu9+c4vJw4SaHqaBVHvSvFdLlc0NjYyHGMMErd/Pz8v4CEQLPoz77+vjO4XcAVVSH716CnpycX5TeMjXZc8cBykSTn5h6AzVZB0xPMBWbw/uEFPIiSounp6e6Z+zPfoHcSV0QFHayirq+6crGp+vHxjCpLoOmKklRkiinkHo9HmaqhcGh08rfJSyjlmBqYemL7wBrs2pUvr+iwqT7Dm1zFV8OuighAswh7ZXZ5ZfkqNuAk1sqi5l1Qg0cee4O91t3VvYA/VdFoFKguf6GNjPz8QzAU+kUNSorJqMH/VgGyZoDzhvMV4vT390WTqdSNxcXFX/HEefifUb0RBU/g2lGfH5kmAFlzU7PefdstafXftX8AuNloOOTw06wAAAAASUVORK5CYII=') }
.content_payment ul li:nth-child(2) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACj0lEQVR42mNkoDFgHLWAoAUN4WJ88qJshqRa9p+B4UvSlCdnCFrwfYX2JSCtS47rPn//lyuWeH0KXgu+LtP8D3EQPMjwsZHFGL7/Y58rEnMhFa8Fn5eok23BETb3T3OEml6CxBgZGW99enija1eS+REUCz4sVP3PQCY4xOHNsFu6niFImoHh46//DEsfMfz++v5NxLYwtXVwC97NVybbBwfZvRgvKjf+L1BnAqvZ8ODH//UvWH5/f/M8cFeM7jaw4Ju5ikAN/6GaGBnxs5HFQBZ4M+6QqvvvLf4PrOjff4b/Sx4zMvz6z/Tj28vHvvsSjfcyvpotR7YPDrB5M84XqsOl/sun+9ccGF/MlCE7DoAWMMwTrMWnZC/j02lSFMXBXIFafOr/MD6eIoHig/PPOBm23RQAs73UPzAYSn3H4wMvhrkCNQz/3z5h+HsCmHC+fWRgVLNgYNZ3hathvNotfp+H/b88iHP/HRtj1U6p/0bGZmC5c2dP/W9zf8agKPQLwwegqF7Clsq4kzvi/68FJQzKEsKMSkpK//fu3cvA6JzMyKzj8P//758/GLPd+aTF+ZntQZqvfxAP+sCsGLhhwwawBQEBAf/5/z5YryXwYh26618zijPs4QpiYPv6Tp/5zqmSTZs2MYqJif2vrKxkOHD28qWvypZdf358v4xSwKmqqsbz8/Mv6O/vB/MLCwsZPn/+nHDz5s2FuIJJWlpaQ1hY+FpJSQmjkZERQ2lpKcOTJ0+mX758OQsWGXAgICDAJikpuQnIdIPK7Xz58qXfu3fvfuFLKhoaGh3AoqIMyr396dMnp6dAgGEBDAC9agCiX716dYGBSCAqKqoMtET0169f5z58+AB30DCo0Ya8BQA8cB7ZuODIUQAAAABJRU5ErkJggg==') }
.content_payment ul li:nth-child(3) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEhklEQVR42s2UWWhUZxTHzzdz7+x7MlnGOiYmxkoSo6mlgk1CKcViHnyQFNSiUqko2JZiWymJJrZQK6J9abUiVEQkaVP6EEjBxGhro2QkajLZJsvITGbLZJZk9pm7zOlNodJQl6gVel6+h+/y/333f875E3jBRf6XgKYjR3IpitbbbGNTba2t+J8CWpo+NnzeeNTOZWltMpUOxWKJm7Ozs70WS98fPVc67nZ0drPPBdi/p153ovn9T9W6/O0gMRZnRRpMphHaL3xF/L5pR/uv/SvvjbjwmQF/1+nmnWRzXfktlUK9Ua7RwbVrNyCTYey7D10sfeY/OPXdudXmouK6TCICNUXuinho7gNKLMIMIqTSLEx7QzsaDpxre2pAY/MX6u17dn3Nc7DP5/GIOy6fggPvVEBBgYFIlXLkMwzcHQ7ag1j6Uf+w0zU6PDTW+cuP3JIAnV09G9TGbJuDOVsi14mBCZuAjeRAJiQFKUuDkkpCKBACylAN6zfWgJiiwON0zHld02daL11oeSyg80r3u/nmwvOR+ITMF7mF3jkLCScmMRGQgxi0YMzPJXl5ZszVF4NSVElMOa+gbcgK9skJolKpkOf5xkcCLrf9dLh8ueT4fWMY6PlCokwpkc8CMRbqcNzXB6P2mzDtu0MIsrhubQVUr9xLxu+F0elwgEgkIkqlEsVi8dmHAn64eOlLlamk0en3QLn4Pqw2sMSgpDFsLCNOByCRGCDm8UFCayCml5SIwpj29d4mTIZBlmMhHAqSMdswplOZqn8Bvv3+/LFVK4uOciwPTBZhKCSclAIiyQyYpWHYoAnAMmkK9FAIgaLXYGBoBKxWK0Qj86DXG8DrdUMyGQc+m71hHRh8exHg+MnThyrWvHwyHotDPB4nMrkMxSIRSCQSYjYvx0lPgPg4OVJSGbxZooPrv/1O7FNTyLIs0BKaBGdnUHAnw3Jc023L7W/u2+3ZB4DDTS07Xl1fdcnt8oiyWR4UCgUQQhbEQafTCcAYyGRyMBpzQVCBnp7rEAoFQSrcz8+Hwe12QmGB6a5vZmbX1a6ukUV78N7+gzVv1Gzqdk+7pMlkEuVyhdAoQgTIXyu/0DStVosGg55kOB57e3shGAyARq0hgjAmUwle+PbE2MjosXHb+OIs2rJ12/La2tp+vVpp9Li9JCfHgAzDCD4mibCgKJHQIJXKhHE0IlAUsfRZMCL4TdMUuF0OIlgzkUqld1/rvtr3sIEh+z785Gf7+OQ2rVoFa6sqQKtRAy946vf7IS8vHxZgMpkUNIYcGBwYgFgsCqmUsFwhPwqvPmOfnPpsdGQ0+ahxJ1sbdr7lnwnvFWKgnmUzKlqMaF6xDCory4lCLsdUIgHGggIyNmbDaDRCAgEfchzj4Tl+b0/31a4nJcGDJhcVr1IY85ZtoWXqBobh6jkmraQpxE11r4OIAPG6XRgMeBempVXo1cEh69Dck1PsEVlkXlGqUGty6vNNpoayNWWbo+GgJh6dm0gkok3Cq9uXIvxYwD+rYl01LSakZPDeHdvTCC8Z8Lz1wgF/AiUYH+Kxk88IAAAAAElFTkSuQmCC') }
.content_payment ul li:nth-child(4) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAF0klEQVR42pWVe1BUVRzHf+fu3tc+LgvsLuCy8lxJCPGFjM8MlZfgNDbS2ANLKqMZmrGGmUToYTZTzVjWP2Wj/+RUOjjaNDo+SEkNBwVLBcSN1IFBFpCFZXdh33s65/IIMsvOzG/O79577u9zzvd+z7kI/qGteu+KThS4F3Rabr2kYbMEXqEPhbBv1BO863D5L7rHgt+e3bmgER6hoekXOVVnmUi9/o3U2Zp3V2RE6lhFCAaGnNjp8SNADGi1IqhVanxvwAfXrI4Gu8NXQUC/PxJgRc0l0aCXDhUvi9kQLQSwY8iFLEYNpMVFYAUOICXLQc+gG1p7HLjbE0Yxs4y4uX3EZb3rfOb02/NP/StgyVv1jMkcd+z5taYSl8MOC00RkBDFgUpUyYPcbjeoVCrAGEMoFAL7sBPO3LKDwqCH9tte328d9nVnaxb98lBA/kfXtm9eE78n7HWggrkxYIgQ8Kh7FE0UxeFwWB5HAZ4xD+Y4DoVCYXz8Wg8K6w1w7vJgT2fXcHrj7uWuBwDLdjZGZmfG3lk5V4xIk1j0mEknFyUN0YI0IStAoiDCBGT8WRhjvz+ADl/vAy46BtedurO7vibnnQcAuR+0VFY8lfz52MgQFM2JkG9qtVogBeQZh3EYbDYbGA3GSYD8TJZqyA4eEKHZzcDFq0MDbTe7zb9+URyYAdi49/rpsgJTXhz48RyDgAKBAKg1mslZyjPu6OhAllTL1AroewzDyD29rLtpxwMeDp1ouLu86ePVl2YAXj5w07Z0nja2JFnCak6JvF4v2Pp6scvlQsSSEG8y44afG1DOkhwQeIF+NUyKI9JkAGIQ1FsHsV2hRceO36g4vWvdVzMArx+8FchMERQbk1UwStwSHRU9Lk04DL22Xrh8pQlOnjkJYowIi9dmQxqfJr8YUvtBoWSAYrpdIRgkPvD2ugNLTVFs2+02a9Xeqk9wP25E5Qfa3dkZGnWpJQKTyciykOLEOhhR/b0eL9714fvoiq4Z2gyt8Mfm25hlWLS/+1Mc1AyhWCkKAmSb20YGkSWUA4VxG3GTrQmVnt8EeB9sRU9/1ty2IdecniMBGDUcTABgwkFAJbhw8QIcGTkCdX2HIcmZACqWBSbeC8ZEHjQ8T4yAwenxwv32AIQdPDhDo9Cj7wP8NS5Hq3ae+7K8NPM1Y9CNs01a5HQ6Qa1WYyoyLc4ghqJQ5Y+VcGjoexAFFkuigLQCh9U8h3ilAugAbyCI3D4/Afmwy+tDPm8QYD9ZQVbliZXrcy3n58QLsFQTQGqRB47niFzMOIAZB9RdrYN7wj1glAizCgUiQXp5FJDPQDYjRkQqWa5AKIxwEMPBNw9ulXdobu1P514qnb9a7XGilWatXJToj1giBakgW3bg/gCkpKZM2ZQ6dtpZ9ldOZkMyOc/LyxsHPF7xQ1pWemxz8ZpUTaR/FJaYJGpVMJvNxIcIPF4POEYckJSUJH8fusno+aTRaMDv98sxmQf6taBLDsus/Pz88qnTNLPiaOHiefFH855IFlifBy8wiChGEuTV9PX3IVo0ITGBFsfBYBCRwDzPy/dn5MMiVseOn10FBQVbZ/wP0l+pW5lojvyuIDfNZIgSEBcKgo5FmCN2V47ZYVG6RbYwPfxor1QqaS/fU5DvIu8frxKzxCO0XmFh4UwAqzMjMXp2tBSfUZ2xonDL/CxLZPysCOAJwYyH4cmsVKBHyWTQ05bOmkojiqJ8LzgggZQYlOsVFRWVTwfwJPRTwShjeH3KQo0xOZlXS+rK5/LTt7/6bDyVg0pEpaKykBym5+ERFeb1AWpyKC4unrmCCScoSXATwZJQ0Kitrd1TXV1d+jCJJnNr6x2M+CAiZ5mnrKxs098BD2tMTU3NgR07dmyhs5SlIP2ULCSnLqKArq4ukCTJW1JSUt3a2rrv/wJenOb5Ke9P2xvQ0tIysm3btqrOzs5vCND3qACUkJBQkpiYmPEf47DVar3R399fT5jyj+dPT3kpd755Gh8AAAAASUVORK5CYII=') }
.h-auto { height: auto }
.an { display: block; }
.hien { display: none; }
#goidien { display: none; }
#map_fan { width: 100%; height: 375px; }
#map_fan iframe { width: 100%; height: 100%; }
#logo.an { display: none; }
.text-left-slide { position: absolute; left: 100px; bottom: 50px; font-size: 70px; color: #00902c; text-shadow: rgb(0, 0, 0) 1px 1px 2px; font-family: 'SVNAndrogyne'; min-width: 500px; }
.text-right-slide { position: absolute; right: 100px; top: 50px; font-size: 40px; color: #fff; text-shadow: rgb(0, 0, 0) 1px 1px 2px; font-family: 'SVNZaraElyse'; min-width: 550px; }
.img-center-slide { position: absolute; bottom: calc((100% - 500px) / 2); left: calc((100% - 300px) / 2); }
.chiase_mxh { width: 100%; margin-top: 10px; float: left; }
.addthis_inline_share_toolbox { float: left !important; }
.mm-panels{background: #c48b37;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{font-family: 'RobotoBold';color: #fff !important;font-size: 15px;text-transform: uppercase;}
.mm-menu .mm-listview>li a:not(.mm-next){color: #fff !important;font-family: 'Roboto-Regular';font-size: 14px;text-transform: uppercase;}

.tin_rep{display: none;}
.tin_rep{width: 100%;float: left;}
.tin_rep ul{width: 100%;float: left;display: grid;grid-gap: 10px;grid-template-columns: 1fr 1fr;}
.tin_rep li{width: 100%;float: left;}
.img_tin{width: 100%;float: left;text-align: center;} 
.mota_tin{width: 100%;float: left;text-align: center;}
.mota_tin h3 a{display: inline-block;font-family: 'RobotoBold';font-size: 14px;color: #5dac29;text-transform: uppercase;margin-top: 10px;line-height: 20px;}
.mota_tin p{width: 100%;float: left;text-align: center;font-family: 'Roboto-Regular';color: #fff;font-size: 13px;line-height: 25px;}
.mota_tin span { display: inline-block; width: 114px; height: 35px; background: url(images/xem_tin.png) no-repeat; text-align: center; color: #000; border-radius: 20px; line-height: 35px; margin-top: 10px; background-size: 100% 100%; text-transform: uppercase; }
#header.fixx{position: fixed;top: 0;left: 0;z-index: 1000;}
#header.fixx
.tren_hd.fixx{display: none;}
#logo.fixx img{width: 145px;}
/*============ DANH MUC SAN PHAM ===============*/
.menu_list{width: 100%;float: left;background: #fff;}
/*============ RESPONE ===============*/
@media (max-width:1200px) {
    .margin_auto { width: 100%; float: left;padding: 0 10px; }
    .thanh_vs h2:before, .thanh_vs h2:after { width: 50%; }
    .owl_sp .owl-next { right: 1em; }
    .owl_sp .owl-prev { left: 1em; }
    .footer .khung_fter { grid-gap: 1em; }
    .nhantin { grid-gap: 1em; }
    .visao .owl-next, .doitac .owl-next { right: 10px }
    .visao .owl-prev, .doitac .owl-prev { left: 10px }
    #banner, #banner_mobile { width: 60%; }
    .slick-km{width: 100%;float: left;}
}
@media (max-width:1024px) {
	#logo{width: 22%;}
	.right_top{width: 78%;}
	.menubar{width: 47%;}
	.gh_l{margin-right: 20px;}
    
}
@media (max-width:970px) {
	.right_top{width: 100%;float: left;}
	#logo{width: 100%;text-align: center;}
	.khung_index{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.nhantin_bt span{background: none;padding-left: 0;}
	.giohang_hd{margin-top: 0;}
 }
@media (max-width:800px) {
}
@media (max-width:768px) { 
	#goidien{display: block;}
	.tren_hd{padding-left: 0;margin-bottom: 10px;}
	.thanh_title h2{font-size: 35px;}
	.menubar{width: 65%;}
	nav.menu_top{display: none;}
	.danhmuc{display: none;}
	.khung_index{grid-template-columns: 1fr 1fr 1fr;}
	.chinhsach_ft{width: 100%;float: left;}
	.fan_ft{width: 100%;float: left;text-align: left;}
	.logo_ft{width: 100%;float: left;}
	.thongtin_ft{width: 100%;float: left;}
	.lket_web{width: 100%;float: left;margin-bottom: 20px;text-align: center;}
	.header_mm a{display: block;left: 5px;top: 0px;}
	#timkiem{margin-top: 13px;margin-bottom: 10px;}
	.khung_trai{width: 100%;float: left;}
	.khung_phai{width: 100%;float: left;}
	.khung_product{grid-template-columns: 1fr;}
	.thanh_ft{margin-top: 30px;}
	.end_ft{margin-bottom: 30px;}
	.lket_web a{float: initial;}

}
@media (max-width:650px) {
	.nhantin_bt span{display: none;}
	.nhantin{width: 100%;float: left;}
	.giohang_hd{display: none;}
	.tren_hd{text-align: center;}
	.hl_top{float: initial;margin: 0;}
	.cart-shopee .cartleft{width: 100%;float: left;}
	.cart-shopee .cartright{width: 100%;float: left;margin-top: 20px;}
	.cart-shopee .cartleft h2{margin: 10px 0;}
	.duoi_hd.fixx #timkiem{display: none;}
	.duoi_hd.fixx .header_mm a{top: -50px;}
}
@media (max-width:600px) {
	.nhantin .nhom{width: 100%;grid-template-columns: 1fr 1fr;}
	.nhantin button{width: 95px;position: absolute;bottom: 0;right: 0;}
 
}
@media (max-width:500px) { 
	.khung_index{grid-template-columns: 1fr 1fr;} 
	.slick-km{display: none !important;}
	.tin_rep{display: block !important;}
	.box_new{grid-template-columns: 1fr;}
}
@media (max-width:420px) { 
	.hl_top{background: none;padding: 0;width: 100%;padding-left: 50px;}  
	.tren_hd p{line-height: initial;}
}
@media (max-width:380px) {
	
}
@media (max-width:320px) { }