.inherit-text { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.icon { position: relative; display: flex; align-items: center; }
.icon:before { font-family: "FontAwesome"; }
.icon.area:before { content: "\f1fe "; }
.icon.user:before { content: "\f007 "; }
.icon.home:before { content: "\f015"; }
.icon.marker:before { content: "\f041"; }
.icon.email:before { content: "\f003"; }
.icon.hotline:before { content: "\f095 "; }
.icon.global:before { content: "\f0ac"; }
.icon.calendar:before { content: "\f073 "; }
.icon.star:before { content: "\f005"; }
.icon.view:before { content: "\f06e "; }
.icon.clock:before { content: "\f017"; }
.icon.price:before { content: "\f155 "; }
.icon.bar:before { content: "\f0c9 "; }
.icon.facebook:before { content: "\f230 "; }
.icon.comment:before { content: "\f086"; }
.icon.whatsapp:before { content: "\f232"; }
.icon.sms:before { content: "\f0e5"; }
.icon.cart:before { content: "\f07a "; }
.icon.up:before { content: "\f106  "; }
.right-fix-btn { font-size: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; z-index: 99; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; box-shadow: 0px 0px 5px 5px #b5daff; }
.back-to-top { display: none; position: fixed; right: 20px; bottom: 20px; }
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "uvn-baisaunang"; src: url("../fonts/UVNBaiSauNang.eot"); src: url("../fonts/UVNBaiSauNang.eot?#iefix") format("embedded-opentype"), url("../fonts/UVNBaiSauNang.woff") format("woff"), url("../fonts/UVNBaiSauNang.ttf") format("truetype"), url("../fonts/UVNBaiSauNang.svg#marlboro") format("svg"); font-weight: normal; font-style: normal; }
@font-face {
  font-family: roboto-regular;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: roboto-bold;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: uvf-cider;
  src: url("../fonts/UVF Cider Script.ttf");
}

.product_list{
  padding: 30px 0;
}
.news_tpl_item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.news_tpl_item h3.title { font-family: roboto-bold; font-size: 17px; color: #333; }
.news_tpl_item .ngay_luot .icon:before { margin-right: 8px; }
.news_detail_template h1.title { font-family: roboto-bold; font-size: 20px; color: #333; }
.othernews ul { padding-left: 20px; }
#product-detail-left { width: 500px; }
#product-detail-right { width: calc(100% - 530px); }
#product_detail { justify-content: space-between; display: flex; flex-wrap: wrap; width: 100%; }
.product-info { display: block; padding-bottom: 10px; margin-bottom: 10px; }
.product-info:not(:last-child) { border-bottom: 1px dashed #ccc; }
.gia-product { color: #df0000; font-size: 18px; }
.usual { margin: 30px 0; width: 100%; }
.usual ul.tab_content { margin: 0px; padding: 0px; display: flow-root; border-bottom: 1px solid #d41919; /* height: 43px; */ }
.usual ul.tab_content li { display: inline-block; list-style: none outside none; }
.usual ul.tab_content li:last-child { background: none; }
.usual ul.tab_content a { color: #333; display: block; padding: 6px 15px; font-size: 18px; }
.usual ul.tab_content a:hover { color: #333333; }
.usual ul.tab_content a.selected { border-top: 5px solid #d41919; border-bottom: 1px solid #d41919; border-left: 1px solid #d41919; border-right: 1px solid #d41919; color: #d41919; cursor: default; position: relative; top: 1px; z-index: 1; color: #FFF; background: #d41919; }
.content_tab { border-left: 1px solid #d41919; border-right: 1px solid #d41919; border-bottom: 1px solid #d41919; padding: 20px; position: relative; top: -1; }
.showhinh {margin-bottom: 15px;text-align: center;}
h1.product-detail-title { font-family: roboto-bold; font-size: 22px; text-transform: uppercase; color: #007ddd; }
.p_detail_add_to_cart { display: inline-flex; background-color: #0b3d20; border: 0; border-radius: 5px; color: #FFF; outline: 0; cursor: pointer; padding: 10px 20px; }
.p_detail_add_to_cart span { margin-right: 10px; }
.product-price { display: flex; align-items: center; }
.gia-product.gia-cu { font-size: 14px; color: #717171; text-decoration: line-through; }
.gia-product.gia-cu:before { content: "-"; margin: 0 10px; }
/*@media (max-width: 991px) {#product-detail-left{
    text-align:center;
} #product-detail-left, #product-detail-right { width: calc(50% - 15px); } }
@media (max-width: 767px) { #product-detail-left, #product-detail-right { width: 100%; } }*/
@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }
.hover .image img { transition: all 0.5s; }
.hover .image { overflow: hidden; }
.hover:hover h3 { transition: all 0.5s; }
.hover:hover .image img { transform: scale(1.2); transition: all 0.5s; }
.hover:hover h3 { color: #df0000; transition: all 0.5s; }
#block-gioithieu { background: url(../images/bg_gioithieu.jpg); background-size: cover; padding: 80px 0; }
#block-gioithieu .detail { width: calc(100% - 600px); }
#block-gioithieu .image { width: 550px; position: relative; }
#block-gioithieu .image img { position: relative; z-index: 1; }
#block-gioithieu .image:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 30px; transform: rotate(-10deg); border: 10px solid #df0000; z-index: 0; }
#block-gioithieu .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
#block-gioithieu .label { font-family: svn-steady; font-size: 36px; color: #333333; line-height: 1; }
#block-gioithieu .title { font-family: svn-genica; color: #d61414; font-size: 42px; line-height: 1; margin-bottom: 15px; }
#block-gioithieu .mota { margin-bottom: 15px; }
#block-gioithieu .btn-xemthem-gioithieu { background-color: #ca332b; width: 140px; height: 45px; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-family: roboto-bold; font-size: 15px; color: #FFF; }
#block-gioithieu .btn-xemthem-gioithieu:hover { background-color: #de6a64; }
#block-sp-menu { background: url(../images/bg_sp_top.jpg) top no-repeat; background-size: 100%; padding-top: 140px; margin-bottom: 40px; }
#block-sp-menu h2 { font-family: marlboro; font-size: 60px; color: #ca332b; text-align: center; margin-bottom: 30px; }
#block-sp-menu .container { display: flex; justify-content: space-between; }
#block-sp-menu .sp-menu-left { width: 545px; background: url(../images/bg_sp_menu.png); background-size: cover; padding-top: 90px; padding-left: 35px; padding-right: 35px; padding-bottom: 50px; }
#block-sp-menu .sp-menu-image { background: url(../images/bg_menu_right.jpg); width: calc(100% - 545px); padding-left: 35px; padding-right: 35px; padding-top: 40px; }
.product-item {background-color: #fff;margin-bottom: 20px;/* border: 1px solid #ddd; */}
.product-item .image { position: relative; }
.product-item .image:after { content: ""; width: 100%; height: 51px; background: url(../images/bg_pitem.png); background-size: cover; position: absolute; bottom: 0; left: 0; }
.product-item .detail {text-align: center;padding-top: 5px;padding-bottom: 15px;/* display: flex; *//* justify-content: center; *//* align-items: center; */flex-wrap: wrap;}
.product-item h3 {font-family: roboto-bold;font-size: 16px;color: #2c2c2c;margin-top: 10px;}
.product-item .giaban {font-family: roboto-bold;font-size: 16px;color: #d60c0c;/* display: block; *//* width: 100%; */}
.product-item .giacu{
  font-family: roboto-regular;
  font-size: 14px;
  color: #2c2c2c;
  text-decoration: line-through;
}
.product-item .price{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
body {font-size: 15px;line-height: 1.5;min-width: 1230px;}
#wrapper:not(.index) #content {/* margin: 40px 0; */}
.chiase { display: flex; align-items: center; }
.back-to-top { background-color: #007fff; }
.back-to-top .icon { justify-content: center; }
.back-to-top .icon:before { color: #fff; font-size: 16px; }
#footer { position: relative; background: url(../images/bg_footer.jpg); background-size: cover; color: #fff; padding-top: 40px; padding-bottom: 85px; }
#footer .container { display: flex; justify-content: space-between; }
#footer .ft-1 { width: 450px; }
#footer .ft-2 { width: 300px; }
#footer .ft-3 { width: 350px; }
#footer h2 {font-family: uvn-baisaunang;font-size: 45px;color: #169701;line-height: 1.5;text-transform: uppercase;margin-bottom: 10px;}
#footer h3 {font-family: roboto-bold;font-size: 16px;color: #169701;line-height: 1.11111;margin-bottom: 15px;/* padding-bottom: 10px; */position: relative;}
#footer h3:before {/* content: ""; */position: absolute;bottom: -1px;left: 0;width: 70px;height: 2px;background-color: #0267d9;}
#footer ul {list-style: none;/* padding: 0; */}
#footer ul li {font-family: roboto-regular;font-size: 15px;color: #fff;position: relative;/* padding-left: 20px; */margin-bottom: 10px;}
#footer ul li:before { content: url(../images/dot.png); position: absolute; left: 0; top: -4px; }
#footer .icon{
  font-family: roboto-regular;
  font-size: 15px;
  margin-bottom: 15px;
}
#footer .icon:before {width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;border: 1px solid #fff;border-radius: 5px;/* margin-bottom: 15px; */margin-right: 10px;}
#copyright {position: absolute;bottom: 0;width: 100%;font-size: 14px;line-height: 2;padding-top: 11px;padding-bottom: 11px;background-color: rgba(0,0,0,0.3);color: #fff;font-family: roboto-regular;}
#copyright .container { display: flex; justify-content: space-between; }
.header-title {width: 100%;background: url(../images/h2_bottom.png) center bottom no-repeat;padding-bottom: 45px;margin-bottom: 25px;}
.header-title .h2-title {font-family: uvf-cider;font-size: 43px;color: #169701;/* text-transform: uppercase; */}
.header-title .desc {font-family: roboto-regular;font-size: 16px;color: #000;}
#block-dichvu {padding: 40px 0;background: url(../images/bg_dichvu.jpg);background-size: cover;}
#block-dichvu .header-title{
    filter: invert(1);
}
#block-tieuchi { padding: 40px 0; }
.block-tieuchi-item { position: relative; text-align: center; }
.block-tieuchi-item h3 { font-family: roboto-regular; font-size: 22px; color: #333333; line-height: 1.36364; }
.block-tieuchi-item .mota { text-align: center; font-family: roboto-regular; font-size: 14px; color: #333333; }
#block-newsletter {padding: 45px 0;background: #169701;}

#block-newsletter form {max-width: 985px;margin: 0 auto;position: relative;display: flex;justify-content: space-between;}
#block-newsletter .form-control {margin-bottom: 5px;border: none;color: #333;max-width: 278px;height: 47px;border-radius: 5px;}
#block-newsletter .form-control::placeholder{
    color: #999999;
    font-size: 16px;
}
#block-newsletter h2{
  font-family: roboto-bold;
  color: #fff;
  font-size: 30px;
}
#block-newsletter .desc{
  font-size: 16px;
  color: #fff;
    margin-bottom: 15px;
  
}
#block-newsletter textarea { height: 80px; }
#block-newsletter .bt-nhantin {width: 110px;height: 46px;display: flex;align-items: center;justify-content: center;background: #e10f13;color: #FFF;border-radius: 5px;border: 0;outline: none;/* margin: 0 auto; *//* position: absolute; *//* right: 0; *//* bottom: 0; */font-size: 16px;text-transform: uppercase;font-family: roboto-regular;}
#block-newsletter .bt-nhantin:hover{
  background-color: #f92c2f;
}
#header { background: url(../images/bg_header.jpg); background-size: cover; }
#header .header-hotline {display: flex;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
#header .header-hotline:before {content: url(../images/hotline.png);margin-right: 10px;top: 5px;position: relative;}
#header .header-hotline .number {font-family: roboto-regular;font-size: 20px;color: #ff0000;line-height: 1.2;}
#header .header-email {display: flex;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
#header .header-email:before {content: url(../images/email.png);margin-right: 10px;top: 5px;position: relative;}
#header .header-email .number {font-family: roboto-regular;font-size: 20px;color: #ff0000;line-height: 1.2;}


#slider { position: relative; }
#menu ul { list-style: none; }
#menu li > ul { display: none; }
#menu .nav-ul { height: 100%; }
#menu .nav-ul-list { position: absolute; top: 100%; left: 0; z-index: 999; min-width: 200px; }
#menu .nav-ul-cat { position: absolute; left: 100%; top: 0; z-index: 999; min-width: 200px; }
#menu li.menu {position: relative;height: 100%;align-items: center;justify-content: center;/* padding: 0 19px; */flex: 1 0 0;/* max-width: 270px; */}
#menu li.menu:not(.search){
  padding: 0 28px;
}
#menu li.menu:first-child{
  max-width: 80px;
  width: 80px;
}
#menu li.menu:not(.search):after{
  content: url(../images/slice.jpg);
  position:absolute;
  right: 0;
  top: 0;
}
#menu li.menu:hover{
  background-color: #d60c0c;
}

#menu li.menu:hover .menu-text{
 
}
#menu li.menu-cat {
  border-left: 1px solid #ffffff59;
}
#menu li.menu-list, #menu li.menu-cat { position: relative; }
#menu li.menu-list:not(:last-child), #menu li.menu-cat:not(:last-child) { 
border-bottom: 1px solid rgba(221, 221, 221, 0.3);
 }
 #menu li.menu-list:first-child{
   border-top: 1px solid #ffba00;
 }
#menu a.menu-list-text, #menu a.menu-cat-text { display: block; padding: 8px 15px; }
#menu li.menu:hover .nav-ul-list { display: block; }
#menu li.menu-list:hover .nav-ul-cat { display: block; }
#menu {width: 100%;height: 45px;background: #169701;z-index: 9;position: relative;}
#menu:before {/* content: url(../images/menu_left.png); */position: absolute;/* left: -76px; */top: 0;}
#menu:after {/* content: url(../images/menu_right.png); */position: absolute;right: -76px;top: 0;}
#menu .container {height: 100%;display: flex;justify-content: space-between;align-items: center;}
#menu .nav-ul {width: 925px;justify-content: space-between;}
#menu .menu-text {font-family: roboto-regular;font-size: 16px;color: #fff;text-transform: uppercase;}
#menu .menu-text > span{
  white-space: nowrap;
}
#menu .nav-ul-list {background: #d60012;/* border-right: 1px solid #0e0809; */}
#menu .nav-ul-cat {background: #d60012;}
#menu a.menu-list-text, #menu a.menu-cat-text { color: #fff; }
#menu a.menu-list-text:hover, #menu a.menu-cat-text:hover {color: #fff;/* background-color: #d60c0c; */}

.menu-vertical{
    width: 275px;
    height: 100%;
 }
  .menu-vertical{
    position:relative;
}
.menu-vertical h3{
    height: 100%;
    display:flex;
    align-items:center;
    background-color: #d60c0c;
    /* justify-content:center; */
    font-family: roboto-regular;
    font-size: 16px;
    color: #FFF;
    margin-bottom: 0;
    cursor: pointer;
    padding-left: 30px;
}
.menu-vertical h3 span:after{
    content: url(../images/hnav.png);
    /* margin-left: 15px; */
    position: absolute;
    top: -1px;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    height: 16px;
}
.vertical-ul{
    position:absolute;
    z-index: 99;
    background-color: #fff;
    width: 100%;
    /* background: #fff url(../images/bl.jpg) left repeat-y; */
    /* border-bottom: 2px solid #00aeef; */
}
.menu-vertical:not(:hover) .vertical-ul{
    display:none;
}
.vertical-ul .menu-list{
    position:relative;
}
.vertical-menu-cat{
    position:absolute;
    left: 100%;
    top:0;
    background-color: #fff;
    display: none;
    min-width: 150px;
}
.vertical-ul .menu-list:hover .vertical-menu-cat{
    display: block!important;
}
.vertical-menu-cat .menu-cat{
    white-space: nowrap;
}
.vertical-ul a{
    font-family: roboto-regular;
    font-size: 15px;
    color: #323232!important;
}
.vertical-ul .menu-list:hover a.menu-list-text,.vertical-ul .menu-cat:hover a.menu-cat-text{
  background-color: #d60c0c;
  color: #fff!important;
}
.vertical-ul .menu-list-text{
    border-bottom: 1px dashed #efefef;
}
.vertical-ul .menu-list-text:before{
    content: url(../images/list.jpg);
    margin-right: 10px;
}
#block-bds-moi { padding: 40px 0; }
#block-bds-moi .block-bds-item h3 { font-family: roboto-bold; font-size: 17px; color: #333; text-align: center; }
#timkiem {width: 220px;height: 38px;background: url(../images/bg_timkiem.png) no-repeat;position: relative;/* margin: 0 auto; */}
#timkiem input { background: none; border: none; outline: 0; }
#timkiem input[type=text] {color: #333;height: 28px;padding-left: 15px;font-size: 13px;/* border: 1px solid #eaeaea; */width: 100%;}
#timkiem input[type=button] {width: 20px;height: 28px;position: absolute;right: 16px;background: url(../images/timkiem_icon.png) center no-repeat;}
#block-tintuc-video .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
#block-tintuc-video .btv-tintuc {width: calc(50% - 7px);}
#block-tintuc-video .btv-video {width: calc(50% - 7px);}
#block-tintuc-video .simply-scroll .simply-scroll-clip { height: 525px !important; }
#block-visaochon { padding: 40px 0; background: url(../images/bg_visaochon.jpg); background-size: cover; position: relative; min-height: 650px; }
#block-visaochon .container { position: relative; z-index: 2; }
#block-visaochon .header-title { filter: brightness(0) invert(1); }
#block-visaochon .vsc { z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
#ajax_video_123{
    margin-bottom: 7px;
}
.box-list {border: 1px solid #ccc;border-top: 0;padding-bottom: 0;background-color: #f5f3f4;}
.box-list h2 {font-family: roboto-bold;font-size: 15px;color: #fff;font-size: 15px;line-height: 1.5;padding-top: 8px;padding-bottom: 8px;background: #d60012;/* text-align: center; */margin-bottom: 0;text-transform: uppercase;padding-left: 15px;}
.box-list ul {list-style: none;border-top: 0;margin: 0;background: #fff;}
.box-list ul li {font-size: 15px;line-height: 1.5;padding-top: 8px;padding-bottom: 8px;text-overflow: ellipsis;overflow: hidden;position: relative;padding-left: 15px;background-color: #f5f3f4;padding-right: 15px;}
.box-list ul li a {display: block;/* white-space: nowrap; */font-family: roboto-regular;font-size: 15px;color: #000000;position: relative;}
.box-list ul li a:before {content: url(../images/box-list.png);/* margin: 0 10px; */position: absolute;right: 0;}
.box-list ul li a:hover{
  color: #df0000;
}
.box-list ul li + li{
    margin-top: 2px;
    border-top: 1px solid #ccc;
}
.box-list ul li:not(:last-child) { 
border-bottom: 1px solid #dfdfdf;
 }
.box-list + .box-list { margin-top: 30px; }
#block-left{
    width: 280px;
}
#block-main{
    width: 100%;
}
#banner{
  width: 630px;
}
#banner a{
  color: #d60012;
  font-family: roboto-black;
  font-size: 35px;
}
#header .addons{
  flex: 1 0 0;
  display:flex;
  font-family: roboto-regular;
  justify-content:flex-end;
  font-size: 14px;
}
.tailieu_item{
  background-color: #428c1b;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 5px 5px 0 0 #cde0d8;
  margin-bottom: 20px;
}
.tailieu_item .down{
  color: #fff;
}
.tailieu_item h3{
      flex: 1 0 0;
      padding-left: 15px;
      color: #FFF;
      font-family: roboto-medium;
      font-size: 15px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
}
.tailieu_item:hover h3 a{
  color: yellow;
}
.img_item + .img_item{
  margin-top: 5px;
}
.img_item .image{
  position:relative;
}
.img_item h3{
  position:absolute;
  color: #fff;
  z-index: 9999;
  left:0;
  top:0;
  font-family: roboto-regular;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: 0;
  background: #00000073;
  pointer-events:none;
}
.img_item:hover h3{
  opacity: 1;
  color: #fff!important;
  color: #fff;
}
#product_noibat{
  background: linear-gradient(to bottom,#fff,#f9f9f9);
  padding: 40px 0;
}
.i-image h3{
  font-size: 16px;
  color: #333;
  text-align:center;
  padding: 10px 0;
}
#menu.sticky{
  position:fixed;
  top:0;
  width: 100%;
  min-width: 1230px;
}

#khungchatn { position: fixed; width: 300px; height: 350px; top: 0; bottom: 0; right: 75px; margin: auto; z-index: 999999; background: #fff; border-radius: 10px; overflow: hidden; display: none; }
.icon-size { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.icon.icon-size:before {color: #169701;}
.right-fix-btn {font-size: 20px;width: 40px;height: 40px;color: #169701;border-radius: 50%;text-align: center;z-index: 99;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;box-shadow: 0px 0px 5px 5px #e8f4ff;background-color: #fff;}
@media (min-width: 1100px) { .right_fix { bottom: 185px; right: 20px; z-index: 999999999; position: fixed; }
  .btn-fixed { position: relative; width: 40px; height: 40px; margin-bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .ictbtn span.wrapper {display: flex;align-items: center;width: 40px;height: 40px;border-radius: 50%;background: #169701 !important;position: relative;justify-content: center;}
  .ictbtn span.wrapper img { vertical-align: middle; position: absolute; top: 0; left: 0; filter: invert(1) opacity(1); }
  .ictbtn span.wrapper .content { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
  .ictbtn span.wrapper .content.bg { background-color: #fff; }
  .icon:before { font-size: 20px; }
  .chat-facebook-fill {width: 60px;height: 60px;top: -10px;position: absolute;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: rgb(22 151 1 / 15%);opacity: .75;right: -10px;}
  .chat-facebook {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(2, 111, 164, 0.26);opacity: .1;border-color: #169701;opacity: .5;}
  .rp-label { display: none !important; } }
@media (max-width: 1100px) { .right_fix { position: fixed; width: 100%; z-index: 999999999999; bottom: 0; background-color: rgba(2, 111, 164, 0.9); display: flex; justify-content: space-around; }
  .right_fix .icon.icon-size:before { font-size: 28px; color: #FFF; }
  .right_fix img.icon-size { filter: invert(1); margin: 0 auto; }
  .rp-label { display: block; text-align: center; color: #fff; } }
  .back-to-top { width: 40px; height: 40px; }
.back-to-top svg { width: 40px; height: 40px; }
.back-to-top .icon { justify-content: center; }
.back-to-top .icon:before { color: #fff; font-size: 16px; }
.back-to-top { display: none; position: fixed; right: 20px; bottom: 75px; }
@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }
.grecaptcha-badge{
  display: none;
}