@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{line-height:1.5;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;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: 30px 0;}
#info .noidung_detail{display: block;width: 100%;}
#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{width: 1200px;margin: 0 auto;}
.margin_auto.w1000{width: 1000px;}
#container{position: relative;transition: 0.5s all;background: #ffffff;width: 1366px;margin: 0 auto;max-width: 100%;}
.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: #000000;font-weight: 500;font-size: 14px;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%; background: #ffffff;}
#header .head_t{background: #ffdb00; padding: 5px 0; font-size: 13px; color: #000000; font-weight: 400;}
#header .head_t p{margin: 0 20px;background: url(images/phone.png) no-repeat left center;padding: 0 0 0 25px;font-weight: 500;}
#header .head_t .khung_flex{justify-content: flex-end;align-items: center;}
.lang a img{opacity: 0.3;}
.lang a.active img,#header .head_t .lang a:hover img{opacity: 1;}
#header .header{width: 100%; background: #ffffff;}
#logo{position: relative;text-align: center;}
#header .header.fixed{position: fixed;top: 0;left: 0;z-index: 2;box-shadow: 0 1px 3px 0px #333333;}
#header .header.fixed #logo img{width: 200px;}
#header .header.fixed #mainmenu{width: calc(100% - 300px);}
#header .header.fixed #mainmenu nav.menu_top > ul > li > a{line-height: 60px;}
/* Main menu */
#mainmenu{width: calc(100% - 450px);}
#mainmenu .lang{position: absolute;right: 50px;top: 10px;display: none;}
#mainmenu #timkiem_m{position: absolute;right: 5px;top: 5px;display: none;}
/* Title */
.title{width: 100%;position: relative;margin: 0 0 20px 0;text-align: center;padding: 0 0 15px 0;}
.title:after{position: absolute; content: ''; width: 50px; height: 4px; background: #ffdb00; bottom: 0; left: 50%; transform: translateX(-50%);}
.title h4,.title h2{position: relative;font-size: 35px;color: #000000;font-weight: 700;text-transform: uppercase;font-family: 'Tinos', serif;}
.title p{font-size: 15px;color: #000000;font-weight: 500;}

.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;margin: 0 0 30px 0;}
.tab_sp li{position: relative;font-family: 'Tinos', serif;font-size: 22px;cursor: pointer;font-weight: 400;color: #000000;display: inline-flex;line-height: 1;list-style: disc;margin: 0 5px;padding: 10px 20px;background: #ffffff;}
.tab_sp li.active,.tab_sp li:hover{background: #ffdb00;}

.tab_product{list-style: none;padding: 0;text-align: center;border-bottom: 1px solid #000000;margin-bottom: 30px;}
.tab_product li{display: inline-block;}
.tab_product li a{font-size: 25px;color: #000000;font-weight: 700;font-family: Tinos, serif;text-transform: uppercase;padding: 10px 20px;display: inline-block;}
.tab_product li:hover a{color: #ff0000;}
/* Slider */
#slider{width: 100%;position: relative;display: none; }
#slider .slider_r{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);z-index: 1;}
#slider .slider_l{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);z-index: 1;}
#slider .slider{position: relative;}
#slider .slider .img{display: block;}
#slider .slider .content{position: absolute;z-index: 1;left: 80px;top: 80px;width: 480px;max-width: 100%;}
#slider .slider .content h3{font-family: 'Tinos', serif;font-weight: 700;font-size: 40px;color: #000000;text-transform: uppercase;}
#slider .slider .content p{font-size: 15px;color: #000000;font-weight: 400;margin: 20px 0;width: 70%;}
#slider .slider .content a{font-size: 15px;color: #ffffff;display: inline-block;padding: 10px 20px;background: #000000;}
#slider .slick-active .slider .content a:hover{background: #ffdb00;color: #000000;}
#slider .slider:before{position: absolute;content: '';top: 0;left: 0;width: 750px;height: 485px;background: url(images/bgslider.png) no-repeat center;}
#slider .slick-active .slider .content h3{-webkit-animation: bounceInLeft 1s ease-in-out backwards;-moz-animation: bounceInLeft 1s ease-in-out backwards;-o-animation: bounceInLeft 1s ease-in-out backwards;-ms-animation: bounceInLeft 1s ease-in-out backwards;-webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
#slider .slick-active .slider .content p{-webkit-animation: bounceInLeft 1.25s ease-in-out backwards;-moz-animation: bounceInLeft 1.25s ease-in-out backwards;-o-animation: bounceInLeft 1.25s ease-in-out backwards;-ms-animation: bounceInLeft 1.25s ease-in-out backwards;-webkit-animation-delay: 1.25s;-o-animation-delay: 1.25s;animation-delay: 1.25s;}
#slider .slick-active .slider .content a{-webkit-animation: fadeInUp 1.5s ease-in-out backwards;-moz-animation: fadeInUp 1.5s ease-in-out backwards;-o-animation: fadeInUp 1.5s ease-in-out backwards;-ms-animation: fadeInUp 1.5s ease-in-out backwards;-webkit-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;}
#slider .slick-active .slider:before{-webkit-animation: fadeIn 0.75s ease-in-out backwards;-moz-animation: fadeIn 0.75s ease-in-out backwards;-o-animation: fadeIn 0.75s ease-in-out backwards;-ms-animation: fadeIn 0.75s ease-in-out backwards;-webkit-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
/*Hỗ trợ */
#hotro{width:100%; padding: 50px 0;}
.slick_hotro{display: none; margin: 0 -14px;}
.slick_hotro .slick-slide{margin: 0 14px;}
.hotro{text-align: center;font-size: 15px;color: #000000;font-weight: 400;line-height: 25px;}
.hotro > img{border-radius: 50%;padding: 5px;border: 1px dashed #d1d1d1;display: inline-block !important;}
.hotro h3{font-size: 15px; color: #000000; font-weight: 700; margin:  20px 0 10px 0;}
.hotro .hinh a{display: inline-block;margin: 0 5px;}
.hotro .hinh a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/*-----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{display: flex;flex-wrap: wrap; flex-wrap: wrap;}
.khung_product_detail{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.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: block;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.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; margin-bottom: 20px;}
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: 0 0 0 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 #eeeeee;position: relative;}
.khung_thongtin > div label{color: #000000;font-weight: 700;}
.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: 18px;color: #ff0000;font-weight: 900;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: #de1111;font-size: 17px;font-weight: 700;}
.khung_thongtin .dathang{background: #d00;color: #fff;padding: 5px 20px;border-radius: 20px;margin: 10px 0;display: inline-block;font-family: 'Lato', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
.khung_thongtin .dathang:hover{background: #047c24;}

.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;}
/* Video */
.video_bot{width: 405px;}
.video_bot .iframe{width: 100%;}
.slick_video{display: none;margin: 0 -4px;}
.slick_video .slick-slide{margin: 0 4px;}
.slick_video .vi img{height: 80px;}
/* Search */
#timkiem{width: 40px;height: 40px;margin: 0 20px 0 0;}
.frm_timkiem{position: relative;width: 100%;}
.frm_timkiem input{color: #333333;background: #ffffff;padding: 12px 10px;width: 0;opacity: 0;transition: opacity 0.5s, width 0.5s;outline: none;border: none;text-indent: 10px;border-radius: 25px;position: absolute;right: 0;top: 0;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 12px;}
.frm_timkiem input.show{width: 250px;opacity: 1;}
.frm_timkiem button{cursor:pointer;outline:none;border:  none;display: inline-block;background:  url('images/search.png') no-repeat center;position: absolute;padding: 18px;right: 0;top: 1px;border-radius: 20px;}
.frm_timkiem input::-webkit-input-placeholder {color: #333333;}
.frm_timkiem input:-moz-placeholder {color: #333333;}
.frm_timkiem input::-moz-placeholder { color: #333333;}
.frm_timkiem input:-ms-input-placeholder {  color: #333333;  }
/* 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: 16px;cursor: pointer;font-weight: 700;position: relative;line-height: 40px;text-align: center;background: #dd890b;}
.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: 70px;}
.danhmuc_l{width: 100%;padding: 0;overflow: auto;border-top: 0;background: #f2f2f2;}
.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: 12px 20px;position: relative;cursor: pointer;}
.danhmuc_l li {position: relative;}
.danhmuc_l > li:last-child a {border-bottom: 0;}
.danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after{color: #dd890b;}
.danhmuc_l li > i{position: absolute;right: 0;top: 10px;background: #ffffff;color: #000000;border-radius: 50%;width: 20px;height: 20px;text-align:center;line-height: 20px;transition: 0.5s all;font-size: 20px;}
.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 !important;}
/* 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: 20px 0 0 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: 500;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: #ff0000;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: 10px 0px 0px 0px; }
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 10px 0 20px 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: 180px;}
.thongke ul{background: url('images/thongke.png') no-repeat left center;padding: 0;font-weight: 400;color: #ffffff;line-height: 35px;}
.thongke li{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0 0 30px;font-size: 13px;color: #ffffff;font-family: UTMAvo;}
.thongke li:last-child{border-bottom: 0;}
/* 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;}
.title_gt{position: relative;width: 100%;padding: 0 0 20px 0;}
.title_gt:after{position: absolute;content: '';width: 50px;height: 4px;background: #ffdb00;right: 0;bottom: 0;}
.title_gt h2{font-size: 50px;color: #000000;font-weight: 700;text-transform: uppercase;font-family: 'Tinos', serif;line-height: 1;}
.gioithieu{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;text-align: right;}
.noidung_gt{width: 550px;position: relative;max-width: 100%;}
.noidung_gt .mota_gt{width: 100%;margin: 30px 0;}
.gioithieu a.xemthem{font-size: 15px;color: #ffffff;background: #000000;padding: 12px 20px;display: inline-block;}
.gioithieu a.xemthem:hover{background: #ffdb00; color: #000000;}
/*Tin tức*/
.box_news{width: 100%;display: block;}
.box_news .news{display: block; position: relative;}
.box_news .news .noidung{width: 500px;position: absolute;left: 100px;top: 50%;transform: translateY(-50%);}
.box_news .news .noidung h3{position: relative;}
.box_news .news .noidung h3:after{position: relative;content: '';display: inline-block;width: 50px;height: 4px;background: #ffdb00;}
.box_news .news .noidung h3 a{font-size: 35px;font-family: Tinos,serif;font-weight: 700;text-transform: uppercase;display: block;}
.box_news .news .noidung .mota{font-size: 15px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;max-height: 100px;display: -webkit-box;-webkit-box-orient: vertical;margin: 20px 0;}
.box_news .news .noidung a.xemthem{font-size: 15px;color: #ffffff;font-weight: 400;background: #000000;display: inline-block;padding: 10px 20px;}
.box_news .news .noidung a.xemthem:hover{background: #ffdb00; color: #000000;}
.box_news .news:nth-child(even) .noidung{left: unset; right: 100px; text-align: right;}
/*Quảng cáo*/
#quangcao{padding: 0;}
.slick_qc{display: none;margin: 0;}
/*Điều hướng*/
#dieuhuong{width: 100%;height: 250px;position: relative;}
.dieuhuong{position: absolute;left: 80px;top: 50%;transform: translateY(-50%);}
.dieuhuong a{color: #000000;font-size: 18px;padding:0px 10px;position:  relative;font-weight: 500;display: inline-block;text-transform: capitalize;}
.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: #ffdb00;}
.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  */
#sanpham{width: 100%;position: relative;display: block;}
a.xemtatca{display: inline-block;color: #252525;font-weight: 400;font-size: 16px;padding: 10px 30px;position: relative;z-index: 3;display: table;margin: 0 auto;margin-top: 20px;border: 1px solid #ededed;border-radius: 30px;background: #ffffff;}
a.xemtatca:hover{background-color: #bd963d;color: #ffffff;}
.owl_sp{display: none;margin: 0 -15px;}
.owl_sp .slick-slide{margin: 0 15px;}
.owl_sp .item{margin: 15px 0;}
/* product */
#popup_cart{width: 700px;max-width: 90%;}
.spkhac{margin: 0 -13.5px;display: none;}
.spkhac .slick-slide{margin: 0 13.5px;}
.sanpham{width: 100%;display:  grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: inherit;grid-gap: 30px;}
.product_detail .sanpham{grid-template-columns: 1fr 1fr 1fr;}
.khung{width: 100%;padding: 40px 0;}
.khung_banchay{background: #ffffff;}
.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);}
.item .img a:before{z-index: 8;-moz-transition: opacity .5s;-o-transition: opacity .5s;-webkit-transition: opacity .5s;transition: opacity .5s;content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background: #ffdb00;filter: alpha(Opacity=0);opacity: 0;}
.item .img a:after{z-index: 9;position: absolute;left: 0;top: 0;right: 0;bottom: 0;content: '\f00e';font-family: FontAwesome;display: flex;justify-content: center;align-items: center;color: #000000;font-size: 60px;transform: scale(0);transition: all 0.75s;}
.item:hover .img a:before{filter: alpha(Opacity=75); opacity: .75;}
.item:hover .img a:after{transform: scale(1);}

.item .img img{display: block;}
.item {transition: 0.5s all;position: relative;transition: border 1s;overflow: hidden;background-size: cover;box-shadow: 0 0 15px 5px #ddddddc7;}
.item .gia{width: 100%;align-items: center;color: #4c4c4c;font-weight: 400;font-size: 16px;display: flex;flex-wrap: wrap;justify-content: center;}
.item .gia span{display: block;}
.item .giacu{text-decoration: line-through;color: #868686;font-size: 13px;margin-left: 10px;}
.item .giaban{color: #d70000;font-weight: 700;}
.item .giaban span{ color: #F10404 }
.item .noidung{position: relative;text-align: center;padding: 20px;}
.item .noidung .buy{background: #dd890b url(images/buy.png) no-repeat 10px center;color: #ffffff;padding: 8px 10px 8px 40px;font-size: 14px;font-weight: 400;cursor: pointer;display: table;margin: 0 auto;border-radius: 5px;}
.item h3{width: 100%;position: relative;margin: 0 0 10px 0;}
.item:hover h3 a{/* color: #ff0000; */}
.item h3 a{color: #000000;font-weight: 700;font-size: 23px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;font-family: Tinos,serif;}
.item .mota{overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;font-size: 15px;color: #000000;font-weight: 400;}
.item a.xemthem{font-weight: 400; font-size: 15px; color: #e60000;}
/* Tab product */
.tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;background: #ffffff;position: relative;z-index: 1;}
.tab_hidden{ display: none; }
.noidung_ta *{max-width: 100%;}
/* Nhận tin */
#nhantin{position: relative;width: 265px;}
.nhantin{width: 265px;max-width: 100%;}
.title_nt{margin: 0 0 30px 0;}
.title_nt h4{font-size: 24px;color: #ffffff;font-weight: 400;margin: 0 0 10px 0;}
.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: 15px 10px;width: 100%;border: none;font-size: 13px;color: #c0c0c0;margin: 0 0 20px 0;font-family: 'Montserrat', sans-serif;background: #2b2b2b;border: none;}
.dknhantin input[type=submit]{border: none;font-size: 13px;color: #c0c0c0;background: #2b2b2b;cursor: pointer;display: inline-block;padding: 15px 30px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
.dknhantin .input::-webkit-input-placeholder{color: #c0c0c0;}
.dknhantin .input:-moz-placeholder{color: #c0c0c0;  }
.dknhantin .input::-moz-placeholder{  color: #c0c0c0; }
.dknhantin .input:-ms-input-placeholder{  color: #c0c0c0;  }
/* Footer */
footer{padding: 0;}
#footer{width:100%;position: relative;overflow: hidden;padding: 80px 0 40px 0;z-index: 0;}
.footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .thongtin_ct{width: 400px;color: #ffffff;}
.footer .thongtin_ct .noidung{margin-bottom: 20px;}
.footer .facebook{width: 250px;}
.bocongthuong{display: inline-block;margin-top: 10px;}
.tieude_f{color: #ffdb00;font-size: 17px;margin-bottom: 20px;font-weight: 700;width: 100%;display: inline-block;position: relative;text-transform: uppercase;font-family: 'Oswald', sans-serif;padding: 0 0 10px 0;}
.tieude_f:after{position: absolute; content: ''; width: 30px; height: 1px; background: #4d4d4d; bottom: 0; left: 0;}
/* Chinh sach */
.chinhsach{width: 250px;}
.chinhsach ul{width: 100%;margin: 0;color: #ffffff;list-style: none;padding: 0;}
.chinhsach ul li{font-weight: 400;}
.chinhsach ul li a{font-size: 14px;color: #efeff0;font-weight: 400;}
.chinhsach ul li:hover a{text-decoration: underline;} 
/* coppy */
.coppy{font-weight: 500;font-size: 13px;color: #666666;position: relative;padding: 15px 0;text-align: center;background: #272727;}
.coppy span{text-transform: uppercase;color: #ffdb00;}
.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: #ffdb00;border-radius: 50%;}
#back-to-top a {display: block;color: #000000;font-size: 30px;}
#back-to-top .back-circle {height: 50px;width: 50px; }
#back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
/* Mang XH*/
.mang_xh {position:  relative;font-size: 14px;width: 100%;color: #ffffff;}
.mang_xh a{margin: 0 5px 0 0;display: inline-block;}
.mang_xh a:last-child{margin: 0;}
.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;}

.mang_xh ul{list-style: none;padding: 0;border-left: 1px solid #ffffff;margin: 0 0 0 20px;}
.mang_xh ul li{display: inline-block;padding: 0 15px;}
.mang_xh ul li a{font-size: 15px; color: #ffffff; font-weight: 400;}
.mang_xh ul li:hover a{color: #fff200;}
/*--------------Liên kết website---------------------*/
.lienket{display: block;}
.lienket p{display: block;background: url(images/email.png) no-repeat left center;text-indent: 25px;margin: 0 30px 0 0;font-weight: 700;}
.lienket label{margin-right: 10px;}
.lienket a{margin: 0 5px;}
.lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* contact */
.khung_contact{width: 615px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;max-width: 100%;}
.khung_contact .noidung_detail{margin-bottom: 20px;}
.khung_contact .bando{width: 100%;margin-top: 20px;}
.khung_trai,.khung_phai{width: 48%;}
.form_lh{max-width: 100%;width: 100%;margin: 0 auto;text-align: center;position: relative;margin: 0 0 30px 0;}
.form_lh input,.form_lh textarea{padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-size: 13px;color: #555555;font-family: 'Montserrat', sans-serif;margin: 0 0 15px 0;}
.form_lh textarea{height: 100px;margin: 0;}
.form_lh button{border: 0px;background: #ed1c24;padding: 5px 0;margin: 0;cursor: pointer;text-transform:  uppercase;font-size: 20px;color: #ffffff;font-family: 'Oswald', sans-serif;font-weight: 400;width: 100px;transform: rotate(90deg);position: absolute;right: -30px;bottom: 37px;letter-spacing: 8px;}
.form_lh button:hover{background: #ffdb00;color: #000000;}
/* 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: 20px;}
.khung_album .hinhanh{text-align: center;}
.khung_album img{display: block;}
.khung_album h3{width: 100%;margin: 5px 0;}
.khung_album h3 a{width:  100%;color: #000000;font-size: 15px;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;}
.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: #bd963d;}
.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%;margin: 0 0 -50px 0;z-index: 1;position: relative;}
#doitac h4{font-family: Tinos,serif;font-size: 21px;color: #000000;font-weight: 700;text-transform: uppercase;width: 100px;text-align: right;}
#doitac .khung_flex{background: url(images/bgdoitac.png) no-repeat center;padding: 24px 55px 24px 0;}
.owl_doitac{width: calc(100% - 150px);display: none;margin: 0;}
.owl_doitac .slick-slide {margin: 0 15px;}
.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;text-align: center;}
.doitac img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);display: inline-block !important;}
.doitac:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
/*++++++++++LEFT+++++++++++*/
.sp_index{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
div#left {width: 270px;position:  relative;}
.load_sanpham{width: 100%;}
.product_detail{width: calc(100% - 300px);}

.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;}
.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: block;}
.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: grid;grid-template-columns: calc(100% - 485px) 435px;grid-gap: 50px;margin: 0 0 50px 0;}
.baiviet2 .baiviet2_it:nth-child(odd) .img{grid-row: 1; grid-column: 2;}
.baiviet2 .baiviet2_it:nth-child(even){grid-template-columns: 435px calc(100% - 485px);}
.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 .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: 27px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 35px;-webkit-line-clamp: 2;max-height: 70px;display: -webkit-box;-webkit-box-orient: vertical;font-family: Tinos, serif;}
.baiviet2 .baiviet2_it:hover h3 a{color: #ff0000;}
.baiviet2 .baiviet2_it p{font-size: 15px;color: #000000;font-weight: 400;width:  100%;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 30px;-webkit-line-clamp: 3;max-height: 90px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;margin: 20px 0;}
.baiviet2 .baiviet2_it a.xemthem{font-size: 15px;color: #ffffff;padding: 12px 20px;background: #000000;display:  inline-block;font-weight: 500;}
.baiviet2 .baiviet2_it a.xemthem:hover{color: #000000;background: #ffdb00;}
.baiviet2 .baiviet2_it:last-child{margin-bottom: 0;}
/* Tin Tuc */
#tintuc{width: 100%;padding: 50px 0;}
.owl_tintuc{display: none;margin: 0 -13px;}
.owl_tintuc .slick-slide{margin: 0 13px;}
.tintuc{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.tintuc .noidung{width: 100%;padding: 15px 20px;background: #ffffff;}
.tintuc h3{margin: 5px 0;}
.tintuc h3 a{font-size: 20px;color: #000000;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;font-family: 'Tinos', serif;}
.tintuc p.mota{font-size: 13px;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.tintuc p.ngaydang{width: 100%;font-size: 13px;color: #777777;font-weight: 400;}
.tintuc:hover h3 a{color: #ff0000;}

.table-responsive { width: 100%; margin-bottom: 15px;overflow-x: auto;  overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
@media (max-width:1200px){
	.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom: 1em;}
    .video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
    .margin_auto{width: 100% !important;}
	#info{padding: 10px;}
    div#left,#menu_left{display: none;}
    .product_detail{width: 100%;}
}
@media(max-width: 1000px){
    .khung_flex{justify-content: center;}
    #header{margin: 0;display: block;}
    #header .header_mm a{display: block;}
    #header .header_mm a span,#header .header_mm a:after,#header .header_mm a:before{background: #000000;}
    #header .head_t{line-height: 30px; display: none;}
    #header .header.fixed #logo{display: none;}
       
    #slider{width: 100%; padding: 0;}
    #slider .slider .content{top: 50%; transform: translateY(-50%);}
    

    #mainmenu{height: 50px;width: 100% !important;background: #ffdb00;position: relative;}
    #mainmenu .header_mm a{display: block;}
    #mainmenu nav.menu_top > ul > li{display: none;}
    #mainmenu .lang,#mainmenu #timkiem_m{display: block;}
    
    #doitac{margin: 0;padding: 10px 0;}
    #doitac .khung_flex{padding: 0;}
    #doitac h4{display: none;}
    #doitac .owl_doitac{width: 100%;}

    .khung_thongtin, .frame_images,.qr_code{width: 100% !important;padding: 0;margin-bottom: 20px;}

    .owl_sp,.slick_hotro,.owl_tintuc{margin: 0;padding: 0;}
    .owl_sp .slick-slide,.slick_hotro .slick-slide,.owl_tintuc .slick-slide{margin: 0 10px;}
    
    #gioithieu{padding: 30px 10px;}
     
    .coppy p,.coppy ul{text-align: center; width: 100%;}
    .coppy .khung{justify-content: center;}
    #bottom{padding: 30px 10px;}
    #bottom .tintuc_bot{width: 100%; margin-bottom: 10px;}
    #bottom .tintuc_bot .news_big{display: none;}
    #bottom .tintuc_bot .scroll_tintuc{width: 100%;}
    #bottom .video_bot{width: 100%;text-align: center;}
    #bottom .slick_video{margin: 0;}
    .lienhe{width: 100%;padding: 20px;background: #3b5999;margin: 0;height: auto;}
    .frm_lienhe button{display: table; margin: 0 auto;}
    
    .khung_trai, .khung_phai{width: 100%; margin-bottom: 20px;}
    #footer{padding: 30px 20px;}
    .footer .thongtin_ct, .footer .chinhsach, .footer .nhantin, .footer .facebook{width: 100%; margin-bottom: 20px;}
    .mang_xh a{margin: 0 5px;}
    .mang_xh ul{width: 100%; border: none; margin: 20px 0 0 0; padding: 0;}
    .footer .thongtin_ct h1:after, .footer .thongtin_ct h1:before{display: none;}
    .mang_xh{position: unset;transform: unset;margin: 10px 0;}
    #nhantin{padding: 20px 10px;width: 100%;}
    
    #hinhanh{width: 100%; padding: 30px 10px;}
    .slick_hinhanh .slick-slide .hinhanh:after{display: none;}
    .slick_hinhanh .slick-slide .hinhanh{transform: scale(1);height: 30vw; background-size: cover !important;}
    .hinhanh label{bottom: 10px;}
    .box_hethong .list_hethong,.box_hethong .list_map{width: 100%;}

    .box_congtrinh{width:  100%;padding: 0 10px;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}
    #congtrinh .box_congtrinh .congtrinh{grid-row: unset; grid-column: unset;}
    
}
@media(max-width: 980px){
    #dieuhuong{height: 30vw;}
    .dieuhuong{left: 20px;}
    .box_news .news .noidung{zoom: 0.5;width: 100%;padding: 20px;left: 0;}
    .box_news .news:nth-child(even) .noidung{right: 0;}
    
    .box_doitac{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .spkhac{margin:  0 -10px;}
    .spkhac .slick-slide{margin: 0 10px;}
    .sanpham{grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
    .item .noidung{padding: 10px;}
    .owl_tinkhac .slick-slide{margin: 5px;}
    .khung_album{grid-gap: 10px;grid-template-columns: 1fr 1fr;}
       
    .lienket{justify-content: center;}
    
        
    .dknhantin{border: none; margin: 10px 0;}

    #nhantin .title_nt, #nhantin .lh, #nhantin .lienket,#nhantin .mota{width: 100%;text-align: center;}
    #nhantin .lh{margin: 20px 0;}
    #nhantin .lienket{justify-content: center;}

    .tab_r{width: 100%;display: inline-flex;flex-wrap: wrap;justify-content: center;max-height: unset;overflow: unset;border: none;border-bottom: 1px solid #ebebeb;}
    .tab_r li{padding: 5px 10px 5px 40px;border: none;}
    
    #tintuc .khung_flex > .tintuc{display: none;}
    #tintuc .owl_tintuc{width: 100%; margin: 0;}
    .baiviet2{grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;display: grid;}
    .baiviet2 .baiviet2_it{display: block;}
    .box_congtrinh{grid-template-columns: repeat(3, 1fr);}
}
@media(max-width: 750px){
    #slider .slider .content h3{font-size: 20px;}
    #slider .slider .content p{font-size: 15px; margin: 10px 0;}
    #slider .slider .content a{display: none;}
    
    #sp_info .khung .img{width: 100%;}
    .item .noidung > strong{display: none;}
    .box_doitac{grid-template-columns: 1fr 1fr 1fr 1fr;}
    
    .sanpham{grid-template-columns: 1fr 1fr;}
    .baiviet2{grid-template-columns: 1fr 1fr;} 
}
@media(max-width: 650px){
    .box_doitac{grid-template-columns: 1fr 1fr 1fr;}
    .video .khung{display: block;}
    .video .khung .iframe{width: 100%;}
    .video .khung .slick_video{width: 100%; margin-top: 4px;}
    .video .khung .slick_video .slick-slide{margin: 0 2px;}
    .slick_video .vi img{height: auto;}
    .spkhac .slick-slide{margin: 0 5px;}

    #slider .slick-active .slider:before{display: none;}
    #slider .slick-active .slider .content p{width: 100%;}
    #slider .slick-active .slider .content{background: #ffdb0094;padding: 20px;text-align: center;left: 50%;transform: translate(-50%,-50%);}
}
@media(max-width: 600px){   
    .box_news .news .noidung h3 a{overflow: hidden;text-overflow: ellipsis;line-height: 40px;-webkit-line-clamp: 1;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;}
    .box_news .news .noidung .mota{-webkit-line-clamp: 2;max-height: 50px;margin: 10px 0;}
}
@media(max-width: 500px){
    .title_sp a{display: none;} 
    .baiviet2 .bao_baiviet{width: 100%;}
    #gioithieu .img_gt{display: none;}
    .item{padding: 5px;}
    .owl_tintuc .tintuc .noidung a.xemthem{display: none;}
    .baiviet2{grid-template-columns: 1fr;}
    .sanpham{grid-template-columns: 1fr;}
    #slider .slick-active .slider .content{display: none;}

    .tab_product li a{font-size: 15px;}
}
@media(max-width: 380px){
    #banner{display: none;}
}