@charset "utf-8";
/* CSS Document */
img{max-width: 100%;}
.md-none{display: none !important;}
.md-block{display: block !important;}
.m0{margin: 0px;}.p0{padding: 0px !important;}.m-5{margin-left: -5px !important;margin-right: -5px !important;}.p5{padding-left: 5px;padding-right: 5px}.m-10{margin-left: -10px;margin-right: -10px}.p10{padding-left: 10px;padding-right: 10px}
body{font-family: 'Roboto', sans-serif;bottom: 0;position: relative;}
.pagination-page {text-align:center;}
.pagination-page > span, .pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000;}
.pagination-page  a:hover,
.pagination-page > span{background: #1f5892;color:#FFF;}
footer{font-size: 14px;color: #fff;padding-top: 20px;padding-bottom: 15px;background: #2988f3;background-repeat: repeat-x;background-size: cover;margin-top: 30px;}
footer .title-f{color: #ffffff;font-size: 18px;margin-top: 20px;margin-bottom: 20px;font-family: 'Roboto';text-transform: uppercase;position: relative;padding-bottom: 10px;margin-bottom: 15px;}
footer a{color: #ffffff;}
footer ul{list-style: none;padding: 0px;}
footer ul a{text-transform: initial;padding: 7px 0px;display: inline-block;font-size: 14px;}
footer ul a:before{content:"\f054";display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;font-size: 11px;margin-right: 7px;}
footer a:hover{text-decoration: none;color: #ffffff;}
.chantrang{color: #fff;font-size: 13px;background-color: #0a67cf;padding-top: 10px;padding-bottom: 10px;margin-top: 0;}
.chantrang a{color: #fff;}
.breadcrumb{border-bottom: none;background-color: transparent;padding: 0px;margin-bottom: 0px;padding-bottom: 0px;position: relative;text-align: center;margin-top: 22px;}
.breadcrumb>li a{color: #ffffff;font-size: 15px;text-transform: capitalize;}
.breadcrumb>li a:hover{color: #ffffff;text-decoration: none;}
#map iframe{height: 175px;}
.hc-nav-trigger.hc-nav-1{display: none !important;}
iframe{max-width: 100%;}
#slider{margin-bottom: 20px;}
.head-page{height: 300px;background-size: cover;position: relative;background-color: #ccc;/* margin-bottom: 40px; */background-position: center top;/* background-attachment: fixed; */background-repeat: no-repeat;padding-top: 120px;text-align: center;color: #fff;text-transform: uppercase;margin-bottom: 30px;}
.head-page:before{/* content:""; */position: absolute;width: 100%;left: 0;top: 0;height: 100%;background-color: rgb(217 217 217 / 34%);z-index: 0;}
.head-page .content{z-index: 10;position: absolute;top: 50%;transform: translateY(-50%);color: #fff;left: 0;right: 0;}
.head-page .content .title-page{text-transform: capitalize;font-weight: 600;font-size: 40px;margin: 0;margin-bottom: 10px;font-family: 'Roboto', sans-serif;color: #bf1e2e;text-align: left;/* padding-left: 15px; */padding-right: 15px;text-transform: uppercase;}
.breadcrumb>li+li:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;content: "\f178";}
.linkct{position: absolute;bottom: 0;display: inline-block;color: #4f4f4f;right: 0;font-size: 13px;}
.linkct:hover, .linkct:focus{text-decoration: none;color: #f60;}
.ngay-dang{color: #0368ff;font-size: 13px;}
.title-left{font-family: 'Roboto', sans-serif;text-transform: uppercase;font-size: 16px;font-weight: 600;background: url(../images/title-left.jpg) no-repeat center left;padding: 10px 9px;margin-bottom: 20px;background-size: cover;margin-top: 0;color: #fff;margin-bottom: 0;}
.box.category{/* border: 1px solid #ccc; */}
.box.category ul{list-style: none;padding: 0;margin-bottom: 20px;}
.box.category ul li a{font-family: 'Roboto', sans-serif;font-weight: 600;color: #424242;display: block;padding-top: 9px;padding-bottom: 10px;background: url(../images/icon_sp.png) no-repeat 10px center;padding-left: 29px;border-bottom: 1px dotted #ccc;}
.box.category ul li a:hover, .box.category ul li a:focus{color: #f60;text-decoration: none;}
.title-tin{font-size: 24px;/* margin-bottom: 20px; */font-family: 'Roboto', sans-serif;font-weight: 500;margin-top: 0;font-weight: 700;}
.hr-news{height: 6px;background-color: #dddddd;margin-top: 0px;margin-bottom: 30px;}
.big_img{}
.big_img a{height: 100%;display: block;overflow: hidden;}
.big_img img{}
.ten-sp{font-size: 20px;margin-top: 15px;text-transform: uppercase;/* margin-bottom: 4px; */font-weight: 600;}
.ma-sp{font-size: 14px;color: #000000;font-weight: 300;margin-left: 0;/* margin-left: 15px; */font-style: initial;margin-top: 13px;display: inline-block;}
.gia-ct{border-top: 1px dotted #ccc;margin-top: 10px;padding-top: 8px;border-bottom: 1px dotted #ccc;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;}
.gia-ct p{margin-bottom: 3px;}
.giamgia{background-color: #ff0000;position: absolute;left: 0;top: 0;z-index: 1000;padding: 4px 13px;color: #fff;}
.mota_sp{line-height: 24px;margin-bottom: 30px;border-top: 1px dotted #ccc;padding-top: 15px;}
.mota_sp ul{list-style: none;padding: 0;}
.btn-mua{background-color: #4f4f4f;color: #fff;padding: 13px 0px;font-size: 16px;text-transform: uppercase;border-radius: 0;width: 220px;max-width: 100%;display: inline-block;position: relative;top: -3px;margin-left: 5px;}
.btn-mua img{height: 36px;margin-right: 10px;}
.btn-mua span{font-weight: 600;position: relative;top: 2px;}
.btn-mua:hover, .btn-mua:focus, .btn-mua:active{color: #fff;outline: none !important;box-shadow: none;}
.hotline-dh{color: #ff6600;font-size: 18px;}
.box-gianhang{background-color: #fefadf;padding: 10px;border-radius: 6px;}
.box-gianhang ul{list-style: none;padding: -0;margin: 0;}
.box-gianhang ul a{background: url(../images/icon-check.png) no-repeat center left;background-size: 14px;padding-left: 19px;color: #000;display: inline-block;padding-top: 5px;padding-bottom: 5px;}
.title-lienhe{font-family: 'Roboto', sans-serif;font-size: 18px;text-transform: uppercase;font-weight: 600;color: #bf1e2e;margin-top: 0px;}
.table-giohang .name-pro{/* font-family: 'Roboto', sans-serif; */font-weight: 500;font-size: 18px;font-weight: 500;color: #c81b3e;}
.table-giohang .pro-cart{position: relative;}
.table-giohang .pro-cart strong{font-family: 'Roboto', sans-serif;display: inline-block;width: 100px;}
.table-giohang .txt_sl{border: none;background-color: #f1f0f0;padding: 5px;border-radius: 3px;box-shadow: inset 1px 1px 5px #d2cfcf;width: 70px !important;}
.table-giohang  .gia-cart{color: red;font-weight: 600;}
.xoa_giohang{position: absolute;right: 0;top: 0;background-color: transparent;display: inline-block;padding: 3px 13px;color: red;font-size: 17px;}
.table-giohang .tongtien{font-family: 'Barlow Semi Condensed', sans-serif;font-size: 18px;font-weight: 500;text-transform: uppercase;}
.table-giohang .tongtieng-cart{font-weight: 600;color: red;text-transform: initial;font-family: 'Roboto', sans-serif;}
.btn-login{background-color: #c81b3e;/* font-family: 'Roboto', sans-serif; */font-weight: 600;padding: 7px 30px;font-size: 16px;text-transform: uppercase;color: #fff;}
.page-login{background-color: #fff;box-shadow: 1px 1px 6px 1px #5d575747;border-radius: 5px;position: relative;padding: 15px;}
.br-xam{background-color: #f1f1f1;/* margin-top: 30px; */padding-top: 30px;padding-bottom: 20px;padding-left: 15px;padding-right: 15px;}
.page-login h2{text-align: center;font-size: 20px;text-transform: uppercase;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;margin-top: 5px;}
.btn-giamgia{background-color: #00a85a; color: #fff;}
.lab-thanhtoan{display: block;}
.lab-thanhtoan img{height: 27px;margin-left: 10px;}
.lab-thanhtoan span{font-size: 13px;color: #3c3b3b;}
.thanhtoan{padding-left: 30px;font-size: 13px;display: none;}
.thanhtoansub{padding-left: 20px;}
.btn-xacnhan{margin-bottom: 15px;background-color: #00a85a;color: #fff;}
.btn-huy{margin-bottom: 15px;background-color: red;color: #fff;}
.tinlienquan{list-style: none;padding: 0;}
.tinlienquan a{color: #000;display: inline-block;margin-bottom: 10px;}
.chitiettin{margin-bottom: 30px;}
.chitiettin img, .chitiet_sp  img{height: auto !important;max-width: 100% !important;}
.item-dv-right{margin-bottom: 15px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.item-dv-right .img_dv{display: block;border-radius: 50%;overflow: hidden;box-shadow: 1px 1px 10px 1px #6a6969a1;border: 2px solid #fff;}
.item-dv-right .img_dv img{width: 100%;height: 100%;object-fit: cover;}
.item-dv-right  .content-dv{position: relative;}
.item-dv-right  .content-dv .content{top: 50%;transform: translateY(-50%);position: absolute;color: #5c5c5c;font-size: 13.5px;}
.item-dv-right h4{font-size: 14px;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
.item-dv-right h4 a{color: #c81b3e;}
.item-dv-right h4 a:hover{color: #c81b3e;}
.item-dv-right:last-child{border-bottom: none;}
.item-news-right{margin-bottom: 15px;}
.item-news-right .img_dv{display: block;}
.item-news-right .img_dv img{width: 100%;height: 100%;object-fit: cover;}
.item-news-right .content-news{
}
.item-news-right .content{}
.item-news-right .content h4{margin-top: 0;font-size: 13px;margin-bottom: 5px;}
.item-news-right .content h4 a{color: #000;}
.item-news-right .content h4 a:hover{color: #c81b3e;}
.item-news-right .content p{margin-bottom: 0;font-size: 13px;margin-top: 5px;color: #5a5656;}
.item-news-right .content .p-date{font-size: 12px;color: #c81b3e;}
.img-news-de{height: 300px;width: 100%;object-fit: cover;margin-bottom: 10px;margin-top: 30px;}
.ngaydang{}
.ngaydang a{color: #4f4f4f;}
.ngaydang i{color: #4f4f4f;}
.ngaydang .p-date{margin-left: 15px;}
figure.snip1321 {
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #000000;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
figure.snip1321 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
figure.snip1321 img {
  width: 100%;
  vertical-align: top;
  height: 100%;
  object-fit: cover;
}
figure.snip1321 figcaption {
  top: 50%;
  left: 10%;
  right: 10%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  height: 60%;
}
figure.snip1321 figcaption:before{content:"";position: absolute;border: 1px solid #f3f3f3;top: 15px;left: 15px;bottom: 15px;right: 15px;z-index: 1;}
figure.snip1321 h2,
figure.snip1321 h4 {
  margin: 0;
}
figure.snip1321 h2 {
  font-weight: 600;
}
figure.snip1321 h4 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
}
figure.snip1321 i {
  font-size: 32px;
}
figure.snip1321:after {
  background-color: #bf1e2e;
  position: absolute;
  content: "";
  display: block;
  top: 20%;
  left: 10%;
  right: 10%;
  bottom: 20%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
figure.snip1321 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1321:hover:after,
figure.snip1321.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
.navbar-nav>li.giohang{
}
.navbar-nav>li.giohang a{position: relative;line-height: 17px;padding-top: 15px;padding-bottom: 15px;}
.navbar-nav>li.giohang a:after{content:"";display: block;clear: both;}
.navbar-nav>li.giohang img{float: left;margin-right: 11px;margin-top: 2px;}
.navbar-nav>li.giohang span{font-size: 13px;float: left;}
.navbar-nav>li.giohang span.num{position: absolute;left: 44px;background-color: #ffd618;color: #000;font-size: 13px;padding: 0px 4px;border-radius: 10px;line-height: 17px;}
.slide-danhmuc{background-color: #f3f3f3;padding-top: 10px;padding-bottom: 10px;}
.title-danhmuc{font-family: 'Roboto';text-transform: uppercase;font-size: 16px;background-color: #535353;padding: 7px 15px;color: #fff;}
.text-trang{color: #fff;}
footer .title-f:before{/* content:""; *//* width: 60px; *//* height: 3px; *//* background-color: #fff; *//* position: absolute; *//* bottom: 0; */}
header{
    background-color: #ffffff;
position: relative;padding-bottom: 50px;}
#slider_danhmuc{overflow:hidden;}
.form-search-right{position: relative;}
.form-search-right input{box-shadow: none;border-radius: 0;border: navajowhite;border-bottom: 1px solid #eee;font-size: 13px;height: 45px;outline: none;}
.form-search-right .btn-search{position: absolute;right: 0;top: 0;bottom: 0;background-color: transparent;color: #ccc;background: url(../images/search_1.png) no-repeat center;background-size: 15px;width: 50px;outline: none;}
.widget-title{font-size: 20px;text-transform: uppercase;font-weight: 600;margin-top: 30px;position: relative;padding-top: 5px;padding-bottom: 10px;margin-bottom: 15px;}
.widget-title:before{/* content:""; *//* height: 100%; *//* position: absolute; *//* left: -15px; *//* width: 3px; *//* background-color: #999; *//* top: 0; */}
.widget-title span{}
.widget-title span:before{content:"";position: absolute;width: 50px;height: 1px;background-color: #2988f3;bottom: 0px;left: 0;}
.widget-title span:after{content:"";position: absolute;width: 33px;height: 1px;background-color: #2988f3;/* transform: skewX(-45deg); */bottom: -4px;left: 0;}
.dich_vu_right{list-style: none;padding: 0;}
.dich_vu_right li a{display: block;position: relative;padding: 10px 20px;color: #212121cc;}
.dich_vu_right li a:before{content:"\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);color: #dc2d13;}
.news-left{margin-bottom: 10px;border-bottom: 1px dotted #d0d0d0;padding-bottom: 10px;}
.news-left .img{display: block;height: 85px;}
.news-left .img img{width: 100%;height: 100%;object-fit: cover;}
.news-left h4{font-size: 15px;margin-top: 0;line-height: 17px;margin-bottom: 5px;}
.news-left h4 a{color: #313131;}
.news-left h4 a:hover{color: #dc2d13;}
.news-left p{margin-bottom: 0;line-height: 17px;font-size: 14px;color: #616060;}
.item-new{background-color: #fff;margin-bottom: 30px;padding-bottom: 20px;}
.item-new .img-news{position: relative;}
.item-new .img-news .link-cate{position: absolute;top: 25px;left: 30px;transition: all 0.3s;box-shadow: 5px 0 0 0 #2988f3;color: #222;background-color: #ffffff;/* transform: skewX(-17deg); */padding: 6px 16px;overflow: hidden;z-index: 1;}
.item-new .img{display: block;height: 307px;}
.item-new .img img{width: 100%;height: 100%;object-fit: cover;}
.link-cate:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #2988f3;}
.link-cate span{display: block;/* transform: skewX(17deg); */font-family: 'Roboto';font-weight: 500;text-transform: uppercase;}
.link-cate:hover>span{color: #fff;}
.link-cate:hover:after{height: 350%;opacity: 1;}
.head-news{margin-top: 20px;border-left: 4px solid #2988f3;padding-left: 20px;padding-right: 20px;margin-bottom: 20px;}
.head-news h4{margin-top: 0;font-family: 'Roboto';text-transform: uppercase;font-weight: 700;margin-bottom: 6px;font-size: 16px;}
.head-news h4 a{color: #2988f3;}
.head-news h4 a:hover{
}
.head-news .ngaydang{color: #615d5d;font-style: italic;font-size: 13px;}
.item-new .mota{padding-left: 20px;padding-right: 20px;margin-bottom: 20px;color: #6c6a6a;}
.f-news{padding-left: 20px;padding-right: 20px;}
.wrap-post-btn{display: inline-block;padding-right: 7px;border-left: 1px solid #eee;overflow: hidden;}
.wrap-post-btn .post-btn{display: block;padding: 8px 15px 8px 15px;font-size: 12px;font-weight: 500;color: #2988f3;vertical-align: top;border: 1px solid #2988f3;background-color: #fff;text-transform: uppercase;font-family: 'Roboto';overflow: hidden;border-radius: 4px;position: relative;}
.wrap-post-btn .post-btn span{display: block;/* transform: skewX(-22deg); */font-family: 'Roboto';}
.wrap-post-btn .post-btn:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;/* transform: translateX(-50%) translateY(-50%) rotate(45deg); */background-color: #67bf4b;}
.wrap-post-btn .post-btn:hover{background-color: #2988f3;}
.wrap-post-btn .post-btn:hover span{color: #ffffff;}
.wrap-post-btn .post-btn:hover:after{height: 350%;opacity: 1;}
.wrap-social-block{display: inline-block;/* width: 190px; */margin-top: 29px;margin-left: -13px;padding-left: 8px;vertical-align: top;overflow: hidden;margin-top: 0;margin-bottom: 0px;float: right;}
.social-block{display: block;padding: 9px 0 9px;/* background-color: #383737; */}
.social-block__inner{display: block;/* margin-left: 27px; */text-align: right;}
.social-block__title{display: inline-block;font-size: 13px;font-weight: 500;color: #292525;vertical-align: middle;}
.social-block__list{padding-left: 0;list-style: none;display: inline-block;margin-bottom: 0;margin-left: 5px;vertical-align: middle;}
.social-block__list li{display: inline-block;padding-left: 5px;padding-right: 5px;}
.social-block__list li a{font-size: 14px;color: #2988f3;transition: all 0.3s;}
.social-block__list li a:hover{color: #da332a;}
.item-new:hover{/* background: url(../images/texture-1.gif); */box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.br-trang{background-color: #ffff;padding: 15px;margin-bottom: 30px;}
.filter-button{font-size: 16px;border: 1px solid #bf1e2e;border-radius: 5px;text-align: center;color: #bf1e2e;margin-bottom: 30px;padding: 5px 20px;margin-left: 5px;background-color: transparent;}
.filter-button:hover{background-color: #bf1e2e;color: #fff;border: 1px solid #bf1e2e;}
.btn-default:active .filter-button:active{background-color: #42B32F;color: white;}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 20px;}
.nav-tab{text-align: center;margin-top: 30px;}
.filter-button:focus{color: #ffffff;background-color: #bf1e2e;}
.gallery_product a{display: block;height: 270px;}
.news-chitiet:hover{box-shadow: none;}
.logo{padding-top: 10px;display: inline-block;padding-bottom: 10px;}
.logo img{max-height: 100px;}
.lienhe-head{margin-top: 15px;margin-bottom: 13px;}
.lienhe-head span{display: inline-block;margin-left: 20px;}
.lienhe-head span i{display: inline-block;margin-right: 5px;}
.list-why{position: relative;}
.br-why{position: absolute;left: 0;right: 0;margin: 0px auto;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;}
.line-ngang{height: 20px;background: url(../images/icon-line.png) no-repeat center;position: relative;margin-top: 20px;margin-bottom: 20px;}
.line-ngang:before{content:"";position: absolute;border-bottom: 1px solid #ccc;width: 100%;top: 50%;transform: translateY(-50%);}
.item-product{background-color: #fff;padding: 0;margin-bottom: 20px;padding-bottom: 15px;margin-top: 10px;transition: all 0.2s linear;}
.item-product:hover img{transform: scale(1.2);}
.item-product .ma-sp{margin-bottom: 5px;margin-top: 0;font-weight: 500;padding-top: 10px;padding-left: 10px;}
.item-product .img_product{}
.item-product .img{display: block;padding: 5px 10px;display: flex;
  justify-content: center;
  align-items: center;overflow: hidden;}
.item-product .img img{max-width: 100%;max-height: 100%;object-fit: cover;transition: all 0.2s linear;margin: 0px auto;}
.item-product h3{text-align: left;font-size: 14px;margin-top: 15px;margin-left: 15px;margin-right: 15px;font-weight: 400;line-height: 18px;}
.item-product h3 a{color: #222222;}
.gia-item{text-align: center;}
.gia-item strong{color: #fc0303;font-size: 15px;}
.gia-item i{font-size: 14px;text-decoration: line-through;color: #848484;}
.item-new-home{position: relative;margin-bottom: 30px;}
.item-new-home>a{display: block;}
.item-new-home>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-new-home .news-f{position: absolute;bottom: 0;left: 0;right: 0;padding: 15px;padding-top: 30px;background-color: #00000000;background: -moz-linear-gradient(top,#00000000 30%,#0b0b0bcc 70%);background: -o-linear-gradient(top,#00000000 30%,#0b0b0bcc 70%);background: -ms-linear-gradient(top,#cc0000 30%,#0b0b0bcc 70%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3,#00000000),color-stop(0.7,#0b0b0bcc));}
.item-new-home .news-f h3{font-size: 16px;font-family: 'googleSansB';line-height: 20px;}
.item-new-home .news-f h3>a{color: #fff;}
.item-new-home .news-f>a{color: #fff;}
.item-new-home .news-f>a:hover{color: #bf1f2f;}
.lienhe-home{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 50px;padding-bottom: 50px;}

#form-contact .form-control{ box-shadow: none; border-radius: 0; border-color: #eee;}
.btn-send-contact{background-color: #2988f3;color: #fff;}
.big-img-new{width: 100%;height: 350px;object-fit: cover;margin-bottom: 30px;}
.title-tin{}
.chitietbaivie{position: relative;padding-left: 115px;}
.thongtinchitiet{position: absolute;left: 0;top: 0;width: 100px;text-align: center;}
.thongtinchitiet .p-date{background-color: #606060;color: #ffff;text-align: center;padding-top: 10px;padding-bottom: 5px;font-weight: 400;width: 100%;display: block;margin-bottom: 20px;}
.thongtinchitiet .p-date strong{display: block;font-size: 24px;font-weight: 400;border-top: 1px solid #ccc;margin-top: 6px;padding-top: 6px;margin-left: 6px;margin-right: 5px;}
.thongtinchitiet .danhmuc{display: block;margin-bottom: 15px;color: #6a6969;border-bottom: 1px solid #2e2e2e;padding-bottom: 15px;}
.thongtinchitiet .danhmuc a{display: block;font-family: 'GoogleSansR';font-weight: 500;color: #000;font-size: 20px;}
.thongtinchitiet .chiase{
}
.thongtinchitiet .chiase a{display: block;width: 35px;height: 35px;margin: 0px auto;background-color: #606060;color: #fff;margin-bottom: 10px;line-height: 35px;border-radius: 3px;transition: all 0.2s linear;}
.thongtinchitiet .chiase a:hover{background-color: #000;}
.title-lienquan{text-align: center;font-family: 'Playfair Display', serif;font-size: 30px;color: #000;margin-top: 30px;margin-bottom: 30px;padding-bottom: 30px;background: url(../images/br-title.png) no-repeat center bottom;}
.big_img{/* height: 500px !important; */padding: 5px;}
.big_img a{display: block;padding: 0;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.big_img a img{max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 10px;}
.item-thumb{padding-left: 10px;padding-right: 10px;}
.slide-sp{margin-left: -10px;margin-right: -10px;margin-top: 20px;}
.item-thumb a{height: 80px;display: block;border-radius: 5px;overflow: hidden;border: 1px solid #eee;padding: 0;}
.item-thumb a img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.ten-sp{}
.mota_sp{color: #232222;margin-bottom: 15px;padding-bottom: 0;padding-top: 0;padding-top: 10px;}
.ma-sp{/* color: #fff; */}
.ma-sp strong{color: #dd1414;}
.gia-ct{/* color: #fff; */font-size: 18px;border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 10px;}
.content-gia{font-size: 20px;color: red;}
.content-gia.giacu{/* font-family: 'Roboto'; */font-size: 18px;color: #c1bfbf;margin-left: 20px;text-decoration: line-through;font-weight: 400;}
.quantity{margin-right: 15px;}
.quantity .qty{height: 50px;width: 60px;padding: 15px;border: none;float: left;text-align: center;font-family: 'Roboto';color: #000;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.quantity .eltd-quantity-minus{height: 50px;background-color: #ffffff;width: 30px;float: left;border-radius: 0;text-align: center;line-height: 50px;border: 1px solid #cccc;border-right: 1px solid #ccc;color: #000;}
.quantity .eltd-quantity-plus{height: 50px;background-color: #fff;width: 30px;float: left;text-align: center;border-radius: 0;line-height: 50px;border: 1px solid #ccc;border-left: 1px solid #ccc;color: #000;}
.btn-mua{height: 50px;padding-left: 20px;padding-right: 20px;background-color: #67bf4b;border-radius: 5px;font-size: 16px;text-transform: uppercase;color: #fff;margin-right: 10px;font-weight: 600;}
.form-dathang{margin-bottom: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 15px;}
.quantity .qty:focus{outline: none;}
.loai_sp_ct{color: #000;/* border-bottom: 1px dotted #ccc; */padding-bottom: 15px;margin-bottom: 0;line-height: 30px;}
.loai_sp_ct a{margin-left: 8px;color: #010101;}
.chiase-p{
}
.chiase-p a{display: inline-block;background-color: #e6e7e7;color: #000;margin-top: -1px;width: 29px;height: 30px;text-align: center;line-height: 30px;border-radius: 3px;margin-left: 5px;transition: all 0.2s linear;}
.chiase-p a:hover{color: #fff;background-color: #2988f3;}
.btn-tuvan{background-color: #2988f3;color: #fff;padding: 10px 25px;font-size: 16px;text-transform: uppercase;font-weight: 500;}
.btn-zalo{background-color: #fdc20f;color: #000;padding: 10px 25px;font-family: 'Roboto';font-size: 16px;text-transform: uppercase;font-weight: 700;}
.btn-tuvan:hover, .btn-tuvan:focus{color: #fff;}

.iframe-content iframe{height: 170px;}
.mxh-f{
}
.mxh-f a{width: 30px;height: 30px;display: inline-block;background-color: #fff;color: #4e7459;text-align: center;line-height: 30px;font-size: 17px;border-radius: 50%;margin-left: 10px;}
.bread_home{text-align: center;margin-bottom: 30px;padding-bottom: 30px;padding-top: 30px;background-size: cover;background-position: center;position: relative;}
.bread_home .title{font-family: 'Robotob';text-transform: uppercase;color: #da332a;position: relative;text-shadow: 1px 1px 3px #3d3a3ac2;font-size: 50px;}
.bread_home:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff8c;}
.news-chitiet .title{font-size: 20px;color: #000000;text-transform: uppercase;}
.navbar-nav>li:nth-child(1){/* margin-left: -25px; */}
.hotline{float: left;background: url(../images/icon-phone.png) no-repeat center left;/* background-size: 30px; */padding-left: 39px;padding-top: 5px;padding-bottom: 5px;margin-right: 30px;margin-top: 15px;}
.hotline strong{font-size: 16px;color: red;}
.thanhvien{float: left;background: url(../images/icon-user.png) no-repeat center left;background-size: auto;padding-top: 16px;padding-bottom: 16px;padding-left: 44px;margin-top: 15px;}
.thanhvien a{color: #000;font-weight: 400;}
.btn-search{position: absolute;right: 0px;top: 0;bottom: 0;background-color: transparent;border-radius: 50%;color: #ffae0b;}
.nav>li{padding-top: 15px;padding-bottom: 15px;}
.navbar-nav>li.active{position: relative;}
.navbar-nav>li.active:before{content:"";position: absolute;top: -10px;bottom: -30px;left: -7px;background: url(../images/icon-active.png) no-repeat center top;background-size: contain;right: 0;}
.main-menu{position: absolute;left: 0;right: 0;bottom: -40px;}
.sub-nav{position: relative;}
.sub-nav>ul{position: absolute;top: 0;left: 100%;background-color: #2988f3;width: 100%;list-style: none;padding: 0;display: none;}
.sub-nav>ul>li>a{color: #fff;display: block;padding: 10px 15px;text-transform: uppercase;border-bottom: 1px solid #5b9eea;}
.sub-nav:hover>ul{display: block;}
.sub-nav>ul>li>a:hover{background-color: #fff;color: #000000;}
.sub-nav .caret{position: absolute;top: 17px;right: 15px;}
.content-home{padding-top: 30px;padding-bottom: 30px;}
.banenr{display: block;margin-bottom: 20px;}
.banenr img{width: 100%;object-fit: cover;}
.baner1 img{height: 250px;object-fit: cover;}
.item-content{text-align: center;padding: 30px;background-position: center;background-size: cover;margin-bottom: 20px;}
.item-content .title{text-transform: uppercase;color: #ffff;margin-top: 0;margin-bottom: 30px;}
.item-content .content{color: #fff;font-size: 15px;line-height: 24px;font-weight: 300;margin-bottom: 20px;}
.item-content .btn-content{background-color: #f68f23;padding: 12px 25px;display: inline-block;text-transform: uppercase;color: #fff;font-weight: 600;border-radius: 5px;}
.item-content .content a{color: #f68f23;text-decoration: revert;}
.baner2 img{height: 600px;}
.baner3 img{height: 290px;}
.baner4 img{height: 290px;}
.video{height: 480px;background-size: cover;background-position: center;position: relative;}
.video .play{position: absolute;width: 100px;height: 100px;background-color: #fff;border-radius: 50%;top: 10%;margin: 0px auto;left: 0;right: 0;box-shadow: 1px 1px 10px 1px #747474;}
.video .play:before{content:"";width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 30px solid #f68f23;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-left: 5px;}
.video .play:after{content:"";}
.video .content{position: absolute;width: 30%;text-align: center;top: 40%;left: 0;right: 0;margin: 0px auto;font-size: 22px;font-weight: 500;color: #fff;}
.why{margin-top: -70px;margin-bottom: 50px;}
.item-why{background-color: #2988f3;padding: 20px;border-radius: 7px;box-shadow: -15px 15px rgb(137 137 137 / 50%);margin-left: 10px;margin-bottom: 20px;text-align: center;color: #fff;}
.item-why .img{}
.item-why .img img{height: 45px;}
.item-why .title{text-transform: uppercase;font-size: 16px;color: #fff;margin-bottom: 15px;}
.item-why .content{}
.dangkytin{padding-top: 50px;padding-bottom: 50px;font-size: 16px;color: #fff;line-height: 28px;margin-bottom: -30px;}
.form-dkemail{position: relative;}
.form-dkemail input{height: 60px;border-radius: 50px;border: none;padding-left: 30px;color: #000;}
.form-dkemail .btn-dkemail{position: absolute;top: 4px;right: 4px;bottom: 4px;border-radius: 50px;background-color: #ffae0b;width: 128px;text-transform: uppercase;font-weight: 600;font-size: 18px;color: #fff;}
.gioithieu{background-size: contain;background-position: top right;background-repeat: no-repeat;padding-top: 100px;padding-bottom: 50px;}
.gioithieu .img{margin-left: 20px;}
.gioithieu .img img{width: 100%;margin-top: 20px;box-shadow: -20px -20px #c5c5c5;/* margin-left: 20px; */height: 450px;object-fit: cover;}
.gioithieu .title{text-transform: uppercase;color: #2988f3;margin-bottom: 35px;padding-bottom: 7px;position: relative;}
.gioithieu .title:before{content:"";width: 120px;position: absolute;height: 3px;background-color: #2988f3;bottom: 0;}
.gioithieu .content{line-height: 24px;color: #0e4291;}
.tamnhin{padding-top: 100px;padding-bottom: 100px;background-size: cover;background-position: center;}
.item-tamnhin{background-color: #2988f3;padding: 30px;text-align: center;background-position: center;background-repeat: no-repeat;background-size: auto;}
.item-tamnhin .title{text-transform: uppercase;margin-bottom: 30px;margin-top: 30px;color: #fff;font-weight: 700;font-size: 30px;}
.item-tamnhin .content{color: #fff;line-height: 24px;margin-bottom: 20px;}
.tamnhin .col-sm-4:nth-child(2) .item-tamnhin{background-color: #f28300;}
.vanhoa{background-position: center right;background-repeat: no-repeat;background-size: contain;padding-top: 100px;padding-bottom: 100px;}
.img-vanhoa{background: url(../images/br-tron.png) no-repeat center right;width: 85%;top: 50%;
  transform: translateY(-50%);position: absolute;margin-top: -15px;}
.img-vanhoa .img{position: relative;}
.img-vanhoa .img img{width: 270px;height: 270px;border-radius: 50%;}
.img-vanhoa .img .title{
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width: 100%;text-align: center;color: #fff;text-transform: uppercase;font-size: 34px;padding-left: 15px;padding-right: 15px;font-weight: 700;}
.item-vanhoa{padding-left: 120px;position: relative;min-height: 100px;margin-bottom: 15px;padding-bottom: 10px;margin-top: 30px;}
.item-vanhoa .num{position: absolute;left: 0;background-color: #4095f4;width: 100px;height: 100px;border-radius: 50%;display: flex;justify-content: center;align-items: center;/* top: 50%; */
  /* transform: translateY(-50%); */}
.item-vanhoa .num span{color: #4095f4;position: relative;font-size: 50px;font-weight: 600;}
.item-vanhoa .num:before{content:"";position: absolute;top: 7px;left: 7px;right: 7px;bottom: 7px;background-color: #fff;border-radius: 50%;box-shadow: -1px -2px 3px 1px #1a3d65;}
.item-vanhoa .title{color: #152a69;font-weight: 600;padding-top: 16px;font-size: 20px;}
.item-vanhoa .content{color: #2f2f2f;font-size: 15px;line-height: 22px;}
.item-vanhoa:nth-child(2){margin-left: 25px;}
.item-vanhoa:nth-child(2) .num{background-color: #f89520;}
.item-vanhoa:nth-child(2) .num:before{box-shadow: -1px -2px 3px 1px #b1660e;}
.item-vanhoa:nth-child(2) .title{color: #f89520;}
.hoatdong{padding-top: 100px;padding-bottom: 100px;background-size: cover;background-position: center;}
.hoatdong .title-hoatdong{color: #fff;text-align: center;text-transform: uppercase;font-size: 54px;font-weight: 500;margin-top: 30px;margin-bottom: 30px;}
.hoatdong .text-hoatdong{color: #fff;opacity: 0.4;font-weight: 700;font-size: 170px;text-align: center;line-height: 144px;}
.item-hoatdong{margin-bottom: 30px;}
.item-hoatdong img{width: 100%;height: 300px;object-fit: cover;}
.slide-sp-top{margin-top: 20px;margin-bottom: 20px;}
.title-product{margin-bottom: 30px;margin-top: 20px;font-size: 16px;}
.title-product span.name-pro{display: inline-block;padding: 10px 10px 10px 20px;background-color: #2988f3;position: relative;text-transform: uppercase;color: #fff;margin-right: 70px;font-size: 16px;height: 43px;}
.title-product span.name-pro:after{content:"";width: 0;
 height: 0;
 border-bottom: 43px solid #2988f3;
 border-right: 43px solid transparent;position: absolute;top: 0;left: 100%;}
.title-product a{display: inline-block;padding-left: 15px;padding-right: 15px;text-transform: uppercase;color: #4e4b4b;font-weight: 500;font-size: 14px;border-right: 1px solid #5f5f5f;line-height: 15px;}
.title-product a:last-child{border: none;}
.btn-xemthem{display: inline-block;border: 1px solid #2988f3;font-weight: 500;padding: 8px 30px;margin-bottom: 30px;}
.btn-xemthem:hover{background-color: #2988f3;color: #fff;}
.head-user{margin-bottom: 30px;border-bottom: 1px dashed #1f4e78;padding-bottom: 10px;}
.head-user .img{display: inline-block;width: 50px;height: 50px;float: left;margin-right: 8px;}
.head-user .img img{
}
.head-user .content{padding-top: 10px;float: left;}
.head-user:after{content:"";display: block;clear: both;}
.head-user .content strong{
}
.head-user .content span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-user{
}
.nav-user ul{list-style: none;padding: 0;}
.nav-user ul li{
}
.nav-user ul li a{display: block;padding: 15px 0px;border-bottom: 1px solid #e3e3e3;font-size: 14px;font-weight: 500;color: #404040;}
.nav-user ul li a i{width: 25px;height: 25px;border: 1px solid;border-radius: 50%;font-size: 13px;text-align: center;line-height: 25px;color: #04537d;margin-right: 3px;}
.nav-user ul li:last-child a{border: none;}
.nav-user ul li a:hover{color: #1f4e78;text-decoration: revert;}
.title-user{border-bottom: 1px dashed #2988f3;position: relative;margin-bottom: 30px;}
.title-user span{font-size: 16px;text-transform: uppercase;color: #2988f3;font-weight: 600;background-color: #fff;display: inline-block;padding-bottom: 4px;bottom: -8px;position: relative;padding-right: 10px;}
.form-dk{}
.form-dk .form-group{margin-bottom: 29px;position: relative;}
.form-dk input, .form-dk select{box-shadow: none;border-radius: 3px;height: 37px;border: 1px solid #ddd;padding-left: 20px;padding-right: 30px;outline: none;background-color: #ffffff;}
.form-dk textarea{box-shadow: none;border: 1px solid #e0e0e0;border-radius: 20px;height: 100px;padding: 15px 20px;outline: none;}
.form-dk button.btn{background-color: #2988f3;padding: 8px 50px;border-radius: 5px;text-transform: uppercase;margin-top: 10px;font-weight: 600;color: #fff;}
label.error{font-size: 13px;color: red;font-weight: 400;position: absolute;right: 20px;left: 15px;font-style: italic;margin-top: 3px;} 
.swal-title{font-size: 17px;font-weight: 600;text-shadow: none;color: #000;margin-bottom: 20px;text-transform: uppercase;}
.text-login{text-align: center;margin-bottom: 30px;font-weight: 500;}
.text-login a{color: #1f4e78;text-decoration: revert;}
.item-baogia{text-align: center;margin-bottom: 30px;}
.item-baogia img{width: 100%;height: 280px;object-fit: cover;border: 1px solid #ccc;}
.item-baogia h3{font-size: 15px;font-weight: 500;line-height: 22px;color: #333;}
.item-baogia a{display: inline-block;padding: 7px 20px;background-color: #2988f3;color: #fff;text-transform: uppercase;font-size: 14px;border-radius: 7px;}
.item-baogia a:hover{}
.ten_congty{    font-size: 28px;text-align: center;font-weight: 700;color: #2a317d;margin-top: 34px;}
.navbar-default .navbar-nav>li>a.giohang{
	padding-right: 0;
    width: auto;
}
.navbar-default .navbar-nav>li>a.giohang .glyphicon {
	color: #fff;
    font-size: 15px;
}
.navbar-form{
	margin-top: 6px;
    margin-bottom: 0;
}
.item-product .gia{text-align: center;}
.item-product .gia strong{color: red;}
.item-product .gia i{
	text-decoration: line-through;
    display: block;
    color: #646464;
}
.item-product:hover{box-shadow: 1px 1px 10px 1px #ccc;}
.cart_extra {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.quantity {
	border: 1px solid #ccc;
	margin-right: 10px;
	border-radius: 50px;
	display: inline-block;
	vertical-align: middle;
}
.quantity .minus, .quantity .plus {
	display: block;
	float: left;
	border-radius: 50px;
	cursor: pointer;
	border: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	line-height: 36px;
	text-align: center;
	font-size: 20px;
	margin: 4px;
}
.quantity .qty {
	float: left;
	width: 55px;
	height: 40px;
	border: 0;
	background-color: transparent;
	text-align: center;
	padding: 0;
}
.quantity .minus:hover, .quantity .plus:hover {
	background-color: #ce4846;
	color: #fff;
}
.btn-addtocart{background-color: #2988f3 !important;border: none;border-radius: 21px;padding: 10px 30px;color: #fff;text-transform: uppercase;}