		:root {
		    --primary-color: #19523e;
		    --fs-color-primary: #19523e;
		    --fs-color-secondary: #19523e;
		    --fs-color-success: #19523e;
		    --fs-color-alert: #19523e;
		    --fs-experimental-link-color: #334862;
		    --fs-experimental-link-color-hover: #111;
		}

		.tooltipster-base {
		    --tooltip-color: #fff;
		    --tooltip-bg-color: #000;
		}

		.off-canvas-right .mfp-content,
		.off-canvas-left .mfp-content {
		    --drawer-width: 300px;
		}

		.off-canvas .mfp-content.off-canvas-cart {
		    --drawer-width: 360px;
		}

		.container-width,
		.full-width .ubermenu-nav,
		.container,
		.row {
		    max-width: 1230px
		}

		.row.row-collapse {
		    max-width: 1200px
		}

		.row.row-small {
		    max-width: 1222.5px
		}

		.row.row-large {
		    max-width: 1260px
		}

		.header-main {
		    height: 93px
		}

		#logo img {
		    max-height: 93px
		}

		#logo {
		    width: 280px;
		}

		.header-bottom {
		    min-height: 42px
		}

		.header-top {
		    min-height: 33px
		}

		.transparent .header-main {
		    height: 90px
		}

		.transparent #logo img {
		    max-height: 90px
		}

		.has-transparent+.page-title:first-of-type,
		.has-transparent+#main>.page-title,
		.has-transparent+#main>div>.page-title,
		.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
		    padding-top: 170px;
		}

		.header.show-on-scroll,
		.stuck .header-main {
		    height: 50px !important
		}

		.stuck #logo img {
		    max-height: 50px !important
		}

		.search-form {
		    width: 35%;
		}

		.header-bg-color {
		    background-color: rgba(255, 255, 255, 0.9)
		}

		.header-bottom {
		    background-color: #f1f1f1
		}

		.header-main .nav>li>a {
		    line-height: 16px
		}

		.stuck .header-main .nav>li>a {
		    line-height: 50px
		}

		.header-bottom-nav>li>a {
		    line-height: 16px
		}

		@media (max-width: 549px) {
		    .header-main {
		        height: 70px
		    }

		    #logo img {
		        max-height: 70px
		    }
		}

		.header-top {
		    background-color: #ededed !important;
		}

		body {
		    color: #333333
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.heading-font {
		    color: #333333;
		}

		body {
		    font-size: 100%;
		}

		@media screen and (max-width: 549px) {
		    body {
		        font-size: 100%;
		    }
		}

		body {
		    font-family: "Open Sans", sans-serif;
		}

		body {
		    font-weight: 400;
		    font-style: normal;
		}

		.nav>li>a {
		    font-family: "Open Sans", sans-serif;
		}

		.mobile-sidebar-levels-2 .nav>li>ul>li>a {
		    font-family: "Open Sans", sans-serif;
		}

		.nav>li>a,
		.mobile-sidebar-levels-2 .nav>li>ul>li>a {
		    font-weight: 400;
		    font-style: normal;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.heading-font,
		.off-canvas-center .nav-sidebar.nav-vertical>li>a {
		    font-family: "Open Sans", sans-serif;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.heading-font,
		.banner h1,
		.banner h2 {
		    font-weight: 700;
		    font-style: normal;
		}

		.alt-font {
		    font-family: "Open Sans", sans-serif;
		}

		.alt-font {
		    font-weight: 400 !important;
		    font-style: normal !important;
		}

		.header:not(.transparent) .header-bottom-nav.nav>li>a {
		    color: #ffffff;
		}

		@media screen and (min-width: 550px) {
		    .products .box-vertical .box-image {
		        min-width: 600px !important;
		        width: 600px !important;
		    }
		}

		.footer-1 {
		    background-color: #657f93
		}

		.footer-2 {
		    background-color: #657f93
		}

		.absolute-footer,
		html {
		    background-color: #f0f0f0
		}

		.page-title-small+main .product-container>.row {
		    padding-top: 0;
		}

		.header-vertical-menu__opener {
		    width: 243px
		}

		.header-vertical-menu__fly-out {
		    width: 243px
		}

		.header-vertical-menu__opener {
		    background-color: #07724c
		}

		.nav-vertical-fly-out>li+li {
		    border-top-width: 1px;
		    border-top-style: solid;
		}

		.label-new.menu-item>a:after {
		    content: "Mới";
		}

		.label-hot.menu-item>a:after {
		    content: "Thịnh hành";
		}

		.label-sale.menu-item>a:after {
		    content: "Giảm giá";
		}

		.label-popular.menu-item>a:after {
		    content: "Phổ biến";
		}

		.header-bottom #mega-menu-wrap .menu-item a {

		    line-height: 24px;

		}
        