img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}


.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
    background-color: #e60808;
}

#phone-vr .phone-vr-circle-fill {
    opacity: 0.7;
    box-shadow: 0 0 0 0 #e60808;
}

.phone-bar2 a,
#phone-vr2 .phone-vr-circle-fill,
#phone-vr2 .phone-vr-img-circle,
#phone-vr2 .phone-bar a {
    background-color:;
}

#phone-vr2 .phone-vr-circle-fill {
    opacity: 0.7;
    box-shadow: 0 0 0 0;
}

.phone-bar3 a,
#phone-vr3 .phone-vr-circle-fill,
#phone-vr3 .phone-vr-img-circle,
#phone-vr3 .phone-bar a {
    background-color:;
}

#phone-vr3 .phone-vr-circle-fill {
    opacity: 0.7;
    box-shadow: 0 0 0 0;
}




#contact-vr .phone-vr-circle-fill,
#contact-vr .phone-vr-img-circle {
    background-color: #00adef;
}

#contact-vr .phone-vr-circle-fill {
    opacity: 0.7;
    box-shadow: 0 0 0 0 #00adef;
}



#button-contact-vr {
    transform: scale(1);
}



#button-contact-vr {
    bottom: 5%;
}



.phone-vr-img-circle {
    animation: none;
}

.phone-vr-circle-fill {
    animation: none;
}


#text-371703030 {
    font-size: 0.75rem;
    text-align: center;
}

@media (min-width: 550px) {
    #text-371703030 {
        font-size: 0.9rem;
    }
}

#image_2028774408 {
    width: 100%;
}

#section_1008925876 {
    padding-top: 0px;
    padding-bottom: 0px;
}



#gap-507947436 {
    padding-top: 32px;
}

@media (min-width: 550px) {
    #gap-507947436 {
        padding-top: 30px;
    }
}




#text-3230448524 {
    font-size: 0.95rem;
}

@media (min-width: 550px) {
    #text-3230448524 {
        font-size: 0.9rem;
    }
}

@media (min-width: 850px) {
    #text-3230448524 {
        font-size: 1rem;
    }
}


#gap-741235367 {
    padding-top: 0px;
}

@media (min-width: 550px) {
    #gap-741235367 {
        padding-top: 68px;
    }
}

@media (min-width: 850px) {
    #gap-741235367 {
        padding-top: 50px;
    }
}



#section_1400229305 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(119, 119, 119);
}

@media (min-width: 550px) {
    #section_1400229305 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}



#image_327250180 {
    width: 100%;
}


#gap-1920033047 {
    padding-top: 15px;
}


#text-3353537825 {
    font-size: 0.75rem;
}

@media (min-width: 550px) {
    #text-3353537825 {
        font-size: 0.9rem;
    }
}


#gap-504413164 {
    padding-top: 15px;
}



#col-978703391 > .col-inner {
    padding: 0px 20px 0px 20px;
}

@media (min-width: 550px) {
    #col-978703391 > .col-inner {
        padding: 0px 30px 0px 30px;
    }
}

@media (min-width: 850px) {
    #col-978703391 > .col-inner {
        padding: 0px 50px 0px 50px;
    }
}



#section_742837486 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(119, 119, 119);
}


#gap-818288716 {
    padding-top: 30px;
}



#text-3316596635 {
    font-size: 1.25rem;
    color: rgb(255, 255, 255);
}

#text-3316596635 > * {
    color: rgb(255, 255, 255);
}

@media (min-width: 550px) {
    #text-3316596635 {
        font-size: 1.25rem;
    }
}

#gap-1099794877 {
    padding-top: 10px;
}



#text-3271227853 {
    font-size: 0.85rem;
    line-height: 1.5;
    text-align: left;
    color: rgb(255, 255, 255);
}

#text-3271227853 > * {
    color: rgb(255, 255, 255);
}

@media (min-width: 550px) {
    #text-3271227853 {
        font-size: 0.9rem;
    }
}

@media (min-width: 850px) {
    #text-3271227853 {
        font-size: 0.9rem;
    }
}



#col-1742891931 > .col-inner {
    padding: 0px 0px 0px 0px;
}

@media (min-width: 550px) {
    #col-1742891931 > .col-inner {
        padding: 0px 0px 0px 0px;
    }
}

@media (min-width: 850px) {
    #col-1742891931 > .col-inner {
        padding: 0px 70px 0px 0px;
    }
}


#text-1024899246 {
    font-size: 1.25rem;
    color: rgb(255, 255, 255);
}

#text-1024899246 > * {
    color: rgb(255, 255, 255);
}

@media (min-width: 550px) {
    #text-1024899246 {
        font-size: 1.2rem;
    }
}

#gap-2034596821 {
    padding-top: 10px;
}


#text-2514315178 {
    font-size: 0.85rem;
    line-height: 1.5;
    color: rgb(255, 255, 255);
}

#text-2514315178 > * {
    color: rgb(255, 255, 255);
}

@media (min-width: 550px) {
    #text-2514315178 {
        font-size: 0.9rem;
    }
}

@media (min-width: 850px) {
    #text-2514315178 {
        line-height: 1.5;
    }
}


#text-535661288 {
    font-size: 1.25rem;
    color: rgb(255, 255, 255);
}

#text-535661288 > * {
    color: rgb(255, 255, 255);
}

@media (min-width: 550px) {
    #text-535661288 {
        font-size: 1.2rem;
    }
}

#gap-733955736 {
    padding-top: 15px;
}

@media (min-width: 850px) {
    #gap-733955736 {
        padding-top: 35px;
    }
}



#section_690531964 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(0, 0, 0);
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300 900;
    font-display: fallback;
    src: url(../fonts/Inter-VariableFont_slnt,wght.woff2) format("woff2");
    font-stretch: normal;
}

@font-face {
    font-family: Cardo;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/cardo_normal_400.woff2) format("woff2");
}

@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(../fonts/fl-icons.eot?v=3.19.6);
    src: url(../fonts/fl-icons.eot#iefix?v=3.19.6) format("embedded-opentype"), url(../fonts/fl-icons.woff2?v=3.19.6) format("woff2"), url(../fonts/fl-icons.ttf?v=3.19.6) format("truetype"), url(../fonts/fl-icons.woff?v=3.19.6) format("woff"), url(../fonts/fl-icons.svg?v=3.19.6#fl-icons) format("svg");
}


.woocommerce form .form-row .required {
    visibility: visible;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}


:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px;
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
}

@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px;
    }
}

.wp-element-button {
    cursor: pointer;
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}

    :root .has-very-light-gray-background-color {
        background-color: #eee;
    }

    :root .has-very-dark-gray-background-color {
        background-color: #313131;
    }

    :root .has-very-light-gray-color {
        color: #eee;
    }

    :root .has-very-dark-gray-color {
        color: #313131;
    }

    :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
        background: linear-gradient(135deg, #00d084, #0693e3);
    }

    :root .has-purple-crush-gradient-background {
        background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
    }

    :root .has-hazy-dawn-gradient-background {
        background: linear-gradient(135deg, #faaca8, #dad0ec);
    }

    :root .has-subdued-olive-gradient-background {
        background: linear-gradient(135deg, #fafae1, #67a671);
    }

    :root .has-atomic-cream-gradient-background {
        background: linear-gradient(135deg, #fdd79a, #004a59);
    }

    :root .has-nightshade-gradient-background {
        background: linear-gradient(135deg, #330968, #31cdcf);
    }

    :root .has-midnight-gradient-background {
        background: linear-gradient(135deg, #020381, #2874fc);
    }

.has-regular-font-size {
    font-size: 1em;
}

.has-larger-font-size {
    font-size: 2.625em;
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal);
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge);
}

.has-text-align-center {
    text-align: center;
}

.has-text-align-left {
    text-align: left;
}

.has-text-align-right {
    text-align: right;
}

#end-resizable-editor-section {
    display: none;
}

.aligncenter {
    clear: both;
}

.items-justified-left {
    justify-content: flex-start;
}

.items-justified-center {
    justify-content: center;
}

.items-justified-right {
    justify-content: flex-end;
}

.items-justified-space-between {
    justify-content: space-between;
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

    .screen-reader-text:focus {
        background-color: #ddd;
        clip-path: none;
        color: #444;
        display: block;
        font-size: 1em;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
    }

html :where(.has-border-color) {
    border-style: solid;
}

html :where([style*="border-top-color"]) {
    border-top-style: solid;
}

html :where([style*="border-right-color"]) {
    border-right-style: solid;
}

html :where([style*="border-bottom-color"]) {
    border-bottom-style: solid;
}

html :where([style*="border-left-color"]) {
    border-left-style: solid;
}

html :where([style*="border-width"]) {
    border-style: solid;
}

html :where([style*="border-top-width"]) {
    border-top-style: solid;
}

html :where([style*="border-right-width"]) {
    border-right-style: solid;
}

html :where([style*="border-bottom-width"]) {
    border-bottom-style: solid;
}

html :where([style*="border-left-width"]) {
    border-left-style: solid;
}

html :where(img[class*="wp-image-"]) {
    height: auto;
    max-width: 100%;
}

:where(figure) {
    margin: 0 0 1em;
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}

@media screen and (max-width: 600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px;
    }
}


:root {
    --primary-color: #cc0000;
    --fs-color-primary: #cc0000;
    --fs-color-secondary: #00adef;
    --fs-color-success: #a5a5a5;
    --fs-color-alert: #ec0303;
    --fs-experimental-link-color: #00adef;
    --fs-experimental-link-color-hover: #1e73be;
}

.tooltipster-base {
    --tooltip-color: #fff;
    --tooltip-bg-color: #000;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    --drawer-width: 300px;
}

.off-canvas .mfp-content.off-canvas-cart {
    --drawer-width: 360px;
}

.header-main {
    height: 70px
}

#logo img {
    max-height: 70px
}

#logo {
    width: 200px;
}

.header-bottom {
    min-height: 55px
}

.header-top {
    min-height: 30px
}

.transparent .header-main {
    height: 70px
}

.transparent #logo img {
    max-height: 70px
}

.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 70px;
}

.header.show-on-scroll, .stuck .header-main {
    height: 70px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.header-bg-color {
    background-color: #ffffff
}

.header-bottom {
    background-color: #f1f1f1
}

.top-bar-nav > li > a {
    line-height: 15px
}

.header-main .nav > li > a {
    line-height: 50px;
    font-size: 18px;
    font-weight: 900;
}

.header-bottom-nav > li > a {
    line-height: 16px
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

.header-top {
    background-color: #0077ef !important;
}

body {
    color: #353535
}

h1, h2, h3, h4, h5, h6, .heading-font {
    color: #000000;
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: Roboto, sans-serif;
}

body {
    font-weight: 400;
    font-style: normal;
}

.nav > li > a {
    font-family: Roboto, sans-serif;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: Roboto, sans-serif;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
    font-style: normal;
}

.alt-font {
    font-family: Roboto, sans-serif;
}

.alt-font {
    font-weight: 400 !important;
    font-style: normal !important;
}

.header:not(.transparent) .top-bar-nav > li > a {
    color: #ffffff;
}

.header:not(.transparent) .top-bar-nav.nav > li > a:hover, .header:not(.transparent) .top-bar-nav.nav > li.active > a, .header:not(.transparent) .top-bar-nav.nav > li.current > a, .header:not(.transparent) .top-bar-nav.nav > li > a.active, .header:not(.transparent) .top-bar-nav.nav > li > a.current {
    color: #ffffff;
}

.top-bar-nav.nav-line-bottom > li > a:before, .top-bar-nav.nav-line-grow > li > a:before, .top-bar-nav.nav-line > li > a:before, .top-bar-nav.nav-box > li > a:hover, .top-bar-nav.nav-box > li.active > a, .top-bar-nav.nav-pills > li > a:hover, .top-bar-nav.nav-pills > li.active > a {
    color: #FFF !important;
    background-color: #ffffff;
}

.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #595959;
}

    .header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
        color: #cc0000;
    }

.header-nav-main.nav-line-bottom > li > a:before, .header-nav-main.nav-line-grow > li > a:before, .header-nav-main.nav-line > li > a:before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a {
    color: #FFF !important;
    background-color: #cc0000;
}

.badge-inner.on-sale {
    background-color: #ffffff
}

.price del, .product_list_widget del, del .woocommerce-Price-amount {
    color: #898989;
}

ins .woocommerce-Price-amount {
    color: #cc0000;
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 765px !important;
        width: 765px !important;
    }
}

.footer-2 {
    background-color: #8c8c8c
}

.absolute-footer, html {
    background-color: #000000
}

.page-title-small + main .product-container > .row {
    padding-top: 0;
}

.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}
/* Custom CSS */

h1.product-title.product_title.entry-title {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 200%;
}

bdi {
    color: #cc0000;
    font-weight: normal;
}
/*menu-pc*/

.header-main .nav > li > a {
    font-weight: normal;
}
/*menu-b*/

.header-button .button {
    margin: 0;
    font-weight: normal;
}
/*menu-m*/

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    font-weight: normal;
    text-transform: initial;
    font-size: 105%;
}
/*tieu-de-blog*/

a.plain {
    font-weight: normal;
}

input.wpcf7-form-control.wpcf7-submit {
    font-weight: normal;
}

.button {
    font-weight: normal;
}

.hahss {
    font-weight: normal;
    text-transform: uppercase;
}

.hbhss {
    font-weight: normal;
}
/*Style cho H*/

h1 {
    font-weight: normal;
    text-transform: uppercase;
}

h2 {
    font-weight: normal;
    text-transform: uppercase;
}

h3 {
    font-weight: normal;
    text-transform: uppercase;
}
/*VR*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

#customers {
    border-collapse: collapse;
    width: 100%;
}

    #customers td, #customers th {
        border: 2px solid #f2f2f2;
        padding: 8px;
    }

    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #customers tr:hover {
        background-color: #ddd;
    }

    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #262170;
        color: white; /* Table-e*/
        .label-new.menu-item > a:after;

{
    content: "Mới";
}

.label-hot.menu-item > a:after {
    content: "Nổi bật";
}

.label-sale.menu-item > a:after {
    content: "Giảm giá";
}

.label-popular.menu-item > a:after {
    content: "Phổ biến";
}

#btn-dangky-laithu {
    padding: 14px 28px;
    font-size: 18px;
    border-radius: 8px;
    background-color: #fff !important;
    color: #d10000 !important;
    border: 2px solid #d10000 !important;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

    #btn-dangky-laithu:hover {
        background-color: #d10000 !important;
        color: #fff !important;
    }