@font-face {
    font-family: RobotoCondensed-Regular;
    src: url("./fontfaces/RobotoCondensed-Regular.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-Bold;
    src: url("./fontfaces/RobotoCondensed-Bold.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-BoldItalic;
    src: url("./fontfaces/RobotoCondensed-BoldItalic.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-Italic;
    src: url("./fontfaces/RobotoCondensed-Italic.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-Light;
    src: url("./fontfaces/RobotoCondensed-Light.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: SVN-Gotham;
    src: url("./fontfaces/SVN-Gotham_Regular.otf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/8e9860b6e62d6359-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fontfaces/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/8e9860b6e62d6359-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fontfaces/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/8e9860b6e62d6359-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fontfaces/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/8e9860b6e62d6359-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fontfaces/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/8e9860b6e62d6359-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_e68c2d;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fontfaces/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_Fallback_e68c2d;
    src: local("Arial");
    ascent-override: 90.49%;
    descent-override: 22.56%;
    line-gap-override: 0.00%;
    size-adjust: 107.06%
}

:root {
    --primary: #1662a0;
    --secondary: #ffbf17;
    --third: #333;
    --four: #d91e00;
    --slide-h: 400px;
    --font-inter: "__Inter_e68c2d", "__Inter_Fallback_e68c2d";
}

@font-face {
    font-family: SVN-Gotham_Light;
    src: url("/assets/fontfaces/SVN-Gotham_Light.ttf") format("truetype");
    font-display: swap
}

button:focus,
input:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .col-lg-5-cols {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.fl-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bk-btn-paynow,
.bk-btn-installment {
    width: 100%!important;
    margin-bottom: 15px!important;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
}

.shcart .bk-btn-paynow,
.shcart .bk-btn-installment {
    width: initial!important;
}

button {
    padding: 0;
}

#thonhsoModal {
    z-index: 99999!important;
}

.cout_cauhinh {
    font-size: 1.2em;
    color: var(--primary);
    font-style: italic;
    margin-bottom: 6px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .col-md-3.col-divide-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

body {
    font-family: var(--font-inter)
}

.container.small-container {
    max-width: 1200px;
}

.bg-ee {
    background-color: #eee;
}

.bg-fa {
    background-color: #fafafa;
}

header.header-fix {
    /*position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1);
    box-shadow: 3px 3px 5px 0px rgba(221,221,221,1);*/
}

header.header-fix .top-header {
    display: none;
}

header.header-fix .bottom-header {
    border-top: none;
}

.ss {
    -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}

.flex-center {
    display: flex;
    align-items: center;
    height: 100%;
}

.flex-center .flex-center-div {
    flex: 1;
}

div,
a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

ul.no-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clear-fix:after {
    clear: both;
    visibility: hidden;
    content: '.';
    height: 0;
    display: block;
}

.top-top-header {
    background: #fff;
}

.link-login {
    font-size: 1.4em;
    line-height: 1.5;
    background: none;
    border: none;
    color: #333;
}

.link-login i {
    width: 31px;
    height: 31px;
    display: inline-block;
    line-height: 31px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
}

.top-header {
    padding: 10px 0;
    display: block;
    background-color: #fff;
    color: #333;
    font-size: 1.4em;
}

.top-header i {
    margin-right: 5px;
}

.top-header a {
    color: #333;
}

header.header-fix .top-header {
    padding: 5px 0;
}

ul.lit-social-header li {
    margin: 0 5px;
}

ul.lit-social-header li a {
    width: 42px;
    height: 42px;
    font-size: 1.4em;
    background: #eee;
    color: #02737A;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

ul.lit-social-header li a:hover {
    background-color: #02737A;
    color: #fff;
}

.img-logo {
    width: 105px!important;
}

.img-logo.img-logo-mobile {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

header.header-fix .img-logo {
    max-width: 50px!important;
}

.sea_reg {
    background: #eee;
    display: table;
    width: 100%;
    border-radius: 25px;
}

.sea_reg div.sear-tb {
    display: table-cell;
    border-radius: 25px;
    position: relative;
    vertical-align: middle;
}

.sea_reg div.sear-tb.sear-tb-green {
    background-color: var(--primary);
    border-radius: 0 25px 25px 0;
}

.sea_reg div.sear-tb .sear-tb-hotline {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    color: #f6bc1a;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
}

.sea_reg div.sear-tb .sear-tb-hotline a {
    color: #fff;
}

.sea_reg div:first-child {
    width: 100%;
}

.sea_reg div #txtsearch,
.sea_reg div #dd-search {
    width: 100%;
    font-style: italic;
    background: none;
    padding: 10px 17px;
    border: none;
    outline: none;
    font-size: 13px;
    border-radius: 4px;
    height: auto;
    line-height: unset;
}

.sea_reg div #dd-search {
    border-right: 1px solid #eee;
    padding-left: 10px;
    -webkit-appearance: none;
    background: none;
}

.nhotline {
    color: red;
    font-size: 1.6em;
    white-space: nowrap;
}

.nhotline:hover {
    color: #BDA44B
}

.sea_reg div button {
    font-size: 14px;
    border: none;
    background: none;
    outline: none;
    width: 33px;
    height: 33px;
    color: #fff;
    border-radius: 50%;
    background-color: #f6bc1a;
    margin-right: 5px;
    text-align: center;
}

@media(min-width:991px) {
    .sea_reg div.sear-tb .sear-tb-hotline {
        padding-left: 30px;
    }
    .sea_reg div.sear-tb.sear-tb-green:before {
        content: '';
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0px;
        background: #eee;
        border-radius: 0 25px 25px 0;
    }
    .sea_reg div button {
        position: absolute;
        right: -14px;
        z-index: 999;
        top: 3px;
        margin-right: 0px;
    }
}

.txb-button {
    color: #fff!important;
    font-size: 2.4em;
    border: none;
    background: none;
}

.txb-button:hover {
    color: var(--primary)!important;
}

.txb-button span.numcart {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: 2px;
    background: var(--primary);
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    right: 2px;
    text-align: center;
}

.b-l {
    display: inline-block;
    color: #9cb5bf;
    position: relative;
}

.b-l i {
    color: #f6bc1a;
    font-size: 2.3em;
}

.b-l span {
    display: block;
    position: absolute;
    top: -10px;
    left: 12px;
    background: var(--four);
    color: #fff;
    font-weight: bold;
    padding: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 15px;
}

.enmination {
    float: right;
    width: 30px;
    padding-left: 10px;
    font-size: 1.4em;
    color: #272425;
    font-weight: bold;
    margin-top: -3px;
}

.regmenu {
    background-color: var(--secondary);
}

.regmenu .regmenu-button {
    background-color: rgba(0, 0, 0, .1);
    padding: 20px;
    font-size: 1.6em;
    color: #3a3a39;
    width: 100%;
    display: block;
    border: none;
    font-weight: bold;
    text-align: left;
}

.regmenu .regmenu-button i {
    margin-right: 10px;
}

.regmenu-a {
    display: block;
    padding: 10px 20px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    text-transform: uppercase;
    color: var(--primary);
    font-size: 1.4em;
    font-weight: bold;
}

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

.regmenu-a.regmenu-a-suachua {
    background-size: 16px;
    background-image: url('/assets/images/ico_service.png')
}

.x-cd:last-child,
.x-cd.x-cd-a {
    border: none;
}

@media (min-width:991px) {
    .x-cd.x-cd-a {
        border-right: 1px solid rgba(0, 0, 0, .1);
    }
}

.x-cd:hover {
    background-color: var(--primary);
}

.regmenu-a img {
    max-width: 20px;
    filter: invert(50%) sepia(40%) saturate(200%) hue-rotate(180deg);
    /**/
}

.regmenu-a:hover img {
    filter: brightness(0) invert(1);
}

#menu-mobile {
    position: fixed;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99199;
    width: 80%;
    transition: 500ms ease-out;
    top: 0;
    bottom: 0;
    transform: translate(-100%, 0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

#menu-mobile.w {
    transform: translate(0, 0);
}

.headerd {
    position: relative;
    border-bottom: 1px solid rgba(255, 191, 23, 1);
    height: 40px;
}

.headerd div {
    background: var(--primary);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 9px 15px;
    white-space: nowrap;
}

#btn-close-menu-child,
#btn-close-menu-child1 {
    color: #333;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.6em;
    cursor: pointer;
}

#btn-close-menu-child:hover,
#btn-close-menu-child1:hover {
    color: var(--primary);
}

.menu-mobile-s li a {
    display: block;
    text-transform: capitalize;
    font-weight: bold;
    color: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    font-size: .9rem;
}

.menu-mobile-s li {
    position: relative;
}

.menu-mobile-s li i {
    position: absolute;
    right: 0;
    font-size: 1.4em;
    top: 2px;
    padding: 14px;
    border-left: 1px solid #ddd;
    display: block;
    cursor: pointer;
    color: #333;
}

.menuchildmible li a.pad-c.pad-c-backg {
    background-repeat: no-repeat;
    background-position: left 15px top 10px;
    background-size: 15px;
}

.menuchildmible li a.pad-c {
    white-space: initial;
    background-color: #fff;
    font-weight: initial;
    font-size: 1.4em;
    padding-left: 20px;
}

.menuchildmible li a.pad-c.pad-c-backg:before {
    content: '';
    width: 7px;
    height: 7px;
    background: rgba(255, 191, 23, 1);
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.tm-sli-d {
    display: block;
    background: #fff;
    border-bottom: 1px solid #eee;
    font-size: 1.5em;
    color: rgba(0, 0, 0, .9);
    padding: 9.6px 8px;
}

.tm-sli-d:hover {
    color: rgba(255, 191, 23, 1);
    text-decoration: none;
}

.tm-sli-d i {
    margin-right: 5px;
    color: #4a90e2;
}

.lis0d li i.fa-caret-right {
    position: absolute;
    top: 14px;
    right: 10px;
    font-size: 1.4em;
}

.f-prodm {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    min-width: 200px;
    background-color: #fff;
    display: none;
    z-index: 9999;
    height: 100%;
    overflow-y: auto;
}

.sl-2.pos-ff {
    height: 100%;
    position: absolute;
    top: 0;
    left: 239px;
}

a.cxd {
    display: block;
    color: #333;
    font-size: 1.5em;
    padding: 7px 14px;
}

.bottom-header {
    transition: 400ms ease-out;
    padding-top: 15px;
}

@media (max-width:767px) {
    .bottom-header {
        background: var(--secondary);
        padding-left: 5px;
        padding-right: 5px;
    }
}

.bottom-header .btmenu-procate {
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(0, 0, 0, .2);
    height: 52px;
    overflow-y: hidden;
    padding: 15px 10px;
    width: 230px;
    float: left;
    margin-right: 15px;
    background: #000;
}

.bottom-header .btmenu-procate button {
    background: none;
    border: none;
    color: #272425;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
}

.normal-title {
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    margin-bottom: 20px;
}

.ttlheader {
    color: #000000;
    font-size: 2.2em;
    font-weight: 400;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    padding: 0 0px 8px 0;
    border-bottom: 2px solid #fed700;
    display: inline-block;
}

.cat-outer-block {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: all 500ms ease;
    background-color: #f5f5f5;
}

.cat-outer-block::after {
    padding-top: 80%;
    display: block;
    content: '';
}

.cat-outer-block .cat-outer-block-region {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: table;
    width: 100%;
    height: 100%;
}

.cat-outer-block .cat-outer-block-region .ct-1 {
    display: table-cell;
    vertical-align: middle;
}

.cat-outer-block .cat-img {
    display: block;
    text-align: center;
    margin-bottom: 7px;
}

.cat-outer-block .cat-img img {
    margin: auto;
    max-height: 55px;
}

.cat-outer-block:hover {
    border: 2px solid #fed700;
    background: #fed700;
    transition: all 500ms ease;
}

.cat-outer-block a.cat_name {
    display: inline-block;
    padding: 8px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #727272;
}

.flex,
.flex-products,
.flex-region {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.br-f5f {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 20px;
}

.flex-product-item {
    border: 1px solid #eee;
    transition: 400ms ease-out;
    border-radius: 10px;
}

.flex-product-item:hover {
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.tm-avatar {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.tm-avatar.a {
    border: 1px solid #ddd
}

.tm-avatar:hover.a {
    border-color: var(--four)
}

.tm-avatar:before {
    content: '';
    padding-top: 100%;
    display: block;
}

.tm-avatar.tm-avatar-80:before {
    padding-top: 80%
}

.tm-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    transition: 200ms ease-in-out;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.tm-avatar:hover img {
    transform: scale(1.05);
}

.flex-products .tm-avatar {
    border: none;
}

.regi-g .regi-g-title.regi-g-title-small {
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 1.4em;
    color: #dd3333;
    overflow: hidden;
    height: 45px;
}

.regi-g .regi-g-title.regi-g-title-small h3,
.regi-g .regi-g-title.regi-g-title-small h4 {
    line-height: 1.4;
    font-size: 1em;
    font-weight: bold;
}

@media (min-width:768px) {
    .regi-g .regi-g-title.regi-g-title-small {
        /* height: 27px; */
        margin-bottom: 6px;
    }
    .regi-g .regi-g-title.regi-g-title-small h3,
    .regi-g .regi-g-title.regi-g-title-small h4 {
        line-height: 1.6;
    }
}

.regi-g .regi-g-title:hover {
    color: #6b980e;
    text-decoration: none;
}

.h-mucdich-icon {
    border-radius: 50%;
    width: 56px;
    background-color: #fff;
    display: block;
    margin: auto;
    transition: 400ms ease-out;
    text-align: center;
    position: relative;
    border: 1px solid #fafafa;
}

.h-mucdich-icon:before {
    padding-top: 56px;
    display: block;
    content: '';
}

.h-mucdich-icon img,
.h-mucdich-icon svg {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.h-muc:hover .h-mucdich-icon,
.h-muc.act .h-mucdich-icon {
    border-color: var(--primary)
}

.h-mucdich-titl {
    display: block;
    text-align: center;
    margin-top: 10px;
    transition: 400ms ease-out;
}

.h-mucdich-titl h3 {
    font-size: 14px;
    line-height: 120%;
    color: #333;
}

.h-muc:hover .h-mucdich-titl h3,
.h-muc.act .h-mucdich-titl h3 {
    color: var(--primary)
}

.pr_das {
    max-height: 60px;
    overflow-y: hidden;
}

.pr_das span {
    display: inline-block;
    font-size: 1rem;
}

.pr_das span.curr-price {
    display: inline-block;
    font-size: 1.6em;
    color: var(--four);
    font-weight: 600;
    margin-right: 5px;
}

.pr_das span.old-price {
    color: #7c8696;
    text-decoration: line-through;
    font-size: .9rem;
    margin-right: 4px;
}

.dis_count,
.adn {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--four);
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
    font-size: 1.2em;
    z-index: 9;
}

.adn {
    right: 10px;
    left: initial;
    background-color: #3c5ecc
}

.adn.adn-1 {
    background-color: #f90
}

.xz .dis_count,
.xz .pr_das span.old-price {
    display: none;
}

.discount {
    font-size: 1rem;
    color: red;
    margin-left: 5px;
}

.pr_das span.dis_count_pr_das {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    background-color: rgba(255, 191, 23, 1);
    font-size: .8rem;
    padding: 2px 5px;
    color: #000;
    font-weight: bold;
}

.regi-g {
    display: block;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.bt-tab {
    position: absolute;
    top: 8px;
    right: 0;
}

.bt-tab button {
    border: none;
    background: none;
    color: #808080;
    font-size: 1.5em;
    padding: 0 10px;
    text-transform: uppercase;
    outline: none;
}

.bt-tab button.act {
    color: rgba(255, 191, 23, 1)
}

.news-r {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
}

.news-r:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-news-img {
    display: block;
    position: relative;
    border-top: 2px solid #f6bc1a;
    background-color: #fff;
}

.blog-news-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.blog-news-img:before {
    padding-top: 60%;
    display: block;
    content: '';
}

.blog-news-img.small-blog-news-img {
    border: none;
}

.blog-news-img.small-blog-news-img:before {
    padding-top: 100%;
}

.blog-news-img.small-blog-news-img.small-blog-news-img-1:before {
    padding-top: 91%;
}

.all-blog {
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
}

.blog-news-info {
    padding: 15px;
    padding-bottom: 0;
    min-height: 170px;
    background: #fff;
}

.blog-news-info.small-blog-news {
    border: none;
    padding: 0;
}

.blog-news-info .blog-news-title {
    display: block;
    font-weight: bold;
    font-size: 1.4em;
    color: #000;
}

.blog-news-info .blog-news-title.m-htitle {
    height: 65px;
    overflow-y: hidden;
}

.blog-news-info.small-blog-news .blog-news-title {
    text-align: left;
    font-size: 1.4em;
    font-weight: normal;
}

.blog-news-info .blog-news-summary {
    text-align: justify;
    margin: 10px 0;
    color: rgba(0, 0, 0, .5);
    font-size: 1.5em;
}

.blog-news-info .blog-news-link {
    display: inline-block;
    border: 1px solid #eee;
    font-size: 1.4em;
    padding: 5px 14px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 10px;
}

.blog-news-info .blog-news-link:hover {
    background-color: rgba(255, 191, 23, 1);
    text-decoration: none;
    color: #fff!important;
}

.news-r:hover .blog-news-info.small-blog-news .blog-news-title {
    color: red;
}

.cus-partner {
    background-color: #F5F5F5;
    padding: 30px 0 0 0;
}

.cus-partner hr {
    margin-bottom: 0;
}

.cus-partner .cus-tmb {
    display: block;
    padding: 6px;
}

footer {
    background-color: var(--third);
    padding-top: 30px;
}

.title-ft {
    color: var(--secondary);
    margin: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0px 0 8px;
    margin-bottom: 15px;
}

.list-ft li {
    font-size: 1.4em;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .7);
}

.list-ft li a {
    color: rgba(255, 255, 255, .8);
}

.list-ft li a img {
    margin-right: 5px;
}

.list-ft li a:hover {
    color: rgba(255, 255, 255, 1)!important;
}

.list-ft li i {
    color: var(--secondary);
    margin-right: 8px;
}

.bottom-footer {
    background-color: var(--primary);
    padding: 10px 0;
    color: rgba(255, 255, 255, .7);
    font-size: 1.4em;
}

.lit-socail li a {
    display: inline-block;
    padding: 2px;
    margin: 0 3px;
    vertical-align: top;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 5px;
    line-height: 28px;
    box-sizing: content-box;
    background: #363E3F;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #333;
    font-size: 1.2em;
    border-radius: 50%;
    color: #fff
}

.ab-tis {
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    display: block;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold
}

.ab-tis.red-ab-tis {
    color: var(--four);
    text-transform: uppercase;
}

@media (min-width:768px) {
    .ab-tis {
        font-size: 2em
    }
}

.ab-tis span {
    position: relative;
    z-index: 99;
    display: inline-block;
    padding: 0 15px;
    background-color: rgb(15, 15, 15)
}

.ab-tis.red-ab-tis span {
    background-color: #fff
}

.ab-tis:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #ddd;
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 98;
}

.lit-socail li:first-child a {
    margin-left: 0;
}

.lit-socail li a:hover {
    background-color: var(--four);
}

#back-to-top {
    width: 49px;
    height: 49px;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    position: relative;
    z-index: 9999;
    font-size: 1.8em;
    border: 4px double #fff;
    color: #fff;
    transition: 400ms ease-out;
}

#back-to-top:hover {
    background: rgba(0, 0, 0, .8);
}

.bdtcd {
    background-color: #fff;
    font-size: 1.4em;
    padding: 10px 0;
    margin-bottom: 15px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    border-bottom: 1px solid #dfdfdf;
}

.bdtcd .space_caret {
    margin: 0 5px;
}

.bdtcd li.space_caret i {
    font-size: .7em;
}

.menu-pos {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 10000;
    width: 100%;
    display: none;
    border-left: 1px solid #ddd;
}

.menu-pos.mac {
    position: fixed;
    top: 51px;
    left: 75px;
}

.menu-pos .sl-2.pos-ff {
    left: 229px;
}

.news-detail {
    font-size: 1.4em;
    line-height: 1.7;
}

.news-detail blockquote {
    padding: 10px 15px;
    border-left: 4px solid #4A90E2;
    background-color: #fff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .1);
    margin: auto;
    max-width: 600px;
    margin-bottom: 15px;
}

.news-detail blockquote p {
    margin-bottom: 0;
    text-align: left!important;
    font-family: 'Montserrat', 'Arial'
}

.news-detail blockquote p span {
    color: rgba(0, 0, 0, .8)!important;
}

.news-detail iframe {
    max-width: 100%;
}

#tab2 .news-detail h3 {
    font-size: 1.6em;
    color: var(--four)
}

.news-detail.big-news-detail {
    font-size: 1.6em;
}

.news-detail img {
    max-width: 100%;
    height: auto!important;
}

.titl {
    font-size: 30px;
    color: #414b56;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.pos-amol {
    position: absolute;
    top: -57px;
    left: 0px;
    width: 100%;
    z-index: 999;
    display: none;
}

.pos-amol .list_r_procate {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}

.tab-order {
    padding: 3px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #666;
    margin: 5px 0;
    font-size: 1.4em;
    display: inline-block;
}

button.tab-order {
    width: 100%;
    text-align: left;
    background: none;
}

.tab-order.red-tab-order {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.tab-order:hover,
.tab-order.tab-order-act {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    text-decoration: none;
}

#about-us-5tieuchi .cxc-about-us-title,
#about-us .cxc-about-us,
#about-us-5tieuchi .cxc-about-us-sumd {
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#about-us-5tieuchi .cxc-about-us {
    color: var(--four);
    font-weight: bold;
    font-size: 1.7em;
    text-transform: capitalize;
}

#about-us-5tieuchi .cxc-about-us-title {
    color: #1c393d;
    font-size: 3em;
    display: inline-block;
    text-transform: capitalize;
}

#about-us-5tieuchi .cxc-about-us-sumd {
    color: #8d8e90;
    font-size: 1.5em;
    line-height: 1.7;
    padding: 0 10px;
    text-align: left;
}

@media (min-width:991px) {
    #about-us-5tieuchi .cxc-about-us-title {
        font-size: 3.8em;
    }
    #about-us-5tieuchi .cxc-about-us-sumd {
        max-width: 700px;
        text-align: center;
    }
}

.bg-slide-bg {
    background-color: #fff
}

.list_r_procate {
    background: #fff;
    height: 100%;
    max-height: 480px;
    overflow: auto
}

.list_r_procate li a {
    display: block;
    padding: 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 45px;
    background-position: left 15px center;
    border-bottom: 1px solid #fafafa;
}

.list_r_procate li a:hover {
    background-color: rgba(0, 0, 0, .01);
}

.list_r_procate li a div.r_procate_a {
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 1.4em;
}

.list_r_procate li a:hover div.r_procate_a {
    color: var(--primary)
}

.list_r_procate li a div.r_procate_sumd {
    font-size: 1.2em;
    color: #888;
}

.slide-prod {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -10px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    padding: 30px;
    border-top: 3px solid #DDA917;
    overflow-y: auto;
}

.list-menu-child li a {
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px;
    color: #888;
}

.list-menu-child li a:hover {
    color: #f6bc1a
}

.list-menu-child li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: rgba(255, 191, 23, 1);
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.ti-proc {
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.sl-region img {
    width: 100%;
}

.little-desc {
    font-size: 1.7em;
    font-weight: bold;
    color: #96C929;
    margin-bottom: 25px;
}

.little-desc::before {
    content: '';
    height: 2px;
    width: 3.8rem;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
    margin-top: -1px;
    background-color: var(--four);
}

.big-desc {
    font-size: 3.8em;
    color: #333;
    margin-bottom: 25px;
    line-height: 1.4;
    text-transform: capitalize;
}

.bt-button {
    color: #fff;
    border: none;
    -webkit-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px;
    font-size: 1.6em;
    display: inline-block;
    padding: 10px 40px;
    background: linear-gradient(to right, #296d75 50%, #BE0202 50%) no-repeat scroll right bottom/210% 100% #BE0202 !important;
}

.bt-button.small-bt-button {
    font-size: 1.4em;
    padding: 6px 30px;
}

.mb25 {
    margin-bottom: 25px;
}

.bt-button:hover {
    color: #fff;
    background: linear-gradient(to right, #296d75 100%, #BE0202 0%) no-repeat scroll right bottom/210% 100% #BE0202 !important;
}

.x-cxc {
    display: inline-block;
    color: #333;
    font-size: 1.5em;
    margin-top: 5px;
}

.x-cxc i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #eee;
    color: #02737A;
    text-align: center;
    font-size: 1.1em;
    margin-right: 8px;
    transform: translate(0, 0);
}

.x-cxc:hover i {
    transform: translate(3px, 0);
}

.stepb {
    color: #8d8e90;
    font-size: 1.4em;
    line-height: 1.7;
}

.stepb-title {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.stepb-title div {
    display: table-cell;
}

.stepb-title div.stepb-title-title {
    color: rgba(0, 0, 0, .8);
    font-size: 1.2em;
}

.stepb-title div.stepb-title-num {
    width: 35px;
}

.stepb-title div.stepb-title-num span {
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: var(--four);
    font-size: 1.2em;
}

article {
    box-shadow: 0 0 15px rgb(0 0 0 / 14%);
}

article .m-article {
    display: block;
    position: relative;
}

article .m-article::after {
    padding-top: 57%;
    content: '';
    display: block;
}

article .m-article img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
}

article .m-article .m-article-d {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    content: '';
    z-index: 999;
    text-align: center;
    color: #fff;
    font-size: 2em;
    padding-top: calc(50% - 100px);
    opacity: 0;
}

article .m-article:hover .m-article-d {
    opacity: 1;
}

article .m-article-dd {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 2em;
    display: block;
    color: #333;
}

article .m-article-dd .m-article-dd-title {
    font-size: 2em;
    color: #333;
    height: 80px;
    display: block;
    overflow: hidden;
}

article .m-article-dd .m-article-dd-title:hover {
    color: var(--four)
}

.goiketoan {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(221, 221, 221, 1);
    box-shadow: 3px 3px 5px 0px rgba(221, 221, 221, 1);
}

.goiketoan .titl-goiketoan {
    background-color: rgb(43, 130, 203);
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
}

.goiketoan .titl-goiketoan.titl-goiketoan-2 {
    background-color: #EEBB33
}

.goiketoan .titl-goiketoan.titl-goiketoan-3 {
    background-color: #F08200
}

.goiketoan .titl-goiketoan span {
    font-size: 1.3em;
    display: block;
    margin-bottom: 4px;
}

.goiketoan .cnt-goiketoan {
    background: #fff;
    padding: 15px;
    font-size: 1.4em;
}

.goiketoan .cnt-goiketoan .cnt-goiketoan-noidung {
    overflow-y: hidden;
}

@media (min-width:991px) {
    .goiketoan .cnt-goiketoan .cnt-goiketoan-noidung {
        height: 420px;
    }
}

.goiketoan .cnt-goiketoan ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.goiketoan .cnt-goiketoan ul li {
    margin-bottom: 10px;
}

.goiketoan .cnt-goiketoan p {
    text-align: center;
}

.goiketoan .cnt-goiketoan ul li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: var(--four);
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.goiketoan .cnt-goiketoan .pric {
    display: block;
    text-align: center;
    color: #02737A;
    font-size: 2em;
    margin-bottom: 5px;
}

.goiservice {
    background: url("/assets/images/RemoteSupportHeader_2.jpg") no-repeat 50% 50%;
    background-size: cover;
    padding: 40px 0;
}

.goiservice h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}

.goiservice h1 {
    font-size: 27px;
    color: #fff;
    margin-bottom: 15px;
}

.goiservice .form-cnt {
    max-width: 800px;
    margin: auto;
}

.goiservice .form-cnt button.btn-primary {
    background-color: #FD6E1D;
    border-color: #FD6E1D
}

.bdatdau {
    background: url("/assets/images/bg-action-call.png") no-repeat center;
    background-size: cover;
}

.bdatdau h2 {
    font-size: 27px;
    color: #105caa;
    line-height: 42px;
    text-align: center;
}

.bdatdau .form-bdatdau {
    border: 2px solid #4a90e2;
    border-radius: 10px;
    padding: 15px;
    max-width: 800px;
    margin: auto;
}

.idl {
    font-size: 2em;
    color: #333;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
    display: block;
    position: relative;
    font-weight: bold;
}

.idl.idl-no-2 {
    overflow: auto;
    white-space: initial;
}

.idl span {
    color: #f6bc1a
}

.idl-xemthem {
    display: inline-block;
    background: #505050;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #fff;
    max-width: 140px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 1.4em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.idl-xemthem:hover {
    background: #4a90e2;
    color: #fff;
}

.idl-xemthem img {
    width: 14px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.stau {
    font-weight: 500;
    font-size: 14px;
    color: #f57224;
    display: inline-block;
    margin-right: 20px;
}

.idl-tatca:hover {
    background-color: #f57224;
    color: #fff;
}

.date-title {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 16px;
}

.date-title i {
    margin-right: 5px;
}

.flashsale-title {
    font-size: 2em;
    font-weight: bold;
    color: #f6bc1a;
    margin-bottom: 10px;
    display: block;
}

div[id*=divngay_thang_values_] div {
    display: inline-block;
    margin: 0 4px;
    margin-bottom: 5px;
}

div[id*=divngay_thang_values_] div:last-child {
    margin-right: 0;
}

div[id*=divngay_thang_values_] b {
    border-radius: 5px;
    margin-right: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    text-align: center;
    padding: 3px 5px;
    font-weight: bold;
    display: block;
}

div[id*=divngay_thang_values_] div:last-child b {
    margin-right: 0;
}

div[id*=divngay_thang_values_] div.uni {
    display: block;
    margin: 0;
    background: #505050;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 0 0 7px 7px;
    padding: 8px 0;
    width: 35px;
}

#news {
    background-color: #F4F4F4;
    padding: 20px 0;
}

.icix {
    text-align: center;
    font-size: 1.4em;
}

.icix .icix-title {
    font-weight: bold;
    margin: 10px 0;
}

.icix img {
    margin: auto;
}

ul.lisde li {
    font-size: 1.4em;
    margin-bottom: 5px;
}

ul.lisde li div {
    display: inline-block;
}

ul.lisde li div:first-child {
    margin-right: 6px;
}

.list-pro-detail li {
    display: table;
    font-size: 1.4em;
    margin-bottom: 12px;
}

.list-pro-detail li div {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

#txtnumc {
    height: 31px;
    width: 45px;
    border: 1px solid #ddd;
    color: #333;
    text-align: right;
}

.bt-numcart {
    color: #333;
    border: 1px solid #ddd;
    background-color: #fff;
    font-weight: bold;
    height: 31px;
    width: 31px;
    font-size: 1.4em;
    padding: 0;
}

.tab {
    margin: 20px 0;
}

.tab button {
    font-size: 1.7em;
    font-weight: bold;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin: 0 10px;
    padding-bottom: 3px;
}

.tab button:focus {
    outline: none;
}

.tab button:hover,
.tab button.act {
    border-bottom: 2px solid var(--four);
    color: var(--four)
}

.bt-cart,
.bt-ph,
.bt-c-combo,
.bt-xacnhan-don {
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    padding: 9px 12px;
    background: #4A90E2;
    color: #fff;
    line-height: normal;
    text-align: center;
    border: 1px solid #4A90E2;
    transition: 400ms ease-out;
    display: block;
    border-radius: 5px;
    width: 100%;
}

.bt-ph {
    background: none;
    color: var(--primary);
    min-height: 54px;
}

.bt-ph.bt-ph-red {
    color: var(--four);
    border-color: var(--four)
}

.bt-c-combo {
    color: #fff;
    background-color: #f53c3d;
    border-color: #f53c3d;
}

.bt-c-combo:hover {
    color: #f53c3d;
    background: #fff;
}

.bt-cart.muangay {
    width: 100%;
    background-color: #F6BC1A;
    border-color: #F6BC1A;
    padding: 10px 0;
}

.bt-cart.muaonline {
    background-color: var(--primary);
    border-color: var(--primary);
}

.bt-cart.muaonline strong {
    color: var(--secondary);
}

.bt-xacnhan-don {
    margin-bottom: 15px;
    background: #f6bc1a;
    border-color: #f6bc1a;
}

.bt-cart.muangay span,
.bt-ph span,
.bt-c-combo span,
.bt-xacnhan-don span {
    font-size: 1.2em;
    display: block;
}

.bt-cart.muangay span:first-child,
.bt-ph span:first-child,
.bt-c-combo span:first-child,
.bt-xacnhan-don span:first-child {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 4px;
}

.bt-xacnhan-don span:first-child {
    margin-bottom: 6px;
    font-size: 1.6em;
}

.bt-cart:hover,
.bt-xacnhan-don:hover {
    color: #4A90E2;
    background-color: #fff;
}

.ntl {
    font-size: 1.4em;
    color: #8d90a6;
}

.tm-avatar.pad-80:before {
    padding-top: 100%;
}

.curr-price {
    display: inline-block;
    font-size: 1.5rem;
    color: var(--four);
    font-weight: 600;
    margin-right: 5px;
}

.tbcart tr td,
.tbcart tr th {
    font-size: 1.4em;
}

.price-num {
    line-height: 22px;
    font-weight: 600;
    height: 22px;
    margin-bottom: 3px;
    color: #e12519;
    position: relative;
    white-space: nowrap;
}

.tab-cart-order td {
    font-size: 1.6em;
}

.img-cart-info {
    width: 60px;
    float: left;
    margin-right: 5px;
}

.cart-info {
    float: left;
    width: calc(100% - 65px);
}

.sidetitle {
    font-size: 1.6em;
    display: block;
    padding: 3px 15px;
    white-space: nowrap;
    border-left: 3px solid #f6bc1a;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sidetitle2 {
    font-size: 1.6em;
    font-weight: bold;
    border-bottom: 2px solid #f6bc1a;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.at-type {
    border: none;
    background: none;
    font-size: 1.4em;
    padding: 0;
    margin-bottom: 5px;
}

.at-type.act {
    color: #f6bc1a!important
}

.side-menu a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 1.5em;
    color: #333
}

.side-menu a:hover,
.side-menu a.act {
    background-color: #f6bc1a;
    color: #fff!important;
}

.sea-x {
    font-size: 1.4em;
    color: #333;
    padding: 10px;
    border-bottom: 1px solid #eee;
    background-position: left 2px top 3px;
    background-repeat: no-repeat;
    background-size: 36px;
    padding-left: 50px;
}

.sea-x:nth-child(2n+1) {
    background-color: #eee
}

.sea-x a {
    color: #333;
}

.sea-x a:hover {
    color: #23b14d;
    text-decoration: none;
}

.sea-x a span.caret {
    padding: 0 5px;
}

.sea-x a span.danhcm {
    color: #BDA930;
}

.sea-x .xemthem {
    color: red
}

.sale-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    font-size: 1.4em;
    color: #fff;
    background-color: var(--four);
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 999;
}

.tb-hotline {
    background: var(--four);
    font-size: 1.4em;
    border: 1px solid var(--four);
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 8px 10px;
    display: block;
}

.tb-hotline:hover {
    background: #fff;
    color: var(--four)
}

.tb-hotline i {
    margin-right: 6px;
}

.tb-hotline.tb-hotline2 {
    background-color: #02737A;
    border-color: #02737A
}

.tb-hotline:hover.tb-hotline2 {
    background: #fff;
    color: #02737A
}

.t-pr {
    font-size: 1.4em;
}

.t-pr .old-price {
    color: rgba(0, 0, 0, .5);
    text-decoration: line-through;
    font-size: 1.2em;
}

.ic-hotro {
    display: table;
}

.ic-hotro div {
    display: table-cell;
    color: rgba(255, 255, 255, .8);
    font-size: 1.4em;
    vertical-align: middle;
}

.ic-hotro div:first-child {
    padding-right: 10px;
}

.ic-hotro div img {
    width: 61px;
}

.ic-hotro div b {
    color: rgba(255, 255, 255, 1);
    display: block;
    margin-bottom: 6px;
}

#hethongshowroom {
    background-color: #ECECEC
}

#hethongshowroom .ab-tis.red-ab-tis span {
    background-color: #ECECEC
}

#hethongshowroom .sumd-s {
    color: #333;
    font-size: 1.6em;
}

.cd-chinhanh {
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.tm-chinhanh {
    display: block;
    position: relative;
}

.tm-chinhanh:before {
    padding-top: 100%;
    content: '';
    display: block;
}

.tm-chinhanh img {
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.tm-chinhanh-title {
    text-align: center;
    font-size: 1.6em;
    background: rgba(255, 255, 255, .5);
    display: block;
    padding: 15px 10px;
    font-weight: bold;
    color: var(--four)
}

#about-us {
    background-color: #2B2B2B;
}

#about-us .about-us-title {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 2.1em;
    font-weight: bold;
    margin-bottom: 15px;
}

#about-us .about-us-c img {
    margin: auto;
    display: block;
    margin-bottom: 10px;
    width: 160px;
}

#about-us .about-us-c .about-us-c-title,
#about-us .about-us-c .about-us-c-cnt {
    color: #fff;
    text-align: center;
}

#about-us .about-us-c .about-us-c-title {
    font-size: 2.3em;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#about-us .about-us-c .about-us-c-cnt {
    font-size: 1.5em;
    line-height: 1.7;
}

#dacdiem {
    background-color: #BE1C2F;
    text-align: center;
}

#dacdiem img {
    margin: auto;
    height: 80px;
}

.dacdiem-title {
    display: block;
    font-size: 2.4em;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}

.tb-partners {
    display: block;
    border: 1px solid #ddd;
    position: relative;
}

.tb-partners::after {
    content: '';
    display: block;
    padding-top: 50%;
}

.tb-partners img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.tb-partners:hover {
    border-color: var(--four)
}

#hotrobaohanh {
    background-image: url("/assets/images/2960-FILEminimizer-1400x532.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    position: relative;
}

#hotrobaohanh .bg-s {
    background: rgba(255, 255, 255, .3);
    padding: 150px 0;
}

#hotrobaohanh .sup-title {
    font-weight: bold;
    color: #000;
    font-size: 3.2em;
    margin-bottom: 15px;
}

#hotrobaohanh .sup-cnt {
    font-size: 1.7em;
    line-height: 1.8;
    margin-bottom: 15px;
}

#hotrobaohanh .sup-a {
    border: 1px solid var(--four);
    color: var(--four);
    font-size: 1.5em;
    display: inline-block;
    padding: 10px 25px;
    font-weight: bold;
}

#hotrobaohanh .sup-a:hover {
    background-color: var(--four);
    color: #fff;
}

.c1IhLf {
    font-size: 1.4em;
}

@media (min-width:768px) {
    .cus_totla {
        height: 400px;
        position: relative;
    }
    .cus_totla .cus_totla_child {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.bg-white-dis {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.customer-dialog {
    background-color: #f6bc1a;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    line-height: 1.375em;
    padding: 20px 25px;
    margin-bottom: 30px;
    position: relative;
}

.customer-dialog::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 17px solid transparent;
    border-top: 20px solid #f6bc1a;
    position: absolute;
    bottom: -20px;
    left: 27px;
}

.customer-info {
    display: table;
    width: 100%;
}

.customer-info div.customer-info-avatar,
.customer-info div.customer-info-f {
    display: table-cell;
    font-size: 1.4em;
    vertical-align: middle
}

.customer-info div.customer-info-f b {
    display: block;
    margin-bottom: 3px;
}

.customer-info div.customer-info-avatar {
    width: 70px;
    padding-right: 10px;
}

.customer-info div.customer-info-avatar img {
    border-radius: 50%;
}

.meta-seller {
    border: 1px solid #d5d5d5;
    margin-bottom: 40px;
}

.meta-seller .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 10px 0;
}

.meta-seller .item .icon {
    width: 50px;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.meta-seller .item .icon img {
    width: 25px;
}

.meta-seller .item .txt {
    width: 100%;
    padding-right: 20px;
    font-size: 14px;
    line-height: 18px;
    line-height: 1.28571em;
    color: var(--primary)!important;
    font-weight: bold;
}

.meta-seller .item:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
}

.ico {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    display: inline-block;
}

.ico-phone {
    background-image: url(/assets/images/ico_phone.svg);
    width: 22px;
    height: 22px;
}

.ico-free-delivery {
    background-image: url(/assets/images/ico_free_shipping.svg);
    width: 23px;
    height: 16px;
}

.ico-delivery {
    background-image: url(/assets/images/ico_shipping.svg);
    width: 24px;
    height: 14px;
}

.ico-best-quality {
    background-image: url(/assets/images/ico_best_quality.svg);
    width: 17px;
    height: 24px;
}

.config-reg {
    font-size: 1.4em;
    margin: 0 -10px;
}

.config-reg .config-reg-child {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.config-reg-title {
    font-weight: bold;
    font-size: 1.4em;
    color: var(--four)
}

.config-reg-title i {
    margin-right: 5px;
}

.config-button {
    background: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    text-align: left;
    position: relative
}

.config-button b {
    display: block;
    font-size: 1.2em;
    color: var(--four);
    margin-top: 5px;
}

.config-button:hover,
.config-button.act {
    border-color: #ff9300;
}

.config-button.act:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    display: block;
    right: 5px;
    bottom: 5px;
    color: #ff9300;
    border: 1px solid #ff9300;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
}

.khuyenmai-region {
    border: 1px solid #ddd;
    font-size: 1.4em;
    padding: 14px;
    margin-bottom: 15px;
    position: relative;
}

.khuyenmai-region .khuyenmai-region-title {
    max-width: 160px;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-weight: 500;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    top: -15px;
    left: 10px;
    color: #F6BC1A
}

.khuyenmai-region .khuyenmai-region-title i {
    margin-right: 5px;
    color: #F6BC1A
}

.khuyenmai-region .khuyenmai-region-cnt {
    margin-top: 15px;
}

.khuyenmai-region .khuyenmai-region-cnt ul {
    margin-left: 20px;
}

.ykienkhachhang .tme-desc {
    font-size: 1.4em;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 15px;
    line-height: 1.7;
}

.ykienkhachhang .tme-desc:hover {
    color: rgba(0, 0, 0, 1);
}

.ykienkhachhang .ykienkhachhang-primary {
    display: table;
    width: 100%;
}

.ykienkhachhang .ykienkhachhang-primary div {
    display: table-cell;
    vertical-align: middle;
}

.ykienkhachhang .ykienkhachhang-primary div.ykienkhachhang-primary-k-avatar {
    width: 80px;
    padding-right: 10px;
}

.ykienkhachhang .ykienkhachhang-primary div.ykienkhachhang-primary-k-avatar img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.ykienkhachhang .left-border {
    padding-bottom: 15px;
    position: relative;
}

.ykienkhachhang .left-border::after {
    width: 30px;
    display: block;
    height: 2px;
    background: #588d3f;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.ykienkhachhang .left-border .xsmall {
    font-size: 1.8em;
}

.ykienkhachhang .left-border .small {
    font-size: .9rem;
    color: rgba(0, 0, 0, .7);
    margin-top: 3px;
    display: block;
}

.cus_region {
    padding: 20px;
    padding-bottom: 5px;
    background-color: var(--primary)
}

.cus_region_cnt {
    display: table;
    width: 100%;
}

.cus_region_cnt div {
    display: table-cell;
    color: #fff;
    font-size: 1.2em;
    vertical-align: middle;
}

.cus_region_cnt div b {
    display: block;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.cus_region_cnt div img:first-child {
    margin-right: 10px;
}

.post-ft {
    background: #fff;
    border-radius: 20px;
    display: table;
    width: 100%;
}

.post-ft div {
    display: table-cell;
    overflow: hidden;
}

.post-ft div:last-child {
    text-align: right;
}

.post-ft div input {
    padding: 10px 15px;
    font-size: 1.4em;
    width: 100%;
    border: none;
    border-radius: 20px;
    height: auto;
    line-height: unset;
}

.post-ft div button {
    background: #000;
    color: #fff;
    font-size: 1.4em;
    border-radius: 0px 20px 20px 0px;
    padding: 10px 15px;
    border: none;
}

@media (max-width:991px) {
    .o-cate {
        position: fixed;
        background: #fff;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        padding: 15px;
        height: 100%;
        overflow-y: auto;
        display: none;
    }
    .o-cate button.o-cate-close {
        background: #4a90e2;
        width: 100%;
        padding: 8px;
        color: #fff;
        border: none;
        font-size: 1.6em;
    }
    .o-cate button.o-cate-close i {
        margin-right: 5px;
    }
}

.bt-loc {
    background: none;
    border: 1px solid #ddd;
    font-size: 1.4em;
    padding: 4px 10px;
    margin: 10px 0;
    white-space: nowrap
}

.bt-loc i {
    margin-right: 5px;
}

#order-dss,
#size-dss {
    background: #fff;
    position: absolute;
    border: 1px solid #ddd;
    top: 46px;
    right: 10px;
    z-index: 1000;
    width: 200px;
    padding: 5px
}

#order-dss .tab-order,
#size-dss .tab-order {
    border-radius: initial;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-200 {
    max-height: 1000px;
    overflow-y: hidden;
    position: relative;
}

.h-200:after {
    content: '';
    position: absolute;
    bottom: 0px;
    background: linear-gradient(to top, rgb(243, 243, 243), rgba(255, 255, 255, 0.15));
    height: 25px;
    width: 100%;
}

.btn-i {
    color: var(--four);
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.btn-i i {
    font-size: 11px;
}

.tinhtrangmay {
    color: var(--primary);
    font-style: italic;
    margin-top: 3px;
    font-size: 1.3em;
    font-family: SVN-Gotham;
}

.menud {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    font-size: 1.4em;
    width: 200px;
    z-index: 9999;
    display: none;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
}

.menud.menud-2 {
    font-size: 1em;
    display: none!important;
    top: 0;
    left: 100%;
}

.menud div:hover .menud-2 {
    display: block!important;
}

i.c-xs-i {
    position: absolute;
    top: 13px;
    right: 10px;
}

.x-cd:hover .menud {
    display: block;
}

.x-cd:hover a.regmenu-a {
    color: #fff;
}

.menud a {
    display: block;
    padding: 10px 12px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #eee;
}

.menud a:hover {
    color: var(--primary)
}

#tab-content-c.ac {
    position: fixed;
    z-index: 9999;
    background: #fff;
    -webkit-box-shadow: 1px 2px 15px 5px #dddddd;
    box-shadow: 1px 2px 15px 5px #dddddd;
    top: 0;
    left: 0;
    padding: 8px 0 0 0;
    width: 100%;
}

#tab-content-c.ac .tab {
    max-width: 1200px;
    margin: auto;
}

@media (min-width: 992px) {
    .col-lg-3.col-lg-3-d {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-9.col-lg-9-d {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.table.table-manhinh {
    margin-bottom: 0;
}

.t-thongso {
    max-height: 410px;
    overflow: hidden;
}

.t-thongso table {
    border: none!important;
    border-spacing: initial!important;
}

.t-thongso table tr td {
    border: none;
    padding: 7px 10px;
}

.t-thongso table tr:nth-child(2n) td {
    background: #eee;
}

.ta-tiotle {
    font-size: 2em;
    margin-bottom: 15px;
    font-weight: bold;
    background: #eee;
    border-left: 5px solid #F6BC1A;
    padding: 5px 15px;
    display: inline-block;
}

.card.news-detail .card-header h4 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;
}

.a_block {
    font-size: 1.4em;
    border-left: 4px solid #ddd;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.baochi-av {
    border: 1px solid #ddd;
    background: #fff;
    position: relative;
}

.baochi-av img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    margin: auto;
    padding: 10px;
}

.baochi-av::before {
    padding-top: 30%;
    content: '';
    display: block;
}

.tm-thuonghieuimg {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.tm-thuonghieuimg::after {
    content: '';
    display: block;
    padding-top: 67px;
}

.tm-thuonghieuimg img {
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.tm-thuonghieutitle {
    text-align: center;
    display: block;
    font-size: 1.4em;
    color: #333;
    font-weight: bold;
}

.tb-tabss,
.locmoi {
    padding: 4px 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #fff;
    font-size: 1.4em;
    display: inline-block;
    margin-right: 5px;
}

@media (min-width:768px) {
    .tb-tabss,
    .locmoi {
        padding: 8px 10px;
    }
}

.locmoi {
    height: 39px;
}

.tb-tabss:hover,
.tb-tabss.act,
.locmoi.act {
    background-color: var(--primary);
    color: #fff;
}

.cnt-tb-tab {}

.cnt-tb-tab button.at-type,
.cnt-tb-tab a.at-type-t {
    display: inline-block;
    margin-right: 6px;
    border: 1px solid #e0e0e0;
    color: #333;
    position: relative;
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 12px;
    background: #fff;
}

.cnt-tb-tab a.at-type-t.act {
    color: #f6bc1a;
}

.cnt-tb-tab button.at-type.act {
    border-color: #f6bc1a;
}

.cnt-tb-tab button.at-type.act:before,
.cnt-tb-tab a.at-type-t.act:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    display: block;
    right: -5px;
    bottom: -5px;
    color: #ff9300;
    border: 1px solid #ff9300;
    border-radius: 50%;
    width: 15px;
    height: 17px;
    line-height: 15px;
    background-color: #fff;
    text-align: center;
    font-size: 9px;
}


/* #product-region {
    display: none;
} */

.render-loc {
    position: sticky!important;
    z-index: 999;
    top: 0px;
    background-color: #fafafa;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 0;
}

.t-list-option {
    background: none;
    border: none;
    width: 100%;
    display: table;
    padding: 15px;
}

.t-list-option.act .t-1 span,
.t-list-option.act .t-1 i {
    color: var(--primary);
    font-weight: bold;
}

.t-list-option .t-1 {
    display: table-cell;
    text-align: left;
}

.t-list-option .t-1:first-child {
    width: 20px;
}

.thoigianlamviec-title {
    color: #fff;
    font-size: 1.4em;
    display: block;
    margin-bottom: 10px;
}

ul.no-ul.list-ft-child {
    margin-top: 10px;
}

.list-ft-child li {
    font-size: 14px;
}

.config-prod {
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f9fa;
    padding: 10px 8px 12px;
    border-radius: 5px;
}

.config-prod .item-config {
    position: relative;
    margin-right: 8px;
    margin-bottom: 5px;
    font-size: 1.3em;
    cursor: pointer;
    color: rgba(0, 0, 0, .7);
}

.config-prod .item-config:before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 5px);
    z-index: 11;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #333;
    border-radius: 6px;
    color: #cecece;
    white-space: nowrap;
    padding: 1px 5px 3px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.config-prod .item-config.monitor {
    order: 4;
}

.config-prod .item-config.cpu {
    order: 1;
}

.config-prod .item-config.ram {
    order: 2;
}

.config-prod .item-config.ssd {
    order: 3;
}

.config-prod .item-config.monitor:before {
    content: 'Màn hình';
}

.config-prod .item-config.cpu:before {
    content: 'CPU';
}

.config-prod .item-config.ram:before {
    content: 'Ram';
}

.config-prod .item-config.ssd:before {
    content: 'Ổ Cứng';
}

.config-prod .item-config:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 40%;
    bottom: calc(100% - 4px);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.config-prod .item-config:hover:before,
.config-prod .item-config:hover:after {
    visibility: visible;
    opacity: 1;
}

#loading-search {
    position: absolute;
    width: calc(100% - 30px);
    background: #fff;
    max-height: 400px;
    z-index: 999;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
    overflow-y: scroll;
    overflow-x: hidden
}

#loading-search .dis_count {
    position: initial;
    display: none;
}

#loading-search .bt-cla {
    width: 100%;
    font-size: 1.4em;
    color: #fff;
    padding: 5px;
    border: none;
    background: #00a9ff
}

.top-pro-search {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.top-pro-search .top-pro-search-img {
    width: 50px!important;
    height: 60px;
}

.top-pro-search .top-pro-search-img a.tm-avatar {
    width: 100%;
}

.top-pro-search .top-pro-search-txt {
    width: calc(100% - 60px);
    margin-left: 10px;
}

.top-pro-search .top-pro-search-txt .t-seach {
    font-size: 1.4em;
    display: block;
    color: #222;
}

.sea_reg div #loading-search .bt-cla {
    width: 100%;
    font-size: 1.4em;
    color: #fff;
    padding: 5px;
    border: none;
    background: #00a9ff;
    position: initial;
    border-radius: initial;
}

#hoatdongcuahang {
    background-color: rgba(246, 246, 246, .4);
}

.t-map {
    font-size: 1.4em;
    padding: 10px 10px 10px 46px;
    background: #f6bc1a;
    color: var(--four);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    min-width: 100%;
    border-radius: 10px;
    margin-bottom: 14px;
}

.t-map .stt {
    position: absolute;
    width: 38px;
    color: #fff;
    height: 38px;
    border-radius: 10px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

#map-region iframe {
    padding: 10px;
}

.thong_so_danhmuc table {
    border-color: #ececec;
    border-spacing: 0;
    margin-bottom: 1em;
    width: 100%!important;
    border-collapse: collapse;
    border: none;
}

.thong_so_danhmuc table td {
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #666;
    border: none;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    padding: 0.5em;
    text-align: left;
}

.thong_so_danhmuc table td p {
    margin-bottom: 0;
}

.thong_so_danhmuc table tr:last-child td {
    border: none;
}

.thong_so_danhmuc table td:last-child,
.thong_so_danhmuc table th:last-child {
    padding-right: 0;
    width: 80%;
}

.thong_so_danhmuc th:first-child,
.thong_so_danhmuc td:first-child {
    padding-right: 7px;
    font-weight: bold;
    width: 20%;
}

.j-close {
    background-color: #db4453;
    border: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: 400ms ease-out
}

.j-close:hover {
    transform: rotate(180deg);
}

.box-right-link {
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 1.4em;
    margin-right: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 5px;
}

.box-right-link:hover {
    border-color: var(--primary)
}

@media (min-width:768px) {
    .box-products-section {
        padding: 15px;
        background-color: #f6bc1a;
        border: none;
    }
    .box-right-link {
        color: #fff;
        padding: 0;
        border: none;
    }
}

.box-products-section .idl {
    color: var(--four);
}

a.box-right-link:hover {
    color: var(--four)!important
}

.prod-box-slide {
    background-color: #fff;
    border: 4px solid #113d69;
    border-radius: 12px;
    padding: 15px;
}

.box-content {
    display: flex;
    flex-wrap: wrap;
}

.box-content .box-left {
    width: 25%;
    padding: 0 15px;
    padding-left: 0;
}

.box-content .box-right,
.box-content .box-center {
    width: 100%;
}

@media (min-width:991px) {
    .box-content .box-right {
        width: 75%;
    }
}

.bg-deal .deal-title {
    font-size: 1.6em;
    font-weight: bold;
    border: 1px solid #eee;
    padding: 10px;
}

.bg-deal .deal-title i.notes {
    font-size: .8em;
    display: block;
    font-weight: normal;
}

.bg-deal .deal-cnt {
    border: 1px solid #eee;
    border-top: none;
}

.idl-tatca {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #f57224;
    background-color: #fff;
    color: #333;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0 20px;
}

.idl-tatca:hover {
    color: #ffd636;
    background-color: #fff;
}

@media (max-width:600px) {
    .search-control {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 1000;
    }
}

.col-news {
    border: solid 1px #e6e6e6;
    border-left: 5px solid #e6e6e6;
    border-right: solid 5px #e6e6e6;
    padding: 10px;
    background: #fff;
    line-height: 1.4;
    border-radius: 20px 0px;
}

.col-news svg {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    margin: auto;
    fill: #f6bc1a;
    max-width: 100%;
}

.col-md-3:first-child .col-news svg {
    width: 60px;
    height: 44px;
}

.col-news img {
    width: 50px;
}

.elementor-icon-box-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    color: #000;
    text-align: center;
}

.elementor-icon-box-title:before {
    content: '';
    width: calc(100% + 30px);
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    bottom: 0px;
    left: -15px;
}

.elementor-icon-box-title:after {
    content: '';
    width: 50px;
    height: 1px;
    background: #ffae00;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 25px);
}

.elementor-icon-box-description {
    color: #3d3d3d;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.6em;
    padding-top: 5px;
}

ul.li-tab li a {
    text-align: center;
    background-color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    text-indent: 0;
    margin-bottom: 5px;
    min-width: 105px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    margin-right: 5px;
}

ul.li-tab li a h2 {
    font-size: 14px;
    font-weight: bold;
}

ul.li-tab li.li-tab-0 a {
    border-color: #08c;
    background-color: #08c;
}

ul.li-tab li.li-tab-1 a {
    border-color: #f90;
    background-color: #f90;
}

ul.li-tab li.li-tab-2 a {
    color: #f7f7f7!important;
    border-color: #3c5ecc;
    background-color: #3c5ecc;
}

ul.li-tab li.li-tab-3 a {
    color: #f2f2f2 !important;
    border-color: #56cd85;
    background-color: #56cd85;
}

ul.li-tab li.li-tab-4 a {
    color: #f2f2f2!important;
    border-color: #EC1A2C;
    background-color: #EC1A2C;
}

ul.li-tab li.li-tab-5 a {
    border-color: #673ab7;
    background-color: #673ab7;
}

ul.li-tab li.li-tab-6 a {
    border-color: #33B840;
    background-color: #33B840;
}

ul.li-tab li.li-tab-7 a {
    border-color: #df3b72;
    background-color: #df3b72;
}

ul.li-tab li.li-tab-8 a {
    border-color: #4caf50;
    background-color: #4caf50;
}

ul.li-tab li.li-tab-9 a {
    border-color: #d164b5;
    background-color: #d164b5;
}

ul.li-tab li.li-tab-10 a {
    border-color: #198754;
    background-color: #198754;
}


/*ul.li-tab li a:hover,ul.li-tab li a.act{
        background-color:#f6bc1a;
    }
        ul.li-tab li a:hover h2,
        ul.li-tab li a.act h2 {
            color: #fff;
        }*/

.bk-btn .bk-btn-installment-amigo {
    width: 100%;
    line-height: 1.6rem;
    margin-right: 0px;
}

.bk-promotion {
    display: none !important;
}

.chat-support {
    position: fixed;
    right: 19px;
    top: 60%;
    transform: translate(0, -60%);
    z-index: 99;
}

.chat-support a {
    display: block;
    margin-bottom: 15px;
    transition: 400ms ease-out
}

.chat-support a:last-child {
    margin-bottom: 0;
}

.chat-support a:hover {
    transform: translate(0, -4px);
}

.kenit-alo-phone {
    background-color: transparent;
    cursor: pointer;
    z-index: 2000;
    position: relative;
}

.kenit-alo-circle-fill {
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(242, 0, 0, .5);
    opacity: .75!important;
}

.kenit-alo-img-circle {
    width: 30px;
    height: 30px;
    top: 11px;
    left: 11px;
    position: absolute;
    background: rgba(30, 30, 30, .1) url(/assets/images/phone_circles.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: var(--four);
    background-size: 70%;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.tada {
    animation-name: tada;
}

.pulse {
    animation-name: pulse;
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.readmore-btn {
    background-color: var(--four);
    border-radius: 4px;
    border: 1px solid var(--four);
    color: #fff;
    display: block;
    line-height: 16px;
    margin: 5px auto 15px;
    padding: 15px 20px;
    text-align: center;
    max-width: 340px;
    min-height: 48px;
    font-weight: bold;
    text-transform: uppercase;
}

.readmore-btn:hover {
    background-color: #fff;
    color: var(--four)!important;
}

.readmore-btn span {
    position: relative;
    padding-right: 15px;
    font-size: 1.4em;
}

.readmore-btn span::before {
    content: '';
    position: absolute;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 7px;
    width: 7px;
    right: 0;
    top: 5px;
    transform: rotate(135deg);
}

.readmore-btn:hover span::before {
    border-color: #f6bc1a;
}

.list-news .item-news {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.list-news .item-news .img-news {
    width: 25%;
}

.list-news .item-news .info-news {
    width: 75%;
    padding-left: 12px;
}

.list-news .item-news .info-news .name-news {
    line-height: .8;
}

.list-news .item-news .info-news .name-news a {
    font-size: 14px;
    color: #000;
}

.list-news .item-news .info-news .date-news {
    color: #828282;
    font-size: 12px;
}

.iframe-news {
    position: relative;
    padding-bottom: 60%;
}

.iframe-news iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.chonnhucau-title {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    background: url(../images/ic_title.png) no-repeat left 10px center;
    padding: 5px;
    padding-left: 40px;
}

.im-vaote {
    position: relative;
    max-width: 100px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
}

.im-vaote button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 14px!important;
}

.im-vaote a {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.im-vaote a:before {
    padding-top: 100%;
    content: '';
}

.im-vaote a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%!important;
    object-fit: cover;
}

.banchay-cnt-t-all {
    padding: 15px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 25px;
    background-image: url("../images/san-pham-ban-chay.jpg");
    border-radius: 20px;
}

.banchay-cnt-t-all .banchay-cnt {
    display: table;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.banchay-cnt .banchay-cnt-cnt-td {
    display: table-cell;
    vertical-align: middle;
}

.banchay-cnt .banchay-cnt-cnt-td:first-child {
    width: 120px;
}

.banchay-cnt .banchay-cnt-cnt-td:last-child {
    width: calc(100% - 120px);
}

.banchay-cnt .banchay-cnt-cnt-td .dis_count,
.banchay-cnt .banchay-cnt-cnt-td .adn {
    top: 0;
    left: 7px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 100"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><image width="256" height="100" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABkCAYAAABpYO6eAAAN+0lEQVR4nO3dCXBd1X0G8O+ce+9bJVt61mZJlmQ5trAD3hcgYE/BJVAgmY6hqQnUuCnEU5LMlDbNMiRpQpJu6TbNDJ3S6UzjJJOGaScZGjJA3cQbRsQYO5Z34d3Wgna99W6nc65kYccGyXjTe+/7zZwZYMC8+6Tz3f9Z7rki07oTRlkZcm/uhr2nDSJRBvf4qTnOoSOf9rreWQLXq1aZjIBh+CCiiVFKiHDINRLlKb9/sEdFI4MyHuuxGmcc8JOpXUbjjPbQrKY+r6MLxsxG+J1d8Hr6ACEg4lEYNdWwDxyGgIJQCioeR3j5Erh72uANDAKmCaO6QvdVGPW1cA61I7ryNsTWfAx+bz+UP7HuasLzoQAYDfXwN2+bmn31lz/qPXD43n4fiAogDKBEAL7gD57ocmQU0HX8DKrlyH+k+1Ro5x7UCkDEYyodCR8zqqs2m/PmvGomEi/JRNmg7thB51XqunzXpm9IGIkyONt2fLj9P368dUihfE7IRJlpXLcPQVSI9M2z7LzrGvtrfUdPZ8RgKt1s9/Q3Z/YdWt8Qi2SMmqodRt30H4WXLdpo1E7Pyq5uqL5+qGvYD83Qovmw39hVsf+pL2yygfKWeAS4jglEVHR0mR+yxgJBCAE/k42eOnryLu/oybsa9uz7J2vhzRtlovy7odnNe2E78HK5a/Itmf6JUxh45pvPnfZRvXxKDMp1+QtJdB3pO7wIh1AnRBAOznAyemDz609WCzxZ+eGWF8362j8P37HioFlVAdf3oZSPqzUiN4df+MktB3bsemhpyGDnJ7qRdNWtFKxwCHN1GHgezuw79KC979CDTSdP/0yY5h8bM+pO+o4DlbOvygeVTuuutcMKQUlCRJOEDgMpURMNoyFs4cD+I/d3ffmbJ1I/felrIhyGTIwMIK60EpBuR+f8mP5TJrhsQETXkQ4CIXBTaQwGgLYtrX8x/G8bj3td3bOMykpAT9ZfQd+VKpWun8olPqJJTQ/P9dCgJRZG73CqsXPjC+2ZlzdtMMrLIWLRYK+A+ADz9hKOIyMMAKL8oBQqYhHEABz62abnkv/53xtFJAI5LQG9p+dySQjpc8WPKI/4PqxoBE0hE/vPdD+afP57u/2u7risqRrZY3AZHVry506Uh/S435CYVxrDsbdPLNj54qv7AFVvVVUGk4eB0WXF92sMAKI8pucGGqNhPSRo7PncF3ektrxWaVQkxpYUx2sMAKJ8pxRmTYnjYN9Q/ZZ7Ht6ceeUXU6zZzUAmCzjO+zaTP3yi/KccJxgO7BpKz+37s6/83Gxq+IhRXQn39FkI8727OSsAogKhhwOLp8axs2fw9t71n3lBJNOQej6gfxBq4NKNAUBUQHQlsCweRuux0w8NfOs7zxjVVRCW+Z47BhkARAVosQFs/8nLz6Zf/PlKOasJSlcClnVRYwAQFRqlYMZjSAig/6t/tdHv7olZzU3B8z4iEr6gMQCICpCeD5hZGsObjt8w8O2/fzbYN5BMA0PJCxoDgKhA6RBYagCtr2x5OrfzrcXhVbcH5wcaDXVjjcuARAVMxmPAUBoD//Dc3xp10+92z3YG5wycwwqAqIDpKmCRXhVoO3xXZtPm+6N3r4Q5sxFmc1PQGABERUAfUJrb/NoXkEqPPBugT/9yXQYAUcFTCvPjYbzxxp47B//uux/XIeAeOQqn/SjnAIiKSa792GNTmhp+CsMINgexAiAqBkphgSnQta11TfrlTTcpffpwTy8DgKhYyEgYJz0g9/rOx8wZdTCnJRgAREXD91EpAWd32725rTvg/HofA4ComNSHTAweP7k4t3vvIsSjDACagHOnylD+Mwwc8QCVydwTXraEAUAToJ8k003w+OjLdqnz+G4kpaBfA2C/uecB/WpyLgPSuIRhBP/K2DvnWQ1MnD6vXwiMfWPnAuAGfod1BuB1dM51T5yMMQBoXGp077j+1WXXv3wXHNM9+qafoN2gELAg4AwlpwGYzSEATZjiXMDVce57vEHDAWmZ6FCAvXffAgYAjSv4NWXHv/pu1HcqBHwdAAePLGQA0LjY9QuU69UxAGh8vPsXHCkAP52pYgDQu7jMVzSqJfSx4FMZAPQu3umLhqOCycASBgBREYojGAJEGABExUi/LsxxTQYAURHSm7uUgM8AICpCWSjIkniOAUBUhEJ6M6LjphkAREWoR68ClJYMMgCIitCgfhShbGofA4CoWJlGBwOAqAjZuv/X1x5hABAVGeX50E8BWTfPfY0BQFRkfNdFIhJ2hTSOMQCIisw7egUgUXbYrJvOOQCioiIEunzAbJn9f2Z9LU8FJioqSqFEAKHZs/5XDQ4zAIiKyUDOxqyqxFlr2aKXPNtmABAVDSGCdwNazY2bjRl1DnyP7wUgKhpKIazL/5vn/VB1dME7c5YBQFQsTmRtzG2qb4vdt/p/lOPCrK/jEICoGAjTRLcPWIvnf8+sq4Wy7eBkUFYAREVgOJXG0lioL3Lr0uezu38NP5kOLpoBQFTopESbB6x+ct1fl33u0wP228fGToBmABAVMiHQn85ihSm6Q0sW/kv6F1vh9/aPBQDnAIgKXLsPxJ947JnQvJYh/51eCCmDNxbrxgqAqFBJiT3JLFbMrG+dsv7R573hJGRF4oKLZQAQFSIh4Gay0C92L/vGl/40NG8O7EPt+hSgCy6WAUBUoHZ6wKo1v/O16OpV27O79wK+f9GFcg6AqMAIy8KvUjnc1jh9S8XffP0bfk8f4PkjE3+/0VgBEBUS08T+oRQaJLqqf/Cvv2vWVME5egJWVcUlL5IBQFQopEQylYYLYM4//+Wa8LLFffbBIxCGERwDdikcAhAVAL3V18lkscsFVqz/xO+V/dEfbM8dPQ4lJXTXf6/GCoAo30mJVDqNgx5w3+c3PDb1iXUv2O1HoTLZcS+MFQBRHtN3/oFMFu0usOpLn32i4ltf+b6eB1BDSQhfjdtYARDlKynRr8f8Clhy57JPlK5b+2Pn+En4g8P6pR8TuigGAFG+Gd3HfzyV1Qd8eB/asG6VLC3Z7hw8AnN2s37tN8QEL4kBQJRPpITK5tDmKcyfUbOrZO2aj1ozm3pyO98CfHXZF8IAIMoHoxt4zqSzyClg0e1LvlPyyYc/LxwXbmcnlO9N/LZ/HgYA0SQXLPGl0tjvAbckSrumPP7Ix825c1r1k31+Og1YH7wbMwCIJind8e1UGm1pGwssicV3LPtq/IGPPmvWTodz9BhUzoYwrmwhjwFANNlIiXQ2i9MZG7PDJpYtaPn3yJKFX7aWL+7Sd33vbAeUUsGZfleKAUA0CejDOXzHxYDroVsBLVPi2Ztqqn5Y+qlHv241NZ7MbX8dbkcnYDswy8uv2gdmABDdCEJAeR5s10WHflmHAKoFMK2xfktVc+MP4qtXfV9lsmljWiKY5POHhyGnlUNchbv++d43AIS4+H+mXA+Xv9hAVFx0zwn6iesChhE8i+8qhRyAXhW8owNlEihPlA00V1XuNmqqXg7Na9mohDhjzagDwiG4J06PHOChx/mX6ItXw0UBIEaXG/S5YcE4Q6ngQvTf64tJey6i0rhmH4ioEJy7SeoHbqTuT9GIa4VDPaFwqKesdvpeo6bqDWN6zVvG9KptVsMMz+3qDib9cgcOwevogqEf3xW45v3sggAIOrkQGPJcdLg5DCp/5EKUCkqVaMU0d+lv3fOgdersEUQi04IPx3KA6GKOLUR5mR+9e6WTbX0zKQxj0Kqs6FMCnjH7QxCjN1YMDMAfHILf2wdEIiOlgbh09X0tmOd6sDRNpFwH+zwbHb6LrPJhQox9kC7PRZ1r294jD7WW7G7rz23Z8bZRkYDS6cafP9GFsjnImmqEFy+Ae+oMlH4RRywKlUxB9fbBy2UhIxH4uRwMy7phX15QAegXBvZ5DrY5aWSUwhQpERUmfPXu7b0cEtFMzlSpdCh390qguwfe7r0QifKRMY5iKUB0jl6jRzoNT2/WSaWBXBbI5YKJv6CnTJIhtDRME0mlsM0eOUmkXEgIhQs6/znBpoNkCshkYT9wD7DwFvh9/YDncU6AKA/pCkC85ttw9IykMHDpg4POo0v+dAbw3CAEQkBQCchEeXD0ECsBovwhuxwbncrHlIl0/nPkaAhkMkEIiNFKQLESIMorZqfylH55gKF3Il3O3Vu/XiidCcYz9v2/DUuPbfbuB1gJEOUNMwUldBk/wc4v4HlCbwaCbvofDCWDzUHOfath6RcP7D0AVCQYAkR5QGaUMsITWMjzRzY3KCMe862SEsh4bKSVlgTVgxmy4D+yBli+CH53D4cDRHnAtKKRwWEo1IzzWb2RXYKekUh4IlEG4zfPHNN3/2gU6g8/CWkY8Le+DqOmikuERJOYtEpLDjrqMtYl9Z39Uk138sGhkXmBx9dC3HkrvK53uERINInJykULXzIErs5dWm8lHk4CeuPD42sh71gBr7ObIUA0ScnGe1f/101TSw8fsh3ICR4l/L7OCwFWAkSTm4zX1WLBZzZ8dlgBA5ncyANBV+pSlQBDgGjSkWYshiVffPqV9U8/9Sdv+wqnsvbYI8FXZDQEgocfGAJEk5LUhw3olwrevOFT//jgvXd9rD5kegdzNrpzTvAIsBptKT1NoPcA+L4Izgjw/fGbnlvUlUAyBX/d70N+ZPnInIDvMwSIJgH9yB/cTAbDx0+hvKXlxerbbo00HTj4VMcvtz7s5XINvuvqhwXdmnSmzIzFOoVheHqTj358eKJUKh0sDepKwAiH4f/qLYhY9OoMN4jogwHw/35dC3VrPyaLAAAAAElFTkSuQmCC"/></g></g></svg>');
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    font-size: 1.2em;
}

.carousel-indicators li {
    width: 10px!important;
    height: 10px!important;
    border-radius: 50%;
    opacity: 1!important;
}

.carousel-indicators .active {
    background-color: #f6bc1a
}

.bt-colorP {
    display: inline-block;
    border: 1px solid #d5d5d5;
    padding: 7px;
    position: relative;
    margin-right: 10px;
    background-color: #fff;
}

.bt-colorP.act {
    border-color: var(--four)
}

.bt-colorP div:first-child {
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 50%;
    display: block;
    float: left;
    border: 1px solid #ddd;
}

.bt-colorP div:last-child {
    float: left;
    margin-left: 5px;
}

.bt-colorP.act div:last-child {
    color: var(--four);
}

.bt-colorP:last-child {
    margin-right: 0;
}

.bt-shellC {
    width: 100%;
    border: 1px solid transparent;
    background: #fff;
    padding: 15px;
    font-weight: bold;
    text-align: left;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.13);
    position: relative;
}

.bt-shellC::after {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.bt-shellC.act {
    border-color: var(--four)
}

.bt-shellC.act::after {
    content: "\f058";
    color: var(--primary)
}

.footer-top {
    background: var(--primary);
    padding-block: 40px;
}

.footer-top .footer-top__items {
    display: flex;
    justify-content: space-between;
}

.footer-top .footer-top__items .footer-top__item {
    display: flex;
    align-items: center;
}

.footer-top .footer-top__items .footer-top__item .item-icon {
    margin-right: 10px;
    width: 42px;
    height: 42px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    max-width: 100%;
}

.footer-top .footer-top__items .footer-top__item .main-text,
.footer-top .footer-top__items .footer-top__item .sub-text {
    color: #FFF;
    font-style: normal;
    line-height: normal;
}

.footer-top .footer-top__items .footer-top__item .main-text {
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 6px;
}

.footer-top .footer-top__items .footer-top__item .sub-text {
    font-size: 1.4em;
    font-weight: 400;
}

@media (max-width: 991.5px) {
    .footer-top {
        padding-block: 22px;
    }
    .footer-top .footer-top__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
    .footer-top .footer-top__items .footer-top__item {
        display: block;
        text-align: center;
    }
    .footer-top .footer-top__items .footer-top__item .main-text {
        font-size: 16px;
        margin-top: 13px;
    }
    .footer-top .footer-top__items .footer-top__item .sub-text {
        font-size: 12px;
    }
}

#cta-icon {
    position: fixed;
    width: 60px;
    right: 0;
    bottom: 100px;
    z-index: 200;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    font-size: 1.3em;
}

.uoptop {
    color: var(--primary-color);
    text-align: center;
}

#cta-icon a {
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    transition: 0.3s;
    color: var(--blue-color);
}

#cta-icon a.uoptop i {
    background: var(--primary);
    width: 40px;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    color: #fff;
    display: block;
    line-height: 40px;
    transition: 400ms ease-out;
}

#cta-icon a img.img-circle {
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
}

#cta-icon a.cta-chat {
    color: var(--primary-color);
}

#cta-icon a.cta-phone {
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    color: var(--four);
}

#cta-icon a.uoptop i:hover {
    background: #fff;
    color: var(--primary);
}

#cta-icon i.fa-phone {
    -webkit-animation: swing ease-in-out 1s infinite alternate;
    -moz-animation: swing ease-in-out 1s infinite alternate;
    -ms-animation: swing ease-in-out 1s infinite alternate;
    -o-animation: swing ease-in-out 1s infinite alternate;
    animation: swing ease-in-out 1s infinite alternate;
}

#cta-icon .cs-ring {
    position: absolute;
    border: 1px solid #dc3545;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#cta-icon a:hover {
    background-color: var(--hover-color);
    color: #fff;
}

#cta-icon a:hover .cs-ring {
    border-color: var(--hover-color);
}

.icons-baogia {
    display: block;
    width: 32px;
    height: 35px;
    margin: auto;
    overflow: hidden;
}

.icons-baogia img {
    display: block;
    position: relative;
    transition: 400ms ease-out;
    top: 0;
}

#cta-icon a:hover .icons-baogia img:last-child {
    top: -35px;
}

#cta-icon a:hover .icons-baogia img:first-child {
    top: 35px;
}

.dathangthanhcong {
    margin: 0 auto;
    display: block;
    margin: 30px 0;
    border: 1px solid var(--primary);
    padding: 15px;
    border-radius: 20px;
    font-size: 1.4em;
}

.dathangthanhcong .dhtc1 {
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.dttc2 {
    margin-bottom: 5px;
}

.p-muaonline {
    background-color: var(--primary);
    padding: 10px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    position: relative;
}

.sumddd-muaonline {
    border: 3px solid var(--primary);
    padding: 10px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px;
}

.p-muaonline .curr-price {
    color: var(--secondary);
}

.p-muaonline .t-pr .old-price {
    color: #fff;
    font-size: 14px;
}

.p-muaonline strong {
    font-size: 1.4em;
    display: block;
}

.p-muaonline strong:before {
    content: "";
    width: 13px;
    height: 17px;
    background: transparent url(/content/images/lightning.png) no-repeat center top;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.p-muaonline .bs_time {
    font-size: 1.6em;
}

.p-muaonline .bs_time span {
    margin-bottom: 4px;
    display: block;
}

.p-muaonline .bs_time span:last-child {
    margin-bottom: 0;
}

.p-muaonline i.fa-info {
    position: absolute;
    top: 50%;
    font-size: 10px;
    transform: translate(3px, -50%);
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: var(--primary);
    text-align: center;
    line-height: 15px;
    cursor: pointer;
}

.p-muaonline div.crule {
    position: absolute;
    right: 0;
    top: 40px;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    z-index: 5;
    white-space: normal;
    line-height: 1.5;
    box-shadow: 0 0 8px #ccc;
    z-index: 3;
    color: #333;
    font-size: 14px;
}

#popupModal .modal-content {
    background: none;
    border: none;
}

.sm--chi-nhanh {
    white-space: nowrap;
    font-size: 1.4em;
    font-weight: bold;
}

.pulse-1 {
    border: solid 1px #ffe901;
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-animation: pulse-wave 1s linear infinite both;
    animation: pulse-wave 1s linear infinite both;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    top: 2px;
}

.icon-pulse {
    background: var(--primary);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0, -50%);
}

.marquee-text {
    overflow: hidden;
    animation: marquee 20s linear infinite;
    position: absolute;
    top: 0;
    color: var(--primary);
}

@keyframes pulse-wave {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2.7);
        transform: scale(2.7);
    }
}

@keyframes marquee {
    from {
        left: 100%;
    }
    to {
        left: -100%;
    }
}

.css-smav32 {
    border: 1px unset;
    opacity: 1;
    display: flex;
    flex-direction: row;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    background-color: #fff;
    padding-bottom: 0;
    transition: bottom .4s;
    z-index: 1050;
}

.css-16d7uk6 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-jhlgpn {
    margin-bottom: 3px;
}

.css-1ru2lnj {
    -webkit-transition: .6s;
    transition: .6s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
    background: 0 0;
    border: none;
}

.css-18zrilu {
    margin: 0;
    padding: 0;
    color: #1435c3;
    white-space: nowrap;
    font-weight: 500;
    text-decoration: unset;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    max-width: unset;
    min-width: unset;
    transition: color .3s;
    display: none;
}

.css-1ru2lnj.act .css-18zrilu {
    display: block;
}

.css-jhlgpn i {
    color: var(--four);
}

.img-icon-2 {
    filter: invert(28%) sepia(65%) saturate(1331%) hue-rotate(180deg) brightness(92%) contrast(90%);
}

.img-icon-4 {
    filter: invert(54%) sepia(27%) saturate(5073%) hue-rotate(167deg) brightness(102%) contrast(104%);
}

.row.row-product {
    margin-left: -7px;
    margin-right: -7px;
}

.row.row-product div[class^="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}

.sli_d,
.sli_d_2 {
    display: block;
    position: relative;
    border-radius: 10px;
}

.sli_d_2 {
    height: 100px;
    margin-top: 5px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width:991px) {
    .sli_d_2 {
        margin-top: 0;
        height: 195px;
    }
    .sli_d_2:first-child {
        margin-bottom: 10px;
    }
    .sli_d {
        height: 400px;
    }
}

.sli_d img,
.sli_d_2 img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.sli_d picture,
.sli_d_2 picture {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.banner-slider2 picture {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

@media (min-width:991px) {
    .sl-1,
    .sl-2,
    .sl-product-cate {
        overflow: hidden;
        float: left;
    }
    .sl-1 {
        width: calc(28% - 10px);
    }
    .sl-2 {
        width: 72%;
        margin-right: 10px;
    }
}

.g0LhW7 {
    position: relative;
    margin: 6px;
    width: calc(100% - 6px);
    height: 20px;
    overflow: hidden;
}

.efwV9O,
.gsxwEM {
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 8px 0px 0px 8px;
}

.efwV9O {
    background: #ffbda6;
    width: inherit;
    z-index: 1;
    border-radius: 8px;
}

.gsxwEM {
    background: linear-gradient(270deg, #ffb000, #eb1717);
    z-index: 2;
    width: calc(100% - 6px);
    border-radius: 8px;
}

.Qeov7Y {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: inherit;
    justify-content: center;
    left: 0;
    position: absolute;
    text-shadow: 0 0 8px rgba(0, 0, 0, .12);
    text-transform: uppercase;
    top: 0;
    width: inherit;
    z-index: 3;
}

.shopcart .product-panel {
    margin-bottom: 10px;
    padding-bottom: 11px;
    display: table;
    width: 100%;
    position: relative
}

.shopcart .product-panel .img-col {
    width: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.shopcart .product-panel .info-col {
    display: table-cell;
    padding-left: 10px
}

.shopcart .product-panel .desc-item {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 20px;
    color: #608595;
    margin-bottom: 10px
}

.lbl-col {
    font-size: 1.4em;
    margin-top: 5px;
    margin-bottom: 5px
}

.block-head {
    background: url(/assets/frontend/images/bg-order-step-block-head.png?v=1) no-repeat 100%;
    background-size: cover;
    height: 46px;
    border-left: 3px solid #009d48;
    display: table;
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 1rem
}

.block-head .title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #009d48;
    display: block;
    margin-top: 10px
}

.checkregion {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f7f9));
    background: -webkit-linear-gradient(#fff, #f2f7f9);
    background: -o-linear-gradient(#fff, #f2f7f9);
    background: linear-gradient(#fff, #f2f7f9);
    background: -ms-linear-gradient(#fff, #f2f7f9);
    border-radius: 3px;
    padding: 10px 15px;
    border: 1px solid #bfced5;
    font-size: 1.4em;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
    cursor: pointer
}

.checkregion input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 13px;
    z-index: 999
}

.checkregion .checkmark {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 17px;
    width: 17px;
    background-color: #eee;
    cursor: pointer;
    display: block
}

.checkregion input:checked~.checkmark {
    background-color: #009d48
}

.checkregion .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none
}

.checkregion input:checked~.checkmark::after {
    display: block
}

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

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

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

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

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

@-ms-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0;
    }
}

.bb-product-video {
    position: unset;
}

.slick-list.draggable .thbm {
    aspect-ratio: 4/3;
}

.slick-list.draggable .thbm img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.bk-btn-installment {
    display: none !important;
}

.news-detail.summ {
    padding-left: 25px;
}

@media (max-width:996px) {
    .logo-img {
        display: block;
        text-align: center;
    }
}

.first-news img {
    width: 100%;
}

.first-news .info-news {
    margin-top: 10px;
}

.back-to-top {
    position: fixed;
    right: 15px;
    bottom: 100px;
    width: 51px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6bc1a;
    color: #fff;
    border-radius: 50%;
    z-index: 99;
    transition: all ease 0.4s;
    bottom: -100px;
}

.back-to-top a {
    color: #fff;
}

.back-to-top.active {
    bottom: 100px;
}

.banner-slider2 picture img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.thong_so_danhmuc table td p {
    font-size: 12px;
    line-height: 1.3;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.thong_so_danhmuc table td:last-child,
.thong_so_danhmuc table th:last-child {
    padding-right: 0;
    width: 80%;
    padding-left: 3px;
}

.thong_so_danhmuc th:first-child,
.thong_so_danhmuc td:first-child {
    padding-right: 7px;
    font-weight: bold;
    width: 20%;
    padding-right: 3px;
}

#tab-content-c.ac .tab {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 0 10px;
}

.bb-product-attribute-swatch-title {
    font-weight: 700;
    color: #ff0000;
}

.bb-product-attribute-swatch-item.attribute-swatch-item strong {
    color: #ff0000;
}

.bb-product-attribute-swatch-list {
    display: flex;
    gap: 10px;
}

.bb-product-attribute-swatch-item.attribute-swatch-item {
    width: calc(50% - 5px);
}

#menu-mobile-horizional img {
    width: 100%;
    height: 20px !important;
}

.menus-earch span {
    display: block;
    color: #1435c3;
}

.menus-earch {
    text-align: center;
    font-size: 12px;
}

.menus-earch i {
    margin-bottom: 10px;
    font-size: 16px;
    color: #ff0000;
}

.ck-content ul {
    padding-left: 15px;
}

.ck-content h2 {
    font-size: 24px;
}

.ck-content h3 {
    font-size: 20px;
}

.ck-content h4 {
    font-size: 16px;
}

.popup-search {
    position: fixed;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgba(0, 0, 0, .9);
    top: 0;
    transition: transform .7s ease;
    display: none
}

.popup-search .popup-content {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative
}

.popup-search .close-btn {
    position: absolute;
    color: #fff;
    right: 30px;
    font-weight: 700;
    padding: 0 8px;
    border-radius: 50%;
    border: 2px #fff solid;
    top: 15px;
    font-size: 15px;
    cursor: pointer
}

.popup-search .form-search {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: min(600px, 100% - 10px)
}

.popup-search .form-search form {
    position: relative
}

.popup-search .form-search input {
    background: #fff;
    border: none;
    outline: 0;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    color: #272727;
    padding: 15px 30px;
    width: 100%
}

.popup-search .form-search button {
    position: absolute;
    background: #ff0000;
    border: none;
    height: 40px;
    width: 40px;
    color: #fff;
    top: 0;
    right: 0;
    transition: all ease .4s
}

.popup-search .form-search button i {
    font-size: 16px;
}

.popup-search .form-search button img {
    filter: brightness(0) invert(1)
}

.popup-search .result {
    width: 100%
}

.popup-search .form-search button:hover {
    opacity: .8
}

.partner-slider-2 .item {
    padding: 0 5px;
    margin-bottom: 5px;
}

.partner-slider-2 {
    margin: 0 -5px;
}

.partner-slider-2 .item .box-img {
    margin-bottom: 0;
    aspect-ratio: 2216/1290;
}

.partner-slider-2 .item .box-img img {
    object-fit: cover;
}

.bb-product-detail ul {
    padding-left: 15px;
}

@media (max-width:996px) {
    .desktop {
        display: none;
    }
    .header-detail {
        display: none !important;
    }
    .news-detail img {
        width: auto !important;
        height: 25px !important;
    }
    .news-detail figure img {
        height: auto !important;
    }
    .tab button,
    .tab button.act {
        margin: 0;
        font-size: 14px;
    }
    .mobile {
        display: block;
    }
    .mobile .titl {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
    }
    #discount,
    #hoatdongcuahang {
        padding-top: 0 !important;
    }
    .carousel .slick-dots {
        bottom: 5px;
    }
}

.meta-seller .item a {
    color: #1662a0;
}

table p {
    margin-bottom: 0;
}

.modal {
    background: rgba(0, 0, 0, .2);
    z-index: 9999;
}

.modal-dialog {
    z-index: 99999;
}

.close {
    cursor: pointer;
}

.box-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.autoplay-partner .box-img {
    aspect-ratio: 2216/1290;
}

.autoplay-partner .box-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.autoplay-partner .box-img a:before {
    display: none;
}

.ck-content .image>figcaption {
    font-size: 16px !important;
}