@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(fonts/fl-icons.eot?v=3.18.7);
    src: url(fonts/fl-icons.eot#iefix?v=3.18.7) format("embedded-opentype"), url(fonts/fl-icons.woff2?v=3.18.7) format("woff2"), url(fonts/fl-icons.ttf?v=3.18.7) format("truetype"), url(fonts/fl-icons.woff?v=3.18.7) format("woff"), url(fonts/fl-icons.svg?v=3.18.7#fl-icons) format("svg")
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300 900;
    font-display: fallback;
    src: url('fonts/inter.woff2') format('woff2');
    font-stretch: normal
}

@font-face {
    font-family: Cardo;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url('fonts/cardo.woff2') format('woff2')
}
:root {
    --primary-color: #ff5900;
    --fs-color-primary: #ff5900;
    --fs-color-secondary: #1e73be;
    --fs-color-success: #0dc389;
    --fs-color-alert: #1e73be;
    --fs-experimental-link-color: #333;
    --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
}

html {
    background-color: #fff0f0 !important
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1270px
}

.row.row-collapse {
    max-width: 1240px
}

.row.row-small {
    max-width: 1262.5px
}

.row.row-large {
    max-width: 1300px
}

.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
    background-color: #fff0f0
}

.header-main {
    height: 98px
}

#logo img {
    max-height: 98px
}

#logo {
    width: 241px
}

#logo img {
    padding: 2px 0
}

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

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

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

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

.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: 170px
}

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

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

.search-form {
    width: 85%
}

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

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

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

.stuck .header-main .nav>li>a {
    line-height: 50px
}

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

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

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

body {
    color: #000
}

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

body {
    font-size: 98%
}

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

body {
    font-family: Inter, sans-serif
}

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

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

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

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

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

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

.alt-font {
    font-family: initial
}

.breadcrumbs {
    text-transform: none
}

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

.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: #fff
}

.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: #fff
}

.header:not(.transparent) .header-bottom-nav.nav>li>a {
    color: #000
}

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

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

.has-equal-box-heights .box-image {
    padding-top: 100%
}

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

.star-rating span:before,
.star-rating:before,
.woocommerce-page .star-rating:before,
.stars a:hover:after,
.stars a.active:after {
    color: #d3d321
}

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

.header-main .social-icons,
.header-main .cart-icon strong,
.header-main .menu-title,
.header-main .header-button>.button.is-outline,
.header-main .nav>li>a>i:not(.icon-angle-down) {
    color: #ffffff !important
}

.header-main .header-button>.button.is-outline,
.header-main .cart-icon strong:after,
.header-main .cart-icon strong {
    border-color: #ffffff !important
}

.header-main .header-button>.button:not(.is-outline) {
    background-color: #ffffff !important
}

.header-main .current-dropdown .cart-icon strong,
.header-main .header-button>.button:hover,
.header-main .header-button>.button:hover i,
.header-main .header-button>.button:hover span {
    color: #FFF !important
}

.header-main .menu-title:hover,
.header-main .social-icons a:hover,
.header-main .header-button>.button.is-outline:hover,
.header-main .nav>li>a:hover>i:not(.icon-angle-down) {
    color: #ffffff !important
}

.header-main .current-dropdown .cart-icon strong,
.header-main .header-button>.button:hover {
    background-color: #ffffff !important
}

.header-main .current-dropdown .cart-icon strong:after,
.header-main .current-dropdown .cart-icon strong,
.header-main .header-button>.button:hover {
    border-color: #ffffff !important
}

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

.header-vertical-menu__opener {
    color: #111
}

.header-vertical-menu__opener {
    background-color: #fff
}

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

.header-bottom {
    padding: 3px 0
}

.header-bottom .nav-outline>li.active>a {
    border: none
}

.header-vertical-menu__opener {
    height: 42px;
    border-radius: 99px;
    padding: 12px 15px 12px 6px
}

.header-vertical-menu__opener .icon-menu {
    background: #ff5900;
    border-radius: 99px;
    width: 33px;
    height: 33px;
    color: #fff;
    line-height: 1.3
}

.header-vertical-menu__opener .icon-menu:before {
    padding: 4.7px
}

.header-vertical-menu .header-vertical-menu__fly-out {
    border-radius: 10px;
    margin-top: 10px
}

.header-vertical-menu__fly-out.has-shadow {
    box-shadow: rgba(0, 0, 0, .1) 0px 4px 12px
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    padding: 9px 15px;
    color: #111;
    font-size: .95em;
    font-weight: 600
}

.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
    min-height: 100%;
    border-radius: 10px;
    border: none;
    margin-left: 10px
}

.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    color: #111;
    font-size: .95em;
    font-weight: 600
}

.header:not(.transparent) .header-bottom-nav.nav>li.active>a {
    padding: 18px 20px
}

.headerlienhe .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: .5em
}

.headerlienhe .is-small,
.headerlienhe .is-small.button {
    font-size: .9em
}

.row-small.headerlienhe>.col {
    padding-bottom: 0
}

.top-bar-nav #header-contact.nav-uppercase>li>a {
    text-transform: unset
}

.flickity-slider img {
    border-radius: 10px
}

ul.sub-menu.nav-dropdown.nav-dropdown-default .menu-item {
    width: 200px
}

@media (min-width:850px) {
    header#header .nav-dropdown {
        display: block
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0/15%);
        box-shadow: 1px 1px 15px rgb(0 0 0/15%)
    }

    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        border-bottom: 1px solid #ececec;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
        color: #111;
        font-size: .95em;
        font-weight: 600
    }

    header#header .nav-dropdown li:hover>ul.sub-menu {
        display: block !important;
        border-radius: 10px;
        margin-left: 0
    }

    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative
    }

    header#header .nav-dropdown li.menu-item-has-children>a {
        text-transform: none
    }

    header#header .nav-dropdown li.active>a {
        color: #e82c2a
    }
}

.entry-content a,
.tabbed-content a {
    color: #225897
}

.searchform-wrapper.ux-search-box.relative.search-404.form-flat.is-normal {
    border: 1px solid;
    border-radius: 16px;
    border-color: rgba(0, 0, 0, .09);
    background-color: rgba(0, 0, 0, .03)
}

.saboxplugin-tab.saboxplugin-tab-about {
    border: 1px solid;
    border-radius: 8px;
    margin-top: 15px
}

.devvn_readmore_flatsome a {
    color: #ff5900
}

.devvn_readmore_flatsome a:after {
    border-top: 6px solid #ff5900
}

.single-post span.post_comments.op-7.block.is-xsmall {
    display: none
}

blockquote {
    border-left: 5px solid #005e9c;
    position: relative;
    background: #eaf4ff;
    padding: 20px 20px 15px 60px;
    margin: 20px 0;
    border-radius: 10px;
    font-size: 17px;
    line-height: 1.5;
    color: #333
}

blockquote p {
    margin-bottom: 0
}

blockquote:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2025/05/ic-quote.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.devvn_readmore_taxonomy_flatsome {
    background: #ffffff00 !important
}

.single-post table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
    color: #000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
    border-radius: 7px;
    overflow: hidden
}

.single-post table tbody tr:first-child td {
    background-color: #3c7df0;
    color: #fff !important;
    font-weight: 600
}

.single-post table tbody tr:first-child td * {
    color: #fff !important
}

.single-post table td {
    border: 1px solid #ccc;
    padding: 12px 16px;
    vertical-align: middle;
    color: #000
}

.single-post table td strong {
    font-weight: 600;
    color: inherit
}

.single-post table tbody tr:nth-child(even):not(:first-child) {
    background-color: #f5f9ff
}

.single-post table tbody tr:hover {
    background-color: #e6f0ff
}

.saboxplugin-gravatar img {
    border-radius: 6px !important
}

.term-description li {
    margin-bottom: .6em;
    margin-left: 15px
}

.ss_tintuc .post-item .box-text,
.blog-archive .post-item .box-text {
    background-color: #fff
}

img.ux-logo-image.block {
    border-radius: 5px;
    border: 1px solid #e9ebf8;
    background: #fafafa
}

.blog-single .accordion-title {
    padding-bottom: 0;
    margin-bottom: -10px
}

.blog-single .accordion-inner {
    padding-bottom: 0 !important
}

blockquote a {
    font-weight: 700
}

.label-new.menu-item>a:after {
    content: "Mới"
}

.label-hot.menu-item>a:after {
    content: "Thịnh hành"
}

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

.label-popular.menu-item>a:after {
    content: "Phổ biến"
}
.breadcrumbs {
    text-transform: uppercase;
    color: #222;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0
}

#breadcrumbs {
    margin-bottom: 15px;
    font-size: 14px;
    color: gray;
    text-transform: none
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--primary: #ff5900;
    --wp--preset--color--secondary: #1e73be;
    --wp--preset--color--success: #0dc389;
    --wp--preset--color--alert: #1e73be;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-family--inter: "Inter", sans-serif;
    --wp--preset--font-family--cardo: Cardo;
    --wp--preset--spacing--20: .44rem;
    --wp--preset--spacing--30: .67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000;
    --wp--preset--shadow--crisp: 6px 6px 0px #000
}

:where(body) {
    margin: 0
}

.wp-site-blocks>.alignleft {
    float: left;
    margin-right: 2em
}

.wp-site-blocks>.alignright {
    float: right;
    margin-left: 2em
}

.wp-site-blocks>.aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

.is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em
}

.is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0
}

.is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important
}

.is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em
}

.is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0
}

.is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important
}

.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: auto !important;
    margin-right: auto !important
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex>:is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid>:is(*, div) {
    margin: 0;
}
body {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
    background-color: #d33
}

#phone-vr .phone-vr-circle-fill {
    opacity: .7;
    box-shadow: 0 0 0 0 #d33;
}

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

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

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

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

.single-product div#tab-description {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px
}

.fix_height {
    max-height: 800px;
    overflow: hidden;
    position: relative
}

.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important
}

.devvn_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: #fff
}

.devvn_readmore_flatsome:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff', GradientType=0);
    display: block
}

.devvn_readmore_flatsome a {
    color: #1e73be;
    display: block
}

.devvn_readmore_flatsome a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #1e73be;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px
}

.devvn_readmore_flatsome_less a:after {
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1e73be
}

.devvn_readmore_flatsome_less:before {
    display: none
}
#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 9990;
}
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#instagram-vr .phone-vr-circle-fill {
    background: #118ffd;
    background: linear-gradient(
        160deg,
        rgba(17, 143, 253, 1) 20%,
        rgba(188, 60, 218, 1) 50%,
        rgba(253, 223, 5, 1) 80%
        );
    background-size: contain;
    box-shadow: 0 0 0 0 #c840c9;
    background-color: #4f;
    border: 0;
}
#instagram-vr .phone-vr-img-circle {
    background: 0 0;
}
#telegram-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(44 159 216/74%);
}
#telegram-vr .phone-vr-img-circle {
    background: #2c9fd8;
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(0.9);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent;
    }
    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes zoom {
    0% {
        transform: scale(0.9);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent;
    }
    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 transparent;
    }
}
.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
}
@media (max-width: 736px) {
    .phone-bar {
        display: none;
    }
}
#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196f3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196f3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196f3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196f3;
}
div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1fd744;
    background-color: rgb(35 217 72/70%);
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle {
    background: #1cd741;
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}
#fanpage-vr img {
    max-width: 35px;
    max-height: 35px;
}
#fanpage-vr .phone-vr-img-circle {
    background-color: #1877f2;
}
#fanpage-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24 119 242/65%);
    background-color: rgb(24 119 242/70%);
}
#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}
#popup-showroom-vr,
div#popup-form-contact-vr {
    display: none;
}
#popup-showroom-vr.active,
div#popup-form-contact-vr.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
}
.bg-popup-vr {
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(51 51 51/50%);
    width: 100%;
    height: 100vh;
}
.content-popup-vr {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    border-radius: 5px;
    box-shadow: 0 0 14px 5px rgb(0 0 0/49%);
    max-width: 600px;
    display: flex;
}
.content-popup-vr input,
.content-popup-vr textarea {
    width: 100%;
    max-height: 100px;
    min-height: 38px;
    border: 1px solid #b1b1b1;
    margin-bottom: 10px;
    padding: 0 7px;
    background: #fff;
}
.content-popup-vr label {
    width: 100%;
}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit {
    max-width: fit-content;
    padding: 5px 32px 2px;
    background: #2196f3;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 10px auto 0;
    display: block;
    box-shadow: 0 0 5px 1px rgb(0 0 0/29%);
    font-weight: 400;
    min-height: auto;
    line-height: 30px;
}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.7;
}
.content-popup-vr .close-popup-vr {
    font-family: sans-serif;
    width: 23px;
    height: 23px;
    background: #000;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    font-size: 17px;
    border-radius: 50%;
    cursor: pointer;
}
.content-popup-vr .close-popup-vr:hover {
    background: #b50000;
}
.content-popup-vr .content-popup-div-vr {
    width: 100%;
    padding: 25px;
}
.content-popup-vr .content-popup-img-vr {
    width: 100%;
    max-width: 45%;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}
#loco-top,
#loco-bottom {
    display: block;
}
#loco-top .content-popup-img-vr,
div#popup-form-contact-vr #loco-bottom .content-popup-img-vr {
    max-width: 100%;
    text-align: center;
}
#contact-showroom.no-event a {
    pointer-events: none;
}
.content-popup-vr .content-popup-div-vr ul {
    color: #333;
    list-style: none;
    font-size: 15px;
}
@media (max-width: 673px) {
    div#popup-form-contact-vr .content-popup-vr {
        display: block;
    }
    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr {
        max-width: 100%;
        display: none;
    }
}
#ftiktok-vr .phone-vr-img-circle {
    background-color: #020202;
}
#tiktok-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(2 2 2/55%);
    background-color: rgb(2 2 2/60%);
}
#tiktok-vr .phone-vr-img-circle img {
    max-width: 90%;
    max-height: 90%;
}
#tiktok-vr .phone-vr-img-circle {
    background: #020202;
}
#messenger-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #6a4ffe;
    background-color: rgb(106 79 254/50%);
}
#messenger-vr .phone-vr-img-circle {
    background-color: #6a4ffe;
}
#messenger-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
}
.header-vertical-menu__fly-out {
    width: 290px;
}
#section_1108955618 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#section_1942366535 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_600205951 {
    padding-top: 15px;
    padding-bottom: 15px;
}
#section_1616799694 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.home .header-vertical-menu__fly-out{
    opacity: 1;
    visibility: visible;
}
.shop-page-title.featured-title .title-bg {
    background-image: url(img/bg_banchay.jpg) !important
}

@media screen and (min-width:550px) {
    .products .box-vertical .box-image {
        min-width: 350px !important;
        width: 350px !important
    }
}
.mb-2{
    margin-bottom: 15px;
    display: inline-block;
}
.shortcode_gallery_hwp{
    margin: 10px 0px;
}
.youtube-play-button{
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .2s ease;
    z-index: 1;
}
.image-cover iframe{
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.product-thumbnails .youtube-play-button svg{
    width: 40px;
}
.shortcode_gallery_hwp a{
    color: #1e73be;
    font-size: 14px;
}
.shortcode_gallery_hwp .box-image{
    margin-bottom: 0px;
}
.shortcode_gallery_hwp .flickity-page-dots{
    margin-left: 0px;
    bottom: 7px;
}

#desc_top,
#desc_bottom{
    overflow: hidden;
}
.desc_top_button,
.desc_bottom_button{
    position: relative;
    margin-bottom: 30px;
}
.desc_top_button:before,
.desc_bottom_button:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 100%;
    height: 100px;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 17%, #ffffff 93.12% );
}
.desc_top_button.show:before,
.desc_bottom_button.show:before{
    display: none;
}
.desc_top_button a,
.desc_bottom_button a{    
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    color: #ff5900;
}
.desc_top_button a:hover,
.desc_bottom_button a:hover{
    color: #1e73be;
}
.desc_top_button i,
.desc_bottom_button i{
    color: #f07523;
    font-weight: bold;
    font-size: 30px;
    line-height: 20px;
}
.editor p iframe{
    width: 100% !Important;
    height: 500px;
    border: none !Important;
    border-radius: 10px;
}
#section_1813823478 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1542842054 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#section_1542842054 .section-bg.bg-loaded {
    background-image: url(img/apple-shopping-event-full-bg-opt.jpg);
}
.product-gallery .product-thumbnails{
    margin-top: 10px;
}
.product-gallery .product-thumbnails .col img{
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px;
    opacity: 1;
}
.product-gallery .col.is-selected img{
    border: 1px solid #ff5900;
}
.shop-container .products .product-small{
    margin-bottom: 20px;
}
.sticky-jump .stuck .header-vertical-menu__fly-out{
    opacity: 0;
    visibility: hidden;
}
.off-canvas-left .mfp-content{
    background: #ff5900;
    color: #fff
}
.off-canvas .nav-vertical>li>a,
.off-canvas .nav-vertical li li>a{
    color: #fff
}
.product-small .product-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-vertical-menu:hover .header-vertical-menu__fly-out {
    opacity: 1 !Important;
    visibility: visible !Important;
}
.ux-nav-vertical-menu .nav-dropdown{
    left: 100%;
}
.back-to-top{
    background-color: #ff5900 !Important;
    color: #fff !Important;
}