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

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

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

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

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

.header-main {
    height: 96px
}

#logo img {
    max-height: 96px
}

#logo {
    width: 200px;
}

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

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

.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: 40px!important
}

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

.search-form {
    width: 77%;
}

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

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

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

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

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

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

.blog-wrapper {
    background-color: #f2f2f2;
}

/* 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: #f79719;
}

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

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

/* 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: #f79719;
}

/* 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: #f79719
}

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

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

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

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

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

body {
    color: #0a0a0a
}

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

body {
    font-size: 100%;
}

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

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

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

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

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

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

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

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

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

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

a {
    color: #0092ff;
}

a:hover {
    color: #fa9a0a;
}

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

.widget a {
    color: #0d0c0b;
}

.widget a:hover {
    color: #fa9a0a;
}

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

.shop-page-title.featured-title .title-overlay {
    background-color: #d37000;
}

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

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

.header-vertical-menu__opener {
    width: 260px
}

.header-vertical-menu__fly-out {
    width: 260px
}

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

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

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
    color: #0a0a0a;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
    height: 41px;
}

/* Custom CSS */
.box-overlay .box-text, .box-shade .box-text {
    border-radius: 0 0 17px 17px;
}

.has-shadow .box-text {
    padding-left: .6em;
    padding-right: .2em;
}

.MKkSS {
    width: 99.1%;
    color: white;
    background-color: rgb(61, 91, 115);
    /* background-image: url(https://baogiathepxaydung.vn/wp-content/uploads/2021/05/download.png;);*/
    background-repeat: repeat-y;
    background-position: right center;
    background-size: contain;
    padding: 0.5rem;
    font-family: Montserrat;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.blog-mini-post-content {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 100px;
    min-height: 80px;
}

@media only screen and (min-width: 1200px) {
    .row:not(.row-full-width) {
        max-width: 1200px !important;
    }
}


.blog-mini-post {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/*chỉnh chữ justify*/
.entry-content {
    text-align: justify;
}

/*xóa gạch*/
.is-divider {
    display: none;
}

.spt-label {
    display: none;
}

#wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div.spt-container.spt-border > div > div {
    width: 1000000px;
}

.col-1198366652 > div > a > div {
    width: 250px;
}

.icon-box-250px {
    margin: auto 0px;
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
}

span.widget-title {
    display: block;
    width: 100%;
    padding: 6px 0;
    border-bottom: 2px solid #000000;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background: #f79719;
    padding-left: 10px;
    margin-bottom: 15px;
}

div.post-sidebar.large-3.col {
    /*max-width: 25%;flex-basis: 30%;*/
    padding: 0 10px 10px;
    border-left: none !important;
}

#recent-posts-2 > ul > li> a {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    overflow: hidden;
}

div.large-9.col {
    padding-top: 20px;
    background-color: white;
    border-radius: 5px;
}

.ptms_marquee {
    margin-top: -7px;
    margin-bottom: -8px;
    padding: 0px;
    transform: translateX(0px);
    animation: 1686.43s linear 0.01s infinite normal none running marqueeAnimation-5174948;
}

/*tắt hiển thị*/
#wide-nav > div > div.flex-col.hide-for-medium.flex-center > ul > li > div:nth-child(2) > div > div > div:nth-child(1) {
    display: none;
}

#wide-nav > div > div.flex-col.hide-for-medium.flex-center > ul > li > div:nth-child(2) > div > div > div:nth-child(2) {
    display: none;
}

#wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div:nth-child(1) {
    margin-bottom: -5px;
}

#wide-nav > div > div.flex-col.hide-for-medium.flex-center > ul > li > div:nth-child(2) > div {
    margin-top: -5px;
    color: black;
}

#wide-nav > div > div.flex-col.hide-for-medium.flex-center > ul > li > div:nth-child(2) > div > div > div:nth-child(3) {
    background-color: #223448;
}

@media screen and (min-width: 1200px) {
    .wide-nav {
        /*background-image: url(https://baogiathepxaydung.vn/wp-content/uploads/2021/06/Untitled-8.jpg);*/background-repeat: no-repeat;
        margin: 0px auto;
    }
}

div.box-text.text-left > div > h5 {
    font-size: 15px;
    color: rgb(44, 131, 202);
    font-weight: normal;
}

.box-text {
    padding-top: .1em;
    padding-bottom: .1em;
}

/**#logo{display: none;}**/
.post_comments {
    display: none;
}

.flex-row.relative {
    width: 250px;
}

.box-text.text-center > div > h5 {
    line-height: 1.4;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    overflow: hidden;
    font-size: 16px;
    text-align: left;
}

/*css mục nhỏ trong bài viết liên quan*/
.meta-related {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.meta-related ul li {
    list-style: square;
    font-size: 15px;
    margin-bottom: 0px;
}

.meta-related ul li a {
    color: #0092ff;
    text-transform: none;
}

.meta-related ul li a:hover {
    color: #0072c8;
}

.margin-bot-1 {
    margin-bottom: -35px;
}

div.absolute-footer {
    display: none;
}

/**Vertical menu**/
/*Menu dọc chỉnh chữ*/
#mega-menu-title {
    width: 250px;
    background: black;
    /*Màu nền danh mục SP chèn mã màu khác tại đây*/
    text-transform: uppercase;
}

#mega-menu-title {
    width: 270px;
    text-transform: uppercase;
}

#mega_menu a:hover {
    width: 270px;
}

#menu-item-716.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-716 {
    width: 245px;
}

#mega_menu.sf-menu.sf-vertical.sf-js-enabled.sf-arrows {
    width: 270px;
}

#mega-menu-wrap.ot-vm-hover {
    width: 0px;
}

.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
    left: 10px;
}

#mega-menu-wrap {
    width: 300px;
    background: #ed1c24;
}

.product-small.box .box-image {
    border-radius: 5px 5px 0 0;
}

/**Chỉnh sửa menu sản phẩm**/
.title_d {
    display: flex;
    margin-bottom: 20px;
    padding: 15px 10px;
    justify-content: space-between;
    background-color: #fef4e7;
    border-bottom: 2px solid #f79719;
    border-left: 20px solid #f79719;
    padding-left: 20px;
}

.title_d .menu-right {
    margin-right: 0px;
}

.title_d .menu-right ul li {
    list-style: none;
    margin-left: 0;
    display: inline-block;
    margin-bottom: 0;
}

.title_d .menu-right a {
    font-size: 15px;
    border: 1px solid #e9ebee;
    background: #ffffff;
    padding: 2px 8px;
    border-radius: 6px;
    color: #000;
    margin-bottom: 3px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 6%);
}

.title_d .menu-right ul {
    margin-bottom: 0;
}

.title_d h2 {
    margin: 0;
    width: fit-content;
    display: block;
    line-height: 1;
}

.product-small.box {
    background: #fff;
    border-radius: 5px;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    box-shadow: 0 0 0 1px #e9ebee, 0 4px 5px rgb(0 0 0 / 3%);
}

.product-small.box .product-title {
    padding: 10px;
}

.info {
    padding: 30px;
    border: 1px dashed #000;
}

.section-title-container {
    margin-bottom: 10pxpx;
}

.col.post-item {
    padding-bottom: 10px;
}

.box-text h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.icon-box-text {
    padding: 15px 15px 15px 20px;
    border: 1px dashed #f79719;
    background: #fef4e7;
    overflow: hidden;
    border-radius: 10px;
}

.icon-box-img {
    margin-right: 10px;
    margin-top: 20px;
}

.icon-box-text-1 {
    padding: 1px 15px 15px 10px;
    border: 1px dashed #f79719;
    overflow: hidden;
    border-radius: 10px;
}

.col.post-item {
    padding-bottom: 5px;
}

.box-vertical .box-text p.cat-label {
    padding: 3px 15px 3px 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    opacity: 1;
    font-size: 11px;
    color: #fff;
    text-transform: inherit;
    width: fit-content;
    background: #f79719;
}

.col.post-item:nth-child(odd) .box-vertical .box-text p.cat-label {
    background: #0f9d0d;
}

@media screen and (min-width: 850px) {
    .row-divided > .col + .col:not(.large-12) {
        border-left: 4px solid #ececec;
    }
}

.widget ul.sub-menu {
    display: block !important;
    border-left: none;
    margin-left: 0;
    padding-left: 20px;
    background: #e9ebee;
}

.widget ul.sub-menu li {
    list-style: square;
    margin-left: 8px;
    color: gray;
}

.recent-blog-posts a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#secondary {
    background-color: #e9ebee;
}

.thong-tin-mua-hang {
    padding: 10px;
    margin-bottom: 15px;
    background: #c6e8ff;
}

div.flex-col.mr-half > div > div {
    border-radius: 50px;
}

div.box-text.text-center.is-small > div > p {
    text-align: left;
}

#reviews {
    display: none;
}

div.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content > ul {
    display: none;
}

#comments {
    display: none;
}

.shop-container {
    background-color: #f2f2f2;
}

#custom_html-5 {
    width: 280px;
    margin-left: -25px;
}

#custom_html-4 {
    width: 280px;
    margin-left: -25px;
}

#flatsome_recent_posts-20 {
    width: 280px;
    margin-left: -25px;
}

#custom_html-9 {
    width: 280px;
    margin-left: -25px;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
    /*.has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade)*/.is-divider {
        display:none;
    }

    /**chỉnh hình ảnh kế bên chữ **/
    .box-vertical .box-image {
        width: 35% !important;
    }

    .box-text {
        font-size: 100%;
    }

    .ptms_marquee {
        flex: 0 0 auto;
        min-width: 100%;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        animation: scroll var(--duration) linear var(--delay) infinite;
        animation-play-state: var(--play);
        animation-delay: var(--delay);
        animation-direction: var(--direction);
    }

    .from_the_blog_excerpt {
        display: none;
    }

    #content > div > div.large-9.col > div > div> div > a > div {
        display: flex;
        font-size: 14px;
    }

    .image-cover {
        padding-top: 100%;
    }

    #wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div.ptms_marquee {
        margin-left: -20px;
    }

    #wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div.spt-container.spt-border {
        margin-left: -15px;
    }

    /**.medium-logo-center .logo{display:none;}**/
    .hide-for-medium {
        display: inline;
    }

    #wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div:nth-child(2) > div > div > div:nth-child(1) {
        background-color: #223448;
    }

    div.box-text.text-left {
        font-size: 17px;
    }

    #logo {
        width: 200px;
    }

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

    #logo img {
        padding: 10px 0;
    }

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

/* Custom CSS Mobile */
@media (max-width: 549px) {
    div.box-text.text-left > div > h5 {
        font-size:17px;
    }

    .small-columns-1>.col, .small-columns-1 .flickity-slider>.col {
        padding: 0.5rem 5px;
        border-bottom: 1px dashed rgb(176, 213, 241);
    }

    /**Chỉnh sửa menu sản phẩm**/
    .title_d .menu-right {
        float: unset;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        backface-visibility: hidden;
    }

    /**Chỉnh sửa menu sản phẩm**/
    #logo {
        width: 200px;
    }

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

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

    #logo img {
        padding: 10px 0;
    }

    .menu-mobile {
        display: flex;
        background: #0678be;
        padding: 10px 0;
        height: 49px;
    }

    .header-bottom .header-bottom-nav {
        height: 49px;
        width: 100%;
        display: flex;
    }

    .header-bottom .header-bottom-nav li.html {
        width: 100%;
    }

    .menu-mobile a, .menu-mobile p {
        color: #fff;
        width: 20%;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%;
        font-size: 13px;
    }

    #wide-nav > div > div.flex-col.show-for-medium.flex-grow > ul > li > div:nth-child(1) {
        margin-bottom: 0px;
    }

    .show-menu {
        background: #fff;
        padding: 20px;
        animation-name: fadeInDownExpand;
        animation-duration: .7s;
        animation-fill-mode: both;
    }

    .show-menu ul li a {
        display: block;
        background-color: #f5f7f7;
        border: solid 1px #dfe3e6;
        padding: 10px 0;
        text-align: center;
        color: #666;
        border-radius: 4px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .nav>li {
        list-style: none;
    }

    .nav>li.html {
        font-size: .85em;
    }

    .show-menu ul li {
        list-style: none;
    }

    .box-blog-post {
        display: flex;
    }

    .image-cover {
        padding-top: 75%;
    }

    .box-vertical .box-image {
        width: 76% !important;
    }

    .box-blog-post h5 {
        margin-bottom: 10px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog-post-inner {
        padding-left: 5px;
    }

    div.post-sidebar.large-3.col {
        padding: 0 10px 10px;
        border-left: none !important;
    }

    .header-bottom {
        background-color: #0678be;
    }

    #woocommerce-product-search-field-0 {
        border-radius: 50px;
        margin-left: 30px;
    }

    div.flex-row.relative > div:nth-child(2) > button {
        border-radius: 50px;
    }
}

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