/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/*
    Created on : 10 May 2025, 14:12:44
    Author     : Admin
*/

:root {
    --primary-color: #000000;
}

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

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

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

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

.header-main {
    height: 58px
}

#logo img {
    max-height: 58px
}

#logo {
    width: 154px;
}

#logo img {
    padding: 10px 0;
}

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

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

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

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

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

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

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

.search-form {
    width: 54%;
}

.header-bg-color {
    background-color: rgba(255, 255, 255, 0.9)
}

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

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

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

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

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

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

.nav-dropdown {
    border-radius: 5px
}

.nav-dropdown {
    font-size: 100%
}

/* Color */
.accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active > a, .nav-outline > li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary {
    color: #000000;
}

/* Color !important */
[data-text-color="primary"] {
    color: #000000 !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #000000;
}

/* Background */
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    background-color: #000000;
}

/* Border */
.nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
    border-color: #000000
}

.nav-tabs > li.active > a {
    border-top-color: #000000
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #000000
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #000000
}

/* Fill */
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #000000;
}

.slider {
    background: #EEE;
    margin: 0 auto;
}
.slider.bgwhite{
    background: #fff;
}
#slider-banner{
    max-height: 777px;
}
@media (max-width: 768px) {
    #slider-banner{
        max-height: 155px;
    }
}

.mfp-preloader {
    display: none !important;
}

.read-more-wrapper {
    max-height: 300px; /* chiều cao hiển thị ban đầu */
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
}

.read-more-wrapper.expanded {
    max-height: 5000px; /* giá trị lớn để xổ ra */
}

.read-more-toggle {
    display: block;                          /* Cho phép căn giữa */
    margin: 15px auto 0;                     /* Căn giữa nút */
    padding: 6px 16px;
    background-color: #ccc;                  /* Màu nền xám */
    color: #000;
    border: none;
    border-radius: 999px;                    /* Bo tròn */
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Bóng nhẹ */
    transition: background-color 0.3s, box-shadow 0.3s;
}

.read-more-toggle:hover {
    background-color: #bbb;                  /* Hover màu đậm hơn */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Tăng bóng */
}

.gradient-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}

.read-more-wrapper.expanded .gradient-fade {
    display: none;
}

#section_quote {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(246, 246, 246);
}
@media (min-width:550px) {
    #section_quote {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#row-quote > .col > .col-inner {
    padding: 25px 25px 25px 25px;
    background-color: rgb(255,255,255);
}

#section_why {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 800px;
}
#section_why .section-bg.bg-loaded {
    background-image: url(../images/Asset-1-1.png);
}
@media (min-width:550px) {
    #section_why {
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 1000px;
    }
}
#image_why {
    width: 80%;
}
.bg-loaded-size{
    background-image: url("../images/size-chart@2x.png");
}

/* Focus */
.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible {
    outline-color: #000000 !important;
}

/* Background Color */
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
    background-color: #326a0b;
}

[data-text-bg="secondary"] {
    background-color: #326a0b;
}

/* Color */
.secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary {
    color: #326a0b
}

.text-box-title {
    width: 60%;
}
.text-box-title .text-box-content {
    font-size: 100%;
}

.banner-pt {
    padding-top: 50px;
}
.badge-inner{
    padding: 0 5px;
}
span.amount {
    color: #111;
    font-weight: 700;
    white-space: nowrap;
}

/* Color !important */
[data-text-color="secondary"] {
    color: #326a0b !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #326a0b
}

/* Focus */
.secondary:focus-visible, .alt:focus-visible {
    outline-color: #326a0b !important;
}

.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #81d742
}

.success-color, .success.is-link, .success.is-outline {
    color: #81d742;
}

.success-border {
    border-color: #81d742 !important;
}

/* Color !important */
[data-text-color="success"] {
    color: #81d742 !important;
}

/* Background Color */
[data-text-bg="success"] {
    background-color: #81d742;
}

.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: #fa2323
}

.alert.is-link, .alert.is-outline, .color-alert {
    color: #fa2323;
}

/* Color !important */
[data-text-color="alert"] {
    color: #fa2323 !important;
}

/* Background Color */
[data-text-bg="alert"] {
    background-color: #fa2323;
}

body {
    color: #000000
}

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

body {
    font-size: 95%;
}

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

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

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

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

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

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

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

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

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

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

a {
    color: #000000;
}

a:hover {
    color: #81d742;
}

.tagcloud a:hover {
    border-color: #81d742;
    background-color: #81d742;
}

.widget a {
    color: #000000;
}
ul.product_list_widget li {
    line-height: 1.33;
    list-style: none;
    min-height: 80px;
    overflow: hidden;
    padding: 10px 0 5px 75px;
    position: relative;
    vertical-align: top;
    margin: 0;
    text-align: left;
}
ul.product_list_widget li a:not(.remove) {
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
}
ul.product_list_widget li img {
    height: 60px;
    left: 0;
    margin-bottom: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 10px;
    width: 60px;
}

.widget a:hover {
    color: #81d742;
}

.widget .tagcloud a:hover {
    border-color: #81d742;
    background-color: #81d742;
}

.current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button {
    background-color: #0a0a0a !important
}

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

.badge-inner.new-bubble {
    background-color: #81d742
}

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

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

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

.footer-2 {
    background-color: #ffffff
}

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

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

/* Custom CSS */
.checkout-breadcrumbs a.current, .checkout-breadcrumbs a:hover {
    color: #a73340;
}

.back-to-top.is-outline {
    border-radius: 0 !important;
    border-color: var(--primary-color) !important
}

.back-to-top.is-outline:hover {
    background-color: var(--primary-color) !important
}

.back-to-top.is-outline i {
    color: var(--primary-color) !important
}

.back-to-top.is-outline:hover i {
    color: #fff !important
}

.devvn-popup-title {
    background: #a73340;
    background-color: #a73340;
    border-radius: 0px !important;
}

.devvn-popup-inner {
    border-radius: 0px !important;
}

.devvn-popup-inner .devvn-order-btn {
    background-color: #000000 !important;
    background: #000000 !important;
    border-radius: 0 !important;
}

.devvn-popup-inner .devvn-order-btn:hover {
    color: #a73340 !important;
}

a.devvn_buy_now_style {
    background: none !important;
    border: 1px solid #000000 !important;
    max-width: 100%;
    width: 100%;
    color: #000000 !important;
    border-radius: 0px;
}

a.devvn_buy_now_style span {
    color: #000000 !important;
}

a.devvn_buy_now_style:hover, a.devvn_buy_now_style:hover span {
    color: #a73340 !important;
    border-color: #a73340 !important;
}

.form-newsletter {
    font-size: 17px;
    font-weight: 200;
    letter-spacing: 0.02em;
    color: #263238;
    margin: 0 0 10px;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
    text-align: left;
}

.form-newsletter .wpcf7-text {
    width: 100%;
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
    border-radius: 0;
    box-shadow: none;
    outline: none !important;
    transition: initial;
    height: 42px !important;
    line-height: 25px;
    font-weight: 300;
}

.form-newsletter .button {
    background: #000;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    border-radius: 0;
    border: none !important;
    width: 80px;
    height: 40px;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.mobile-nav.nav-right .header-button .is-outline:not(:hover), .header-nav-main.nav-right .header-button .is-outline:not(:hover) {
    color: #ffffff !important;
}

body.single-product #main {
    padding-top: 30px;
}

.home-list-store {
    background: #7d0000;
    text-align: center;
    margin-top: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    color: #ffffff;
}

.home-list-store a:link, .home-list-store a:visited {
    color: #ffffff;
}

.box-text-products, product-title {
    font-size: 18px;
}

.entry-content.single-page {
    padding-top: 0px !important;
}

.badge-frame .badge-inner, .badge-outline .badge-inner {
    color: #ffffff;
    border: none !important;
}

.box-image .out-of-stock-label {
    display: none !important;
}

.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: white !important;
}

.rc-anchor-invisible {
    display: none;
}

.wpcf7 label {
    color: white;
}

.product-info p.stock {
    display: none;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*    font-style: normal;*/
/*}*/

.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .from_the_blog_excerpt {
    font-style: normal !important;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

.from_the_blog_excerpt {
    font-weight: normal !important;
}

#col-1046546069 .box-text {
    text-align: left;
}

@media screen and (min-width: 821px) {
    .MiniPost .post-title {
        height: 40px;
        overflow: hidden;
    }
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    body.single-product #main {
        padding-top: 0px;
    }
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}

.page-title-inner ul, .page-title-inner select, .page-title-inner form, .page-title-inner button, .page-title-inner p {
    margin-top: 0;
    display: none;
    margin-bottom: 0;
}

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

.category-filter-row {
    padding: 10px 0;
    display: none;
}

/* Contact Form 7 Submit Button
 -------------------------------*/
.wpcf7 input[type="submit"] {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    background: #4267b2;
    border: none;
    border-radius: 5px;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.wpcf7 input:hover[type="submit"] {
    background: #479f2d;
    transition: all 0.4s ease 0s;
}

.wpcf7 input:active[type="submit"] {
    background: #000000;
}

.mfp-close-btn-in .mfp-close {
    top: 0 !important;
    color: #1da1f2;
}

.lightbox-content {
    border-radius: 10px;
}

/* azs fix layout
 */
.ProductHome .product-title {
    height: 40px;
}

.BlogHome .post-title {
    height: 90px;
}

.FormHome .button {
    height: 30% !important;
}

.TextCmt {
    height: 68px;
}

.NewBlog .post-title {
    height: 50px;
}

#sgpb-popup-dialog-main-div {
    border-style: none !important;
}

@media screen and (min-width: 821px) {
    .MiniPost .post-item {
        height: 160px
    }

    .MiniPost .post-title {
        height: 40px;
    }
}

@media screen and (max-width: 820px) {
    .ProductHome .product-title {
        height: 60px;
    }

    .BlogHome .post-title {
        height: 130px;
    }

    .FormHome .wpcf7-form-control-wrap {
        width: 76% !important;
    }

    .FormHome .button {
        margin-top: 6px !important;
    }

    .TextCmt {
        height: 130px;
    }
}

@media screen and (max-width: 415px) {
    .BlogHome .post-title {
        height: 60px;
    }

    .FormHome .wpcf7-form-control-wrap {
        width: 76% !important;
    }

    .TextCmt {
        height: auto;
    }
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Roboto.woff) format('woff');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/cyrillic.woff) format('woff');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/greek-ext.woff) format('woff');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/greek.woff) format('woff');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/vietnamese.woff) format('woff');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/latin-ext.woff) format('woff');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/latin.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/cyrillic-ext.woff) format('woff');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/cyrillic-2.woff) format('woff');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/greek-ext-2.woff) format('woff');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/greek-2.woff) format('woff');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/vietnamese-2.woff) format('woff');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-ext-2.woff) format('woff');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-2.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/vietnamese-3.woff) format('woff');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-ext-3.woff) format('woff');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/latin-3.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

header .desktop-header .desktop-navbar .wrapper .inner > ul {
    margin: 0;
    text-align: center
}

.nav > li {
    margin: 0;
    display: inline-block;
    float: none;
    position: relative;
}

.nav > li:last-child > a {
    border-right: none !important;
}

.nav > li:hover > ul {
    display: inline-block !important;
}

.nav > li.active a {
    color: #e32124;
}

.nav > li.active img {
    vertical-align: middle;
    max-width: 100%;
}

.nav > li.active img.normal-img {
    display: none !important;
}

.nav > li.active img.hover-img {
    display: inline-block !important;
}

.nav > li > a {
    display: block;
    padding: 0 15px;
    min-width: 100px;
    border-right: 1px dashed #d5d5d5;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #333333 !important
}

.nav > li > a:hover {
    color: #e32124;
}

.nav > li > a:hover img.normal-img {
    display: none;
}

.nav > li > a:hover img.hover-img {
    display: inline-block;
}

.nav > li > a img {
    vertical-align: middle;
    max-width: 32px;
    max-height: 43px;
}

.nav > li > a img.normal-img {
    display: inline-block;
}

.nav > li > a img.hover-img {
    display: none;
}

.nav > li.menu-item > ul {
    margin: 0;
    padding: 0 !important;
    text-align: left !important;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    min-width: 170px;
    background: #ffffff;
    z-index: 9;
    display: none;
}

.nav > li.menu-item > ul > li {
    margin: 0;
    display: block;
    float: none !important;
    border-bottom: 1px dashed #d5d5d5;
    position: relative;
}

.nav > li.menu-item > ul > li:last-child {
    border-bottom: 0 !important;
}

.nav > li.menu-item > ul > li > a {
    padding: 15px;
    color: #333333;
    display: block;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav > li.menu-item > ul > li > a:hover {
    color: #e32124;
}

.nav > li.menu-item > ul > li > ul {
    margin: 0;
    padding: 0 !important;
    text-align: left !important;
    position: absolute;
    top: 0;
    right: 100%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    min-width: 150px;
    background: #ffffff;
    z-index: 9;
    display: none;
}

.nav > li.menu-item > ul > li > ul > li {
    margin: 0;
    display: block;
    float: none !important;
    border-bottom: 1px dashed #d5d5d5;
}

.nav > li.menu-item > ul > li > ul > li:last-child {
    border-bottom: 0 !important;
}

.nav > li.menu-item > ul > li > ul > li > a {
    padding: 15px;
    color: #333333;
    display: block;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav > li.menu-item > ul > li > ul > li > a:hover {
    color: #e32124;
}

.nav > li.menu-item > ul > li:hover > ul {
    display: inline-block !important;
}

.text-center {
    text-align: center !important;
}

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

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

.nav-dropdown-default {
    padding: 5px;
}

.nav-dropdown {
    position: absolute;
    min-width: 240px;
    max-height: 0;
    z-index: 9;
    padding: 20px 0 20px;
    opacity: 0;
    margin: 0;
    transition: opacity .25s;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
    color: #776;
    background-color: #fff;
    text-align: left;
    display: table;
    left: -99999px;
}

.nav > li.menu-item > ul > li > ul > li {
    margin: 0;
    display: block;
    float: none !important;
    border-bottom: 1px dashed #d5d5d5;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
    border-bottom: 0px;
}

.box2_right {
    padding-right: 0px !important
}

.nav-sidebar.nav-vertical > li + li {
    border-top: 1px solid #ececec;
}

/*.nav-sidebar.nav-vertical>li+li {border-top: 1px solid #ececec;}*/
.off-canvas .nav-vertical > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.toggle {
    display: block;
    float: left;
    z-index: 9999;
}

.nav > li > a img.normal-img {
    display: inline-block;
}

.nav > li > a img {
    vertical-align: middle;
    max-width: 100%;
}

.nav > li.active img.hover-img {
    display: inline-block !important;
}

.nav > li > a:hover img.hover-img {
    display: inline-block;
}

.nav > li > a img.hover-img {
    display: none;
}

.nav > li > a img {
    vertical-align: middle;
    max-width: 100%;
}

.nav > li > a {
    font-size: 14px;
    float: left;
}

.nav > li > a {
    font-weight: 500;
    line-height: 23px;
}

/*.toggle{display:none}*/
.mobile-sidebar .nav > li > a {
    width: 80%;
    display: block;
    padding: 6px 0 0px 15px;
    min-width: 100px;
    border-right: 0px dashed #d5d5d5;
    text-align: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #333333 !important;
}

.img_86 .col-inner {
    height: 87.6%;
    overflow: hidden;
}

.img_86_2 .col-inner {
    height: 86.8%;
    overflow: hidden;
}

.col-inner p {
    margin-bottom: 1em;
    margin-top: 4px !important;
}

.has-dropdown .icon-angle-down {
    display: none;
}

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

.nav-size-large > li > a {
    font-weight: bolder !important;
    font-size: 1.0em !important;
}

.nav-spacing-medium > li {
    margin: 0 0px;
}

.nav > li.active img.normal-img {
    display: none !important;
}

.nav > li.active img {
    vertical-align: middle;
    max-width: 100%;
}

.nav > li > a img {
    vertical-align: middle;
    max-width: 100%;
}

.nav > li.active img.hover-img {
    display: inline-block !important;
}

.flex-left .header-nav.header-nav-main > li.current-menu-item, .flex-left .header-nav.header-nav-main > li.active, .flex-left .header-nav.header-nav-main > li:hover {
    border-bottom: 0;
}

.logo-left .logo {
    margin-left: 125px;
    margin-right: 0px;
}

.mobile-header-navbar {
    display: none !important;
}

#about-us .desc {
    color: #333333;
    width: 66.6%;
    margin: 0 auto;
    text-align: justify;
}

#about-us h2 {
    color: #333333;
    margin: 10px 0 15px;
}

.img_right {
    padding: 0px !important;
    max-width: 23%;
}

.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: red;
}

@media only screen and (max-width: 768px) {
    .stuck #logo img {
        max-height: 60px !important;
    }

    .header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
        max-height: 65px;
    }

    .slider-wrapper .flickity-prev-next-button {
        display: block
    }

    .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
        fill: #dadada;
    }

    .slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
        border: 0
    }

    .slider-nav-circle .flickity-prev-next-button:hover svg {
        border-color: transparent;
        background-color: transparent;
    }

    body {
        width: 97%; overflow: hidden;
    }

    .box2_right {
        padding-right: 10px;
    }

    .text-center .hotline-contact {
        text-align: left !important;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        padding-left: 16%;
    }

    .row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col {
        padding: 0 5px 5px;
        margin-bottom: 0;
    }

    .img_right {
        max-width: 100%;
    }

    #about-us .desc {
        width: 100%;
    }

    #logo {
        width: 100px;
    }

    .logo-left .logo {
        margin-left: 0px;
        margin-right: 5px;
    }

    #about-us {
        padding: 10px 10px;
        text-align: left;
        border-bottom: solid 1px #fff;
        border-top: solid 1px #fff;
    }

    .mobile-header-navbar {
        display: block !important;
    }

    .mobile-header-navbar {
        background: #f7f7f7;
    }

    .wrapper {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 5px;
    }

    .mg-left-0 {
        margin-left: 0 !important;
    }

    .grid, .grid--rev, .grid--full, .grid-uniform {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-header-navbar .mobile-navitem {
        padding: 5px 0;
    }

    .pd-left0 {
        padding-left: 0 !important;
    }

    .small--two-tenths {
        width: 20%;
    }

    #header .mobile-header-navbar .grid__item {
        box-sizing: border-box;
        float: left;
        min-height: 1px;
        padding-left: 30px;
        vertical-align: top;
    }

    #fixed-mobile-navbar .mobile-header-navbar .grid__item {
        float: none;
        box-sizing: border-box;
        min-height: 1px;
        vertical-align: top;
        width: 100%;
    }

    .mobile-header-navbar .mobile-navitem > a {
        display: block;
        padding: 0 5px;
        border-right: 1px dashed #d5d5d5;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #333333;
    }

    .mobile-header-navbar .mobile-navitem > a img.normal-img {
        display: inline-block;
    }

    .mobile-header-navbar .mobile-navitem > a img.hover-img {
        display: none;
    }

    .mobile-header-navbar .mobile-navitem > a img {
        vertical-align: middle;
        max-width: 35px;
    }

    .mobile-header-navbar .mobile-navitem {
        padding: 5px 0;
    }

    .mobile-header-navbar .mobile-navitem:nth-child(5) > a, .mobile-header-navbar .mobile-navitem:nth-child(10) > a {
        border-right: none !important;
    }

    .mobile-header-navbar .mobile-navitem > a {
        display: block;
        padding: 0 5px;
        border-right: 1px dashed #d5d5d5;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #333333;
        line-height: 13px;
        font-weight: 500;
        font-size: 9px;
    }

    /*.mobile-header-navbar {background: #f7f7f7;float: left;}*/
    .mobile-header-navbar .mobile-navitem.active a img.hover-img {
        display: inline-block !important;
    }

    .mobile-header-navbar .mobile-navitem.active a img {
        vertical-align: middle;
        max-width: 100%;
    }

    .footer_giaohang .small-12 {
        max-width: 50%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .medium-flex-wrap .flex-col {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .ml-half {
        margin-left: 0px;
    }

    input[type='submit'], input[type='submit'].button, input[type='submit'], .primary {
        margin: 0;
    }

    .top-divider {
        border-top: 0;
    }
}
@media (max-width: 768px) {
    .mobile-navitem > a > span {
        font-size: 12px !important;
    }

    .header-search-form {
        float: left;
        width: 70%;
    }
}
.col-inner > .img:not(:last-child), .col > .img:not(:last-child) {
    margin-bottom: 0;
}

.section-title-container {
    margin-bottom: 5px;
}

.col, .gallery-item, .columns {
    padding: 0 15px 10px;
}

.row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col {
    padding: 0 10px 10px;
    margin-bottom: 0;
}

.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -15px;
    width: auto;
}

.col, .gallery-item, .columns {
    padding: 0 10px 10px;
}

.section-title-normal {
    /* border-bottom: 2px solid #ececec; */
    border-bottom: 0;
}


.product-policy {
    margin-bottom: 15px;
    font-size: 14px;
    /* text-transform: uppercase !important; */
    color: #333;
    line-height: 17px;
}

.product-policy .shipping-time {
    color: #333333;
    background: #f5f5f5;
    padding: 11px 5px;
}

.product-policy .shipping-time span:last-child {
    color: #e32124;
}

.product-policy .policy-checkout,
.product-policy .policy-return,
.product-policy .policy-shipping,
.product-policy .policy-support {
    padding: 5px 15px;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.product-policy .policy-checkout > .icon,
.product-policy .policy-return > .icon,
.product-policy .policy-shipping > .icon,
.product-policy .policy-support > .icon {
    display: inline-block;
    float: left;
}

.product-policy .policy-checkout > .content,
.product-policy .policy-return > .content,
.product-policy .policy-shipping > .content,
.product-policy .policy-support > .content {
    padding-left: 35px;
    color: #333333;
}

.product-policy .policy-checkout > .content .desc .hotline,
.product-policy .policy-return > .content .desc .hotline,
.product-policy .policy-shipping > .content .desc .hotline,
.product-policy .policy-support > .content .desc .hotline {
    display: block;
    color: #e32124;
}

.slide_img_left {
    padding: 0 10px;
}

.slide_img_right {
}

.hotline-contact .icon img {
    vertical-align: middle;
}

.hotline-contact .icon {
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-right: 5px;
}

.hotline-contact .hotline-content .hotline-number a {
    display: inline-block;
    color: #e32124;
}

.hotline-contact .hotline-content .hotline-desc {
    color: #333333;
}

.hotline-contact .hotline-content {
    padding-left: 35px;
    text-align: left
}

.section-title {
    padding-bottom: 10px
}

.section-title .title {
    float: left;
    display: inline-block;
}

.section-title .title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 0;
    background: #fff;
    color: #333333;
    position: relative;
    z-index: 9;
    text-transform: uppercase !important;
    font-size: 18px;
}

.section-title .viewmore {
    float: right;
    display: inline-block;
}

.section-title .line {
    height: 1px;
    width: 100%;
    background: #d5d5d5;
    transform: translateY(-13px);
}

.section-title .viewmore a {
    display: inline-block;
    padding: 0 0 0 15px;
    background: #fff;
    color: #333333;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-newsletter .wpcf7-text {
    border-radius: 15px;
}

.text-right .button:last-of-type, .text-center .button:last-of-type {
    border-radius: 15px;
}
h4.text-left{
    font-weight: 300; font-style: italic !important;
}


.fb-customerchat iframe {
    width: 0;
    height: 0
}

.IconHome img{
    width: 50%;
}
.sec-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(228, 228, 228);
}

#fixed-mobile-navbar {
    font-size: 24px;
}

#fixed-mobile-navbar {
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    background: #f7f7f7;
    display: none;
}

#fixed-mobile-navbar.showblock {
    display: block;
}

#fixed-mobile-navbar .owl-controls {
    margin: 0;
}

#fixed-mobile-navbar .owl-controls .owl-buttons > div {
    outline: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #333333;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    height: 40px;
    line-height: 40px;
    top: calc(50% - 20px);
    width: 20px;
}

#fixed-mobile-navbar .owl-controls .owl-buttons > div.owl-prev {
    left: 0;
}

#fixed-mobile-navbar .owl-controls .owl-buttons > div.owl-next {
    right: 0;
}

#fixed-mobile-navbar .mobile-navitem {
    padding: 10px 0;
    position: relative;
}

#fixed-mobile-navbar .mobile-navitem > a {
    display: block;
    padding: 0 5px;
    border-right: 1px dashed #d5d5d5;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #333333;
}

#fixed-mobile-navbar .mobile-navitem > a:hover {
    color: #e32124;
}

#fixed-mobile-navbar .mobile-navitem > a:hover img.normal-img {
    display: none;
}

#fixed-mobile-navbar .mobile-navitem > a:hover img.hover-img {
    display: inline-block;
}

#fixed-mobile-navbar .mobile-navitem > a img {
    vertical-align: middle;
    max-width: 35px;
}

#fixed-mobile-navbar .mobile-navitem > a img.normal-img {
    display: inline-block;
}

#fixed-mobile-navbar .mobile-navitem > a img.hover-img {
    display: none;
}

#fixed-mobile-navbar .mobile-navitem.active a span {
    color: #e32124;
}

#fixed-mobile-navbar .mobile-navitem.active a img {
    vertical-align: middle;
    max-width: 100%;
}

#fixed-mobile-navbar .mobile-navitem.active a img.normal-img {
    display: none !important;
}

#fixed-mobile-navbar .mobile-navitem.active a img.hover-img {
    display: inline-block !important;
}

#fixed-mobile-navbar .mobile-navitem > a {
    font-size: 11px;
}

#fixed-mobile-navbar .mobile-navitem {
    padding: 10px 0;
    position: relative;
}

#fixed-mobile-navbar .mobile-navitem > a {
    display: block;
    padding: 0 5px;
    border-right: 1px dashed #d5d5d5;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #333333;
}

#fixed-mobile-navbar .mobile-navitem > a:hover {
    color: #e32124;
}

#fixed-mobile-navbar .mobile-navitem > a:hover img.normal-img {
    display: none;
}

#fixed-mobile-navbar .mobile-navitem > a:hover img.hover-img {
    display: inline-block;
}

#fixed-mobile-navbar .mobile-navitem > a img {
    vertical-align: middle;
    max-width: 35px;
}

#fixed-mobile-navbar .mobile-navitem > a img.normal-img {
    display: inline-block;
}

#fixed-mobile-navbar .mobile-navitem > a img.hover-img {
    display: none;
}

#fixed-mobile-navbar .mobile-navitem.active a span {
    color: #e32124;
}

#fixed-mobile-navbar .mobile-navitem.active a img {
    vertical-align: middle;
    max-width: 100%;
}

#fixed-mobile-navbar .mobile-navitem.active a img.normal-img {
    display: none !important;
}

#fixed-mobile-navbar .mobile-navitem.active a img.hover-img {
    display: inline-block !important;
}

.text-center {
    text-align: center !important;
}
#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999
}

#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 .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 .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: rgb(17,143,253);
    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: rgb(79 103 254);
    border: 0
}

#instagram-vr .phone-vr-img-circle {
    background: transparent
}

#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(.9)
    }

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

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

@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
    }
}

.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: black;
    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
    }
}
@media (max-width: 768px) {
    .mobile-navitem > a > span {
        font-size: 12px !important;
    }

    .pd-left0 {
        padding-left: 0 !important;
    }

    /*.item {
    height: 60px;

    }
    /*#fixed-mobile-navbar .owl-wrapper .owl-item{max-width:90px}*/
    .owl-theme .owl-controls .owl-buttons div {
        display: inline-block;
        zoom: 1
    }

    #fixed-mobile-navbar .owl-controls .owl-buttons > div {
        font-size: 14px;
    }


    .slide_padding_last {
        padding-right: 15px !important
    }
}


@media (max-width: 549px) {
    h2 {
        font-size: 1em;
    }

    .slide_thv .small-12 {
        max-width: 50%;
    }

    .slide_thv {
        border-bottom: 1px solid #fadada;
    }

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

    .section {
        padding: 10px 0 !important;
    }
}
.breadcrumbs{
    font-weight: 400;
}
#toc_container li,#toc_container ul {
    margin: 0;
    padding: 0
}

#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li {
    background: 0 0;
    list-style-type: none;
    list-style: none
}

#toc_container.have_bullets li {
    padding-left: 12px
}

#toc_container ul ul {
    margin-left: 1.5em
}

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%
}

#toc_container.toc_light_blue {
    background: #edf6ff
}

#toc_container.toc_white {
    background: #fff
}

#toc_container.toc_black {
    background: #000
}

#toc_container.toc_transparent {
    background: none transparent
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0
}

#toc_container.toc_black p.toc_title {
    color: #aaa
}

#toc_container span.toc_toggle {
    font-weight: 400;
    font-size: 90%
}

#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em
}

.toc_wrap_left {
    float: left;
    margin-right: 10px
}

.toc_wrap_right {
    float: right;
    margin-left: 10px
}

#toc_container a {
    text-decoration: none;
    text-shadow: none
}

#toc_container a:hover {
    text-decoration: underline
}

.toc_sitemap_posts_letter {
    font-size: 1.5em;
    font-style: italic
}