/* @font-face {
    font-family: AvenirBold;
    src: url('./fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('./fonts/AvenirNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('./fonts/AvenirNextLTPro-It.woff2') format('woff2'),
        url('./fonts/AvenirNextLTPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: AvenirRegular;
    src: url('./fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('./fonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

#vnt-wrapper,
.blogs__detail .blog__detail-content .banner_blogDetail img,
.btn-ct,
video {
    width: 100%
}

#pagination,
.btn-ct,
.button,
.rating-container .star,
.title,
ul.tsc_pagination {
    text-align: center
}

:root {
    --colorBtnPrimary: #ff4f33;
    --colorBtnPrimaryLight: #ff7b66;
    --colorBtnPrimaryDim: #ff391a;
    --colorBtnPrimaryText: #ffffff;
    --colorCartDot: #ff4f33;
    --colorLink: #000000;
    --colorTextBody: #000000;
    --colorPrice: #1c1d1d;
    --colorTextSavings: #C20000;
    --colorSaleTag: #1c1d1d;
    --colorSaleTagText: #ffffff;
    --colorBody: #ffffff;
    --colorBodyDim: #f2f2f2;
    --colorFooter: #ffffff;
    --colorFooterText: #000000;
    --colorBorder: #e8e8e1;
    --colorNav: #ffffff;
    --colorNavText: #fff;
    --colorAnnouncement: #e8d1b6;
    --colorAnnouncementText: #000000;
    --colorHeroText: #ffffff;
    --colorModalBg: #e6e6e6;
    --colorImageOverlay: #000000;
    --colorImageOverlayOpacity: .3;
    --colorImageOverlayTextShadow: .5;
    --colorSmallImageBg: #ffffff;
    --colorLargeImageBg: #0f0f0f;
    --colorGridOverlay: #000000;
    --colorGridOverlayOpacity: .1;
    --colorDrawers: #ffffff;
    --colorDrawersDim: #f2f2f2;
    --colorDrawerBorder: #e8e8e1;
    --colorDrawerText: #000000;
    --colorDrawerTextDark: #000000;
    --colorDrawerButton: #ff4f33;
    --colorDrawerButtonText: #ffffff;
    --grid-gutter: 17px;
    --drawer-gutter: 20px;
    --sizeChartMargin: 25px 0;
    --sizeChartIconMargin: 5px;
    --newsletterReminderPadding: 40px;
    --color-body-text: #000000;
    --color-body: #ffffff;
    --color-bg: #ffffff;
}
.box_Tab
{
    font-weight: bold;
    margin-bottom: 20px;
}
.title_filter
{
    font-weight: bold;
    margin-bottom: 5px;
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* -ms-overflow-style: scrollbar; */
}

::-webkit-scrollbar {
    -webkit-appearance: none
}

::-webkit-scrollbar:vertical {
    width: 12px
}

::-webkit-scrollbar:horizontal {
    height: 12px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

a:focus,
a:hover,
body a:hover,
html a:hover {
    text-decoration: none
}

.page-width {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px;
}

.not_h1 {
    padding-top: 10px
}

.info_menu,
.rating-rtl {
    float: right
}

.openmenu #load_ajax_form_color {
    z-index: 0;
    position: relative
}

.openmenu .vnt-product .slick-arrow {
    z-index: 0
}

.btn-ct {
    background-color: #f1ba47;
    display: block
}

.breadcrumb ul li,
.breadcrumb ul li.home a,
.rating-container .star,
.rating-lg,
.rating-md,
.rating-sm,
.rating-xl,
.rating-xs {
    display: inline-block
}

.categories_all {
    width: 275px
}

.categories_all:hover .all_categories {
    opacity: 1;
    visibility: visible;
    transition: .3s
}

.all_categories {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

#load_search,
.breadcrumb ul,
.breadcrumb ul li,
.form_search .list_pr a,
.header-wrap-icon .icon a,
.header_top,
.info_left .login,
.user {
    position: relative
}

#autocomplete .input-group-btn {
    position: absolute;
    top: 0;
    right: 40px
}

.wrap_search {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 41%;
    padding: 10px 15px 5px;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    left: 25%;
    top: 0;
    max-height: 404px;
    overflow: auto
}

.glyphicon-star {
    color: #fe8c23;
    font-size: 13px;
    margin: 0 2px
}

.glyphicon-star-empty {
    margin: 0 2px;
    color: #dedddd;
    font-size: 13px
}

.rating {
    float: left;
    border: none;
    background-color: initial;
    font-size: 0
}

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0
}

.rating-container .rating-input:focus {
    outline: 0;
    outline-offset: 0
}

.rating-disabled .rating-input,
.rating-disabled .rating-stars {
    cursor: not-allowed
}

.rating-container .empty-stars {
    color: #aaa;
    font-size: 13px
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden
}

.rating-animate .filled-stars {
    transition: width .25s;
    -o-transition: width .25s;
    -moz-transition: width .25s;
    -webkit-transition: width .25s
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0)
}

.rating-rtl.is-star .filled-stars {
    right: .06em
}

.rating-rtl.is-heart .empty-stars {
    margin-right: .07em
}

.rating-md {
    margin-left: -2px
}

.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    vertical-align: middle;
    font-size: 60%;
    padding-right: 5px;
    display: none
}

.clear-rating-active {
    cursor: pointer !important
}

.clear-rating-active:hover {
    color: #843534
}

.rating-container .caption {
    color: #999;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -.6em;
    margin-left: 5px;
    margin-right: 0;
    display: none
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0
}

.checked {
    color: orange
}

ul.tsc_pagination li a.current,
ul.tsc_pagination li a:hover {
    -moz-box-shadow: 0 1px #ededed;
    -webkit-box-shadow: 0 1px #ededed
}

.clear {
    clear: both
}

.breadcrumb {
    border-radius: 0;
    width: 100%;
    background: inherit
}

.bor_box .subcate,
.breadcrumb.nomb,
.mod-content .box_mid {
    margin-bottom: 0
}

.breadcrumb:after {
    position: absolute;
    top: 100%;
    right: 0;
    width: 170px;
    border-bottom: 1px dotted #d9d9d9
}

.breadcrumb ul {
    padding: 10px 15px;
    width: 100%;
    background-color: transparent;
    margin: 0;
    text-align: left
}

.breadcrumb ul:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 1px
}

.breadcrumb ul li {
    padding: 0 12px;
    font-size: 12px;
    line-height: 20px
}

.breadcrumb ul li.active a {
    color: #777
}

.breadcrumb ul li a h1 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 30px
}

.breadcrumb ul li:first-child {
    padding-left: 0
}

.breadcrumb ul li~li:before {
    position: absolute;
    font-family: fontawesome;
    content: "\f105";
    top: 2px;
    left: -2px;
    color: #333
}

.breadcrumb ul li.home a {
    position: absolute;
    top: 4px;
    left: -3px;
    text-indent: -99999px;
    color: transparent;
    width: 20px;
    height: 22px
}

.PageOverlay,
.PageOverlay_modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 2;
    opacity: .5;
    visibility: visible;
    background: #363636;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.button,
.menumb,
.menumb-wrap,
.wrap_login {
    overflow: hidden
}

.RemoveOverlay {
    position: sticky;
    background-color: #fff;
    z-index: 10
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}

.btn-passnews {
    background: #015af2;
    color: #fff;
    padding: 10px 0
}

.btn-passnews.focus,
.btn-passnews:focus,
.btn-passnews:hover,
.button.dark,
.button:hover,
.hvr-shutter-out-horizontal:focus,
.top_bar-right ul li a i {
    color: #fff
}

.border-block-shadow {
    position: relative;
    display: block;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .05);
    padding: 0;
    margin-bottom: 0;
    max-height: 70px
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    color: #333;
    background-color: #fff;
    padding: 5px 15px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border: 1px solid #00a2ff
}

.hvr-shutter-out-horizontal:hover {
    color: #fff;
    border: 1px solid #009cff;
    border-radius: 4px
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #009cff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border: none;
    color: #fff
}

.newsletter-button-r1z {
    display: inline-grid;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    outline: 0;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #3b67d7;
    transition: color .5s ease-in-out;
    padding: 2px 15px
}

.remove-decoration {
    color: #333
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none
}

.title-cat {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700;
    margin-top: 30px
}

.title-cat span {
    color: #ffa801;
    font-weight: 400;
    font-size: 13px;
    display: block;
    line-height: 25px;
    padding-bottom: 10px
}

.title-cat h3 {
    font-size: 22px;
    line-height: 32px;
    display: inline-block;
    position: relative;
    color: #333
}

.title-cat h3:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    width: 80px;
    height: 2px;
    background: #015696
}

.title-cat_sp {
    padding: 30px 0
}

.video-container {
    position: relative;
    padding-bottom: 48.75%;
    height: 0;
    overflow: hidden
}

.i-gif,
.menumb-wrap .main-navbar nav .menu-collection li .subnav-children,
.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .product-description {
    display: none
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dathongbao {
    text-align: right
}

.dathongbao img {
    max-width: 130px
}

.fck_intro {
    text-align: justify
}

.txt_color_2 {
    color: #ff424e
}

.txt_12 {
    font-size: 12px;
    line-height: 22px
}

.tab_cate_main .link_tab,
.tab_ct .link_Tab {
    color: #e00000;
    text-transform: uppercase;
    font-size: 18px
}

.back-to-top,
.menu_login,
.site-overlay,
.sub_user {
    opacity: 0;
    visibility: hidden
}

.back-to-top.show,
.site-overlay.active {
    opacity: 1;
    visibility: visible
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    /* margin: 0;
    padding: 0; */
    border: 0;
    /* font-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline
}

.all_category.subpage:hover .main_cate,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.button,
body,
html {
    position: relative;
    line-height: normal
}

ol,
ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px
}

blockquote,
q {
    quotes: none
}

em {
    font-style: italic
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

::after,
::before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

body,
html {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    color: #222;
    text-transform: none;
    background: #fff;
    behavior: smooth;
    /* font-family: 'Times New Roman', Arial, Helvetica, sans-serif !important; */
    font-family: 'Roboto', sans-serif;
    line-height: 24px;


}

.wrap_login,
img {
    max-width: 100%
}

p {
    /* line-height: 26px; */
    margin: 0 0 10px;
}

.cl_red {
    color: var(--colorred)
}

.cl_primary,
.login:hover a i {
    color: var(--primaryColor)
}

.button,
.header-wrap-icon .icon a i,
body a,
html a {
    color: #252a2b
}

.bor_box {
    border: 1px solid #cecece;
    margin-bottom: 30px
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 5px
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background: #000
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: #ddd
}

body .wrapper,
html .wrapper {}

body img,
html img {
    max-width: 100%;
    object-fit: cover
}

body a,
html a {
    text-decoration: none;
    outline: 0;
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear
}

body .no-gutters,
html .no-gutters {
    margin-right: 0;
    margin-left: 0
}

body .no-gap>.col,
body .no-gap>[class*=col-],
html .no-gap>.col,
html .no-gap>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.slick-track {
    margin: 0
}

.slick-dots {
    bottom: 0;
}

body .mainwrapper,
html .mainwrapper {
    width: 100%;
    margin: auto
}

.tab_cate_main .link_tab {
    font-weight: 700;
    line-height: 28.8px
}

.button {
    display: inline-block;
    padding: 10px 28px;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #fdd835;
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    cursor: pointer
}

.button:before {
    position: absolute;
    content: "";
    display: block;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    transform: scale(1, 1);
    transform-origin: left center;
    z-index: -1;
    background-color: #fff;
    transition: transform .45s cubic-bezier(.785, .135, .15, .86);
    transition: transform .45s cubic-bezier(.785, .135, .15, .86), -webkit-transform .45s cubic-bezier(.785, .135, .15, .86)
}

.button.dark:before {
    background-color: #252a2b
}

.button:hover:before {
    transform-origin: right center;
    transform: scale(0, 1)
}

.site-overlay {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    transition: .2s linear
}

.footer .bottom-footer,
.title {
    padding: 20px 0
}

.title .title-collection {
    font-size: 27px;
    line-height: 1.6;
    margin: 0;
    font-weight: 700;
    text-align: center
}

.heading-page h1 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px
}

.breadcrumb {
    padding: 10px 0;
    margin-bottom: 0
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap
}

.breadcrumb ul li.and {
    margin: 0 5px
}

.breadcrumb ul li a {
    color: #252a2b;
    display: inline;
    font-family: Helvetica Neue;
    font-size: 14px;
    line-height: 22.4px;
    padding: 0 5px;
    font-style: oblique
}

#pagination {
    font-size: .9em;
    padding: 10px
}

ul.tsc_pagination li a i {
    line-height: 30px
}

td,
th {
    padding: 3px 8px
}

.choose-quantity td,
th {
    padding: 0
}

ul.tsc_pagination {
    padding: 0;
    height: 100%;
    overflow: hidden;
    list-style-type: none;
    display: block;
    width: 100%;
    margin-bottom: 0
}

ul.tsc_pagination li {
    margin: 0;
    padding: 0;
    display: inline-block
}

ul.tsc_pagination li a {
    font-size: 14px;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    transition: .3s;
    background: #fff;
    border: 1px solid #d3d3d4;
    display: inline-block
}

ul.tsc_pagination li a img {
    border: none
}

ul.tsc_pagination li a.current,
ul.tsc_pagination li a:hover {
    background: #015af2;
    box-shadow: 0 1px #ededed;
    text-decoration: none;
    background: var(--colorTextSavings);
    border-color: var(--colorTextSavings);
    border-radius: 1px;
    color: var(--colorTextSavings);
}

@media screen and (max-width:767px) {
    .collection-filter-block .wrap-in .filter-block {
        margin-bottom: 10px
    }
}

b,
strong {
    font-weight: 700
}

.sticky header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #fff;
    animation: .6s both fadeInDown
}

.header__main .container .wrap,
.modal-footer button {
    background-color: var(--primaryColor)
}

.top_bar {
    background-color: var(--primaryColor)
}

@media screen and (max-width:991px) {
    .top_bar {
        padding: initial
    }
}

.top_bar {
    padding: 10px 0;
    font-size: calc(var(--typeBaseSize)*.75);
    position: relative;
    text-align: center;
    background-color: #e8d1b6;
    background-color: var(--colorAnnouncement);
    color: #000;
    color: var(--colorAnnouncementText);
    padding: 10px 0;
    border-bottom-color: #e8e8e1;
    border-bottom-color: var(--colorBorder);
}

.top_bar-right ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.top_bar-right ul li {
    margin-right: 20px
}

.header {
    /* background: #fff; */
    box-shadow: 0 0 3px rgba(0, 0, 0, .08) inset;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    position: absolute;
    width: 100%;
    z-index: 2222;
}

.header.product_detail {
    position: relative;
    --colorNavText: #000000
}

.header_top .page-width {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}



/* .wrapper,
.list_cate_foo,
.productDetail-page .product-detail-wrapper .productDetail-gallery .product-gallery,
.product_feauter,
.slogan-container {
    display: flex
} */

.form_search {
    display: none;
    background-color: #fff;
    transform: translateX(-10px);
    transition: all .5s;
}

.form_search.active {
    display: block;
    transform: translateX(0px);
    position: absolute;
    z-index: 2222;
    width: 100%;
    overflow: hidden;
    top: 108px;
    left: 0;border: 1px solid #3333;
}
.form_search.active .btn
{
    position: absolute;
    top: 33px;
    left: 10px;
}
.form_search .wp_form input {
    width: 100%;
    height: 100px;
    text-indent: 8px;
    font: 500 13px UTMAvo;
    color: #333;
    font-size: 20px;
    border: none
}

.btn-block,
.submit_form {
    border-radius: 5px;
    background: var(--primaryColor);
    border: none;
    cursor: pointer;
    width: auto;
    height: 31px;
    color: #fff;
    font: 500 13px UTMAvo;
    white-space: nowrap;
    text-transform: uppercase;
    margin-left: 5px
}

.submit_form:hover {
    background: var(--secondColor);
    color: #fff !important
}

.custom {
    padding: 7px 5px;
    height: auto !important
}

.product_feauter p {
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 5px
}

.form_search .list_pr a {
    display: inline-block;
    font-family: Helvetica Neue;
    font-size: 12.6px;
    line-height: 20.16px;
    text-align: left
}

.form_search .list_pr a::after {
    content: "|";
    display: inline-block;
    margin: 0 5px;
    color: #fff
}

.form_search .list_pr a:last-child::after {
    content: ""
}

.bor_box .subcate,
.bor_box .tab_right,
.header-wrap-icon,
.productDetail-page .product-detail-wrapper .product-content .add-item-form .wrap-addcart,
.productDetail-page .product-detail-wrapper .product-content .policy-products ul li,
.user .infor_user {
    display: flex;
    align-items: center
}

.header-wrap-icon svg {
    width: 28px;
    height: 28px;
    fill: var(--colorNavText);
}

.header-wrap-icon svg path {
    fill: none !important;
    stroke-width: 3px;
    stroke: var(--colorNavText) !important;
    stroke-linecap: miter;
    stroke-linejoin: miter;
}

.header-wrap-icon .work-time {
    margin-left: 10px;
    border: 1px dotted #fff;
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px
}

.header-wrap-icon .icon a {
    margin-left: 5px;
    font-size: 1.1em;
    border: 0 !important;
    position: relative;
    /* width: 44px;
    height: 30px; */
    display: flex;
    align-items: center
}

.info_left .login a i,
.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-summary i {
    font-size: 25px
}

.header-wrap-icon .icon.icon-cart a svg {
    width: 35px;
    height: 35px;
}

.header-wrap-icon .icon.icon-cart a span {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #f00;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
}

.header-wrap-icon .icon.btn_menu {
    display: none;
}

.info_left .login {
    margin-left: 10px;
    cursor: pointer
}

.user {
    cursor: pointer
}

.user .infor_user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 6px
}

.menu_login,
.sub_user {
    position: absolute;
    top: 125%;
    right: 0;
    width: 255px;
    padding: 10px 20px;
    box-shadow: rgba(0, 0, 0, .07) 0 1px 2px, rgba(0, 0, 0, .07) 0 2px 4px, rgba(0, 0, 0, .07) 0 4px 8px, rgba(0, 0, 0, .07) 0 8px 16px, rgba(0, 0, 0, .07) 0 16px 32px, rgba(0, 0, 0, .07) 0 32px 64px;
    background-color: #fff;
    z-index: 999;
    transform: translateY(-10px);
    transition: .5s
}

.menu_login li a,
.sub_user li a {
    display: block;
    width: 100%;
    background-color: #ececec;
    padding: 4px 0;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
    text-decoration: none
}

.login:hover .menu_login,
.user:hover .sub_user {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.wrap_login {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    width: 500px;
    margin: 0 auto
}

.fixedposicon a,
.form_group,
.form_group label,
.menumb-wrap .main-navbar nav .menu-collection li.navi1,
.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-summary .hrv-prv-detail-score div,
.productDetail-page .product-detail-wrapper .productDetail-gallery .product-gallery .product-gallery__thumbs .product-gallery__thumb {
    margin-bottom: 10px
}

.input-group .input-group-addon {
    display: flex;
    align-items: center;
    margin-right: 10px
}

.logo {
    padding: 10px 0;
}

.logo img {
    max-width: 160px;
    width: 100%;
    height: 100%;
}

.mainmenu {}

.mainmenu>ul {
    display: flex;
}

.mainmenu ul li.hasmenu {
    position: relative; list-style: none;
}

.mainmenu ul>li>a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    padding: 7.5px 10px;
    white-space: nowrap;
    color: #000;
    color: var(--colorNavText);
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}

.mainmenu ul li.hasmenu i {
    color: var(--colorNavText);
}

.mainmenu ul>li>a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    margin: 0 15px;
    border-bottom: 2px solid;
    border-bottom-color: #000;
    border-bottom-color: var(--colorNav);
    transition: right .5s;
}


.mainmenu ul li.hasmenu ul{position:absolute;width:240px;padding-left:0;top:100%;left:100px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);box-shadow:0 0 5px rgba(0,0,0,0.25);z-index:10;margin-top:20px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transform:translate(-50%,0%)}

.mainmenu ul li.hasmenu:hover > ul{opacity:1;visibility:visible;margin-top:7px;z-index:11}
.mainmenu ul>li:hover a::after {
    right: 0;
}
.mainmenu ul li.hasmenu ul li{border-top:1px solid #d9d9d9;position:relative;list-style:none}
.mainmenu ul li.hasmenu ul li > a{text-align: left;display:block;font-size:13px;line-height:20px;padding:10px 18px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;color:#333}
.menumb {
    position: fixed;
    width: 350px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 8888;
    transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    transform: translateX(100%);
    display: flex;
    align-items: center;
}

.menumb.active {
    transform: translateX(0)
}

.menumb .close {
    position: absolute;
    top: 55px;
    right: 60px;
    z-index: 999;
    background: 0 0;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: transform 150ms linear
}

.menumb .close i {
    font-size: 50px
}

.menumb {}

.menumb .wrapper {
    width: 100%;
    display: block;
}

.menumb .wrapper>ul {
    width: 100%;
}

.menumb .wrapper>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    flex-wrap: wrap;

}

.menumb .wrapper ul li a {
    font-size: 18.7px;
    letter-spacing: 3.74px;
    line-height: 28.05px;
    padding: 15px 0px;
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
}

.menumb .wrapper .sub_menu {
    display: none;
    width: 100%;
    padding: 0 10px;
}

.vnt-banner {
    position: relative;
}

.vnt-banner .item .img {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    background: #0f0f0f;
    background: var(--colorLargeImageBg);
    box-sizing: content-box;
    box-sizing: initial;
}

.vnt-banner .item .img img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    z-index: 1;
    animation: zoom-fade 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
    transition: none;
}

.vnt-banner .item .img .box {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    z-index: 99;
    transform: translateY(-50%);
    text-align: center;
}

.vnt-banner .item .img .box h3 {
    font-size: 45px;
    margin-bottom: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.vnt-banner .item .img .box ul {
    display: flex;
    justify-content: center;
}

.vnt-banner .item .img .box ul li span {
    margin: 0 5px;
}

.vnt-banner .item .img .box ul li a {
    color: #fff;
    font-size: 20px;
}

.tabs__content {
    background-color: #0f0f0f;
    padding: 30px 0;
}

.tabs_list {}

.tabs_list .tab_item {
    margin-right: 20px;
    text-align: center;
    margin-bottom: 35px;
}

.tabs_list .tab_item a {
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.tabs_list .tab_item img {
    border-radius: 50%;
    margin-bottom: 10px;
}

@keyframes h-alo-ring-ring {

    0%,
    100%,
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.res {
    background: #f3f3f3;
    padding: 15px 0
}

#nam .section-collection:last-child,
.footer {
    padding-bottom: 20px
}

.res_contact {
    margin: 10px 0
}

.res_contact a {
    font-size: 15px;
    margin-left: 15px
}

.res_contact .phone i {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 24px;
    margin-right: 5px
}

.all,
.bor_box .subcate a {
    line-height: 22px;
    display: inline-block
}

.footer {
    margin-top: 20px;
    background-color: var(--colorFooter);
    padding-top: 60px;
    padding-bottom: 60px;
    color: var(--colorFooterText);
    border-top: 1px solid #e8e8e1;
    /* font-family: 'Times New Roman', Arial, Helvetica, sans-serif !important; */
}

.footer h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 22.4px;
    margin: 0 0 15px;
    text-align: left;
    text-transform: uppercase
}

.footer-content li {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 0
}

.footer-content li a {
    display: block;
    margin-bottom: 6px;
    /* padding-left: 12px; */
    font-size: 14px;
    text-transform: uppercase;
}

.footer .content input {
    padding: 10px 45px 10px 0;
    background-color: #fff;
    background-color: var(--colorFooter);
    color: #000;
    color: var(--colorFooterText);
    max-width: 300px;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid;
    border-bottom-color: #000;
    border-bottom-color: var(--colorFooterText);
}

.copy_right {
    padding-top: 30px;
}

.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 15px;
    z-index: 99
}

.category_footer {
    padding-top: 15px;
    border-top: 1px solid #d6d6d6
}

.category_footer .title_cat {
    font-weight: 700;
    font-size: 14px;
    color: #737373;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px
}

.category_footer .footer_link {
    display: inline-block;
    font-size: 1em;
    margin-right: 10px;
    font-weight: 500;
    padding-left: 12px;
    background: url(../images/arr.png) 0 4px no-repeat
}

.category_footer .footer_link a {
    color: #838383
}

.back-to-top.show {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    transform: rotate(-90deg) translateX(50%) translateY(50%)
}

.back-to-top .btt-icon-back {
    position: absolute;
    bottom: 250%;
    left: 80%;
    transform: translateX(-50%) translateY(0);
    transition: transform .45s cubic-bezier(0, .95, .77, 1);
    will-change: transform
}

.site-search {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.home_top {
    margin-bottom: 20px;
}

.home_top .wap_slider .item img {
    width: 100%;
    height: 100%;
}

.contact .contact__content .contact__content-info ul li,
.productDetail-page .product-detail-wrapper .product-content .hrv-product-reviews-form form .w_content .form-group,
.product_home,
.trademark {
    margin-bottom: 30px
}

.slogan-text {
    display: block;
    background: url(../images/bg_slogan_text.png);
    padding: 21px 0 11px 5px;
    color: #fff
}

.slogan-end {
    background: url(..//images/bg_slogan_end.png) no-repeat;
    width: 40px;
    height: 79px
}

.trademark .list .list_item {
    padding: 0 10px
}

.trademark .list .list_item img {
    max-height: 78px;
    width: 100%;
    height: 100%;
}

#homePage {
    padding-top: 30px
}

.bor_box .top {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid var(--primaryColor);
    overflow: hidden;
    margin-bottom: 5px;
    height: 40px;
    background-color: var(--color2);
    text-transform: uppercase
}

.bor_box .tab_cate h3 {
    background: var(--primaryColor);
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 15px;
    position: relative;
    border-top-left-radius: 3px;
    height: 100%
}

.bor_box .tab_cate h3::after {
    content: '';
    display: block;
    position: absolute;
    border: 20px solid transparent;
    border-left-color: var(--primaryColor);
    right: -40px;
    top: 0
}

.bor_box .tab_right {
    margin: 10px 0;
    padding-right: 15px
}

.bor_box .tab_cate h3 a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff
}

.bor_box .subcate li {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #252a2b
}

.bor_box .subcate a {
    font-size: 11px
}

.all {
    font-size: 12px;
    font-weight: 700
}

.list_product .product__item,
.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .panel-heading {
    padding: 15px
}

.list_product .product__item .i-image {
    /* height: 174px; */
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.list_product .product__item .i-image img {
    height: 100%;
    width: 100%;
}

.list_product .product__item .i-image img:nth-child(2) {
    display: none;
}

.list_product .product__item .i-image:hover img:nth-child(1) {
    display: none;
}

.list_product .product__item .i-image:hover img:nth-child(2) {
    display: block;
}

.list_product .product__item .i-content .i-title a h4 {
    font-size: 16px;
    display: inline;
    line-height: 26px;
    text-transform: uppercase;
}

.i-news {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 6px 5px 6px 7px;
    background-color: red;
    color: #fff;
    z-index: 1;
    transition: opacity .4s ease;
}

.i-saleoff {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 6px 5px 6px 7px;
    background-color: #682d2d;
    color: #fff;
    z-index: 1;
    transition: opacity .4s ease;
}

.list_product .product__item .i-content .i-title {
    font-size: 1em;
    line-height: 1.3;
    margin-bottom: 12px;
    height: 50px;
    overflow: hidden
}

.list_product .product__item .i-content .block_price {
    display: flex;
    align-items: center;
}

.list_product .product__item .i-content .block_price .left {
    display: flex;
    margin-right: 30px;
    align-items: center;


}

.list_product .product__item .i-content .f-price {
    color: #8a8a8a;
    font-size: 11px;
    line-height: 15px;
    text-decoration: line-through;
    margin-right: 10px
}

.list_product .product__item .i-content .block_price .right span {
    color: #c20000;
    color: var(--colorTextSavings);
    margin-left: 5px;
    white-space: nowrap;
    text-transform: uppercase;
}

.category-item .block-category {
    position: relative;
    overflow: hidden
}

.category-item .block-category .link-banner img {
    max-width: 100px
}

.category-item .caption_danhmuc a {
    max-height: 37px;
    overflow: hidden;
    display: inline;
    font-family: Helvetica Neue;
    font-size: 12.6px;
    font-weight: 700;
    line-height: 20.16px;
    text-align: center
}
.blog-content{
    margin-top: 50px;
}
.blog-content .list__blog .blog-loop {
    margin-bottom: 25px
}

.blog-content .list__blog .blog-loop .blog-post-title {
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;

}

.blog-content .list__blog .blog-loop .images {
    margin-bottom: 15px;
}

.blog-content .list__blog .blog-loop .images img {
    width: 100%;
}

.blog-content .list__blog .blog-loop .i-content .des {
    display: -webkit-inline-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
}

#introduce .sidebar-page .group-menu {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec
}

#introduce .sidebar-page .group-menu_title h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    text-align: center
}

#introduce .sidebar-page .group-menu__list>ul>li>a {
    color: #252a2b;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px
}

.contact .contact__content {
    padding: 50px
}

.contact .contact__content .contact__content-title h1 {
    position: relative
}

.contact .contact__content .contact__content-title h1:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 30px;
    background: #252a2b;
    margin-bottom: 50px
}

.contact .contact__content .contact__content-form h2 {
    font-weight: 700;
    font-size: 25px;
    margin: 40px 0 35px;
    position: relative
}

.contact .contact__content .contact__content-form h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #252a2b
}

.contact .contact__content .contact__content-form form .contact-form .input-group {
    width: 100%;
    margin-bottom: 20px
}

.contact .contact__content .contact__content-form form .contact-form .input-group input,
.contact .contact__content .contact__content-form form .contact-form .input-group textarea {
    border: 1px solid #e7e7e7;
    box-shadow: none;
    height: 45px;
    font-weight: 500;
    padding: 0 20px;
    background: #fbfbfb;
    color: #252a2b;
    width: 100%
}

.contact .contact__content .contact__content-form form .contact-form .input-group input:focus,
.contact .contact__content .contact__content-form form .contact-form .input-group textarea:focus {
    border-color: #e7e7e7
}

.contact .contact__content .contact__content-form form .contact-form .input-group input:focus-visible,
.contact .contact__content .contact__content-form form .contact-form .input-group textarea:focus-visible {
    border-color: #e7e7e7
}

.contact .contact__content .contact__content-form form .contact-form .input-group textarea {
    width: 100%;
    height: 130px;
    padding: 20px
}

.blogs__detail .blog__detail-content .name-blog {
    margin: 20px 0;
    font-size: 24px;
    text-transform: uppercase
}

.blogs__detail .blog__detail-content .blog-info-more li {
    opacity: .85;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600
}

.blogs__detail .blog__detail-content .post-navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.productDetail-page .product-detail-wrapper .productDetail-gallery .product-gallery .product-gallery__thumbs {
    width: 10%;
    margin-right: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-bottom: 1px
}

.productDetail-page .product-detail-wrapper .productDetail-gallery .product-gallery .product-image-detail {
    width: 85%;
    padding-left: 10px;
    position: relative;
    max-width: 150vh;
    margin: 0 auto
}

.productDetail-page .product-detail-wrapper .product-content .product-title .sku_available {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.productDetail-page .product-detail-wrapper .product-content .product-title .pro-soldold {
    background: #dc1e1e;
    padding: 3px 10px;
    color: #fff
}

.productDetail-page .product-detail-wrapper .product-content .product-price {
    padding: 10px 0;
    border-bottom: 1px dotted #dfe0e1
}

.productDetail-page .product-detail-wrapper .product-content .product-price span {
    font-size: 18px;
    opacity: .92;
    font-weight: 700
}

.productDetail-page .product-detail-wrapper .product-content .recommend_title {
    font-size: 12px;
    line-height: 18px;
    color: #252a2b;
    margin: 10px 0;
    font-weight: 600
}

.productDetail-page .product-detail-wrapper .product-content .add-item-form {
    margin-top: 15px
}

.productDetail-page .product-detail-wrapper .product-content .add-item-form .control {
    display: flex;
    margin-bottom: 20px
}

.productDetail-page .product-detail-wrapper .product-content .add-item-form .control input#quantity {
    background: #fff;
    font-weight: 600;
    height: 41px;
    padding: 0;
    text-align: center;
    width: 70px;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    -webkit-appearance: none
}

.productDetail-page .product-detail-wrapper .product-content .add-item-form .control span {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: 0;
    height: 41px;
    width: 41px;
    text-align: center;
    border-radius: 0;
    line-height: 41px
}

.productDetail-page .product-detail-wrapper .product-content .add-item-form .wrap-addcart .add-to-cartProduct {
    border: 1px solid #333;
    background-color: #333;
    width: 100%;
    padding: 13px 10px;
    margin-top: 10px;
    line-height: 30px;
    font-weight: 700;
    font-size: 14px
}

.productDetail-page .product-detail-wrapper .product-content .policy-products ul li img {
    width: 30px;
    object-fit: cover
}

.productDetail-page .product-detail-wrapper .product-content .policy-products ul li .infoPolicy {
    margin: 10px 0 0 15px
}

.productDetail-page .product-detail-wrapper .product-content .policy-products ul li .infoPolicy .ship-cart {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600
}

.productDetail-page .product-detail-wrapper .product-content .panel-group .panel {
    border-bottom: 1px solid #e7e7e7
}

.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .panel-heading.active .panel-title a::before {
    content: "\f107";
    transition: .5s
}

.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .panel-heading .panel-title {
    font-size: 13px;
    font-weight: 500;
    margin: 0 -15px
}

.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .panel-heading .panel-title a {
    position: relative;
    display: block
}

.productDetail-page .product-detail-wrapper .product-content .panel-group .panel .panel-heading .panel-title a:before {
    content: "\f105";
    position: absolute;
    top: 0;
    right: 10px;
    width: 10px;
    text-align: center;
    font: 14px/1 FontAwesome;
    font-size: large;
    text-rendering: auto;
    transition: .5s
}

.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-summary {
    border: 1px solid #e0e0e0
}

.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-summary .hrv-prv-summary-score {
    width: 200px;
    text-align: center
}

.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-summary .hrv-prv-detail-score {
    border-left: 1px solid #e0e0e0;
    padding: 10px
}

.productDetail-page .product-detail-wrapper .product-content #product-reviews-sub .hrv-product-reviews-head {
    padding: 10px;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin-top: 10px
}

.productDetail-page .product-detail-wrapper .product-content .hrv-product-reviews-form h3 {
    padding-top: 30px;
    padding-left: 9px;
    text-transform: uppercase;
    font-size: 20px
}

.productDetail-page .product-detail-wrapper .product-content .hrv-product-reviews-form form .w_content .form-group input,
.productDetail-page .product-detail-wrapper .product-content .hrv-product-reviews-form form .w_content .form-group select,
.productDetail-page .product-detail-wrapper .product-content .hrv-product-reviews-form form .w_content .form-group textarea {
    padding: 10px;
    width: 100%;
    border: 1px solid #e0e0e0
}

.alert {
    line-height: 18px;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, .2);
    border: none;
    max-width: 300px;
    color: #000 !important;
    position: fixed;
    top: 77px;
    z-index: 2000;
    left: initial;
    background-color: #fff !important;
    right: 500px;
    text-align: center
}

.alert:before {
    background-color: #2bde3f;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.add-to-cart-success .close {
    opacity: .8;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.add-to-cart-success .btn {
    padding: 8px 16px;
    margin: 0 10px;
    background: #5ad3c0;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    border-radius: 4px;
    text-align: center;
    border: 0;
    cursor: pointer
}

.modal {
    height: 100vh;
    overflow: hidden
}

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

.modal-header .icon-box {
    text-align: center;
    width: 100%
}

.modal-header .icon-box i {
    font-size: 50px;
    color: var(--secondColor)
}

.fixedposicon {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 20
}

.fixedposicon a {
    display: block;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, .7);
    border-radius: 50%;
    border: 2px solid transparent;
    transition: .5s;
    transform-origin: 50% 50%;
    animation: 1.3s infinite zoom;
    display: flex
}

.fixedposicon a img {
    width: 100%;
    height: 100%
}

.fixedposicon a.fb,
.fixedposicon a.zalo {
    box-shadow: 0 0 0 0 rgb(24 119 242 / 65%);
    background-color: rgb(24 119 242 / 70%)
}

.fixedposicon a.map {
    box-shadow: 0 0 0 0 #48b564a3;
    background-color: #48b564a3
}

.wrap_login .form-control {
    padding: 14px 7px;
}

.btn-login {
    line-height: 1.42;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--buttonRadius);
    color: #fff;
    color: var(--colorBtnPrimaryText);
    background: #ff4f33;
    margin-bottom: 10px;
    background: var(--colorBtnPrimary);
}

.form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

@media screen and (max-width:1199px) {
    .header_top .container-fluid {
        justify-content: initial;
    }

    .logo img {
        max-width: 100px;
    }

    .header .menu nav ul>li>a {
        font-size: 11px
    }

    .mainmenu ul>li>a {
        font-size: 14px;
    }
}

@media screen and (max-width:991.999px) {
    .header_top .container-fluid {
        justify-content: space-between;
    }

    .top_bar-left>div {
        width: 43%;
        margin-bottom: 20px
    }

    .header_top .container {
        justify-content: initial
    }

    .header_top .mainmenu {
        display: none;
    }

    .logo {
        width: 20%
    }

    .header-wrap-icon .icon #homePage {
        padding-top: 0
    }

    .header-wrap-icon .icon.btn_menu {
        display: block;
    }

    .form_search .wp_form input {
        height: 60px;
    }

    .vnt-banner .item .img .box h3 {
        font-size: 20px;
        line-height: 35px;
    }

    .footer {
        padding: 20px 0;
    }

    .copy_right {
        margin-top: 20px;
    }

    .footer h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:767px) {
    .page-width {
        padding: 0 17px;
    }

    .vnt-banner .item .img .box h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .list_product .product__item .i-image {}

    .list_product .product__item .i-content .i-title a h4 {
        font-size: 16px;
    }

    .list_product .product__item .i-content .i-title {
        height: initial;
    }

    .footer h4 {
        font-size: 18px;
    }

    .footer-content {
        font-size: 16px;
    }

    .footer-content li a {
        font-size: 16px;
        text-transform: uppercase;
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

#myModal {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;

}