@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:Poppins;
    src:url("../fonts/SVN-POPPINS REGULAR.TTF") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:GoogleSansB;
    src:url("../fonts/GoogleSans-Bold.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:GoogleSansR;
    src:url("../fonts/GoogleSans-Regular.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
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: 'Poppins', sans-serif;bottom: 0;position: relative;}
.pagination-page {text-align:center;margin-bottom: 20px;}
.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: #80a828;color:#FFF;}
.ls-inner .ls-wrapper > .slide-title span{color: #80a828;}
.fix-left{position: fixed;width: 80px;height: 100%;z-index: 1000;padding-left: 10px;padding-right: 10px;background-color: rgb(44 45 50 / 75%);}
.fix-left .logo{margin-top: 15px;margin-bottom: 35px;}
.btn-menu{background-color: transparent;border: none;color: #fff;padding: 0;/* width: 100%; */text-align: left;}
.btn-menu .text{text-transform: uppercase;margin-top: 20px;display: block;outline: none;}
.menu{text-align: center;}
.btn-menu .dai{width: 40px;height: 2px;display: block;background-color: #80a828;margin-bottom: 10px;}
.btn-menu .ngan{width: 25px;height: 2px;display: block;background-color: #80a828;}
.btn-menu:active,.btn-menu:focus, .btn-menu:hover, .clcik-full:focus{outline: none;}
.clcik-full{width: 80px;position: absolute;left: 0;bottom: 0;height: 80px;font-size: 28px;background-color: #80a828;color: #fff;border: none;}
.tool-link{margin-top: 70px;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
.tool-link>span{display: block;width: 1px;height: 30px;background-color: #828386;margin: 0px auto;}
.tool-link>a{display: block;text-align: center;width: 35px;height: 35px;margin: 0px auto;background-color: #2c2d32;margin-top: 10px;line-height: 35px;color: #838487;border: 1px solid #838487;transition: all 0.2s linear;}
.tool-link>a:hover{color: #fff;border-color: #fff;background-color: #292929;}
.tool-link>a.lang{}
.tool-link>a.lang span{font-family: 'Roboto Condensed', sans-serif;font-size: 12px;font-weight: 600;}
.nav-fixbottom{position: fixed;bottom: 0;left: 80px;height: 80px;z-index: 1000;right: 0;background-color: #000000;transition: all 0.1s linear;}
.nav-fixbottom ul{
}
.nav-fixbottom ul li{float: left;}
.nav-fixbottom ul li a{padding: 30px 20px;transition: all 0.2s linear;}
.main-body{padding-left: 80px;}
.gioithieu{padding-top: 50px;padding-bottom: 50px;}
.gioithieu .img-gioithieu{margin-top: 25px;}
.gioithieu .content-gioithieu{margin-bottom: 30px;}
.gioithieu .content-gioithieu .title-congty{
}
.gioithieu .content-gioithieu .title{font-family: 'GoogleSansB';font-size: 32px;margin-bottom: 30px;}
.gioithieu .content-gioithieu .title span{display: block;color: #80a828;}
.gioithieu .content-gioithieu .content{color: #565656;text-align: justify;line-height: 25px;}
.gioithieu .list-tamnhin{
}
.list-tamnhin .item-tamnhin{background-size: auto;background-repeat: no-repeat;background-position: left top;padding-left: 70px;margin-bottom: 20px;}
.list-tamnhin .item-tamnhin p{margin-bottom: 5px;}
.list-tamnhin .item-tamnhin p strong{font-family: 'GoogleSansB';font-size: 18px;color: #000;}
.thongtin-lienhe{background-size: 50%;background-repeat: no-repeat;background-position: right center;background-color: #2a2a2e;color: #fff;padding-top: 130px;padding-bottom: 130px;}
.thongtin-lienhe .title{margin-top: 0;font-family: 'GoogleSansB';text-transform: uppercase;margin-bottom: 40px;font-size: 36px;} 
.thongtin-lienhe .title span{
    color: #80a828;
}
.thongtin-lienhe .content{
}
.list-solieu{margin-top: 50px;}
.list-solieu .item-solieu{
}
.item-solieu strong{font-family: 'GoogleSansB';text-transform: uppercase;font-size: 36px;display: block;margin-bottom: 10px;}
.item-solieu p{
}
li .item-sukien {
  perspective: 400px;
  overflow: hidden;
}
.item-sukien .info {
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
  pointer-events: none;
  background-color: rgb(42 42 46);
  color: #fff;
}
.item-sukien.in-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

.item-sukien.in-right .info {
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}
.item-sukien.in-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}
.item-sukien.in-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}

.item-sukien.out-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
    animation: out-top 300ms ease 0ms 1 forwards;
}

.item-sukien.out-right .info {
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
  animation: out-right 300ms ease 0ms 1 forwards;
}

.item-sukien.out-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
    animation: out-left 300ms ease 0ms 1 forwards;
}
@-webkit-keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 105deg);
  }
}
@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 105deg);
  }
}
@-webkit-keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 110deg);
  }
}
@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 110deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 105deg);
  }
}
@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 105deg);
  }
}
@-webkit-keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 110deg);
  }
}
@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 110deg);
  }
}
.list-sukien{list-style: none;padding: 0;}
.sukien{padding-top: 50px;padding-bottom: 30px;}
.sukien .title{margin-top: 0;font-family: 'GoogleSansB';text-transform: uppercase;margin-bottom: 30px;font-size: 36px;}
.sukien .title span{color: #80a828;}
.sukien .mota{margin-bottom: 30px;width: 70%;}
.item-sukien{margin-bottom: 20px;} 
.item-sukien .normal{display: block;height: 210px;} 
.item-sukien .normal img{width: 100%;height: 100%;object-fit: cover;} 
.item-sukien .info{
}
.item-sukien .info h3{font-size: 14px;margin-top: 0;color: #80a828;font-family: 'GoogleSansB';text-transform: uppercase;line-height: 20px;position: relative;padding-bottom: 7px;margin-bottom: 15px;text-align: center;}
.item-sukien .info h3:after{content:"";position: absolute;width: 100px;border-top: 1px solid #0c0b0b;bottom: 0;border-bottom: 1px solid #48484d;left: 0;right: 0;margin: 0px auto;}
.item-sukien .info p{font-size: 13px;text-align: center;}
.video{background-color: #2a2a2e;color: #fff;padding-top: 75px;padding-bottom: 75px;}
.img_video{display: block;border-radius: 20px;border: 5px solid #55692b;position: relative;}
.img_video:before{content:"";width: 90px;height: 90px;position: absolute;background: url(../images/icon-play.png) no-repeat center;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;}
.img_video img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.content_video{position: absolute;top: 50%;transform: translateY(-50%);}
.content_video .title{margin-top: 0;font-family: 'GoogleSansB';text-transform: uppercase;margin-bottom: 30px;line-height: 38px;}
.content_video .content{margin-bottom: 30px;}
.content_video .btn-youtube{display: inline-block;text-transform: uppercase;background-color: #80a828;color: #fff;padding: 15px 30px;border-radius: 5px;border: 1px solid #80a828;transition: all 0.2s linear;}
.content_video .btn-youtube:hover{background-color: #232324;}
.col-text{position: relative;}
.thietbi{padding-top: 100px;padding-bottom: 0px;}
.thietbi .title{font-family: 'GoogleSansB';text-transform: capitalize;font-size: 26px;margin-top: 40px;margin-bottom: 20px;}
.thietbi .mota{
}
.item-thietbi{
    margin-bottom: 80px;
}
.item-thietbi a{display: block;position: relative;height: 210px;transition: all 0.2s linear;border: 2px solid transparent;}
.item-thietbi a img{width: 100%;height: 100%;object-fit: cover;}
.item-thietbi a span{position: absolute;left: -20px;background-color: #80a828;color: #fff;width: 80%;padding: 10px 20px;top: 30%;transition: all 0.2s linear;}
.item-thietbi a:hover{
    border: 2px solid #80a828;
} 
.item-thietbi a:hover span{top: 10%;left: -10px;}
.item-thietbi span:before{content:"";width: 0;height: 0;border-bottom: 14px solid #546e1a;border-left: 10px solid transparent;position: absolute;top: -14px;left: 0;opacity: 0;transition: all 0.2s 0.1s linear;}
.item-thietbi a:hover after:before{content:"";}
.item-thietbi a:hover span:before{opacity: 1;}
.nhansu{background-color: #f7f7f7;padding-top: 100px;}
.nhansu .title{font-family: 'GoogleSansB';text-transform: capitalize;font-size: 26px;margin-top: 40px;margin-bottom: 20px;}
.khach-hang{padding-top: 50px;padding-bottom: 50px;}
.khach-hang .title{margin-top: 0;font-family: 'GoogleSansB';text-transform: uppercase;margin-bottom: 30px;font-size: 36px;}
.khach-hang .title span{color: #80a828;}
.khach-hang .mota{width: 60%;margin-bottom: 50px;}
.item-khachhang{
}
.item-khachhang .content{background-color: #f5f5f5;padding: 10px 15px;margin-bottom: 30px;border-radius: 10px;position: relative;}
.item-khachhang .content:before{content:"";width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid whitesmoke;position: absolute;top: 100%;left: 32px;}
.item-khachhang .img-kh{display: block;border-radius: 50%;padding: 5px;border: 1px solid #ccc;}
.item-khachhang .img-kh img{border-radius: 50%;width: 100%;height: 100%;object-fit: cover;}
.item-khachhang .tt-kh{position: absolute;top: 50%;transform: translateY(-50%);}
.item-khachhang .tt-kh span{
}
.item-khachhang .tt-kh p{font-family: 'GoogleSansB';margin-bottom: 0;font-size: 16px;}
.content-khachhang{padding-top: 40px;margin-bottom: 80px;}
.slide-kh .slick-prev{left: 15px;top: -35px;background-color: #f5f5f5;color: #000;padding: 2px 20px;height: auto;width: auto;border: 1px solid #dfdfdf;}
.slide-kh .slick-next{left: 90px;top: -35px;background-color: #f5f5f5;color: #000;padding: 2px 20px;height: auto;width: auto;border: 1px solid #dfdfdf;}
.slide-kh .slick-prev:before, .slide-kh .slick-next:before{color: #000;font-size: 17px;opacity: 1 !IMPORTANT;line-height: inherit;}
.item-doitac{display: block;height: 150px;width: 100%;background-color: #f9f9f9;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;border: 1px solid #eee;padding: 10px;}
.item-doitac img{max-width: 100%;max-height: 100%;border: 1px solid #eae9e9;}
footer{background-color: #000000;padding-top: 0;padding-bottom: 30px;min-height: 500px;position: relative;}
.title-footer{transform: rotate(-90deg);color: rgb(255 255 255 / 20%);font-size: 55px;position: absolute;white-space: nowrap;top: 199px;right: -48px;padding-bottom: 15px;}
.title-footer:before{content:"";position: absolute;width: 180px;height: 1px;background-color: rgb(255 255 255 / 20%);bottom: 0px;left: 30px;}
.top-f{height: 270px;}
.btn-tuvan{background-color: #35353a;width: 330px;color: #fff;padding: 15px 20px;text-transform: uppercase;color: #fff;/* margin-top: 30px; */position: absolute;top: 50%;transform: translateY(-50%);}
.btn-tuvan .line{display: inline-block;width: 50px;height: 2px;background-color: #80a828;position: relative;top: -3px;margin-right: 30px;}
.btn-tuvan .text{
}
.content-f{color: #fff;}
.content-f h4{text-transform: uppercase;color: #fff;font-size: 14px;border-bottom: 1px dashed #80a828;padding-bottom: 15px;margin-bottom: 30px;}
.content-f .noidung{
}
.dk-email{margin-top: 15px;position: relative;}
.dk-email input{background-color: #1a1a1a;height: 45px;border: none;}
.dk-email .btn-dangky{position: absolute;right: 0;top: 0;bottom: 0;border-radius: 0px 5px 5px 0px;border: none;background-color: #80a828;padding-left: 40px;padding-right: 40px;text-transform: uppercase;color: #fff;}
.cotnent-top-f{height: 200px;position: relative;margin-right: -15px;overflow: hidden;}
.dk-sdt{position: absolute;top: 50%;transform: translateY(-50%);left: 30px;right: 30px;opacity: 0;transition: all 0.2s linear;margin-top: 0;}
.dk-sdt input{}
.btn-hotro{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0px auto;height: 45px;background-color: #80a828;border: none;color: #fff;text-transform: uppercase;padding-left: 40px;padding-right: 40px;border-radius: 5px;transition: all 0.2s linear;}
.dk-sdt.show-btn{
    opacity: initial;
}
.btn-hotro.hide-btn{left: auto;opacity: 0;right: 30px;z-index: -1;}
.dk-email input:focus{box-shadow: none;}
.sukiendatochuc{background-color: #2a2a2e;padding-top: 50px;padding-bottom: 50px;position: relative;}
.sukiendatochuc:before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #31313191;z-index: 5;}
.item-sk{
}
.item-sk .ct-sukien{position: absolute;bottom: 20px;/* transform: translateY(-50%); */left: 15px;right: 15px;}
.item-sk .ct-sukien h4{font-size: 38px;color: #ffffffab;text-transform: uppercase;font-family: 'GoogleSansB';margin-bottom: 30px;margin-top: 0;}
.item-sk .ct-sukien .content{color: #fff;margin-bottom: 30px;line-height: 24px;text-align: justify;}
.item-sk .ct-sukien .btn-link{display: inline-block;background-color: #80a828;color: #fff;padding: 11px 40px;text-transform: uppercase;border-radius: 5px;font-family: 'GoogleSansB';}
.item-sk .tt_sukien{background-color: #35353a;padding-bottom: 70px;}
.item-sk .tt_sukien .zoom{position: absolute;width: 60px;height: 60px;background-color: #3b3b40;right: 15px;top: 0;background: url(../images/search_xanh.png) no-repeat center #3b3b40;background-size: 15px;}
.item-sk .tt_sukien .img{display: block;height: 210px;}
.item-sk .tt_sukien .img img{width: 100%;height: 100%;object-fit: cover;}
.item-sk .tt_sukien .title-sk{padding-left: 65px;padding-right: 10px;margin-top: 14px;/* padding-bottom: 20px; */position: relative;min-height: 60px;}
.item-sk .tt_sukien .title-sk .line{position: absolute;width: 35px;border-top: 1px solid #80a828;left: 15px;top: 50%;transform: translateY(-50%);}
.item-sk .tt_sukien .title-sk .text{font-family: 'GoogleSansB';color: #c1c1c3;text-transform: uppercase;letter-spacing: 2px;font-size: 13px;}
.item-sk .tt_sukien:after{content:"";position: absolute;bottom: 0;right: 15px;width: 40%;height: 50px;background-color: #3b3b40;}
.slider-single{position: relative;z-index: 10;}
.slider-nav{margin-left: -15px;margin-right: -15px;}
.item-sk-nho{padding-left: 15px;padding-right: 15px;}
.img-sk-nho{display: block;height: 160px;padding-left: 30px;padding-right: 30px;}
.img-sk-nho img{width: 100%;height: 100%;object-fit: cover;}
.slide-nho{position: absolute;left: 15px;right: 15px;top: 14px;z-index: 0;}
.head-page{height: 400px;position: relative;}
.head-page .content{position: absolute;top: 50%;transform: translateY(-50%);margin: 0px auto;left: 0;right: 0;z-index: 10;}
.head-page .content .title-page{font-family: GoogleSansB;text-transform: uppercase;margin: 0;margin-bottom: 30px;font-size: 38px;color: #fff;}
.breadcrumb a{padding: 10px 16px;display: inline-block;color: #ffff;text-transform: uppercase;font-family: GoogleSansR;font-size: 13px;transition: all 0.2s linear;}
.head-page:before{content:"";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #03030378;}
.breadcrumb:after{content:"";position: absolute;width: 20px;height: 2px;background-color: #80a828;top: 50%;transform: translateY(-50%);}
.img-news-de{height: 300px;width: 100%;object-fit: cover;}
.title-tin{font-family: 'GoogleSansB';text-transform: uppercase;font-size: 22px;margin-bottom: 30px;padding-left: 30px;position: relative;}
.main-page{margin-top: 50px;min-height: 300px;}
.item-product{margin-bottom: 30px;}
.item-product .img_product{background-color: #f6f6f6;position: relative;border-radius: 5px;padding: 10px;border: 1px solid #e4e4e4;}
.item-product .img_product a{display: block;height: 220px;overflow: hidden;}
.item-product .img_product a img{width: 100%;height: 100%;object-fit: cover;transition: all 0.2s linear;}
.item-product .img_product .sale{position: absolute;right: -10px;top: 10px;background-color: #80a828;display: inline-block;padding: 6px 20px;color: #fff;}
.item-product h3{font-size: 16px;font-family: 'Poppins';text-transform: uppercase;margin-bottom: 15px;}
.title-tin:before{content:"";position: absolute;bottom: 5px;height: 3px;width: 25px;background-color: #80a828;left: 0;}
.item-product h3 a{color: #80a828;transition: color 0.2s linear;}
.item-product h3 a:hover{color: #80a828;}
.item-product .gia-item{font-family: 'GoogleSansB';}
.item-product .gia-item strong{font-size: 16px;}
.item-product .gia-item i{text-decoration: line-through;color: #9a9898;display: inline-block;margin-left: 10px;font-size: 13px;font-family: 'GoogleSansR';}
.item-product .btn-muahang{display: inline-block;background-color: #80a828;padding: 8px 0px;color: #fff;margin-top: 10px;font-size: 13px;transition: all 0.2s linear;position: relative;border: 2px solid #80a828;}
.item-product .btn-muahang:hover{background-color: #35353a;}
.item-product .img_product .sale:before{content:"";position: absolute;width: 0;height: 0;border-top: 10px solid #608119;border-right: 10px solid transparent;top: 100%;right: 0;}
.item-product .btn-muahang:before{content:"";height: 2px;width: 34px;position: absolute;background-color: #fff;left: 10px;top: 50%;transform: translateY(-50%);}
.item-product .btn-muahang span{background-color: #80a828;position: relative;padding-left: 15px;padding-right: 15px;transition: all 0.2s linear;}
.item-product .btn-muahang:hover:before{
}
.item-product .btn-muahang:hover span{margin-left: 30px;padding-left: 5px;background-color: #35353a;}
.item-product:hover .img_product a img{transform: scale(1.2);}
.ten-sp{font-size: 20px;font-family: 'GoogleSansB';text-transform: uppercase;margin-top: 0px;margin-bottom: 30px;}
.gia-ct{font-family: 'Roboto Condensed', sans-serif;}
.gia-ct .title-gia{font-weight: 700;font-size: 18px;}
.gia-ct .content-gia{font-size: 22px;font-weight: 600;color: #80a828;}
.mota_sp{border-bottom: 1px dashed #e2e1e1;margin-bottom: 20px;padding-bottom: 10px;border-top: 1px dashed #e2e1e1;padding-top: 15px;}
.quantity{display: inline-block;position: relative;padding-right: 25px;}
.quantity .eltd-quantity-input{padding: 12px;width: 100px;border: 1px solid #dddc;text-align: center;font-size: 18px;}
.quantity .eltd-quantity-input:focus{outline: none;}
.quantity-control{position: absolute;width: 25px;height: 100%;}
.quantity-control .eltd-quantity-plus{position: absolute;height: 50%;top: 0;text-align: center;width: 25px;border: 1px solid #dddc;cursor: pointer;}
.quantity-control .eltd-quantity-minus{position: absolute;height: 50%;bottom: 0;text-align: center;width: 25px;border: 1px solid #dddc;border-left: none;border-top: none;cursor: pointer;}
.form-dathang{margin-bottom: 30px;}
.btn-mua{margin-left: 11px;background-color: #80a828;height: 50px;position: relative;top: -3px;text-transform: uppercase;font-family: 'GoogleSansB';color: #fff;border-radius: 0;padding-left: 30px;padding-right: 30px;}
.ma-sp strong{color: #80a828;}
.item-thumb{padding-left: 5px;padding-right: 5px;}
.thumb-item{display: block;padding: 5px;border: 1px solid #e5e5e5;height: 90px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.thumb-item img{max-height: 100%;max-width: 100%;}
.big_img{
}
.big_img a{display: flex;justify-content: center;align-items: center;height: 100%;}
.big_img img{max-height: 100%;max-width: 100%;}
.gia-ct .content-gia.giacu{font-size: 16px;font-weight: 400;color: #626060;text-decoration: line-through;margin-left: 30px;float: right;font-style: italic;}
.title-sp span{display: inline-block;padding: 10px 30px;border: 0px solid #80a828;background-color: #80a828;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;color: #fff;}
.title-sp{margin-top: 30px;margin-bottom: 30px;position: relative;padding-left: 40px;}
.title-sp:before{content:"";position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 2px;background-color: #80a828;left: 0;}
.block-right{background: #f4f4f4;padding-left: 10px;padding-right: 10px;padding-bottom: 30px;}
.search{
}
.nav-form{padding-top: 15px;position: relative;}
.nav-form .nav-input{width: 100%;height: 42px;padding-left: 15px;padding-right: 30px;border: 1px solid #ece8e8;font-size: 13px;}
.nav-form .btn-search{background: url(../images/search_xanh.png) no-repeat center;background-size: 15px;right: 0;position: absolute;top: 15px;bottom: 0;width: 50px;}
.nav-form .nav-input:focus{outline: none;border-color: #80a828;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(128 168 40 / 60%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(128 168 40 / 60%);}
.item-news-right{margin-bottom: 20px;border-bottom: 1px dotted #cdcdcd;padding-bottom: 15px;}
.item-news-right .normal{display: block;height: 180px;}
.item-news-right .normal img{width: 100%;height: 100%;object-fit: cover;}
.item-news-right .info{
}
.item-news-right .info h3{font-family: 'GoogleSansB';text-transform: uppercase;font-size: 14px;line-height: 18px;color: #80a828;}
.item-news-right .info h3 a{
}
.item-news-right .info h3 a:hover{color: #2c2d32;}
.item-news-right .info p{}
.btn-chitiet{position: relative;margin-top: 8px;display: inline-block;}
.btn-chitiet span{display: inline-block;background-color: #80a828;color: #fff;padding: 5px 15px;font-size: 13px;text-transform: uppercase;border: 2px solid #80a828;margin-left: 0;transition: all 0.2s linear;}
.btn-chitiet:after{content:"";position: absolute;top: 50%;transform: translateY(-50%);width: 25px;left: 111px;background-color: #80a828;height: 2px;}
.btn-chitiet:hover span{background-color: #35353a;}
.item-news-right:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.breadcrumb a:hover{background-color: #2c2d32;}
.email-fix{position: fixed;top: 0;right: 0;z-index: 10000;width: 80px;height: 80px;background-color: #80a828;color: #fff;font-size: 28px;text-align: center;line-height: 80px;}
.mav-fix-left{position: absolute;top: 0;left: 100%;height: 100vh;overflow: auto;width: 300px;background-color: rgb(44 45 50 / 90%);padding-top: 100px;padding-bottom: 80px;transition: all 0.2s linear;transform: rotate3d(1, 0, 0, 
90deg
);}
.mav-fix-left:before{content:"";position: absolute;height: 100%;background-color: #535358;top: 0;border-left: 1px solid #56565c;border-right: 1px solid #3c3c3f;}
.nav-left{list-style: none;padding: 0;}
.nav-left li{
}
.nav-left>li>a{text-transform: uppercase;font-size: 15px;}
.nav-left li a{display: block;padding: 11px 20px;color: #fff;}
.nav-left li ul{list-style: none;padding: 0;}
.nav-left li ul li{position: relative;}
.nav-left li ul li a{padding-left: 45px;position: relative;}
.nav-left li ul li a:before{content:"";position: absolute;width: 20px;height: 2px;background-color: #80a828;left: 20px;bottom: 16px;}
.nav-left>li>a:hover{background-color: rgb(128 168 40 / 80%);}
.mav-fix-left::-webkit-scrollbar {
    width: 6px;
    background-color: rgb(44 45 50 / 0.8);
} 
.nav-left>li>a:hover{background-color: rgb(128 168 40 / 80%);}
.mav-fix-left::-webkit-scrollbar-thumb {
    background-color: #2c2d32;
}
.mav-fix-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #2c2d3270;
}
.nav-left li ul li a:hover{color: #80a828;}
.nav-left>li:hover>a{background-color: rgb(128 168 40 / 80%);}
.mav-fix-left.in-left{
    transform-origin: 0% 0%;
    -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}
.slide-main{height: 100vh;}
.particular {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav-fixbottom ul li.active a{
	text-decoration: none;
    background-color: #80a828;
}
.fa-zalo{
	display: block;
    height: 100%;
    background: url(../images/icon-zalo-zam.png) no-repeat center;
    background-size: 75%;
}
.tool-link>a:hover .fa-zalo{
	background: url(../images/icon-zalo-trang.png) no-repeat center;
	background-size: 75%;
}