@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-ThinItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; 
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-BlackItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Black.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face { 
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Bold.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-BoldItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-ExtraBold.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-ExtraLight.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Italic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-ExtraLightItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Light.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-LightItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-MediumItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Medium.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Regular.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-SemiBold.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-SemiBoldItalic.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Be";
  src: url("../fonts/be/BeVietnamPro-Thin.woff2") format("woff2"), url("../fonts/be/BeVietnamPro-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-ThinItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Bold.woff2") format("woff2"), url("../fonts/barlow/Barlow-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-BlackItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Black.woff2") format("woff2"), url("../fonts/barlow/Barlow-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-ExtraBold.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-ExtraLightItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-BoldItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-ExtraLight.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Italic.woff2") format("woff2"), url("../fonts/barlow/Barlow-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-MediumItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-LightItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Medium.woff2") format("woff2"), url("../fonts/barlow/Barlow-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Light.woff2") format("woff2"), url("../fonts/barlow/Barlow-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-SemiBold.woff2") format("woff2"), url("../fonts/barlow/Barlow-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-SemiBoldItalic.woff2") format("woff2"), url("../fonts/barlow/Barlow-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Regular.woff2") format("woff2"), url("../fonts/barlow/Barlow-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow/Barlow-Thin.woff2") format("woff2"), url("../fonts/barlow/Barlow-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/UTMBebas.woff2') format('woff2'),
        url('../fonts/UTMBebas.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'iCiel';
    src: url('../fonts/KokomoBreeze-Regular.woff2') format('woff2'),
        url('../fonts/KokomoBreeze-Regular.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/*======================================== config =================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

p {
  margin: 0px;
}

a {
  text-decoration: none;
  color: #2e3750;
  transition: 0.3s all !important;
}

a:hover,
a:focus {
  text-decoration: none;
}

input {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.img-fluid {
  max-width: 100%;
}

.w-100 {
  width: 100%;
}

.pt-0 {
  padding-top: 0 !important;
}

@media (min-width: 1024px) {
  html {
    overflow-x: hidden;
  }
}
html.opened {
  overflow: hidden;
}

body {
  max-width: 100%;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Be";
  background: #fff;
  color: #000000;
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none !important;
}

textarea {
  font-family: Be;
}

/*======================================== end config =================================*/
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (max-width: 1600px) {
  .container {
    max-width: 100%;
    padding: 0 80px;
  }
}
@media (max-width: 1280px) {
  .container {
    padding: 0 60px;
  }
}
@media (max-width: 1023px) {
  .container {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 20px;
  }
}

footer {
  font-size: 13px;
  background: #fff;
}
footer ul {
  list-style: none;
}

.list-fter-top {
  text-transform: capitalize;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 0.5px solid #000000;
}
.list-fter-top .row {
  margin: 0 -20px;
}
.list-fter-top .row .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 20px;
}
.list-fter-top .desc {
  margin-bottom: 20px;
}

.head-fter {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 22px;
}

.hotline-fter {
  display: flex;
}
@media (max-width: 1023px) {
  .hotline-fter {
    display: block;
  }
}
.hotline-fter span {
  margin-right: 12px;
  font-weight: bold;
}
.hotline-fter a {
  color: #D0021C;
  font-weight: bold;
}
.hotline-fter a label {
  font-weight: normal;
  color: #000000;
}

.item-showroom {
  margin-bottom: 16px;
}
.item-showroom:last-child {
  margin-bottom: 0;
}
.item-showroom h4 {
  margin-bottom: 4px;
}
.item-showroom ul li {
  margin-bottom: 6px;
}
.item-showroom ul li:last-child {
  margin-bottom: 0;
}

.item-fter {
  height: 100%;
}
.item-fter img {
  max-width: 100%;
  max-height: 100%;
}
.item-fter .bcthuong {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.item-fter .h-fter {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.footer-top {
  padding: 32px 0 0 0;
}

.footer-bot {
  padding: 0 0 24px 0;
}
.footer-bot .row {
  margin: 0 -20px;
}
.footer-bot .row > div {
  padding: 0 20px;
}
.footer-bot .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.footer-bot .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.footer-bot .item-fter {
  height: auto;
  margin-bottom: 32px;
}
.footer-bot .item-fter:last-child {
  margin-bottom: 0;
}
.footer-bot .item-fter .h-fter {
  margin-bottom: 16px;
}
.footer-bot .social ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.footer-bot .social ul li {
  margin-right: 12px;
}
.footer-bot .social ul li:last-child {
  margin-right: 0;
}
.footer-bot .social a {
  background: #000000;
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 100%;
}

.link-fter {
  text-transform: capitalize;
}
.link-fter ul li {
  margin-bottom: 6px;
}
.link-fter ul li:last-child {
  margin-bottom: 0;
}

.list-woo ul {
  display: flex;
}
.list-woo ul li {
  margin-right: 6px;
}
.list-woo ul li:last-child {
  margin-right: 0;
}

.copyright p {
  padding: 12px 0;
  font-size: 12px;
  font-weight: 300;
  border-top: 0.5px solid #000000;
}

header {
  background: #1D5342;
  font-size: 13px;
}
@media (max-width: 1440px) {
  header {
    font-size: 12px;
  }
}
@media (max-width: 1280px) {
  header {
    font-size: 10px;
  }
}
header a {
  color: #fff;
}
@media (max-width: 1440px) {
  header .container {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  header .container {
    padding: 0 20px;
  }
  header.active {
      opacity: 0;
      pointer-events: none;
  }
}

@media (max-width: 1023px) {
  .header-pc {
    display: none;
  }
}

.h-menu > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.h-menu > ul li {
  margin: 0 10px 0 0;
  position: relative;
}
.h-menu > ul li:last-child {
  margin: 0;
}
.h-menu > ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
.h-menu > ul li .icon-menu {
  margin-right: 4px;
}
.h-menu > ul li .arr-menu {
  margin-left: 4px;
}
.h-menu > ul li:hover .sub-menu {
  opacity: 1;
  pointer-events: unset;
}

.sub-menu {
  position: absolute;
  z-index: 2;
  text-align: left;
  background: #1D5342;
  width: 180px;
  left: 0;
  top: 51px;
  transition: 0.3s all !important;
  pointer-events: none;
  opacity: 0;
}
.sub-menu ul {
  list-style: none;
}
.sub-menu ul li {
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2117647059);
}
.sub-menu ul li a {
  justify-content: flex-start;
  padding: 12px 16px;
}

.head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-top ul {
  list-style: none;
  display: flex;
  align-items: center;
}

.head-right-top {
  font-weight: 300;
  text-transform: capitalize;
}
.head-right-top ul li {
  margin-right: 12px;
  border-right: 1px solid #fff;
  padding-right: 12px;
  line-height: 1;
}
.head-right-top ul li:last-child {
  margin-right: 0;
  border: 0;
  padding-right: 0;
}

.head-cta ul li {
  margin-right: 12px;
}
.head-cta ul li:last-child {
  margin-right: 0;
}
.head-cta a {
  background: #317D66;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 15px;
}
.head-cta a img {
  margin-right: 6px;
}

@media (max-width: 1023px) {
  .search-head {
    padding: 6px 0;
  }
}
@media (max-width: 767px) {
  .search-head {
    padding: 4px 0;
  }
}
.search-head .frm-search {
  height: 36px;
  position: relative;
  background: red;
  width: 440px;
  overflow: hidden;
  border-radius: 40px;
}
@media (max-width: 1023px) {
  .search-head .frm-search {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .search-head .frm-search {
    height: 30px;
  }
}
.search-head .txt_search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 16px 0 55px;
  border: 0;
  outline: none;
}
.search-head .txt_search::placeholder {
  color: #C4C4C4;
}
.search-head button {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
}
.search-head button:after {
  content: "";
  height: 60%;
  width: 0.5px;
  top: 20%;
  right: 0;
  background: #1B5F4A;
  position: absolute;
}

.head-logo {
  padding: 12px 0 0 0;
}

.header-mobile {
  display: none;
  font-size: 12px;
}
@media (max-width: 1023px) {
  .header-mobile {
    display: block;
  }
}

.mobile-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-top ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-top ul li {
  margin-right: 4px;
}
.mobile-top ul li:last-child {
  margin-right: 0;
}

.cta-mobiltop a {
  display: flex;
  height: 30px;
  align-items: center;
  padding: 0 10px;
  background: #317D66;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .cta-mobiltop a {
    height: 22px;
    font-size: 9px;
    padding: 0 5px;
  }
}
.cta-mobiltop a img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}
@media (max-width: 767px) {
  .cta-mobiltop a img {
    margin-right: 4px;
  }
}

.btn-bar {
  display: inline-flex;
  align-items: center;
}
.btn-bar a {
  display: inline-flex;
  align-items: center;
}

.mobile-top {
  padding: 8px 0 0 0;
}
.mobile-top .logo img {
  height: 45px;
}

.list-menu-bot {
  padding: 12px 0;
}
@media (max-width: 767px) {
  .list-menu-bot {
    padding: 8px 0;
    font-size: 8px;
  }
}
.list-menu-bot ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.list-menu-bot ul li {
  margin-right: 25px;
}
.list-menu-bot ul li:last-child {
  margin: 0;
}

.close-menu-mm {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.close-menu-mm a {
  display: inline-flex;
  align-items: center;
}

.mm-mobile {
  background: #fff;
  padding: 20px;
  display: none;
  position: fixed;
  z-index: 1003;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: 0.4s all !important;
}
@media (max-width: 1023px) {
  .mm-mobile {
    display: block;
  }
}
.mm-mobile.opened {
  left: 0;
}

.mm-ul ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}
.mm-ul ul li {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 2px;
}
.mm-ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #000000;
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  padding: 8px 6px;
  border: 0.5px solid #949494;
  border-radius: 2px;
}

.mm-blog {
  border-top: 0.5px solid #CCCCCC;
  margin-top: 17px;
}
.mm-blog ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.5px solid #CCCCCC;
}
.mm-blog ul li {
  flex: 0 0 50%;
  max-width: 50%;
  border-bottom: 0.5px solid #CCCCCC;
  padding: 8px 0;
}
.mm-blog ul li:last-child {
  border-bottom: 0;
}
.mm-blog a {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

.mm-hotline p {
  padding: 8px 0;
  border-bottom: 0.5px solid #CCCCCC;
}
.mm-hotline p a {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
}
.mm-hotline ul {
  list-style: none;
}
.mm-hotline ul li {
  padding: 6px 0;
  font-size: 12px;
  border-bottom: 0.5px solid #CCCCCC;
}
.mm-hotline ul li span {
  margin-left: 6px;
}
.mm-hotline ul li a {
  color: #D0021C;
  display: inline-flex;
  font-size: 12px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .fter-pc {
    display: none;
  }
}

.fter-mobile {
  display: none;
  padding: 22px 0 0 0;
}
@media (max-width: 767px) {
  .fter-mobile {
    display: block;
  }
}

.mb-hotline {
  font-size: 12px;
}
.mb-hotline p {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 0.5px solid #CCCCCC;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.mb-hotline ul li {
  border-bottom: 0.5px solid #CCCCCC;
  padding: 4px 0;
}
.mb-hotline ul li a {
  display: inline-flex;
  color: #D0021C;
  font-weight: bold;
}
.mb-hotline ul li a span {
  color: #000000;
  font-weight: normal;
  margin-left: 6px;
}

.item-mb-link {
  font-size: 10px;
  border-bottom: 0.5px solid #CCCCCC;
  padding: 4px 0;
}
.item-mb-link h5 {
  color: #5B8EDC;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0;
}
.item-mb-link ul {
  margin-top: 6px;
   display: none;  
}
.item-mb-link ul li {
  margin-bottom: 6px;
}
.item-mb-link ul li:last-child {
  margin-bottom: 0;
}
.item-mb-link .social ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 2px 0;
}
.item-mb-link .social ul li {
  margin: 0 6px 0 0;
}
.item-mb-link .social ul li:last-child {
  margin: 0;
}
.item-mb-link .social a {
  display: flex;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #000000;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.item-mb-link .social a img {
  max-height: 100%;
}

.mb-tmdt {
  padding: 6px 0;
  border-bottom: 0.5px solid #CCCCCC;
}
.mb-tmdt p {
  font-size: 12px;
  font-weight: bold;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.mb-tmdt ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -2px;
}
.mb-tmdt ul li {
  padding: 2px;
}

.bct-mb {
  padding: 8px 0;
  font-size: 6px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.bct-mb .icon {
  flex: 0 0 105px;
  margin-right: 12px;
}

.info-company {
  font-size: 10px;
  text-transform: uppercase;
  background: #F3F3F3;
  padding: 12px 20px;
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
}
.info-company h2 {
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 4px;
}

.modal-regis .content-modal {
  padding: 0;
  max-width: 920px !important;
}
@media (max-width: 1023px) {
  .modal-regis .content-modal {
    max-width: 700px !important;
  }
}
.modal-regis .modal-buy {
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.modal-regis .content-modal-detail, .modal-regis .modal-buy {
  padding: 0;
}
.modal-regis .content-modal-detail .close-modal, .modal-regis .modal-buy .close-modal {
  top: -20px;
  right: -20px;
}
@media (max-width: 767px) {
  .modal-regis .content-modal-detail .close-modal, .modal-regis .modal-buy .close-modal {
    top: -15px;
    right: -10px;
  }
  .modal-regis .content-modal-detail .close-modal a, .modal-regis .modal-buy .close-modal a {
    width: 32px;
    height: 32px;
  }
  .modal-regis .content-modal-detail .close-modal a img, .modal-regis .modal-buy .close-modal a img {
    width: 10px;
  }
}
.modal-regis .avarta-modal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
  flex: 0 0 50%;
}
@media (max-width: 767px) {
  .modal-regis .avarta-modal {
    display: none;
  }
}

.info-regis {
  padding: 35px;
}
@media (max-width: 767px) {
  .info-regis {
    padding: 16px;
  }
}
.info-regis h5 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .info-regis h5 {
    margin-bottom: 12px;
    font-size: 12px;
  }
}
.info-regis .t-form-regis {
  font-size: 32px;
  font-weight: 600;
  line-height: initial;
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .info-regis .t-form-regis {
    font-size: 18px;
    margin-bottom: 12px;
  }
}

.frm-regis .item {
  margin-bottom: 8px;
}
.frm-regis .item:last-child {
  margin-bottom: 0;
}
.frm-regis .item .txt_field {
  width: 100%;
  padding: 0 16px;
  font-size: 12px;
  height: 47px;
  border-radius: 5px;
  border: 0.5px solid rgba(148, 148, 148, 0.5);
}
.frm-regis .item .txt_field::placeholder {
  color: #949494;
}
.frm-regis .item .btn_field {
  cursor: pointer;
  height: 47px;
  font-size: 18px;
  font-weight: bold;
  background: #F67941;
  border-radius: 5px;
  color: #fff;
  border: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .frm-regis .item .btn_field {
    font-size: 14px;
  }
}

.countDown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.countDown .item-time {
  margin-right: 22px;
  position: relative;
}
.countDown .item-time:after {
  content: ":";
  position: absolute;
  top: 0;
  right: -17px;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.countDown .item-time:last-child {
  margin-right: 0;
}
.countDown .item-time:last-child:after {
  display: none;
}
.countDown .item-time .a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #D0021C;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  font-size: 26px;
  font-weight: bold;
}

.slick-slide img {
  display: inline;
}

.text-center {
  text-align: center !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.btn-main a {
  background: #FFFFFF;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 58px;
  min-width: 200px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 0 28px;
}
@media (max-width: 1023px) {
  .btn-main a {
    height: 45px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .btn-main a {
    height: 30px;
    font-size: 10px;
    min-width: unset;
  }
}
.btn-main a svg {
  margin-left: 8px;
}

.box-banner {
  position: relative;
  overflow: hidden;
}
.box-banner .service-bn {
  position: absolute;
  padding: 64px 0;
  width: 100%;
  left: 0;
  bottom: 0;
}
@media (max-width: 1440px) {
  .box-banner .service-bn {
    padding: 40px 0;
  }
}
@media (max-width: 1023px) {
  .box-banner .service-bn {
    padding: 24px 0;
  }
}
@media (max-width: 767px) {
  .box-banner .container {
    padding: 0;
  }
}

.list-service {
  position: relative;
  background: #fff;
  box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  padding: 20px 0;
  text-align: center;
  color: #8A8A8A;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
}
@media (max-width: 1400px) {
  .list-service {
    padding: 14px 0;
  }
}
@media (max-width: 767px) {
  .list-service {
    padding: 6px 0;
  }
}
.list-service h3 {
  font-weight: 900;
  font-size: 20px;
  color: #1B5F4A;
}
@media (max-width: 1440px) {
  .list-service h3 {
    font-size: 18px;
  }
}
@media (max-width: 1280px) {
  .list-service h3 {
    font-size: 15px;
  }
}
@media (max-width: 1023px) {
  .list-service h3 {
    font-size: 10px;
  }
}
.list-service ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0 -15px;
  align-items: center;
}
@media (max-width: 1280px) {
  .list-service ul {
    margin: 0 -7px;
  }
}
@media (max-width: 1023px) {
  .list-service ul {
    flex-wrap: wrap;
  }
}
.list-service ul li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  border-right: 0.25px solid #000000;
}
@media (max-width: 1280px) {
  .list-service ul li {
    padding: 0 7px;
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  .list-service ul li {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .list-service ul li {
    font-size: 6px;
    flex: unset;
    max-width: unset;
    padding: 0 3px;
  }
}
.list-service ul li:last-child {
  border-right: 0;
}
@media (max-width: 767px) {
  .list-service ul li:first-child {
    display: none;
  }
}

.icon-srv {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-srv .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .icon-srv .icon {
    margin-right: 4px;
    flex: 0 0 6px;
  }
}
.icon-srv p {
  position: relative;
  top: 2px;
}

.box-banner-cate {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .box-banner-cate {
    padding: 16px 0;
  }
}

.slide-banner-cate {
  margin: 0 -5px;
}
.slide-banner-cate .item-slide {
  padding: 0 5px;
}

.item-bn-cate {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding-top: 30.9352517986%;
}
.item-bn-cate img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.title {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .title {
    margin-bottom: 16px;
  }
}
.title h2 {
  font-size: 64px;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 1440px) {
  .title h2 {
    font-size: 50px;
  }
}
@media (max-width: 1023px) {
  .title h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .title h2 {
    font-size: 16px;
  }
}
.title h2 span {
  font-weight: 800;
}

.content-product {
  background: linear-gradient(180deg, #70C452 0%, #1B5F4A 100%);
  border-radius: 15px;
  padding: 40px 25px;
}
@media (max-width: 767px) {
  .content-product {
    padding: 20px;
    border-radius: 0;
  }
}
.content-product .slick-list, .content-product .slick-track {
  display: flex;
}
.content-product .item-bn-cate {
  padding-top: 56.8181818182%;
}

.slide-main {
  margin: 0 -10px;
}
@media (max-width: 767px) {
  .slide-main {
    margin: 0 -5px;
  }
}
.slide-main .item-slide {
  padding: 0 10px;
}
@media (max-width: 767px) {
  .slide-main .item-slide {
    padding: 0 5px;
  }
}

.item-product {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  padding-bottom: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .item-product {
    border-radius: 8px;
    text-align: left !important;
    padding-bottom: 30px;
  }
}
.item-product .avarta {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.item-product .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s all !important;
}
.item-product .avarta img:hover {
    transform: scale(1.05);
}

.item-product .info {
  padding: 20px;
}
@media (max-width: 767px) {
  .item-product .info {
    padding: 3px 8px;
  }
}
.item-product .info h3 a {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
}
.box-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1023px) {
  .item-product .info h3 a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .item-product .info h3 a {
    font-size: 9px;
    -webkit-line-clamp: 3;
  }
}
.item-product .info h3 a.prd-link {
  font-size: 16px;
}
@media (max-width: 767px) {
  .item-product .info h3 a.prd-link {
    font-size: 9px;
    height: 36px;
    line-height: 1.35;
    max-height: 36px;
  }
}
.item-product .info .price {
  font-size: 32px;
  font-weight: bold;
  color: #D0021C;
  padding: 12px 0;
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: Barlow;
}
@media (max-width: 1440px) {
  .item-product .info .price {
    font-size: 28px;
  }
}
@media (max-width: 1023px) {
  .item-product .info .price {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .item-product .info .price {
    font-size: 14px;
    padding: 8px 0;
  }
}
.item-product .info .price span {
  font-size: 14px;
  margin-left: 6px;
}
@media (max-width: 767px) {
  .item-product .info .price span {
    font-size: 8px;
    margin-left: 3px;
    position: relative;
    top: -4px;
    text-decoration: underline;
    line-height: 1;
  }
}
.item-product .info .price.prd-price {
  font-size: 24px;
  justify-content: center;
  font-family: Barlow;
}
@media (max-width: 767px) {
  .item-product .info .price.prd-price {
    font-size: 14px;
    justify-content: flex-start;
  }
}
.item-product .info .del {
  display: flex;
  align-items: center;
}
.item-product .info .del label {
  margin-left: 16px;
  background: #FFE9EC;
  border-radius: 5px;
  color: #D0021C;
  font-size: 16px;
  font-weight: bold;
  padding: 2px;
}
@media (max-width: 1023px) {
  .item-product .info .del label {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .item-product .info .del label {
    font-size: 7px;
    margin-left: 10px;
  }
}
.item-product .info .del.price-del {
  justify-content: center;
}
@media (max-width: 767px) {
  .item-product .info .del.price-del {
    justify-content: flex-start;
  }
}
.item-product .info .del.price-del label {
  font-size: 14px;
  padding: 0 2px;
}
@media (max-width: 1023px) {
  .item-product .info .del.price-del label {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .item-product .info .del.price-del label {
    font-size: 7px;
  }
}
.item-product .info .del.price-del del {
  font-size: 14px;
}
@media (max-width: 767px) {
  .item-product .info .del.price-del del {
    font-size: 10px;
  }
}
.item-product .info del {
  color: #949494;
  font-size: 20px;
  font-weight: normal;
  align-items: center;
  display: flex;
  font-family: Barlow;
}
@media (max-width: 1023px) {
  .item-product .info del {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .item-product .info del {
    font-size: 10px;
  }
}
.item-product .info del span {
  font-size: 12px;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .item-product .info del span {
    font-size: 8px;
    margin-left: 2px;
  }
}
.item-product .desc-sort {
  font-size: 11px;
  color: #706F6F;
  margin-top: 10px;
  position: relative;
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .item-product .desc-sort {
    display: none;
  }
}
.item-product .desc-sort p {
  margin-bottom: 6px;
}
.item-product .desc-sort p:last-child {
  margin-bottom: 0;
}
.item-product .numb-vote {
  color: #F67941;
  font-size: 20px;
  font-weight: 500;
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.numb-vote img {
    height: 16px;
    margin-left: 4px;
}

@media (max-width: 767px) {
  .item-product .numb-vote {
    font-size: 12px;
    font-weight: 600;
  }
  .numb-vote img {
      height: 10px;
      position: relative;
      top: -2px;
      margin-left: 2px;
  }
}
.item-product .bot {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
}
@media (max-width: 767px) {
  .item-product .bot {
    margin-top: 10px;
  }
}
.item-product .bot .numb-vote {
  margin: 0;
}
.item-product .bot .total {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .item-product .bot .total {
    display: none;
  }
}

.box-product-hot {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .box-product-hot {
    margin-bottom: 0;
  }
}
.box-product-hot .content-slide {
  overflow: hidden;
}
.box-product-hot .loadmore {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .box-product-hot .loadmore {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .box-product-hot .container {
    padding: 0;
  }
}

.slide-cate {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .slide-cate {
    margin-bottom: 10px;
  }
}

.content-service-banner {
  overflow: hidden;
}
.content-service-banner .avarta {
  position: relative;
  padding-top: 57.1428571429%;
  overflow: hidden;
  border-radius: 12px;
}
.content-service-banner .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.title-left {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 1440px) {
  .title-left {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .title-left {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
  }
}
.title-left.title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-left.title-flex a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1440px) {
  .title-left.title-flex a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .title-left.title-flex a {
    font-size: 9px;
  }
}
.title-left.title-flex a:hover {
  color: #1B5F4A;
}
.title-left.title-flex a svg {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .title-left.title-flex a svg {
    height: 6px;
    margin-left: 4px;
  }
}

.box-service {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .box-service {
    padding: 20px 0;
    margin-bottom: 0;
  }
}

.hot-content {
  background: linear-gradient(180deg, #70C452 0%, #1B5F4A 100%);
  border-radius: 15px;
  padding: 30px 20px;
}
@media (max-width: 767px) {
  .hot-content {
    padding: 20px 24px 10px 24px;
    border-radius: 0;
  }
}
.hot-content .title-left {
  color: #fff;
}

@media (max-width: 767px) {
  .slide-prd-hot {
    display: flex;
    flex-wrap: wrap;
  }
  .slide-prd-hot .item-slide {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }
}

.item-prd-hot {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background: #FFFFFF;
  height: 100%;
}
@media (max-width: 767px) {
  .item-prd-hot {
    border-radius: 10px;
  }
}
.item-prd-hot .avarta {
  position: relative;
}
.item-prd-hot .avarta .icon {
  position: absolute;
  top: 0;
  left: 16px;
}
@media (max-width: 767px) {
  .item-prd-hot .avarta .icon {
    left: 10px;
  }
}
@media (max-width: 1023px) {
  .item-prd-hot .avarta .icon img {
    height: 24px;
  }
}
@media (max-width: 767px) {
  .item-prd-hot .avarta .icon img {
    height: 21px;
  }
}
.item-prd-hot .info {
  padding: 16px;
}
@media (max-width: 767px) {
  .item-prd-hot .info {
    padding: 10px;
  }
}
.item-prd-hot .info p {
  font-size: 14px;
  color: #1B5F4A;
  margin-bottom: 2px;
}
@media (max-width: 1023px) {
  .item-prd-hot .info p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .item-prd-hot .info p {
    font-size: 8px;
  }
}
.item-prd-hot .info a {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .item-prd-hot .info a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .item-prd-hot .info a {
    font-size: 8px;
  }
}

.box-category-hot {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .box-category-hot {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .box-category-hot .container {
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .list-cate-hot {
    overflow: auto;
  }
}

.content-categogy-hot {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 25px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .content-categogy-hot {
    padding: 20px 24px;
    border-radius: 0;
    font-size: 8px;
  }
}
.content-categogy-hot ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 1023px) {
  .content-categogy-hot ul {
    width: 1000px;
    flex-wrap: unset;
  }
}
@media (max-width: 767px) {
  .content-categogy-hot ul {
    width: 800px;
  }
}
.content-categogy-hot ul li {
  flex: 0 0 10%;
  max-width: 10%;
  padding: 5px 10px;
}
@media (max-width: 1023px) {
  .content-categogy-hot ul li {
    flex: 0 0 12%;
    max-width: 12%;
  }
}
@media (max-width: 767px) {
  .content-categogy-hot ul li {
    padding: 0 10px;
  }
}
.content-categogy-hot .icon {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.content-categogy-hot .icon img {
  max-height: 100%;
}

.item-cate-hot {
  position: relative;
  margin-bottom: 20px;
}
.item-cate-hot:last-child {
  margin-bottom: 0;
}
.item-cate-hot a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .box-product-same {
    padding: 20px 0;
  }
}

.row {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.row > div {
  padding: 0 10px;
}

@media (max-width: 767px) {
  .list-product .row {
    margin: 0 -5px;
  }
}
.list-product .col-md-3 {
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .list-product .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .list-product .col-md-3:nth-child(9), .list-product .col-md-3:nth-child(10) {
    display: none;
  }
}
@media (max-width: 767px) {
  .list-product .col-md-3 {
    padding: 0 5px;
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.tab-product {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tab-product {
    margin-bottom: 10px;
  }
}
.tab-product ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0 -20px;
}
@media (max-width: 1023px) {
  .tab-product ul {
    margin: 0 -7px;
  }
}
@media (max-width: 767px) {
  .tab-product ul {
    margin: 0 -5px;
  }
}
.tab-product ul li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 20px;
}
@media (max-width: 1023px) {
  .tab-product ul li {
    padding: 0 7px;
  }
}
@media (max-width: 767px) {
  .tab-product ul li {
    padding: 0 5px;
  }
}
.tab-product a {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  color: #1B5F4A;
  font-size: 24px;
  font-weight: 600;
  border-radius: 15px;
}
@media (max-width: 1440px) {
  .tab-product a {
    padding: 14px;
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .tab-product a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tab-product a {
    text-align: center;
    display: block;
    font-size: 8px;
    height: 100%;
    padding: 7px;
  }
}
.tab-product a img {
  margin-right: 10px;
}
@media (max-width: 1440px) {
  .tab-product a img {
    height: 38px;
  }
}
@media (max-width: 767px) {
  .tab-product a img {
    height: 28px;
    display: block;
    margin: 0 auto 6px auto;
  }
}
.tab-product a.active, .tab-product a:hover {
  background: linear-gradient(180deg, #70C452 0%, #1B5F4A 100%);
  color: #fff;
}

.box-project-complete {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .box-project-complete {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .box-project-complete .container {
    padding: 0;
  }
}

.content-project {
  background: linear-gradient(180deg, #70C452 0%, #1B5F4A 100%);
  border-radius: 15px;
  padding: 25px 20px;
}
@media (max-width: 767px) {
  .content-project {
    padding: 20px;
    border-radius: 0;
  }
}
.content-project .title-left {
  color: #fff;
}

@media (max-width: 767px) {
  .slide-project {
    display: flex;
    flex-wrap: wrap;
  }
  .slide-project .item-slide {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
  }
}

.item-project {
  background: #fff;
  overflow: hidden;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .item-project {
    border-radius: 10px;
  }
}
.item-project .avarta {
  overflow: hidden;
  padding-top: 60.9375%;
  position: relative;
}
.item-project .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-project .info {
  padding: 10px 16px 16px 16px;
}
@media (max-width: 767px) {
  .item-project .info {
    padding: 8px;
  }
}
.item-project .info p {
  color: #1B5F4A;
  font-size: 14px;
}
@media (max-width: 767px) {
  .item-project .info p {
    font-size: 8px;
    margin-bottom: 2px;
  }
}
.item-project .info a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 1440px) {
  .item-project .info a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .item-project .info a {
    font-size: 8px;
  }
}
.item-project .info a:hover {
  color: #1B5F4A;
}

@media (max-width: 767px) {
  .box-hot .container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .box-hot.pb-20 {
    padding: 0;
  }
}

.content-new {
  padding: 25px 20px;
  background: #fff;
  border-radius: 15px;
}
.content-new .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 767px) {
  .content-new .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .content-new .col-md-3:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .item-new {
    display: flex;
  }
}
.item-new .avarta {
  overflow: hidden;
  border-radius: 15px;
  padding-top: 62.5%;
  position: relative;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .item-new .avarta {
    flex: 0 0 146px;
    margin-right: 10px;
    padding-top: 88px;
    border-radius: 8px;
    margin-bottom: 0;
  }
}
.item-new .avarta img {
  transition: 0.4s all !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-new .avarta img:hover {
  transform: scale(1.07);
}
.item-new .info a {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .item-new .info a {
    font-size: 10px;
  }
}
.item-new .info a:hover {
  color: #1B5F4A;
}

.box-new-hot {
  padding: 0 0 40px 0;
}
@media (max-width: 767px) {
  .box-new-hot {
    padding: 0;
  }
  .box-new-hot .container {
    padding: 0;
  }
}

.content-banner-cate {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-scroll-list {
  padding: 10px 0;
}
@media (max-width: 767px) {
  .box-scroll-list {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .box-scroll-list .row {
    margin: 0 -10px;
  }
}
.box-scroll-list .col-md-2 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 10px;
}

.item-scroll {
  position: relative;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  align-items: center;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
}
.item-scroll .click-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.item-scroll .icon {
  flex: 0 0 90px;
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-scroll .icon img {
  width: 100%;
  height: 108px;
  object-fit: contain;
}

.title-cate {
  text-transform: uppercase;
  color: #fff;
  padding: 80px 0;
  background: url(../images/bn-title.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 64px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 1440px) {
  .title-cate {
    padding: 60px 0;
    font-size: 40px;
  }
}
@media (max-width: 1023px) {
  .title-cate {
    padding: 32px 0;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .title-cate {
    padding: 24px 0;
    font-size: 16px;
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
    border-radius: 0;
    background-size: cover;
  }
}

.click-tab .top-tab {
  padding: 26px 0 42px 0;
}
@media (max-width: 767px) {
  .click-tab .top-tab {
    padding: 16px 0 12px 0;
  }
}
.click-tab .top-tab ul {
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center;
}
.click-tab .top-tab ul li {
  margin-right: 18px;
}
.click-tab .top-tab ul li:last-child {
  margin-right: 0;
}
.click-tab .top-tab ul li.active a {
  background: #1B5F4A;
  color: #fff;
}
.click-tab .top-tab a {
  display: flex;
  font-size: 28px;
  font-weight: 600;
  height: 56px;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  border-radius: 60px;
  background: #fff;
  color: #1B5F4A;
}
@media (max-width: 1440px) {
  .click-tab .top-tab a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .click-tab .top-tab a {
    font-size: 8px;
    padding: 2px 14px 0 14px;
    height: 24px;
  }
}

.box-product-cate {
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  .box-product-cate {
    margin-bottom: 20px;
  }
}

.box-partner-filter {
  padding: 18px 0;
  /*overflow: hidden; */
}

.partner-top {
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .partner-top {
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .partner-top::-webkit-scrollbar {
    background: transparent;
    height: 1px;
  }
}
.partner-top ul {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -3px;
}
@media (max-width: 1023px) {
  .partner-top ul {
    width: 1000px;
  }
}
.partner-top ul li {
  padding: 3px;
  flex: 0 0 10%;
}
.partner-top ul li:last-child {
  margin-right: 0;
}
.partner-top img {
  max-height: 100%;
}
.partner-top a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  background: #FFFFFF;
  border: 0.5px solid #949494;
  border-radius: 5px;
  padding: 6px;
}
@media (max-width: 767px) {
  .partner-top a {
    height: 36px;
  }
  .partner-top a img {
    max-height: 100%;
  }
}
.partner-top a span {
  color: #1074CF;
}
@media (max-width: 767px) {
  .partner-top a span {
    font-size: 10px;
  }
}

.tags-filter {
  font-size: 16px;
}
@media (max-width: 767px) {
  .tags-filter {
    overflow: auto;
  }
  .tags-filter::-webkit-scrollbar {
    background: transparent;
    height: 1px;
  }
}
.tags-filter ul {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .tags-filter ul {
    width: max-content;
  }
}
.tags-filter ul li {
  margin-right: 7px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .tags-filter ul li {
    margin: 0 10px 0 0;
  }
}
.tags-filter a {
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 28px;
  background: #FFFFFF;
  border: 1px solid #1B5F4A;
  border-radius: 64px;
}
@media (max-width: 1023px) {
  .tags-filter a {
    height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tags-filter a {
    height: 25px;
    font-size: 9px;
    padding: 2px 10px 0 10px;
  }
}
.tags-filter a.active, .tags-filter a:hover {
  background: #1B5F4A;
  color: #fff;
  border: 1px solid #1B5F4A;
}

.total-product {
  padding: 18px 0;
  font-size: 36px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*transition: .1s all !important; */
}
@media (max-width: 1023px) {
  .total-product {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .total-product {
    font-size: 16px;
  }
}
.total-product .sort-prd {
  font-size: 12px;
  font-weight: normal;
  border: 0.5px solid #949494;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
}
@media (max-width: 767px) {
  .total-product .sort-prd {
    font-size: 9px;
  }
}
.total-product .sort-prd select {
  padding: 0;
  border: 0;
  font-size: 12px;
  outline: none;
}
@media (max-width: 767px) {
  .total-product .sort-prd select {
    font-size: 9px;
  }
}

.list-product-cate .row {
  margin: 0;
}
.list-product-cate .row > div {
  padding: 0;
}
.list-product-cate .row .col-md-3 {
  flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 1200px) {
  .list-product-cate .row .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .list-product-cate .row .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.list-product-cate .item-product {
  background: #FFFFFF;
  border: 0.5px solid #949494;
  border-radius: 0;
}
.list-product-cate .btn-main {
  margin-top: 18px;
}
.list-product-cate .btn-main a {
  background: #FFFFFF;
  border: 0.5px solid #949494;
  border-radius: 5px;
}

.box-breadcrumbs {
  padding: 18px 0;
}
@media (max-width: 767px) {
  .box-breadcrumbs {
    padding: 12px 0;
    font-size: 10px;
  }
}
.box-breadcrumbs ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.box-breadcrumbs ul li {
  position: relative;
  margin-right: 20px;
}
.box-breadcrumbs ul li:after {
  content: ">";
  position: absolute;
  top: 3px;
  right: -14px;
  font-size: 10px;
}
@media (max-width: 767px) {
  .box-breadcrumbs ul li:after {
    top: 0;
  }
}
.box-breadcrumbs ul li:last-child {
  margin-right: 0;
}
.box-breadcrumbs ul li:last-child:after {
  display: none;
}
.box-breadcrumbs ul li:last-child a {
  color: #000000;
}
.box-breadcrumbs a {
  color: #2EAAE6;
}

.detail-product {
  display: flex;
  flex-wrap: wrap;
}
.detail-product .detail-left {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 20px 0 0;
}
@media (max-width: 1023px) {
  .detail-product .detail-left {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.detail-product .detail-right {
  padding: 0 0 0 20px;
  max-width: 40%;
  flex: 0 0 40%;
}
@media (max-width: 1023px) {
  .detail-product .detail-right {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
  }
}
.detail-product .detail-right.d-none {
  display: none;
}
@media (max-width: 1023px) {
  .detail-product .detail-right.d-none {
    display: block;
    margin-bottom: 24px;
  }
}

.slide-thumb {
  margin: 0 -10px;
}
.slide-thumb .slick-track {
  display: flex;
  align-items: center;
}
.slide-thumb .item-slide {
  padding: 0 10px;
}
.slide-thumb img {
  max-height: 500px;
}

.list-cta-preview {
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 24px;
  margin-bottom: 10px;
  background: #fff;
  position: relative;
}
.list-cta-preview ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.list-cta-preview ul li {
  margin-right: 10px;
  flex: 0 0 80px;
  max-width: 80px;
}
@media (max-width: 767px) {
  .list-cta-preview ul li {
    max-width: 45px;
    flex: 0 0 45px;
    margin-right: 4px;
  }
}

.item-clc-preview {
  position: relative;
  font-size: 12px;
  text-transform: capitalize;
  text-align: center;
}
@media (max-width: 767px) {
  .item-clc-preview {
    font-size: 6px;
  }
}
.item-clc-preview.active .icon {
  border: 1px solid #1B5F4A;
}
.item-clc-preview.active .icon path {
  fill: #1B5F4A;
}
.item-clc-preview .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 0.5px solid #949494;
  height: 80px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .item-clc-preview .icon {
    height: 45px;
    margin-bottom: 4px;
    padding: 5px;
  }
}
.item-clc-preview .icon img {
  max-height: 100%;
}
.item-clc-preview a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.t-detail {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .t-detail {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .content-detail-product {
    font-size: 10px;
  }
}

.detail-sort {
  position: relative;
}
.detail-sort h2, .detail-sort h3, .detail-sort h4, .detail-sort h5, .detail-sort h6 {
  color: #1B5F4A;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .detail-sort h2, .detail-sort h3, .detail-sort h4, .detail-sort h5, .detail-sort h6 {
    font-weight: 600;
    font-size: 10px;
  }
}
.detail-sort p {
  margin-bottom: 8px;
}
.detail-sort:after {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -74.81%, #FFFFFF 100%);
  width: 100%;
  height: 131px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.view-all-detail {
  margin-top: 12px;
}
.view-all-detail a {
  background: #FFFFFF;
  border: 1px solid #1B5F4A;
  border-radius: 5px;
  max-width: 500px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  font-size: 16px;
  font-weight: 600;
  color: #1B5F4A;
}
@media (max-width: 767px) {
  .view-all-detail a {
    font-size: 10px;
    height: 40px;
  }
}

.numb-star {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .numb-star {
    margin: 0;
    font-size: 10px;
    display: block;
    text-align: center;
    flex: 0 0 75px;
  }
}
.numb-star span {
  font-size: 24px;
  font-weight: bold;
  color: #F67941;
  line-height: initial;
}
@media (max-width: 767px) {
  .numb-star span {
    font-size: 15px;
  }
}
.numb-star ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .numb-star ul {
    padding: 6px 0;
  }
}
.numb-star ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px 0 0;
}
.numb-star ul li:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .numb-star ul li img {
    height: 10px;
  }
}
.numb-star label {
  position: relative;
  top: 2px;
}

.line-star {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 17px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .line-star {
    font-size: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 0.5px solid #CCCCCC;
    padding-left: 12px;
    margin-left: 12px;
  }
}
.line-star ul {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
}
.line-star ul li {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .line-star ul li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line-star ul li span {
    flex: 0 0 24px;
    display: flex;
  }
  .line-star ul li span svg {
    margin-left: 4px;
  }
}

@media (max-width: 767px) {
  .flex-raiting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.25px solid #D9D9D9;
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
}

.line-raiting {
  flex: 0 0 200px;
  width: 100%;
  background: #EEEEEE;
  height: 4px;
  margin: 0 10px;
  position: relative;
}
@media (max-width: 767px) {
  .line-raiting {
    height: 2px;
    flex: 0 0 140px;
  }
}
.line-raiting .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #1B5F4A;
}

.item-raiting {
  margin-bottom: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
}
@media (max-width: 767px) {
  .item-raiting {
    font-size: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.item-raiting h5 {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .item-raiting h5 {
    font-size: 10px;
  }
}
.item-raiting .star {
  padding: 5px 0 10px 0;
}
@media (max-width: 767px) {
  .item-raiting .star {
    padding: 5px 0;
  }
}
.item-raiting .star img {
  width: 10px;
  height: 10px;
}
.item-raiting .desc {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .item-raiting .desc {
    margin-bottom: 10px;
  }
}
.item-raiting .action {
  font-size: 13px;
}
@media (max-width: 767px) {
  .item-raiting .action {
    font-size: 8px;
  }
}
.item-raiting .action ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.item-raiting .action ul li {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .item-raiting .action ul li {
    margin-right: 14px;
  }
}
.item-raiting .action ul li svg {
  margin-right: 4px;
}
@media (max-width: 767px) {
  .item-raiting .action ul li svg {
    width: 8px;
    height: auto;
  }
}
.item-raiting .action ul li:last-child {
  margin-right: 0;
}
.item-raiting .action ul li span {
  color: #949494;
}

.review-product {
  margin: 50px 0 0 0;
  background: #FFFFFF;
  border: 0.5px solid #949494;
  border-radius: 5px;
  overflow: hidden;
  padding: 24px;
}
@media (max-width: 767px) {
  .review-product {
    margin: 15px 0 0 0;
    padding: 12px;
  }
}

.action-raiting ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0 -10px;
}
@media (max-width: 767px) {
  .action-raiting ul {
    margin: 0 -5px;
  }
}
.action-raiting ul li {
  padding: 0 10px;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px) {
  .action-raiting ul li {
    padding: 0 5px;
  }
}
.action-raiting a {
  display: flex;
  width: 100%;
  height: 58px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #1B5F4A;
  color: #1B5F4A;
}
@media (max-width: 767px) {
  .action-raiting a {
    font-size: 10px;
    height: 35px;
  }
}
.action-raiting a.cta-comment-rait {
  background: #1B5F4A;
  color: #fff;
}
.action-raiting a.cta-comment-rait svg {
  margin-right: 6px;
}

.stars {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .stars {
    margin-bottom: 12px;
  }
}

.stars input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.stars label {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 6px;
  height: 26px;
  width: 26px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='transparent' stroke='slategray' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  font-size: 0;
  cursor: pointer;
}

.stars input:nth-child(1):checked ~ label:nth-of-type(-n + 1),
.stars input:nth-child(2):checked ~ label:nth-of-type(-n + 2),
.stars input:nth-child(3):checked ~ label:nth-of-type(-n + 3),
.stars input:nth-child(4):checked ~ label:nth-of-type(-n + 4),
.stars input:nth-child(5):checked ~ label:nth-of-type(-n + 5) {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='slategray' stroke='slategray' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.modal-fade-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1003;
  transition: 0.4s all !important;
  transform: scale(0.75);
  opacity: 0;
  pointer-events: none;
}
.modal-fade-popup.opened {
  opacity: 1;
  transform: scale(1);
  pointer-events: unset;
}
@media (max-width: 767px) {
  .modal-fade-popup.opened {
    padding: 16px;
  }
}
.modal-fade-popup .content-modal {
  background: #fff;
  border-radius: 8px;
  max-width: 530px;
  width: 100%;
}

.overlay-open {
  background: #000000;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s all !important;
}
.overlay-open.opened {
  opacity: 0.5;
  pointer-events: unset;
}

.head-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  .head-modal {
    font-size: 12px;
    padding: 0 0 12px 0;
  }
}
.head-modal .left {
  font-weight: 600;
}

.close-modal a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
}

.content-modal {
  padding: 16px;
}

.prooduct-popup {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .prooduct-popup {
    font-size: 12px;
  }
}
.prooduct-popup .avarta {
  flex: 0 0 100px;
  padding: 8px;
  border: 1px solid #ddd;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .prooduct-popup .avarta {
    flex: 0 0 80px;
    padding: 4px;
    margin-right: 10px;
  }
}

.content-modal-detail {
  padding: 16px 0;
}
@media (max-width: 767px) {
  .content-modal-detail {
    padding: 12px 0;
  }
}
.content-modal-detail .desc .item {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .content-modal-detail .desc .item {
    margin-bottom: 6px;
  }
}
.content-modal-detail .desc .item:last-child {
  margin: 0;
}
.content-modal-detail .desc .item textarea {
  width: 100%;
  height: 80px;
  padding: 10px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  font-family: "Be";
}
@media (max-width: 767px) {
  .content-modal-detail .desc .item textarea {
    font-size: 10px;
    height: 70px;
  }
}
.content-modal-detail .desc .item .txt_field {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
}
@media (max-width: 767px) {
  .content-modal-detail .desc .item .txt_field {
    height: 30px;
    font-size: 10px;
  }
}
.content-modal-detail .desc .item .btn_field {
  background: #1B5F4A;
  font-weight: 600;
  color: #fff;
  border: 0;
  border-radius: 8px;
  height: 40px;
  padding: 0 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .content-modal-detail .desc .item .btn_field {
    height: 30px;
    font-size: 10px;
    margin-bottom: 12px;
  }
}
.content-modal-detail .desc .item ul {
  list-style: none;
  display: flex;
  font-size: 12px;
  justify-content: center;
}
@media (max-width: 767px) {
  .content-modal-detail .desc .item ul {
    font-size: 8px;
  }
}
.content-modal-detail .desc .item ul li {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ddd;
}
.content-modal-detail .desc .item ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.info-product-detail .hotline {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 9px 0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .info-product-detail .hotline {
    font-size: 12px;
  }
}
.info-product-detail .hotline a {
  color: #D0021C;
  font-weight: 700;
}
.info-product-detail .left-sale {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .info-product-detail .left-sale {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .info-product-detail .left-sale {
    font-size: 10px;
  }
}
.info-product-detail .coundown {
  display: flex;
  align-items: center;
}
.info-product-detail .coundown p {
  font-size: 11px;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .info-product-detail .coundown p {
    font-size: 6px;
    margin-right: 8px;
  }
}
.info-product-detail .price {
  background: #F3F3F3;
  padding: 0 25px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .info-product-detail .price {
    padding: 0 12px;
    margin-bottom: 10px;
  }
}
.info-product-detail .price.price-sale {
  background: #D0021C;
  color: #fff;
}
.info-product-detail .price.price-sale .price-left p {
  color: #fff;
}
.info-product-detail .price.price-sale .price-left del {
  color: #fff;
}
.info-product-detail .price.price-sale .price-per label {
  color: #D0021C;
  background: #fff;
}
@media (max-width: 1200px) {
  .info-product-detail .price.price-sale .price-per label {
    display: none;
  }
}
@media (max-width: 767px) {
  .info-product-detail .price.price-sale .price-per label {
    display: block;
    font-size: 8px;
  }
}
.info-product-detail .price.price-sale .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .info-product-detail .price.price-sale .top {
    padding: 10px 0;
  }
}
.info-product-detail .price .top {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}
.info-product-detail .price .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Barlow";
  padding: 12px 0;
}
@media (max-width: 767px) {
  .info-product-detail .price .bot {
    padding: 6px 0 12px 0;
  }
}
.info-product-detail .price .price-left {
  display: flex;
  align-items: center;
}
.info-product-detail .price .price-left p {
  font-size: 48px;
  font-weight: 700;
  line-height: initial;
  color: #D0021C;
}
@media (max-width: 1600px) {
  .info-product-detail .price .price-left p {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .info-product-detail .price .price-left p {
    font-size: 24px;
  }
}
.info-product-detail .price .price-left del {
  margin-left: 18px;
  color: #949494;
  font-size: 24px;
  font-weight: normal;
}
@media (max-width: 1200px) {
  .info-product-detail .price .price-left del {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .info-product-detail .price .price-left del {
    font-size: 12px;
    margin-left: 12px;
  }
}
.info-product-detail .price-per label {
  background: #D0021C;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  display: inline-flex;
  padding: 2px 8px;
  line-height: normal;
}

.box-camket {
  border: 0.5px solid #949494;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .box-camket {
    margin-bottom: 10px;
  }
}
.box-camket .t-detail {
  background: #F3F3F3;
  border-bottom: 0.5px solid #949494;
  padding: 16px 24px;
  margin: 0;
}
@media (max-width: 767px) {
  .box-camket .t-detail {
    padding: 10px 12px;
    font-size: 12px;
  }
}
.box-camket .list-camket {
  padding: 16px 24px;
  color: #949494;
}
@media (max-width: 767px) {
  .box-camket .list-camket {
    padding: 12px;
    font-size: 10px;
  }
}
.box-camket ul {
  list-style: none;
}
.box-camket ul li {
  margin-bottom: 16px;
  display: flex;
}
@media (max-width: 767px) {
  .box-camket ul li {
    margin-bottom: 10px;
  }
}
.box-camket ul li:last-child {
  margin-bottom: 0;
}
.box-camket ul li .icon {
  flex: 0 0 18px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .box-camket ul li .icon {
    flex: 0 0 12px;
    margin-right: 8px;
  }
}

.box-uudai .t-detail {
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .box-uudai .t-detail {
    font-size: 12px;
    padding: 12px 0 10px 0;
  }
}
.box-uudai ul {
  background: #FFFFFF;
  border: 0.5px solid #949494;
  border-radius: 5px;
  list-style: none;
  padding: 18px 24px;
}
@media (max-width: 767px) {
  .box-uudai ul {
    padding: 12px;
    font-size: 10px;
  }
}
.box-uudai ul li {
  margin-bottom: 14px;
  display: flex;
}
@media (max-width: 767px) {
  .box-uudai ul li {
    margin-bottom: 10px;
  }
}
.box-uudai ul li .icon {
  flex: 0 0 22px;
  margin-right: 14px;
}
@media (max-width: 767px) {
  .box-uudai ul li .icon {
    flex: 0 0 12px;
    margin-right: 8px;
  }
}
.box-uudai ul li:last-child {
  margin-bottom: 0;
}

.buy-now {
  padding: 25px 0 10px 0;
}
@media (max-width: 767px) {
  .buy-now {
    padding: 10px 0;
  }
}
.buy-now input {
  width: 100%;
  border: 0;
  cursor: pointer;
  background: #F67941;
  color: #fff;
  height: 85px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .buy-now input {
    font-size: 15px;
    height: 45px;
  }
}
.buy-now input.buynow-sale {
  background: #D0021C;
}

@media (max-width: 767px) {
  .box-thongso {
    font-size: 10px;
  }
}
.box-thongso .t-detail {
  margin: 0 0 10px 0;
}
@media (max-width: 767px) {
  .box-thongso .t-detail {
    font-size: 12px;
  }
}
.box-thongso .desc-thongso ul {
  list-style: none;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.box-thongso .desc-thongso ul li {
  padding: 12px 20px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .box-thongso .desc-thongso ul li {
    padding: 12px;
  }
}
.box-thongso .desc-thongso ul li:nth-child(2n+1) {
  background: #F3F3F3;
}
.box-thongso .desc-thongso ul li span:first-child {
  flex: 0 0 135px;
}
.box-thongso .desc-thongso ul li span:last-child {
  flex: 0 0 calc(100% - 135px);
}
.box-thongso .desc-thongso table {
  width: 100%;
  margin-bottom: 10px;
}
.box-thongso .desc-thongso table tr:nth-child(2n+1) {
  background: #F3F3F3;
}
.box-thongso .desc-thongso table td {
  padding: 12px;
}

.view-more-detail a {
  display: flex;
  border: 1px solid #1B5F4A;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 58px;
  font-weight: 600;
  color: #1B5F4A;
}
@media (max-width: 767px) {
  .view-more-detail a {
    height: 40px;
  }
}

.title-product {
  padding: 25px 0 18px 0;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .title-product {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .title-product {
    font-size: 16px;
    padding: 12px 0;
  }
}

.other-product {
  overflow: hidden;
  border: 0.5px solid #949494;
}
.other-product .item-slide {
  border-right: 0.5px solid #949494;
}
.other-product .item-product {
  border-radius: 0;
}

.box-comment {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .box-comment {
    margin-bottom: 20px;
  }
}
.box-comment .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.box-comment .item:first-child {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .box-comment .item:first-child {
    margin-bottom: 6px;
  }
}
.box-comment .item textarea {
  flex: 0 0 100%;
  height: 100px;
  padding: 10px 15px;
  border: 1px solid #949494;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .box-comment .item textarea {
    font-size: 10px;
    height: 70px;
  }
}
.box-comment .item input {
  width: 100%;
  height: 42px;
  padding: 0 15px;
  border-radius: 6px;
  border: 1px solid #949494;
}
@media (max-width: 767px) {
  .box-comment .item input {
    font-size: 10px;
    height: 30px;
  }
}
.box-comment .item.d-flex {
  margin: -10px;
}
@media (max-width: 767px) {
  .box-comment .item.d-flex {
    margin: 0 -5px;
  }
}
.box-comment .item .i-item {
  padding: 0 10px;
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .box-comment .item .i-item {
    margin-top: 10px;
    padding: 0 5px;
  }
}
.box-comment .item.d-none {
  display: none;
}
.box-comment .btn_field {
  background: #1B5F4A;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.list-comment {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #CCCCCC;
}

.item-comment {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .item-comment {
    font-size: 8px;
  }
}
.item-comment:last-child {
  margin-bottom: 0;
}
.item-comment .name {
  font-weight: bold;
}
@media (max-width: 767px) {
  .item-comment .name {
    font-size: 10px;
  }
}
.item-comment .name span {
  background: #61D135;
  border-radius: 15px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
}
@media (max-width: 767px) {
  .item-comment .name span {
    padding: 2px 6px 1px 6px;
    font-size: 6px;
    margin-left: 8px;
  }
}
.item-comment .desc-commnet {
  padding: 12px 0;
}
@media (max-width: 767px) {
  .item-comment .desc-commnet {
    padding: 6px 0;
  }
}
.item-comment .action-cmt {
  font-size: 12px;
}
@media (max-width: 767px) {
  .item-comment .action-cmt {
    font-size: 8px;
  }
}
.item-comment .action-cmt ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.item-comment .action-cmt ul li {
  margin-right: 15px;
}
.item-comment .action-cmt ul li:last-child {
  margin-right: 0;
}
.item-comment .action-cmt ul li span {
  color: #949494;
}
.item-comment .action-cmt a {
  display: flex;
  align-items: center;
}
.item-comment .action-cmt a svg {
  margin-right: 6px;
}
@media (max-width: 767px) {
  .item-comment .action-cmt a svg {
    margin-right: 4px;
    width: 8px;
    height: 8px;
  }
}
.item-comment .re-cmt {
  margin-top: 15px;
  padding: 20px;
  background: #E6E6E6;
  border-radius: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .item-comment .re-cmt {
    margin-top: 10px;
    padding: 8px 14px;
  }
}
.item-comment .re-cmt:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #e6e6e6;
  position: absolute;
  top: -5px;
  left: 20px;
  transform: rotate(45deg);
}

.item-recmr {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .item-recmr {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.item-recmr:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.pagination {
  margin-top: 20px;
}
.pagination ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.pagination ul li {
  margin-right: 3px;
}
.pagination ul li:last-child {
  margin-right: 0;
}
.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: #E6E6E6;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .pagination a {
    font-size: 10px;
    width: 20px;
    height: 20px;
  }
}
.pagination a.active, .pagination a:hover {
  color: #fff;
  background: #1B5F4A;
}

.title-info {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .title-info {
    display: block;
  }
}
.title-info h1 {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1400px) {
  .title-info h1 {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .title-info h1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .title-info h1 {
    font-size: 16px;
  }
}
.title-info ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin-left: 20px;
  font-size: 12px;
}
@media (max-width: 1023px) {
  .title-info ul {
    justify-content: flex-start;
    margin: 0;
  }
}
.title-info ul img {
  width: 12px;
  margin-right: 3px;
}
@media (max-width: 767px) {
  .title-info ul img {
    width: 10px;
    margin-right: 1px;
  }
}
.title-info ul li {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #CCCCCC;
}
.title-info ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
@media (max-width: 767px) {
  .title-info ul li {
    display: none;
  }
  .title-info ul li:first-child {
    display: block;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
}
.title-info ul a {
  color: #1074CF;
}
.title-info .star {
  color: #F67941;
  font-weight: 700;
  color: #F67941;
  font-family: Barlow;
}

.title-product-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .title-product-detail {
    display: block;
  }
}
@media (max-width: 1023px) {
  .title-product-detail .left {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .title-product-detail .left {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .title-product-detail .like-share {
    display: none;
  }
}
.title-product-detail .like-share img {
  height: 20px;
}

.modal-buy {
  padding: 0 16px;
  position: relative;
}
@media (max-width: 767px) {
  .modal-buy {
    padding: 0;
    font-size: 12px;
  }
}
.modal-buy .close-modal {
  position: absolute;
  top: -50px;
  right: -34px;
  padding: 0;
  background: transparent;
}
.modal-buy .close-modal img {
  width: 15px;
}
.modal-buy .close-modal a {
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #F3F3F3;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border: 0;
}
.modal-buy .name-prd {
  font-size: 16px;
}
@media (max-width: 767px) {
  .modal-buy .name-prd {
    font-weight: 600;
  }
}
.modal-buy .price {
  font-family: Barlow;
  padding: 12px 0;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 12px;
}
.modal-buy .price ul {
  list-style: none;
  display: flex;
  font-size: 24px;
}
.modal-buy .price ul li {
  margin-right: 20px;
}
.modal-buy .price ul li:last-child {
  margin-right: 0;
}
.modal-buy .price ul li span {
  color: #D0021C;
  font-weight: bold;
}
.modal-buy .price ul li del {
  color: #949494;
}
@media (max-width: 767px) {
  .modal-buy .price ul li del {
    font-size: 16px;
  }
}

.choose-color p {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .choose-color p {
    font-size: 12px;
  }
}

.list-color {
  display: flex;
  align-items: center;
}
.list-color .item-color {
  margin-right: 8px;
  flex: 0 0 80px;
  max-width: 80px;
}
.list-color .item-color:last-child {
  margin-right: 0;
}
.list-color input {
  position: absolute;
  opacity: 0;
}
.list-color input:checked + label:before {
  opacity: 1;
}
.list-color img {
  max-width: 100%;
  max-height: 100%;
}
.list-color .icon {
  width: 100%;
  height: 80px;
  position: relative;
  border: 0.5px solid #949494;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  margin-bottom: 25px;
}
.list-color label {
  display: block;
  position: relative;
}
.list-color label:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #1B5F4A;
  position: absolute;
  border-radius: 100%;
  top: 90px;
  left: calc(50% - 5px);
}
.list-color label:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 100%;
  top: 92px;
  left: calc(50% - 3px);
  background: #1B5F4A;
  opacity: 0;
}

.quantity {
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.quantity p {
  font-weight: bold;
  font-size: 16px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .quantity p {
    font-size: 12px;
    margin-right: 10px;
  }
}
.quantity label {
  color: #1E2A29;
  font-size: 12px;
  margin-left: 18px;
}
@media (max-width: 767px) {
  .quantity label {
    font-size: 10px;
    margin-left: 10px;
  }
}

.number-spinner {
  border: 0.5px solid #949494;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.number-spinner a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #CCCCCC;
}
@media (max-width: 767px) {
  .number-spinner a {
    width: 24px;
  }
}
.number-spinner input {
  border: 0;
  text-align: center;
  width: 40px;
  height: 30px;
  border-left: 0.5px solid #949494;
  border-right: 0.5px solid #949494;
}
@media (max-width: 767px) {
  .number-spinner input {
    width: 30px;
  }
}

.addto-cart a {
  background: #F67941;
  display: flex;
  align-items: center;
  height: 56px;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
}
.addto-cart a.addtocart {
  background: #FFE5D9;
  border: 1px solid #F67941;
  color: #F67941;
}
@media (max-width: 767px) {
  .addto-cart a {
    height: 35px;
    font-size: 12px;
    padding: 0 24px;
  }
}
.addto-cart ul {
  display: flex;
  list-style: none;
  align-items: center;
  margin: 0 -5px;
  justify-content: center;
}
.addto-cart ul li {
  padding: 0 5px;
}
.addto-cart ul li:first-child {
  flex: 0 0 calc(100% - 180px);
}
@media (max-width: 767px) {
  .addto-cart ul li:first-child {
    flex: 0 0 auto !important;
  }
}
.addto-cart ul li:last-child {
  flex: 0 0 180px;
}
@media (max-width: 767px) {
  .addto-cart ul li:last-child {
    flex: 0 0 auto !important;
  }
}

.prd-style {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .prd-style {
    margin-top: 10px;
  }
}
.prd-style p {
  font-size: 16px;
  font-weight: bold;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .prd-style p {
    font-size: 12px;
  }
}
.prd-style label {
  color: #1E2A29;
  font-size: 12px;
  margin-left: 18px;
}
@media (max-width: 767px) {
  .prd-style label {
    font-size: 10px;
  }
}
.prd-style select {
  height: 30px;
  border: 0.5px solid #949494;
  border-radius: 5px;
  width: 98px;
  text-align: center;
}
@media (max-width: 767px) {
  .prd-style select {
    width: 60px;
    font-size: 12px;
  }
}

.content-prd-tab {
  font-size: 16px;
}
.content-prd-tab .tab-prd {
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 12;
}
@media (max-width: 1023px) {
  .content-prd-tab .tab-prd {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .content-prd-tab .tab-prd {
    font-size: 8px;
  }
}
.content-prd-tab .tab-prd ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-prd-tab .tab-prd ul li:last-child {
  margin-right: 0;
}
.content-prd-tab .tab-prd a {
  display: flex;
  padding: 16px 16px;
  border-bottom: 2px solid transparent;
}
.content-prd-tab .tab-prd a.active, .content-prd-tab .tab-prd a:hover {
  border-bottom: 2px solid #1B5F4A;
    color: #fff;
    background: #1B5F4A;
}

.tab-content-product {
  padding: 16px 0;
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .tab-content-product {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tab-content-product {
    font-size: 10px;
  }
}
.tab-content-product.active {
  position: relative;
  opacity: 1;
  pointer-events: unset;
}
.tab-content-product .box-thongso .desc-thongso ul li span:first-child {
  flex: 0 0 230px;
}
.tab-content-product .box-thongso .desc-thongso ul li span:last-child {
  flex: 0 0 calc(100% - 230px);
}
.tab-content-product p, .tab-content-product h2, .tab-content-product h3, .tab-content-product h4, .tab-content-product h5, .tab-content-product h6 {
  margin-bottom: 15px;
}
.tab-content-product ul {
  padding: 0 0 18px 0;
}
.tab-content-product ul li {
  margin-bottom: 6px;
}
@media (max-width: 1023px) {
  .tab-content-product .detail {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .tab-content-product .detail {
    padding: 0 16px;
  }
}

.modal-info-product {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s all !important;
  z-index: 10;
  height: 100%;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
}
.modal-info-product.opened {
  opacity: 1;
  pointer-events: unset;
}
.modal-info-product .content-prd-tab {
  position: relative;
  background: #fff;
  padding: 0 0 24px 0;
  min-height: 100vh;
}
.modal-info-product .container {
  max-width: 1100px;
}

.box-video-iframe {
  position: relative;
  padding-top: 56.25% !important;
  width: 100%;
}
.box-video-iframe iframe { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box-video-iframe img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-thumb-modal img {
  max-height: 100%;
}
.nav-thumb-modal .slick-track {
  margin: 0 auto;
}
.nav-thumb-modal .slide-thumb-top {
  margin-bottom: 24px;
}
.nav-thumb-modal .slide-thumb-top .item-thumb {
  margin-bottom: 24px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .nav-thumb-modal .slide-thumb-top .item-thumb {
    max-height: 45vh;
    margin-bottom: 0;
  }
}
.nav-thumb-modal .slide-thumb-top .item-thumb img {
  max-height: 100%;
}
.nav-thumb-modal .slide-nav-bot {
  margin: 0 -8px;
}
.nav-thumb-modal .slide-nav-bot .item-slide {
  padding: 0 8px;
}
.nav-thumb-modal .slide-nav-bot .item-thumb {
  border: 1px solid #ddd;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .nav-thumb-modal .slide-nav-bot .item-thumb {
    height: auto;
  }
}

.close-modal {
  position: fixed;
  top: 20px;
  right: 40px;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 6px;
  z-index: 13;
}

#countdown #tiles {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#countdown #tiles > span {
  width: 38px;
  font-family: Barlow;
  text-align: center;
  color: #111;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  background: #FFFFFF;
  height: 38px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: 14px;
  color: #D0021C;
}
@media (max-width: 767px) {
  #countdown #tiles > span {
    margin-right: 4px;
    font-size: 8px;
    width: 20px;
    height: 20px;
  }
}
#countdown #tiles > span:last-child {
  margin-right: 0;
}
#countdown #tiles > span:first-child {
  display: none;
}
@media (max-width: 1023px) {
  #countdown #tiles > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #countdown #tiles > span {
    font-size: 8px;
  }
}

#countdown .labels {
  display: none;
}

.desc-sale-prd {
  margin-top: -25px;
  color: #fff;
  margin-bottom: 32px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .desc-sale-prd {
    font-size: 10px;
    margin-top: -15px;
    margin-bottom: 20px;
  }
}
.desc-sale-prd h4 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .desc-sale-prd h4 {
    font-size: 16px;
    margin: 0;
    padding: 6px 0;
  }
}
.desc-sale-prd .coundown {
  margin-top: 12px;
}

.item-dichvu {
  height: 100%;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.item-dichvu ul {
  list-style: none;
  font-size: 12px;
  color: #949494;
}
@media (max-width: 1023px) {
  .item-dichvu ul {
    font-size: 9px;
  }
}
.item-dichvu ul li {
  margin-bottom: 6px;
}
.item-dichvu ul li:last-child {
  margin-bottom: 0;
}
.item-dichvu p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid;
}
@media (max-width: 1023px) {
  .item-dichvu p {
    font-size: 10px;
  }
}
.item-dichvu .desc {
  font-size: 16px;
  font-weight: 600;
  padding: 18px 0 12px 0;
  border-bottom: 1px solid;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .item-dichvu .desc {
    font-size: 10px;
  }
}
.item-dichvu .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .item-dichvu .price {
    font-size: 12px;
  }
}
.item-dichvu .price label {
  color: #D0021C;
  font-size: 24px;
  font-weight: bold;
  font-family: Barlow;
}
@media (max-width: 1023px) {
  .item-dichvu .price label {
    font-size: 14px;
  }
}
.item-dichvu .view-detail a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  border: 1px solid green;
  color: green;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .item-dichvu .view-detail a {
    height: 32px;
    font-size: 10px;
  }
}
.item-dichvu .info {
  padding: 16px;
}
@media (max-width: 1023px) {
  .item-dichvu .info {
    padding: 8px;
  }
}

.head-dichvu {
  background: #1B5F4A;
  color: #fff;
  padding: 10px 14px;
  position: relative;
}
@media (max-width: 767px) {
  .head-dichvu {
    padding: 6px 10px;
  }
}
.head-dichvu.srv-big {
  background: #61D135;
}
.head-dichvu.srv-normal {
  background: #008D36;
}
.head-dichvu h3 a {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: block;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 83px;
}
.content-desc {
    height: 44px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 1023px) {
  .head-dichvu h3 a {
    font-size: 14px;
    min-height: 58px;
  }
  .content-desc {
      height: 30px;
  }
}
@media (max-width: 767px) {
  .head-dichvu h3 a {
    font-size: 10px;
    min-height: 44px;
    line-height: 1.5;
  }
  .content-desc {
      height: 28px;
  }
}
.head-dichvu .top {
  position: relative;
  margin-bottom: 10px;
}
.head-dichvu .top label {
  position: absolute;
  top: -10px;
  right: -14px;
  width: 45%;
  background: #fff;
  color: #000000;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: calc(100% + 10px);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 14px 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
@media (max-width: 1023px) {
  .head-dichvu .top label {
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  .head-dichvu .top label {
    font-size: 6px;
    padding-top: 5px;
  }
}
.head-dichvu .i-tag {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 14px;
  background: linear-gradient(0deg, #FBFCFC -4.05%, #70C452 115.54%);
  box-shadow: 0px 14.4305px 26.5335px -11.6375px #AB90AF, inset 0px 0px 34.447px #FFFFFF;
  border-radius: 30px;
  color: green;
  line-height: initial;
}
@media (max-width: 1023px) {
  .head-dichvu .i-tag {
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  .head-dichvu .i-tag {
    font-size: 6px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  .list-dichvu .row {
    margin: 0 -5px;
  }
}
.list-dichvu .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .list-dichvu .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    margin-top: 10px;
  }
}

.content-new-srv {
  border-top: 1px solid;
  padding-top: 24px;
}
@media (max-width: 767px) {
  .content-new-srv {
    font-size: 10px;
  }
}
.content-new-srv .col-md-8 {
  flex: 0 0 65%;
  max-width: 65%;
}
@media (max-width: 767px) {
  .content-new-srv .col-md-8 {
    order: 2;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.content-new-srv .col-md-4 {
  flex: 0 0 35%;
  max-width: 35%;
}
@media (max-width: 767px) {
  .content-new-srv .col-md-4 {
    order: 1;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.txt-news p {
  margin-bottom: 16px;
}
.txt-news ul {
  margin-bottom: 16px;
  padding-left: 18px;
}
.txt-news ul li {
  margin-bottom: 6px;
}
.txt-news ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .list-new-srv {
    margin-bottom: 20px;
  }
}

.item-new-srv {
  display: flex;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .item-new-srv {
    margin-bottom: 10px;
  }
}
.item-new-srv:last-child {
  margin-bottom: 0;
}
.item-new-srv .avarta {
  flex: 0 0 200px;
  margin: 0 14px 0 0;
}
@media (max-width: 1023px) {
  .item-new-srv .avarta {
    flex: 0 0 48%;
  }
}
@media (max-width: 767px) {
  .item-new-srv .avarta {
    flex: 0 0 146px;
    margin-right: 10px;
  }
}
.item-new-srv .avr {
  position: relative;
  padding-top: 60%;
}
.item-new-srv .avr img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-new-srv h3 a {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .item-new-srv h3 a {
    font-size: 10px;
  }
}
.item-new-srv .date {
  color: #949494;
  font-size: 12px;
}
@media (max-width: 767px) {
  .item-new-srv .date {
    display: none;
  }
}
.item-new-srv .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0;
}
@media (max-width: 767px) {
  .item-new-srv .info {
    padding: 0;
  }
}

.box-content-product {
  padding: 0 0 56px 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .box-content-product {
    font-size: 10px;
    padding: 24px 0;
  }
}
.box-content-product h1, .box-content-product h2, .box-content-product h3, .box-content-product h4, .box-content-product h5, .box-content-product h6 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .box-content-product h1, .box-content-product h2, .box-content-product h3, .box-content-product h4, .box-content-product h5, .box-content-product h6 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .box-content-product h1, .box-content-product h2, .box-content-product h3, .box-content-product h4, .box-content-product h5, .box-content-product h6 {
    font-size: 16px;
  }
}
.box-content-product .name-cate {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 16px;
  margin-bottom: 26px;
  color: #1B5F4A;
  font-weight: bold;
}
.box-content-product .name-cate span {
  position: relative;
  display: inline-flex;
}
.box-content-product .name-cate span:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #1B5F4A;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.load-detail-view {
  margin-top: 28px;
}
.load-detail-view a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E7EFEA;
  border: 1px solid #1B5F4A;
  border-radius: 5px;
  color: #1B5F4A;
  font-size: 16px;
  font-weight: 600;
  height: 58px;
  padding: 0 100px;
}
@media (max-width: 767px) {
  .load-detail-view a {
    font-size: 10px;
    height: 40px;
    padding: 0;
    width: 100%;
  }
}

.detail-catogory .detail {
  position: relative;
  overflow: hidden;
  max-height: 170px;
}
@media (max-width: 767px) {
  .detail-catogory .detail {
    max-height: 100px;
  }
}
.detail-catogory .detail.active {
  height: auto;
  max-height: unset;
} 
.detail-catogory .detail.active:after {
  display: none;
}
.detail-catogory .detail:after {
  content: "";
  width: 100%;
  height: 74px;
  background: linear-gradient(180deg, rgba(231, 239, 234, 0) -74.81%, #E7EFEA 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.box-producthot {
  margin-bottom: 100px;
}

.preview-thumb, .list-preview-slide {
  position: relative;
}
.preview-thumb .item-thumb, .list-preview-slide .item-thumb {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-thumb .slide-pro.active .icon, .preview-thumb .slide-pro:hover .icon, .list-preview-slide .slide-pro.active .icon, .list-preview-slide .slide-pro:hover .icon {
  border: 1px solid #1B5F4A;
}
.preview-thumb .slide-pro.active .icon path, .preview-thumb .slide-pro:hover .icon path, .list-preview-slide .slide-pro.active .icon path, .list-preview-slide .slide-pro:hover .icon path {
  fill: #1B5F4A;
}

.slide-item-show-preview {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: unset;
  transition: 0.3s all !important;
  cursor: pointer;
}
.slide-item-show-preview.d-none-custom {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

video.video-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.pag-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-weight: 500;
}
.pag-slide span {
  padding-right: 6px;
}
.pag-slide .news__counter {
  color: #1B5F4A;
}

.content-product-salee {
  border-radius: 0;
  background: url("../images/b-sale.jpg") no-repeat center;
  background-size: cover;
}

.content-product-sale-home {
  background: url("../images/sale-home.jpg") no-repeat center;
  background-size: cover;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.titl-cart {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0;
}
@media (max-width: 767px) {
  .titl-cart {
    padding: 12px 0;
    font-size: 10px;
  }
}

.content-cart {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 22px;
}
@media (max-width: 767px) {
  .content-cart {
    padding: 20px;
  }
}

.item-prd-cart {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .item-prd-cart {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.item-prd-cart.item-total {
  align-items: center;
}
@media (max-width: 767px) {
  .item-prd-cart.item-total p {
    font-size: 10px !important;
  }
}
.item-prd-cart .left-item {
  display: flex;
  flex: 0 0 65%;
}
@media (max-width: 767px) {
  .item-prd-cart .left-item {
    flex: unset;
  }
}
.item-prd-cart .left-item .avarta {
  flex: 0 0 116px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .item-prd-cart .left-item .avarta {
    flex: 0 0 50px;
    margin-right: 10px;
  }
}
.item-prd-cart .left-item h4 a {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .item-prd-cart .left-item h4 a {
    font-size: 10px;
    display: block;
  }
}
.item-prd-cart .left-item ul {
  font-size: 12px;
  color: #1E2A29;
  padding: 12px 0 12px 18px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .item-prd-cart .left-item ul {
    font-size: 8px;
    padding: 5px 0;
    list-style: none;
    line-height: 1.6;
  }
}
.item-prd-cart .left-item p {
  font-size: 12px;
}
@media (max-width: 767px) {
  .item-prd-cart .left-item p {
    font-size: 6px;
  }
}
.item-prd-cart .right-item {
  flex: 0 0 35%;
  max-width: 35%;
  padding-left: 24px;
  text-align: right;
}
@media (max-width: 767px) {
  .item-prd-cart .right-item {
    flex: unset;
    max-width: unset;
  }
}
.item-prd-cart .quantity {
  padding: 14px 0 0 0;
  justify-content: flex-end;
}
.item-prd-cart .price {
  color: #D0021C;
  font-size: 24px;
  font-weight: 700;
  font-family: Barlow;
}
@media (max-width: 767px) {
  .item-prd-cart .price {
    font-size: 14px;
  }
}
.item-prd-cart .price.price-total {
  color: #000000;
}
.item-prd-cart del {
  font-size: 24px;
  color: #949494;
  font-weight: 400;
  font-family: Barlow;
}
@media (max-width: 767px) {
  .item-prd-cart del {
    font-size: 10px;
  }
}

.remove {
  margin-top: 6px;
}
.remove a {
  display: inline-flex;
  color: #CCCCCC;
  font-size: 10px;
}
@media (max-width: 767px) {
  .remove a {
    font-size: 7px;
  }
}

.t-user {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.check-user {
  font-size: 12px;
  margin-bottom: 14px;
}
.check-user ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.check-user ul li {
  margin: 0 24px 0 0;
  display: flex;
  align-items: center;
}
.check-user ul li:last-child {
  margin: 0;
}
.check-user ul li input {
  margin: 0;
}
.check-user ul li label {
  margin-left: 4px;
}

.frm-field {
  font-size: 12px;
}
.frm-field.other-field {
  margin: 25px 0;
  padding: 25px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .frm-field.other-field {
    margin: 12px 0;
    padding: 12px 0;
  }
}
.frm-field .row {
  margin: 0 -6px;
}
.frm-field .row > div {
  padding: 0 6px;
  margin-bottom: 12px;
}
.frm-field .row .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px) {
  .frm-field .row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.frm-field .row .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.frm-field .note-notice {
  color: #D0021C;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .frm-field .note-notice {
    font-size: 8px;
  }
}
.frm-field .txt_field {
  padding: 0 12px;
  height: 47px;
  width: 100%;
  border: 0.5px solid #949494;
  border-radius: 5px;
  font-size: 12px;
}
.frm-field select {
  padding: 0 12px;
  height: 47px;
  width: 100%;
  border: 0.5px solid #949494;
  border-radius: 5px;
  font-size: 12px;
  color: #1074CF;
}

.place-state {
  background: #F3F3F3;
  border: 0.5px solid #949494;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 12px;
  padding: 15px 15px 5px 15px;
}
.place-state p {
  margin-bottom: 15px;
}

.choose-other-user .place-state {
  margin-bottom: 8px;
}
.choose-other-user .place-state.d-none {
  display: none;
}
.choose-other-user .item-choose {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.choose-other-user .item-choose:last-child {
  margin-bottom: 0;
}
.choose-other-user .item-choose input {
  margin: 0;
  position: relative;
  top: 1px;
}
.choose-other-user .item-choose label {
  margin-left: 4px;
}

.stick-voucher {
  display: inline-flex;
  height: 47px;
  border: 0.5px solid #949494;
  border-radius: 5px;
  align-items: center;
  padding: 0 15px;
}
.stick-voucher svg {
  margin-right: 10px;
}

.content-boucher {
  display: flex;
  align-items: center;
  padding: 0 0 10px 0;
}
@media (max-width: 767px) {
  .content-boucher {
    display: block;
  }
}
.content-boucher .code-voucher {
  flex: 0 0 calc(100% - 170px);
}
@media (max-width: 767px) {
  .content-boucher .code-voucher {
    margin-bottom: 5px;
  }
}
.content-boucher .action-vouccher {
  flex: 0 0 170px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .content-boucher .action-vouccher {
    padding: 0;
  }
}
.content-boucher .btn_voucher {
  background: #1B5F4A;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  height: 47px;
  border: 0;
  outline: none;
  color: #fff;
  cursor: pointer;
}

.total-money {
  padding: 25px 0;
  margin: 25px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 767px) {
  .total-money {
    padding: 15px 0;
    margin: 15px 0;
  }
}
.total-money .price {
  font-size: 24px;
  font-family: Barlow;
}

.submit-cart {
  text-align: center;
  padding: 0 0 20px 0;
}
@media (max-width: 767px) {
  .submit-cart {
    padding: 0;
    font-size: 10px;
  }
}
.submit-cart p {
  font-size: 10px;
}
.submit-cart .btn_submit_cart {
  font-size: 20px;
  height: 60px;
  width: 100%;
  border: 0;
  cursor: pointer;
  background: #F67941;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .submit-cart .btn_submit_cart {
    font-size: 15px;
    height: 45px;
  }
}

.note-bottom {
  color: #949494;
  font-size: 10px;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .note-bottom {
    padding: 6px 0;
    font-size: 6px;
  }
}

.box-policy .row {
  margin: 0 -20px;
}
.box-policy .col-md-4 {
  flex: 0 0 35%;
  max-width: 35%;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .box-policy .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.box-policy .col-md-8 {
  flex: 0 0 65%;
  max-width: 65%;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .box-policy .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .sidebar-policy {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .sidebar-policy .sidebar {
    border: 0.25px solid #949494;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
  }
}
.sidebar-policy .sidebar ul {
  list-style: none;
}
.sidebar-policy .sidebar ul li {
  border-bottom: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .sidebar-policy .sidebar ul li:last-child {
    border-bottom: 0;
  }
}
.sidebar-policy a {
  display: block;
  padding: 18px 32px;
  font-size: 20px;
  font-weight: bold;
  color: #1B5F4A;
}
@media (max-width: 1200px) {
  .sidebar-policy a {
    padding: 12px 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sidebar-policy a {
    font-size: 12px;
    padding: 10px;
  }
}
.sidebar-policy a.active, .sidebar-policy a:hover {
  color: #fff;
  background: #1B5F4A;
}

.box-policy {
  padding: 0 0 40px 0;
}
@media (max-width: 767px) {
  .box-policy {
    padding: 0 0 20px 0;
  }
}

.content-popicy {
  font-size: 16px;
}
@media (max-width: 767px) {
  .content-popicy {
    font-size: 10px;
  }
}
.content-popicy h2, .content-popicy h3, .content-popicy h4, .content-popicy h5, .content-popicy h6 {
  font-weight: 600;
  margin-bottom: 16px;
}
.content-popicy .detail p {
  margin-bottom: 12px;
}

.content-news-cate .col-md-3 {
  flex: 0 0 32%;
  max-width: 32%;
}
@media (max-width: 1023px) {
  .content-news-cate .col-md-3 {
    display: none;
  }
}
.content-news-cate .col-md-9 {
  flex: 0 0 68%;
  max-width: 68%;
}
@media (max-width: 1023px) {
  .content-news-cate .col-md-9 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.t-bar-blog {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 12px;
}

.hot-blog {
  margin-bottom: 60px;
  margin-top: 60px;
}
.hot-blog ul {
  list-style: none;
}
.hot-blog ul li {
  margin-bottom: 15px;
  display: flex;
}
.hot-blog ul li span {
  flex: 0 0 42px;
  margin-right: 16px;
  color: #949494;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 1400px) {
  .hot-blog ul li span {
    font-size: 16px;
  }
}
.hot-blog ul li:last-child {
  margin-bottom: 0;
}

.prd-bar-blog {
  margin-bottom: 60px;
}
.prd-bar-blog ul {
  list-style: none;
}
.prd-bar-blog ul li {
  margin-bottom: 24px;
}
.prd-bar-blog ul li:last-child {
  margin-bottom: 0;
}
.prd-bar-blog ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-event {
  display: flex;
  color: #949494;
  font-size: 12px;
  margin-bottom: 14px;
}
.item-event:last-child {
  margin-bottom: 0;
}
.item-event .avarta {
  flex: 0 0 50%;
  margin-right: 14px;
  overflow: hidden;
}
.item-event .avarta .avr {
  position: relative;
  padding-top: 59.5026642984%;
  border-radius: 5px;
  overflow: hidden;
}
.item-event .avarta a {
  display: flex;
  align-items: center;
}
.item-event .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-event .info {
  padding: 6px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item-event .info a {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.event-blog-bar {
  margin-bottom: 60px;
}

.service-bar ul {
  list-style: none;
}
.service-bar ul li {
  margin-bottom: 22px;
}
.service-bar ul li:last-child {
  margin-bottom: 0;
}
.service-bar ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-cate-new {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .tag-cate-new {
    margin-bottom: 16px;
  }
}
.tag-cate-new ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.tag-cate-new ul li {
  margin-right: 4px;
}
.tag-cate-new ul li.active a {
  border: 0.5px solid #1B5F4A;
  background: #1B5F4A;
  color: #fff;
}
.tag-cate-new a {
  font-size: 20px;
  display: inline-flex;
  padding: 0 28px;
  border: 0.5px solid #949494;
  border-radius: 64px;
  height: 55px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
@media (max-width: 1400px) {
  .tag-cate-new a {
    font-size: 16px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .tag-cate-new a {
    font-size: 12px;
    height: 32px;
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .tag-cate-new a {
    font-size: 8px;
    height: 25px;
    padding: 0 12px;
  }
}

.item-list-blog {
  display: flex;
  margin-bottom: 38px;
  padding-bottom: 38px;
  border-bottom: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .item-list-blog {
    margin-bottom: 8px;
    padding: 0;
    border: 0;
  }
}
.item-list-blog:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.item-list-blog.justify-content-center {
  justify-content: center;
}
.item-list-blog .avarta {
  flex: 0 0 320px;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .item-list-blog .avarta {
    margin-right: 10px;
    flex: 0 0 45%;
  }
}
.item-list-blog .avr {
  position: relative;
  padding-top: 56.25%;
  border-radius: 5px;
  overflow: hidden;
}
.item-list-blog .avr img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-list-blog .date {
  font-size: 12px;
  color: #949494;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .item-list-blog .date {
    display: none;
  }
}
.item-list-blog h3 a {
  display: block;
  color: #1B5F4A;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
}
@media (max-width: 1400px) {
  .item-list-blog h3 a {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .item-list-blog h3 a {
    font-size: 10px;
    line-height: 1.4;
  }
}

.video-blog-list {
  margin: 40px 0;
  color: #fff;
  background: #000000;
  padding: 25px;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .video-blog-list {
    margin: 15px 0;
    padding-top: 20px;
    border-radius: 0;
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
  }
}
.video-blog-list .t-bar-blog {
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .video-blog-list .t-bar-blog {
    font-size: 16px;
    margin-bottom: 12px;
  }
}

.slide-video {
  margin: 0 -10px;
}
@media (max-width: 767px) {
  .slide-video {
    margin: 0 -4px;
  }
}
.slide-video .item-slide {
  padding: 0 10px;
}
@media (max-width: 767px) {
  .slide-video .item-slide {
    padding: 0 4px;
  }
}

.item-video .avarta {
  position: relative;
  padding-top: 56.1904761905%;
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .item-video .avarta {
    margin-bottom: 10px;
  }
}
.item-video .avarta:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.item-video .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-video .icon-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  pointer-events: none;
}
.item-video .icon-play img {
  width: auto;
  height: auto;
  position: relative;
}
.item-video h3 a {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 1400px) {
  .item-video h3 a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .item-video h3 a {
    font-size: 10px;
    font-weight: normal;
  }
}

.view-all-blog {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 0;
  margin-top: 40px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .view-all-blog {
    margin-top: 15px;
    padding: 12px 0;
    font-size: 10px;
  }
}
.view-all-blog a {
  color: #1B5F4A;
}

.blog-big-hot {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .blog-big-hot {
    margin-bottom: 15px;
  }
}
.blog-big-hot .left {
  flex: 0 0 65%;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .blog-big-hot .left {
    margin: 0;
    flex: 0 0 100%;
  }
}
.blog-big-hot ul {
  list-style: none;
  font-size: 18px;
}
@media (max-width: 1400px) {
  .blog-big-hot ul {
    font-size: 16px;
  }
}
.blog-big-hot ul li {
  padding: 12px 0;
  border-top: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
  .blog-big-hot .right {
    display: none;
  }
}

.blog-big .avarta {
  border-radius: 15px;
  overflow: hidden;
  padding-top: 59.5026642984%;
  position: relative;
  margin-bottom: 12px;
}
.blog-big .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-big h2 a {
  font-size: 32px;
  font-weight: bold;
  display: block;
  line-height: 1.1;
  margin-bottom: 24px;
}
@media (max-width: 1400px) {
  .blog-big h2 a {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .blog-big h2 a {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
  }
}
.blog-big .date {
  font-size: 12px;
  color: #949494;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .blog-big .date {
    margin-top: 10px;
    font-size: 8px;
  }
}
@media (max-width: 767px) {
  .blog-big .desc {
    display: none;
  }
}

.small-blog {
  margin-bottom: 12px;
}
.small-blog .avarta {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  padding-top: 78.125%;
  margin-bottom: 8px;
}
.small-blog .avarta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.small-blog h3 a {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 15px;
}
@media (max-width: 1400px) {
  .small-blog h3 a {
    font-size: 16px;
  }
}
.small-blog .date {
  font-size: 12px;
  color: #949494;
}

.box-news {
  padding: 0 0 60px 0;
}
@media (max-width: 767px) {
  .box-news {
    padding: 0 0 32px 0;
  }
}

.detail-blog {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .detail-blog {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .detail-blog {
    font-size: 10px;
  }
}
.detail-blog .detail iframe {
  max-width: 100%;
}
.detail-blog .detail img {
  max-width: 100%;
  height: auto !important;
}
.detail-blog .detail h2, .detail-blog .detail h3, .detail-blog .detail h4, .detail-blog .detail h5, .detail-blog .detail h6 {
  margin-bottom: 20px;
}
.detail-blog .detail p {
  margin-bottom: 20px;
}
.detail-blog .detail p a {
  color: blue; 
}
.detail-blog .detail ul, .detail-blog .detail ol {
  margin-bottom: 20px;
  padding-left: 18px;
}
.detail-blog .detail ul li, .detail-blog .detail ol li {
  margin-bottom: 6px;
}
.detail-blog .detail ul li:last-child, .detail-blog .detail ol li:last-child {
  margin-bottom: 0;
}

.info-title-detail {
  margin-bottom: 14px;
}
.info-title-detail h1 {
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .info-title-detail h1 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .info-title-detail h1 {
    font-size: 16px;
  }
}
.info-title-detail ul {
  list-style: none;
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #CCCCCC;
  align-items: center;
}
.info-title-detail ul li {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .info-title-detail ul li {
    margin-right: 20px;
  }
}
.info-title-detail ul li:last-child {
  margin-right: 0;
}
.info-title-detail .autor {
  color: #1B5F4A;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .info-title-detail .autor {
    font-size: 10px;
  }
}
.info-title-detail .date {
  color: #949494;
  font-size: 12px;
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
  .info-title-detail .date {
    font-size: 8px;
    top: 0;
  }
}

.more-detail {
  margin-top: 32px;
}
.more-detail ul {
  font-size: 14px;
  list-style: none;
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .more-detail ul {
    font-size: 10px;
  }
}
.more-detail ul li {
  margin-bottom: 8px;
}
.more-detail ul li:last-child {
  margin-bottom: 0;
}
.more-detail ul li a {
  color: #028FE3;
  position: relative;
  padding-left: 12px;
}
.more-detail ul li a:after {
  content: "";
  width: 3px;
  height: 3px;
  background: #028FE3;
  border-radius: 100%;
  top: 45%;
  left: 0;
  position: absolute;
}
.more-detail label {
  font-size: 12px;
  color: #949494;
}
@media (max-width: 767px) {
  .more-detail label {
    font-size: 8px;
  }
}

.like-share {
  margin-top: 12px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .like-share {
    margin-bottom: 0;
  }
}
.like-share ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.like-share ul li {
  margin-right: 4px;
}
.like-share ul li:last-child {
  margin-right: 0;
}

.list-blog-same .row {
  margin: 0 -10px;
}
.list-blog-same .row .col-md-4 {
  flex: 0 0 33.3333333333%;
  padding: 0 10px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .list-blog-same .row .col-md-4 {
    margin-bottom: 8px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .list-blog-same .row .col-md-4:last-child {
    margin-bottom: 0;
  }
}

.blog-same {
  max-width: 1000px;
  margin: 0 auto;
  padding: 46px 0;
}
@media (max-width: 767px) {
  .blog-same {
    padding: 24px 0;
  }
}
.blog-same .t-same {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .blog-same .t-same {
    font-size: 16px;
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .item-blog-same {
    display: flex;
    margin-bottom: 8px;
  }
}
.item-blog-same .avarta {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .item-blog-same .avarta {
    margin: 0 10px 0 0;
    flex: 0 0 45%;
  }
}
.item-blog-same .avr {
  position: relative;
  padding-top: 59.5026642984%;
  overflow: hidden;
}
.item-blog-same .avr img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-blog-same .info a {
  display: block;
  font-size: 20px;
  color: #1B5F4A;
  font-weight: normal;
  line-height: initial;
}
@media (max-width: 1200px) {
  .item-blog-same .info a {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .item-blog-same .info a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .item-blog-same .info a {
    font-size: 10px;
    color: #000000;
  }
}
.item-blog-same .date {
  color: #949494;
  font-size: 12px;
  margin-top: 15px;
}
.desc-thongso {
    max-height: 160px;
    overflow: hidden;
}
.tab-content-product .desc-thongso {
    max-height: unset;
}
@media (max-width: 767px) {
  .item-blog-same .date {
    display: none;
  }
  .content-prd-tab .desc-thongso {
      max-height: unset !important;
  }
  .slide-banner-cate .slick-arrow {
      display: none !important;
  }
  .slide-banner-cate ul.slick-dots {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      bottom: 0;
      margin-top: 8px;
  }

  .slide-banner-cate ul.slick-dots button {
      display: none !important;
  }

  .slide-banner-cate ul.slick-dots li {
      width: 8px;
      height: 3px;
      background: #1d5342;
      border-radius: 5px;
      margin: 0 2px;
      opacity: 0.4;
  }

  .slide-banner-cate ul.slick-dots li.slick-active {
      opacity: 1;
  }

}

.banner-catalog {
  margin-top: 0;
}
 
/*# sourceMappingURL=style.css.map */
 

.item-banner video {
    width: 100%;
    height: auto;
}
.item-banner {
    position: relative;
}

a.link_banner_home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.head-top .logo img {
    max-height: 80px;
}
.head-cta a svg {
    margin-right: 6px;
}
.cta-mobiltop svg {
    margin-right: 4px;
    position: relative;
    margin-top: -1px;
}
.icon-scroll-top {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 2;
    transition: .3s all !important;
    opacity: 0;
    pointer-events: none;
}
.icon-scroll-top.show {
  opacity: 1;
    pointer-events: unset;
}
.icon-scroll-top a {
    display: block;
    background: #028fe3;
    text-align: center;
    color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    font-weight: bold;
}

.icon-scroll-top a span {
    display: block;
}

.icon-scroll-top a svg {
    position: relative;
    top: 8px;
}

.item-product.product-saler {
    height: auto;
    margin-bottom: 24px;
}

.item-product.product-saler:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
  .icon-scroll-top a {
      width: 50px;
      height: 50px;
      font-size: 11px;
      font-weight: normal;
  }

  .icon-scroll-top a svg {
      top: 4px;
  }
}
@media (max-width: 1023px) {
  .item-product .info .price.prd-price {
      font-size: 16px;
  }

  .item-product .info .del.price-del {
  }

  .item-product .info .del.price-del del {
      font-size: 12px;
  }

  .item-product .info .del.price-del label {
      display: none;
  }
}

@media (max-width: 767px) {
  .slide-project {
      width: 100% !important;
  }

  .slide-project .item-slide {
      flex: 0  0 50% !important;
      max-width: 50% !important;
  }
    .box-product-hot .content-slide.un-overflow {
      overflow: hidden;
  }

  .scroll-mb {
      overflow: auto;
  }

  .scroll-mb::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .scroll-mb::-webkit-scrollbar {
    height: 3px;
    background-color: transparent;  
    border-radius: 30px;
  }
  .scroll-mb::-webkit-scrollbar-thumb {
    background-color: #1d5342;
    border-radius: 30px;
  }

  .box-product-hot .content-slide::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .box-product-hot .content-slide::-webkit-scrollbar {
    height: 3px;
    background-color: transparent;  
    border-radius: 30px;
  }
  .box-product-hot .content-slide::-webkit-scrollbar-thumb {
    background-color: #1d5342;
    border-radius: 30px;
  }

  .icon-scroll-top {
      bottom: 60px;
      left: 10px;
  }

  .icon-scroll-top a span {
      display: none;
  }

  .icon-scroll-top a { 
      width: 32px;
      height: 32px;
  }
}
.cart-mb-head {
    flex: 0 0 30px;
}
.modal-info-product .box-video-iframe {
    padding-top: 100% !important;
}
.detail p a {
    font-weight: 500;
    color: blue;
}

/*.list-dichvu .col-md-3 {
  display: none;
}*/
.list-dichvu .loadmore {
    margin-top: 28px;
}

.list-dichvu .loadmore a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 24px;
    background: #1b5f4a;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
}
.box-banner-cate .swiper-pagination {
    display: none;
}
.d-none-seo {
    display: none !important;
}
@media (min-width: 1024px) {
  .social-fixed ul li img {
      width: 65px;
  }
}

@media (max-width: 767px) {
  .list-dichvu .loadmore {
      margin-top: 20px; 
  }

  .list-dichvu .loadmore a {
      font-size: 12px;
      height: 32px;
      font-weight: normal;
  }
  .swiper-main .swiper-button {
    display: none !important;
  }

  .box-banner-cate .swiper-pagination {
      display: block;
      position: relative;
      bottom: 0;
      margin-top: 10px;
      width: 100% !important;
  }
  .cta-swipp {
    display: none !important;
  }
  .box-banner-cate .swiper-pagination span {
      margin: 0 2px !important;
      width: 10px;
      height: 3px;
      border-radius: 5px;
  }
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  position: absolute;
  width: 45px;
  height: 110px;
  z-index: 2;
  top: calc(50% - 55px);
  background-size: contain !important;
  right: 0;
  background: url(../images/slick-right.png) no-repeat center;
  margin: 0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  position: absolute;
  width: 45px;
  height: 110px;
  z-index: 2;
  top: calc(50% - 55px);
  background-size: contain !important;
  left: 0;
  background: url(../images/slick-left.png) no-repeat center;
  margin: 0;
}

.title label {
    position: relative;
    display: inline-flex;
    font-weight: 600;
    -webkit-text-stroke: 1px #f67941;
    font-style: italic;
    /* font-family: 'Bebas'; */
}

.icon-gift {
    position: fixed;
    left: 24px;
    bottom: 120px;
    z-index: 8;
}

.icon-gift img {
    width: 60px;
}
@media (max-width: 767px) {
  .icon-gift {
      left: 10px;
  }

  .icon-gift img {
      width: 40px;
  }
}


.filter-content ul {
    list-style: none;
    display: flex;
    margin: 0 -5px;
    flex-wrap: wrap;
}

.filter-content ul li {
    margin-top: 6px;
    padding: 0 5px;
    /*flex: 0 0 50%; */
}

.f-filter {
    font-weight: 600;
}

.list-filter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.list-filter .item-filter {
    flex: 0 0  25%;
    max-width: 25%;
    padding: 16px;

}

.filter-content ul li label, .filter-content ul li input {
    cursor: pointer;
}

.filter-content ul li input {
    position: relative;
    top: 1px;
}
.modal-fade-popup .content-modal.mldal-filter {
    max-width: 900px;
    font-size: 12px;
}

.modal-fade-popup .content-modal.mldal-filter .head-modal {
    font-size: 20px;
}

.filter-content ul li input {
    position: absolute;
    opacity: 0;
    display: none;
}
.content-modal.mldal-filter .content-modal-detail {
    padding: 0;
}
.filter-content ul li label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 4px 10px;
    line-height: initial;
}

.filter-content ul li input:checked + label {
    border: 1px solid #1b5f4a;
    color: #fff;
    background: #1b5f4a;
}

.btn-submit-filter {
    text-align: center;
    padding: 10px 0 24px 0;
}

.btn-submit-filter input {
    cursor: pointer;
    height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    background: #1b5f4a;
    color: #fff;
    padding: 0 14px;
    border-radius: 6px;
}
.btn-filter {
    margin-top: 24px;
}

.btn-filter a {
    display: inline-flex;
    align-items: center; 
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid #aaa;
    border-radius: 8px;
    line-height: initial;
}

.btn-filter a svg {
    margin-right: 8px;
}
.fter-top-info ul li {
    margin-bottom: 8px;
}

.fter-top-info ul li:last-child {
    margin-bottom: 0;
}
.fter-top-info strong {
    color: #d3021c;
}
.fter-top-info {
    margin-bottom: 24px;
}
.item-scroll.active {
    color: #fff;
    background: #1d5342;
}
.avr-service {
    position: relative;
    padding-top: calc((100% * 9) / 16);
    overflow: hidden;
}

.avr-service img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
}
.title-prd-other {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-prd-other a {
    font-size: 16px;
    color: #d0021c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
  .list-filter .item-filter {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 10px;
  }

  .list-filter {
      margin: 0 -10px;
      max-height: 70vh;
      overflow: auto;
  }

  .modal-fade-popup .content-modal.mldal-filter .head-modal {
      font-size: 16px;
      border: 0;
      padding: 0;
  }

  .modal-fade-popup .content-modal.mldal-filter .head-modal .left {
      display: none;
  }

  .btn-submit-filter {
      padding: 10px 0 0 0;
      border-top: 1px solid #ebebeb;
  }

  .btn-submit-filter input {
      height: 32px;
      font-size: 12px;
      font-weight: 500;
  }

  .modal-fade-popup .content-modal.mldal-filter .head-modal .close-modal {
      padding: 0;
      right: 16px;
  }
  .btn-filter a {
      font-size: 12px;
      padding: 6px 15px;
  }
  .ul-list-filter.cate-filter {
      padding: 8px 24px;
  }
  .item-mb-link ul ul {
      margin-bottom: 16px;
      display: block;
  }
  .title label {
      -webkit-text-stroke: 1px #f67941;
      font-size: 22px;
      color: #fff;
      font-weight: 800;
  }
  .preview-thumb .swiper-button {
      opacity: 0;
      pointer-events: none;
  }
  .title-prd-other a {
      font-size: 10px;
  }
  .list-head-service .swiper-slide {
      width: auto;
  }
  .box-product-cate .list-product .col-md-3:nth-child(1), .box-product-cate .list-product .col-md-3:nth-child(2), .box-product-cate .list-product .col-md-3:nth-child(3), .box-product-cate .list-product .col-md-3:nth-child(4) {
    display: block;
  }
  .box-product-cate .list-product .col-md-3 {
    display: none;
  }
}

.swip-product-thumb-detail img, .swip-product-thumb-detail video {
    max-height: 500px;
    width: auto;
}

.pag-slide .swiper-pagination {
    position: relative;
    bottom: 0;
    width: auto;
}
.box-video-iframe video {
    width: 100%;
}

.scroll-btn-swip {
  opacity: 0 !important;
  pointer-events: 
}

.detail-blog .detail p.h4 {
    margin: 0;
}