@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap&subset=vietnamese);
.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    --drawer-width: 300px;
}
.off-canvas .mfp-content.off-canvas-cart {
    --drawer-width: 360px;
}
.header-main {
    height: 83px;
    background: #0e3f3c;
}
#logo img {
    max-height: 83px;
}
#logo {
    width: 100px;
    margin-right: 0px;
}
.header-bottom {
    min-height: 55px;
}
.header-top {
    min-height: 30px;
}
.transparent .header-main {
    height: 85px;
}
.transparent #logo img {
    max-height: 85px;
}
.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: 85px;
}
.header-bg-color {
    background-color: #fff;
}
.header-bottom {
    background-color: #f1f1f1;
}
@media (max-width: 549px) {
    .header-main {
        height: 70px;
    }
    #logo img {
        max-height: 70px;
    }
}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: hsl(0deg 0% 100% / 80%);
}
.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: #ffffff;
}
@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !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) {
    background: linear-gradient(to bottom, #c8a882 0%, #e8d5b8 25%, #f2e4cc 50%, #d4b896 75%, #a07850 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.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;
}
.footer-2 {
    background-image: url("../img/bg_footer.jpg");
}
.footer-1 {
    background-color: #777777;
}
.footer-2 {
    background-color: #062156;
}
.absolute-footer,
html {
    background-color: #d29953;
}
.header-vertical-menu__opener {
    height: 40px;
}
.header-vertical-menu__opener {
    width: 235px;
}
.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}
.label-new.menu-item > a:after {
    content: "Mới";
}
.label-hot.menu-item > a:after {
    content: "Nổi bật";
}
.label-sale.menu-item > a:after {
    content: "Giảm giá";
}
.label-popular.menu-item > a:after {
    content: "Phổ biến";
}
.nhamauxemthem {
    border-radius: 8px;
    background: linear-gradient(to left, #b1660c, #f5a94e);
    color: #fff !important;
    padding: 10px 20px;
    text-decoration: none !important;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
}

.nhamauxemthem span {
    color: #fff !important;
}

.popup-cf7 p {
    text-align: center;
}

.popup-cf7 .wpcf7-submit {
    border-radius: 8px;
    background: linear-gradient(to left, #b1660c, #f5a94e);
    color: #fff !important;
    padding: 10px 20px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: inline-block;
    cursor: pointer;
}

.pum-theme-623 .pum-container,
.pum-theme-enterprise-blue .pum-container {
    padding: 8px;
}

.tieudeprive {
    background: linear-gradient(to left, #b1660c, #f5a94e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    font-family: arial;
}

.blink-headline {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    background-image: radial-gradient(at center center, #0d3a38 0%, #1F6058 100%);
    color: #fff;
    font-family: Montserrat, sans-serif;
    line-height: 1.25;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    animation: blink 1.2s infinite;
}
@keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}