@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-Regular.woff2") format("woff2"), url("../fonts/Lora/static/Lora-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-BoldItalic.woff2") format("woff2"), url("../fonts/Lora/static/Lora-BoldItalic.woff2") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-Italic.woff2") format("woff2"), url("../fonts/Lora/static/Lora-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-Bold.woff2") format("woff2"), url("../fonts/Lora/static/Lora-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-Medium.woff2") format("woff2"), url("../fonts/Lora/static/Lora-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-MediumItalic.woff2") format("woff2"), url("../fonts/Lora/static/Lora-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Lora/static/Lora-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-SemiBold.woff2") format("woff2"), url("../fonts/Lora/static/Lora-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/static/Lora-SemiBold.woff2") format("woff2"), url("../fonts/Lora/static/Lora-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/static/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/static/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/static/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat/static/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/static/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat/static/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VNGTECHNIQ";
  src: url("../fonts/mbw-font/gtechniq-font/VNGTECHNIQ.otf") format("opentype"), url("../fonts/mbw-font/gtechniq-font/VNZonaPro-Bold.otf") format("opentype"), url("../fonts/mbw-font/gtechniq-font/VNZonaPro-Hairline.otf") format("opentype"), url("../fonts/mbw-font/gtechniq-font/VNZonaPro-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "VNGTECHNIQ", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  font-family: "VNGTECHNIQ", sans-serif;
}
body p {
  color: #333;
  font-size: 15px;
}
body h3 {
  line-height: 1;
  color: var(--primary-color);
  font-size: 40px;
}
@media (max-width: 1600px) {
  body h3 {
    font-size: 45px !important;
  }
}
@media (max-width: 850px) {
  body h3 {
    font-size: 40px !important;
  }
}
body h4 {
  font-size: 32px;
}
body h5 {
  font-size: 15px;
}

.large-x-font-size {
  font-size: 40px !important;
}

.large-xx-size {
  font-size: 45px !important;
}

.large-xxx-size {
  font-size: 66px !important;
}
@media (max-width: 1600px) {
  .large-xxx-size {
    font-size: 45px !important;
  }
}
@media (max-width: 850px) {
  .large-xxx-size {
    font-size: 40px !important;
  }
}

.large-xxxx-size {
  font-size: 105px !important;
}

.medium-size {
  font-size: 24px !important;
}

.mini-medium-size {
  font-size: 18px !important;
}

.mini-size {
  font-size: 12px !important;
}

.grey-color {
  color: #9e9e9e !important;
}

.text-pri {
  color: var(--primary-color) !important;
}

.text-black {
  color: #000 !important;
}

.black-color {
  color: #000 !important;
}

.pri-color {
  color: var(--primary-color) !important;
}

.light-color {
  color: #fff !important;
}

.sub-title {
  font-size: 12px !important;
}

.banner .title-bread {
  font-size: 40px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.align-item-center .col-inner {
  display: flex;
  align-items: center;
}

blockquote {
  font-style: normal !important;
  border-left: unset !important;
}

blockquote::before {
  transform: rotate(180deg);
  content: "\efbe";
  color: rgba(0, 0, 0, 0.1);
  font-family: "matbaows-icons";
  display: block;
  font-size: 8em;
  line-height: 1;
  position: absolute;
  top: -25px;
  left: -60px;
}

body.home #main {
  background-color: #F2F1ED !important;
}

.btn-mg-bt-0 .button {
  margin-bottom: 0;
}

.mg-0 {
  margin: 0;
}

.p-mg-bt-0 {
  margin-bottom: 0;
}
.p-mg-bt-0 p {
  margin-bottom: 0;
}

.col-pd-bt-0 .col {
  padding-bottom: 0;
}

.button.primary.is-outline:hover {
  color: #fff !important;
}

.button {
  font-weight: normal !important;
}

.dark a.primary.button {
  border: solid 2px var(--primary-color);
}

.dark a.primary.button:hover {
  border: solid 2px var(--primary-color);
  background: transparent;
  color: var(--primary-color) !important;
}

body .white.is-outline:hover {
  background-color: #000 !important;
  border-color: #000;
  color: #fff !important;
}

body .dark .white.is-outline:hover {
  background-color: #fff !important;
  border-color: #fff;
  color: #000 !important;
}

a:hover {
  color: var(--primary-color) !important;
}

a.button:hover {
  color: #fff !important;
}

.box-image a:hover {
  color: #fff !important;
}

.dash:after {
  border-bottom: 4px solid var(--primary-color) !important;
}

.slider-nav-light .flickity-prev-next-button {
  height: 140px;
  width: 140px;
  color: #fff;
}

.btn-header {
  margin: 0px 0 15px 0;
  transition: all 0.3s ease-in;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 12px;
  background-color: var(--primary-color);
  color: hsla(0, 0%, 100%, 0.8);
}

.btn-header:hover {
  color: #000;
  background-color: #fff;
}

.follow-icons i {
  min-width: 2em !important;
}
.follow-icons .button.icon.primary:not(.is-outline) {
  color: var(--primary-color) !important;
}
.follow-icons .button.icon.primary:not(.is-outline):hover {
  border: solid 2px var(--primary-color) !important;
  color: transparent !important;
}
.follow-icons .button.icon.primary:not(.is-outline):hover i {
  color: var(--primary-color) !important;
}

.is-divider {
  background-color: var(--primary-color) !important;
}

.box-queto {
  margin-top: 40px;
  margin-bottom: 30px;
  display: inline-block;
  transition: all 0.55s ease;
}
.box-queto .icon-queto::before {
  content: "\efbe";
  font-family: "matbaows-icons";
  transition: all 0.55s ease;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--primary-color) inset;
  color: #fff;
  font-size: 37px;
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-width: 2px;
  transform: rotate(180deg);
  background-color: var(--primary-color);
}

.box-queto:hover .icon-queto::before {
  -webkit-box-shadow: 0 0 0 1px var(--primary-color) inset;
  box-shadow: 0 0 0 1px var(--primary-color) inset;
  color: var(--primary-color);
  background-color: transparent;
}

.has-hover .zoom-hover {
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}
.has-hover .img-skin {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #232323 !important;
  right: 0;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 6;
  pointer-events: none;
}
.has-hover .img-skin i {
  font-size: 40px;
  color: #9e9e9e;
}

.has-hover:hover .zoom-hover {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.has-hover:hover .img-skin {
  opacity: 0.8;
}

.gallery-item .landscape {
  position: relative;
}
.gallery-item .landscape .zoom-hover {
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}
.gallery-item .landscape .img-skin {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #232323 !important;
  right: 0;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 6;
  pointer-events: none;
}
.gallery-item .landscape .img-skin i {
  font-size: 40px;
  color: #9e9e9e;
}

.gallery-item:hover .zoom-hover {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.gallery-item:hover .img-skin {
  opacity: 0.8;
}

@media (max-width: 1600px) {
  .mbws_column-reverse {
    font-size: 45px !important;
  }
}
@media (max-width: 850px) {
  .mbws_column-reverse {
    flex-direction: column-reverse !important;
  }
}

.ux-menu.ux-menu--divider-solid .ux-menu-link .ux-menu-link__link {
  border-bottom-style: solid;
}

.post-item .box-badge .box-text {
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

.header .header-wrapper .header-top .flex-row .html_topbar_left a {
  font-size: 1em;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
 /*.header .header-wrapper .header-main {
 background-color: var(--primary-color);
}*/
.header .header-wrapper .header-main a {
  font-size: 15px;
  text-transform: none;
}
.header .header-wrapper .header-main .nav > li {
  margin-left: 30px;
}
.header .header-wrapper .header-main .nav > li > a {
  border-bottom: solid 3px transparent;
}
.header .header-wrapper .header-main .nav > li .nav-dropdown li.active > a {
  color: var(--secondary-color) !important;
}
.header .header-wrapper .header-main .nav > li.active {
  color: #fff;
}
.header .header-wrapper .header-main .nav > li.active > a {
  line-height: 4.4;
  border-bottom: solid 3px var(--secondary-color);
  color: var(--secondary-color) !important;
}
.header .header-wrapper .header-main li > a:hover {
  color: var(--secondary-color) !important;
}
.header .header-wrapper.stuck {
  position: fixed;
}
.header .header-wrapper.stuck .header-top, .header .header-wrapper.stuck .header-main {
  max-width: 100%;
}
.header .header-wrapper.stuck .header-main .nav > li > a {
  line-height: 3.1;
}
.header .header-wrapper.stuck .header-main .nav > li.active > a {
  line-height: 3.1;
}

@media (max-width: 1280px) {
  .header-banner .breadcrumbs {
    text-align: center;
  }
}
.header-banner .breadcrumbs a {
  font-size: 15px;
}

body.home .header-banner {
  display: none;
}
@media (max-width: 1600px) {
  body.home .mbws_home_banner .banner .text-box .text-box-content h3 {
    font-size: 45px !important;
  }
}
@media (max-width: 850px) {
  body.home .mbws_home_banner .banner .text-box .text-box-content h3 {
    font-size: 55px !important;
  }
}
body.home .mbws_home_sanpham .slider .flickity-prev-next-button:hover .arrow, body.home .mbws_home_sanpham .slider .flickity-prev-next-button svg {
  top: 140%;
}
body.home .mbws_home_sanpham .slider .flickity-prev-next-button:hover .arrow, body.home .mbws_home_sanpham .slider .flickity-prev-next-button:hover svg {
  fill: #fff !important;
  border: solid 2px #fff;
}
body.home .mbws_home_sanpham .flickity-prev-next-button .arrow, body.home .mbws_home_sanpham .flickity-prev-next-button svg {
  transition: all 0.1s !important;
}

.cat-post .cat-item {
  padding-bottom: 12px;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.mbws_ve-chung-toi_lich-su .text-box-content h2 {
  padding: 10px 0;
}

.section.primary.dark,
.searchform .button.icon {
  background-color: var(--primary-color);
}

.icon-box-img svg {
  color: var(--primary-color);
}

.mbws_du_an .mbws_post_pri .box-badge .box-image .image-cover {
  height: 710px;
}
.mbws_du_an .mbws_post_sec .box-badge .box-image .image-cover {
  height: 340px;
}

.mbws_blog .post-item .box {
  background-color: #EDEDED !important;
}
.mbws_blog .post-item .box .box-image .image-cover {
  margin-right: auto;
  margin-left: auto;
  margin-top: 5% !important;
  width: 90%;
}
.mbws_blog .post-item .box .box-text .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2.8em;
}
.mbws_blog .post-item .box .box-text .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 5em;
}

body.single h3 {
  font-size: 1.25em;
}

body.single-featured_item .portfolio-summary {
  display: none;
}
body.single-featured_item .portfolio-bottom .related-portfolio {
  text-align: center;
}

body.single-dich-vu header.entry-header {
  display: none;
}

body.woocommerce .shop-page-title .title-bread,
body.woocommerce .shop-page-title .woocommerce-breadcrumb {
  display: none;
}
body.woocommerce .products .box .box-text-products .add-to-cart-button a {
  font-weight: bold !important;
  font-size: 12px;
}
body.woocommerce .woocommerce-pagination .page-number {
  border: 1px solid;
  border-radius: unset;
}
body.woocommerce .woocommerce-pagination .page-number:hover {
  color: #fff !important;
}

body.single-product .product .woocommerce-breadcrumb {
  display: none;
}
body.single-product .product-main .product-info .product-title {
  font-size: 66px;
  line-height: 1;
}
@media (max-width: 1600px) {
  body.single-product .product-main .product-info .product-title {
    font-size: 45px !important;
  }
}
@media (max-width: 850px) {
  body.single-product .product-main .product-info .product-title {
    font-size: 40px;
  }
}
body.single-product .product-footer .related .product .box .box-text-products .add-to-cart-button a {
  font-weight: bold !important;
  font-size: 12px;
}

#footer .absolute-footer {
  display: none;
}
#footer h5 {
  font-size: 18px;
  font-weight: bold;
}
#footer a {
  font-size: 15px !important;
}
#footer .ux-menu-link__link {
  border-bottom: none;
}

.mbws_absolute-footer {
  display: none;
}

.mbws_footer-abs a.button {
  color: #fff !important;
}
.mbws_footer-abs a.button:hover {
  color: #fff !important;
  background-color: #000;
}
.mbws_footer-abs a {
  color: #000;
}
@media (max-width: 850px) {
  .mbws_footer-abs .coppyright-left {
    padding: 0 9.8px 0px !important;
  }
}
@media (max-width: 850px) {
  .mbws_footer-abs .coppyright-right .text {
    text-align: left !important;
  }
}
.mbws_footer-abs .mbws_footer-abs_san-pham .button {
  margin-right: unset;
}