:root {
    --primary-color: #dd9933;
    --fs-color-primary: #dd9933;
    --fs-color-secondary: #e0b548;
    --fs-color-success: #7a9c59;
    --fs-color-alert: #b20000;
    --fs-experimental-link-color: #3d3d3d;
    --fs-experimental-link-color-hover: #ff5622;
}

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

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

html {
    background-color: #eff0f3 !important;
}

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

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

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

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

.header-main {
    height: 100px
}

#logo img {
    max-height: 100px
}

#logo {
    width: 220px;
}

#logo img {
    padding: 10px 0;
}

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

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

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

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

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

.transparent .header-wrapper {
    background-color: rgba(255, 255, 255, 0) !important;
}

.transparent .top-divider {
    display: none;
}

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

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

.search-form {
    width: 64%;
}

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

.header-bottom {
    background-color: #1aa8b2
}

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

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

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

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

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

.main-menu-overlay {
    background-color: #42b54c
}

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

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

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

body {
    color: #424242
}

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

body {
    font-size: 100%;
}

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

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

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

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

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

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

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

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

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

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

/* Custom CSS */
.textform1 {
    font-size: 1.7em;
    line-height: 1.3;
}

.texttam {
    font-size: 1.6em;
    line-height: 1.3;
    font-family: 'DancingScript', cursive !important;
}

.textp {
    font-size: 1.25em;
}

.pading01 {
    margin-top: 15px;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
    .smartPopup {
        display: none !important;
    }

    #pietimerholder {
        display: none !important;
    }
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    .bottom_support {
        display: none !important;
    }

    .mfp-bg.mfp-ready,
    #newsletter-signup-link {
        display: none !important;
    }

    .smartPopup {
        display: none !important;
    }

    #pietimerholder {
        display: none !important;
    }

    #smartPopupfade {
        display: none !important;
    }
}

.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";
}

#top-bar {
    font-weight: 900 !important;
}

a.nav-top-link {
    font-weight: 900 !important;
}

.header-main,
body {
    overflow-x: hiden !important;
}

.title-wrapper p.product-title a,
.box-excerpt.is-small {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

.spcss .product-small {
    border: solid 1px #d7102c;
    padding: 5% !important;
    border-radius: 5% !important;
}

.spcss .box-shadow,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover,
.box-shadow-2,
.box-shadow-2-hover:hover {
    background-color: #d7102c !important;
}

.price-wrapper .price {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

h5.post-title.is-large {
    font-weight: 900 !important;

}

.product-title.product_title.entry-title {
    font-weight: 900 !important;
}

#shop-sidebar {
    border: solid 0.01px !important;
    padding: 10% !important;
}

.widget_product_categories>ul>li {

    border-bottom: dashed 1px !important;
}

.searchform .button {
    background-color: #1E73BE !important;
}

.post-item .box-text.text-left {
    vertical-align: top !important;
}

.dark .section-title-normal span,
.dark .section-title-normal {
    border: none !important;
}

.titlevip {
    padding-top: 1%;
}

#top-bar {
    font-weight: 900 !important;
    border-bottom: solid 1px #eee;
}

.header-bottom {
    border: none;
    margin-bottom: 0;
    background-size: 100% 100%;
}

.nav-uppercase>li>a {
    letter-spacing: .02em;
    text-transform: capitalize;
    font-weight: bolder;
}

.header-contact-wrapper ul#header-contact li a span {
    color: rgb(0 0 0) !important;
    transition: all .2s;
}

.imgdichvumoibat img {

    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px !important;
}

.bodmdv .text-center.dark {
    border: solid white 1px;
    border-radius: 5% !important;
    background: rgba(255, 255, 255, .2);
}

.widget.flatsome_recent_posts {
    background: #042244 !important;
    color: white !important;
    border-radius: 5% !important;
    padding: 5% !important;
}

.recent-blog-posts a {
    color: white !important;
}

.is-divider.small {
    display: none !important;
}

.widget ul {
    margin-top: 10px !important;
}

p.from_the_blog_excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

h5.post-title.is-large {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

.imgbando img {
    border-radius: 45px !important;
}


.button-hotline {
    background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
}

.tab.has-icon.active a {
    background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
}

a.nav-top-link {
    font-family: 'Open Sans' !important;
    font-weight: 650 !important;
}

h1,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans' !important;
}

h2 {
    font-family: 'DancingScript', cursive !important;

}

body>div.bottom_support>div>div.advisory_online>a.button.primary {
    background-color: #073d79;
}

body>div.bottom_support>div>div.advisory_online>a.button.primary>span {
    text-transform: capitalize;
}

#wpcf7-f10672-o2>form>div.wpcf7-response-output {
    color: white !important;
}

#wpcf7-f10672-o2>form>p:nth-child(5)>input {
    background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
}

#wpcf7-f10672-o2>form>p:nth-child(3)>label>span>input::placeholder {
    color: white !important;
}

#wpcf7-f10672-o2>form>p:nth-child(4)>label>span>input::placeholder {
    color: white !important;
}

#wpcf7-f10672-o2>form>p:nth-child(5)>label>span>input::placeholder {
    color: white !important;
}

.coltongquan {
    border-right: solid 2px #042244;
}

.wpcf7-form-control.wpcf7-submit {
    background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
}

.olym {
    padding-top: 3%;
}

.donviquanlyUHM {
    padding-top: 20% !important;
}

.classformdai input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: white !important;
}

.classformdai input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
    color: white;
    border: solid 1px white !important;
    padding: 3%;
    border-radius: 15px !important;
}