@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
.pri-color {
  color: var(--fs-color-primary);
}
.pri-color * {
  color: var(--fs-color-primary);
}

.sec-color {
  color: var(--fs-color-secondary);
}
.sec-color * {
  color: var(--fs-color-secondary);
}

.justify {
  text-align: justify;
}
.justify * {
  text-align: justify;
}

.hyg_mb-0 {
  margin-bottom: 0 !important;
}
.hyg_mb-0 * {
  margin-bottom: 0 !important;
}

.hyg_mt-0 {
  margin-top: 0 !important;
}
.hyg_mt-0 * {
  margin-top: 0 !important;
}

.hyg_pb-0 {
  padding-bottom: 0 !important;
}
.hyg_pb-0 * {
  padding-bottom: 0 !important;
}

body .sml_title h1,
body .sml_title h2,
body .sml_title h3,
body .sml_title h4,
body .sml_title h5 {
  font-size: 20px;
}
@media (max-width: 550px) {
  body .center-phone * {
    text-align: center;
  }
}
body .btn1 {
  background-color: rgb(240, 240, 240);
  margin-right: 0;
  margin-bottom: 0;
  border-radius: 5px;
}
body .btn1 a {
  color: var(--fs-color-primary);
}
@media (max-width: 550px) {
  body .btn-inline {
    font-size: 13px;
  }
}
body .border-5 {
  overflow: hidden;
  border-radius: 5px;
}
@media (max-width: 550px) {
  body .icon-box-center-phone {
    flex-direction: column;
    text-align: center;
  }
  body .icon-box-center-phone .icon-box-img {
    margin-bottom: 10px;
  }
  body .icon-box-center-phone .icon-box-text {
    padding-left: 0 !important;
  }
}
@media (max-width: 550px) {
  body .menu-center-phone .ux-menu-link a {
    flex-direction: column;
    align-items: center;
  }
  body .menu-center-phone .ux-menu-link a span {
    padding-left: 0;
  }
}
body .product-category .box.box-label .box-image {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
body .product-category .box.box-label .box-text {
  background-color: rgba(255, 255, 255, 0.768627451);
  border-radius: 10px;
}
body .product-small .box .box-image {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
body .product-small .box .box-text .product-title a {
  font-weight: bold;
  color: #000;
  font-size: 16px;
}
body .product-small .box .box-text .product-title a:hover {
  color: var(--fs-color-primary);
}
body .product-small .box .box-text .price .woocommerce-Price-amount,
body .product-small .box .box-text .price .price-suffix {
  font-size: 16px;
  color: var(--fs-color-primary);
}
body .product-small .box .box-text .price .woocommerce-Price-amount {
  font-weight: bold;
}
body .product-small .box .box-text .price .woocommerce-Price-amount span {
  font-size: 16px;
  color: var(--fs-color-primary);
}
@media (max-width: 550px) {
  body .product-small .box .box-text .add-to-cart-button {
    display: none;
  }
}
body .product-small .box .box-text .add-to-cart-button a {
  background-color: var(--fs-color-success);
  font-size: 16px;
  text-transform: none;
  color: #515151;
  font-weight: 600;
}
@media (max-width: 550px) {
  body .post-item {
    padding: 0 3px 15px;
  }
}
body .post-item .col-inner .box .box-image {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
body .post-item .col-inner .box .box-text .is-divider {
  display: none;
}
body .blog-du-an .post-item .col-inner {
  background-color: #EAEAEA;
}
body .blog-du-an .post-item .col-inner .box-text {
  padding: 10px;
}
body .blog-du-an .post-item .col-inner .box-text .post-title {
  font-size: 1rem;
  text-transform: none;
  font-weight: 500;
}
body .icon-box {
  align-items: center;
}
body .sml_icon1 .icon-box-text .text h3 {
  display: inline;
}
body .sml_icon1 .icon-box-text .text:after {
  content: "\f6fc";
  font-family: "hyg-icons";
  font-size: 1.2em;
  color: var(--fs-color-primary);
  margin-left: 10px;
}
body .sml_icon1 .icon-box-text:hover .text h3 {
  color: var(--fs-color-primary) !important;
}
body .wpcf7 input,
body .wpcf7 textarea {
  border-radius: 5px;
  border-color: #000;
}
body .wpcf7 .wpcf7-submit {
  width: 100%;
  border-radius: 5px;
  border: unset;
}
body .wpcf7 .wpcf7-spinner {
  display: none;
}
body .social-icons a {
  color: var(--fs-color-primary);
}
body .sml_sticky > .col-inner {
  position: sticky;
  top: 170px;
  z-index: 10;
}
body #ftwp-contents {
  width: 100% !important;
}
body .sml_footer-box-grey {
  margin-top: -160px;
  background-color: #EAEAEA;
}
body .sml_footer-box-grey > .col > .col-inner {
  padding: 10px;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 0 0;
}
body .sml_footer-box-grey > .col:last-child > .col-inner {
  border-width: 0 0 0 0;
}
@media (max-width: 850px) {
  body .sml_footer-box-grey > .col:nth-child(1) > .col-inner {
    border-width: 0 1px 1px 0;
  }
  body .sml_footer-box-grey > .col:nth-child(2) > .col-inner {
    border-width: 0 0 1px 0;
  }
  body .sml_footer-box-grey > .col:nth-child(3) > .col-inner {
    border-width: 0 1px 0 0;
  }
  body .sml_footer-box-grey > .col:nth-child(4) > .col-inner {
    border-width: 0 0 0 0;
  }
}
body .sml_footer-box-grey .ux-menu a {
  color: var(--fs-color-primary);
  font-weight: 700;
  font-size: 1.1em;
  justify-content: center;
}
@media (max-width: 550px) {
  body .sml_footer-box-grey .ux-menu a {
    font-size: 0.9em;
  }
}
body .sml_scroll-x {
  overflow-x: auto;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
body .sml_scroll-x::-webkit-scrollbar {
  height: 5px;
  background: #eee;
  border-radius: 50px;
}
body .sml_scroll-x::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(90deg, #4D9C41 40%, #54DE5D 60%, #19911D 100%);
}
body .sml_scroll-x .col-inner {
  white-space: nowrap;
}
body .sml_box-muc-dich > .col > .col-inner {
  padding: 10px;
  border: solid 1px var(--fs-color-primary);
}
@media (max-width: 550px) {
  body .tab-content .tab-panels {
    padding: 15px !important;
  }
  body .tab-content .tab-panels .product-small,
  body .tab-content .tab-panels .post-item {
    padding: 0 3px 3px;
  }
}
@media (max-width: 550px) {
  body .tab-content .nav-tabs {
    justify-content: flex-start;
  }
}
body .tab-content .nav-tabs li a {
  background-color: transparent;
  border: unset;
}
body .tab-content .nav-tabs li.active a {
  background-color: #fff;
  color: var(--fs-color-primary);
}
body .tab-content .nav-tabs li:hover a {
  color: var(--fs-color-primary);
}
@media (max-width: 550px) {
  body .banner-grid-wrapper .banner-grid > .grid-col {
    padding: 0 5px 8px;
  }
}

@media (min-width: 850px) {
  .nav .menu-item.menu-item-has-block.has-dropdown > .sub-menu {
    display: block;
    overflow-y: auto;
    height: 70vh;
  }
  .nav .menu-item.menu-item-has-block.has-dropdown > .sub-menu::-webkit-scrollbar {
    width: 5px;
    background: #eee;
    border-radius: 50px;
  }
  .nav .menu-item.menu-item-has-block.has-dropdown > .sub-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(45deg, #4D9C41 40%, #54DE5D 60%, #19911D 100%);
  }
}
.nav .menu-item .sub-menu {
  padding: 0 !important;
}
.nav .menu-item .sub-menu li {
  position: relative;
  display: inline-block !important;
  width: 100%;
  border-right: 0;
}
.nav .menu-item .sub-menu li a {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1em;
  padding: 10px 5px;
}
.nav .menu-item .sub-menu li .sub-menu {
  top: 0;
  box-shadow: 2px 2px 5px #828282;
  display: none !important;
  position: absolute;
  left: 100%;
  z-index: 9;
  background: white;
  min-width: 240px;
}
.nav .menu-item .sub-menu li:hover > .sub-menu {
  display: grid !important;
}

#header .header-vertical-menu {
  display: none;
}
#header .header-contact a i {
  border-radius: 50px;
  padding: 7px 9px;
  color: #fff;
  background-color: var(--fs-color-primary);
  font-size: 16px;
}
#header .header-main .header-nav.nav-left {
  justify-content: center;
}
#header .header-bottom {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 850px) {
  #header .header-bottom {
    background-color: #fff;
  }
}
#header .header-search-form {
  color: #fff;
}
#header .header-search-form .header-search-form-wrapper .searchform > .flex-row > .flex-col {
  margin-left: 0;
  padding-right: 0;
}
#header .header-search-form .header-search-form-wrapper .searchform .search-field {
  color: var(--text-color) !important;
  height: 3em;
  border: none;
  border-radius: 50px 0 0 50px;
  background-color: #EAEAEA !important;
}
#header .header-search-form .header-search-form-wrapper .searchform .search-field::placeholder {
  color: var(--text-color);
}
#header .header-search-form .header-search-form-wrapper .searchform .ux-search-submit {
  padding: 0 15px;
  border: none;
  height: 3em;
  border-radius: 0px 50px 50px 0px;
  background-color: var(--fs-color-primary) !important;
}
@media (max-width: 850px) {
  #header .header-search-form .header-search-form-wrapper .searchform .search-field {
    height: 2.5em;
    border-radius: 0;
  }
  #header .header-search-form .header-search-form-wrapper .searchform .ux-search-submit {
    padding: 0;
    height: 2.5em;
    border-radius: 0;
  }
}
#header .woocommerce-mini-cart__buttons .button {
  background-color: var(--fs-color-success);
}

.mobile-sidebar .sidebar-menu {
  background-color: var(--fs-color-primary);
  height: 100vh;
}

.sml_header-main .section-content > .row > .col {
  padding-bottom: 0;
}
.sml_header-main .sml_menu-header {
  margin-top: 10px;
}
.sml_header-main .sml_menu-header .menu-scroll-wrapper {
  padding-bottom: 10px;
  margin-bottom: 30px;
  overflow-x: auto;
  width: 100%;
  text-align: center;
}
.sml_header-main .sml_menu-header .menu-scroll-wrapper::-webkit-scrollbar {
  height: 5px;
  background: #eee;
  border-radius: 50px;
}
.sml_header-main .sml_menu-header .menu-scroll-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(90deg, #4D9C41 40%, #54DE5D 60%, #19911D 100%);
}
.sml_header-main .sml_menu-header ul.nav-menu {
  display: inline-flex;
  gap: 10px;
  white-space: nowrap;
  padding: 0;
  margin: 0 auto;
}
.sml_header-main .sml_menu-header li {
  list-style: none;
  margin: 0;
}
.sml_header-main .sml_menu-header li a {
  display: inline-block;
  color: var(--text-color);
  padding: 10px 15px;
  background-color: #EAEAEA;
  white-space: nowrap;
}
.sml_header-main .sml_menu-header li a:hover {
  color: var(--fs-color-primary);
}
.sml_header-main .page-title .page-title-inner {
  padding-top: 0;
}
.sml_header-main .page-title .page-title-inner .title-wrapper .entry-title {
  font-size: 38px;
}
@media (max-width: 550px) {
  .sml_header-main .page-title .page-title-inner .title-wrapper .entry-title {
    font-size: 25px;
  }
}
.sml_header-main .page-title .page-title-inner .title-content .title-breadcrumbs .woocommerce-breadcrumb {
  text-transform: none;
  font-weight: 500;
  color: #EAEAEA;
}
.sml_header-main .header-bread .title-breadcrumbs {
  padding-bottom: 0;
  text-transform: none;
}
.sml_header-main .header-bread .title-breadcrumbs a {
  color: var(--fs-color-primary);
  font-weight: bold;
}
.sml_header-main .header-tit .page-title-inner {
  padding-top: 0;
}

body.home .sml_header-main {
  display: none;
}

body.woocommerce-page .wc-block-components-sidebar,
body.woocommerce-page .wc-block-components-form,
body.woocommerce-page .wc-block-cart-items,
body.woocommerce-page .yith-wcwl-form {
  padding-left: 15px !important;
  padding: 15px;
  border-radius: 5px;
  background-color: #fff !important;
}
body.woocommerce-page .wc-block-components-sidebar .wc-block-cart__submit-container a,
body.woocommerce-page .wc-block-components-form .wc-block-cart__submit-container a,
body.woocommerce-page .wc-block-cart-items .wc-block-cart__submit-container a,
body.woocommerce-page .yith-wcwl-form .wc-block-cart__submit-container a {
  background-color: var(--fs-color-primary);
  border-radius: 5px;
}
body.woocommerce-page .wc-block-components-sidebar .wc-block-components-button,
body.woocommerce-page .wc-block-components-form .wc-block-components-button,
body.woocommerce-page .wc-block-cart-items .wc-block-components-button,
body.woocommerce-page .yith-wcwl-form .wc-block-components-button {
  background-color: var(--fs-color-primary);
  border-radius: 5px;
}

.fit-img div img {
  object-fit: fill;
}

.featured-boxbanner .icon-box-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid 3px white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-boxbanner .icon-box-img svg {
  width: 100%;
  height: 32px;
  color: white;
}
.featured-boxbanner .icon-box-text h3 {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px !important;
}
.featured-boxbanner .icon-box-text p {
  font-size: 13px;
  color: #eaeaea;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.title-section p {
  font-size: 26px;
  color: #444544;
  font-weight: 600;
  font-family: Roboto, sans-serif;
  margin-bottom: 12px !important;
}

.tab-content ul li a {
  font-size: 16px;
  color: #444544;
  font-weight: 600;
  font-family: Roboto, sans-serif;
}
.tab-content .tab-panels span {
  font-size: 16px;
  color: #444544;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}

.text-goi p:first-child {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 4px;
  color: #444544;
  font-weight: 800;
  font-family: Roboto, sans-serif;
}
.text-goi p:nth-child(2) {
  font-style: italic;
}

.list-mucdich a {
  width: 100%;
  margin-bottom: 0px;
}
.list-mucdich a span {
  font-size: 14px;
}

.list-duanthicong div a {
  color: #444544;
}

.box-thicong {
  padding: 0px 5px 0px 5px !important;
}
.box-thicong .box-image img {
  height: 150px;
}
.box-thicong .box-text {
  padding: 0px !important;
  margin-top: 10px;
}
.box-thicong .box-text p {
  font-size: 16px;
  font-weight: 600;
  font-family: Roboto, sans-serif;
  color: #444544;
}

@media (max-width: 550px) {
  .widget-area {
    display: none;
  }
}

.sidebar-inner .widget, .widget-area .widget {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1058823529);
}
.sidebar-inner .widget:last-child, .widget-area .widget:last-child {
  border-bottom: unset;
}
.sidebar-inner .widget .widget-title, .widget-area .widget .widget-title {
  text-transform: none;
  color: var(--heading-color);
  font-size: 1.2em;
}
.sidebar-inner .widget .is-divider, .widget-area .widget .is-divider {
  opacity: 0;
}
.sidebar-inner .widget .post-item, .widget-area .widget .post-item {
  padding-bottom: 19.6px;
}
.sidebar-inner .widget .post-item .box .box-text, .widget-area .widget .post-item .box .box-text {
  padding: 0px 0 0 15px;
}
.sidebar-inner .widget .post-item .box .box-text .post-title a, .widget-area .widget .post-item .box .box-text .post-title a {
  font-weight: 500;
}
.sidebar-inner .widget .ux-products-list li, .widget-area .widget .ux-products-list li {
  margin-left: 0;
}
.sidebar-inner .widget.widget_price_filter .ui-slider-handle, .sidebar-inner .widget.widget_price_filter .ui-slider-range, .sidebar-inner .widget.widget_price_filter .button, .widget-area .widget.widget_price_filter .ui-slider-handle, .widget-area .widget.widget_price_filter .ui-slider-range, .widget-area .widget.widget_price_filter .button {
  background-color: var(--fs-color-primary);
}
#footer .absolute-footer {
  display: none;
}

.list-items {
  list-style-type: none;
  margin: 0px;
}
.list-items .list-item {
  padding: 8px 0;
  margin: 0px;
}
.list-items .list-item span {
  font-size: 16px;
  font-weight: 400;
  color: #eaeaea;
}
.list-items .list-item:first-child span {
  font-weight: 800;
}
.list-items .list-item a {
  color: #eaeaea;
}

.section-footer {
  padding-top: 90px !important;
  position: relative;
}
@media (max-width: 550px) {
  .section-footer {
    padding-top: 100px;
  }
}
@media (max-width: 850px) {
  .section-footer {
    padding-top: 95px;
  }
}
.section-footer .text-footer {
  padding: 0 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.2509803922);
  text-align: center;
  color: #eaeaea;
  padding-top: 30px;
  font-size: 16px;
  font-weight: 500;
}
.section-footer .col-padding {
  padding: 0;
}
.section-footer .col-pd-top {
  padding-top: 10px;
  padding-bottom: 10px;
}
.section-footer .col-absolute {
  position: absolute;
  top: -44%;
  left: 0;
  right: 0;
  background-color: #eaeaea;
}
@media (max-width: 550px) {
  .section-footer .col-absolute {
    top: -33%;
  }
}
@media (max-width: 850px) {
  .section-footer .col-absolute {
    top: -36%;
  }
}
.section-footer .col-absolute .text-title {
  font-size: 16px;
  color: #444544;
  font-weight: 600;
  text-transform: uppercase;
}
.section-footer .col-absolute .text-title p {
  margin: 0;
}
.section-footer .col-absolute .text-sub {
  text-align: center;
}
.section-footer .col-absolute .text-sub ul {
  list-style-type: none;
  margin: 0;
}
.section-footer .col-absolute .text-sub li {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-footer .col-absolute .text-sub span {
  font-size: 20px;
  font-weight: 600;
}
.section-footer .col-absolute .text-sub .text-email {
  font-size: 14px !important;
}
.section-footer .col-absolute .text-sub-footer span {
  font-size: 14px;
  font-weight: 400;
}