@charset "utf-8";

/* CSS Document */
@import url("css/fonts.css");
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; margin: 0; }
body { font-family: 'Roboto', sans-serif; line-height: 1.5; margin: 0; padding: 0; font-weight: 400; }
img { max-width: 100%; height: auto; vertical-align: middle; }
iframe { max-width: 100%; }
.grecaptcha-badge { display: none !important; }
a { text-decoration: none; outline: none; }
a:hover, a:focus { color: unset; outline: none; }
ul { visibility: visible; }
.slick-slider .slick-slide > div { display: flex; }
.clearfix { float: none; clear: both; }
.clearfix:before { content: ""; display: table; }
.clearfix:after { content: ""; clear: both; }
.table-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
#main { width: 100%; position: relative; }
#info { width: 100%; position: relative; padding: 20px 0; border-bottom: 1px solid #ffffff; }
#info .noidung_detail { display: block; width: 100%; color: #ffffff; }
#info .noidung_detail .ngaydang { font-size: 14px; font-weight: 400; font-style: italic; }
#info .noidung_detail .noidung * { max-width: 100%; height: auto; }
#info .noidung_detail .noidung { margin: 10px 0; }
.addthis_inline_share_toolbox { width: 100%; display: inline-flex; }
.margin_auto { max-width: 1300px; margin: 0 auto; }
#container { position: relative; transition: 0.5s all; margin: 0 auto; width: 100%; }
#container.container_index { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; margin-top: 15px; }
#container.container_index .margin_auto { width: 100%; }
.box_main { width: calc(100% - 400px); }
.bando iframe { width: 100%; display: block; }
#popup { display: none; padding: 0; max-width: 95%; }
.loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.updating { width: 100%; text-align: center; color: #ffffff; font-weight: 400; font-size: 15px; text-transform: uppercase; padding: 10px 0; }
.khung_flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.khung_flex.flex_center { align-items: center; }
.khung_flex.flex_end { align-items: flex-end; }

/* MXH */
.mangxh h4 { margin-top: 8px; font-size: 16px; color: #fff; }
.mangxh a { padding: 2px 5px 0px 5px; }

/* Header */
#header { position: relative; width: 100%; min-height: 45px; }
.header { position: relative; }
.right-header { width: calc(100% - 250px); }
.right-header marquee { width: 100%; font-size: 20px; color: #ffffff; font-weight: 400; font-style: italic; margin: 25px 0 0 0; }
.lang-header { text-align: right; }
#logo { display: block; }

/* Main menu */
#mainmenu { position: relative; width: 100%; background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); }
#mainmenu.fixed { position: fixed; top: 0; left: 0; z-index: 99; border-radius: 0; }
#mainmenu.fixed .menu_top { width: 1188px; margin: 0 auto; }

/* Title */
.title { width: 100%; position: relative; margin: 0 0 20px 0; }
.title h4, .title h2 { font-size: 20px; color: #ffffff; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #204474; line-height: 45px; }
.title p { position: relative; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: SVN-Veneer; font-size: 32px; text-transform: uppercase; font-weight: 100; color: #09882d; }
.title.white h2, .title.white p { color: #ffffff; }
.title_sp { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #bd963d; margin-bottom: 30px; }
.title_sp h2 { font-size: 14px; color: #ffffff; background: #bd963d; font-weight: 700; text-transform: uppercase; padding: 10px 30px; margin: 0 10px 0 0; }
.tab_sp { padding: 0; position: relative; text-align: center; list-style: none; }
.tab_sp li { position: relative; font-size: 14px; cursor: pointer; font-weight: 700; color: #313131; display: inline-flex; line-height: 1; list-style: disc; margin: 0 10px; padding: 0 0 0 15px; }
.tab_sp li:before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #dddddd; left: 0; top: 5px; }
.tab_sp li.active, .tab_sp li:hover { color: #bd963d; }
.tab_sp li.active:before, .tab_sp li:hover:before { background: #bd963d; }
.tab_bst li { font-size: 14px; font-weight: 500; font-family: Roboto, sans-serif; text-transform: unset; }

/* Slider */
#slider { width: 100%; position: relative; display: none; }
#slider .khung_flex { margin-top: 10px; }
#slider #banner { width: 390px; }
#slider #banner a { display: block; }
#slider #banner a:first-child { margin-bottom: 10px; }
#banner + #amazingslider-wrapper-1 { width: calc(100% - 400px) !important; }

/*Hỗ trợ */
.hotro { border: 1px solid #dddddd; padding: 10px; }

/*-----CART-------*/
nav.menu_top > ul > li.cart { padding: 0; text-align: left; flex: unset; }
nav.menu_top > ul > li.cart > a { background: url(images/cart.png) no-repeat left center; position: relative; padding: 0 0 0 50px; font-size: 14px; color: #666666; font-weight: 400; cursor: pointer; border: none; line-height: 20px; text-transform: capitalize; }
nav.menu_top > ul > li.cart > a label { display: block; font-size: 16px; font-weight: 700; color: #333333; }

/* Product detail */
.product_ct {}
.khung_product_detail { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; background: #ffffff; }
.khung_product_detail .daxem { width: 250px; }
.khung_product_detail .daxem h4 { font-family: SFUFuturaBook; font-size: 14px; color: #ffffff; text-transform: uppercase; text-align: center; background: #000000; padding: 10px 0; font-weight: 100; }
.khung_product_detail .daxem .bao_sp { display: none; }
.khung_product_detail .daxem .sp { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; }
.khung_product_detail .daxem .sp > a { width: 80px; }
.khung_product_detail .daxem .sp .noidung { width: calc(100% - 90px); font-size: 13px; color: #333333; }
.khung_product_detail .daxem .sp .noidung .giaban { color: #ff0000; }
.khung_product_detail .daxem .sp .noidung .giacu { text-decoration: line-through; }
.khung_product_detail .daxem .sp h3 a { font-size: 13px; color: #333333; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 500; }
.slick_daxem { border: 1px solid #dddddd; padding: 5px; border-top: 0; }
.slick_daxem .slick-slide { margin: 5px 0; }
.frame_images { padding: 0; width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.MagicZoom { width: 100%; text-align: center; background: #ffffff; }
.app-figure { width: 100%; position: relative; }
.selectors { width: 100%; margin: 5px 0 0 0; }
.list_carousel { width: 100%; position: relative; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel #foo3 { margin: 0 -5px; }
.list_carousel .slick-slide { margin: 0 5px; }
.foo3_l { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 99; }
.foo3_r { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 99; }
.list_carousel li { display: none; }
.list_carousel li img { display: block; }
.list_carousel li a { text-decoration: none; }
.list_carousel li a h3 { color: #835410; text-align: center; font-weight: 500; margin-top: 10px; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.pager { width: 320px; text-align: center; }
.pager a { margin: 0 5px; text-decoration: none; }
.pager a.selected { text-decoration: underline; }
.timer { background-color: #999; height: 6px; width: 0px; }
.prev13 { width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0, -50%); }
.next13 { width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right: 0; transform: translate(0, -50%); }
.caroufredsel_wrapper { width: 100% !important; }

/* Khung thong tin */
#container_product { width: 100%; margin: 20px 0 0 0; }
#container_product .noidung_tab { width: 100%; display: block; }
div#container_product #tabs { overflow: hidden; background: #f2f2f2; display: flex; border: 1px solid #ebebeb; border-bottom: 0; position: relative; list-style: none; margin: 0; padding: 0; }
div#container_product #tabs li { text-transform: uppercase; }
div#container_product #tabs li.active { background: #ffffff; border-bottom: none; position: relative; border-top: 2px solid #000000; top: 0px; }
div#container_product #tabs li { padding: 8px 20px; background: #eeeeee; list-style: none; text-align: center; }
div#container_product #tabs li a { color: #000000; font-size: 14px; text-decoration: none; cursor: pointer; font-weight: 700; }
.qr_code { width: 200px; }
.khung_thongtin { width: 50%; padding: 20px; }
.khung_thongtin_ajax { width: 100%; }
.khung_thongtin > a { background: #70eea0; color: #ffffff; padding: 5px 30px; display: inline-block; margin: 10px 0; text-transform: uppercase; cursor: pointer; }
.khung_thongtin .addthis_inline_share_toolbox { width: 100%; }
.khung_thongtin > div { font-weight: 400; font-size: 14px; padding: 8px 0; width: 100%; border-top: 1px solid #204474; position: relative; }
.khung_thongtin > div label { font-weight: 400; }
.khung_thongtin > .size, .khung_thongtin > .color { display: inline-flex; align-items: center; flex-wrap: wrap; }
.khung_thongtin > .size span { display: inline-block; border: 1px solid #000000; padding: 2px 8px; margin: 0 0 0 5px; cursor: pointer; color: #000000; border-radius: 2px; }
.khung_thongtin > .size span:hover, .khung_thongtin > .size span.active { background: #e21616; color: #ffffff; border-color: #e21616; }
.khung_thongtin > .color span { margin: 0 0 0 5px; position: relative; cursor: pointer; border: 1px solid #dddddd; padding: 2px 10px; }
.khung_thongtin > .color span img { vertical-align: middle; margin-right: 5px; }
.khung_thongtin > .color span.active { border: 1px solid #e21616; }
.khung_thongtin > .color span.active:after { content: ''; position: absolute; bottom: 0; right: 0; color: #fff; font-size: 13px; border-bottom: 14px solid #e21616; border-left: 14px solid transparent; width: 0; }
.khung_thongtin div p a { font-size: 14px; color: #006a48; }
.khung_thongtin h1 { font-size: 20px; color: #214778; font-weight: 700; padding: 0 0 10px 0; text-transform: uppercase; }
.khung_thongtin b { font-weight: 100; margin: 0 10px 0 0; font-weight: 500; }
.khung_thongtin span.giacu { text-decoration: line-through; }
.khung_thongtin span.giaban { color: #214778; font-size: 17px; font-weight: 700; }
.khung_thongtin .dathang { color: #fff; display: inline-block; font-family: 'Lato', sans-serif; font-weight: 500; font-size: 14px; cursor: pointer; text-transform: uppercase; }
.khung_thongtin .dathang img { width: 300px; }
.icon_video { margin: 15px 0; }
.icon_video img { max-height: 22px; }
.icon_video a { display: inline-block; }
.icon_video span { margin-left: 10px; color: #f00; background: #27568d; font-size: 15px; text-transform: capitalize; font-weight: bold; padding: 5px; border-radius: 5px; -webkit-animation: play 700ms infinite; -moz-animation: play 700ms infinite; -o-animation: play 700ms infinite; animation: play 700ms infinite; }
@-webkit-keyframes play {
	0% { color: #F8CD0A; }
	50% { color: #fff; }
	100% { color: #F8CD0A; }
}
@-moz-keyframes play {
	0% { color: #F8CD0A; }
	50% { color: #fff; }
	100% { color: #F8CD0A; }
}
@-o-keyframes play {
	0% { color: #F8CD0A; }
	50% { color: #fff; }
	100% { color: #F8CD0A; }
}
@keyframes play {
	0% { color: #F8CD0A; }
	50% { color: #fff; }
	100% { color: #F8CD0A; }
}
.plugin a { font-size: 14px; color: #333333; font-weight: 400; margin: 0 20px 0 0; }
.plugin a:hover { color: #f03495; }
.dky-phone form { display: flex; flex-wrap: wrap; margin-top: 10px; }
.dky-phone input[type=tel] { padding: 5px 10px; font-family: Open Sans, sans-serif; font-size: 14px; color: #333333; font-weight: 400; width: 300px; max-width: 100%; }
.dky-phone input[type=submit] { padding: 0 20px; background: #000000; color: #ffffff; border: none; margin: 0 0 0 10px; cursor: pointer; }
.dky-phone input[type=submit]:hover { background: #f03495; }
#social-air-sp { display: inline-flex; }
#social-air-sp img { display: inline-block !important; }
.zalo-share-button { position: relative; width: 30px !important; height: 30px !important; margin: 0 0 0 5px; }
.zalo-share-button img { width: 30px !important; }

/* buy product detail */
.input-number { padding: 5px 8px; border: 1px solid #c9c9c9; width: 50px; margin: 0 0 0 7px; }
.add_to_cart { width: 100%; margin: 5px 0 0 0; }
.add_to_cart a { display: inline-block; font-family: 'Lato', sans-serif; font-size: 13px; color: #ffffff; border-radius: 3px; cursor: pointer; font-weight: 400; }
.add_to_cart a.buy { background: #326e52 url(images/icon_add_cart_white.svg) no-repeat 10px center; background-size: 30px; padding: 8px 10px 8px 40px; }
.add_to_cart a.muangay { background: #ff6600 url(images/icon_buy_now.svg) no-repeat 10px center; background-size: 20px; padding: 8px 10px 8px 40px; }
.add_to_cart a.tragop { background: #d60c0c url(images/tragop.png) no-repeat 10px center; background-size: 20px; padding: 8px 10px 8px 40px; }

/* Share gia soc */
#giasoc { padding: 10px; border-radius: 5px; background: #eaaf2d; overflow: unset; display: none; text-align: center; }
#giasoc .buy_giasoc { background: #ffffff url('images/hot.gif') no-repeat 10px center; padding: 10px 10px 10px 80px; color: #000000; font-family: 'Lato', sans-serif; font-weight: 400; border-radius: 5px; cursor: pointer; margin: 0 0 10px 0; cursor: pointer; }
#giasoc .buy_giathuong { background: #000000; color: #ffffff; display: table; margin: 0 auto; padding: 8px 30px; font-family: 'Lato', sans-serif; cursor: pointer; font-weight: 500; }
#giasoc .buy_giathuong:hover { background: #ff0000; color: #ffffff; }
#giasoc .fancybox-close-small { background: #ffffff; border-radius: 50%; width: 30px; height: 30px; right: 0; top: -15px; right: -15px; }
#giasoc .fancybox-close-small:after { width: 20px; height: 20px; top: 1px; }

/* Video */
.video { width: 100%; margin: 15px 0 25px 0; display: none; }
.video .iframe h3 { font-size: 13px; color: #ffffff; font-weight: 400; margin: 10px 0; }
.slick_video { display: none; margin: 0 -2.5px; }
.slick_video .slick-slide { margin: 0 2.5px; }
.slick_video .vi { cursor: pointer; }
.slick_video .vi img { height: 55px; }

/* Search */
#timkiem { width: 100%; }
.frm_timkiem { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 3px; overflow: hidden; }
.frm_timkiem input { color: #000000; background: #ffffff url(images/search.png) no-repeat 10px center; border: none; width: 0; opacity: 0; transition: opacity 0.5s, width 0.5s; outline: none; font-weight: 400; font-size: 12px; font-family: 'Roboto', sans-serif; text-indent: 40px; }
.frm_timkiem input.show { width: calc(100% - 70px); opacity: 1; }
.frm_timkiem button { cursor: pointer; outline: none; border: none; display: inline-block; background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); font-size: 12px; color: #ffffff; text-transform: capitalize; font-weight: 400; font-family: 'Roboto', sans-serif; width: 70px; line-height: 35px; }
.frm_timkiem input::-webkit-input-placeholder { color: #ffffff; }
.frm_timkiem input:-moz-placeholder { color: #ffffff; }
.frm_timkiem input::-moz-placeholder { color: #ffffff; }
.frm_timkiem input:-ms-input-placeholder { color: #ffffff; }
.dieuhuong #timkiem { width: 350px; position: absolute; right: 10px; top: 3px; }

/* Menu left */
#menu_left { width: 265px; position: relative; }
#menu_left h4 { width: 100%; line-height: 40px; cursor: pointer; font-weight: 400; text-transform: uppercase; background: #fed700 url('images/danhmuc.png') no-repeat calc(100% - 15px) center; position: relative; text-indent: 30px; }
#menu_left h4 a { color: #000000; font-size: 17px; font-weight: 700; }
#menu_left .left { position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; background: #ffffff; display: none; }
.menu_left { width: 100%; position: relative; }
.danhmuc { width: 100%; display: block; margin: 0 0 20px 0; }
.danhmuc > .noidung { padding: 10px; border: 1px solid #dddddd; border-top: 0; }
.danhmuc:last-child { margin: 0; }
.danhmuc ul { list-style: none; }
.danhmuc h4 { width: 100%; color: #ffffff; text-transform: uppercase; font-size: 15px; cursor: pointer; font-weight: 500; position: relative; line-height: 40px; text-align: center; background: #1c8fff; }
.menu_left ul::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.menu_left ul::-webkit-scrollbar { width: 5px; height: 5px; }
.menu_left ul::-webkit-scrollbar-button { width: 0px; height: 0px; }
.menu_left ul::-webkit-scrollbar-track { background-color: #c3c3c3; }
.menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px; }
.menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff; }
}
.menu_left ul::-webkit-resizer { background-color: #666; }
.menu_left ul { list-style: none; padding: 0; }
.menu_left > ul { list-style-type: none; width: 100%; max-height: 400px; overflow: auto; border-top: 0; padding: 0; }
.menu_left > ul > li:last-child { border-bottom: 0; }
.menu_left ul li a { color: #000000; font-size: 14px; font-weight: 400; position: relative; display: block; padding: 10px 20px; border-top: 1px solid #eeeeee; }
.menu_left ul li:hover > a {	/* color: #d60c0c; */background: #fed700; }
.menu_left ul li { width: 100%; display: block; }
.menu_left ul li:first-child a {	/* border-top: 0; */ }
.menu_left ul li:last-child a { border-bottom: 0; }
.menu_left > ul > li > ul { border-left: 0; }
.menu_left ul li > ul { position: absolute; width: 100%; height: auto; left: 100%; transition: 0.5s left; display: none; background: #ffffff;/* opacity: 0; */ }
.menu_left ul li > ul > li > ul { left: 100%; }
.menu_left ul li:hover > ul { display: block;/* opacity: 1; */	/* left: 100%; */ }

/* .fixed .left, .detail .left{ display: none; transition: 2s;} */
#menu_left:hover .left, .detail:hover .left { display: block; }

/* Menu danh mục left */
.isfixed { position: -webkit-sticky !important; position: sticky !important; top: 50px; }
.danhmuc_l { width: 100%; padding: 0; overflow: auto; border-top: 0; border: 1px solid #dddddd; border-top: 0; border-bottom: 0; }
.danhmuc_l::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.danhmuc_l::-webkit-scrollbar { width: 5px; height: 5px; }
.danhmuc_l::-webkit-scrollbar-button { width: 0px; height: 0px; }
.danhmuc_l::-webkit-scrollbar-track { background-color: #c3c3c3; }
.danhmuc_l::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.danhmuc_l::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px; }
.danhmuc_l::-webkit-scrollbar-corner { background-color: #ffffff; }
}
.danhmuc_l::-webkit-resizer { background-color: #666; }
.danhmuc_l li a { font-size: 14px; font-weight: 400; color: #4c4c4c; width: 100%; display: inline-block; padding: 10px 15px; position: relative; cursor: pointer; border-bottom: 1px solid #dddddd; }
.danhmuc_l li { position: relative; }
.danhmuc_l li:hover > a { color: #1c8fff; }
.danhmuc_l li > i { position: absolute; right: 5px; top: 10px; background: #ffffff; color: #333333; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; transition: 0.5s all; font-size: 15px; }
.danhmuc_l li > ul { margin: 0; padding: 0; list-style: none; display: none; }
.danhmuc_l li > ul li a { font-weight: 400; text-indent: 10px; }
.danhmuc_l li > ul li { border-bottom: 0; }
.danhmuc_l li.active > ul { display: block; }

/* HTTT */
.hotro_right { position: fixed; top: 20%; left: -300px; z-index: 100; width: 345px; display: flex; flex-wrap: wrap; transition: 0.5s all; }
.hotro_right.active { left: 0; }
.hotro_right #img { display: inline-block; position: relative; width: 45px; cursor: pointer; }
.hotro_right div.hotline_r { bottom: 0px; padding: 0px 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%; background-color: #FFF; border-left: 1px solid #d00000; border-top: 1px solid #d00000; padding: 5px; }
.hotro_tt img { display: block; }
.hotro_bt { width: calc(100% - 45px); display: inline-block; padding: 10px; background: #ffffff; border: 1px solid #dddddd; }
.hotro_bt p b { color: #444444; font-size: 13px; font-weight: 100; display: inline-block; }
.hotline_bt { width: 100%; background: url(images/hotline.png) no-repeat; text-indent: 70px; margin-bottom: 10px; }
.hotline_bt p { font-size: 27px; color: #d50000; }
.yahoo_top { text-align: center; margin: 5px 0px 0px 0px; }
.yahoo p.hinh a { display: inline-block; margin: 0 10px 0 0; }
.yahoo p.hinh a img { width: 30px; }
.yahoo .dienthoai { color: #333; }
.yahoo .email { color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px; }
.yahoo p b { color: #ff0000; font-weight: 100; }
.visit_hidden { visibility: hidden; height: 0; }
.tinkhac { width: 100%; margin: 0; }
.tinkhac ul { margin: 0; padding: 0; }
.tinkhac ul li { width: 100%;/* line-height: 30px; */ list-style: none; display: inline-flex; align-items: baseline; }
.tinkhac li a { color: #000000; font-size: 14px; font-weight: 400; text-indent: 0px; display: inline-block; transition: all 0.5s; }
.tinkhac li a img:hover { opacity: 0.5; }
.tinkhac li a i { margin-right: 10px; }
.tinkhac li:hover a { color: #1c8fff; text-indent: 10px; }
.xemnhieu { width: 193px; 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: #333333; font-size: 12px; }
ul.pagination a:hover, ul.pagination a.current { background: #0d7963; color: #fff; }
.page_info { display: none !important; }

/* ========== Content pagination ========== */
.paging { width: 100%; text-align: center; margin: 20px 0px 0px 0px; }
.paging .pagination { margin: auto; float: unset; width: auto !important; text-align: center; margin: 0; padding: 0; }
.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: #666666; 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; }

/* Thong ke */
.thongke { width: 100%; list-style: none; padding: 0; font-size: 12px; color: #ffffff; margin: 30px 0 0 0; }
.thongke li { font-size: 12px; color: #ffffff; display: inline-block; }

/* Thanh title */
.thanh_title { width: 100%; position: relative; margin: 0 0 20px 0; text-align: center; font-family: 'Barlow Semi Condensed', sans-serif; }
.thanh_title h2, .thanh_title h4 { font-size: 40px; font-weight: 400; display: inline-block; color: #1a1a1a; text-transform: uppercase; }
.thanh_title p { font-size: 20px; color: #808080; font-weight: 400; }
.thanh_title.white h2, .thanh_title.white h4, .thanh_title.white p { color: #ffffff; }
.thanh_title.white:after { background: #ffffff; }

/* Gioi thieu */
#gioithieu { width: 100%; position: relative; padding: 50px 0; }
.gioithieu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.title_gt { text-align: left; line-height: 1; }
.title_gt P { font-family: VLSauberScript; font-size: 24px; color: #000000; font-weight: 100; text-indent: 80px; }
.title_gt h2 { font-family: SVN-Veneer; font-size: 32px; color: #09882d; text-transform: uppercase; font-weight: 100; }
.gioithieu .noidung_gt { width: calc(100% - 650px) }
.gioithieu .mota_gt { margin: 20px 0 50px 0; font-size: 14px; color: #000000; font-weight: 400; line-height: 30px; }
.gioithieu a.xemthem { font-size: 14px; color: #ffffff; font-weight: 700; background: #09882d; text-transform: uppercase; padding: 12px 40px; display: table; border-radius: 30px; }
.gioithieu a.xemthem:hover { background: #62c02f; }

/*Tin tức*/
.box_news { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }
.box_news .news { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box_news .news .img a { display: table; margin: 0 auto; }
.box_news .news .noidung { width: calc(100% - 300px); }
.box_news .news:hover h3 a { color: #25b4ed; }
.box_news .news h3 { }
.box_news .news h3 a { font-size: 15px; color: #000000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; text-transform: uppercase; }
.box_news .news .mota { font-size: 14px; color: #333333; font-weight: 400; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 5; max-height: 125px; display: -webkit-box; -webkit-box-orient: vertical; margin: 10px 0; }
.box_news .news .ngaydang { font-weight: 400; font-size: 14px; color: #a7a0a0; font-style: italic; }

/*Quảng cáo*/
#quangcao { padding: 0; }
.slick_qc { display: none; }

/*Điều hướng*/
.dieuhuong { width: 100%; padding: 10px; position: relative; margin-bottom: 15px; background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); border-radius: 3px; }
.dieuhuong a { color: #ffffff; font-size: 15px; padding: 0px 10px; position: relative; font-weight: 400; display: inline-block; }
.dieuhuong a:first-child { padding: 0 10px 0 0; }
.dieuhuong a:first-child i { margin-right: 5px; font-size: 16px; color: #191919; font-weight: 100; }
.dieuhuong a:before {	/* font-family: FontAwesome; */position: absolute; content: '/'; right: -5px; top: 0; }
.dieuhuong a:last-child, .dieuhuong a:hover { color: #fff000; }
.dieuhuong a:last-child:before { display: none; }
.noidung_tt { width: calc(100% - 380px); }
.noidung_tt .hinhanh { margin-bottom: 20px; }

/*Tab*/
.khung_tab { width: 100%; display: none; }
.khung_tab.active { display: block; }
.tags_sp a { display: inline-block; font-size: 14px; color: #333333; padding: 5px 10px; border: 1px solid #dddddd; margin: 0 0 5px 0; }
.tags_sp a:hover { color: #ed1c24; border-color: #ed1c24; }

/* sp noi bat  */
.khung_other { margin: 30px 0 0 0; }
#sanpham { width: 100%; position: relative; display: block; }
.owl_sp { display: none; margin: 0 -10px; }
.owl_sp .spl { position: absolute; left: -30px; top: 50%; transform: translateY(-50%); }
.owl_sp .spr { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); }
.owl_sp .slick-slide { margin: 0 10px; }

/* product */
a.xemtatca { display: table; margin: 15px auto; font-size: 15px; color: #ffffff; font-weight: 400; padding: 5px 20px; text-transform: uppercase; border-radius: 5px; background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); cursor: pointer; }
a.xemtatca i { width: 20px; height: 20px; border: 1px solid #ffffff; text-align: center; line-height: 20px; border-radius: 50% }
a.xemtatca:hover { background: #000000; }
.load_paging { margin-bottom: 30px; }
.sanpham { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.sanpham .item { display: none; }
.khung { width: 100%; padding: 30px 0 60px 0; }
.item .img { position: relative; -webkit-backface-visibility: a hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); z-index: 0; }
.item .img .hot { width: 50px; position: absolute; left: 10px; top: 10px; }
.item .img .new { width: 50px; position: absolute; right: 10px; top: 0; }
.item .img .sale { position: absolute; top: 10px; right: 10px; background: #d90000; color: #ffffff; font-weight: 500; font-size: 12px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; }
.item .img img { display: table; margin: 0 auto; }
.item .img .view_cart { position: absolute; right: 10px; bottom: 10px; cursor: pointer; }
.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.item { transition: 0.5s all; position: relative; transition: border 1s; }
.item .gia { align-items: center; color: #ffffff; font-weight: 400; font-size: 14px; }
.item .gia span { display: inline-block; }
.item .giacu { text-decoration: line-through; margin-left: 5px; }
.item .giaban { font-weight: 500; color: #fff000; }
.item .giaban span { color: #F10404 }
.item .noidung { position: relative; font-weight: 700; line-height: 25px; padding: 10px 0 0 0; }
.item .box_nd { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
.item .noidung .lienket_sp { font-size: 13px; color: #ffffff; font-weight: 400; display: block; }
.item .noidung .trinhtrang { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.item .noidung .trinhtrang label { font-size: 13px; color: #ffffff; font-weight: 400; }
.item .noidung .trinhtrang label strong { font-weight: 400; color: #ffffff; border: 1px solid #ffffff; padding: 4px 5px; border-radius: 5px; }
.item .noidung .trinhtrang a { font-size: 13px; color: #ffffff; font-weight: 400; padding: 0 10px; border-radius: 5px; border: 1px solid #ffffff; }
.item .noidung .trinhtrang a:hover { box-shadow: 0 0 5px 2px black; }
.item .noidung .dathang { background: #f0f0f0; color: #333333; padding: 8px 15px; font-size: 14px; font-weight: 500; cursor: pointer; display: table; margin: 0 auto; text-transform: uppercase; border: 1px solid #b3b3b3; }
.item .noidung .dathang:hover { background: #e50000; color: #ffffff; }
.item h3 { position: relative; }
.item:hover h3 a { color: #fff000; }

/* .item:hover .img{background: #62c02f; transition: 0.5s all;} */
.item h3 a { color: #ffffff; font-size: 15px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; height: 25px; display: -webkit-box; -webkit-box-orient: vertical; text-transform: uppercase; }
.item .mota { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; }
.item a.xemthem { font-weight: 400; font-size: 15px; color: #e60000; }
.khung.white .title p, .khung.white .title h2, .khung.white .item h3 a, .khung.white .item .gia { color: #ffffff; }

/* Tab product */
.tab_show { display: block !important; border: 1px solid #ebebeb; border-top: 0; padding: 10px; width: 100%; background: #ffffff; position: relative; }
.tab_hidden { display: none; }
.noidung_ta * { max-width: 100%; }

/* Nhận tin */
#nhantin { position: relative; background: #01c3e0ad; padding: 50px 40px; }
.nhantin { max-width: 100%; }
.title_nt { margin: 0 0 20px 0; text-align: center; }
.title_nt h4 { font-size: 26px; color: #ffffff; font-weight: 700; text-transform: uppercase; position: relative; padding: 0 0 10px   0; margin: 0 0 10px 0; }
.title_nt h4:after { position: absolute; content: ''; width: 100px; height: 3px; background: #ffffff; bottom: 0; left: 50%; transform: translateX(-50%); }
.title_nt p { font-size: 14px; font-weight: 400; color: #ffffff; }
.mota_nt { margin: 20px 0; }
.dknhantin { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.dknhantin .input { padding: 12px; width: 100%; border: none; font-size: 12px; color: #333333; margin: 0 0 10px 0; font-family: 'Quicksand', sans-serif; font-weight: 500; background: #ffffff; border: none; border-radius: 5px; }
.dknhantin input.input { width: calc(100% / 2 - 5px); }
.dknhantin input[type=submit] { border: none; font-size: 14px; color: #ffffff; background: #cb0000; text-transform: uppercase; cursor: pointer; display: table; margin: 0 auto; padding: 12px 30px; border-radius: 5px; font-weight: 700; width: 100%; font-family: 'Quicksand', sans-serif; }
.dknhantin .input::-webkit-input-placeholder { color: #333333; }
.dknhantin .input:-moz-placeholder { color: #333333; }
.dknhantin .input::-moz-placeholder { color: #333333; }
.dknhantin .input:-ms-input-placeholder { color: #333333; }

/* Footer */
footer { padding: 20px 0; }
#footer { width: 100%; position: relative; overflow: hidden; }
.footer { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .thongtin_ct { width: 50%; color: #ffffff; }
.footer .facebook { width: 290px; }
.bocongthuong { display: inline-block; margin-top: 10px; }
.tieude_f { color: #ffffff; font-size: 16px; margin-bottom: 20px; font-weight: 700; width: 100%; display: inline-block; position: relative; text-transform: uppercase; }

/* Chinh sach */
.chinhsach { width: 250px; }
.chinhsach ul { width: 100%; margin: 0; list-style: none; padding: 0; }
.chinhsach ul li { font-weight: 400; padding: 5px 0; }
.chinhsach ul li a { font-size: 15px; color: #ffffff; font-weight: 400; }
.chinhsach ul li:hover a { text-decoration: underline; }

/* coppy */
.coppy { font-weight: 400; font-size: 13px; color: #ffffff; position: relative; padding: 10px 0; text-align: center; background: #086b24; }
.coppy span { text-transform: uppercase; }
.coppy ul { list-style: none; padding: 0; }
.coppy ul li { display: inline-block; }

/* back to top  */
#back-to-top { position: fixed; bottom: 55px; right: 12px; text-align: center; line-height: 55px; width: 55px; height: 55px; cursor: pointer; z-index: 2; background: #000000; border-radius: 50%; }
#back-to-top a { display: block; color: #ffffff; font-size: 30px; }
#back-to-top .back-circle { height: 50px; width: 50px; }
#back-to-top .back-circle .circle { border: 1px solid #034790 !important; }
.show_nt { position: fixed; bottom: 260px; right: 12px; text-align: center; line-height: 55px; width: 55px; height: 55px; cursor: pointer; z-index: 2; background: #3b5999; border-radius: 50%; color: #ffffff; font-size: 22px; }

/* Bottom */
#bottom { width: 100%; position: relative; }
#bottom .bottom { padding: 30px 0; }
.title_bot { text-transform: uppercase; margin-bottom: 20px; }
.title_bot h4 { font-size: 32px; color: #09882d; font-weight: 100; display: block; font-family: SVN-Veneer; position: relative; }
.tintuc_bot { width: calc(100% - 620px); }

/* .news_big{display: block;width: 330px;}
.news_big .noidung{width: 100%;background: #ffffff;position: relative;}
.news_big .noidung h3{padding: 5px 0 5px 65px;}
.news_big .noidung h3 a{font-size: 14px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;}
.news_big .noidung p.ngaydang{font-size: 13px;color: #ffffff;font-weight: 400;position: absolute;top: 0;left: 0;background: #1c8fff;text-align: center;padding: 5px 15px;line-height: 20px;}
.news_big .noidung p.ngaydang span{font-size: 23px;display: block;}
.news_big .noidung p.mota{font-size: 13px;color: #000000;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 4;height: 80px;display: -webkit-box;-webkit-box-orient: vertical;margin: 10px 0;}
.news_big .noidung a.xemthem{display: table;padding: 10px 25px;font-size: 14px;color: #ffffff;background: #1c8fff;text-transform: uppercase;position: relative;}
.news_big .noidung a.xemthem:after{position: absolute;content: '';width: 100%;height: 100%;border: 1px solid #1c8fff;bottom: -10px;right: -10px;}
.news_big:hover h3 a{color: #1e6ec3;}
.news_big .noidung a.xemthem:hover{background: #e60000;}
.news_big .noidung a.xemthem:hover:after{border-color: #e60000;} */
.scroll_tintuc { display: none; margin: 0; }
.scroll_tintuc .slick-slide { margin: 0 0 25px 0; }
.scroll_tintuc .tintuc { position: relative; display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.scroll_tintuc .tintuc .noidung { width: calc(100% - 200px); }
.scroll_tintuc .tintuc .noidung .ngaydang { text-transform: uppercase; line-height: 1; font-size: 14px; color: #3c1a19; font-weight: 400; position: relative; z-index: 1; }
.scroll_tintuc .tintuc .noidung .ngaydang label { font-family: SVNAvo; font-size: 30px; color: #c60001; font-weight: 100; position: relative; z-index: 1; }
.scroll_tintuc .tintuc .noidung .ngaydang span { font-family: SVNAvoBold; font-size: 60px; color: #cccccc; font-weight: 100; position: absolute; z-index: 0; right: 0; line-height: 1; top: 50%; transform: translateY(-50%); }
.scroll_tintuc .tintuc .noidung .tieude { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.scroll_tintuc .tintuc .noidung h3 { width: 100%; }
.scroll_tintuc .tintuc .noidung h3 a { font-weight: 700; font-size: 14px; color: #1f1f1f; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; max-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; }
.scroll_tintuc .tintuc .noidung p.mota { font-weight: 400; font-size: 14px; color: #1f1f1f; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; margin: 5px 0; }
.scroll_tintuc .tintuc .noidung a.xemthem { font-size: 14px; color: #d30716; font-weight: 400; text-transform: uppercase; }
.scroll_tintuc .tintuc:hover .noidung h3 a { color: #09882d; }
#bottom .facebook { width: 465px; }

/* Mang XH*/
.mang_xh { position: relative; font-size: 14px; width: 100%; color: #ffffff; text-align: left; margin: 20px 0 0 0; }
.mang_xh a { margin: 0 5px 0 0; display: inline-block; }
.mang_xh a img { vertical-align: middle; display: block; }
.mang_xh a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }

/*--------------Liên kết website---------------------*/
.lienket { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.lienket a { margin: 0 20px 0 0; }
.lienket a:last-child { margin: 0; }
.lienket a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }
.lienket_r { position: fixed; left: 10px; top: 50%; transform: translateY(-50%); z-index: 99; }
.lienket_r a { display: block; margin: 10px 0; }

/* contact */
.khung_contact { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px 0; }
.khung_contact .noidung_detail { margin-bottom: 20px; }
.khung_contact .bando { width: 100%; margin-top: 20px; }
.khung_trai, .khung_phai { width: 48%; }
.thongtin_lh { width: 100%; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { max-width: 100%; width: 100%; margin: 0 auto; text-align: center; }
.form_lh h4 { font-weight: 700; font-size: 30px; color: #ffffff; margin: 0; text-align: center; text-transform: uppercase; }
.form_lh p.mxn { width: 100%; }
.form_lh p.mxn > b { padding: 0px 20px 0px 0px; }
.form_lh p.mxn input { width: 100px; }
.form_lh p { padding: 5px 0px 5px 0px; margin: 0; width: 100%; display: inline-block; }
.form_lh p input, .form_lh p textarea { padding: 10px; width: 100%; border: 1px solid #dddddd; font-weight: 400; border-radius: unset; font-family: 'Roboto', sans-serif; }
.form_lh p label { width: 120px; }
.form_lh p button { border: 0px; background: #09882d; padding: 10px 20px; margin: 0; color: #ffffff; cursor: pointer; text-transform: uppercase; font-weight: 500; background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); }
.form_lh p button:hover { background: #000000; }
.form_van input { width: 100%; padding: 5px; }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00 }
.form_contact { padding: 0 0 10px 0; }
#form_contact input { padding: 5px; }

/* Download */
.download_box { width: 230px; margin: 0px 25px 10px 0px; text-align: center; border: 1px solid #ddd; }
.download_box p { margin: 0; }
.download_box img { padding: 5px; transform: scale(1); }
.download_box img:hover { transform: scale(1.05); }
.download_box h3 { text-align: center; font-weight: 100; color: #333; margin: 0px 0px 0px 0px; font-size: 15px; font-family: RobotoBold; width: 100%; display: inline-block; }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px 3px 20px; background: #ff0000; color: #fff; }
.download_box a:hover { background: #13b119; }

/* Album */
.tab_album { text-align: center; list-style: none; padding: 0; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center; }
.tab_album li { display: block; margin: 0 5px; }
.tab_album li a { font-size: 15px; color: #333333; font-weight: 500; padding: 5px 25px; display: block; border: 1px solid #dddddd; border-radius: 30px; }
.tab_album li.active a { background: #bd963d; color: #ffffff; }
.khung_album { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; }
.khung_album .hinhanh { text-align: center; padding-bottom: 0; border-radius: 5px; overflow: hidden; }
.khung_album img { display: block; }
.khung_album h3 { width: 100%; padding: 10px 0; background: #ffffff; }
.khung_album h3 a { width: 100%; color: #000000; font-size: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; max-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; text-transform: uppercase; }
.khung_album p { font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; max-height: 75px; display: -webkit-box; -webkit-box-orient: vertical; }
.khung_album .hinhanh:hover h3 a { color: #224a7c; }
.khung_album_images { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.hinhanh_detail { margin-top: 20px; }
.slick_ab { display: none; margin: 10px -10px 0 -10px; }
.slick_ab .slick-slide { margin: 0 10px; }

/*--------------tags---------------------*/
.tags span { font-family: RobotoBlack; font-size: 14px; font-weight: 100; }
.tags a { color: #333333; font-size: 12px; padding: 4px 10px; margin: 0 3px 6px 0; border: 1px solid #dddddd; border-radius: 20px; display: inline-block; }
.tags a:hover { color: #ff0202; border-color: #ff0202; }

/*-----------------end tags-----------------------*/

/* Doitac */
#doitac { width: 100%; padding: 0 0 40px 0; }
.owl_doitac { display: none; margin: 0 -7px; }
.owl_doitac .slick-slide { margin: 0 7px; }
.owl_doitac  .dtl { position: absolute; top: 50%; left: -30px; transform: translateY(-50%); }
.owl_doitac  .dtr { position: absolute; top: 50%; right: -30px; transform: translateY(-50%); }
.owl_doitac .doitac { display: table; margin: 0 auto; border: 1px dotted #cccccc; }
.box_doitac { display: grid; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; }
.box_doitac > a { display: block; text-align: center; border: 1px solid #dddddd; }

/*++++++++++LEFT+++++++++++*/
.sp_index { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
div#left { width: 360px; position: relative; }
.load_sanpham { width: 100%; }
.product_detail { width: calc(100% - 270px); }
.tab_r { width: 300px; list-style: none; padding: 0; border: 1px solid #ebebeb; border-right: 0; max-height: 646px; overflow: auto; }
.tab_r::-webkit-scrollbar-track { background-color: #F5F5F5; }
.tab_r::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; }
.tab_r::-webkit-scrollbar-thumb { background-color: #ffdb00; }
.tab_r li { font-size: 15px; color: #000000; font-weight: 400; text-transform: uppercase; padding: 15px 10px 15px 40px; border-bottom: 1px solid #f5f5f5; cursor: pointer; position: relative; }
.tab_r li:before { position: absolute; content: ''; padding: 2px; background: #e1e1e1; border: 1px solid #ffffff; box-shadow: 0 0 0px 1px #e1e1e1; left: 20px; top: 50%; transform: translateY(-50%); }
.tab_r li.active, .tab_r li:hover { color: #e90d0d; font-weight: 700; }
.tab_r li.active:before, .tab_r li:hover:before { background-color: #e90d0d; box-shadow: 0 0 0px 1px #e90d0d; }
.tab_r li:last-child { border: none; }

/*Hover images*/
.hover_img { width: 100%; overflow: hidden; position: relative; }
.hover_img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff5e; content: ''; z-index: 10; -webkit-transition: -webkit-transform .6s; transition: transform .6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); }
.hover_img:hover:before { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); }

/* Zoom In #1 */
.hover_zoom { position: relative; overflow: hidden; display: block; }
.hover_zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position: relative; }
.hover_zoom:hover img { -webkit-transform: scale(1.09); transform: scale(1.09); }
.hover1:before { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.hover1:after { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.hover1:hover:before, .hover1:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); }

/* Service detail */
.baiviet2 { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.baiviet2.box4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin: 20px 0; }
.baiviet2 .baiviet2_it { transition: 0.5s all; display: block; }
.baiviet2 .baiviet2_it:hover .arrows_left, .baiviet2 .baiviet2_it:hover .arrows_right { opacity: 1; }
.baiviet2 .baiviet2_it .img { width: 100%; margin: 0 0 5px 0; overflow: hidden; }
.baiviet2 .baiviet2_it .arrows_right { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all; }
.baiviet2 .baiviet2_it .arrows_left { position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all; }
.baiviet2 .baiviet2_it .noidung { width: 100%; }
.baiviet2 .baiviet2_it .noidung > span { font-size: 12px; color: #b8b8b8; font-style: italic; }
.baiviet2 .baiviet2_it .khung > a { display: block; margin: 0 0 5px  0; }
.baiviet2 .baiviet2_it img { display: block; }
.baiviet2 .baiviet2_it h3 { width: 100%; position: relative; margin: 5px 0; }
.baiviet2 .baiviet2_it h3 a { font-size: 15px; color: #000000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; line-height: 20px; -webkit-line-clamp: 2; max-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; }
.baiviet2 .baiviet2_it:hover h3 a { color: #09882d; }
.baiviet2 .baiviet2_it p { font-size: 14px; color: #000000; font-weight: 400; width: 100%; padding: 0; overflow: hidden; text-overflow: ellipsis; line-height: 20px; -webkit-line-clamp: 3; max-height: 60px; display: -webkit-box; -webkit-box-orient: vertical; text-align: justify; }
.baiviet2 .baiviet2_it p.ngaydang { background: url('images/calender.png') no-repeat left center; padding: 0 0 0 20px; font-size: 12px; -webkit-line-clamp: 1; max-height: 25px; font-style: italic; }
.baiviet2 .baiviet2_it a.xemthem { font-size: 14px; color: #2882ce; padding: 10px 30px; border: 1px solid #2882ce; border-radius: 10px; transition: 1s all; display: inline-block; }
.baiviet2 .baiviet2_it a.xemthem:hover { color: #000000; border: 1px solid #000000; }
.owl_tinkhac { margin: 0 -10px; }
.owl_tinkhac .slick-slide { margin: 0 10px; }
.owl_tinkhac .baiviet2_it { display: none; }

/*Maps*/
.box_maps { width: 100%; position: relative; display: none; }
.box_maps h4 { font-size: 13px; color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; }
.box_maps .map { display: none; }
.box_maps .map.active { display: block; }
.box_maps .map iframe { height: 308px; width: 100%; }
.tab_maps { position: absolute; bottom: 20px; left: 15px; max-width: 70%; padding: 10px; font-size: 12px; color: #ffffff; font-weight: 400; border: none; background: #2c3546; }
.box_maps.map_contact { margin-top: 30px; }
.box_maps.map_contact .map iframe { height: 400px; }

/* Danh Mục */
#danhmuc { width: 250px; z-index: 999; position: relative; }
#danhmuc h4 { background: rgb(52, 118, 186); background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); text-align: center; color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 45px; }
#danhmuc ul { list-style: none; padding: 0; }
#danhmuc ul li { position: relative; }
#danhmuc li a { font-size: 14px; font-weight: 400; color: #ffffff; padding: 8px 10px; display: block; border-top: 1px solid #3476ba; border-bottom: 1px solid #204474; background: #244d81; }
#danhmuc li a:before { position: relative; content: ''; font-family: FontAwesome; content: "\f0da"; margin-right: 10px; }
#danhmuc li:hover > a { background: #2f6aa9; }
#danhmuc ul ul { position: absolute; left: 100%; top: 0; width: 250px; visibility: hidden; }
#danhmuc ul ul li { position: relative; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
#danhmuc li:hover > ul { visibility: visible }
#danhmuc li:hover > ul > li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

/* Đai Ly */
#box_daily { display: block; }
.daily { margin-bottom: 10px; }
.daily:last-child { margin: 0; }
.daily h3 { font-size: 18px; color: #ffffff; font-weight: 700; }
.daily .mota { font-size: 14px; color: #ffffff; }
.daily a.link { font-size: 14px; color: #ffffff; font-weight: 400; font-style: italic; }
.daily a.link:hover { text-decoration: underline; }
.sms { position: fixed; bottom: 270px; right: 10px; width: 55px; height: 55px; background: #57c965 url(images/sms.png) no-repeat center; border-radius: 50%; z-index: 999; }
.social { padding: 15px 0; }
.social h4 { font-size: 14px; line-height: 26px; color: #ffffff; margin-bottom: 15px; font-weight: 400; text-transform: uppercase; }
.social a { margin-right: 5px; }

/* Text Hide */
.text-split-1 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
.wrap-index { width: 100%; }
.box-index { display: flex; flex-wrap: wrap; border: 1px solid #3f4b62; margin-top: 25px; }
.left-index { width: 69%; }
.right-index { width: 31%; padding: 0px 20px 0px 25px; display: flex; flex-direction: column; justify-content: space-between; }
.title-index a { display: block; font-size: 18px; line-height: 33px; color: #ffffff; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; }
.title-index a:hover { color: #0066B3; }
.cat-index { padding: 0; margin: 0; list-style: none; max-height: 260px; overflow-y: scroll; overflow-x: hidden; }
.cat-index::-webkit-scrollbar { width: 2px; }
.cat-index::-webkit-scrollbar-thumb { width: 2px; background: #3f4b62 }
.cat-index::-webkit-scrollbar-thumb:hover { width: 2px; }
.cat-index::-webkit-scrollbar-thumb:active { width: 2px; }
.cat-index li { margin-bottom: 10px; }
.cat-index li a { font-size: 14px; color: #ffffff; font-weight: 400; }
.cat-index li a:hover { color: #ff0; }
.cat-index li a i { font-size: 12px; margin-right: 5px; }
.h-100 { height: 100%; }
.footer-index { padding: 20px 0; display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.footer-index .right span { margin-left: 20px; color: #fff; font-size: 14px; }
.copy-right { font-size: 14px; color: #ffffff; font-weight: 400; }
.footer-index a { font-size: 14px; color: #ffffff; font-weight: 400; text-transform: uppercase; margin-left: 70px; }
.footer-index a:hover { color: #0066B3; }
.footer-cs { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; width: 100%; }
.footer-cs a { display: inline-block; margin: 0 20px; color: #fff; }
.footer-cs a:hover { color: #ff0; }
.quantity-pro-detail { width: 100%; max-width: 125px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.quantity-pro-detail span { padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-right: 0px; line-height: 30px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-left: 0px; line-height: 26px; }
.quantity-pro-detail input { height: 30px; border: 1px solid #7a7a7a; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.quantity-pro-detail input::-webkit-outer-spin-button, .quantity-pro-detail input::-webkit-inner-spin-button { -webkit-appearance: none; }
.cart-pro-detail { margin-bottom: 20px; display: flex; align-items: stretch; justify-content: flex-start; }
.cart-pro-detail a { width: auto; text-align: center; color: #fff; padding: 8px 10px 5px 10px; text-transform: uppercase; border-radius: 5px; background-color: #252a2b; }
.cart-pro-detail a:first-child { margin-right: 10px; }
.cart-pro-detail a:hover { background: #214778; }
.cart-pro-detail a i { vertical-align: top; margin-top: 2px; margin-right: 8px; }

/* Transition All */
.transition { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

/* Menu RP */
.menu-res { display: none; height: 40px; z-index: 10; background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); position: relative; line-height: normal; }
.menu-bar-res { height: 40px; padding: 0px 10px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 45px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }

/* Search RP */
.search-res { position: relative; }
.search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: #fff; font-size: 17px; margin: 0px; }
.search-res .icon-search.active { color: rgb(52, 118, 186); background: #fff; border-radius: 100%; }
.search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #fff; border: 1px solid rgb(52, 118, 186); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }
.search-res .search-grid button { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: rgb(52, 118, 186); line-height: 40px; text-align: center; }
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: rgb(52, 118, 186); }
.search-res .search-grid input::-webkit-input-placeholder, .search-res .search-grid input:-moz-placeholder, .search-res .search-grid input::-moz-placeholder, .search-res .search-grid input:-ms-input-placeholder { color: #ccc; }
.js-facebook-messenger-box, .zalo { z-index: 999; }

/* Toolbar */
.toolbar { background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); width: 100%; padding: 5px 10px 0px; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; display: none; }
.toolbar ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
.toolbar ul li a i { display: block; color: #fff; font-size: 20px; }
.toolbar ul li a img { height: 20px; width: auto; }
.toolbar ul li a span { font-weight: 400; color: #fff; font-size: 12px; }
.cart-fixed { position: fixed; right: 15px; bottom: 350px; z-index: 10; background: linear-gradient(180deg, rgba(52, 118, 186, 1) 0%, rgba(31, 65, 112, 1) 100%); width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #fff; width: 25px; height: 25px; background: #f00; text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }
#slider img { object-fit: contain; }

/* Style the tab */
.box_chinhanh { margin-top: 1rem; }
.tit_cn { background: #fff; padding: 8px 10px 2px; text-transform: uppercase; border-bottom: 1px solid #0000001f; text-align: center; }
.tab_chinhanh { overflow: hidden; background: #fff; padding: 10px; overflow-y: auto; max-height: 300px; margin-bottom: 1rem; }
.tab_chinhanh button { outline: none; cursor: pointer; padding: 7px 0px 7px 10px; border: none; width: 100%; text-align: justify; background: none; text-transform: capitalize; font-size: 15px; position: relative; color: #000; }
.tab_chinhanh button:hover { color: #ed1500; }
.tab_chinhanh button.active { color: #ed1500; }
.tab_chinhanh button:before { content: ''; width: 4px; height: 4px; background: #00aeef; position: absolute; top: calc(50% - 2px); left: 0; border-radius: 50%; }
.tabcontent { display: none; padding: 0px; border: 1px solid #ccc; border-top: none; margin: 0; line-height: 0; }
.tabcontent iframe { width: 100%; }
.secondpane { overflow-y: scroll; }
.secondpane::-webkit-scrollbar { width: 5px; border-radius: 10px; }
.secondpane::-webkit-scrollbar-thumb { background-color: #949494; border-radius: 10px; outline: 1px solid #9494945e; }
.secondpane::-webkit-scrollbar-track { padding: 1px; border-radius: 10px; }
.box_maps h4 { font-size: 14px; color: #006cb4; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; }
.box_maps .map { display: none; }
.box_maps .map.active { display: block; }
.box_maps .map iframe { height: 308px; width: 100%; }
.tab_maps { position: relative; max-width: 100%; padding: 10px; font-size: 12px; color: #ffffff; font-weight: 400; border: none; background: #2c3546; }
.box_maps.map_contact { margin-top: 30px; }
.box_maps.map_contact .map iframe { height: 400px; }
@media (max-width:1024px) {
#mainmenu, .sms, #timkiem { display: none; }
.menu-res { display: block; }
.box_main { width: 100%; }
#container.container_index { margin-top: 0; }
.header { padding: 10px; }
.cart-fixed { bottom: 130px; }
.box_main, #left { width: 100% !important; }
}
@media (max-width:767px) {
.footer .thongtin_ct { width: 100%; margin-bottom: 20px; }
.footer { padding: 20px 10px 0px; }
.left-index { width: 100%; }
.right-index { width: 100%; padding: 20px 10px; }
.top-right-index { margin-bottom: 20px; }
.footer-index { text-align: center; }
.footer-index .left, .footer-index .right { width: 100%; }
.dieuhuong #timkiem, #danhmuc { display: none; }
.product_detail { width: 100%; }
.sanpham, .khung_album { grid-template-columns: repeat(3, 1fr); }
.frame_images { width: 100%; margin-bottom: 30px; }
.khung_thongtin { width: 100%; padding: 20px 10px; }
.toolbar { display: block; }
.footer-cs { margin-bottom: 75px; }
#banner + #amazingslider-wrapper-1 { width: 100% !important; margin-top: 10px; }
}
@media (max-width:525px) {
.sanpham, .khung_album { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.item .noidung .trinhtrang a { display: block; width: 100%; text-align: center; margin-top: 10px; }
.noidung_detail { overflow-x: auto; }
.khung_trai, .khung_phai { width: 100%; margin-bottom: 20px; }
.khung_album h3 a { -webkit-line-clamp: 2; }
}