/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : Oct 7, 2015, 3:00:11 PM
    Author     : Manh Ha Hoang
*/

:root {
    --multiply: #f7f7f7;
}

body::-webkit-scrollbar {
    width: 6px;
    border-radius: 8px;
    background-color: #a1a1a1;
}
::-webkit-scrollbar {
    width: 3px;
    background-color: #e1e1e1;
    transition: width 300ms ease-in-out;
}

::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 10px;
    background-color: #999;
}


body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #111;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

body.height50 {
    padding-top: 50px;
}

a {
    outline: none;
    transition: all 350ms ease-in-out;
    border: none;
}

a:hover {
    color: #4697c4;
}

a:focus {}

a:active {
    color: #4697c4;
}

a::after {
    font-family: "FontAwesome";
}

table,
td,
th,
tr {
    border-collapse: collapse;
    border: 1px solid #c1c1c1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    margin: 3px 0 10px;
    padding: 0;
    line-height: 1.15em;
    color: #414141;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 20px auto 10px;
}

.content-detail h1,
.content-detail h2,
.content-detail h3,
.content-detail h4,
.content-detail h5,
.content-detail h6 {
    clear: both;
}


/* =h1 */

h1 {
    color: #072d94;
}


/* =h2 */

h2 {
    color: #0060aa;
}


/* =h3 */

h3 {
    color: #313131;
}


/* =h4 */

h4 {
    color: #414141;
}


/* =h5 */

h5 {
    color: #4f7a03;
}


/* =h5 */

h6 {
    font-style: italic;
    margin: 0 10px 0 0;
}

p {
    margin: 1px 0 5px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}
.rating-wrapper,
.starRating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rating-star-item {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: block;
    margin-right: 3px;
    background-color: #ccc;
    mask-image: url(/images/star.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/images/star.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transform: translateY(-2px);
}

.star-on {
    background-color: #ffc120;
}

.content-detail ul li {
    list-style: disc;
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 7px;
}

.content-detail ol li {
    list-style: element;
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 7px;
}

.width1024 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 15px 0;
}

.right {
    text-align: right;
    position: relative;
}

.txt-center {
    text-align: center;
    position: relative;
}

.txt-center .img-responsive {
    display: inline-block;
    margin-bottom: 10px;
    max-height: 120px;
}

.border-bottom {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #999;
    background: none;
    text-shadow: none;
    box-shadow: none;
}

.no-border {
    border: none!important;
}

.no-radius {
    border-radius: 0;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.clear {
    clear: both;
    display: block;
}

.txt-small {
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    color: #666;
}

.form-group .txt-small {
    white-space: nowrap;
}

a:hover .txt-small {
    color: #666;
}

.inline-block {
    display: inline-block;
}

#bg-dummy {
    visibility: hidden;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    display: block;
    transition: all 0.2s ease;
}

.no-padding-right {
    padding-right: 0;
}



header {
    background: #fff;
    z-index: 10;
    user-select: none;
}

.navbar {
    position: sticky;
    top: 0;
    width: 100%;
}

.navbar-wrapper {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 15px;
}

.best-seller-item-content .addtocart-loading,
.addtocart-loading {
    width: 20px;
    height: 20px;
    opacity: 0;
    border-radius: 24px;
    border: 1px solid rgba(255 255 255 / 80%);
    border-top-color: rgba(117 160 18 / 20%);
    border-left-color: rgba(117 160 18 / 20%);
    animation: loading-icon 750ms linear infinite;
    transition: opacity 300ms ease-in-out;
    pointer-events: none;
    position: absolute;
    top: 6px;
    left: 6px;
}

.remove-product-item .addtocart-loading {
    top: 10px;
    left: 10px;
    border-top-color: rgba(117 160 18 / 40%);
    border-left-color: rgba(117 160 18 / 40%);
}

.load-running svg {
    opacity: 0;
}

.load-running .addtocart-loading {
    opacity: 1;
}

.shop-gotolink {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-gotolink svg {
    margin: 0 !important;
}

.shop-gotolink > small {
    position: relative;
    margin-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
}

.shop-gotolink .addtocart-loading {
    top: 0;
    left: 0;
}

@keyframes loading-icon {
    0% {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}


/*top-header*/

@media (min-width: 641px) {
    .top-header {}
    .logo a {
        display: inline-block;
        height: 50px;
        margin: 0;
    }
    .logo img {
        height: 100%;
        object-fit: contain;
    }
    .top-header a {
        color: #333;
    }
    .top-nav .news a,
    .top-nav .faq a {
        padding: 9px 10px 5px;
    }
    .hello-user {
        position: relative;
    }
    .header-right ul li.hello-user ul {
        position: absolute;
        top: 100%;
        display: none;
        right: 0;
        text-align: left;
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 5px 0px rgba(17, 17, 17, 0.3);
        -moz-box-shadow: 3px 3px 5px 0px rgba(17, 17, 17, 0.3);
        box-shadow: 3px 3px 5px 0px rgba(17, 17, 17, 0.3);
        z-index: 100;
        width: 250px;
        min-width: 1px;
    }
    .hello-user ul,
    .hello-user ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .hello-user ul li {
        display: block;
    }
    .hello-user ul li+li {
        margin-left: 0 !important;
        border-top: 1px solid #d1d1d1;
    }
    .hello-user ul a {
        white-space: nowrap;
        padding: 10px 15px;
        /* display: block; */
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .hello-user ul a i {
        margin-right: 10px;
    }
    .top-nav .news a,
    .top-nav .hello-user a {
        padding: 9px 10px 5px;
    }
    .top-nav .login {
        margin-left: 15px;
        margin-top: 8px;
    }
    .top-nav .register {
        margin-top: 8px;
    }
    .top-nav .login a.dropdown-toggle {
        background: #3f444a;
        border-radius: 5px 0 0 5px;
        padding: 3px 10px;
        color: #fff;
    }
    .top-nav .register a {
        background: #3f444a;
        border-radius: 0 5px 5px 0;
        padding: 3px 10px;
        color: #fff;
        border-left: 1px solid #5f686f;
    }
    .top-nav .register a:hover,
    .top-nav .register a:active,
    .top-nav .register a:focus,
    .top-nav .login a.dropdown-toggle:hover,
    .top-nav .login a.dropdown-toggle:active,
    .top-nav .login a.dropdown-toggle:focus {
        padding: 3px 10px;
        background: #75a012;
    }
    .top-header .dropdown-menu {
        margin-top: 0px!important;
        border: 1px solid #d1d1d1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .175);
    }
    .form-login {
        padding: 5px 10px;
        min-width: 210px;
        margin-bottom: 0;
    }
    .login-as {
        text-align: center;
    }
    .login-as a {
        text-align: center;
        display: inline-block;
        padding: 5px 7px;
        line-height: 1em;
        border-radius: 3px;
        color: #fff;
        min-width: 40px;
    }
    .login-as a:hover {
        opacity: 0.75;
    }
    #login-dropdown .login-as .login-facebook {
        width: 45%;
    }
    #login-dropdown .login-as .login-google {
        width: 45%;
    }
    .login-as .login-facebook {
        background: #2c4889;
    }
    .login-as .login-google {
        background: #d83b24;
    }
}
/*header*/
.header {
    --search: calc(280px + (480 - 280) * ((100vw - 300px) / (1920 - 300)));
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    width: fit-content;
    margin-right: 10px;
}

.header .logo-img {
    height: 50px;
    width: 145px;
    object-fit: contain;
}
.hotline-icon {
    float: left;
    color: #75a012;
    margin-right: 10px;
}
.search {
    font-size: 15px;
    width: var(--search);
}
.search .input-lg {
    font-size: 16px;
}
.hotline {
    display: inline-block;
    padding-right: 0;
    padding-top: 7px;
}
.hotline-number {
    font-size: 18px;
    font-weight: bold;
    float: left;
    display: inline-block;
}
.hotline-number .txt-small {
    color: #75a012;
    font-size: 15px;
    display: block;
    font-weight: normal;
}
.small-img {
    height: 40px;
    width: auto;
}
.your-cart {
    position: relative;
    background: #333
}
.your-cart .badge {
    position: absolute;
    top: 10px;
    right: 3px;
    background: #8cb630;
}
nav {
    z-index: 99;
}
.home-txt {
    display: none;
}
.navbar-nav li {
    list-style: none;
    user-select: none;
}
nav .navbar-nav>li>a {
    font-family: Arial,sans-serif;
    font-size: 15px;
}
nav .navbar-nav>li>.dropdown-submenu>a {
    font-size: 14px;
}
.line-space {
    background: url(/frontend/images/line-space.png) no-repeat center right;
}
.navbar-nav.multi-level .line-space:last-child {
    background-image: none;
}
.dropdown-submenu {
    position: relative;
    min-width: 200px;
}

/*Cart*/
.price-of-cart {
    color: #E12901;
}
.your-cart-detail>li.order {
    padding: 0 20px;
}
.your-cart-detail>li>a {
    color: #8cb630;
}
.your-cart-detail>li>a:hover {
    color: #333;
}
.your-cart-detail>li.order a {
    color: #fff;
}
.your-cart-detail>li>a>i {
    color: #333;
    margin-right: 5px;
}
.navbar-nav>li.your-cart>a {
    padding: 15px 20px 10px 10px;
    display: block;
}
/*===================*/
/*Nav Menu*/
.dropdown-menu .active-menu a,
.dropdown-menu .active-menu .active-menu a {
    color: #75a012;
}
.dropdown-menu .active-menu li a:hover {
    color: #75a012!important;
}
.dropdown-menu .active-menu li a,
.dropdown-menu .active-menu .active-menu li a {
    color: #333;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.no-arrow a::after {
    display: none!important;
}
@media (max-width: 767px) {
    .navbar-nav {
        display: inline;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        color: #fff;
    }
    .navbar-default .navbar-nav .dropdown-menu>li>a {
        color: #75a012;
        background-color: #fff;
        border-radius: 0;
        /*margin-top: 2px;*/
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        /*background-color: #ccc;*/
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid #E12901;
    }
}
@media (min-width: 768px) {
    /* Dropdown menu effect */
    ul.nav li.dropdown.line-space>ul.dropdown-menu,
    ul.dropdown-menu li.dropdown-submenu>ul.dropdown-menu {
        visibility: hidden;
        display: block;
        /* hides sub-menu */
        opacity: 0;
        position: absolute;
    }
    ul.nav li.dropdown.line-space>ul.dropdown-menu {
        transition: all 0.6s ease;
        transition-delay: 0.2s;
    }
    ul.nav li.dropdown.line-space:hover>ul.dropdown-menu,
    ul.dropdown-menu li.dropdown-submenu:hover>ul.dropdown-menu {
        visibility: visible;
        opacity: 1;
        transform: translateX(0%);
    }

    #navbar {
        text-align: center;
    }
}
/*Content*/
.main-banner:not(.slick-slider) .banner-item:nth-child(n + 2) {
    display: none;
}

.main-banner,
.main-banner.slick-slider {
    color: #888;
    text-align: center;
    max-width: 1240px;
    margin: 16px auto 32px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #e1e1e1;
}

.main-banner img {
    display: block;
    margin: 0;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.main-banner .banner-item a {
    border-radius: 5px;
    display: block;
    position: relative;
}

.main-banner .banner-item a::after {
    content: "";
    padding-top: calc(100% * 7 / 30);
    display: block;
}

.main-banner .slick-next,
.main-banner .slick-prev {
    display: inline-block !important;
    width: 70px;
    z-index: 9;
    background-color: rgba(99, 99, 99, 0.25);
    color: #fff;
    cursor: pointer;
}
.main-banner .slick-disabled {
    opacity: 0;
}

.main-banner .slick-next {
    right: 1px !important;
}

.main-banner .slick-prev {
    left: 1px !important;
}
/*feature-product*/
.more-feature:hover,
.more-feature:active,
.more-feature:focus {
    text-decoration: none;
}
a .content-feature-box {
    color: #333;
}
a .feature-product:hover {
    border-bottom: 2px solid #d1d1d1;
}
.feature-product-category {
    background: none;
    margin: 0 auto 16px;
    padding: 0;
}
#home-page .container {
    padding: 0;
}
.feature-product {
    background: #fff;
    margin: 0 5px;
    height: 260px;
}
.feature-product {
    position: relative;
    border: 1px solid #fff;
    border-radius: 4px;
}

.feature-product:not(.slick-slide) {
    float: left;
    width: calc(100% / 4 - 10px);
}

.feature-product:not(.slick-slide):nth-child(n + 5) {
    display: none;
}

.home-page {
    padding: 1px
}


.slider-on-home:not(.slick-slider) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
}

.slider-on-home:not(.slick-slider) .best-seller-item {
    width: 20%;
}

.slider-on-home:not(.slick-slider) .best-seller-item:nth-child(n + 6) {
    display: none;
}

.product-home-item,
.best-seller-item {
    outline: none;
    padding: 8px;
}

.best-seller-item-content {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 3px -1px rgb(200 200 200 / 20%), 0 3px 6px 1px rgb(200 200 200 / 14%), 0 1px 7px 2px rgb(200 200 200 / 10%);
}

.best-seller-item-content:hover {
    border: 1px solid #75a012 !important;
}

.img-feature {
    position: relative;
    display: block;
}

.img-feature picture {
    display: block;
    position: relative;
}

.img-feature picture::before {
    content: "";
    padding-top: 100%;
    display: block;
}

.img-feature picture img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    object-fit: contain;
    object-position: center;
}


.title-feature-box {
    padding: 0;
    text-align: left;
    margin: 10px 0;
    color: #3e454d;
    font-size: 17px;
    font-family: 'Roboto', Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    min-height: 38px;
}
.prod-bestsale-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: #E12901;
    color: #fff;
}
.content-feature-box {
    text-align: center;
    position: relative;
    font-size: 13px;
    padding: 0 8px;
}

.content-feature-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-feature-desc {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 15px;
}

.content-feature-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}
.content-feature-price .starRating {
    margin-top: 4px;
    width: 100%;
}

.price-new {
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1920 - 300)));
    color: red;
    font-weight: 500;
}
.price-old {
    font-size: 15px;
    margin-left: 4px;
    color: #888;
    text-decoration: line-through;
}
.price-old sup {
    text-decoration: none;
}
/*Show produc of category - content*/
.show-product-cat {
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
}
.show-product-cat + .show-product-cat {
    margin-top: 35px;
}

.title-box {
    max-width: 1260px;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 1px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.recommend-product-box {
    width: 100%;
}

#home-page #recommend .recommend-product-box {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 16px;
    width: 100%;
    padding: 8px;
    margin-bottom: 24px;
}

#recommend .recommend-item-box:hover {
    border: 1px solid #75a012;
}

#recommend .recommend-item-box {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 3px -1px rgb(200 200 200 / 20%), 0 3px 6px 1px rgb(200 200 200 / 14%), 0 1px 7px 2px rgb(200 200 200 / 10%);
}

.recommend-item-url {
    display: block;
}
.recommend-item-image {
    position: relative;
}

.recommend-item-image:before {
    content: "";
    padding-top: 100%;
    display: block;
}

.recommend-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.recommend-foryou .recommend-item-title {
    font-size: calc(15px + (16 - 15) * ((100vw - 300px)/(1920 - 300)));
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555;
}

.recommend-foryou .recommend-feature-price,
.recommend-foryou .recommend-feature-price * {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.recommend-foryou .recommend-new-price {
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1920 - 300)));
    color: red;
    font-weight: 500;
    margin-right: 4px;
}

.recommend-foryou .recommend-old-price {
    font-size: 15px;
    color: #888;
    text-decoration: line-through;
}

.best-seller-skeleton-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
    width: 100%;
    padding: 8px;
    margin-bottom: 24px
}
.recommend-skeleton-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 16px;
    width: 100%;
    padding: 8px;
    margin-bottom: 24px
}
.product-skeleton {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
}
.product-skeleton .img {
  height: 150px;
  background: #eee;
  border-radius: 8px;
  animation: pulse 1.5s infinite;
}
.product-skeleton .title,
.product-skeleton .price {
  height: 16px;
  margin-top: 10px;
  background: #eee;
  animation: pulse 1.5s infinite;
}
.img-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    border-radius: 6px;
    animation: pulse 1.4s ease infinite;
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}

.discount {
    background: red !important;
    color: #fff !important;
    padding: 5px 7px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 12px !important;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    pointer-events: none;
    font-weight: bold;
}

.home-view-more {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #072d94;
    font-weight: 500;
    text-transform: uppercase;
}

.home-view-more svg {
    margin-left: 4px;
}

.category-title {
    color: #444;;
    font-size: calc(17px + (23 - 17) * ((100vw - 300px) / (1920 - 300)));
    padding: 0;
    position: relative;
    margin: 0 8px;
}
.homepages-view-products .title-box .category-title {
    margin-bottom: 0;
}
.show-product-header {
    border-bottom: 1px solid #d1d1d1;
}
.brand {
    padding-top: 7px;
    padding-bottom: 3px;
    position: relative;
}
.brand a {
    display: inline-block;
}

.home-list-slider:not(.slick-slider) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
}

.home-list-slider:not(.slick-slider) .product-home-item {
    width: 20%;
    min-width: 20%;
}

.home-list-slider:not(.slick-slider) .product-home-item:nth-child(n + 6) {
    display: none;
}

.product-home-item-link,
.price-product,
.btn-product {
    position: relative;
    padding: 0;
    display: block;
    text-align: left;
}

.col-xs-3.right {
    padding: 10px 0 0;
}
.image-product-cover {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px;
}

.image-product-cover::after {
    content: "";
    display: block;
    padding-top: 100%;
}

.image-product-cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    color: gray;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
}

.image-product-cover a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}

.content-feature-button .btn-buy,
.btn-product .btn-buy {
    border: none!important;
    outline: none;
    padding: 10px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
}

.content-feature-button .btn-buy {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.btn-product .btn-buy:active,
.btn-product .btn-buy:focus {
    outline: none;
}


.image-product-cover a {
    display: flex;
    justify-content: center;
    align-items: center;
}


.description-product {
    margin: 5px auto;
    font-size: 17px;
    min-height: 38px;
    margin: 0 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-home-item:hover a {
    color: #4697c4
}

.price-product {
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
}

.price-product span {
    display: inline-block;
    padding: 0 2px;
    white-space: nowrap;
}
.price-product .price-new {
    font-size: 19px;
}

.height-box {
    height: 20px;
    clear: both;
}
cart-icon {
    background-color: #fff;
    display: inline-block;
    width: 17px;
    height: 16px;
    -webkit-mask: url(/frontend/images/cart.svg);
    mask: url(/frontend/images/cart.svg);
    -webkit-mask-box-image: url(/frontend/images/cart.svg);
}
.view-all {
    color: #333;
    display: inline-block;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}
.main-title {
    margin-top: 15px;
    color: #0dace9;
}
.main-title a {
    color: #0dace9;
}
.img-page {
    max-width: 300px;
}
.list-item {
    padding-left: 0;
    border-bottom: 1px dotted #d1d1d1;
    margin-top: 15px
}
.img-news {
    width: 200px;
    height: 125px;
    overflow: hidden;
    margin: 1px 10px 10px 0;
}
.img-news img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.for-ads {
    margin: 25px auto;
    clear: both;
}
.list-tags {
    margin: 15px auto;
    color: gray;
}
.acticle-detail .list-tags {
    margin: 15px auto;
    color: gray;
    border-top: 1px
}
/*Registration*/
.form-general {
    background: #fff;
    border: 1px solid #d1d1d1;
}
.form-general .form-title {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
    font-size: 17px;
    color: #555;
    margin-bottom: 20px;
}
.form-register .form-horizontal .form-group {
    margin-right: 0;
}
.form-register .btn-default {
    /*box-shadow: none;*/
}
/*footer*/
footer {
    background: #2e3338;
    color: #d2d2d4;
}
footer .hotline {
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
footer a {
    color: #858e97;
}
footer a:hover {
    color: #cdd7e1;
    text-decoration: none;
}

.copyright {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.copyright,
.footer-top {
    margin: 16px auto;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-about-us {
    padding-right: 24px;
}

.footer-about-us p {
    margin-bottom: 12px;
}
.footer-top > * {
    max-width: 30%;
    min-width: 24%;
    padding-right: 30px;
}
.footer-top > *:last-child {
    padding-right: 0;
}

.footer-top .footer-title {
    color: #68b106;
    font-size: 19px;
    width: 100%;
    display: block;
    margin: 20px 0 10px
}
.footer-top ul {
    padding: 0;
}
.footer-top li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
.regist-bct img {
    display: inline-block;
    max-width: 220px;
}
.footer-bottom {
    background: #202327;
    text-align: center;
    padding: 10px 10px 20px;
    color: #858e97;
}
.site-name {
    color: #68b106;
    font-size: 15px;
    margin: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 700;
}
.social-icon a {
    margin-right: 10px;
}
.list-menu li {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 3px;
    margin-bottom: 3px;
    list-style: none;
}
footer li.active a {
    color: #fc9208;
}

#back-to-top {
    right: 15px;
    bottom: 150px;
    position: fixed;
    cursor: pointer;
    width: 44px;
    height: 44px;
    z-index: 1000;
    background: rgba(0,0,0,0.45);
    color: #fff;
    border: 4px double rgba(255, 255, 255, 0.5);
    padding: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 222ms ease-in-out;
    -webkit-transition: all 222ms ease-in-out;
    -moz-transition: all 222ms ease-in-out;
    -ms-transition: all 222ms ease-in-out;
    -o-transition: all 222ms ease-in-out;
}

/*Galley*/
.popup-gallery .thumbnail {
    margin-right: 20px;
}
.popup-gallery img {
    max-width: 175px;
    margin-bottom: 0
}
.ads-top,
.ads-bottom {
    margin: 10px 0;
    clear: both;
}
.ads-right {
    margin: 15px 0;
    clear: both;
}
.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 5px solid #fff;
}
.navbar-fixed .navbar-collapse {
    padding-left: 0;
}
/*main-contents*/
#main-contents {
}
.zoom-section {
    clear: both;
}
.zoom-section {
    display: inline;
    clear: both;
}
.zoom-desc {
    clear: both;
    max-width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}


.zoom-desc .slick-prev,
.zoom-desc .slick-next {
    height: 30px;
    line-height: 1em;
    top: 50%;
    margin-top: -15px;
    margin-bottom: 0;
    padding: 0;
}
.zoom-desc .slick-prev i,
.zoom-desc .slick-next i {
    line-height: 0.5em;
}
.zoom-small-image {
    /*    float:left;*/
    margin-bottom: 20px;
}


.zoom-small-image a {
    max-width: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 4px;
}

.zoom-small-image a::after {
    content: "";
    display: block;
    padding-top: 100%
}


.zoom-small-image a img {
    width: 100%;
    height: 100%;
    max-width: 100%!important;
    max-height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    mix-blend-mode: multiply;
    border-radius: 4px;
}

.gallery-thumbs:not(.slick-slider) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-thumbs:not(.slick-slider) .gallery-image {
    margin: 0 6px;
}

.gallery-image {
    border: 2px solid #fff
}

.zoom-thumbnail {
    max-width: 380px;
    display: inline-block!important;
}

.cloud-zoom-gallery {
    margin: 0;
    padding: 0;
    line-height: 1em;
    background-color: #f8f8f8;
    border-radius: 4px;
}
.zoom-tiny-image {
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
    margin: 0px;
    font-size: 11px;
    line-height: 1em;
    mix-blend-mode: multiply;
    border-radius: 4px;
}
.cloud-zoom-lens {
    border: 4px solid #888;
    background-color: #fff;
    cursor: move;
}
.cloud-zoom-title {
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    bottom: 0px;
}
.cloud-zoom-big {
    overflow: hidden;
    left: 384px!important;
    min-width: 380px;
    border: 1px solid #d1d1d1;
}
.cloud-zoom-loading {
    color: #333;
}
/*=======*/
.btn.dropdown-toggle.btn-default {
    box-shadow: none;
}
.dropdown-menu.open {
    border: 1px solid #d1d1d1;
    margin-top: 0px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.prod-details-wrap {
    --g: calc(320px + (450 - 320) * ((100vw - 300px) / (1920 - 300)));
    background: #fff;
    padding: 25px 0 0;
    font-family: Arial,sans-serif;
    color: #414141;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    z-index: 0;
    position: relative;
}

.product-list-info-wrapper {
    --s: 260px;
    --gp: 24px;
    color: #414141;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    grid-gap: 24px;
}

.item-brand {
    color: #334155;
}

.prod-details-wrap .product-detail-title {
    font-size: 28px;
    line-height: 1.1;
    font-family: Arial,sans-serif;
    color: #072d94;
    background-color: #fff;
    margin: 6px 0;
    font-weight: 500;
    font-family: Roboto,Arial,Helvetica,sans-serif;
}

.sub-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.price-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    margin-bottom: 12px;
    grid-gap: 10px;
}
.price-box .product-sale-price-text {
    color: #fb7701;
    border: 1px solid #fb7701;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    grid-gap: 4px;
    width: fit-content;
}

.product-detai-code {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product-detai-code span {
    margin-right: 4px;
}

.prod-details #add-to-cart .form-group {
    border-radius: 5px;
    min-width: 200px;
}

.bestsale {
    width: 62px;
    height: 62px;
    padding: 3px;
    border: 1px solid #eb0000;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 30px;
    z-index: 10;
}
.bestsale span {
    background: #eb0000;
    width: 54px;
    height: 54px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    padding-top: 7px;
    text-align: center;
    font-family: Arial,sans-serif;
    text-transform: uppercase;
}
.prod-label {
    font-weight: bold;
}

.price-final {
    color: #E12901;
    font-size: 23px;
    line-height: 1em;
}
.return-policy i {
    margin-right: 10px;
}

.product-has-gift {
    margin: 15px 0 35px;
    padding: 7px 0;
}


.product-has-gift label {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}

.showpopover img {
    width: 28px;
    height: auto;
}

.shopping-cart,
.gift-box,
.gift-image {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.gift-name {
    display: inline;
}

.gift-image {
    width: 70px;
    position: relative;
}

.gift-image::after {
    content: "";
    padding-top: 100%;
    display: block;
}

.gift-image  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.gift-content {
    width: calc(100% - 70px);
    padding-left: 10px;
    line-height: 1.4;
}

.shopping-cart {
    align-items: stretch;
    clear: both;
    grid-gap: 12px;
    width: 100%;
}

.gift-box {
    border-top: 1px dashed #e1e1e1;
    padding: 7px 0;
    margin: 7px 0;
}

.shopping-cart label {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 0;
}

.shopping-cart .form-control {
    text-align: center;
    padding: 10px 2px 10px 10px;
    height: auto;
    width: 40px !important;
    font-size: 16px;
    text-align: center;
}

.shop-wrapper {
    display: flex;
    max-width: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}

.btn-mua-hang,
.shop-summary {
    padding: 12px 0;
    width: 49%;
    text-align: center;
    color: #fff;
    background-color: rgb(29, 161, 242);
    border-radius: 4px;
    cursor: pointer;
}

.shop-wrapper > *:only-child {
    width: 100%;
}

.btn-mua-hang svg,
.shop-summary svg {
    margin-right: 6px
}

.btn-mua-hang {
    background-color: #ff3945;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-summary:hover,
.shop-summary:active,
.shop-summary:focus {
    background-color: #337ab7;
    color: #fff;
}
.btn-mua-hang:active,
.btn-mua-hang:focus,
.btn-mua-hang:hover {
    background-color: rgb(203, 32, 39);
    color: #fff;
}

.btn-mua-hang cart-icon {
    margin-right: 5px;
}

.shop-summary .view-shop {
    color: #75a012;
    cursor: pointer;
    margin: 0 3px;
}

.product-feature {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border: 1px solid #1d48ba;
    border-radius: 5px;
    user-select: none;
    margin-top: 12px;
}

.product-feature-item {
    width: 49.9%;
    padding: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product-feature-item:nth-child(n + 2) {
    border-left: 1px solid #1d48ba;
}

.product-feature-item small {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: rgba(225 233 255 / 80%);
    border-radius: 52px;
}

.product-feature-item span {
    display: block;
    width: calc(100% - 48px);
    padding-left: 12px;
    color: #1d48ba;
    font-family: Roboto, Arial;
    font-weight: 500;
}

.shop-address-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 8px;
    border: 1px solid #d1d1d1;
    margin-top: 10px;
    border-radius: 3px;
}

.shop-address span {
    display: block;
    max-width: 235px;
    text-align: left;
}

.shop-address span + span {
    margin-top: 5px;
}

.shop-address-quantity {
    text-align: right;
    font-size: 85%;
    font-weight: bold;
    white-space: nowrap;
}

.btn-mua-hang.btn-buy {
    line-height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    width: auto;
    border-radius: 3px;
    margin-left: 15px;
}

.btn-mua-hang.btn-buy i {
    margin: 0 5px;
}


/*quantity*/
.spinner {
    width: 75px;
}
.spinner input {
    text-align: right;
}
.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}
.input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}
.input-group-btn-vertical>.btn:first-child {
    border-top-right-radius: 4px;
}
.input-group-btn-vertical>.btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}
/*Content details*/
.content-sidebar {
    margin: 0 auto 15px auto;
    min-height: 300px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    clear: both;
}
.content-sidebar .pagination {
    margin-top: 0;
    margin-bottom: 0;
}
.contents {
    font-size: 16px;
    padding: 0 25px 0 0;
    line-height: 150%;
}
.contents table td {
    padding: 3px 7px;
}
.contents table {
    max-width: 100%;
}
.right-box {
    background: #fff;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.contents .content-title {
    font-size: 19px;
    color: #333;
    border-bottom: 1px solid #d1d1d1;
    padding: 7px 10px 10px;
    display: block;
}
#prod-details ul,
#prod-details ol {
    margin-left: 25px;
}
#prod-details li {
    margin: 3px auto 5px;
}
#prod-details {
    margin: 30px 15px 15px;
    line-height: 1.45em;
}
#prod-details br {
    display: block;
    height: 1px;
}
#prod-details img {
    margin: 10px auto;
    color: #fff;
    font-size: 0px;
}
.action-tab {
    background: #fafafa;
    border-bottom: 1px solid #efefef;
    padding: 0;
    position: sticky;
    top: 48px;
    z-index: 2;
}
.action-tab-item {
    padding: 10px 20px;
    user-select: none;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    border: none;
    font-size: 15px;
    font-family: "Roboto-Light", Arial, sans-serif;
    background-color: transparent;
    color: #111;
    font-weight: bold;
}

.action-tab-item.active {
    color: #75a012;
    border: none;
}

.prod-short-info {
    border: 1px solid #d1d1d1;
    padding: 15px 10px 10px;
    margin-top: 20px;
    align-items: center;
    border-radius: 3px;
}
.prod-short {
    text-align: center;
    margin: auto;
    min-width: 320px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 24px;
}
.prod-short .btn-mua-hang.btn-buy {
    margin: 0;
    font-size: 17px;
    display: block;
}
.prod-short .prod-price-old,
.prod-short .prod-price {
    font-size: 29px;
    font-family: Arial,sans-serif;
    line-height: 1.1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prod-short .prod-price-old {
    color: #666;
    text-decoration: line-through;
}
.prod-short .prod-price {
    color: #E12901;
}
.prod-price-old span,
.prod-price span {
    text-decoration: line-through;
}
.prod-cell {
    padding: 0;
    width: fit-content;
    width: -moz-fit-content;
}
.prod-short-line {
    display: block;
    width: 1px;
    background-color: #e1e1e1;
}
.prod-cell sup {
    font-size: 60%;
    top: -0.65em;
}
.add-to-cart-actions button {
    font-size: 22px;
    font-family: Arial,sans-serif;
    margin-top: 5px;
}
/*==============================*/
.sidebar-profile {
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    min-height: 400px;
}
.sidebar-profile h3 {
    border-bottom: 1px solid #d1d1d1;
    color: #333;
    display: block;
    font-size: 19px;
    padding: 7px 10px 10px
}
.profile-avatar {
    background: #d1d1d1;
    color: #fff;
    overflow: hidden;
    text-align: center;
    line-height: 1em;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding-top: 5px;
}
.widget-link {
    margin: 15px auto;
}
.side-menu li {
    border-top: 1px solid #d1d1d1;
}
.side-menu li a {
    background: none;
    color: #313131;
}
.side-menu>li.active>a::after {
    content: "\f105";
    /* "play" icon */
    float: right;
    font-size: 17px;
}
.side-menu>li.active>a {
    cursor: default;
}
.side-menu>li+li {
    margin-top: 0;
}
#account-info label {
    font-weight: normal;
}
label.control-label {
    font-weight: normal;
    color: #777;
}
.tbl-cart,
.tbl-cart tr,
.tbl-cart th,
.tbl-cart td {
    border: none;
}
.tbl-cart tbody {
    border: none;
}
.table.tbl-cart>thead>tr>th {
    border-width: 1px;
    font-weight: normal;
}
/*==============================*/

.product-customer-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 25px 15px;
    background-color: #f7f7f7
}


.point-comment {
    text-align: center;
    font-size: 51px;
    color: #fe302e;
    font-weight: 500;
    line-height: 51px;
}

.rating-percent {
    width: 480px;
}

.percent-bar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: left;
}

.rating-num,
.star-percent {
    width: 30px;
    font-size: 13px;
    color: #333;
    text-align: right;
}
.progress {
    overflow: hidden;
    margin: 7px;
    background: #d1d1d1;
    position: relative;
    width: calc(100% - 44px);
    height: 12px;
    border-radius: 12px;
}


.customer-rating h4 {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #4a4a4a;
    margin-top: 0;
}

.customer-button {
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    background: rgb(29, 161, 242);
    border: 0;
    outline: none;
    color: #fff;
    border-radius: 4px;
    width: 100%;
}

.customer-button.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.customer-button:hover {
    background-color: #337ab7
}

/* comment */
.comment-heading {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.comment-heading .heading {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-right: 5px;
}

.comment-title {
    font-family: "Roboto-Light", Arial, sans-serif;
    font-size: 21px;
    color: #414141;
    margin-top: 35px;
    border-bottom: 2px solid #d1d1d1;
    padding-bottom: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.view-again {
    font-size: 13px;
    margin-left: auto;
    margin-top: 7px;
    text-transform: uppercase;
}
.status-upload {
    padding: 25px 15px 10px;
    display: none;
    background-color: #f7f7f7;
    border-top: 1px solid #dfdfdf;
}
.sub-comment .status-upload {
    margin-top: 0;
}
.status-upload form {
    width: 100%;
}
.btn-success.green {
    border-left-color: #2dcb73;
}
.status-upload form button>i {
    margin-right: 7px;
}
.custormer-rating {
    color: #515151;
}
.custormer-rating i {
    color: #f0ae2d;
    margin-left: 5px;
}
.comment-details {
    margin: 15px auto;
}
.comments-list,
.comments-list li {
    list-style: none;
    margin: 0;
}
.comments-list .divider {
    margin: 15px auto;
    clear: both;
}
.staff-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 7px;
}

.comments-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.commenter-avata {
    display: grid;
    grid-template-columns: 50px auto;
    grid-template-areas:
    "cAvatar cName"
    "cAvatar cDate";
    padding: 0;
    width: 180px;
    grid-gap: 0 10px;
}

.commenter-avata + .comment-text {
    display: block;
    width: calc(100% - 180px);
    padding-left: 20px;
}

.avatar-letter {
    grid-area: cAvatar;
    border-radius: 50px;
    background: #e1e1e1;
    color: #444;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.sub-comment {
	position: relative;
}

.comment-text .date {
    display: inline-block;
}
.comment-text .date i {
    margin-right: 5px;
}

comment-template  {
    border: none;
    clear: both;
    display: block;
    margin-top: 25px;
    padding: 0;
}

comment-template:nth-child(n + 2) {
    border-top: 1px dashed #e8e8e8;
    padding-top: 24px;
    margin-top: 16px;
}

reply-temmplate {
    border: none;
    clear: both;
    display: block;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
}

reply-temmplate.sub-text {
    display: none;
}

reply-temmplate + reply-temmplate {
    margin-top: 16px;
}

.comment-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

reply-temmplate .bought {
    margin-left: auto;
}

.text-content {
    width: 100%;
    margin-top: 6px;
}

.commenter-name-parent {
    float: left;
    width: 55%;
}
.commenter-name {
    grid-area: cName;
    color: #313131;
    display: block;
    font-weight: bold;
    text-transform: capitalize;
}
.commenter-avata .date {
    grid-area: cDate;
    font-weight: normal;
    font-style: italic;
    color: #444;
    display: block;
    margin: 0;
}

.comment-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-content::first-letter {
    text-transform: capitalize;
}
.sub-comment .commenter-name {
    font-weight: bold;
    color: #313131;
    display: inline-block;
}
.sub-comment span + span {
    font-weight: normal;
    color: #444;
    display: block;
}

.staff-area .customer-rating {
    margin-bottom: 0;
}

.customer-rating .star-off {
    color: gray;
}

.bought {
    font-weight: 400;
    color: #22b345;
    background-image: url(/frontend/images/security.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 9px 11px;
    padding-left: 15px;
    display: block;
    margin: 0;
}

view-all-reply {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0 0;
}
view-all-reply .view-sub-comment {
    font-size: 14px;
}
.entry-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 24px;
    margin-bottom: 7px;
}
.date {
    margin: 0 7px;
    color: #666;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.date svg {
    width: 14px;
    height: 14px;
    margin-right: 3px;
}
.share-social-box {
    display: inline-block;
}
.share-social-box a {
    margin: 0 3px !important;
    padding: 5px !important;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.date i {
    color: #848484;
    margin-right: 7px;
}
.action {
    color: #515151;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.action a + span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #999;
}
.like-cmt {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1b51a;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border: 0;
    display: inline-block;
    padding: 0 15px;
    background-size: 17px;
    border-radius: 4px;
    margin-left: 7px;
}

.like-cmt span {
    margin: 0 2px;
    display: inline-block !important;
    color: #fff !important;
}

.action .reply {
    font-weight: 700;
    font-size: 13px;
    margin-right: 7px;
}

.new-txt h3 a {
    color: #666;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
.new-txt h3 a:hover {
    color: #4697c4;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
.view-all-comment div {
    position: relative;
    height: 1px;
    background: #d1d1d1;
    margin: 25px auto;
}

.view-all-comment {
    position: relative;
    height: 1px;
    background: #d1d1d1;
    margin: 25px auto;
}

.view-all-comment a {
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 100px;
    height: 24px;
    line-height: 1em;
    position: absolute;
    top: -50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -12px;
    background: #fff;
    border: 1px solid #d1d1d1;
    color: #888;
    text-decoration: none;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
.view-all-comment a:hover {
    color: #313131;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
#disclaimer {
    margin-top: 32px;
}
/*===============*/
/*Recommend Products*/
.sidebar {
    position: relative;
    padding: 0 0 0 25px;
    width: 25%;
}
.sidebar .sticky-box {
    border-radius: 4px;
    position: sticky;
    top: 60px;
    left: 0;
    z-index: 2;
}

.product-sticky {
    background-color: #fff;
    border-radius: 7px;
    padding: 12px 16px;
    display: block;
    box-shadow: 0 3px 12px rgba(11 11 11 / 11%);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-top: 16px;
}

.product-sticky-title {
    font-size: 18px;
    color: #222;
    padding: 7px 0 10px;
    display: block;
    margin-top: 0;
}

.product-current {
    padding: 15px;
    margin-top: 25px;
    border: 1px solid rgba(111,111,111,.1);
    box-shadow: 0 0 5px rgba(111,111,111,.1);
    border-radius: 3px
}

.product-current-image {
    margin-bottom: 15px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.product-current-image img {
    height: 100%;
    object-fit: contain
}

.product-current-title {
    color: var(--dark);
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 15px;
    line-height: 23px;
    padding: 0;
    display: block
}

.product-current-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #595959
}

.product-sticky-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    margin-top: 16px;
    position: sticky;
    z-index: 1000;
}

.product-sticky-btn {
    width: 100%;
    padding: 10px 4px;
    text-align: center;
    border: none;
    outline: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: none;
}

.product-sticky-buynow {
    background-color: #ff3945;
}

.product-sticky-buynow:focus,
.product-sticky-buynow:active,
.product-sticky-buynow:hover {
    background-color: rgb(203, 32, 39);
    color: #fff;
}

.product-sticky-addcart {
    background-color: rgb(29, 161, 242);
}

.product-sticky-addcart:focus,
.product-sticky-addcart:active,
.product-sticky-addcart:hover {
    background-color: rgb(19, 142, 219);
    color: #fff;
}

.product-current-item+.product-current-item {
    margin-top: 10px
}

.flex-s {
    justify-content: space-between
}

.product-current-item span+span {
    margin-left: 7px;
    color: var(--dark)
}

.product-current-item .price {
    color: #E12901;
    font-size: 19px;
    font-weight: 600
}

.product-current-item.preview .btn-mua-hang {
    pointer-events: none;
    opacity: .4
}

.product-current-item .btn-mua-hang {
    border-radius: 3px;
    padding: 2px 15px
}

.recommend-news {
    border: none;
    box-shadow: none;
    padding: 0px;
}

.recommend-news > .recommend-title {
    color: #8cb630;
    padding: 0px 0px 7px 0px;
    position: relative;
}

.recommend-news > .recommend-title::after {
    padding: 0px;
    content: "";
    width: 140px;
    height: 2px;
    background-color: #8cb630;
    position: absolute;
    bottom: 0;
    left: 0;
}

.recommend-title {
    font-size: 18px;
    color: #222;
    padding: 7px 1px 10px 15px;
    display: block;
    margin-top: 0;
}
.recommend-box,
.recommend-box::after,
.recommend-box::before,
.recommend-box:active,
.recommend-box:focus {
    padding: 10px 0;
    border-bottom: 1px solid #d1d1d1;
    margin: 10px 20px;
    text-align: center;
    display: block;
    text-decoration: none;
}

.recommend-box .recommend-box-price {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.recommend-box .recommend-box-price .price-new {
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
}
.recommend-box .recommend-box-price .price-old {
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
}
.sidebar .product-best-sale-content {
    border: none;
}
/*New page*/
.news-detail {
    padding: 15px;
}
.news-detail .new-item {
    margin: 0 auto 15px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}
.new-img {
    width: 125px;
    min-height: 100px;
    float: left;
    margin-right: 5px;
}
.new-img img {
    /*min-height: 80px;*/
    color: #fff;
    font-size: 1px;
}
.new-txt {
    padding-left: 135px;
}
.new-txt h2 {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin-top: 0px;
}
.new-txt p {
    font-size: 15px;
}
.news-summary {
    font-style: italic;
    font-size: 16px;
    display: block;
    margin: 7px auto;
    padding-bottom: 7px;
}
.news-summary::before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 30px;
    font-style: italic;
    float: left;
    color: #d1d1d1;
    margin-right: 15px;
    margin-top: 0px;
    line-height: 1em;
}
.news-detail-relate-top {
    border-bottom: 1px dotted #d9d9d9;
    margin-bottom: 10px;
}
.news-detail-relate-bottom {
    border-top: 1px dotted #d9d9d9;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 17px;
}
.news-detail-relate-top li,
.news-detail-relate-bottom li {
    margin-left: 15px;
    list-style: inside;
}
/*===============*/
.recommend-faq {
    padding-top: 15px;
    padding-bottom: 15px;
}
.recommend-faq .faq-list {
    margin: 0;
    padding: 0;
}
.recommend-faq .faq-list li {
    border: none;
}
.recommend-faq .faq-list li+li {
    border-top: 1px solid #d9d9d9;
}
.recommend-faq .faq-list li a {
    display: block;
    padding-bottom: 7px;
    padding-top: 7px;
    min-height: 50px;
    color: #777;
}
.recommend-faq .faq-list li a:hover {
    color: #0dace9;
}
div.faq-icon {
    width: 50px;
    float: left;
    text-align: center;
}
.faqs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}
.faq-icon-cover {
    text-align: center;
    width: 100%;
}
.faq-box {
    text-align: center;
}
.faq-box a {
    color: #666;
    border: 1px solid #d1d1d1;
    height: 140px;
    padding: 5px 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: color 0.5s ease;
}
.faq-box a:hover {
    border: 1px solid #8cb630;
}

.faq-box span {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.faq-box a span.faq-icon {
    color: #666;
    text-align: center;
    transition: width 2s, height 2s, transform 1s;
    -webkit-transition: width 2s, height 2s, -webkit-transform 1s;
    -ms-transition: width 2s, height 2s, -webkit-transform 1s;
}
.faq-box a:hover span.faq-txt {
    color: #8cb630;
}
.faq-box a img {
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 60px;
    height: 60px;
}

/*===============*/
.list-news-item li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.list-news-item li + li {
    border-top: 1px solid #d9d9d9;
    margin-top: 15px;
    padding-top: 15px;
}

.list-news-item .img-thumb-list {
    width: 70px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
    overflow: hidden;
}

.list-news-item .img-thumb-list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-size: 10px;
    color: #999;
}


.list-news-item .sidebar-content{
    width: calc(100% - 70px);
    padding-left: 10px;
}

.list-news-title {
    font-size: 15px;
    margin-bottom: 5px;
}

.list-news-item li .date {
    display: block;
    font-size: 14px;
    margin: 3px auto;
}
.feature-box + .feature-box  {
    margin-top: 35px;
}
.feature-title::after {
    padding: 0px;
    content: "";
    width: 140px;
    height: 2px;
    background-color: #8cb630;
    position: absolute;
    bottom: 0;
    left: 0;
}

.feature-title {
    font-size: 18px;
    color: #222;
    padding: 7px 1px 10px 15px;
    display: block;
    margin-top: 0;
    color: #8cb630;
    padding: 0px 0px 7px 0px;
    position: relative;
}
/*===============*/
/*Cart*/

.content-header {
    font-size: 19px;
    color: #313131;
    margin: 15px 0 10px 0;
}



.rightcol {
    padding-left: 45px;
    padding-right: 0
}
.height50 .cart-general-info {
    top: 70px;
    z-index: 999;
}

.rightcol .radio {
    margin: 0 15px 5px;
}

.rightcol .radio label {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 5px 0;
}

.rightcol .radio i::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #189eff;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    opacity: 0;
    transition: all 250ms ease;
}

.rightcol .radio .fa {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #d1d1d1;
    position: relative;
    transition: all 250ms ease;
    margin-right: 7px;
}

.rightcol .radio input {
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
}

.rightcol .radio input:checked ~ .fa {
    border: 1px solid #189eff;
}

.rightcol .radio input:checked ~ i::before {
    opacity: 1
}

.bank-logo {
    display: inline-block;
    margin: 10px 7px 10px 0
}

.general-box + .general-box {
    margin-top: 25px;
}

.product-information {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


template-suggestion {
    border: none;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    padding: 0;
}
template-suggestion+template-suggestion {
    border-top: 1px solid #f3f3f3;
    margin-top: 10px;
    padding-top: 10px;
}

.recommend-box-title {
    grid-area: sTitle;
    margin: 0;
}
.recommend-box-title span {
    margin: 0;
    font-size: calc(15px + (16 - 15) * ((100vw - 300px)/(1920 - 300)));
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #555;
    line-height: 1.4;
    text-align: left;
}

.recommend-box-link:hover .recommend-box-title {
    color: #072d94
}

.recommend-box-price {
    grid-area: sPrice;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

template-suggestion a:hover h4 {
    color: #4f7a03;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
template-suggestion a,
template-suggestion a:hover {
    color: #313131;
}
template-suggestion .price-new {
    color: #E12901;
    font-size: calc(16px + (19 - 16) * ((100vw - 300px)/ (1920 - 300)));
    line-height: 1em;
    padding: 0;
    white-space: nowrap;
    font-weight: 500;
}
.recommend-box-link {
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-areas:
    "sImage sTitle"
    "sImage sPrice";
    grid-gap: 10px;
    position: relative;
}
.widget .recommend-box-link .img-wrapper{
    position: relative;
    grid-area: sImage;
    width: 100px;
    height: 80px;
    background-color: #fff;
    border-radius: 4px;
    object-fit: contain;
    object-position: center;
}

.widget .recommend-box-link img {
    grid-area: sImage;
    width: 100px;
    height: 80px;
    background-color: #fff;
    border-radius: 4px;
    object-fit: contain;
    object-position: center;
}
/*===============*/
.title {
    font-size: 23px;
    color: #8cb630;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}
.product-noibat-content {
    margin: 7px auto 25px;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 15px 25px;
}
.product-noibat-content,
.product-noibat-content ul,
.product-noibat-content li,
.product-noibat-content a {
    list-style: none;
    color: #444;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
}
.product-noibat-content a:hover {
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
    color: #75a012;
}
.product-noibat-content li {
    padding-bottom: 5px;
    padding-top: 5px;
}
.list-cat {
    max-height: 400px;
    overflow: hidden auto;
    user-select: none;
}


.child-category-link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 12px 8px 0
}

.child-category-link span {
    position: relative;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 6px;
    border-radius: 3px;
    border: 2px solid #c1c1c1;
    transition: border-color 300ms ease-in-out;
}

.child-category-link small {
    font-size: 14px;
}

.child-category-link span::before {
    content: "";
    width: 7px;
    height: 14px;
    border: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -1px;
    left: 5px;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

.child-category-link.choose span::before,
.child-category-link:focus span::before,
.child-category-link:active span::before {
    opacity: 1;
}

.child-category-link.choose {
    color: #072d94;
    pointer-events: none
}

.child-category-link.choose span,
.child-category-link:hover span {
    border-color: #072d94;
    background-color: #072d94;
}


.cam-ket ul {
    list-style: none;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.cam-ket ul li span {
    color: #333;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: bold !important;
    text-transform: uppercase;
    width: 83%;
}
.cam-ket li {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
.cam-ket li:first-child {
    margin-top: 0;
}
.cam-ket {
    padding: 10px;
    margin-top: 10px;
}
.icon-camket {
    display: inline-block !important;
    height: 33px;
    padding-right: 14px;
    padding-top: 9px;
    width: 34px !important;
}
.cam-ket .txt-desc {
    color: #666;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 0;
}
.cat-info {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/*Login form*/
.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
}
.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}
.input-group {
    margin-bottom: 10px;
}
.separator {
    border-right: 1px solid #dfdfe0;
}
.facebook,
.twitter {
    min-width: 170px;
}
.facebook {
    background-color: #354E84;
    color: #fff;
    text-align: left;
}
.google {
    background-color: #d83b24;
    text-align: left;
    color: #fff;
}
.yahoo {
    background-color: #660099;
    text-align: left;
    color: #fff;
}
.facebook span,
.google span,
.yahoo span {
    width: 25px;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: 7px;
    text-align: center;
}
.facebook:hover,
.google:hover,
.yahoo:hover {
    color: #fff;
}
/*acticle-detail*/
.acticle-detail {
    padding: 10px 0;
}

.acticle-detail ol {
    margin-left: 15px;
}
/*style by tungnk*/
/*begin*/
.properties a {
    display: inline-block;
    padding: 0;
    margin: 0 5px 5px 0;
}
.properties a span {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #e8e8e8;
    color: #666;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
}
.properties a:hover span {
    border-color: #c1c1c1;
    color: #333;
}
.properties a.filter-active {
    cursor: default;
}
.properties a.filter-active span {
    border-color: #c20d0f;
    color: #c20d0f;
}
.filter-disabled,
.filter-disabled:hover {
    background: #fff;
    color: rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .1);
}
.filter-disabled img {
    opacity: 0.5;
    filter: opacity(0.8);
}
.properties input[type=radio] {
    border: none;
    background: none;
    margin-top: 2px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}
.input-group {
    margin-bottom: 10px;
}
.separator {
    border-right: 1px solid #dfdfe0;
}
.variant-image {
    max-height: 40px;
    max-width: 40px;
}
.selected {
    background-color: #daf1a4;
    color: #fff;
    line-height: 0em;
    display: inline-block;
    padding: 2px;
}
.selected a {
    color: #fff;
}
.facebook,
.twitter {
    min-width: 170px;
}
.facebook {
    background-color: #354E84;
    color: #fff;
    text-align: left;
}
.google {
    background-color: #d83b24;
    text-align: left;
    color: #fff;
}
.facebook span,
.google span {
    width: 25px;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: 7px;
    text-align: center;
}
.facebook:hover,
.google:hover {
    color: #fff;
}
.label-type-show {
    font-weight: normal;
    margin-right: 10px;
    font-size: 14px;
}
.border-color {
    border: 1px solid #fff;
    padding: 2px;
    margin: 0;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    display: inline-block;
}
.border-color.selected-color {
    border: 1px solid #999;
}
.type-color {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 50%;
}
/*end*/
/*acticle-detail*/

.payment-page {
    margin-top: 25px;
}
.acticle-detail ul {
    margin-left: 25px;
}

.acticle-detail ul li {
    padding-top: 5px;
    padding-left: 5px;
}
.sub-title {
    border-bottom: 1px solid #d2d2d2;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 10px 0;
}
.table-keyval,
.table-keyval tbody,
.table-keyval tr,
.table-keyval tr th,
.table-keyval tr td {
    border: none!important;
}
.table-keyval tr th {
    width: 25%;
    font-weight: 500;
    color: #777777;
}
.table-keyval .radio,
.table-keyval .checkbox {
    margin: 0;
}
.table-listing thead tr {
    background: #eeeeee;
    border: none;
}
.table-listing thead tr th {
    border: none;
    font-weight: 500;
}
.table-listing tr td {
    border: none;
}
.border-image {
    padding: 2px;
    float: left;
    margin-left: 1px;
    border: 1px solid #fff;
}
.cart-detail table td.td-list-images {
    width: 70px;
}
.cart-detail table td.td-delete {
    border-left: 1px solid #d1d1d1;
}
.btn-delete.js-cancel-item {
    cursor: pointer;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
    color: #75a012;
    font-size: 1.3em;
}
.btn-delete.js-cancel-item:hover {
    cursor: pointer;
    transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
    color: #3399ff;
}


.flex-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

.flex-box .form-group {
    width: calc(100% / 2);
    margin: 0;
}

.customer-address.flex-box .form-group {
    width: calc(100% / 3);
    margin: 0;
}

.flex-box .form-group + .form-group {
    padding-left: 10px;
}

.shipping_fee {
    display: none;
}

.advisory {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.advisory label {
    margin: 0 5px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.advisory label:hover .checkbox-style {
    border-color: #189eff
}


span.question,
span.required_call {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #3D6199;
    line-height: 18px;
    color: White;
    font-size: 13px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    position: relative;
    border: 2px solid #fff;
}

.checkbox-style {
    width: 20px;
    height: 20px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    transition: all 250ms ease;
    margin-right: 7px;
}



.checkbox-style:after {
    content: "";
    width: 15px;
    height: 6px;
    position: absolute;
    top: 4px;
    left: 2px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    visibility: hidden;
}

#require_call_back {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

#require_call_back:checked ~ .checkbox-style {
    border-color: #189eff;
    background: #189eff;
}


#require_call_back:checked ~ .checkbox-style:after {
    opacity: 1;
    visibility: visible;
}


span.question:hover {
    background-color: green;
}

.payment-tooltip {
    background-color: #3D6199;
    color: White;
    position: absolute;
    left: 24px;
    top: -7px;
    z-index: 1000000;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    min-width: 240px;
}

.payment-tooltip:before {
    border-color: transparent #3D6199 transparent transparent;
    border-right: 6px solid #3D6199;
    border-style: solid;
    border-width: 6px 6px 6px 0px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
    top: 10px;
    left: -6px;
}

.payment-tooltip a {
    color: #fff;
}

.payment-footer {
    margin-top: 15px;
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 34px;
}
input[type="hidden"] {
    display: none;
    position: absolute;
}

.video-cover {
    position: relative
}
.ava-video {
    background: url(/frontend/images/video.png) no-repeat 50% 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
iframe {
    max-width: 100%!important;
}
.sbzon {
    left: 00px!important;
    right: auto!important;
}
/* tags */
.list-tags i {
    margin-right: 10px;
}
.list-tags i:after {
    content: ":";
    padding-left: 2px;
}
.tags,
.tags li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.tags::before {
    content: "Tags:";
    float: left;
    margin-right: 15px;
}
.tags li,
.tags a {
    float: left;
    height: 20px;
    line-height: 22px;
    position: relative;
    font-size: 14px;
}
.tags a {
    margin-right: 20px;
    padding: 0 10px 0 12px;
    background: #68b106;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.tags a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #68b106 transparent transparent;
    border-style: solid;
    border-width: 10px 12px 10px 0;
}
.tags a:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977;
}
.tags a:hover {
    background: #555;
}
.tags a:hover:before {
    border-color: transparent #555 transparent transparent;
}


/* highlight products */

.highlight-products {
    position: relative;
    margin: 32px auto 16px;
    text-align: center;
}
.highlight-products .fa-3x {
    font-size: 2em;
}

.highlight-products .highlight-title {
    margin-bottom: 8px;
}

.highlight-products h4 {
    color: #444;
    font-size: calc(17px + (21 - 17) * ((100vw - 300px) / (1920 - 300)));
    padding: 0;
    position: relative;
    margin: 0 8px;
    text-align: left;
}

.highlight-products .slick-prev,
.highlight-products .slick-next {
    font-size: 23px;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 48px;
    text-align: center;
    z-index: 99;
    background-color: rgba(222, 222, 222, 0.1)
}

.product-viewed h4 {
    text-align: center;
    font-size: 19px;
    color: #007cb9;
    margin-bottom: 15px;
}

.product-viewed h4 span {
    font-weight: normal;
    display: inline-block;
    border-bottom: 1px solid #75a012;
    padding: 7px 15px;
    font-size: 19px;
    color: #75a012;
}

.product-viewed-ls:not(.slick-slider) {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}

.product-viewed-ls .fa-3x {
    font-size: 2em
}
.product-viewed-ls:not(.slick-slider) .viewed-item:nth-child(n + 7) {
    display: none;
}

.product-viewed-ls {
    margin: 0 -8px;
}

.viewed-item {
    width: calc(100% / 6);
    padding: 8px;
    background-color: #fff;
}

.product-viewed-slider {
    display: block;
}

.product-viewed-slider::after {
    content: "";
    display: block;
    clear: both;
}

.viewed-item-link {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--multiply, #f8f8f8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.viewed-item-link::after {
    content: "";
    display: block;
    padding-top: 100%;
}

.product-viewed-ls img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
    left: 0
}

.shipping-policy {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: rgba(225 233 255 / 60%);
    color: #1d48ba;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.product-viewed-ls .slick-arrow svg {
    width: 24px;
    height: 24px;
}

.viewed-item-title {
    font-size: calc(15px + (16 - 15) * ((100vw - 300px)/(1920 - 300)));
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555;
}

.viewed-item-title:hover {
    color: #4697c4;
}

.viewed-price-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.viewed-price-new {
    color: #E12901;
    font-size: calc(16px + (19 - 16) * ((100vw - 300px)/ (1920 - 300)));
    line-height: 1em;
    padding: 0;
    white-space: nowrap;
}

.viewed-price-old {
    opacity: 0.6;
    font-size: 14px;
    color: #333;
    margin-left: 3px;
    text-decoration: line-through;
}

#recommend-onpop {
    min-height: 280px;
}

.similar-product:not(.slick-slider) {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}


.similar-product:not(.slick-slider) .similar-product-item:nth-child(n + 7) {
    display: none
}

.similar-product-title {
    font-size: calc(15px + (16 - 15) * ((100vw - 300px)/(1920 - 300)));
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555;
}

.similar-product-item .similar-product-image {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.similar-product-image picture {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--multiply, #f8f8f8);
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.similar-product-image picture::after {
    content: "";
    display: block;
    padding-top: 100%;
}


.similar-product-item .similar-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    font-size: 14px;
    color: gray;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
}

.similar-product-item .related-price {
    margin-top: 5px;
}

.similar-product .similar-product-item {
    padding: 4px;
    text-align: left;
    cursor: pointer;
    float: left;
}

.best-saller:not(.slick-slider) .best-saller-item {
    width: calc(100% / 6);
}

.best-saller:not(.slick-slider) .best-saller-item:nth-child(n+7) {
    display: none;
}


.related-product-price {
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1920 - 300)));
    margin: 0;
    color: #E12901;
    margin-right: 4px;
}
.related-product-price-old {
    opacity: 0.6;
    font-size: 14px;
    color: #333;
}
.rating-star {
    color:#b9b9b9;
    font-size: 13px;
    position: relative;
    margin-top: 5px;
    margin-right: 1px;
}
.star-on {
    color: #fecc2f;
}

.best-saller-image-cover a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 180px;
    padding: 10px;
    outline: none !important;
    overflow: hidden;
}
.best-saller-image-cover img {
    height: 100%;
    height: 100%;
    object-fit: contain;
}

#sale-price-show.original-price {
    font-size: 32px !important;
    color: #ff0000;
    font-weight: 500;
    font-family: roboto,Arial,Helvetica,sans-serif;
    display: flex;
    align-items: center;
}

#discount-price-show {
    font-size: 14px;
}

.product-info-wrap {
    font-size: 15px;
    margin: 0 0 16px;
    padding: 0;
}

.product-info-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 16px;
}

.product-info-item > *:first-child {
    width: 120px;
    min-width: 120px;
    margin-right: 4px;
}

.market-price {
    font-size: 19px;
    color: #999;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    display: flex;
    align-items: center;
}

/*fbt = Frequently Bought Together = Thường xuyên mua cùng*/
#FrequentlyBought {
    margin-top: 35px;
}
#FrequentlyBought h2 {
    margin: 0;
    padding: 0px;
    font-size: 19px;
    text-align: center;
}
#FrequentlyBought h2 span {
    display: inline-block;
    border-bottom: 1px solid #0060aa;
    padding: 7px 15px;
    margin-bottom: -1px;
}

.fbt-image-box,
.fbt-image-box li {
    list-style: none;
}
.fbt-image-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: 24px;
    margin-top: 12px;
}

.fbt-image-box li {
    float: left;
}
.fbt-image-box .a-link-normal {
    display: block;
    position: relative;
    width: 130px;
    background-color: var(--multiply, #f8f8f8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.fbt-image-box .a-link-normal::before {
    content: "";
    padding-top: 100%;
    display: block;
}

.fbt-image-box .a-link-normal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    color: #999;
    font-size: 11px;
}

.fbt-image-box li.bought-together-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.fbt-image-box li.last-item:before {
    display: none;
}
#FrequentlyBought red {
    color: #E12901;
}

#merchan-master {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.fbt-title-prod {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    grid-gap: 8px;
}

.fbt-title-prod .checkbox {
    margin: 0;
}

.add-more-cart {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    background-color: rgba(29 161 242 / 1);
    border: 0;
    outline: none;
    color: #fff;
    border-radius: 4px;
    padding: 10px 40px;
    font-size: 15px;
    position: relative;
}

.add-more-cart:hover,
.add-more-cart:focus {
    color: #fff;
    background-color: #337ab7;
}

.add-more-cart .addtocart-loading {
    top: 13px;
    left: 13px;
}

.add-more-cart:hover {
    background-color: #337ab7;
    color: #fff;
}

.bigPrice {
    font-size: 125%;
}
.product-target {
    background: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d1;
}
#RequirementSuccess,
#RequirementSuccess {
    position: fixed;
    display: block;
    top: -121px;
    width: 100%;
    height: 108px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
}
#RequirementSuccess .alert,
#RequirementSuccess .alert {
    border-radius: 0;
    text-align: center;
    position: absolute;
    width: 500px;
    height: 50px;
    top: 30px;
    left: 50%;
    margin-left: -250px;
}
.fb-chatting {
    position: fixed;
    bottom: 0;
    text-align: center;
    right: 70px;
    z-index: 9999;
    display: inline-block;
    padding: 5px 25px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    background: #007cb9;
    color: #fff;
}
.fb-chatting img {
    margin-right: 7px;
}
.fb-chatting:hover,
.fb-chatting:focus,
.fb-chatting:active {
    background: #0067a1;
    color: #fff;
}
#NtskNavigation .navbar-nav li:nth-child(n + 5) .list-background {
    right: 0;
    left: auto
}
.out-of-stock-box {
    font-size: 85%;
    margin-bottom: 10px;
}
.out-of-stock-box name {
    color: #337ab7;
    font-weight: 500;
}
.out-of-stock-box status {
    text-transform: lowercase;
}
.gift {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 9;
    width: 40px;
    height: 48px;
}

.gift img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#ChiakiPopupWapper {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999
}
.ChiakiPopupBackground {
    height: 100%;
    width: 100%;
    background-size: cover
}
.ChiakiPopupContent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 780px;
    height: 520px;
    overflow: hidden;
    margin-top: -260px;
    margin-left: -390px;
    text-align: center;
}
.ChiakiPopupContent a {
    margin: auto;
    display: block;
    vertical-align: middle;
    overflow: hidden;
    height: 520px;
}
.ChiakiPopupContent a img {
    max-width: 780px!important;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ChiakiPopupClose {
    position: absolute;
    top: 0;
    right: 0
}

.header-right ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header-right ul:after {
    content: "";
    display: block;
    clear: both;
}

.header-right li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.header-right small {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
    line-height: 48px;
}
.header-right .fl {
    float: left;
}
.header-right li+li {
    margin-left: calc(10px + (20 - 10) * ((100vw - 300px) / (1920 - 300)));
}
.header-right img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.header-right .fa-angle-down {
    line-height: 48px;
    margin-left: 3px;
}

#search-header #custom-search-input {
    position: relative;
}

#search-header #custom-search-input button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #8cb630;
    border: 1px solid #8cb630;
    outline: none;
    text-shadow: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
}
#search-header #custom-search-input input {
    border-radius: 4px 0 0 4px !important
}

#search-header #custom-search-input button:hover {
    background-color: #75a012;
    border: 1px solid #75a012;
    opacity: 1;
}


#custom-search-input .search-suggestions {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    list-style: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-radius: 0 0 3px 3px;
    border: 1px solid #d1d1d1;
    border-top: none;
}

#custom-search-input .search-suggestions li:after {
    content: "";
    display: block;
    clear: both;
}

.search-suggestions li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-suggestions li.suggestions-item {
    padding: 5px 10px;
}
.search-suggestions li + li {
    border-top: 1px dashed #d1d1d1;
}
.search-suggestions li a {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding: 8px 10px;
}

.search-suggestions li.suggestions-item-w-img:hover {
    background-color: #f1f1f1;
}

.search-suggestions li img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.search-suggestions li .suggestions-content {
    width: calc(100% - 70px);
    padding-left: 12px;;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.search-suggestions li .suggestions-content p {
    margin: auto 0 0 0;
}

.search-suggestions li h5 {
    margin: 0 0 6px;
    width: 100%;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-suggestions li span {
    margin-right: 7px;
    color: #E12901;
    font-size: 17px;
    font-weight: 500;
}

.search-suggestions li small {
    color: #666;
    text-decoration: line-through;
}

.search-suggestions .suggestions-item-end {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.search-suggestions .suggestions-item-end a {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #111;
    text-align: center;
    width: fit-content;
    width: -moz-fit-content;
}

.loading-icon {
    position: absolute;
    top: 10px;
    right: 70px;
}


.topmenu-hover {
    position: relative;
}

.topmenu-hover .hovershow {
    text-align: center;
    background-color: #111;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    padding: 3px;
    position: absolute;
    top: 100%;
    width: 120px;
    left: calc(50% - 60px);
    z-index: 100;
    display: none;
}

.topmenu-hover:hover .hovershow {
    display: inline-block;
}

.topmenu-hover .hovershow:after, .topmenu-hover .hovershow:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

}

.topmenu-hover .hovershow:after {
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 3px;
    margin-left: -3px;
}
.topmenu-hover .hovershow:before {
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 4px;
    margin-left: -4px;
}

#prescription-icon {
    right: 12px;
    bottom: 70px;
    position: fixed;
    text-align: center;
    width: 38px;
    height: 38px;
    line-height: 42px;
    z-index: 1000;
    background: #8cb630;
    border: 4px double rgba(255, 255, 255, 0.5);
    padding: 0;
}

#prescription-icon span {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-mask: url(/mobile-web/images/prescription.svg?v=1);
    mask: url(/mobile-web/images/prescription.svg?v=1);
    -webkit-mask-box-image: url(/mobile-web/images/prescription.svg?v=1);
    background-color: #fff;
}

#prescription-icon small {
    background-color: #333;
    position: fixed;
    bottom: 76px;
    right: 60px;
    color: #fff;
    height: auto;
    line-height: 16px;
    font-size: 14px;
    padding: 4px 7px;
    border-radius: 3px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;

}

#prescription-icon small:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-left-color: #333;
    border-width: 5px;
    margin-top: -5px;
}

.topmenu-hover.hotline {
    display: inline-block;
}

.topmenu-hover.hotline:after {
    content: "";
    display: block;
    clear: both;
}

.topmenu-hover.hotline img {
    float: left;
    height: 32px;
    width: 32px;
    margin-top: 4px;
}

.topmenu-hover.hotline .hotline-number {
    float: left;
    padding-left: 10px;
}

.hotline-number span {
    display: block;
    text-align: left;
}

.hotline-number span.txt-small {
    font-size: 13px;
    color: #666
}

.footer-top .hotline-number span.txt-small {
    color: #999;
}

.applied-online {
    font-size: 11px;
    font-family: Arial;
}

.your-cart {
    position: relative;
}
.cart-wrapper {
    position: fixed;
    width: 100%;
    height:100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 99999;
}
.pop-content {
    width: 500px;
    position:fixed;
    top: 150px;
    left: calc(50% - 250px);
    display:block;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    z-index: 99999;
    padding: 30px 50px;
    font-size: 16px;

}
.background-dummy {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height:100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 99997;
}

.pop-content > .close {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    right: -30px;
}

.pop-content > .pop-heading {
    font-size: 20px;
    text-align: center;
}

.pop-content > .pop-item-preview {
    text-align: center;
    padding: 30px 0px;
}

.pop-content #amount-item {
    font-weight: bold;
}

.pop-content > .btn-preview-cart {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    line-height: 44px;
    width: 100%;
    max-width: 280px;
    margin-top: 13px;
    border-radius: 5px;
    text-align:center;
    display: block;
    border:none;
    margin: 0 auto;
}

.pop-content > .btn-preview-cart:hover {
    color: #fff;
    opacity: .8;
}

.pop-content > .btn-view-cart {
    background: #ff3945;
    margin-bottom:10px;
    position: relative;
}

.pop-content > .btn-continue-shopping {
    background: #8cb630;
}
.pop-content > .btn-view-cart .addtocart-loading {
    top: 13px;
    left: 15px;
}

.check-cart {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.input-config-comment {
    width: 65px;
    margin: 5px 15px 5px 0;
    font-size: 13px;
    border-radius: 3px;
    padding: 5px 8px;
    border: 1px solid #d1d1d1;
}

.span-sorder-comment {
    display: block;
    margin-left: 25px;
}

.shop-address-wrapper {
    display: none;
    text-align: center;
    margin: 15px auto;
}

out-of-stock {
    color: #E12901;
    font-size: 15px;
}

no-result {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #333;
    margin: auto;
    font-size: 15px;
    font-weight: 500;
}

.loading-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #313131;
    padding: 15px 0;
    line-height: 24px;
    margin-top: -15px;
}

.find-shop-loading {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 15px;
}
.find-shop-loading:after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #777;
    border-color: #777 transparent #777 transparent;
    animation: loading 1.2s linear infinite;
}
@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.btn-gia-san-pham {
    text-align: center;
}
@-webkit-keyframes changebackground {
    0% {
        background-color: #ff3945
    }
    50% {
        background-color: orange;
    }
    100% {
        background-color: #ff3945
    }
}
.btn-show-content {
    animation: changebackground 550ms infinite;
    color: #fff;
    border-radius: 5px;
}
.btn-show-content:focus,
.btn-show-content:hover {
    color: #fff;
}


.a-align-center.bought-together-plus span{
    line-height: 3;
    font-weight: 500;
    font-size: 30px;
}

.product-title {
    margin: 0;
}

.product-title a {
    font-size: 17px;
    height: 40px;
    overflow: hidden;
    text-align: left;
    color: #313131;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-item:not(.blur):hover .product-title a,
.product-item:not(.blur) .product-title a:hover {
    color: #75a012
}

.product-teaser {
    padding-right: 15px;
}

.price-wrapper {
    padding: 5px 0 0 ;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 28px;
    grid-area: prodPrice;
}

.price-wrapper span,
.price-wrapper div {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
}
.price-wrapper .product-price {
    font-size: 19px;
    color: red
}
.price-wrapper .product-price-old {
    margin-left: 4px;
}

.product-btn {
    text-align: center;
    display: block;
    margin-top: 5px;
}

.product-list-content {
    margin: 10px 0 0 ;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(140px + (220 - 140) * ((100vw - 300px)/(1920 - 300))), 1fr));
    grid-gap: 16px;
}

.product-item {
    padding: 12px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}

.empty-product-content {
    grid-column-start: span 3;
    padding: 16px 0;
    text-align: left;
    font-size: 19px;
}

.product-item .starRating {
    grid-area: prodRating;
    margin-top: 4px;
}
.product-item  .starRating {
    grid-area: prodRating;
    margin-top: 4px;
}

.product-item-action .btn-wrap {
    grid-area: prodButton;
    width: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.product-item-action .btn-wrap .btn-buy {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    color: #fff;
    position: relative;
}

.load-popup .addtocart-loading {
    opacity: 1;
}

.product-item:hover .btn-buy:hover,
.btn-wrap .btn-buy:hover {
    color: #fff !important;
}

.product-img {
    margin-bottom: 12px;
    width: 100%;
    position: relative;
    display: block;
}

.product-img::after {
    content: "";
    padding-top: 100%;
    display: block;
}

.product-img img {
    color: #888;
    font-size: 11px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.product-price-old {
    color: gray;
    text-decoration: line-through;
}

.product-item-action {
    display: grid;
    grid-template-columns: auto 40px;
    grid-template-areas:
    "prodPrice prodButton"
    "prodRating prodButton"
}

#more-desc {
    margin-top: 10px;
}

.category-wrapper-list {
    margin-top: 25px;
}
.category-info {
    display: block;
    position: relative;
}

.pro-widget {
    border-radius: 4px;
}

.pro-widget + .pro-widget {
    margin-top: 25px;
}

.widget-title {
    position: absolute;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 7px;
    left: 0;
    top: 100px;
    background-color: rgba(111, 111, 111, 0.5);
    color: #fff;
    text-align: left;
    font-size: 14px;
}

.category-image {
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.category-desc {
    padding: 7px 7px;
    text-align: justify;
}

.category-link {
    margin-top: 15px;
    margin-bottom: 15px;
}

.category-link li {
    list-style: none;
}

.doi-mat-khau, .txt-ship{
    display: none;
}

.product-best-sale-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-best-sale-item + .product-best-sale-item {
    margin-top: 10px;
    padding-top: 10px;
}

.product-best-sale-item .best-sale-link {
    width: 90px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.best-sale-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-best-sale-item .product-meta {
    width: calc(100% - 90px);
    padding-left: 10px;
}

.product-meta a[itemprop="name"] {
    color: #333;
    font-size: 17px;
    margin-bottom: 7px;
    display: flex;
}
.product-meta div {
    justify-content: flex-start;
    align-items: center;
}

.bestsales-title-box {
    font-size: 19px;
    color: #222;
    padding: 7px 1px 10px 15px;
    display: block;
    margin-top: 0;
}

.product-meta .price-new {
    font-size: 19px;
}
.product-meta .price-old {
    font-size: 15px;
    color: gray
}

#toc {
    background-color: #f7f8ff;
    padding: 1em;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

#toc-header {
    display: block;
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

.moreless-table-content {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-color: transparent;
    transition: all 250ms ease;
}

.show-table-content {
    transform: rotate(135deg);
}

.moreless-table-content::before,
.moreless-table-content::after {
    content: "";
    display: inline-block;
    background-color: #888;
    position: absolute;
    border-radius: 2px;

}
.moreless-table-content::before {
    width: 16px;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
}

.moreless-table-content::after {
    width: 2px;
    height: 16px;
    top: 0;
    left: calc(50% - 1px);
}

.author-box-wrap {
    border: 1px solid #ededed;
    padding: 21px;
    margin-bottom: 25px;
    margin-top: 25px;
    overflow-y: hidden;
    width: 100%;
}

.author-box-wrap img {
    max-width: 100%;
    height: auto;
    float: left;
}

.author-box-wrap .author-desc {
    margin-left: 117px;
    font-size: 14px;
}

.td-author-name {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    margin: 7px 0 8px;
}

.author-box-wrap .td-author-social {
    margin-bottom: -5px;
}

.author-box-wrap .avatar-author {
    float: left;
    max-width: 96px;
}

.post-author-name {
    font-weight: 400;
    color: #444;
    float: left;
    display: inline-block;
    top: 2px;
}
.post-author-name div {
    display: inline;
    margin-right: 2px;
}
.post-author-name a {
    font-weight: 700;
    margin-right: 3px;
}

.post-date {
    margin-left: 4px;
    color: #444;
    float: left;
}
.meta-info {
    font-size: 11px;
    margin-bottom: 7px;
    line-height: 1;
    min-height: 17px;
}

#toc ol { counter-reset: item }
#toc li { display: block }
#toc li:before { content: counters(item, ".") ". "; counter-increment: item }

.product-combo:not(.hidden) {
    display: block;
}

.product-combo .pr-meta-label {
    display: block;
    width: 100%;
    margin: 0 0 6px;
}

.list-combo-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
}

.product-combo-item {
    border: 1px solid rgba(208, 1, 27, 0.2);
    padding: 6px 4px;
    cursor: default;
    line-height: 1.1;
    font-weight: 500;
    position: relative;
    text-align: center;
}

.product-combo-item label {
    margin-bottom: 0;
    font-weight: 500;
}

.product-combo-item span,
.product-combo-item strong {
    color: rgba(208, 1, 27, 0.8)
}

.product-combo-item span {
    font-weight: 500;
}
.product-combo-item:before {
    content: "";
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(208, 1, 27, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.best-sale,
.product-out-of-stock {
    width: 50px;
    height: 50px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #939393;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.2;
}

.best-sale {
    color: #fff;
    background-color: #E12901;
}
.best-sale:hover {
    color: #fff;
}

.product-img.blur .best-sale {
    display: none;
}

.related-news-box {
    margin-bottom: 10px;
}

.related-news-box .list-news-item {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 20px;
}
.related-news-box .list-news-item li {
    padding: 10px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.related-news-box .list-news-item li+li {
    border: none;
}

.list-news-item-thumb {
    height: 140px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-news-item-thumb {
    margin-bottom: 7px;
}
.list-news-item-thumb img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.related-news-box .list-news-item .list-news-title{
    font-size: 16px;
    line-height: 21px;
}

.city-selection .selected,
.district-selection .selected,
.ward-selection .selected,
.profile-location .selected {
    border: none !important;
}

.city-selection .active a,
.district-selection .active a,
.ward-selection .active a,
.profile-location .active a {
    color: #000000 !important;
    font-weight: bold !important;
}

.product-tpl-item {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    margin: 25px;

}

.product-tpl-box {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 0 10px;
}

.product-tpl-item:not(.slick-slider) .product-tpl-box:only-child {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.prod-tpl-action {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
}

.prod-tpl-action > * {
    width: 45%;
    padding: 10px 0;
    font-size: 14px;
    height: auto;
    margin: 0 10px 0 0;
    background-color: #7aaa21;
    outline: none;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.product-tpl-item:not(.slick-slider) .product-tpl-box:only-child {
    max-width: 600px;
    margin: 0 auto;
}
.product-tpl-item:not(.slick-slider) .product-tpl-box:only-child .product-tpl-content {
    justify-content: flex-start;
}
.product-tpl-item:not(.slick-slider) .product-tpl-box:only-child .prod-tpl-title {
    text-align: left;
}

.starRating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.starRating small {
    color: #999;
    margin-left: 3px;
}

.item-brand {
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
.prod-tpl-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
    padding-top: 3px;
    width: 100%;
}

.product-tpl-image {
    display: block;
    position: relative;
    width: 200px;
    margin: 0 auto;
}

.product-tpl-box:only-child .product-tpl-image {
    height: auto;
}

.product-tpl-image::before {
    content: "";
    padding-top: 100%;
    display: block;
}

.product-tpl-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    object-position: center;
}

.product-tpl-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.product-tpl-item:not(.slick-slider) .product-tpl-box:only-child .product-tpl-box-content {
    width: calc(100% - 200px);
    padding-left: 20px;
}

.product-tpl-buy:hover {
    color: #fff
}

.prod-tpl-title {
    width: 100%;
    font-size: 17px;
    line-height: 1.3;
    margin: 0 0 5px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
    transition: all 250ms ease;
    color: #333;
    min-height: 40px;
}

.rating-item {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: block;
    margin-right: 3px;
    background-color: #ccc;
    mask-image: url(/images/rating-star.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/images/rating-star.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transform: translateY(-2px);
}

.rating-item.rating-on {
    background-color: #ffbc59;
}

.prod-tpl-title:hover {
    color: #5d800d
}

.prod-tpl-newprice {
    font-size: 15px;
    color: #333;
    cursor: default;
}

.prod-tpl-oldprice {
    text-decoration: line-through;
    cursor: default;
    color: #888;
    margin-left: 5px;
}

.product-tpl-item.twice-item .product-tpl-box {
    width: 49%;
    max-width: 49%;
    padding: 0;
    flex-direction: row
}

.product-tpl-item.twice-item .product-tpl-box .product-tpl-image {
    width: 150px;
}

.product-tpl-item.twice-item .product-tpl-box .product-tpl-box-content {
    width: calc(100% - 150px);
    padding-left: 15px;
    text-align: left;
}
.product-tpl-item.twice-item .product-tpl-box .product-tpl-box-content .product-tpl-content {
    text-align: left;
    justify-content: flex-start;
}

.prod-tpl-newprice {
    font-size: 19px;
    color: #E12901;
}

.prod-tpl-oldprice {
    text-decoration: line-through;
    color: gray;
    margin: 0 0 0 3px;
}

.product-slide:not(.slick-slider) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
}

.product-slide:not(.slick-slider) .product-tpl-box:nth-child(n + 4) {
    display: none;
}

.product-slide .prod-tpl-price {
    justify-content: center;
}
.product-slide .prod-tpl-oldprice {
    margin-left: 4px;
}
.product-slide .product-tpl-image {
    margin-bottom: 8px;
}

.product-tpl-box .starRating {
    margin: 0
}

.social-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
}

.social-box a {
    display: inline-block;
}

.social-box a + a {
    margin-left: 10px;
}

.social-icon {
    width: 30px;
    height: 30px;
}
.fb0 {
    fill: #4267B2;
}

.fb1 {
    fill: #FFFFFF;
}

.in0 {
    fill: #FF5B5B;
}

.in1 {
    fill: #ECECF1;
}

.lin0 {
    fill: #0077B7;
}

.lin1 {
    fill: #FFFFFF;
}

.yt0 {
    fill: #DD352E;
}

.yt1 {
    fill: #FFFFFF;
}

.inside-key-footer {
    text-align: center;
    padding-bottom: 15px;
    line-height: 1em;
}

.inside-key-footer a {
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
    padding: 0;
}

.inside-key-footer a+a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 5px;
    margin-left: 3px;
    font-size: 11px;
}

.inside-key-footer a:hover {
    color: rgba(255, 255, 255, 0.85)
}
.image-url {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
}

.fileSelector .files {
    padding: 7px 10px;
    background-color: #f8f8f8;
}
.fileSelector .button {
    font-size: 13px;
    color: #8cb630;
    border: 1px solid;
    margin: 0 0 0 10px;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    text-shadow: none;
    width: auto!important;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}

.fileSelector .button:hover {
    background-color: #8cb630;
    color: #fff;
}

.file-upload {
    position: relative;
    display: inline-block;
    height: 95px;
    width: 95px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 7px;
    margin: 15px 5px 7px;
}
.remove-img {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -13px;
    right: -13px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    z-index: 9;
    cursor: pointer;
}
#tks-your-comment {
    color: #fff;
    background: #8cb630;
    display: inline-block;
    position: fixed;
    font-size: 17px;
    width: 50%;
    top:25%;
    left: 25%;
    z-index: 999;
    border: 5px solid rgba(0, 0, 0, 0.3);
    -moz-background-clip: border;     /* Firefox 3.6 */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -moz-background-clip: content;     /* Firefox 3.6 */
    -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
    background-clip: content-box;      /* Firefox 4, Safari 5, Opera */
}
#tks-your-comment div {
    padding:15px 20px;
    text-align: center;
}
.list-image-from-customer {
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.data-featherlight-gallery-comment {
    width: 100%;
    float: left;
}
.data-featherlight-gallery-comment img {
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.customer-images img {
    margin-right: 10px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 4px
}
.comments-item img {
    margin-right: 10px;
    width: 70px;
    height: 70px;
    object-fit: contain;
    object-position: center;
}
#tks-your-comment .close-tks-txt {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    z-index: 9;
    cursor: pointer;
}

.info-gallery .author {
    color: #999;
    font-size: 14px;
    margin-top: 15px;
}
.info-gallery .author span {
    color: #333;
    font-weight: 700;
}
.info-gallery .title {
    padding-top: 15px;
    padding-bottom: 10px;
    color: #676767;
    font-size: 18px;
}
.featherlight .featherlight-content {
    background-color: transparent!important;
}
.share-social-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.social-item {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 6px;
    cursor: pointer;
}

.facebook-icon {
    color: #3b5998
}
.twitter-icon {
    color: #00acee
}
.pinterest-icon {
    color: #c8232c
}


.share-toolbox {
    height: 40px;
}

.menu-table-icon {
    width: 15px;
    margin: 0 !important;
    margin-right: 10px !important;
}
.rss {
    fill: #ff9200;
    width: 20px;
    height: 20px;
}

.payment-method {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.payment-method .payment-method-title {
    width: 100%;
    padding: 7px 0;
    color: #68b106;
    font-size: 19px;
}

.payment-method img {
    height: 40px;
    margin-right: 7px;
    object-fit: contain;
}

.text-seo-content {
    max-height: 150px;
    overflow: hidden;
}
.text-seo-content.less {
    max-height: inherit;
    overflow: inherit;
}
.text-seo-content ul, .text-seo-content ol {
    margin-left: 20px;
}
.btn-text-seo {
    display: flex;
    justify-content: center;
    margin: 5px 0px;
}

.btn-text-seo .btn {
    border: none;
    outline: none;
}

.btn-text-seo .btn-more {
    color: #fff;
    background-color: #75a012;
}

.btn-text-seo .btn-less {
    color: #75a012;
    border: 1px solid #75a012;
    background-color: #fff;
}


.navbar-nav {
    position: relative;
}
.static-menu {
    position: static !important;
}


.list-products-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 900px;
    min-height: 150px;
    background-color: #fff;
    z-index: 9;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
}

.prod-gallery {
    position: relative;
    width: var(--g);
}
.prod-details {
    width: calc(100% - var(--g));
    padding-left: 25px;
}

.add-to-cart-wrapper > * {
    margin-bottom: 16px;
}

.cart-footer-checkout {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 12px;
    margin-top: 16px;
}

.goto-cart-button,
.continue-shopping {
    color: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    outline: none;
    border: none;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 6px;
    min-height: 44px;
    min-width: 144px;
    transition: all 222ms ease-in-out;
    -webkit-transition: all 222ms ease-in-out;
    -moz-transition: all 222ms ease-in-out;
    -ms-transition: all 222ms ease-in-out;
    -o-transition: all 222ms ease-in-out;
}
.continue-shopping {
    background-color: rgb(29, 161, 242);
}

.goto-cart-button {
    background-color: #ff3945;
}

.continue-shopping:focus,
.continue-shopping:active,
.continue-shopping:hover {
    background-color: #1585c9;
    color: #fff;
}

.goto-cart-button:focus,
.goto-cart-button:active,
.goto-cart-button:hover {
    background-color: #d71e2a;
    color: #fff;
}

@media (min-width: 990px) {
    .list-products-menu {
        width: 860px;
    }

    .frequently-bought {
        width: 100%;
    }

    .product-list-info-left {
        width: calc(100% - var(--s) - var(--gp));
    }

    .shipping-fee-cover {
        width: var(--s)
    }
}

.static-menu:hover .list-products-menu {
    opacity: 1;
    visibility: visible;
}

.nav-alphabet {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 240px;
}

.nav-show-products {
    width: calc(100% - 240px);
    padding-left: 20px;
    /* display: grid; */
}

.letter-link {
    border: 1px solid #d8d8d8;
    padding: 0;
    border-radius: 3px;
    width: 34px;
    line-height: 32px;
    text-align: center;
    margin: 0 5px 5px 0;
    font-size: 13px;
    transition: all 350ms ease;
    cursor: pointer;
    color: #75a012
}

.letter-link:hover {
    background-color: #f1f1f1;
    color: #75a012;
}

.letter-link.active {
    color: #222;
}

.more-products {
    width: 112px;
}

.products-sub.active {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
}

.products-sub:not(.active) {
    display: none;
}


.products-sub a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.hot-words-list {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
    margin: 0;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 14px;
}

.footer-middle {
    background: #1f2d3a;
}

.footer-middle h4 {
    color: #fff;
}

.subcriber-form {
    margin-bottom: 20px;
    height: 34px;
    display: flex;
    width: 400px;
    box-sizing: content-box;
}

.subcriber-form.full {
    width: 100%;
}

.subscribe-input {
    background: #1f2d3a;
    border: none;
    padding: 0 10px;
    width: 100%;
    outline: none;
    border: 1px solid #a2a2a2;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: none;
    outline: none;
}

.subscribe-input.white {
    background: #fff;
}

.subscribe-input::placeholder {
    color: #a2a2a2;
}

.subscribe-btn {
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 15px;
    background-color: #8cb630;
    color: #fff;
    outline: none;
}

.subcriber {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit-wrapper {
    padding: 25px 0;
    margin: 25px 0 0;
    background-color: #f8f8f8;
}

.benefit-wrapper .benefit-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
    line-height: 1.5;
    max-width: 1260px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.benefit-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.benefit-item:hover .benefit-icon {
    border: 1px solid #8cb630;
}

.benefit-icon {
    width: 70px;
    height: 70px;
    position: relative;
    border-radius: 70px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    transition: all 350ms ease;
}

.benefit-icon::after {
    content: "";
    width: 64px;
    height: 64px;
    display: block;
    border-radius: 62px;
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #f1f1f1;
}

.benefit-wrapper img {
    width: 85%;
    height: 85%;
    object-fit: contain;
    position: relative;
    z-index: 9;
}

.benefit-item:hover img {
    filter: grayscale(100%);
}

.benefit-title,
.benefit-title:hover {
    font-size: 14px;
    text-transform: uppercase;
    color: #111;
    text-align: center;
    display: block;
    user-select: none;
    font-weight: bold;
    transition: all 350ms ease;
}

.benefit-description {
    font-size: 14px;
    color: #616161;
    text-align: center;
    display: block;
    padding: 0 15px;
}

.nav-brand {
    bottom: 0;
    position: absolute;
    height: 150px;
    clear: both;
    width: 90%;
    left: 5%;
    display: flex;
    align-items: center;
}

.nav-image-brand {
    height: 100px !important;
}

.nav-image-brand img {
    width: 100%;
}

.list-background.has-brand {
    padding-bottom: 150px;
}

.preview-crumbs, .category-breadcrumb {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.category-breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto 10px;
    padding: 0 0;
}

.breadcrumb-nav.nav>li>a {
    padding: 0;
    display: inline-block;
}

.cat-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    min-width: 170px;
}

.category-link, .cat-brand, .child-category {
    padding: 0;
    margin: 0;
    list-style: none;
}

.child-category {
    font-size: 15px;
    line-height: 1.42857143;
    margin: 0;
}

.jscroll {
    max-height: 210px;
    overflow: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}

.cat-information, .cat-brand, .cat-price {
    width: 94%;
    margin: 0 0 25px;
}

.cat-information .category-title {
    margin: 7px 0 7px;
    padding:0;
    font-size: 19px;
}

.cat-link {
    margin: 0;
    display: block;
    font-size: 14px;
}

.title-option-manufactureers, .title-option-price, .name-item-tag {
    font-size: 14px;
    margin: 0;
}

.child-category-link {
    margin: 0px;
}

.child-category-link svg {
    margin-right: 5px;
    width: 14px;
}
.cat-sort select + svg {
    margin-left: 5px;
    height: 20px;
}
svg:not(:root) {
    overflow: hidden;
}
.sort-option {
    font-weight: bold;
    text-align: center;
    margin-right: 5px;
    padding: 6px 30px 6px 4px !important;
    height: auto !important;
    outline: none
}
select {
    background-color: white;
    border: thin solid #d1d1d1;
    border-radius: 3px;
    display: inline-block;
    font: inherit;
    padding: 8px 12px;
    line-height: 1.5;
    font-size: 13px;
    width: 100% !important;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(
45deg
, transparent 50%, gray 50%), linear-gradient(
135deg
, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 14px) calc(1em - 0px), calc(100% - 9px) calc(1em - 0px), calc(100% - 2em) 5px;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


.js-price +.js-price::before {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-left: 7px;
    padding-right: 4px;
    color: gray;
}

#f-clear {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    white-space: normal;
    padding: 10px 0;
    border-color: #e1e1e1;
}
.list-name-filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 0 6px;
    padding: 0;
}

.list-name-filter li {
    list-style: none;
    margin: 0 6px 0 0;
    padding: 0;
}
.list-name-filter li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    border-radius: 16px;
    border: 1px solid #e1e1e1;
    line-height: 1.3;
}
.filter-clear {
    display: block;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid #e1e1e1;
    color: #E12901;
}
.filter-clear span {
    /* border: 1px solid #e1e1e1; */
    padding: 3px 7px;
    border-radius: 3px;
    color: #E12901;
    display: inline-block;
    background: #fff;
}
#f-clear a.filter-clear span:after {
    font-family: FontAwesome;
    content: "\f00d";
    padding-left: 5px;
}

.list-name-filter li a:before {
    content: "\f057";
    font-family: FontAwesome;
    color: gray;
    padding-right: 7px;
}

#f-clear .category-title {
    margin: 7px 0 7px;
    padding: 7px 0 5px;
    font-size: 17px;
}
.cat-information h1 {
    padding: 7px 0;
}
.cat-information h1 {
    margin: 7px 0 7px;
    padding: 7px 15px 5px;
    font-size: 19px;
    color: #000;
}
.content-description {
    margin: 7px auto;
    font-size: 13px;
}
.preview-filter-price {
    text-align: center;
    padding-bottom: 6px;
    color: #75a012;
    font-size: 15px;
}
.input-range {
    display: flex;
    margin: 10px 0;
}
.input-range .box {
    width: 50%;
    margin: 0 10px;
}
.input-range .box input {
    border: 0;
    width: 100%;
    font-size: 14px;
    background: transparent;
}
.input-range .box .max-price-input {
    text-align: right;
}
.ui-widget-content {
    background: #ccc;
}
#slider-range .ui-slider-range {
    background: #75a012;
}
#slider-range .ui-slider-handle {
    background-color: #75a012;
    border-radius: 50%;
    border: none !important;
}
.ui-slider-horizontal .ui-slider-handle {
    width: 12px !important;
    height: 12px !important;
    top: calc(50% - 6px)!important;
    outline: none;
}
#slider-range {
    height: 3px;
    border: none !important;
    margin: 0 10px;
    background-color: #e1e1e1;
}
.search-button {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.btn-search-range-price {
    background: #75a012;
    border: none;
    color: #fff;
    padding: 7px 15px;
    border-radius: 3px;
    outline: none;
    margin-bottom: 7px;
    margin-right: 10px;
}

.highlightProducts-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-align: left;
    -webkit-box-orient: vertical;
    padding: 0 10px 0 0;
}

.item-promotion-heading {
    font-weight: 500;
    background: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
}

.item-promotion-type::first-letter {
    text-transform: uppercase;
}

.item-promotion-image.voucher-box {
    font-size: 9px;
    background-color: #3aacff;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.item-promotion-content {
    display: grid;
    grid-gap: 16px;
}
.item-promotion-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.item-promotion-content li red {
    color: red
}

.item-promotion-image {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.item-promotion-image:not(.voucher-box) img {
    font-size: 9px;
    color: gray;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.item-promotion-image.voucher-box img {
    font-size: 9px;
    color: #fff;
}

.item-promotion-image {
    width: 60px;
    height: 60px;
}

.item-promotion-box {
    width: calc(100% - 60px);
    padding: 0 0 0 12px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.item-promotion-content-select {
    list-style: none;
    margin: 0;
    padding: 0;
}

.item-promotion-type {
    display: block;
    margin-top: 4px;
}

.item-promotion-type b {
    color: rgba(208, 1, 27, 0.8);
}

.item-promotion-content-select li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.item-promotion-content-select li+li {
    margin-left: 25px;
}

@media (max-width: 1200px) {
    .recommend-product-box {
        grid-template-rows: auto auto;
        grid-auto-flow: column;
        overflow-x: scroll;
    }

    .recommend-item-url {
        width: 195px;
        min-width: 195px;
    }
}
@media (max-width: 1200px) {
    .container {
        width: 99%;
        margin: 0 auto;
    }

    .product-list-info-wrapper > * {
        width: 100%;
    }

    .topmenu-txt,
    .phone-icon {
        display: none;
    }
}

@media (max-width: 990px) {
    .sub-header {
        flex-wrap: wrap;
    }

    .price-box {
        display: grid;
        grid-template-areas:
        "Price Off"
        "Price Save";
        grid-gap: 4px 10px
    }

    .original-price {
        grid-area: Price
    }
    .price-box .market-price {
        grid-area: Off;
        margin: 0;
    }
    .price-box .product-sale-price-text {
        grid-area: Save;
        margin: 0;
    }

    .content-sidebar .contents,
    .content-sidebar .sidebar {
        width: 100%;
        padding: 0
    }

    .prod-short {
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .prod-short .prod-cell {
        width: 33.3%;
        border-right: none;
    }

    .add-to-cart-actions {
        width: 100%;
        margin: 12px 0
    }
}

.cat-sort-new {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6px;
    border-bottom: 1px solid #e1e1e1;
}

.cat-sort-new > .sort-item {
    color: #555;
    padding: 8px 16px;
    position: relative;
    background-color: transparent;
    font-size: 15px;
    margin-right: 7px;
    outline: 0;
    white-space: nowrap;
    border: none;
    transform: translateX(-15px);
}

.cat-sort-new > .sort-item::after {
    content: "";
    height: 3px;
    width: 60px;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 30px);
    display: block;
    background-color: #8cb630;
    opacity: 0;
}

.cat-sort-new > .sort-item.active {
    color: #8cb630;
    cursor: default;
}

.cat-sort-new > .sort-item.active::after {
    opacity: 1;
}

@media (min-width: 760px) and (max-width:  1024px) {
    .count-produc-number {
        font-size: 13px;
    }
    .count-produc-bar {
        display: none;
    }
    
    .prod-short .prod-cell {
        width: 30%;
    }

    .prod-short-line.line-end {
        display: none;
    }
}

/* Pharmacy Author Check */
.pharmacy-author-check {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    grid-gap: 10px;
    background-color: #f7f8ff;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    width: 100%;
}

.pharmacy-author-check-title {
    display: flex;
    padding: 4px 10px;
    background: #75a012;
    width: fit-content;
    color: #fff;
    align-items: center;
    grid-gap: 4px;
    font-size: 13px;
    border-radius: 100px;
    line-height: 1;
}

.pharmacy-author-check-title svg {
    width: 14px;
    height: 14px;
}

.pharmacy-author-check-name {
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    display: block;
    color: #072d94;
}

.pharmacy-author-check-des {
    font-size: 14px;
}

.pharmacy-author-check-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 75px;
    border-radius: 4px;
}

.pharmacy-author-check-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pharmacy-author-check-more {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #072d94;
}

.pharmacy-author-check-product .pharmacy-author-check-name {
    margin-top: 0;
}

.pharmacy-author-check-product .pharmacy-author-check-title {
    padding: 0;
    background: transparent;
    color: #75a012;
}

.pharmacy-author-check-product .pharmacy-author-check-img {
    display: flex;
    align-items: center;
}

#prod-details .pharmacy-author-check-img img {
    margin: 0;
    max-height: 400px;
}

#video-product {
    position: relative;
}

#video-product::after {
    content: "";
    display: block;
    padding-top: 100%;
}

#video-product video {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
}

.video-thumb {
    width: 80px;
    height: 80px;
    background: #f8f8f8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-thumb-icon {
    width: 36px;
    height: 36px;
    background: #75a012;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.product-img-wrapper {
    position: relative;
}

.product-video-icon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    cursor: pointer;
    z-index: 9;
}

.recommend-item-image .product-video-icon {
    right: 0;
}

.best-saller-image-cover .product-video-icon {
    right: 16px;
    bottom: 10px;
}