﻿/*Header Open*/
.other-styles .header.header_menu.index {
    position: relative;
}
/*Header Close*/
/*NewsPage Open*/
.rte img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.blog-item-name {
    font-weight: 700;
    position: relative;
    font-size: 1em;
    margin: 0;
}

.related-blogs a {
    color: #333;
}

.related-blogs .blog-item-name i.fa {
    top: 1px;
    font-size: 14px;
    color: #555;
}

.related-blogs .blog-item-name {
    font-weight: 400;
    padding-left: 10px;
    position: relative;
}

.related-blogs .blog-item {
    margin-bottom: 8px;
}

.related-blog-title h2 {
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    border-bottom: 3px solid #2e3553;
    margin-bottom: -1px;
}

.related-blog-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.side-bar-stick {
    position: unset;
}

.aside-item.collection-category .nav-item:last-child a {
    border: none !important;
}

.categories-box .lv1 {
    padding: 0;
    display: block;
    margin-bottom: 0;
}

.categories-box {
    border: 1px solid #cdcdcd;
    border-top: none;
}

    .categories-box .lv2 li .lv3 {
        display: none;
        padding-left: 15px;
    }

.aside-item.collection-category .nav-item .open-close {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 20px;
    width: 20px;
    line-height: 36px;
    text-align: center;
}

.categories-box .lv2 li a {
    text-transform: none;
    font-weight: normal;
}

.categories-box .lv1 li a {
    padding-right: 20px;
}

.categories-box .lv1 li {
    position: relative;
}

.categories-box .lv2 {
    display: none;
    padding-left: 15px;
}

.aside-item.collection-category .nav-item .open-close {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 20px;
    width: 20px;
    line-height: 36px;
    text-align: center;
}

.categories-box .lv1 li a {
    padding-right: 20px;
}

.categories-box .lv1 li a {
    font-size: 14px;
    display: block;
    border-bottom: 1px dashed #cdcdcd !important;
    line-height: 18px;
    padding: 10px 0px;
}

.aside-item.collection-category .nav-item {
    position: relative;
    display: block;
    clear: left;
    font-size: 1.07143em;
}

.categories-box {
    background: #fff;
    padding: 0px 15px;
    margin-bottom: 20px;
    display: block;
}

aside.sidebar .categories-box, aside.left-content .categories-box {
    background: none;
    border: 1px solid #cdcdcd;
    padding: 0 12px;
    border-top: none;
}

.aside-title h2 {
    color: #fff;
    font-weight: 700;
    padding: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cates-blog-descriptions {
    display: block;
}

.title_main_pagenews h1 {
    position: relative;
    padding-bottom: 4px;
    padding-top: 7px;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0;
}

    .title_main_pagenews h1:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -2px;
        height: 2px;
        width: 100%;
        max-width: 90px;
        background: red;
    }
/*.title_main_pagenews h1{
    position: relative;
    color:white;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    background: #ff2a2d;
}*/

/*NewsPage Close*/
/*Cart Open*/
.header-cart-price .title-cart .totals_price_mobile {
}

.main-container .col-main .cart .cart-thead div:last-child {
    border-right: solid 1px #ebebeb;
}

.main-container .col-main .cart .cart-tbody .item-cart div:last-child {
    border-right: solid 1px #ebebeb;
}
/*Cart Close*/
/*Products Open*/

.img-thumnails-services {
    float: left;
    margin-right: 10px;
    width: 40px;
    padding-top: 4px;
}

.wrap_module_service {
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d3d2d2;
    margin-bottom: 30px;
}

    .wrap_module_service .item_service {
        padding: 20px 12px 16px;
        border-bottom: dotted 1px #c0c0c0;
        float: left;
        width: 100%;
    }

        .wrap_module_service .item_service .wrap_item_ .content_service {
            position: relative;
        }

            .wrap_module_service .item_service .wrap_item_ .content_service p {
                font-size: 14px;
                line-height: normal;
                margin: 0px;
                padding: 0px;
                font-weight: bold;
                color: #3f3f3f;
            }

            .wrap_module_service .item_service .wrap_item_ .content_service span {
                font-family: "Roboto","HelveticaNeue","Helvetica Neue",sans-serif;
                font-size: 14px;
                line-height: 22px;
                font-weight: 400;
                color: #262626;
            }

        .wrap_module_service .item_service:last-child {
            border: none;
        }

            .wrap_module_service .item_service:last-child .content_service p {
                color: red;
            }

.details-product .price-box div {
    display: inline-block;
}

.details-product .service-block .sidebar-content .service-item .item-top .title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #363f4d;
}

.details-product .service-block .sidebar-content .service-item .item-top .img img {
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
    max-width: 35px;
    position: relative;
    top: -2px;
}

.details-product .service-block .sidebar-content .service-item .item-top .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    display: inline-block;
    zoom: 1;
    text-align: center;
    line-height: 50px;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
    position: relative;
}

.details-product .service-block .sidebar-content .service-item .item-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin-bottom: 5px;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.details-product .service-block .sidebar-content .service-item {
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}

.details-product .service-block .sidebar-content {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.details-product .service-block {
    border: 1px solid #ebebeb;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.products-page-cates {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.products-page-details {
}

.title_main_pageproducts {
    position: relative;
    padding-bottom: 4px;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0;
}

    .title_main_pageproducts h1:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -2px;
        height: 2px;
        width: 100%;
        max-width: 90px;
        background: red;
    }

.list-bestsell .list-bestsell-item {
    border-bottom: 1px solid #e9e9e9;
}

.list-bestsell {
    border: 1px solid #e5e5e5;
}

    .list-bestsell .list-bestsell-item .thumbnail-container {
        padding: 8px 5px;
    }

        .list-bestsell .list-bestsell-item .thumbnail-container .product-image {
            position: relative;
            height: 80px;
            float: left;
            width: 80px;
            margin-right: 10px;
        }

            .list-bestsell .list-bestsell-item .thumbnail-container .product-image img {
                width: auto;
                max-height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

        .list-bestsell .list-bestsell-item .thumbnail-container .product-meta {
            padding-left: 90px;
        }

            .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 {
                margin-top: 10px;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: 400;
            }

                .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 a {
                    color: #333;
                }

            .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .product-price-and-shipping .price {
                color: red;
                font-weight: 600;
                font-size: 14px;
            }

    .list-bestsell .list-bestsell-item:last-child {
        border: none;
    }
/*Products Close*/
/*Contact Page Open*/
.contact .in-fo-page-content {
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-bottom: 10px;
}

    .contact .in-fo-page-content h1 {
        margin: 0;
        color: #363f4d;
        font-size: 21px;
        padding: 0;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        position: relative;
        border-bottom: 2px solid #d7d7d7;
        text-transform: uppercase;
    }

.contact-info-page {
    display: block;
}

.contact .in-fo-page-content .contact-info-page li {
    width: 100%;
    display: table;
    margin-bottom: 7px;
    color: black;
    font-size: 15px;
}

    .contact .in-fo-page-content .contact-info-page li i {
        display: table-cell;
        width: 20px;
        text-align: center;
    }

#btnSendContact {
    background: red;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    color: #fff;
    padding: 6px 20px;
}

    #btnSendContact:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -30px;
        right: -8px;
        background: #333;
        -webkit-transform: skewX(45deg) scaleX(1);
        -ms-transform: skewX(45deg) scaleX(1);
        transform: skewX(45deg) scaleX(1);
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
        -webkit-transition: all .4s ease-out 0s;
        -o-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
    }

    #btnSendContact:hover {
        color: #fff;
    }

        #btnSendContact:hover:before {
            -webkit-transform: skewX(0) scaleX(0);
            -ms-transform: skewX(0) scaleX(0);
            transform: skewX(0) scaleX(0);
        }

.page-login #login .title-head {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    line-height: 40px;
    margin: 0;
    color: #222;
    text-align: center;
    border-bottom: 2px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
}

    .page-login #login .title-head:after {
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        bottom: -2px;
        content: "";
        width: 76px;
        height: 2px;
        display: inline-block;
        background: #0c4da2;
        position: absolute;
    }

.contact .in-fo-page-content .contact-info-page li a {
    color: black;
}

.form-signup .form-group {
    margin: 0;
    padding: 0 0 12px;
    border: 0;
}

.headding-box-sub {
    font-size: 14px;
}

.message-box-contact {
    padding-bottom: 15px;
    display: block;
    font-size: 14px;
}

    .message-box-contact .error {
        color: red;
        font-weight: bold;
    }

    .message-box-contact .success {
        font-weight: bold;
        color: #25c700;
    }
/*Contact Page Close*/

/*Sign Up Open*/
.message-box-signup {
    margin-bottom: 10px;
    display: block;
    /* text-shadow: 1px 0px 1px #fff; */
}

    .message-box-signup .error {
        color: white;
        font-weight: bold;
    }

    .message-box-signup .success {
        font-weight: bold;
        color: #0059c7;
        background: none;
        text-shadow: 1px 0 0 #fff, -2px 0 0 #fff, 0 1px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }


.message-box-signup-pr {
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    /* text-shadow: 1px 0px 1px #fff; */
}

    .message-box-signup-pr .error {
        color: red;
        font-weight: bold;
    }

    .message-box-signup-pr .success {
        font-weight: bold;
        color: #0059c7;
        background: none;
        text-shadow: 1px 0 0 #fff, -2px 0 0 #fff, 0 1px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }
/*Sign Up Close*/

.rll-youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

    .rll-youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: 0 0
    }

    .rll-youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all
    }

        .rll-youtube-player img:hover {
            -webkit-filter: brightness(75%)
        }

    .rll-youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url(https://tiecoutside37hungvuong.vn/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat;
        cursor: pointer
    }

:root {
    --primary-color: #014b58
}

.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: 80px
}

#logo img {
    max-height: 80px
}

#logo {
    width: 200px
}

.header-bottom {
    min-height: 55px
}

.header-top {
    min-height: 30px
}

.transparent .header-main {
    height: 100px
}

.transparent #logo img {
    max-height: 100px
}

.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: 100px
}

.header.show-on-scroll,
.stuck .header-main {
    height: 60px !important
}

.stuck #logo img {
    max-height: 60px !important
}

.header-bg-color,
.header-wrapper {
    background-color: rgba(255, 255, 255, .9)
}

.header-bottom {
    background-color: #f1f1f1
}

.header-main .nav > li > a {
    line-height: 30px
}

.stuck .header-main .nav > li > a {
    line-height: 30px
}

.header-bottom-nav > li > a {
    line-height: 16px
}

@media (max-width: 549px) {
    .header-main {
        height: 50px
    }

    #logo img {
        max-height: 50px
    }
}

.main-menu-overlay {
    background-color: #105458
}

.nav-dropdown {
    border-radius: 5px
}

.nav-dropdown {
    font-size: 110%
}

.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: #014b58
}

[data-text-color="primary"] {
    color: #014b58 !important
}

[data-text-bg="primary"] {
    background-color: #014b58
}

.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,
.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: red;
}

    .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: red;
    }

.nav-tabs > li.active > a {
    border-top-color: #014b58
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #014b58
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #014b58
}

.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: black;
}

[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: #000
}

[data-text-bg="secondary"] {
    background-color: #000
}

.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: #000
}

[data-text-color="secondary"] {
    color: #000000 !important
}

.secondary.is-outline:hover {
    border-color: #000
}

.success.is-underline:hover,
.success.is-outline:hover,
.success {
    background-color: #006977
}

    .success-color,
    .success.is-link,
    .success.is-outline {
        color: #006977
    }

.success-border {
    border-color: #006977 !important
}

[data-text-color="success"] {
    color: #006977 !important
}

[data-text-bg="success"] {
    background-color: #006977
}

body {
    font-size: 100%
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%
    }
}

body {
    color: #262626
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #0a0909
}

.header:not(.transparent) .header-nav.nav > li > a:hover,
.header:not(.transparent) .header-nav.nav > li.active > a,
.header:not(.transparent) .header-nav.nav > li.current > a,
.header:not(.transparent) .header-nav.nav > li > a.active,
.header:not(.transparent) .header-nav.nav > li > a.current {
    color: red
}

.header-nav.nav-line-bottom > li > a:before,
.header-nav.nav-line-grow > li > a:before,
.header-nav.nav-line > li > a:before,
.header-nav.nav-box > li > a:hover,
.header-nav.nav-box > li.active > a,
.header-nav.nav-pills > li > a:hover,
.header-nav.nav-pills > li.active > a {
    color: #FFF !important;
    background-color: red
}

a {
    color: #006977
}

.absolute-footer,
html {
    background-color: #105458
}

.tooltipster-base {
    display: none !important
}

@font-face {
    font-family: 'utmavo';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/UTM-Avo.ttf);
}

@font-face {
    font-family: 'utmavo';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url(../fonts/UTM-AvoBold_Italic.ttf);
}

@font-face {
    font-family: 'utmavo';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/UTM-AvoBold.ttf);
}

@font-face {
    font-family: 'utmavo';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(../fonts/UTM-AvoBold_Italic.ttf);
}

@font-face {
    font-family: 'ellefutura';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/ELLE-FUTURA-BOOK.ttf);
}

@font-face {
    font-family: 'ellefutura';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url(../fonts/ELLE-FUTURA-BOOKOBLIQUE.ttf);
}

@font-face {
    font-family: 'ellefutura';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/ELLE-FUTURA-BOLD.ttf);
}

@font-face {
    font-family: 'ellefutura';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(../fonts/ELLE-FUTURA-BOLDOBLIQUE.ttf)
}

body {
    font-family: 'utmavo' !important
}

.nav > li > a {
    font-family: 'ellefutura' !important;
    font-weight: 400;
    font-size: 15px;
    padding: 0 5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    font-family: 'utmavo' !important;
    font-weight: 700
}

.blog-title h5 {
    font-family: "ellefutura" !important;
    font-weight: 400;
    text-decoration: none !important
}

.xem-them .tieu-de-xem-them {
    border-left: 4px solid #014b58;
    padding-left: 10px;
    color: #000;
    margin: 15px 0 15px 0
}

.newpost {
    background: #daefff;
    padding: 10px;
    border: 1px dashed #014b58;
    border-radius: 3px
}

    .newpost ul {
        margin-bottom: 0
    }

        .newpost ul li {
            color: #4267b2;
            border-top: 1px dashed #c7e7ff;
            margin-left: 20px;
            font-size: 13px
        }

            .newpost ul li h4 {
                margin-bottom: 0;
                padding-top: 5px;
                padding-bottom: 5px
            }

            .newpost ul li a {
                color: #0070c3;
                font-weight: 400
            }

                .newpost ul li a:hover {
                    text-decoration: underline
                }

.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9
}

.danh-muc {
    margin-bottom: 15px
}

    .danh-muc span.title,
    .the-tim-kiem span.title {
        border-radius: 4px;
        background: #126e32;
        padding: 4px 10px;
        color: #fff;
        margin-right: 5px
    }

    .danh-muc a,
    .the-tim-kiem a {
        line-height: 32px;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 4px 10px;
        background: #dedede;
        color: #464646
    }

        .danh-muc a:hover,
        .the-tim-kiem a:hover {
            background: #6dca19;
            color: #fff
        }

.bai-viet-lien-quan {
    margin-top: 15px
}

    .bai-viet-lien-quan h3 {
        border-left: 4px solid #014b58;
        padding-left: 10px;
        color: #000;
        margin: 15px 0 15px 0
    }

    .bai-viet-lien-quan ul {
        margin-bottom: 0;
        display: inline-block;
        width: 100%
    }

        .bai-viet-lien-quan ul li {
            list-style: none;
            width: 25%;
            color: graytext;
            float: left;
            padding-left: 4px;
            padding-right: 5px
        }

            .bai-viet-lien-quan ul li .box-image img {
                height: 120px;
                border-radius: 4px;
                object-fit: cover;
                object-position: center
            }

    .bai-viet-lien-quan h4 {
        font-size: 15px;
        color: #000;
        line-height: 19px;
        padding-top: 7px;
        height: 64px;
        overflow: hidden
    }

.external {
    background-image: url(https://tiecoutside37hungvuong.vn/wp-content/uploads/2020/10/external-link-ltr-icon.svg);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px
}

.custom-footer .section-bg.bg-loaded:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: url(https://tiecoutside37hungvuong.vn/wp-content/uploads/2020/09/pattern.png) repeat center center rgba(0, 0, 0, .5);
    pointer-events: none
}

.fooInfo {
    padding: 30px;
    color: #fff;
    text-align: center
}

.fooLogo {
    display: block;
    width: 280px;
    margin: 0 auto;
    max-width: 100%;
    max-height: 230px
}

    .fooLogo img {
        width: 50%;
        height: auto
    }

.follow {
    font-size: 0;
    letter-spacing: 0;
    display: block;
    margin: 17px auto;
    padding: 0;
    list-style: none;
    float: none;
    text-align: center
}

    .follow:before {
        margin-bottom: 10px
    }

    .follow:before,
    .follow:after {
        content: "";
        display: block;
        width: 240px;
        height: 1px;
        background: rgba(255, 255, 255, .3);
        max-width: 100%;
        margin: 0 auto;
        clear: both
    }

    .follow a.fa {
        font-size: 22px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 33px;
        line-height: 33px;
        text-align: center;
        color: #fff;
        text-decoration: none !important;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .follow a + a {
        margin-left: 35px
    }

    .follow a.fa-facebook:hover {
        color: #4267B2
    }

    .follow a.fa-instagram:hover {
        color: #3f729b
    }

    .follow a.fa-youtube:hover {
        color: #b00
    }

    .follow a.fa-envelope:hover {
        color: #0072C6
    }

.fooInfo p {
    font-size: 15px;
    color: inherit;
    line-height: 2;
    font-family: "ellefutura";
    margin: 0;
    margin-bottom: 3px;
}

    .fooInfo p a:hover {
        color: red;
        border-bottom: solid 1px red
    }

.line {
    display: block;
    clear: both;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    margin-bottom: 10px
}

.copyright {
    float: right;
    color: #dedede;
    font-family: "ellefutura";
    text-decoration: none !important
}

    .copyright a:hover {
        color: red;
        border-bottom: solid 1px red
    }

.absolute-footer {
    display: none !important
}

.back-to-top {
    margin-bottom: 100px
}

#hotline {
    position: fixed;
    bottom: 200px;
    left: 20px;
    display: flex;
    align-items: center;
    width: 60px;
    top: auto !important;
    border-radius: 50%;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

    #hotline > a {
        display: inline-block;
        text-align: center;
        background: red;
        color: #fff;
        width: 60px;
        font-size: 24px;
        line-height: 60px;
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(255, 185, 0, .3);
        -webkit-animation: pulse 1.5s infinite;
        transition: all .3s
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, .7)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0)
    }
}

#hotline .text-quotes {
    display: inline-block;
    width: 0;
    height: 60px;
    transition: all .2s;
    overflow: hidden;
    text-align: center
}

    #hotline .text-quotes a {
        display: block;
        margin: auto;
        line-height: 60px;
        font-size: 18px;
        width: 100%;
        font-weight: 700;
        color: #000
    }

        #hotline .text-quotes a:hover {
            color: red
        }

#hotline:hover {
    width: 200px;
    border-radius: 40px;
    overflow: hidden;
    background: #fff
}

    #hotline:hover > a {
        -webkit-animation: none;
        border-radius: 4px
    }

    #hotline:hover .text-quotes {
        width: calc(100% - 50px)
    }

@media (max-width: 549px) {
    .bai-viet-lien-quan ul li {
        width: 50%
    }

        .bai-viet-lien-quan ul li .box-image img {
            height: 90px
        }
}

.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"
}

pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0;
}

.img-photo-home {
    width: 100%;
}

#section_265452445 {
    padding-top: 0;
    padding-bottom: 0
}

    #section_265452445 .section-bg.bg-loaded {
        background-image: url(../images/bg-footers.jpg)
    }

    #section_265452445 .section-bg {
        background-position: 50% 0%
    }

#col-1373606812 > .col-inner {
    margin: 0 0 0 0
}

@media (min-width: 550px) {
    #col-1373606812 > .col-inner {
        margin: 63px 0 0 0;
    }
}

.box-fanpage {
}

    .box-fanpage .col-inner {
        margin: 63px 0 0 0;
    }

.box-fanpage-b {
    padding: 0 20px;
}

.banner-style1 {
    padding: 0;
}

    .banner-style1 .col-inner {
        padding: 0 0 70px 0;
    }

    .banner-style1 .section-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 500px;
        background-color: rgb(250,250,235);
    }

    .banner-style1 .img-inner {
        margin-top: -30px !important;
    }

.banner-style2 {
    padding: 0;
}

    .banner-style2 .section-content {
    }

    .banner-style2 .img-inner {
        margin-top: -30px !important;
    }

    .banner-style2 .col-inner {
        padding: 0 0 70px 0;
    }

.pitems {
    display: block;
    height: 240px;
    color: #fff;
    position: relative;
    text-decoration: none;
    border: 1px dashed rgba(0,0,0,.12);
    overflow: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.gal-container {
    display: block;
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: .6s;
    -moz-transform-style: preserve-3d;
    -o-transition: .6s;
    -o-transform-style: preserve-3d;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative;
    height: 240px;
}

.pitems .gal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
}

.pitems .tb {
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pitems:hover .tb {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.pitems .td {
}

.cg-title {
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    text-align: left;
    text-shadow: rgba(0,0,0,.15) 0 2px 1px;
}

.pitems a:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.pitems a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgb(0 0 0 / 6%);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 3;
}

.pitems a:hover:before {
    -webkit-animation: shine 1.35s;
    animation: shine 1.35s;
}

.pitems a:hover .gal-background, .pitems a .tb {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.pitems a:hover .gal-container {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pitems a .tb .td {
    padding: 0px 20px;
    background: rgba(0,0,0,.55);
}

.pitems .td, .th {
    display: table-cell;
    vertical-align: middle;
}

.tb {
    display: table;
}

.pitems a {
    display: block;
}

.cg-descr {
    display: flex;
    color: white;
    text-align: left;
}

    .cg-descr span {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }



.price {
    font-weight: bold;
}

.regular-price {
    color: #cdcdcd;
    text-decoration: line-through;
}

.products-home-st {
}

    .products-home-st .row {
        margin-top: 30px;
    }



.blog-st {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(250,250,235);
}

.contact-page {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 500px
}

    .contact-page .section-bg-overlay {
        background-color: rgba(0,0,0,.3)
    }

    .contact-page .section-bg.bg-loaded {
    }

    .contact-page .section-bg {
        background-position: 50% 50%
    }

#section_591798542 p {
    padding: 0 !important;
    margin: 0 !important;
}

.art-content {
    display: block;
}

    .art-content img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto !important;
    }

.hidden {
    display: none !important;
}

#section_1934660713 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 500px
}

    #section_1934660713 .section-bg-overlay {
        background-color: rgba(0,0,0,.3)
    }



    #section_1934660713 .section-bg {
        background-position: 0% 0%
    }

#section_153456146 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 500px
}

    #section_153456146 .section-bg-overlay {
        background-color: rgba(0,0,0,.3)
    }



    #section_153456146 .section-bg {
        background-position: 0% 0%
    }

#section_28652805 {
    padding-top: 30px;
    padding-bottom: 30px
}

#section_153456146 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 500px;
}

.quantity input {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.quantity .minus, .quantity .plus {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.mfp-content .product-lightbox-inner .quantity .minus, #wrapper .quantity .minus {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.quantity input[type="number"] {
    max-width: 2.5em;
    width: 2.5em;
    text-align: center;
    border-radius: 0 !important;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size: 1em;
    border: none !important;
}

.quantity input {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0;
    border: 1px solid #ddd;
}

.quantity {
    opacity: 1;
    display: inline-block;
    background: white;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top;
    margin-bottom: 20px;
}

    .quantity .plus {
        border-left: 0 !important;
    }

#btnbuy {
    margin-bottom: 15px;
}

.btn-hln p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
}

.onsale {
    font-size: 15px;
}

.badge-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #446084;
    line-height: 44px;
    color: #fff;
    font-weight: bolder;
    padding: 0;
    white-space: nowrap;
    transition: background-color .3s,color .3s,border .3s;
}

ul.product-tabs {
    background: #3a130e;
    padding: 0px 10px;
}

.product-tabs a {
    color: #fff !important;
}

.product-section-title-related {
}

.product-page-price {
    display: inline-block;
}

.special-price {
    float: left;
    margin-right: 10px;
    color: red;
}

.old-price {
    float: left;
    color: #b1b1b1;
}

.product-price-container {
    margin-bottom: 15px;
}

#recent-posts-2 a {
    color: black;
}

html {
    background-color: white;
}

.search-title {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#recent-posts-2 a:hover {
    color: #e70a0a;
}
.box-text-inner h5:hover {
    color: #e70a0a;
}
.content-details div, span, p, strong {
    font-family: 'utmavo' !important;
}