:root {
    --star-color:#ffc700;
    --star-align:center;

    --pre-views-bg:#fff;--pre-views-color:#000;--pre-views-border:#000;--pre-views-border-width:1px;--pre-views-bg-hover:#ffffff;--pre-views-color-hover:#000000;--pre-views-border-hover:#000;--pre-views-font:var(--font-family);--pre-views-size:12px;--pre-views-weight:bold;--pre-views-align:left;

    font-size: 14px;
    --theme-color:#7db725;
    --btn-blue:#3F7DF6;
    --btn-green:#449D44;
    --btn-yellow:#EC971F;
    --btn-red:#ff0000;
    --btn-theme:var(--theme-color);
    --header-mb-bg:#ffffff;
    --menu-mb-bg:#ffffff;
    --menu-mb-txt:;
    --menu-mb-br:#fff;
    --search-mb-bg:#fff;
    --search-mb-color:#000;
    --menu-mb-color:#000;
    --body-img:;
    --font-family:Be Vietnam Pro, sans-serif;
    --font-header:Be Vietnam Pro, sans-serif;
    --footer-header-color:#389331f4;
    --footer-header-size:18px;
    --footer-text-color:#262626;
    --footer-bottom-public: block;
    --footer-bottom-bg: #686c4df4;
    --footer-bottom-color: #ffffff;
    --footer-padding:50px 0 50px 0;
}

/* ------------------------------ preloader ------------------------------ */
.loading-container {
    position: fixed; top: 0; left: 0; z-index: 1000;
    width: 100%; height: 100%;
    background-color: #fff;
}
.loading-container .loading-group {
    position: fixed; top: 25%; left: 50%;

    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    -o-transform:       translate(-50%, -50%);
    transform:          translate(-50%, -50%);
}
.loading-container .loading-group,
.loading-container .loading-group .loading {
    width: 100px; height: 100px; z-index: 202;
    border-radius: 100%;
}
.loading-container .loading-group .loading {
    border: 2px solid transparent;
    border-color: transparent var(--theme-color) transparent var(--theme-color);
    -webkit-transform-origin:   50% 50%;
    -moz-transform-origin:      50% 50%;
    -o-transform-origin:        50% 50%;
    transform-origin:           50% 50%;

    -webkit-animation:  rotate-loading 1s linear 0s infinite normal;
    -moz-animation:     rotate-loading 1s linear 0s infinite normal;
    -o-animation:       rotate-loading 1s linear 0s infinite normal;
    animation:          rotate-loading 1s linear 0s infinite normal;
}
.loading-container .loading-group:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container .loading-group:hover .loading,
.loading-container .loading-group .loading {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}

#loading-text {
    -webkit-animation:  loading-text-opacity 2s linear 0s infinite normal;
    -moz-animation:     loading-text-opacity 2s linear 0s infinite normal;
    -o-animation:       loading-text-opacity 2s linear 0s infinite normal;
    animation:          loading-text-opacity 2s linear 0s infinite normal;
    
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 13px; font-weight: bold; color: var(--theme-color);
    width: 100px; margin-top: 45px; opacity: 0;
    position: absolute; top: 0;
    text-align: center;
    text-transform: uppercase;
}

#top-btn {
    width: 50px; height: 50px; line-height: 50px; z-index: 10; cursor: pointer;
    position: fixed; bottom: -100px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: 0;
}
#top-btn.active { bottom: 30px; opacity: 1; }

.pre-box-views-cart {
    display:flex;
    align-items:center;
    gap:5px
}
.pre-box-views-cart .pre-cart-box,.pre-box-views-cart .pre-views-box {
    flex:1 1 auto
}
.pre-cart-box,.pre-views-box {
    display:flex;
    align-items:center;
    width:100%;
    flex:0 0 auto;
    margin-bottom:5px
}
.pre-cart-box .btn,.pre-views-box .btn {
    padding:0 5px;
    width:100%
}
.pre-views-box {
    text-align:var(--pre-views-align)
}
.pre-views-box .btn {
    background-color:var(--pre-views-bg);
    border:var(--pre-views-border-width) solid var(--pre-views-border);
    text-align:var(--pre-cart-align)
}
.pre-views-box .btn span {
    color:var(--pre-views-color);
    font-family:var(--pre-views-font);
    font-size:var(--pre-views-size);
    font-weight:var(--pre-views-weight)
}
.pre-views-box .btn:hover {
    background-color:var(--pre-views-bg-hover);
    border-color:var(--pre-views-border-hover)
}
.pre-views-box .btn:hover span {
    color:var(--pre-views-color-hover)
}
.pre-cart-box {
    text-align:var(--pre-cart-align)
}
.pre-cart-box .btn {
    background-color:var(--pre-cart-bg);
    border:var(--pre-cart-border-width) solid var(--pre-cart-border);
    text-align:var(--pre-cart-align)
}
.pre-cart-box .btn span {
    color:var(--pre-cart-color);
    font-family:var(--pre-cart-font);
    font-size:var(--pre-cart-size);
    font-weight:var(--pre-cart-weight)
}
.pre-cart-box .btn:hover {
    background-color:var(--pre-cart-bg-hover);
    border-color:var(--pre-cart-border-hover)
}
.pre-cart-box .btn:hover span {
    color:var(--pre-cart-color-hover)
}
.product-detail-items-info {
    overflow:hidden;
    text-align:center
}
.product-detail-items-info .item-info-wrapper {
    position:relative;
    display:grid;
    grid-template-columns:repeat(var(--prd-item-info-per-row),1fr);
    gap:10px
}
.product-detail-items-info .item-info-wrapper .item-info {
    position:relative;
    overflow:hidden;
    text-align:center;
    background-position:center
}
.product-detail-items-info .item-info-wrapper .item-info .item-img {
    height:var(--item1-height,40px);
    text-align:center
}
.product-detail-items-info .item-info-wrapper .item-info .item-img img {
    width:auto;
    height:100%;
    display:inline-block;
    border-radius:5px;
    padding:5px;
    margin-top:5px
}
.product-detail-items-info .item-info-wrapper .item-info .item-title {
    text-align:center;
    padding:10px
}
.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-heading {
    color:var(--prd-item-info-heading);
    font-size:15px;
    font-weight:700;
    margin:0 0 10px 0
}
.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-description {
    color:var(--prd-item-info-desc);
    font-size:13px;
    line-height:20px
}
@media (max-width:768px) {
    .product-detail-items-info .item-info-wrapper {
        grid-template-columns:repeat(2,1fr)
    }
}
header .header-content {
    padding:var(--header-padding)
}
header .header-grid {
    display:grid;
    gap:var(--bs-gutter-x);
    grid-template-columns:var(--header-layout-grid);
    padding:0 var(--bs-gutter-x)
}
header .logo img {
    max-height:var(--header-logo-height)
}
header .logo-box {
    display:flex;
    align-items:center;
    gap:10px
}
header .search {
    padding-top:0
}
header .search .form-search {
    border-color:var(--header-search-br-color);
    background-color:var(--header-search-bg-color);
    border-radius:var(--header-search-radius)
}
header .search .form-search .form-group {
    width:var(--search-input-width)
}
header .search .form-search .form-group .form-control {
    background-color:var(--header-search-bg-color);
    height:45px
}
header .search .form-search .btn-search {
    width:var(--header-search-btn-width);
    background-color:var(--header-search-btn-bg-color);
    color:var(--header-search-btn-txt-color);
    border:2px solid var(--header-search-btn-bg-color);
    line-height:41px!important
}
header .label-text {
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    white-space:wrap;
    color:#fff;
    margin:0;
    text-align:left
}
header .cart-top {
    overflow:hidden
}
header .cart-top .btn-cart-top {
    margin-top:0
}
header .cart-top img {
    width:36px;
    margin-top:7px
}
header .cart-top .cart-top__icon {
    float:left;
    margin-right:10px
}
header .cart-top .cart-top__title {
    float:left
}
header .cart-top .cart-top__title p {
    margin:0;
    text-align:left;
    color:var(--header-cart-txt-color)
}
header .list-item {
    display:-ms-flexbox!important;
    display:flex!important;
    gap:8px;
    -ms-flex-pack:distribute!important;
    justify-content:flex-end!important
}
header .list-item .item {
    -ms-flex-align:center!important;
    align-items:center!important;
    display:-ms-flexbox!important;
    display:flex!important
}
header .list-item .item .icon {
    width:24px;
    height:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
    border-radius:100%;
    color:var(--header-item-icon-color);
    background-color:var(--header-item-icon-bg)
}
header .list-item .item .icon a {
    color:inherit
}
header .list-item .item .icon img {
    object-fit:contain
}
header .language-top .box-language {
    position:relative;
    z-index:1
}
header .language-top .box-language .icon-choose {
    padding:10px;
    font-size:20px;
    color:var(--language-color)
}
header .language-top .box-language .icon-choose:hover>.list-language {
    display:block;
    visibility:visible
}
header .language-top .box-language .list-language {
    display:none;
    visibility:hidden;
    position:absolute;
    top:20px;
    right:0;
    z-index:9999;
    min-width:170px
}
header .language-top .box-language .list-language .language {
    padding:20px;
    background-color:var(--language-bg-box,#17222a);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px
}
header .language-top .box-language .list-language .language a {
    font-size:14px;
    color:var(--language-color)
}
header .language-top .box-language .list-language .language a img {
    height:20px;
    object-fit:contain
}
header .language-top .box-language .list-language .language a span {
    font-size:14px
}
.header-title.header-title-style-1 {
    text-align:var(--heading-position)
}
.header-title.header-title-style-1 .header {
    text-align:var(--heading-position);
    letter-spacing:0;
    padding-bottom:0;
    position:relative;
    display:block;
    background-color:var(--header-title-bg)
}
.header-title.header-title-style-1 .header-image-bottom {
    text-align:var(--heading-position)
}
.header-title.header-title-style-1 .header-image-bottom img {
    display:inline-block
}
.header-title.header-title-style-1 .header-description {
    color:var(--heading-des-color);
    width:var(--heading-des-width);
    margin:var(--heading-des-margin);
    max-width:100%
}
.footer-bottom {
    position:relative
}
.footer-bottom::before {
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    height:1px;
    max-width:1320px;
    background:var(--footer-bottom-color)
}
footer {
    background:#fff0
}
:root {
    --theme-color-2:#ffffff8e
}
.breadcrumb ol {
    display:inline-block
}
.breadcrumb-item {
    display:inline
}
.btn.btn-outline {
    display:flex;
    padding:10px 20px;
    align-items:center;
    gap:8px;
    font-size:16px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    border-radius:100px;
    color:#000;
    border:1px solid #000;
    background:transparent;
    letter-spacing:0
}
.btn.btn-theme {
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    padding:10px 20px;
    border-radius:100px
}
.breadcrumb-wrapper {
    background-color:transparent!important
}
.product-slider-horizontal .item .title {
    padding:10px
}
.product-slider-horizontal .item .title .button-add-cart .btn {
    text-transform:none
}
.product-detail-items-info .item-info-wrapper {
    margin-top:20px;
    padding:22px;
    background-color:#F5F5F5
}
.product-detail-items-info .item-info-wrapper .item-info .item-img {
    height:var(--item1-height,58px);
    text-align:center
}
.product-detail-items-info .item-info-wrapper .item-info .item-img img {
    margin-top:0
}
.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-heading {
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    margin-bottom:0
}
.products-detail .box-image-featured {
    border-radius:0
}
.products-detail .product-detail-slider-horizontal .product-thumb-horizontal .product-thumb {
    border:0;
    border-radius:0
}
.products-detail .price {
    color:#000
}
.product-detail-cart .addtocart_quantity .spinner {
    border-radius:0
}
.product-detail-cart .button_cart_now {
    width:100%;
    background-color:var(--theme-color);
    border:1px solid var(--theme-color)
}
.product-detail-cart .button_cart_now.btn.btn-theme {
    border-radius:0
}
.product-detail-cart .btn span.button_cart__heading {
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:normal;
    text-transform:uppercase
}
.product-cart-options .options .option-type__swatch .option-type__inner {
    background-color:transparent
}
.product-cart-options .options .option-type__swatch {
    border:2px solid #BDBDBD
}
.product-cart-options .options .option-type__swatch.active .option-type__inner {
    color:var(--theme-color)
}
.products-detail .box-header {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    border-bottom:1px solid #BDBDBD;
    padding:10px 0 15px;
    margin-bottom:24px
}
.products-detail .box-header .box-title {
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:normal;
    margin:0
}
.products-detail .box {
    box-shadow:none
}
.products-detail .box .header-title .header {
    font-size:32px;
    font-style:normal;
    font-weight:700;
    line-height:normal;
    text-transform:capitalize;
    color:var(--theme-color-2,#000)
}
.products-detail .box .header-title .line {
    display:flex;
    gap:10px;
    align-items:center
}
.products-detail .box .header-title .line .line-1 {
    flex:1;
    width:100%;
    height:1px;
    background:rgba(58,58,58,.5)
}
.products-detail .box .header-title .line .btn-link {
    font-size:16px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    color:var(--theme-color-2,#000);
    text-decoration:none
}
.products-detail .box .slick-slide>div:not(:last-child) {
    margin-bottom:14px
}
.products-detail .sidebar .widget {
    border-radius:0;
    box-shadow:none
}
.products-detail .sidebar .widget .sidebar-title {
    border-radius:5px 5px 0 0;
    padding:0;
    overflow:hidden
}
.products-detail .sidebar .widget .sidebar-title .header {
    text-transform:uppercase
}
.products-detail .sidebar .widget .sidebar-title .header-title {
    margin:0
}
.sidebar .widget .sidebar-title {
    padding:0
}
.sidebar .widget .sidebar-title .header-title {
    margin:0
}
.sidebar .widget .sidebar-title .header {
    border:0;
    padding:16px;
    background-color:var(--theme-color);
    color:#fff;
    text-align:center;
    margin:0;
    font-size:16px;
    text-transform:unset
}
.sidebar .widget .sidebar-content {
    border-radius:0 0 5px 5px;
    background:#FFF;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.1)
}
.object-detail .toc-container {
    overflow:hidden;
    padding:16px;
    border:1px solid var(--Border,#EBEBF0);
    background:#e4f0d1
}
.toc-container ol {
    background:#e4f0d1
}
.object-detail .toc-container a {
    color:#000
}
.scb-phone-box:hover .btn-call__number {
    width:max-content
}
@font-face {
    font-family:'Monotype Corsiva';
    src:url(/views/theme-store/theme-custom/assets/fonts/monotype-corsiva.ttf);
    font-weight:400;
    font-style:normal
}
.language.mm-listitem .mm-listitem__text {
    padding:8px
}
.marketing-button-hotline-number {
    position:absolute;
    height:50px;
    line-height:50px;
    background:var(--btn-txt-color);
    border:2px solid var(--btn-bg-color);
    box-shadow:0 8px 10px rgba(56,163,253,.3);
    color:var(--btn-txt-color);
    font-size:20px;
    font-weight:700;
    z-index:1;
    transition:all 0.5s;
    width:200px;
    overflow:hidden;
    margin-left:35px;
    border-radius:16px;
    top:5px;
    text-align:center
}
:root {
    --prItem-bd-style:solid;
    --prItem-bd-width:0px;
    --prItem-bd-color:#1acb1d;
    --prItem-bd-radius:12px;
    --prItem-box-shadow:0px 4px 14px 0px #0000003f;
    --prItem-box-shadow-hover:0px 4px 14px 0px #0000003f;
    --prItem-img-ration:77.142857142857%;
    --prItem-img-style:cover;
    --prItem-title-display:block;
    --prItem-price-display:none
}
.post .item {
    --post-item-radius:0 0 0 0;
    --post-item-padding:0 0 0 0;
    --post-item-img-ration:100%;
    --post-item-img-radius:0 0 0 0;
    --post-item-time-display:none;
    --post-item-des-display:none
}
header {
    --header-layout-grid:8fr 3fr 2fr 1fr;
    --header-padding:10px 0;
    --header-logo-height:70px;
    --header-search-br-color:#f6fdb7;
    --header-search-bg-color:#edfecf;
    --header-search-btn-bg-color:#edfecf;
    --header-search-btn-txt-color:#000000;
    --header-search-btn-width:70px;
    --header-search-radius:100px;
    --search-input-width:calc(100% - var(--header-search-btn-width));
    --header-item-icon-color:#ffffff;
    --header-item-icon-bg:#f4080800;
    --language-color:#47d115;
    --language-bg-box:#eefba7
}
header .header-content {
    background-image:url(https://thach.sikidodemo.com/hd24145/uploads/source/xanh-nhat.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-blend-mode:color-burn
}
header .header-content .label-text {
    font-size:16px;
    line-height:23px
}
@media(max-width:1000px) {
    header .header-content .label-text {
        font-size:14px;
        line-height:20px
    }
}
.navigation {
    --nav-padding:10px 20px 10px 20px
}
.navigation {
    background:#edfecf
}
.navigation ul.main-menu>li a {
    color:#0aaf04f9;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    text-transform:uppercase
}
.navigation ul.main-menu>li:hover>a {
    background:#edfecf
}
.navigation ul.main-menu>li.active>a {
    color:#ba0b0bf7
}
.navigation ul.main-menu>li ul li a {
    color:#090808
}
.navigation ul.main-menu>li ul li:hover>a {
    color:#ee0808;
    background:#fd040400
}
.navigation ul.main-menu>li a:hover {
    color: #ba0b0bf7
}
.comment-sms {
    position: relative;
    font-size: 26px; color: #fff;
}
.comment-sms:after {
    content: 'SMS'; font-size: 0.55rem; font-weight: bold;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    -o-transform:       translate(-50%, -50%);
    transform:          translate(-50%, -50%);
    position: absolute; top: 50%; left: 50%;
}
h1.header,
.breadcrumb .breadcrumb-item span,
.navigation .container .main-menu > li > a > span,
.menu-mobile ul li {
    text-transform: uppercase;
}












/* spin */
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}