@charset "UTF-8";

.breadcrumb-shop .breadcrumb>li a,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .hamburger-menu svg,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrap-logo a,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrap-logo h1,
a,
a:active,
a:focus,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #453536
}

#mb-menu .menuList-sub.item-lever li.comeback a,
.announcement-bar .top-bar-follow a,
.btn-box,
h6 {
    text-transform: uppercase
}

.announcement-bar .top-widget-holder a i.fa:before,
.footer-bottom-contact a i.fa:before {
   
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#collection .btn-boxx,
.btn-box {
    font-style: normal;
    line-height: 13px;
    outline: 0
}

html,
img {
    max-width: 100%
}

.boder-not-active,
.tab-product .tab-list ul li a {
    clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%)
}

.no-zoom,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

:root {
    --font-size-title-first-home: 20px;
    --font-size-title-second-home: 32px;
    --font-size-description-home: 18px;
    --font-size-body: 16px
}

@font-face {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fa {
    font-family: FontAwesome !important
}

body,
html {
    border: 0;
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
}

body {
    position: initial !important;
    line-height: 1.4;
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size-body);
    text-align: initial
}

.nav-link{
     font-family: 'Poppins', sans-serif;
}
.active-overlay123,
.collection-options-filter.filters-open .options-filter-box-icon .icon-filter-close,
.effect-banner .effect-banner-image,
.harafunnel-mb a,
.notification-message-1.notify-1,
.notification-message.notify,
.search-bar-mobile form.searchform.expanded .btn-search span.search-close,
.select-swatch .swatch .swatch-element:not(.color) label.sd:after,
.slick-initialized .slick-slide,
article,
aside,
details,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #453536;
    margin: 0 0 13px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif !important;
}

.cpanel-item.donate,
h1 {
    font-size: 28px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 18px;
    line-height: 40px
}

.btn-box,
h4 {
    font-size: 13px
}

h4 {
    line-height: 32px
}

h5,
h6 {
    line-height: 18px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10px
}

.announcement-bar .top-widget-holder a:hover,
.breadcrumb-shop .breadcrumb>li a:hover,
.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-4>li:hover>a,
.footer-block_bottom a:hover,
.footer-linklist li a:hover,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .f-nav .f-nav-one>li>a:hover,
.product-detail h3 a:hover,
.sidebox_content.trai .post-content h3 a,
.sidebox_content.trai .post-content p.trai-title a,
.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li:hover,
a:hover {
    color: #d29f13
}

.bolt,
.f-b-700,
.product-description .product-tab.opened .product-tab-title h2,
b,
strong {
    font-weight: 700
}

.btn:focus,
.cpanel-item:active:hover,
.form-control:focus,
.product-loop.product-horizontal .product-inner {
    box-shadow: none
}

svg {
    vertical-align: initial
}

#article .col-article .article-content-desc a {
    color: #00f
}

a {
    outline: 0;
    text-decoration: none;
    color: inherit
}

.slick-list:focus,
a:active,
a:focus,
a:hover,
button:focus,
input:focus {
    outline: 0
}

button.add-toCart[disabled],
button[disabled] {
    cursor: default;
    opacity: .7
}

.link {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

ul {
    padding: 0;
    list-style-type: none
}

table tr td {
    border-top: 1px solid #e7e7e7
}

table tr td,
table tr th {
    padding: 10px;
    text-align: left
}

.labrary .tab-item:first-child,
table tr td:first-child,
table tr th:first-child {
    padding-left: 0
}

table tr td:last-child,
table tr th:last-child {
    padding-right: 0
}

em {
    font-style: italic
}

.btn-box {
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 15px 25px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #d29f13;
    border-radius: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    cursor: pointer;
    overflow: hidden
}

.btn-box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

#collection .btn-boxx.btnred,
#collection .btn-boxx.dark,
.btn-box.dark {
    background-color: #d29f13;
    border-color: #d29f13
}

.btn-box.btnred {
    background-color: #d29f13;
    border-color: #f1f1f1
}

.sitebox-recaptcha {
    padding: 0;
    color: #898989;
    text-align: left;
    font-size: 13px;
    clear: both
}

.sitebox-recaptcha a {
    color: #2962ff
}

.site-overlay {
    background: rgba(225, 225, 225, .05);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear
}

.locked-scroll .site-overlay,
.news-content:hover .overlay,
.product-item:hover .overlay,
.site-overlay.active,
.sub-menu-item:hover .sub-menu-2 {
    opacity: 1;
    visibility: visible
}

.aspect-ratio .lazyload:not([src]),
.aspect-ratio .ls-blur-up-is-loading,
.aspect-ratio img:not([src]),
.has-dropdown>.nav-dropdown,
.slick-loading .slick-slide,
.slick-loading .slick-track,
img.owl-lazy:not([src]) {
    visibility: hidden
}

.aspect-ratio,
.main_section_box .in-box a span {
    position: relative;
    display: block
}

@-webkit-keyframes marginLeft {
    0% {
        background-position: 20%
    }

    100% {
        background-position: 90%
    }
}

@keyframes marginLeft {
    0% {
        background-position: 20%
    }

    100% {
        background-position: 90%
    }
}

@-webkit-keyframes slideshowFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes slideshowFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scaleBannerService {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

@keyframes scaleBannerService {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

.list-article-content .article-list-item .article-excerpt-title a,
.product-detail h3 a,
.product-detail p.pro-name a,
.sidebox_wrapper .sidebox_content-list .item-article .post-content h3 a,
.sidebox_wrapper .sidebox_content-list .item-article .post-content p a {
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.form-control {
    height: initial;
    font-size: 14px;
    color: #453536;
    background: 0 0;
    border: 1px solid #ebeded;
    padding: 10px 15px;
    -webkit-appearance: none
}

.form-control:focus {
    outline: 0;
    border-color: #d29f13
}

#account-popover .popover-panel_list .form-input-wrapper,
#mb-menu .menuList-sub li,
.banner-contact-header,
.collection-options-filter .options-filter-box-icon,
.collection-sortby,
.cpanel-item.link,
.effect-banner,
.f-nav .f-nav-one>li.onMega .f-nav-two li,
.f-nav .f-nav-one>li:not(.onMega),
.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li,
.main-body,
.menuList-links li,
.product-content-image .wrapbox-image .productGallery_slider,
.product-description .product-tab-title,
.product-tabs .product-description .panel-toggle-wrap:not(.content-outer-open).applied-height .content-outer,
.productDetail_style_02 .product-container-gallery,
.relative,
.search-header,
.sidebox_wrapper,
.social-group,
.wrapbox-content-cart .line-item-product_body,
form.searchform {
    position: relative
}

.layout-pageNot h1 span {
    display: block;
    color: #fff;
    font-size: 170px;
    font-weight: 700;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
}

@media (min-width:1200px) {

    .container-fluid,
    .container-fluid-mb {
        max-width: 1600px;
        padding: 0 35px
    }

    .f-nav .f-nav-one>li.onMega .f-nav-two {
        padding: 10px 60px 10px 70px
    }
}

@media (min-width:1400px) {

    .container-fluid,
    .container-fluid-mb {
        padding: 0 85px
    }
}

.announcement-bar {
    padding: 10px 0
}

.announcement-bar .top-widget-holder a {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: none
}

.announcement-bar .top-widget-holder a:not(:first-child) {
    margin-left: 20px
}

.announcement-bar .top-widget-holder a i.fa:before {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 15px;
    margin-right: 5px
}

.announcement-bar .top-bar-follow p,
.footer-text-line-test p,
.menuList-links,
.product-detail p.pro-name,
.row.flex-nowrap.flexContainer-header,
.searchform .button.icon,
.wrapper-service-home .item .item-wrapper-content p,
ol,
ul {
    margin: 0
}

.announcement-bar .top-bar-follow a:not(:first-child) {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #d4d4d4
}

.flexContainer-header>div[class*=wrapper-header-],
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .f-nav .f-nav-one>li,
.section5 .left,
.wrapper-collection-2 .row .product-colmnloop,
.wrapper-collection-3 .row .product-colmnloop {
    padding: 0
}

.main-header .navigation-header {
    position: relative;
    background: #fff;
    z-index: 99;
    width: 100%
}

.main-header .navigation-header.hSticky,
.productDetail_style_03 .productList-slider button.slick-arrow.slick-next.slick-disabled,
.productDetail_style_03 .productList-slider button.slick-arrow.slick-prev.slick-disabled,
.tab-product .active .boder-not-active {
    opacity: 0;
    visibility: hidden
}

.main-header .navigation-header.hSticky.hSticky-down {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.main-header .header-bottom.hSticky.hSticky-down.hSticky-up,
.main-header .navigation-header.hSticky.hSticky-down.hSticky-up {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

#collection-three-slide .owl-nav button.owl-next.disabled,
#collection-three-slide .owl-nav button.owl-prev.disabled,
#collection-two-slide .owl-nav button.owl-next.disabled,
#collection-two-slide .owl-nav button.owl-prev.disabled,
#listViewed button.owl-next.disabled,
#listViewed button.owl-prev.disabled,
#menu-desktop-icon,
#menu-mobile-icon,
#owlProductRelated button.owl-next.disabled,
#owlProductRelated button.owl-prev.disabled,
.collection-options-filter .options-filter-box-icon .icon-filter-close,
.collection-options-filter.filters-open .options-filter-box-icon .icon-filter-collections,
.collection-sortby-custom_option .collection-sortby-close_mb,
.f-nav .f-nav-one>li.onMega .f-nav-two li a svg,
.f-nav .f-nav-one>li.onMega .f-nav-two.hide,
.flash-content:not(.active),
.header.fixed .top-header,
.hide,
.lib-content:not(.active),
.main-header .navigation-header.hSticky.hSticky-down .announcement-bar,
.main-header .wrap-logo-sticky,
.main-header.mainHeader_tempPr .wrapper-header-nav .backto-page.icon-nav,
.main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .wrapper-header-logo,
.mainHeader_temp_3 .navigation-header.hSticky-down .header-search-wrap,
.mainHeader_temp_3 .navigation-header.hSticky-down .wrapper-header-icon .box-action-text,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action-icon .wrap-search,
.menu-desktop,
.menu-mobile-button #icon-minus-1,
.menu-mobile-button #icon-minus-2,
.menu-mobile-button #icon-minus-3,
.menu-mobile-button #icon-minus-4,
.menuList-links li ul.submenu-links,
.noritake-conetent button.owl-next.disabled,
.noritake-conetent button.owl-prev.disabled,
.pagination>li.disabled,
.product-loop.trai,
.product-tabs .product-description .show-tab-dropdown,
.search-bar-mobile form.searchform .btn-search span.search-close,
.search-bar-mobile form.searchform.expanded .btn-search span.search-icon,
.select-swatch .swatch input,
.sidebar-filter-close,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.tab-product .tab-list ul li a:hover .boder-not-active,
.tabcontent:not(.active),
.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-color .checkbox-list li input[type=checkbox],
.wrapper-layered-filter .layered-filter-group .filter-group-subtitle span.icon-control,
form.form-collection-add-to-cart {
    display: none
}

.box-pro-detail,
.button-trai,
.center,
.main-header .navigation-header.hSticky.hSticky-down .main-nav,
.mainHeader_temp_1 .navigation-header .main-nav,
.notice-red,
.product-tabs .product-description .panel-toggle-wrap .content-toolbar {
    text-align: center
}

.main-header .wrap-logo a,
.main-header .wrap-logo h1 {
    font-size: 32px;
    font-weight: 700;
    color: #d29f13;
    margin: 0
}

.main-header .wrap-logo a img {
    max-height: 40px
}

.main-header {
    border-bottom: 1px solid #ededed
}

.main-header .header-bottom {
    position: relative;
    width: 100%
}

.hot-news .slick-next:hover,
.hot-news .slick-prev:hover,
.hotproduct-carousel .slick-next:hover,
.hotproduct-carousel .slick-prev:hover,
.lib-carousel .slick-next:hover,
.lib-carousel .slick-prev:hover,
.main-header .header-bottom.hSticky,
.productDetail_style_03 .product-list-lazy.slick-initialized,
.productDetail_style_03 .product-thumb.slick-current .product-thumb-item img {
    opacity: 1
}

.main-header .header-bottom.hSticky.hSticky-down {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.header-action-icon .wrap-cart .count-holder {
    position: absolute;
    top: 0;
    right: -2px;
    font-size: 11px;
    text-align: center;
    min-width: 18px;
    line-height: 18px;
    color: #fff;
    border-radius: 50%;
    background: #d29f13;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.header-action,
.site_cart .mini-cart_button-container a.link-to-checkout {
    margin-left: 10px
}

.header-action a.header-action-toggle {
    display: block;
    position: relative;
    font-size: 13px;
    color: #333
}

.header-action .box-action-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 35px;
    text-align: center
}

.header-action .box-action-icon svg {
    width: 22px;
    height: 35px;
    fill: #000;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.header-action.show-action .header_dropdown_content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1), transform .4s cubic-bezier(.18, 1.25, .4, 1), visibility .4s linear, -webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1)
}

.header-action.show-action #account-popover .popover-panel_list .popover-panel.is-selected {
    visibility: visible
}

.header-action.show-action .box-action-icon .count-holder,
.header-action.show-action .box-action-icon .svg--icon {
    opacity: 0;
    transform: scale(0)
}

.header-action.show-action .icon-state .box-icon--close {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.icon-state .box-icon--close {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.icon-state .box-icon--close svg {
    width: 20px;
    height: 35px;
    color: #fff
}

.hotproduct-carousel .item,
.lib-carousel .item,
.search-bar-mobile {
    padding: 5px
}

.search-bar-mobile form.searchform input.searchinput {
    height: 32px;
    padding: 3px 40px 3px 8px;
    border-radius: 30px;
    background: #f3f5f6;
    font-size: 12px
}

.search-bar-mobile form.searchform .btn-search {
    width: 35px;
    height: 32px;
    line-height: 32px;
    background: 0 0;
    border-radius: 0
}

.search-bar-mobile form.searchform .btn-search svg {
    width: 14px;
    height: 32px;
    opacity: .5;
    fill: initial
}

.search-bar-mobile form.searchform .btn-search span {
    display: block;
    width: 35px;
    height: 32px
}

.search-bar-mobile form.searchform .btn-search span.search-close svg {
    width: 20px;
    fill: #d29f13;
    opacity: initial
}

.search-bar-mobile .smart-search-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}

.announcement_bar_temp01 {
    background: #fff;
    border-bottom: 1px solid #fff
}

.announcement_bar_temp01 a {
    color: #000
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .header-inner {
    background: #f4b0b0
}

.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .header-action-icon .header-action .box-action-icon svg {
    fill: #ffffff;
    color: #fff
}

.announcement_bar_temp02 a,
.announcement_bar_temp03 a,
.btn-tab:hover,
.button-trai button a,
.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .hamburger-menu svg,
.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .wrap-logo a,
.mainHeader_temp_1 .navigation-header:not(.hSticky-down) .wrap-logo h1,
.pagination>.active a,
.tab-product .item:not(.active) .btn-tab:hover span,
.tab-product .tab-list ul li a:focus,
.tab-product .tab-list ul li a:hover {
    color: #fff
}

.announcement_bar_temp02,
.announcement_bar_temp03 {
    background: #d29f13;
    border-bottom: 1px solid #d29f13
}

#home-slider .owl-dots .owl-dot.active span,
.breadcrumb-shop,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .header-inner,
.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-inner,
.modal-contactform .modal-body.body-popupform .form-control:focus,
.wrapbox-content-cart .reponsive-cart-noted .checkout-note .form-control {
    background: #fff
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .header-action-icon .header-action .box-action-icon svg {
    fill: #866d4b;
    color: #866d4b
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .f-nav .f-nav-one>li>a,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .hamburger-menu svg,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrap-logo a,
.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrap-logo h1 {
    color: #866d4b
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .wrapper-header-menu {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.mainHeader_temp_2 .navigation-header:not(.hSticky-down) .f-nav .f-nav-one>li>a:after {
    background-color: #866d4b
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-action-icon .header-action .box-action-icon svg {
    fill: #453536;
    color: #453536
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap {
    position: relative;
    width: 400px
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap .smart-search-wrapper {
    position: absolute;
    top: calc(100% + 5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap form.searchform input.searchinput {
    height: 32px;
    line-height: 30px
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap form.searchform .btn-search {
    width: 40px;
    height: 32px
}

.mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap form.searchform .btn-search svg {
    height: 32px
}

.mainHeader_temp_3 .navigation-header .flexContainer-header {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.scroll-body-up .f-nav .f-nav-one>li.onMega .f-nav-two {
    top: 73.2px !important
}

.f-nav .f-nav-one>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.f-nav .f-nav-one>li>a {
    position: relative;
    display: block;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    color: #866d4b;
    padding: 27px 0
}

.f-nav .f-nav-one>li>a>svg {
    width: 12px;
    height: 8px;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.f-nav .f-nav-one>li>a:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0;
    height: 3px;
    left: 0;
    bottom: -2px;
    background-color: #d29f13;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.f-nav .f-nav-one>li.onMega .f-nav-two,
.f-nav .f-nav-one>li:not(.onMega) .f-nav-two {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    transition: .3s ease-in-out;
    top: 100%;
    background: #fff
}

.f-nav .f-nav-one>li:hover>a svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.f-nav .f-nav-one>li:hover>ul,
.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li:hover>ul {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important
}

.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-1,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-2,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-3,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-4 {
    width: 25%
}

#account-popover .popover-panel_list .form-submit,
.banner-slide .box-item img,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-1 li,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-2 li,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-3 li,
.f-nav .f-nav-one>li.onMega.onMega-2 .f-nav-two .flex-all.flex-4 li,
.searchform-wrapper {
    width: 100%
}

.f-nav .f-nav-one>li.onMega .f-nav-two {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    min-width: 140px;
    margin-top: 30px;
    border-radius: 0 0 3px 3px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: flex
}

.f-nav .f-nav-one>li:not(.onMega) .f-nav-two,
.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li>.f-nav-three {
    position: absolute;
    margin-top: 30px;
    border-radius: 0 0 3px 3px;
    z-index: 1;
    width: 225px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap
}

.actionToolbar_mobile ul.actionToolbar_listing li,
.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-1,
.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-3,
.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-4 {
    width: 20%
}

.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-2,
.search-form {
    width: 40%
}

.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all.flex-2>li {
    width: 50%
}

.f-nav .f-nav-one>li.onMega .f-nav-two .flex-all>li>a {
    font-weight: 600;
    color: #866d4b
}

.f-nav .f-nav-one>li.onMega .f-nav-two li a {
    padding: 9px 15px;
    text-align: left;
    display: block;
    font-size: 14px;
    text-transform: none
}

.f-nav .f-nav-one>li.onMega .f-nav-two li a img {
    max-width: 100%;
    height: auto
}

.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li a {
    padding: 9px 25px 9px 15px;
    white-space: nowrap;
    text-align: left;
    display: block;
    font-size: 14px;
    text-transform: none;
    width: 150px
}

.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li a svg {
    position: absolute;
    top: 12%;
    right: 7px;
    width: 15px;
    fill: #453536;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    transition: right .5s
}

.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li:hover a svg,
.hot-news .slick-next,
.productDetail-information .sliderOwl-product .owl-nav button.owl-next {
    right: 0
}

.f-nav .f-nav-one>li:not(.onMega) .f-nav-two li>.f-nav-three {
    top: 0;
    left: 100%;
    background: #fbfbfb;
    min-width: 140px;
    transition: .3s ease-in-out;
    height: 489px
}

.nav-wrap-menu .f-nav-three {
    max-width: 630px
}

.nav-wrap-menu .f-nav-one>li:not(.onMega) .f-nav-two li {
    max-width: 250px !important
}

.wrapper-header-nav {
    margin-left: -5px;
    margin-right: 10px
}

.wrapper-header-nav .hamburger-menu {
    display: block;
    position: relative;
    width: 30px;
    height: 35px;
    text-align: center;
    cursor: pointer
}

.wrapper-header-nav .icon--hamburger-mobile {
    width: 20px;
    height: 35px;
    color: #fff;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.header_dropdown_content {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    top: 100%;
    z-index: 999;
    border-radius: 3px;
    color: #453536;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, visibility .25s ease-in-out, max-height 0s linear .25s;
    -moz-transition: opacity .25s ease-in-out, -moz-transform .25s ease-in-out, visibility .25s ease-in-out, max-height 0s linear .25s;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out, max-height 0s linear .25s;
    will-change: transform
}

.header_dropdown_content .box-triangle {
    position: absolute;
    right: 9px;
    bottom: calc(100% - 1px);
    margin: 0;
    width: 30px;
    height: 14px;
    text-align: center
}

.header_dropdown_content .box-triangle svg {
    width: 25px;
    -webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, .12))
}

.header_dropdown_content .site-nav-container {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 12px;
    overflow: hidden;
    min-height: 100%;
    padding: 25px 15px 15px
}

.header_dropdown_content.site_cart .mini-cart_scroll {
    margin: 5px 0;
    padding-right: 10px
}

.header_dropdown_content.site_search .titlebox-search,
.site_cart .mini-cart_alert-wrapper .title-box {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #453536;
    text-transform: uppercase
}

.header_dropdown_content.site_search .box-triangle {
    right: 89px
}

.header_dropdown_content.site_search .titlebox-search {
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6
}

.header_dropdown_content.site_account .box-triangle {
    right: 49px
}

.header_dropdown_content.site_menu_mobile {
    width: 95vw;
    height: 100vh
}

.header_dropdown_content.site_menu_mobile .box-triangle {
    left: 9px
}

@media screen and (min-width:992px) {
    .header_dropdown_content {
        top: calc(100% + 10px);
        right: 0;
        left: auto;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1)
    }

    .header_dropdown_content.site_cart {
        max-height: none;
        width: 100%;
        height: auto
    }

    .header_dropdown_content.site_cart .mini-cart_scroll {
        max-height: 350px;
        overflow-y: auto
    }

    .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(105, 105, 105, .8);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
    }

    .header_dropdown_content.site_cart .mini-cart_scroll::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(105, 105, 105, .4)
    }

    .header_dropdown_content.site_search {
        width: 400px
    }

    .header_dropdown_content.site_account.site-account--info {
        width: 250px;
        min-width: 250px
    }
}

.site_cart .mini-cart_alert-wrapper .title-box {
    text-align: center;
    padding: 6px 15px;
    background: #f3f5f6;
    border-radius: 30px
}

.site_cart .mini-cart_line-item {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0
}

.site_cart .mini-cart_line-item+.mini-cart_line-item {
    border-top: 1px dotted #dee2e6
}

.site_cart .mini-cart_image-wrapper {
    width: 90px;
    margin-right: 15px
}

.menuList-links>li.has-submenu span.icon-plus-submenu:hover,
.site_cart .mini-cart_image-wrapper img {
    border: 1px solid #dee2e6
}

.site_cart .mini-cart_item-wrapper {
    position: relative;
    width: calc(100% - 90px);
    padding-right: 30px
}

.site_cart .mini-cart_product-title {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 5px
}

.site_cart .mini-cart_product-variant {
    display: block;
    font-size: 12px;
    margin: 5px 0 10px;
    opacity: .66;
    text-transform: uppercase
}

.site_cart .mini-cart_product-quantity {
    display: inline-block;
    background: #f3f5f6;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
    font-weight: 500
}

.collection-sortby-custom_option .custom-select-menu>li.active,
.site_cart .mini-cart_product-price {
    font-weight: 600
}

.site_cart .mini-cart_product-remove-item {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1
}

.site_cart .mini-cart_empty-state {
    padding: 70px 0 60px;
    text-align: center;
    margin-right: -10px
}

.labrary .lib-content .col-item,
.site_cart .mini-cart_empty-state svg,
tr {
    margin-bottom: 10px
}

.site_cart .mini-cart_empty-state p {
    font-size: 16px;
    line-height: 1.7
}

.site_cart .mini-cart_total-recap {
    padding: 15px 0 5px;
    border-top: 1px solid #dee2e6
}

#account-popover .site-account-infor,
.product-loop.product-horizontal .product-detail h3,
.site_cart .mini-cart_price-total-line span,
.sub-menu-link {
    font-size: 14px
}

.site_cart .mini-cart_price-total-line #total-view-cart {
    font-weight: 700;
    font-size: 16px;
    color: #d29f13
}

.site_cart .mini-cart_button-container {
    margin-top: 15px
}

.site_cart .mini-cart_button-container a {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 10px
}

.payment-icon li,
.site_cart .mini-cart_button-container a.link-to-cart {
    margin-right: 10px
}

#account-popover.site-account--info .site-nav-container {
    padding: 25px 0
}

#account-popover .site-account-infor_header {
    text-align: center;
    border-bottom: 1px solid #dee2e6;
    padding: 0 0 10px;
    margin-bottom: 10px
}

#account-popover .site-account-infor_header h2 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase
}

#account-popover .site-account-infor_list li {
    margin-bottom: 5px
}

#account-popover .popover-panel_list .popover_header .popover_legend,
#account-popover .site-account-infor_list li:last-child,
.flashsale-content .content label,
.product-detail .box-pro-prices .block-pro-price,
.slick-slider,
.tab-product .content label,
.wrapper-layered-filter .layered-filter-group .filter-group,
.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li:last-child {
    margin-bottom: 0
}

#account-popover .site-account-infor_list li span {
    display: block;
    padding: 8px 20px;
    font-size: 15px;
    color: #282c2d;
    font-weight: 500
}

#account-popover .site-account-infor_list li a {
    display: block;
    padding: 5px 20px 5px 13px;
    position: relative;
    margin-left: 20px
}

#account-popover .site-account-infor_list li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 45%;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%
}

#account-popover .popover-panel_list,
.product-loop .product-image {
    position: relative;
    overflow: hidden
}

#mb-menu,
#mb-menu .menuList-sub {
    right: 0;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    left: 0
}

#mb-menu .menuList-sub,
html {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

#account-popover .popover-panel_list .popover-panel {
    width: 100%;
    visibility: hidden;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.23, 1, .32, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: -moz-transform .5s cubic-bezier(.23, 1, .32, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), visibility .5s cubic-bezier(.23, 1, .32, 1)
}

#account-popover .popover-panel_list .popover-panel.is-selected {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

#account-popover .popover-panel_list .popover-panel_default {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

#account-popover .popover-panel_list .popover-panel_sliding {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

#account-popover .popover-panel_list .popover_header {
    padding: 0 0 15px
}

#account-popover .popover-panel_list .popover_header .popover_title {
    margin-bottom: 8px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500
}

#account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text {
    padding: 15px 20px 3px;
    display: block;
    border-radius: 30px;
    width: 100%;
    border: 1px solid #d4d6d8;
    color: #453536;
    line-height: normal;
    height: 48px;
    -webkit-appearance: none;
    resize: none;
    font-size: 14px
}

#account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text.is-filled+.form-floating_label,
#account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text:focus+.form-floating_label {
    -webkit-transform: translateY(-6px) scale(.8);
    -moz-transform: translateY(-6px) scale(.8);
    transform: translateY(-6px) scale(.8)
}

#account-popover .popover-panel_list .form-input-wrapper_labelled .form-field_text:focus,
.productDetail_style_03 .product-thumb.slick-current .product-thumb-item,
.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li:hover input[type=checkbox]:after {
    border-color: #d29f13
}

#account-popover .popover-panel_list .form-input-wrapper_labelled .form-floating_label {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 48px;
    font-size: 14px;
    transform: scale(1);
    transform-origin: left top;
    transition: transform .2s ease-in-out;
    pointer-events: none
}

#account-popover .popover-panel_list .popover-secondary-action {
    margin: 16px 0 10px
}

#account-popover .popover-panel_list .popover-secondary-action p>.link {
    color: #285cec;
    transition: color .2s ease-in-out;
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0;
    outline: 0
}

#mb-menu {
    top: 0;
    height: 100%;
    overflow-x: hidden;
    text-align: left
}

#mb-menu .menuList-sub {
    margin: 0;
    background: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: transform .4s;
    -ms-transition: transform .4s;
    transition: transform .4s
}

#mb-menu .menuList-sub.mm-opened,
#mb-menu .menuList-sub.mm-sub,
#mb-menu .menuList-sub.mm-sub-3,
#mb-menu .menuList-sub.sub-child {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#mb-menu .menuList-sub.sub-child.mm-subopened {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

#mb-menu .menuList-sub li a {
    display: block;
    padding: 15px 25px 15px 10px;
    outline: 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: 500
}

#mb-menu .menuList-sub li a i svg {
    width: 8px;
    height: 12px
}

#mb-menu .menuList-sub li a:focus {
    background-color: #efefef
}

#mb-menu .menuList-sub li:not(.comeback) a i {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #757575;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#mb-menu .menuList-sub.item-lever li a {
    font-weight: 300;
    text-transform: none;
    color: #453536
}

#mb-menu .menuList-sub.item-lever li.comeback a i {
    font-size: 15px;
    padding-right: 10px;
    font-weight: 700
}

#mb-menu .main_help .mobile_menu_section,
.list-article-content .article-list-item .article-excerpt-content {
    padding: 15px
}

#mb-menu .main_help .mobile_menu_section p {
    font-size: 15px;
    line-height: 1.85;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    color: #333
}

#mb-menu .main_help .mobile_menu_section .mobile_menu_help {
    color: #677279;
    display: flex;
    align-items: center
}

#mb-menu .main_help .mobile_menu_section .mobile_menu_help svg {
    margin-right: 16px;
    width: 24px;
    height: 24px
}

#mb-menu .main_help .mobile_menu_section .mobile_menu_help a {
    border-bottom: 0 !important;
    text-transform: none !important
}

@-webkit-keyframes zoom {
    from {
        transform: scale(1, 1)
    }

    to {
        transform: scale(1.2, 1.2)
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1)
    }

    to {
        transform: scale(1.2, 1.2)
    }
}

#home-slider {
    overflow: hidden;
    z-index: 0 !important
}

#home-slider .owl-nav button,
.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button {
    position: absolute;
    top: 50%;
    z-index: 2;
    padding: 0;
    color: #888;
    font-size: 0;
    text-align: center;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

#home-slider .owl-nav button.owl-prev {
    left: 35px
}

#home-slider .owl-nav button.owl-prev:hover {
    left: 25px
}

#home-slider .owl-nav button.owl-next {
    right: 35px
}

#home-slider .owl-nav button.owl-next:hover {
    right: 25px
}

#home-slider .owl-nav button svg {
    width: 50px;
    height: 50px;
    fill: #fff;
    color: #fff
}

#home-slider .owl-dots {
    position: absolute;
    bottom: 28px;
    text-align: center;
    width: 100%
}

#home-slider .owl-dots .owl-dot,
.layered_filter_tags .filter_tags.opened,
.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog,
.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots .owl-dot {
    display: inline-block
}

#home-slider .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #fff;
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out
}

#home-slider .slider-content-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#home-slider .slider-content-text .wrap-content-slider .title-content-slider p {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    margin: 0 auto 15px;
    opacity: 0
}

#home-slider .slider-content-text .wrap-content-slider .title-content-slider h2 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    margin: 0 auto 15px;
    opacity: 0;
    line-height: 1.4
}

#home-slider .slider-content-text .wrap-content-slider .button_content_box {
    display: inline-block;
    padding-top: 15px;
    opacity: 0
}

#home-slider .slider-content-text .wrap-content-slider .button_content_box a {
    padding: 16px 45px
}

#home-slider .owl-item.active .slider-content-text .wrap-content-slider p {
    animation: .5s cubic-bezier(.46, .03, .52, .96) .1s forwards slideshowFade
}

#home-slider .owl-item.active .slider-content-text .wrap-content-slider .button_content_box,
#home-slider .owl-item.active .slider-content-text .wrap-content-slider h2 {
    animation: 1s cubic-bezier(.46, .03, .52, .96) .3s forwards slideshowFade
}

.list-article-content .pd-item-article,
.logo-footer,
.mainContent-theme .section[class*=section-] {
    margin-bottom: 30px
}

.mainContent-theme .section-banner+.section-banner {
    margin-top: -50px
}

.wrapper-banner-introproduct .banner-introproduct-title_first,
.wrapper-banner-testimonials .banner-testimonials-title_frist,
.wrapper-heading-home span.titleH-first {
    font-size: var(--font-size-title-first-home);
    display: block;
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 1.3
}

.wrapper-banner-introproduct .banner-introproduct-title_second,
.wrapper-banner-testimonials .banner-testimonials-title_second {
    font-size: var(--font-size-title-second-home);
    margin: 0;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase
}

.wrapper-banner-introproduct .banner-introproduct-desc,
.wrapper-banner-testimonials .banner-testimonials-desc {
    font-size: var(--font-size-description-home);
    line-height: 1.5;
    font-weight: 300;
    margin: 0;
    padding-top: 15px;
    letter-spacing: .2px
}

.wrapper-banner-introproduct .banner-introproduct-button,
.wrapper-banner-introproduct .banner-introproduct-contact {
    margin-top: 25px
}

@media (max-width:992px) {
    .wrapper-banner-introproduct .banner-introproduct {
        padding: 1.5rem 0 !important;
        text-align: center
    }
}

.wrapper-banner-introproduct.introproduct-1 {
    background: #fff;
    padding: 40px 0
}

.wrapper-banner-introproduct.introproduct-2 {
    background: #d1e2e8;
    padding: 30px 0
}

.wrapper-banner-introproduct.introproduct-3 {
    background: #f5f5f5
}

.wrapper-banner-introproduct.introproduct-4 {
    background: #e1e6ea
}

.wrapper-banner-introproduct.introproduct-5 {
    background: #fdf1f3
}

.wrapper-heading-home {
    margin-bottom: 5px;
    padding: 0 15px 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.wrapper-heading-home h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0
}

.product-detail h3,
.product-detail p.pro-name {
    font-weight: initial;
    font-size: 15px
}

.wrapper-heading-home p {
    margin: 0;
    font-size: 14px;
    font-style: italic
}

.wrapper-banner-testimonials {
    padding: 0 15px;
    background: #e1e6e7
}

.wrapper-banner-testimonials .slider-banner-testimonials {
    padding: 20px 200px;
    overflow: hidden
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev {
    left: 120px
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev:hover {
    left: 100px
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next {
    right: 120px
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next:hover {
    right: 100px
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button svg {
    width: 50px;
    height: 50px;
    fill: #000;
    color: #000
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots {
    margin: 25px 0 0
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #fff;
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out
}

.wrapper-banner-testimonials .slider-banner-testimonials .owl-dots .owl-dot.active span {
    background: #d29f13;
    border-color: #d29f13
}

@media (min-width:992px) {
    .main-header .navigation-header:not(.hSticky-down) .header_dropdown_content {
        top: calc(100% + 17px)
    }

    .main-header .navigation-header.hSticky-down #main-nav-linklist .nav-linklist>.nav-bar-item {
        padding: 20px 0
    }

    .main-header .navigation-header.hSticky-down .wrap-logo a,
    .main-header .navigation-header.hSticky-down .wrap-logo h1 {
        font-size: 26px
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .header-inner {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: hidden
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .header-nav-sticky {
        display: -webkit-flex;
        display: flex;
        -webki-align-items: center;
        align-items: center
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .wrap-logo-sticky {
        display: block;
        max-width: 18%;
        padding: 5px 0
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .menu-desktop {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 15px;
        padding-right: 130px
    }

    .main-header:not(.mainHeader_temp_2) .navigation-header.hSticky-down .wrapper-header-icon {
        visibility: visible;
        width: initial;
        max-width: initial;
        flex: unset
    }

    .main-header .navigation-header .wrap-logo,
    .main-header .navigation-header .wrap-logo-sticky {
        min-width: 180px
    }

    .main-header .navigation-header.hSticky-down .wrap-logo img {
        max-height: 55px
    }

    .main-header .header-inner {
        padding: 20px 0 15px
    }

    .main-header .wrapper-header-icon {
        position: relative
    }

    .mainHeader_temp_2 .navigation-header .header-inner {
        padding: 0
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-logo {
        padding: 0 15px;
        max-width: 25%
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon {
        padding: 0 15px
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) #main-nav-linklist .nav-linklist {
        text-align: left
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) #main-nav-linklist .nav-linklist>.nav-bar-item {
        margin: 0 30px 0 0
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .wrapper-header-icon .header-action {
        position: relative;
        margin-left: 25px
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text {
        display: inline-block;
        vertical-align: middle;
        color: #453536;
        padding-left: 5px
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name-title {
        font-size: 14px;
        display: block
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name {
        font-size: 13px;
        font-weight: 600;
        display: inline-flex
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name i {
        margin-left: 5px;
        line-height: 1.4
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .box-action-text_name-account {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 120px;
        overflow: hidden
    }

    .mainHeader_temp_3 .navigation-header.hSticky-down .flexContainer-header {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .mainHeader_temp_3 .navigation-header.hSticky-down .wrap-email,
    .mainHeader_temp_3 .navigation-header.hSticky-down .wrap-hotline {
        display: none
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider h2 {
        max-width: 900px;
        min-width: 900px
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider p {
        max-width: 400px;
        min-width: 400px
    }

    .wrapper-banner-testimonials .banner-image-testimonials {
        border-left: 10px solid #fff
    }

    .wrapper-banner-testimonials .banner-image-testimonials_content {
        display: flex;
        align-items: center;
        height: 100%
    }

    .product-loop:not(.product-horizontal) .product-inner:hover {
        -webkit-box-shadow: 0 5px 10px 0 rgba(69, 79, 89, .15);
        -moz-box-shadow: 0 5px 10px 0 rgba(69, 79, 89, .15);
        box-shadow: 0 5px 10px 0 rgba(69, 79, 89, .15)
    }

    .product-loop .product-inner {
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        transition: .3s linear
    }

    .product-loop .product-inner .product-image,
    .product-loop .product-inner:hover .product-image .image-first-holder,
    .product-loop .product-inner:hover .product-image .image-second-holder {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .product-loop .product-inner:hover .product-image .image-first-holder {
        opacity: 0;
        visibility: hidden
    }

    .product-loop .product-inner:hover .product-image .image-second-holder {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .main-header .navigation-header:not(.hSticky-down) .wrap-logo a,
    .main-header .navigation-header:not(.hSticky-down) .wrap-logo h1 {
        font-size: 26px
    }

    .main-header #main-nav-linklist .nav-linklist>.nav-bar-item {
        margin: 0 10px
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) #main-nav-linklist .nav-linklist>.nav-bar-item {
        margin: 0 15px 0 0
    }

    .mainHeader_temp_3 .navigation-header:not(.hSticky-down) .header-panel-bottom .desk-search-wrap {
        width: 350px
    }

    .f-nav .f-nav-one>li>a {
        font-size: 12px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials {
        padding: 45px 115px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev {
        left: 50px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev:hover {
        left: 40px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next {
        right: 50px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next:hover {
        right: 40px
    }
}

.product-loop.product-horizontal {
    margin-bottom: 35px;
    padding: 0 15px
}

.product-loop.product-horizontal .product-image {
    width: 90px
}

.product-loop.product-horizontal .product-image .product-sale {
    top: 2px;
    left: 2px;
    font-size: 10px;
    padding: 0 2px
}

.product-loop.product-horizontal .product-image a {
    border: 1px solid #f3f3f3
}

.product-loop.product-horizontal .product-detail {
    width: calc(100% - 90px);
    padding: 8px 0 0 15px
}

.product-loop.product-horizontal .product-detail .block-pro-sold-out {
    display: block;
    font-size: 12px;
    color: #d29f13;
    font-weight: 600;
    margin-top: 4px
}

.wrapper-service-home {
    background: #e8e6dd;
    padding: 15px 15px 0;
    overflow: hidden
}

.wrapper-service-home .item {
    margin-bottom: 15px;
    padding: 0 10px
}

.wrapper-service-home .item .item-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    color: #d29f13;
    border: 4px solid #d29f13;
    text-align: center;
    margin-right: 15px;
    padding: 12px
}

.wrapper-service-home .item .item-wrapper {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px)
}

.wrapper-service-home .item .item-wrapper-title h2 {
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 5px;
    padding-bottom: 5px
}

.wrapper-service-home .item .item-wrapper-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    border-radius: 50%;
    box-shadow: 0 0 2px #fff;
    background: #fff;
    opacity: .6
}

.wrapper-service-home .item:hover .item-icon:before {
    position: absolute;
    content: "";
    opacity: .8;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1px;
    width: 1px;
    z-index: 9;
    border: 1px solid transparent;
    border-radius: 1px;
    box-shadow: 0 0 0 0 #d29f13;
    background-color: #d29f13;
    backface-visibility: hidden;
    -moz-animation: 1.5s cubic-bezier(.66, 0, 0, 1) infinite scaleBannerService;
    -ms-animation: scaleBannerService 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: 1.5s cubic-bezier(.66, 0, 0, 1) infinite scaleBannerService
}

@media (max-width:1199px) {
    .wrapper-service-home .item .item-wrapper-title h2:before {
        left: 0;
        transform: initial
    }
}

#collection-three-slide .owl-nav button,
#collection-two-slide .owl-nav button,
#listViewed button,
#owlProductRelated button,
.noritake-conetent button {
    position: absolute;
    top: 40%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#collection-three-slide .owl-nav button.owl-prev,
#collection-two-slide .owl-nav button.owl-prev,
#listViewed button.owl-prev,
#owlProductRelated button.owl-prev,
.noritake-conetent button.owl-prev {
    left: 0;
    background-image: url(//theme.hstatic.net/1000409858/1000615297/14/arrow-left.png?v=67)
}

#collection-three-slide .owl-nav button.owl-prev.disabled+.owl-next,
#collection-two-slide .owl-nav button.owl-prev.disabled+.owl-next {
    animation: 1.2s ease-in-out infinite marginLeft
}

#collection-three-slide .owl-nav button.owl-next,
#collection-two-slide .owl-nav button.owl-next,
#listViewed button.owl-next,
#owlProductRelated button.owl-next,
.noritake-conetent button.owl-next {
    right: 0;
    background-image: url(//theme.hstatic.net/1000409858/1000615297/14/arrow-right.png?v=67)
}

.owl-carousel {
    width: initial
}

.owl-carousel .owl-item img {
    width: auto !important;
    text-align: center;
    margin: auto
}

.effect-banner .effect-banner-image:after,
.effect-banner .effect-banner-image:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 1
}

.effect-banner .effect-banner-image:before {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0)
}

.effect-banner .effect-banner-image:after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1)
}

.footer-linklist,
.layout-pageContact .wrapper-info-contact .list-info-contact li,
.product-content-summary .product-available,
.product-loop,
.wrapper-content-article .article-heading_info {
    margin-bottom: 15px
}

.product-loop .product-image .product-sale,
.product-loop .product-image .sold-out {
    position: absolute;
    top: 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    background: #d29f13;
    padding: 1px 8px
}

.owl-carousel .owl-nav button.owl-prev,
.product-loop .product-image .product-sale,
.productDetail_style_03 .productList-slider button.slick-arrow.slick-prev {
    left: 10px
}

.product-loop .product-image .sold-out {
    background: #d29f13;
    right: 10px
}

.product-loop .product-image .image-second-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s
}

.product-detail {
    padding: 10px;
    border-top: none
}

.product-detail h3 {
    line-height: 23px;
    margin: 0 0 8px
}

.product-detail h3 a {
    color: #453536;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.product-detail .box-pro-prices .block-pro-price.highlight .pro-price {
    color: #d4a41e
}

.product-detail .box-pro-prices .block-pro-price .pro-price-contact {
    color: #f94c43;
    font-weight: 500
}

.product-detail .box-pro-prices .block-pro-price .pro-price {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #333
}

.product-detail .box-pro-prices .block-pro-price .pro-price-del {
    color: #878c8f;
    text-decoration: line-through;
    margin-left: 7px;
    font-weight: 300;
    font-size: 12px
}

.product-loop-special {
    margin-bottom: 50px
}

.product-loop-special .product-col-right {
    padding: 0 0 0 30px
}

.product-loop-special .product-col-right .product-width {
    max-width: 280px;
    margin: auto
}

.product-loop-special .product-detail {
    padding: 20px 0
}

.product-loop-special .action .btn-box {
    width: 100%;
    padding: 10px 5px;
    font-size: 12px
}

.main-footer-inner {
    background: #fff;
    border-top: 1px solid #fff
}

.footer-wrapper {
    padding: 40px 0 30px;
    color: #866d4b
}

.footer-block_title {
    position: relative;
    font-size: 20px;
    letter-spacing: .02em;
    line-height: 1.4;
    color: #453536;
    font-weight: 500
}

.footer-linklist li {
    display: block;
    position: relative;
    line-height: 1.5;
    padding: 5px 0
}

.footer-linklist li a {
    position: relative;
    overflow: hidden;
    color: #866d4b;
    padding-left: 15px
}

.footer-linklist li a:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background: #866d4b;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.social-media_item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

.social-media_item>a {
    position: relative;
    display: block;
    background: #ebebeb;
    color: #858585;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.social-media_item .tooltip {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 5px 10px;
    border-radius: 40px;
    font-size: 9px;
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1
}

.social-media_item .tooltip:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 8px 8px 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.social-media_item:hover .tooltip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%)
}

.social-media_item--facebook .tooltip,
.social-media_item--facebook:hover a {
    background: #3b5998;
    color: #fff
}

.social-media_item--facebook .tooltip:after {
    border-top-color: #3b5998
}

.social-media_item--youtube .tooltip,
.social-media_item--youtube:hover a {
    background: #f70000;
    color: #fff
}

.social-media_item--youtube .tooltip:after {
    border-top-color: #f70000
}

.social-media_item--pinterest .tooltip,
.social-media_item--pinterest:hover a {
    background: #d94645;
    color: #fff
}

.social-media_item--pinterest .tooltip:after {
    border-top-color: #d94645
}

.social-media_item--twitter .tooltip,
.social-media_item--twitter:hover a {
    background: #1c9cea;
    color: #fff
}

.social-media_item--twitter .tooltip:after {
    border-top-color: #1c9cea
}

.social-media_item--instagram .tooltip,
.social-media_item--instagram:hover a {
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff
}

.social-media_item--instagram .tooltip:after {
    border-top-color: #dc2743
}

.footer-block_bottom {
    background: #fff;
    padding: 20px 0;
    border-top: 1px solid #eee
}

.footer-bottom-contact {
    text-align: left
}

.footer-bottom-contact a {
    display: inline-block;
    line-height: 1.7;
    font-size: 14px
}

.footer-bottom-contact a i.fa:before {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 18px;
    margin-right: 8px
}

.footer-block_bottom a,
.footer-block_bottom p {
    margin-bottom: 0;
    color: #866d4b
}

.logo-footer img {
    max-width: 180px
}

#footer .footer-wrap .footer-wrap-item .footer-wrap-item-info-list li {
    list-style: none !important
}

form.searchform input.searchinput {
    background: #fff;
    color: #453536;
    border: 1px solid #ebebeb;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 65px 5px 15px;
    margin: 0;
    display: inline-block;
    border-radius: 30px;
    -webkit-appearance: none;
    appearance: none
}

form.searchform input.searchinput:focus {
    border: 1px solid #d29f13;
    background: #fff;
    outline: 0
}

form.searchform .btn-search {
    width: 80px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    background: #d29f13;
    border: 0;
    border-radius: 30px
}

form.searchform .btn-search svg {
    width: 18px;
    height: 42px;
    fill: #fff
}

.smart-search-wrapper {
    background: #fff;
    width: 100%;
    float: left;
    clear: both;
    z-index: 100
}

.smart-search-wrapper .item-ult {
    padding: 10px;
    border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    float: left
}

.smart-search-wrapper .item-ult .thumbs {
    width: 40px;
    display: inline-block;
    text-align: right
}

.smart-search-wrapper .item-ult .title {
    position: relative;
    width: calc(100% - 40px);
    padding-right: 5px;
    text-align: left;
    float: left;
    line-height: 20px;
    margin-top: 0
}

.smart-search-wrapper .item-ult .title a {
    font-size: 12px;
    float: left;
    width: 100%;
    margin-bottom: 4px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.smart-search-wrapper .item-ult .title p {
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    float: left;
    margin: 0
}

.smart-search-wrapper .item-ult .title p del {
    font-size: 11px;
    font-weight: 400;
    margin-left: 5px;
    color: #797979
}

.resultsMore,
.select-swatch .swatch {
    width: 100%;
    float: left
}

.resultsMore a {
    text-align: center;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    font-weight: 600
}

.layout-searchPage .heading-page h1:after {
    content: '';
    display: block;
    width: 33px;
    height: 2px;
    background: #000;
    margin: 15px auto
}

.layout-searchPage .expanded-message h2 {
    font-weight: 600;
    font-size: 20px
}

.layout-searchPage .search-field {
    max-width: 600px;
    margin: 0 auto
}

.layout-searchPage .search-field .search-box {
    width: calc(100% - 55px);
    outline: 0;
    height: 45px;
    padding: 0 20px;
    background: #ededed;
    border: 0;
    box-shadow: none
}

.layout-searchPage .search-field .btn-search-page {
    width: 55px;
    height: 45px;
    line-height: 45px;
    background: #000;
    border: 0;
    outline: 0;
    cursor: pointer
}

.layout-searchPage .search-field .btn-search-page svg {
    width: 15px;
    height: 45px;
    fill: #fff
}

.breadcrumb-content-inner .breadcrumb-arrows {
    padding: 8px 0 10px;
    background: 0 0;
    border-radius: 0;
    margin: 0;
    text-align: center
}

.breadcrumb-content-inner .breadcrumb-arrows>li {
    font-size: 14px;
    color: #453536
}

.breadcrumb-content-inner .breadcrumb-arrows>li+li:before {
    padding: 0 3px 0 7px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb-shop .breadcrumb {
    padding: 5px 25px 0 0;
    background: 0 0;
    border-radius: 0;
    margin: 0;
    align-items: baseline
}

.breadcrumb-shop .breadcrumb>li {
    font-size: 12px;
    text-transform: uppercase
}

.breadcrumb-shop .breadcrumb>li+li:before {
    padding: 0 3px 0 7px;
    color: #d29f13;
    content: "›";
    font-size: 17px
}

.breadcrumb-shop .breadcrumb>li strong {
    font-weight: 400
}

#pagination {
    margin: 30px 0
}

#pagination .pagination {
    margin: 0;
    padding: 0;
    justify-content: center;
    -webkit-justify-content: center
}

#pagination .pagination>li,
.wrapper-content-article .article-post-nav span a {
    display: inline-block;
    vertical-align: middle
}

#pagination .pagination>li:not(:last-child) {
    margin-right: 8px
}

#pagination .pagination>li a,
#pagination .pagination>li>span {
    position: relative;
    float: left;
    line-height: 33px;
    text-decoration: none;
    color: #333e48;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 0 !important;
    font-weight: 600;
    padding: 0;
    cursor: pointer
}

#pagination .pagination>li a.current,
#pagination .pagination>li>span.current {
    background-color: #d29f13;
    border-color: #d29f13;
    color: #fff
}

#pagination .pagination>li>a:focus,
#pagination .pagination>li>a:hover,
#pagination .pagination>li>span:focus,
#pagination .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #d29f13;
    border-color: #d29f13
}

.heading-page h1 {
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 25px
}

.list-article-content .article-list-item {
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 4px rgba(128, 128, 128, .11);
    height: 100%;
    text-align: center
}

.list-article-content .article-list-item .article-excerpt-image,
.list-article-content .article_image a {
    overflow: hidden;
    display: block
}

.list-article-content .article-list-item .article-excerpt-image img {
    transition: transform .2s ease-out;
    width: 100%
}

.list-article-content .article-list-item .article-excerpt-meta {
    font-size: var(--font-size-body);
    display: inline-block;
    color: #453536;
    margin-bottom: 15px
}

.list-article-content .article-list-item .article-excerpt-title {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.2
}

.list-article-content .article-list-item .article-excerpt-readmore {
    display: inline-block;
    font-weight: 500
}

.list-article-content .article-list-item .article-excerpt-readmore svg {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.list-article-content .article-list-item .article-excerpt-readmore svg path {
    transition: transform 125ms cubic-bezier(.4, 0, .2, 1) .1s, opacity 125ms cubic-bezier(.4, 0, .2, 1)
}

.list-article-content .article-list-item .article-excerpt-readmore svg path:first-child {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.list-article-content .article-list-item .article-excerpt-readmore svg path:last-child {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.list-article-content .article-list-item .article-excerpt-readmore:hover svg path:first-child,
.list-article-content .article-list-item .article-excerpt-readmore:hover svg path:last-child {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.list-article-content .article-list-item:hover .article-excerpt-image img {
    transform: scale(1.02)
}

.article-comment,
.list-article-content {
    margin-bottom: 40px
}

.list-article-content .no-post,
.wrap-order-summary .order-total {
    font-size: 16px
}

.list-article-content .blog-post-title {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0
}

.list-article-content .blog-post-content {
    line-height: 1.5
}

.list-article-content .blog-post-meta {
    color: #999
}

.list-article-content .blog-post-meta>span:not(:last-child):after {
    content: '/';
    padding-left: 4px
}

.sidebox_wrapper .sidebox_title h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
    cursor: pointer;
    text-align: center
}

.sidebox_wrapper .sidebox_title h3 span {
    margin-left: 20px;
    display: none
}

.sidebox_wrapper .sidebox_content-list .item-article {
    padding: 18px 0;
    border-bottom: 1px dashed #dee2e6;
    margin: 0
}

.sidebox_wrapper .sidebox_content-list .item-article:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.sidebox_wrapper .sidebox_content-list .item-article .post-image {
    display: inline-block;
    width: 25%
}

.sidebox_wrapper .sidebox_content-list .item-article .post-content {
    width: calc(100% - 25%);
    float: right;
    padding: 5px 15px 5px 20px
}

.sidebox_wrapper .sidebox_content-list .item-article .post-content h3 {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500
}

.sidebox_wrapper .sidebox_content-list .item-article .post-meta {
    font-size: 13px;
    margin: 0
}

.sidebox_wrapper .sidebox_content-follow-us,
.sidebox_wrapper .sidebox_content-tagged {
    padding: 20px 0 0
}

.sidebox_wrapper .sidebox_content-tagged a {
    border: 2px solid #dee2e6;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a:hover,
.sidebox_wrapper .sidebox_content-tagged a:hover {
    background: #d29f13;
    border-color: #d29f13;
    color: #fff
}

.sidebox_wrapper .sidebox_content-follow-us .social-icon-blog a {
    border: 2px solid #dee2e6;
    background-color: #fff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center
}

.menuList-links>li {
    position: relative;
    border-bottom: 1px dashed #dee2e6
}

.menuList-links>li:last-child {
    border-bottom: 0
}

.menuList-links>li>a {
    position: relative;
    display: block;
    padding: 12px 0;
    font-weight: 500;
    font-size: 15px
}

.menuList-links>li.has-submenu span.icon-plus-submenu {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid transparent
}

.menuList-links li ul.submenu-links li a {
    color: #252a2b;
    position: relative;
    font-size: 13px;
    display: block;
    padding: 8px 0
}

.menuList-links li.has-submenu.opened>a .icon-plus-submenu:after {
    -moz-transform: translateY(-50%) scale(1, 0);
    -ms-transform: translateY(-50%) scale(1, 0);
    -webkit-transform: translateY(-50%) scale(1, 0);
    transform: translateY(-50%) scale(1, 0)
}

.menuList-links li.has-submenu.level0 ul.submenu-links {
    border-top: 1px dashed #dee2e6
}

.menuList-links li.has-submenu.level0 ul.submenu-links li a {
    padding-left: 12px
}

.menuList-links li.has-submenu.level1 ul.submenu-links li a {
    padding-left: 22px
}

.menuList-links li.has-submenu.level2 ul.submenu-links li a {
    padding-left: 32px
}

.icon-plus-submenu:after,
.icon-plus-submenu:before {
    background: rgba(9, 9, 9, .6);
    content: '';
    display: block;
    position: absolute;
    margin-right: 7px;
    top: 50%;
    right: 0;
    -moz-transition: .25s linear;
    -o-transition: .25s linear;
    -webkit-transition: .25s linear;
    transition: .25s linear
}

.icon-plus-submenu:before {
    width: 9px;
    height: 1px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-plus-submenu:after {
    width: 1px;
    height: 9px;
    right: 4px;
    transform-origin: center;
    -moz-transform: translateY(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) scale(1, 1);
    -webkit-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1)
}

.wrapper-content-article .article-heading_title {
    font-size: 22px;
    margin: 0 0 10px
}

.wrapper-content-article .article-heading_info li {
    opacity: .7;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600
}

.wrapper-content-article .article-heading_info li i,
.wrapper-content-article .article-post-nav span.left svg {
    margin-right: 5px
}

.f-b-500,
.wrapbox-content-cart .line-item_price span strong,
.wrapbox-content-cart .title-count-cart span,
.wrapper-content-article .article-meta-tags_title {
    font-weight: 500
}

.wrapper-content-article .article-meta-tags .article-meta_tag {
    opacity: .8;
    font-style: italic;
    font-size: 14px
}

.wrapbox-content-cart .reponsive-cart-noted .checkout-note .note-label,
.wrapper-content-article .article-post-nav {
    font-size: 15px;
    font-weight: 500
}

.wrapper-content-article .article-post-nav span svg {
    width: 12px;
    height: 12px;
    color: #453536
}

.wrapper-content-article .article-post-nav span.right svg {
    margin-left: 5px
}

.article-comment_title h2,
.wrap-order-summary .order-title {
    font-size: 20px
}

.article-comment_form .subtext {
    color: #453536;
    padding: 12px 15px
}

.article-comment_user-author {
    font-size: 14px;
    font-style: normal;
    text-transform: capitalize;
    margin: 13px 0
}

.layoutPage-about-one .section-about-headtitle {
    position: relative;
    text-align: center
}

.layoutPage-about-one .section-about-headtitle img {
    object-fit: cover;
    min-height: 150px;
    object-position: center center
}

.banner-contact-header .banner-contact-header_title,
.layoutPage-about-one .section-about-headtitle .headtitle-block {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.layoutPage-about-one .section-about-headtitle .headtitle-block h1 {
    font-size: 30px;
    color: #453536;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 15px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.layoutPage-about-one .breadcrumb-shop,
.nav-toggle.is-active span {
    background: 0 0
}

.layoutPage-about-one .breadcrumb-shop .breadcrumb-arrows {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

.wrapper-page-content .wrapbox-content-page {
    padding-bottom: 30px
}

.wrapper-page-content .wrapbox-content-page ul {
    list-style-type: initial;
    padding-left: 40px;
    margin-bottom: 15px
}

.wrapper-page-content .banner-image-page a {
    display: block;
    overflow: hidden
}

.wrapper-page-content .banner-image-page a img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    -o-transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.wrapper-page-content .banner-image-page a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.layout-pageContact .heading-page-contact h2 {
    font-size: 25px
}

.layout-pageContact .heading-page-contact h2:after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background: #252a2b;
    margin: 15px 0
}

.layout-pageContact .description-contact p {
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0
}

.layout-pageContact .wrapper-info-contact span {
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
    font-weight: 500
}

.layout-pageContact .wrapper-info-contact .info-contact_left {
    width: 35%
}

.layout-pageContact .wrapper-info-contact .info-contact_right {
    width: calc(100% - 35%)
}

.layout-pageContact .wrapper-info-contact .info-contact_right p {
    font-weight: 600;
    color: #453536
}

.banner-contact-header .banner-contact-header_title h1 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase
}

.layoutPage-cart .heading-page-cart h1 {
    font-size: 25px;
    font-weight: 600
}

.layoutPage-cart .heading-page-cart h1:after {
    content: "";
    display: block;
    margin: 20px auto;
    width: 50px;
    height: 3px;
    background: #5c5c5c
}

.collection-alert-no,
.wrapbox-content-cart .expanded-message {
    font-size: 18px
}

.wrapbox-content-cart .line-item {
    width: 100%;
    padding: 15px 0
}

.wrapbox-content-cart .line-item-container {
    border-bottom: 1px solid #dee2e6
}

.wrapbox-content-cart .title-count-cart {
    font-size: 16px;
    background: #f3f5f6;
    padding: 10px 15px
}

.wrapbox-content-cart .line-item-image_wrapper {
    max-width: 100px
}

.wrapbox-content-cart .line-item_title h3 {
    font-size: 16px;
    font-weight: 500
}

.wrapbox-content-cart .line-item_quantity .qty-btn {
    width: 25px;
    height: 25px;
    font-size: 14px;
    font-weight: 500;
    outline: 0;
    cursor: pointer;
    background: #fff;
    color: #999;
    -webkit-appearance: none
}

.wrapbox-content-cart .line-item_quantity .item-quantity {
    width: 35px;
    height: 25px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wrapbox-content-cart .line-item_price del {
    font-size: 12px
}

.wrapbox-content-cart .line-item_remove-item-cart {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #000
}

.wrapbox-content-cart .reponsive-cart-noted {
    background: #f3f5f6;
    padding: 10px 15px
}

.policy_return h3 {
    font-size: 15px;
    color: #453536;
    line-height: 1.5;
    font-weight: 500
}

.policy_return .list-group>li {
    position: relative;
    line-height: 25px
}

.policy_return .list-group>li:before {
  font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    position: absolute;
    left: 0;
    opacity: 1
}

.wrap-order-summary .order-total span {
    color: #d29f13;
    font-size: 24px;
    font-weight: 500
}

.wrap-order-summary .order-short-description p {
    font-size: 13px
}

.wrap-order-summary .order-action-checkout a {
    font-size: 15px;
    background: #d29f13;
    padding: 10px 0
}

.wrap-order-summary .order-action-checkout a:hover {
    background: #fff;
    color: #453536 !important;
    border: 1px solid #d29f13
}

.wrap-order-summary .countine_order_cart {
    font-size: 16px;
    color: #453536
}

@media (min-width:768px) and (max-width:991px) {
    :root {
        --font-size-title-first-home: 18px;
        --font-size-title-second-home: 24px;
        --font-size-description-home: 16px
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider p {
        font-size: 14px;
        margin-bottom: 10px
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider h2 {
        font-size: 18px
    }

    #home-slider .slider-content-text .wrap-content-slider .button-content-slider {
        padding-top: 0
    }

    #home-slider .slider-content-text .wrap-content-slider .button-content-slider a {
        padding: 15px 25px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials {
        padding: 15px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev {
        left: 25px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-prev:hover {
        left: 15px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next {
        right: 25px
    }

    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav button.owl-next:hover {
        right: 15px
    }

    .wrap-order-summary .order-title,
    .wrap-order-summary .order-total span {
        font-size: 16px
    }
}

.collection-heading-page .title {
    font-size: 30px
}

.collection-sortby-title .title-sort {
    display: inline-block;
    text-transform: capitalize;
    color: #453536;
    font-size: 16px;
    cursor: pointer;
    padding-right: 5px
}

.collection-sortby-title .sort-by-icon {
    height: 30px;
    display: block
}

.collection-sortby-title .sort-by-icon svg {
    width: 30px;
    height: 30px;
    fill: #453536;
    transition: transform .3s ease-in
}

.collection-sortby-custom_option .custom-select-menu>li {
    position: relative;
    padding: 4px 25px 4px 15px;
    cursor: pointer
}

.collection-sortby-custom_option .custom-select-menu>li span {
    display: block;
    color: #453536
}

.collection-sortby-custom_option .custom-select-menu>li:hover {
    background: #f3f5f6;
    color: #000
}

.collection-sortby-custom_option .custom-select-menu>li:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 9px;
    margin: auto;
    z-index: 1;
    width: 12px;
    height: 6px;
    border: 1.5px solid #453536;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -moz-transition: -moz-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0)
}

.collection-sortby-custom_option .custom-select-menu>li.active:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1)
}

.collection-options-filter span.options-filter-title {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    padding-right: 5px;
    font-size: 13px;
    color: #453536;
    text-transform: uppercase;
    font-weight: 400
}

.collection-options-filter .options-filter-box-icon svg {
    width: 30px;
    height: 30px;
    fill: #453536;
    display: block
}

.collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-subtitle.group-layered span.icon-control,
body.open-sort .collection-sortby-title .sort-by-icon svg {
    transform: rotate(180deg)
}

.collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-subtitle span.icon-control {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    display: block;
    transition: transform .4s ease-in-out
}

.collection-temp2 .collection-options-filter {
    -webkit-transition: -webkit-flex .3s ease-in-out;
    transition: flex .3s ease-in-out
}

@media (min-width:1200px) {
    .collection-temp2 .collection-options-filter.filters-open {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .collection-temp2 .collection-options-desktop {
        padding-left: 10px
    }
}

.wrapper-layered-filter .layered-filter-group {
    padding-bottom: 0
}

.wrapper-layered-filter .layered-filter-group .filter-group-subtitle {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    color: #453536;
    text-transform: uppercase;
    cursor: pointer
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 27px
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: 0;
    background: #fff;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li input[type=checkbox]:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1.5px solid #fff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -moz-transition: -moz-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0)
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li input[type=checkbox]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #dee2e6;
    cursor: pointer;
    border-radius: 2px;
    transition: border-color .2s ease-in-out, background .2s ease-in-out
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li input[type=checkbox]:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1)
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li input[type=checkbox]:checked:after {
    background: #d29f13;
    border: 1px solid #d29f13
}

.wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li label {
    cursor: pointer;
    position: relative;
    margin: 0;
    background: #fff;
    font-size: 14px;
    width: 100%;
    padding: 5px 0
}

.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-color .checkbox-list li {
    margin: 0 12px 15px 0;
    float: left;
    padding: 0
}

.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-color .checkbox-list li input[type=checkbox]:checked+label:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 6px;
    height: 6px;
    width: 12px;
    z-index: 99;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-color .checkbox-list li label {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    float: left;
    font-size: 0
}

.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-size .checkbox-list li {
    margin: 0 12px 10px 0;
    display: block;
    padding: 0
}

.wrapper-layered-filter .layered-filter-group .filter-group-content.filter-size .checkbox-list li label {
    position: initial;
    padding-left: 25px
}

.layered_filter_tags .filter_tags {
    position: relative;
    display: none;
    line-height: 22px;
    border-radius: 12px;
    margin: 0 10px 15px 0;
    color: #453536;
    background: #fff;
    font-size: 13px;
    padding: 0 35px 0 10px
}

.layered_filter_tags .filter_tags span.filter_tags_remove {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 1px solid #d29f13;
    border-radius: 50%;
    background: #d29f13;
    cursor: pointer;
    text-align: center
}

.layered_filter_tags .filter_tags span.filter_tags_remove svg {
    stroke: #fff;
    width: 8px;
    display: inline-block;
    vertical-align: 4.5px
}

.layered_filter_tags .filter_tags.filter_tags_remove_all,
.pointer {
    cursor: pointer
}

.layered_filter_tags .filter_tags.filter_tags_remove_all span {
    color: #333;
    border-bottom: 1px solid #333
}

.swatch .swatch-element.color label.do {
    background: red
}

.swatch .swatch-element.color label.vang {
    background: #ffff05
}

.swatch .swatch-element.color label.cam {
    background: #f5b505
}

.swatch .swatch-element.color label.xanh-duong {
    background: #5100ff
}

.swatch .swatch-element.color label.xanh-la {
    background: #3cfa08
}

.swatch .swatch-element.color label.nau {
    background: #753a3a
}

.swatch .swatch-element.color label.xanh {
    background: #267a0b
}

.swatch .swatch-element.color label.hong {
    background: #db999b
}

.select-swatch .swatch .header-swatch {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: block
}

.select-swatch .swatch .header-swatch span {
    display: inline-block;
    font-weight: 500;
    color: #3966b8;
    font-size: 90%;
    margin-left: 3px
}

.select-swatch .swatch .select-swap {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 0
}

.select-swatch .swatch .swatch-element {
    position: relative;
    display: inline-block;
    margin-right: 12px
}

.select-swatch .swatch .swatch-element label {
    position: relative;
    cursor: pointer;
    float: left;
    margin: 0;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    text-transform: uppercase
}

.select-swatch .swatch .swatch-element.color label {
    padding: 0;
    overflow: hidden;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #dee2e6;
    -webkit-box-shadow: 0 0 0 1px #dee2e6;
    -moz-box-shadow: 0 0 0 1px #dee2e6;
    -o-box-shadow: 0 0 0 1px #dee2e6
}

.select-swatch .swatch .swatch-element.color label.sd {
    -webkit-box-shadow: 0 0 0 1px #d3d3d3, 0 0 0 4px #fff, 0 0 0 5px #333e48;
    -moz-box-shadow: 0 0 0 1px #d3d3d3, 0 0 0 4px #fff, 0 0 0 5px #333e48;
    -o-box-shadow: 0 0 0 1px #d3d3d3, 0 0 0 4px #fff, 0 0 0 5px #333e48;
    box-shadow: 0 0 0 1px #d3d3d3, 0 0 0 4px #fff, 0 0 0 5px #333e48
}

.select-swatch .swatch .swatch-element.color span {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
    font-size: 0
}

.select-swatch .swatch .swatch-element:not(.color).soldout label {
    opacity: .4;
    pointer-events: none
}

.select-swatch .swatch .swatch-element:not(.color) label:before {
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-right: 5px;
    content: "";
    border-radius: 50%;
    margin-bottom: -4px
}

.select-swatch .swatch .swatch-element:not(.color) label:after {
    content: "\f00c";
    font-family: FontAwesome !important;
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 10px;
    color: #fff;
    display: none;
    z-index: 2;
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s
}

.select-swatch .swatch .swatch-element:not(.color) label.sd:before {
    background: #000;
    border-color: #000
}

.select-swatch .swatch .swatch-element:hover .tooltip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.select-swatch .swatch .tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    display: block;
    min-width: 60px;
    margin-left: -30px;
    margin-bottom: 15px;
    padding: 4px 8px;
    color: #fff;
    background: #000;
    font-size: 11px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    z-index: inherit
}

.select-swatch .swatch .tooltip:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    display: block;
    width: 100%;
    height: 20px
}

.select-swatch .swatch .tooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.lib-content,
.no-scroll,
.product-content-image .product-container-gallery {
    overflow: hidden
}

.product-content-summary .product-heading h1 {
    font-size: 24px;
    margin: 10px 0 5px
}

.product-content-summary .product-heading #pro_sku {
    font-size: 12px;
    color: #a3a5a7;
    margin-right: 20px
}

.product-content-summary .product-heading .pro-soldold {
    color: #dea554;
    font-weight: 700
}

.product-content-summary .product-price {
    border-top: 1px dotted #dee2e6;
    border-bottom: 1px dotted #dee2e6
}

.product-content-summary .product-price .pro-sale {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 10px;
    background: #f2f5fa;
    font-weight: 600;
    font-size: 13px;
    color: #f94c43;
    text-transform: uppercase
}

.product-content-summary .product-price .pro-price {
    font-size: 18px;
    opacity: .92;
    font-weight: 700;
    color: #d29f13
}

.product-content-summary .product-price del {
    font-size: 14px;
    color: #777a7b;
    padding-left: 10px;
    font-weight: 500
}

.product-content-summary .product-variants .selector-actions {
    float: left;
    width: 100%
}

.product-content-summary .product-variants .selector-actions .quantity-area {
    width: 170px;
    float: left;
    height: 45px
}

.product-content-summary .product-variants .selector-actions .quantity-area .qty-btn {
    background: #fff;
    float: left;
    border: 1px solid #fff;
    cursor: pointer;
    font-weight: 400;
    outline: 0;
    height: 45px;
    width: 40px;
    text-align: center;
    border-radius: 0;
    font-size: 20px
}

.product-content-summary .product-variants .selector-actions .quantity-area .quantity-selector-input {
    background: #fff;
    font-weight: 400;
    height: 45px;
    padding: 0;
    text-align: center;
    width: 90px;
    border: 1px solid #fff;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
    font-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.product-content-summary .product-variants .selector-actions .wrap-addcart {
    width: calc(100% - 180px);
    float: left;
    padding-left: 15px
}

.product-content-summary .product-variants .selector-actions .wrap-addcart .add-to-cartProduct {
    width: 100%;
    font-weight: 600;
    border-radius: 30px
}

.product-content-summary .product-available .txt-inventory {
    color: #d29f13;
    font-size: 16px;
    margin: 0 0 -18px
}

.product-content-summary .product-service .infoList-service li {
    padding: 4px 0 20px 40px;
    position: relative
}

.product-content-summary .product-service .infoList-service li span {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 30px;
    display: inline-block;
    vertical-align: middle
}

.product-tabs .product-description .tab-content {
    padding-top: 20px;
    padding-bottom: 5px
}

.product-tabs .product-description .panel-toggle-wrap:not(.content-outer-open).applied-height .content-outer:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100px;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 100%)
}

.product-tabs .product-description .panel-toggle-wrap .content-toolbar .content-toggle {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    border: 1px solid #d29f13;
    color: #d29f13;
    font-size: 14px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.product-tabs .product-description .panel-toggle-wrap .content-toolbar .content-toggle span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 5px
}

.product-tabs .product-description .panel-toggle-wrap .content-toolbar .content-toggle:before {
    content: "\f196";
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin: 0 5px;
    line-height: 1.2
}

.product-tabs .product-description .panel-toggle-wrap .content-toolbar .content-toggle:hover {
    background-color: #d29f13;
    color: #fff
}

.product-tabs .product-description .panel-toggle-wrap.content-outer-open .content-outer {
    max-height: 100% !important
}

.modal-icon.sweet-alert,
.product-tabs .product-description .panel-toggle-wrap.content-outer-open .content-toolbar {
    padding-top: 15px
}

.product-tabs .product-description .panel-toggle-wrap.content-outer-open .content-toggle:before {
    content: '\f147'
}

@media (min-width:768px) {
    .btn-box:hover.dark {
        color: #453536
    }

    .btn-box:hover.btnred {
        color: #453536
    }

    .btn-box:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .product-loop-special .product-col-right {
        padding: 0 80px
    }

    .footer-block_bottom .footer-bottom-copyright {
        text-align: right
    }

    .product-tabs .product-description .tab-alignment {
        border-bottom: 3px solid #dee2e6
    }

    .product-tabs .product-description .tab-alignment .tab-item .tab-title {
        padding: 0 20px 10px;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 0;
        color: #282828;
        border: 0;
        border-bottom: 3px solid transparent;
        background-color: transparent;
        margin-bottom: -2px
    }

    .product-tabs .product-description .tab-alignment .tab-item .tab-title.active,
    .product-tabs .product-description .tab-alignment .tab-item:hover .tab-title {
        color: #d29f13;
        border-color: #d29f13
    }

    #listViewed button.owl-next,
    #listViewed button.owl-prev,
    #owlProductRelated button.owl-next,
    #owlProductRelated button.owl-prev,
    .noritake-conetent button.owl-next,
    .noritake-conetent button.owl-prev {
        opacity: 0;
        background-color: #fff;
        background-size: 10px;
        -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
        box-shadow: 0 1px 5px rgba(54, 54, 54, .15)
    }

    #listViewed button.owl-prev,
    #owlProductRelated button.owl-prev,
    .noritake-conetent button.owl-prev {
        left: 60px
    }

    #listViewed button.owl-next,
    #owlProductRelated button.owl-next,
    .noritake-conetent button.owl-next {
        right: 60px
    }

    #listViewed:hover button.owl-next,
    #listViewed:hover button.owl-prev,
    #owlProductRelated:hover button.owl-next,
    #owlProductRelated:hover button.owl-prev,
    .noritake-conetent:hover button.owl-next,
    .noritake-conetent:hover button.owl-prev {
        opacity: 1
    }

    #listViewed:hover button.owl-prev,
    #owlProductRelated:hover button.owl-prev,
    .noritake-conetent:hover button.owl-prev {
        left: 15px
    }

    #listViewed:hover button.owl-next,
    #owlProductRelated:hover button.owl-next,
    .noritake-conetent:hover button.owl-next {
        right: 15px
    }
}

@media (max-width:767px) {
    :root {
        --font-size-title-first-home: 16px;
        --font-size-title-second-home: 24px;
        --font-size-description-home: 14px
    }

    .main-header .wrap-logo a,
    .main-header .wrap-logo h1 {
        font-size: 26px
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider p {
        font-size: 14px;
        margin-bottom: 10px
    }

    #home-slider .slider-content-text .wrap-content-slider .title-content-slider h2 {
        font-size: 18px
    }

    #home-slider .slider-content-text .wrap-content-slider .button-content-slider,
    .wrapper-banner-introproduct.introproduct-1 {
        padding-top: 0
    }

    #home-slider .slider-content-text .wrap-content-slider .button-content-slider a {
        padding: 12px 25px
    }

    #home-slider .owl-dots {
        top: 500px;
        display: none
    }

    .wrapper-banner-introproduct .banner-introproduct {
        padding: 1.5rem 10px !important;
        text-align: center
    }

    .wrapper-banner-testimonials .slider-banner-testimonials {
        padding: 30px 15px
    }

    .main-footer .footer-block_content,
    .wrapper-banner-testimonials .slider-banner-testimonials .owl-nav {
        display: none
    }

    .product-loop.product-horizontal,
    .wrapper-service-home .item {
        margin-bottom: 15px
    }

    .content-product-list_vertical .product-loop:nth-child(odd),
    .layout-searchPage .search-list-results .product-loop:nth-child(odd),
    .product-list-filter .product-loop:nth-child(odd) {
        padding-right: 7.5px
    }

    .content-product-list_vertical .product-loop:nth-child(2n),
    .layout-searchPage .search-list-results .product-loop:nth-child(2n),
    .product-list-filter .product-loop:nth-child(2n) {
        padding-left: 7.5px
    }

    .main-footer .footer-wrapper {
        padding: 20px 0
    }

    .main-footer .plus-button {
        position: absolute;
        right: 0;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px
    }

    .main-footer .plus-button:after,
    .main-footer .plus-button:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg);
        background-color: currentColor;
        transition: transform .35s ease-in-out, opacity .35s ease-in-out, -webkit-transform .35s ease-in-out
    }

    .main-footer .plus-button:before {
        width: 10px;
        height: 2px;
        opacity: 1
    }

    .main-footer .plus-button:after {
        width: 2px;
        height: 10px
    }

    .main-footer .footer-block_title {
        font-size: 14px;
        padding: 12px 0;
        text-transform: uppercase;
        margin: 0
    }

    .main-footer .footer-block_title.active .plus-button:after,
    .main-footer .footer-block_title.active .plus-button:before {
        webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .main-footer .footer-block_title.active .plus-button:before {
        opacity: 0
    }

    .footer-block_bottom,
    .heading-page {
        text-align: center
    }

    .footer-bottom-contact {
        margin-bottom: 10px
    }

    .footer-bottom-contact a {
        margin: 0 0 6px;
        display: block
    }

    .breadcrumb-shop {
        background: #fff
    }

    .breadcrumb-shop .breadcrumb {
        padding: 5px 0 0
    }

    .breadcrumb-shop .breadcrumb>li {
        font-size: 10px;
        line-height: 1.8
    }

    .layoutPage-about-one .section-about-headtitle .headtitle-block h1 {
        font-size: 22px;
        margin: 10px 0
    }

    .banner-contact-header .banner-contact-header_title h1 {
        font-size: 22px
    }

    .wrapbox-content-cart .line-item_title h3 {
        font-size: 14px
    }

    .wrapbox-content-cart .line-item-image_wrapper {
        max-width: 70px
    }

    .product-content-summary .product-heading h1 {
        font-size: 18px;
        margin: -5px 0 5px
    }

    .product-content-summary .product-variants .selector-actions {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .product-tabs .product-description {
        position: relative
    }

    .product-tabs .product-description .show-tab-dropdown {
        display: block;
        padding: 10px 20px;
        border-radius: 5px;
        color: #fff;
        background: #d29f13;
        text-decoration: none;
        text-transform: uppercase;
        float: left;
        width: 100%;
        font-weight: 600;
        text-align: center
    }

    .product-tabs .product-description .show-tab-dropdown:after {
        content: "\f107";
        vertical-align: middle;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        float: right
    }

    .product-tabs .product-description .show-tab-dropdown.active+.tab-alignment {
        opacity: 1;
        visibility: visible
    }

    .product-tabs .product-description .tab-alignment {
        display: initial;
        position: absolute;
        padding: 10px;
        left: 0;
        right: 0;
        min-width: 150px;
        background: #fff;
        top: 35px;
        z-index: 3;
        border: 0;
        border-top: 2px solid #d29f13;
        -moz-box-shadow: 0 4px 34px rgba(0, 0, 0, .08);
        -webkit-box-shadow: 0 4px 34px rgba(0, 0, 0, .08);
        box-shadow: 0 4px 34px rgba(0, 0, 0, .08);
        opacity: 0;
        visibility: hidden
    }

    .product-tabs .product-description .tab-alignment .tab-title {
        border: 0;
        padding: 10px 5px
    }

    .product-tabs .product-description .tab-alignment .tab-title.active {
        color: #d29f13
    }

    .product-tabs .product-description .tab-content {
        clear: both
    }
}

@media (max-width:767px) and (max-width:767px) {
    .product-tabs .product-description .show-tab-dropdown:after {
        display: none
    }
}

.product-sharing .sharing_icon_circle,
.product-sharing a {
    border-radius: 50%;
    background: #fff;
    text-align: center;
    cursor: pointer
}

.product-description .product-tab {
    border-top: 1px solid #dee2e6
}

.product-description .product-tab-title h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 18px 0;
    cursor: pointer
}

.product-description .product-tab-title:after,
.product-description .product-tab-title:before {
    content: '';
    display: block;
    position: absolute;
    margin-right: 25px;
    top: 50%;
    right: 0;
    -moz-transition: .25s linear;
    -o-transition: .25s linear;
    -webkit-transition: .25s linear;
    transition: .25s linear
}

.product-description .product-tab-title:before {
    width: 13px;
    height: 1px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(9, 9, 9, .6)
}

.product-description .product-tab-title:after {
    width: 1px;
    height: 13px;
    right: 6px;
    background: rgba(9, 9, 9, .6);
    transform-origin: center;
    -moz-transform: translateY(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) scale(1, 1);
    -webkit-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1)
}

.product-description .product-tab-description {
    display: none;
    padding: 0 0 20px
}

.product-description .product-tab.opened .product-tab-title:after {
    -webkit-transform: translateY(-50%) scale(1, 0);
    -moz-transform: translateY(-50%) scale(1, 0);
    -ms-transform: translateY(-50%) scale(1, 0);
    transform: translateY(-50%) scale(1, 0)
}

.product-sharing {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    transition: visibility .2s ease-in-out, opacity .2s ease-in-out
}

.product-sharing .sharing_icon_circle {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: rgba(28, 27, 27, .5);
    -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    box-shadow: 0 1px 5px rgba(54, 54, 54, .15)
}

.product-sharing .sharing_icon_circle .sharing_primary_state,
.product-sharing .sharing_icon_circle .sharing_secondary_state {
    display: block;
    -webkit-transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1)
}

.product-sharing .sharing_icon_circle .sharing_primary_state svg,
.product-sharing .sharing_icon_circle .sharing_secondary_state svg {
    height: 35px;
    width: 14px;
    display: block;
    line-height: 35px;
    margin: auto
}

.product-sharing .sharing_icon_circle .sharing_primary_state svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-sharing .sharing_icon_circle .sharing_secondary_state {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.product-sharing a {
    position: absolute;
    display: block;
    top: 50px;
    right: 3px;
    width: 30px;
    line-height: 30px;
    height: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -ms-transition: 150ms linear;
    -webkit-transition: 150ms linear;
    transition: 150ms linear
}

.product-sharing a svg {
    height: 30px;
    line-height: 30px;
    width: 18px;
    display: block;
    margin: auto
}

.product-sharing a span.toollip-txt {
    border-radius: 2px;
    text-align: center;
    background: #1c1b1b;
    padding: 0 8px;
    visibility: hidden;
    opacity: 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 999;
    color: #fff;
    font-size: 10px;
    white-space: nowrap;
    -ms-transition: .2s linear 250ms;
    -webkit-transition: .2s linear 250ms;
    transition: .2s linear 250ms
}

.product-sharing a span.toollip-txt:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #1c1b1b;
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto
}

.product-sharing a:hover {
    background: #3b5999
}

.box-content .overlay a svg,
.product-sharing a:hover svg {
    fill: #fff
}

.product-sharing.sharing-active .sharing_icon_circle {
    background: #1c1b1b;
    color: #fff
}

.product-sharing.sharing-active .sharing_icon_circle .sharing_primary_state {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.product-sharing.sharing-active .sharing_icon_circle .sharing_secondary_state {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-sharing.sharing-active a {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.product-sharing.sharing-active a span.toollip-txt {
    visibility: visible;
    opacity: 1;
    margin-right: 0
}

.productDetail_style_01 .product-thumb {
    margin-bottom: 5px;
    padding-left: 8px
}

.productDetail_style_01 .product-thumb .product-thumb-item {
    position: relative;
    height: 10px;
    width: 10px;
    padding: 0;
    border: 2px solid #dee2e6;
    background: 0 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.productDetail_style_01 .product-thumb a.active.product-thumb-item {
    background: #d29f13;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.productDetail_style_01 .product-sharing-scroll {
    position: relative;
    right: 5px;
    top: 0;
    margin: 10px 0 50px
}

.productDetail_style_01 .product-sharing-scroll a span.toollip-txt {
    left: 40px;
    right: initial
}

.productDetail_style_01 .product-sharing-scroll a span.toollip-txt:before {
    left: -5px;
    right: initial;
    border-width: 7px 7px 7px 0;
    border-color: transparent #1c1b1b transparent transparent
}

.productDetail_style_03 .productGallery_thumb {
    width: 90px;
    padding-right: 15px
}

.productDetail_style_03 .productGallery_slider {
    width: calc(100% - 92px)
}

.productDetail_style_03 .product-list-lazy {
    opacity: 0;
    transition: opacity .5s ease-in;
    -webkit-transition: opacity .5s ease-in
}

.productDetail_style_03 .productList-slider button.slick-arrow {
    background-color: #fff !important;
    border-radius: 30px;
    opacity: .7;
    -webkit-box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    border: 0;
    cursor: pointer;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.productDetail_style_03 .productList-slider button.slick-arrow.slick-prev:before {
    content: "\f104";
    font-size: 13px
}

.owl-carousel .owl-nav button.owl-next,
.productDetail_style_03 .productList-slider button.slick-arrow.slick-next,
.sub-menu .submenu-toggle {
    right: 10px
}

.productDetail_style_03 .productList-slider button.slick-arrow.slick-next:before {
    content: "\f105";
    font-size: 13px
}

.productDetail_style_03 .productList-slider button.slick-arrow:before {
    content: "";
    font-family: FontAwesome;
    font-size: 35px
}

.productDetail_style_03 .productList-slider ul.slick-dots {
    position: relative;
    text-align: center;
    margin: 10px 0;
    bottom: 0
}

.productDetail_style_03 .productList-slider ul.slick-dots li {
    display: inline-block;
    line-height: 17px
}

.productDetail_style_03 .productList-slider ul.slick-dots li button {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #dbd9d9;
    border: 1px solid #fff;
    font-size: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out, transform .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background .2s ease-in-out, transform .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out, transform .2s ease-in-out
}

.productDetail-information .sliderOwl-product .owl-dots .owl-dot.active,
.productDetail_style_03 .productList-slider ul.slick-dots li.slick-active button {
    background: #333;
    transform: scale(1.3)
}

.productDetail_style_03 .product-thumb .product-thumb-item {
    display: block;
    border: 1px solid #f3f3f3;
    margin-bottom: 8px;
    border-radius: 5px
}

.productDetail_style_03 .product-thumb .product-thumb-item:hover {
    border-color: #d29f13;
    border-radius: 5px
}

.productDetail-recently-viewed .productViewed-title h2,
.productDetail-related .productRelated-title h2 {
    font-size: 28px;
    margin: 0 0 25px
}

.productDetail-recently-viewed .productViewed-content_list .product-loop,
.productDetail-related .productRelated-content .content-product-list .product-loop {
    display: inline-block;
    opacity: 0;
    transition: opacity .5s
}

.productDetail-recently-viewed .productViewed-content_list.owl-loaded .product-loop,
.productDetail-related .productRelated-content .content-product-list.owl-loaded .product-loop {
    display: block;
    opacity: 1
}

.productDetail-information .sliderOwl-product .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    outline: 0;
    text-align: center;
    display: inline-block;
    background: 0 0
}

.hot-news .slick-prev,
.productDetail-information .sliderOwl-product .owl-nav button.owl-prev {
    left: 0
}

.productDetail-information .sliderOwl-product .owl-nav button.owl-next.disabled,
.productDetail-information .sliderOwl-product .owl-nav button.owl-prev.disabled {
    opacity: 0
}

.productDetail-information .sliderOwl-product .owl-nav button.owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 33px;
    display: inline-block;
    color: #000
}

.productDetail-information .sliderOwl-product .owl-nav button.owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 33px;
    display: inline-block;
    color: #000
}

.productDetail-information .sliderOwl-product .owl-dots {
    position: relative;
    text-align: center;
    margin: 10px 0
}

.productDetail-information .sliderOwl-product .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #dbd9d9;
    transform: scale(1);
    transition: transform .2s ease-in
}

@media (min-width:992px) {
    .footer-bottom-contact a:not(:last-child) {
        margin-right: 15px
    }

    .collection-temp2 .wrapper-list-collection .product-loop,
    .layout-searchPage .search-list-results .product-loop,
    .wrapper-collection-1 .content-product-list .product-loop,
    .wrapper-collection-3 .content-product-list .product-loop {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .collection-sortby-custom_option {
        position: absolute;
        top: 130%;
        right: 0;
        width: 200px;
        background: #fff;
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transition: .3s ease-in;
        z-index: 99;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    .collection-sortby.open-sort .collection-sortby-custom_option,
    .collection-sortby.open-sort1 .collection-sortby-custom_option {
        opacity: 1;
        visibility: visible;
        top: 130%
    }

    .collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 0;
        border: 0
    }

    .collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-subtitle {
        border: 1px solid #dee2e6;
        padding: 10px 15px
    }

    .collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-content {
        border-left: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
    }

    .collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list {
        padding: 10px 15px
    }

    .collection-temp2 .collection-content-page.affix-filter #loader {
        position: fixed;
        top: 45%;
        bottom: 50%
    }

    .collection-temp2 .collection-list-product #loader {
        position: absolute;
        top: 5%;
        left: 50%;
        right: 50%;
        bottom: 0;
        display: none;
        text-align: center;
        background: url(//theme.hstatic.net/200000296482/1001063914/14/loader.gif?v=2824) center/cover no-repeat;
        width: 65px;
        height: 65px
    }

    .collection-temp2 .filter-active .collection-siderbar-filter {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 100%;
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: initial
    }

    .collection-temp2 .collection-siderbar-filter {
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 0%;
        width: initial;
        height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease-in, visibility .5s ease-in;
        transition: opacity .5s ease-in, visibility .5s ease-in
    }

    .collection-temp2 .collection-siderbar-filter .collection-filter {
        background: #fff;
        padding: 10px;
        top: 0
    }

    .collection-temp2 .collection-option-sticky {
        display: none
    }

    .collection-temp2 .collection-content-page.affix-filter .collection-option-sticky {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: cener;
        align-items: center;
        padding-bottom: 30px
    }

    .siderbar-filter-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        -webkit-transition: top .4s;
        -moz-transition: top .4s;
        transition: top .4s
    }

    .productDetail_style_01 .product-gallery-item {
        border: 1px solid #dee2e6;
        display: block
    }

    .productDetail_style_01 .productGallery_thumb {
        width: 45px;
        padding-right: 10px;
        z-index: 2
    }

    .productDetail_style_01 .productGallery_slider {
        width: calc(100% - 45px);
        z-index: 1;
        position: initial
    }

    .productDetail_style_01 .product-gallery:not(:last-child) {
        margin-bottom: 15px
    }

    .productDetail_style_02 .product-gallery {
        width: 50%;
        float: left;
        margin-bottom: 10px
    }

    .productDetail_style_02 .product-gallery:nth-of-type(odd) {
        padding-right: 5px
    }

    .productDetail_style_02 .product-gallery:nth-of-type(2n) {
        padding-left: 5px
    }

    .productDetail_style_02 .product-gallery a {
        border: 1px solid #dee2e6
    }

    .productDetail_style_01 .product-content-image .product-container-gallery {
        overflow: initial
    }

    .blog-aside-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 45px;
        -webkit-transition: top .4s;
        -moz-transition: top .4s;
        transition: top .4s;
        margin-bottom: 30px
    }

    body.scroll-body-up .blog-aside-sticky,
    body.scroll-body-up .siderbar-filter-sticky,
    body.scroll-body-up .stickyProduct-detail,
    body.scroll-body-up .stickyProduct-gallery {
        top: 45px;
        -webkit-transition: top .4s;
        -moz-transition: top .4s;
        transition: top .4s
    }
}

.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge {
    right: 12px !important
}

.addThis_listSharing {
    position: fixed;
    bottom: 85px;
    z-index: 999;
    right: -15px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.addThis_listSharing.is-show {
    right: 0;
    opacity: 1;
    visibility: visible
}

.addThis_listSharing .addThis_item {
    margin-bottom: 5px;
    margin-right: 24px
}

.addThis_listSharing .addThis_item .addThis_item--icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center
}

.addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    right: 55px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
    -ms-transition: .2s linear;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: .2s linear;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.addThis_listSharing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15), 0 4px 15px rgba(0, 0, 0, .13)
}

.addThis_listSharing .addThis_item .addThis_item--icon:hover .tooltip-text,
.back_to_top.show,
.box-content:hover .overlay,
.form-searh-focus.show {
    visibility: visible;
    opacity: 1
}

.back_to_top,
.overlay {
    visibility: hidden;
    opacity: 0
}

.actionToolbar_mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    height: 45px;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    background: #fff;
    padding: 5px 10px
}

.actionToolbar_mobile ul.actionToolbar_listing li a {
    display: block;
    color: #696969;
    font-size: 12px;
    text-align: center;
    position: relative
}

.actionToolbar_mobile ul.actionToolbar_listing li a svg {
    fill: #696969;
    width: 25px
}

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
    margin-top: -25px
}

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
    width: 44px;
    height: 44px
}

.harafunnel-mb {
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 9999;
    width: 65px;
    height: 65px;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    transition: box-shadow 150ms linear
}

.harafunnel-mb:hover {
    box-shadow: 0 5px 24px rgba(0, 0, 0, .3)
}

.harafunnel-mb a svg {
    width: 100%;
    height: 100%
}

.modal-addThis {
    background: rgba(3, 17, 27, .7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear
}

.modal-addThis.fade .modal-dialog,
.modal-popupContact.fade .modal-dialog-centered {
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.modal-addThis.fade.show .modal-dialog,
.modal-popupContact.fade.show .modal-dialog-centered {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal-contactform .modal-header h4.modal-title {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%
}

.modal-contactform .modal-header button.close {
    width: 30px;
    padding: 0;
    margin-right: -10px;
    margin-top: -9px;
    font-size: 26px;
    height: 30px
}

.modal-contactform .modal-body.body-popupform .form-control {
    background: #f3f5f6;
    border-radius: 0
}

.modal-contactform .modal-body.body-popupform .btnSubmit-modal {
    padding: 10px 28px
}

.modal-succesform .modal-body .modal-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #d29f13
}

.modal-succesform .modal-body p:not(.modal-title) {
    font-size: 15px;
    margin: 10px 0 5px
}

.modal-succesform .modal-body p.txtloading {
    color: #aaa;
    font-size: 14px
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,
    12% {
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

.animateSuccessTip {
    animation: .75s animateSuccessTip
}

.animateSuccessLong {
    animation: .75s animateSuccessLong
}

.sa-icon.sa-success.animate::after {
    animation: 4.25s ease-in rotatePlaceholder
}

.sweet-alert .sa-icon.sa-success {
    width: 80px;
    height: 80px;
    border: 4px solid #4cae4c;
    border-radius: 50%;
    margin: 20px auto 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}

.sweet-alert .sa-icon.sa-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -moz-transform-origin: 60px 60px;
    -o-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    -moz-transform-origin: 0px 60px;
    -o-transform-origin: 0px 60px;
    transform-origin: 0px 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-popupContact {
    color: #333;
    background: rgba(3, 17, 27, .7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear
}

.modal-popupContact .close-popup-contact {
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    border-radius: 50%;
    opacity: 1;
    text-align: center;
    outline: 0
}

.modal-popupContact .close-popup-contact svg {
    display: block;
    margin: auto;
    height: 30px;
    width: 14px;
    text-align: center;
    fill: #f3f3f3
}

.modal-popupContact .close-popup-contact:hover {
    background-color: rgba(0, 0, 0, .6)
}

.modal-popupContact.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-popupContact.popupBanner .modal-content {
    background-color: transparent;
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.modal-popupContact.popupForm .modal-content {
    position: relative;
    overflow: hidden;
    padding: 0;
    display: unset;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #e6e6e6
}

.modal-popupContact.popupForm .modal-content.lazyloaded {
    background-image: url(//theme.hstatic.net/200000296482/1001063914/14/popup_contact_bkg.jpg?v=2824)
}

.modal-popupContact.popupForm .modal-content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f3f3f3;
    opacity: .75;
    width: 58%
}

.modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
    position: relative;
    padding: 50px 25px;
    float: right;
    width: 58%
}

.title-popup-contact {
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: 500
}

.message-popup-contact {
    margin-bottom: 25px
}

.title-adv-popup-contact {
    font-size: 14px;
    margin-bottom: 5px
}

.list-adv-popup-contact li {
    list-style-type: disc;
    margin-left: 25px;
    font-size: 14px
}

.popup-form-customer .input-group {
    width: 100%;
    display: block;
    margin-bottom: 0
}

.popup-form-customer .input-group input {
    width: 100%;
    margin-bottom: 15px;
    height: 45px;
    padding: 10px 20px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #e7e7e7;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.popup-form-customer button.input-group-addon {
    width: 100%;
    margin-bottom: 15px;
    height: 45px;
    padding: 10px 20px;
    line-height: 25px
}

.popup-form-customer .input-group .input-group-addon {
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-color: #d29f13
}

.popup-form-customer .input-group .input-group-addon:focus,
.popup-form-customer .input-group .input-group-addon:hover {
    background-color: #fff;
    border-color: #d29f13;
    color: #d29f13
}

.popup-form-customer .succes-popup {
    font-size: 13px;
    min-height: 25px;
    visibility: hidden;
    margin: 0;
    text-align: center
}

.popup-form-customer .succes-popup.error {
    visibility: visible;
    color: red
}

.popup-form-customer .succes-popup.success {
    visibility: visible;
    color: #27a208
}

@media (min-width:768px) {
    .wrap-order-summary.sticky-cart-order {
        position: -webkit-sticky;
        position: sticky;
        top: 45px;
        -webkit-transition: top .4s;
        -moz-transition: top .4s;
        transition: top .4s
    }

    body.scroll-body-up .wrap-order-summary.sticky-cart-order {
        top: 45px
    }

    .modal-contactform .modal-dialog {
        max-width: 605px
    }

    .modal-succesform .modal-dialog {
        max-width: 450px
    }

    .modal-popupContact .modal-dialog-centered {
        max-width: 650px
    }
}

.product-label {
    display: table;
    position: absolute;
    text-align: center;
    top: 36px;
    right: -20px;
    z-index: 2;
    min-width: 100px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product-label .onsale {
    float: left;
    background: red;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    line-height: 22px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
    width: auto;
    border-radius: 0;
    min-height: auto;
    border: 0
}

.product-label .onsale:before {
    border: 5px solid red;
    border-color: transparent transparent red red;
    border-width: 9px 5px;
    position: absolute;
    right: -10px;
    bottom: 0;
    content: ''
}

.product-label .onsale:after {
    border: 5px solid red;
    border-color: red transparent transparent red;
    border-width: 9px 5px;
    position: absolute;
    right: -10px;
    top: 0;
    content: ''
}

@media (min-width:768px) and (max-width:992px) {

    #section-collection-home .product-loop:last-child,
    #section-collection-three .product-loop:last-child {
        display: none
    }

    .wrapper-banner-introproduct .banner-introproduct-image {
        margin-bottom: 0
    }

    .wrapper-banner-introproduct .introproduct-4 .col-12.col-md-5 {
        padding-left: 0
    }

    .wrapper-banner-introproduct .banner-introproduct {
        padding-right: 10px !important
    }

    #section-banner-home-frist .col-12.col-md-5.order-2.order-md-0 .banner-introproduct {
        padding: 0 5px 0 10px !important
    }
}

.smart-search-wrapper .item-ult .title .pro-vendor-search {
    color: #d29f13;
    font-weight: 700;
    font-size: 11px
}

.sc-bk-button-1 .wrapper-banner-introproduct .banner-introproduct-button,
.sc-bk-button-2 .wrapper-banner-introproduct .banner-introproduct-button {
    border: 2px solid #d29f13 !important;
    color: #fff !important;
    background: #d29f13 !important
}

.sc-bk-button-1 .wrapper-banner-introproduct .banner-introproduct-button:hover {
    border: 2px solid #d29f13 !important;
    color: #000 !important;
    background: #f5f5f5 !important
}

.sc-bk-button-2 .wrapper-banner-introproduct .banner-introproduct-button:hover {
    border: 2px solid #d29f13 !important;
    color: #453536 !important;
    background: #fff !important
}

.sc-bk-button-3 .wrapper-banner-introproduct .banner-introproduct-button {
    border: 2px solid #453536 !important;
    color: #453536 !important;
    background: #fdf1f3 !important
}

.sc-bk-button-3 .wrapper-banner-introproduct .banner-introproduct-button:hover {
    border: 2px solid #d29f13 !important;
    color: #d29f13 !important;
    background: #fff !important
}

.zoomContainer {
    z-index: 1 !important
}

.qua-tang-sale-page .products-item {
    float: left;
    text-align: center;
    margin: 10px 5px;
    padding: 15px;
    border: 1px solid #cccc;
    border-radius: 5px;
    transition: 350ms ease-in-out;
    flex-shrink: 0;
    scroll-snap-align: start
}

.qua-tang-sale-page .owl-carousel .owl-nav button.owl-next::before,
.qua-tang-sale-page .owl-carousel .owl-nav button.owl-prev::before,
.template-product .owl-carousel .owl-nav button.owl-next::before,
.template-product .owl-carousel .owl-nav button.owl-prev::before {
    content: ''
}

.qua-tang-sale-page .products-item .products-item-img img {
    height: 273px;
    object-fit: scale-down
}

.qua-tang-sale-page .products-item .products-item-title {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #d29f13;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px
}

.qua-tang-sale-page__banner {
    position: relative;
    height: 100%;
    width: 100%;
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/banner-qua-tang.jpg?v=607) 0 0/cover no-repeat;
    padding: 30vh 0;
    margin-bottom: 0
}

.qua-tang-sale-page__banner::before {
    content: "";
    background: #d29f130f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.qua-tang-sale-page__banner--nha-hang {
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/banner-nha-hang-min.jpg?v=695) 0 0/cover no-repeat
}

.qua-tang-sale-page__banner--qua-tang-doanh-nghiep {
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/qua-tang-doanh-nghiep-banner.jpg?v=723) 0 -290px/cover no-repeat
}

.qua-tang-sale-page__product-related,
.qua-tang-sale-page__video {
    padding: 30px 0
}

.qua-tang-sale-page__video__items iframe body .ytp-cued-thumbnail-overlay-image {
    background-size: contain !important
}

.qua-tang-sale-page__heading {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.qua-tang-sale-page__heading__title {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 3.5em;
    font-weight: 600;
    margin-bottom: 15px
}

.qua-tang-sale-page__heading__sub-title {
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 2
}

.qua-tang-sale-page__three-col {
    padding-bottom: 30px;
    padding-top: 30px
}

.labrary .col-item,
.qua-tang-sale-page__three-col .item-three-col,
.wrap_list_vertical .blog_index .myblog_2 {
    margin-bottom: 30px
}

.qua-tang-sale-page__three-col .item-three-col__title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: 15px auto;
    text-transform: capitalize
}

.qua-tang-sale-page__three-col .item-three-col__desc {
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
    font-weight: 300
}

.qua-tang-sale-page__three-col .item-three-col__image--nha-hang {
    max-height: 440px
}

.qua-tang-sale-page__three-col .item-three-col__image--nha-hang img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 440px
}

.qua-tang-sale-page__heading-sections {
    padding: 30px 0;
    background-color: #eeede9;
    text-align: center;
    margin-bottom: 0
}

.qua-tang-sale-page__heading-sections__title {
    text-transform: uppercase;
    font-size: 28px
}

.qua-tang-sale-page__heading-sections__title--en {
    font-family: 'Passions Conflict', cursive;
    font-size: 18em
}

.qua-tang-sale-page__heading-sections__sub-title {
    font-size: 15px;
    max-width: 870px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 5px;
    line-height: 2
}

.qua-tang-sale-page__sections {
    background: #f3e4cf;
    padding-bottom: 30px
}

.header-info,
.qua-tang-sale-page__sections .row,
.wrap-menu>li.all-li {
    display: flex;
    align-items: center
}

.qua-tang-sale-page__sections__desc__title {
    font-size: 28px;
    font-weight: 500;
    color: #333;
    margin: 15px auto;
    text-transform: uppercase;
    display: flex;
    position: relative;
    justify-content: left;
    padding-left: 10px
}

.qua-tang-sale-page__sections__desc__title::before {
    content: "";
    background: #d29f13;
    position: absolute;
    width: 3px;
    height: 100%;
    left: -5px
}

.qua-tang-sale-page__sections__desc__title-en {
    font-size: 85px;
    font-weight: 500;
    color: #333;
    margin: 15px auto 0;
    text-transform: unset;
    display: flex;
    justify-content: left;
    font-family: 'Passions Conflict', cursive
}

.wrap-box h3,
.wrap-menu>li>a {
    font-size: 15px;
    font-weight: 400
}

.qua-tang-sale-page__sections__desc__description {
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    text-align: justify
}

.qua-tang-sale-page__sections__images img {
    width: 100%;
    object-fit: scale-down
}

.qua-tang-sale-page__sections--section-2 {
    background: #f2e9e9
}

.qua-tang-sale-page__sections--section-4 {
    background: #ebebeb
}

.myblog_2 .image-blog-left img,
.qua-tang-sale-page__banner-footer img {
    width: 100%;
    object-fit: cover
}

.qua-tang-sale-page__form {
    padding: 75px 0 126px;
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/qua-tang-4.jpg?v=607) 0 0/cover no-repeat
}

.qua-tang-sale-page__form__item {
    background: #d29f1380
}

.qua-tang-sale-page__form__item .ztb-cf-content .ztb-head-title {
    margin-bottom: 30px !important
}

.qua-tang-sale-page__form--nha-hang {
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/banner-contacts-nha-hang.jpg?v=695) 0 0/cover no-repeat
}

.qua-tang-sale-page__form--qua-tang-doanh-nghiep {
    background: url(https://theme.hstatic.net/200000296482/1000727098/14/qua-tang-doanh-nghiep-banner-contacts.jpg?v=723) 0 0/cover no-repeat
}

.qua-tang-sale-page__products-best,
.qua-tang-sale-page__products-related {
    padding-top: 30px
}

.qua-tang-sale-page .btn-dang-ky-qua-tang {
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.qua-tang-sale-page .btn-dang-ky-qua-tang__link {
    padding: 10px 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    background: #000;
    border-radius: 4px;
    transition: .5s;
    cursor: pointer;
    border: 1px solid #d29f13;
    text-transform: uppercase
}

.qua-tang-sale-page .btn-dang-ky-qua-tang__link:hover {
    background: #d29f13
}

.qua-tang-sale-page__product-related__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-direction: column
}

.qua-tang-sale-page__product-related__heading__title {
    color: #d29f13;
    text-transform: uppercase
}

.qua-tang-sale-page__product-related__heading__title-en {
    font-size: 150px;
    font-weight: 500;
    color: #333;
    margin: 15px auto;
    font-family: 'Passions Conflict', cursive
}

.qua-tang-sale-page__product-related .products-item-title {
    margin: 30px auto 0
}

.qua-tang-sale-page__product-related .products-item-img img {
    height: 273px;
    object-fit: scale-down
}

.qua-tang-sale-page .btn-readmore-product {
    display: flex;
    justify-content: center;
    align-items: center
}

.qua-tang-sale-page .btn-readmore-product__link {
    padding: 15px 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    background: #000;
    border-radius: 4px;
    transition: .5s;
    cursor: pointer;
    border: 1px solid #d29f13;
    text-transform: uppercase
}

.qua-tang-sale-page .btn-readmore-product__link:hover {
    background: #d29f13
}

@media screen and (max-width:767px) {
    .qua-tang-sale-page__banner {
        padding: 15vh 0;
        background-position: -95px 0
    }

    .qua-tang-sale-page__banner--nha-hang,
    .qua-tang-sale-page__banner--qua-tang-doanh-nghiep {
        background-position: -75px 0
    }

    .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc {
        padding-bottom: 30px
    }

    .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc__title {
        justify-content: center !important;
        font-size: 22px;
        margin-bottom: 13px
    }

    .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc__title::before {
        display: none
    }

    .qua-tang-sale-page__video .qua-tang-sale-page__sections__desc__description {
        justify-content: center !important;
        text-align: center !important
    }

    .qua-tang-sale-page__heading__title {
        font-size: 2em
    }

    .qua-tang-sale-page__three-col .item-three-col__title {
        font-size: 18px
    }

    .qua-tang-sale-page__heading-sections__title--en {
        font-size: 24px
    }

    .qua-tang-sale-page__heading-sections {
        padding: 30px 15px
    }

    .qua-tang-sale-page__heading-sections__title,
    .qua-tang-sale-page__product-related__heading__title {
        font-size: 22px
    }

    .qua-tang-sale-page__heading-sections__sub-title {
        font-size: 15px
    }

    .qua-tang-sale-page__sections__desc__title {
        font-size: 18px;
        justify-content: left
    }

    .qua-tang-sale-page__sections__desc__title-en {
        font-size: 60px;
        justify-content: left
    }

    .qua-tang-sale-page__sections__desc__description {
        text-align: justify
    }

    .qua-tang-sale-page__form--qua-tang-doanh-nghiep {
        background-position: -455px 0
    }

    .qua-tang-sale-page__form {
        padding: 30px 0
    }

    .qua-tang-sale-page__form__heading {
        font-size: 24px;
        text-align: center
    }

    .qua-tang-sale-page__video__items iframe {
        height: 300px
    }
}

.section9 {
    margin-top: 0 !important
}

.owl-carousel.owl-drag .owl-item .product-loop-slide {
    transition: box-shadow .5s
}

.owl-carousel.owl-drag .owl-item .product-loop-slide:hover {
    box-shadow: 0 0 10px -1px
}

.owl-carousel .owl-item img {
    opacity: 1;
    transition: opacity 2s
}

.owl-carousel .owl-item img:hover {
    animation-name: fadeOut;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

@keyframes fadeOut {
    0% {
        opacity: .8
    }

    100% {
        opacity: 1
    }
}

.owl-dot {
    background-color: #000
}

.passions-conflict {
    font-family: "Passions Conflict" !important
}

.navigation-header {
    padding: 10px 0 15px !important
}

.navigation-header .row {
    align-items: flex-end
}

@media (min-width:992px) and (max-width:1199px) {
    .collection-temp2 .filter-active.collection-content-page.affix-filter .collection-sortby-title .title-sort {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 75px
    }

    .collection-temp2 .collection-content-page.affix-filter #loader {
        top: 30%
    }

    .main-header .wrap-logo a img {
        max-height: 40px
    }
}

.desktop-filter .layered-filter-group .filter-group .filter-group-block .filter-group-subtitle span {
    font-weight: 400 !important
}

.main-header {
    border-bottom: none !important
}

.header-bottom {
    background-color: #d29f13;
    display: flex;
    align-items: center
}

.header-bottom .inner {
    position: relative;
    max-width: 1920px;
    min-width: 991px;
    margin: 0 auto
}

#site-menu-handle svg {
    transition: transform .3s ease-out
}

#site-menu-handle:hover svg {
    transform: scale(1.2);
    overflow: hidden
}

@media (min-width:768px) and (max-width:991px) {
    .productDetail_style_03 .productGallery_thumb {
        width: 110px
    }

    .productDetail_style_03 .productGallery_slider {
        width: calc(100% - 110px)
    }

    .icon-box.b1,
    .icon-box.b2 {
        border-left: 1px solid #eee
    }

    .icon-box.b2,
    .icon-box.b3 {
        border-right: 1px solid #eee
    }

    .innerInfoFooter form input::placeholder {
        font-size: 10px !important
    }

    .image-icon {
        width: 28px !important
    }

    .wrap-pagination1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        font-size: 10px !important
    }

    .icon-box {
        margin: 0 auto
    }

    .section5 .text-description,
    .section9 .text-description {
        font-size: 2.4vw;
        color: #453536;
        border-left: 3px solid #d29f13;
        text-transform: uppercase;
        margin-bottom: 1.5rem !important;
        text-align: left
    }

    .passions-conflict {
        font-size: 4vh;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left
    }

    .section5 .text-description {
        padding-left: 10px;
        font-family: Montserrat;
        font-weight: 500
    }

    .section5 .banner-introproduct-image,
    .section9 .banner-introproduct-image {
        box-shadow: 7px 5px 16px 3px
    }

    .section5 .introproduct-5 {
        padding: 30px
    }

    .section5 .wrapper-banner-introproduct .banner-introproduct,
    .section9 .wrapper-banner-introproduct .banner-introproduct {
        padding: 30px 15px 30px 30px !important
    }

    .section5 .right,
    .section9 .right {
        padding-right: 35px
    }

    .section9 .text-description {
        padding-left: 10px
    }

    .section5 .text-1,
    .section9 .text-1 {
        font-size: 16px
    }
}

.section5,
.section6 {
    background-color: #eeede9;
    margin-bottom: 0 !important
}

@media (min-width:820px) and (max-width:991px) {
    .main-header .header-bottom {
        padding: 0 0 0 25px;
        height: 30px
    }

    .wrap-search {
        display: none
    }

    img {
        user-select: none
    }
}

.section5 .introproduct-5 {
    padding: 0;
    background: 0 0
}

.section6 {
    padding-bottom: 30px !important
}

.mainContent-theme .section-collection .sold-out {
    position: absolute;
    top: 20px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    background: #d29f13;
    padding: 1px 8px;
    right: 10px
}

#account-popover .btn-box,
.btn-collection-add-to-cart,
.btn.submitcomment,
.button-trai .btn,
.den-gio-hang,
.site_cart .btn-box {
    border-radius: 30px
}

.wrap-menu {
    width: 100%;
    height: 30px;
    position: relative;
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center
}

.wrap-menu>li>a {
    color: #fff;
    display: block;
    line-height: 30px;
    height: 30px;
    transition: color .2s
}

.wrap-menu>li>a:hover {
    color: #ccc
}

.wrap-menu>li>a.view_all_menu {
    width: 35px;
    padding-top: 47px;
    height: 0;
    overflow: hidden;
    background-position: -75px 50%
}

.top_icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(https://file.hstatic.net/200000296482/file/header-icon_454e1fa2d07e4b24809e93d506747668.gif);
    background-repeat: no-repeat;
    background-size: 100px
}

.footer-text-line-test,
.icon-box,
.wrap-box {
    display: flex
}

.container-fluid {
    /*padding: 0 35px !important*/
}

.container-fluid.f1 {
    max-width: 1920px
}

.container-fluid.f2 {
    background-color: #d29f13;
    max-width: 1920px
}

.wrap-pagination1 {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

.wrap-swiper-button {
    margin: 0;
    box-sizing: border-box;
    position: relative
}

.wrap-pagination1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0
}

.wrap-pagination1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #fff;
    text-align: left;
    line-height: 26px;
    padding: 12px 10px;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0;
    font-style: italic;
    color: #777
}

.main_section.main_section_box {
    text-align: center;
    padding: 0 35px 30px
}

.section_title {
    text-align: center;
    margin: 30px 0
}

.section_title h2.main-h2 {
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase
}

.main_section_box .in-box {
    width: 15%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

*,
.slick-slider,
::after,
::before {
    box-sizing: border-box
}

.main_section_box .in-box a {
    display: block;
    color: #1d1d1b
}

.main_section_box .in-box a span img {
    border-radius: 20px;
    width: 130px;
    height: 120px
}

.wrap-box h3 {
    margin: 10px 0;
    line-height: 1.2
}

.wrap-box img {
    width: 125px;
    transition: transform .2s
}

.wrap-box img:hover {
    transform: scale(1.1);
    cursor: pointer
}

.image-icon {
    width: 33px
}

.icon-box {
    align-items: center;
    justify-content: center;
    padding: 0
}

.cpanel-item,
.header-action-icon.d-flex.justify-content-end {
    align-items: center
}

.search-input-trai {
    border-radius: 30px !important
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #000;
    border: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: 0;
    transition: .3s ease-in-out;
    opacity: .5 !important
}

.owl-carousel .owl-nav button.owl-prev::before {
    content: "\2190"
}

.owl-carousel .owl-nav button.owl-next::before {
    content: "\2192"
}

.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width:576px) and (max-width:767px) {
    .list-article-content .col-lg-6:nth-child(2n) {
        padding-left: 7.5px
    }

    .list-article-content .col-lg-6:nth-child(odd) {
        padding-right: 7.5px
    }

    .navbar-social-1 img {
        height: auto !important
    }

    .icon-social {
        height: 100% !important
    }
}

@media (min-width:991px) {

    .collection-temp1 .wrapper-layered-filter .layered-filter-group .filter-group-subtitle span.icon-control,
    .item-lever,
    .mobile-menu-icon {
        display: none
    }

    .icon-box.b1,
    .icon-box.b2 {
        border-left: 1px solid #eee
    }

    .icon-box.b2,
    .icon-box.b3 {
        border-right: 1px solid #eee
    }

    .section8 {
        margin-bottom: 60px !important
    }

    .section10,
    .section9 {
        margin-bottom: 0 !important
    }

    .section1 .owl-carousel .owl-nav button.owl-next,
    .section1 .owl-carousel .owl-nav button.owl-prev {
        top: 30%
    }

    .section10 {
        padding: 45px 0 30px
    }

    .section10 .wrapper-heading-home {
        padding: 0 15px 20px !important
    }

    .section9 .introproduct-5 {
        padding: 30px 60px 45px
    }

    .section9 .text-description.left {
        padding-left: 10px;
        text-align: left;
        border-left: 3px solid #d29f13;
        font-family: Montserrat;
        font-weight: 500
    }


    .section9 .text-description.right {
        padding-right: 10px;
        text-align: right;
        border-right: 3px solid #d29f13
    }

    .row.ba-cot .col-md-4,
    v {
        text-align: center
    }

    .section9 .text-description {
        font-size: 1.8vw;
        color: #453536;
        text-transform: uppercase
    }

    .section5 .text-1,
    .section9 .text-1,
    .section9 .text-2,
    .section9 .text-3 {
        font-size: 1.5vw;
        text-align: center
    }

    .section5 .banner-introproduct {
        padding: 0 30px 0 15px
    }

    .section5 .banner-introproduct-image,
    .section9 .banner-introproduct-image {
        box-shadow: 7px 5px 16px 3px
    }

    .desktop-menu-icon .box-triangle {
        left: 18px !important
    }

    .section5 .introproduct-5 {
        padding: 30px 60px
    }

    .main-header .header-bottom {
        padding: 0 25px;
        height: 30px
    }

    .wrap-menu {
        height: 30px
    }

    .wrap-menu>li>a {
        font-size: 15px
    }

    .wrap-menu .menu-title {
        margin: 0 5px
    }

    .wrap-menu .menu-title:first-child {
        margin-left: 0
    }

    .wrap-menu .menu-title:last-child {
        margin-right: 0
    }

    .header_dropdown_content.site_menu_mobile {
        width: 20vw;
        height: fit-content
    }

    #mb-menu {
        overflow: unset
    }

    #mb-menu .menuList-sub li a {
        display: block;
        padding: 10px 25px 10px 15px;
        text-transform: capitalize;
        outline: 0;
        border-bottom: 1px solid #eee;
        font-size: 15px;
        font-weight: 400
    }

    .item-lever {
        top: 0
    }

    .site_account .box-triangle {
        right: 40px !important
    }

    .site_cart .box-triangle {
        right: 0 !important
    }

    #ajaxSearchResults-mb {
        padding-top: 10px
    }

    .infoContent p {
        margin-top: -10px;
        margin-bottom: 30px
    }

    .innerInfoFooter {
        margin: 20px 0 5px
    }

    .innerInfoFooter .col-footer-1 {
        text-align: left
    }

    .passions-conflict {
        font-size: 8vh;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .section5 .text-description {
        font-size: 1.8vw;
        color: #453536;
        border-left: 3px solid #d29f13;
        padding-left: 10px;
        text-transform: uppercase;
        margin-bottom: 2rem !important;
        font-family: Montserrat;
        font-weight: 500
    }

    .section5 .text-2 {
        font-size: 1.2vw;
        text-align: justify
    }

    .row.ba-cot {
        margin-bottom: 0 !important;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 30px 80px 40px
    }

    .row.ba-cot .col-md-4 img {
        width: 15vh;
        height: 9vh
    }

    v {
        padding-top: 15px
    }

    .news-grid {
        display: grid;
        grid-template-columns: 8fr 4fr;
        grid-template-rows: repeat(4, 1fr);
        gap: 15px
    }

    .news-grid .news-item.news-main img {
        width: 100%
    }

    .news-grid .heading-left,
    .news-grid .heading-right {
        padding-top: 0;
        margin: 0
    }

    .news-grid .heading-right {
        font-size: 15px;
        font-weight: 400
    }

    .news-grid .heading-left {
        font-size: 19px;
        font-weight: 400;
        padding: 15px 0 0
    }

    .news-secondary h2 {
        padding-left: 15px
    }

    .news-main {
        grid-row: 1/span 4;
        padding-right: 15px;
        border-right: 1px solid #eee
    }

    .news-secondary:first-of-type,
    .news-secondary:nth-of-type(2),
    .news-secondary:nth-of-type(3),
    .news-secondary:nth-of-type(4) {
        grid-column: 2/span 1
    }

    .item-article {
        display: flex;
        align-items: stretch
    }

    .post-image a {
        position: relative
    }

    .post-image a img {
        width: 100%;
        height: auto
    }

    .post-content {
        margin-left: 15px
    }

    .navbar-social-1 img {
        height: 40px
    }
}

.layout-pageNot {
    height: auto;
    padding: 70px
}

.pos-relative {
    position: relative !important
}

#collection .product-loop .product-inner,
#layout-searchpage .product-loop .product-inner,
.product-loop-slide,
.template-product .product-loop {
    border: 1px dashed #ccc
}

@media (min-width:767px) and (max-width:991px) {
    .main_section.main_section_box {
        padding: 0 5px 30px
    }

    .wrap-box h3 {
        font-size: 15px;
        line-height: 1.2
    }

    .navbar-social-1 img {
        height: 100%
    }

    .icon-social {
        height: 100% !important
    }
}

@media (min-width:767px) and (max-width:820px) {
    .main-header .header-bottom {
        padding-left: 10px
    }

    .wrap-menu {
        overflow-y: hidden;
        overflow-x: auto;
        height: 30px
    }

    .wrap-menu>.menu-title {
        margin: 0 15px 0 0
    }
}

@media (min-width:767px) and (max-width:1200px) {
    .container-fluid-mb {
        padding: 0 35px !important
    }
}

@media (min-width:767px) {
    .header-action.wrap-search {
        display: none
    }

    .qua-tang-sale-page .owl-carousel .owl-nav button.owl-prev {
        top: 45%;
        left: 30px
    }

    .qua-tang-sale-page .owl-carousel .owl-nav button.owl-next {
        top: 45%;
        right: 30px
    }

    .section1 .product-loop-slide,
    .section2 .product-loop-slide,
    .section3 .product-loop-slide,
    .section6 .product-loop-slide,
    .section8 .product-loop-slide {
        margin: 10px 0
    }

    .owl-dots {
        text-align: center;
        padding-top: 5px
    }

    .section-collection .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 30px;
        display: inline-block;
        background: #ccc;
        margin: 0 3px
    }

    .section-collection .owl-dots button.owl-dot.active {
        background-color: #866d4b !important
    }

    .section-collection .owl-dots button.owl-dot:focus {
        outline: 0
    }

    #section-collection-home .owl-carousel .owl-nav button.owl-next::before,
    #section-collection-home .owl-carousel .owl-nav button.owl-prev::before {
        font-size: 24px;
        color: #000;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none
    }

    .camket-dt {
        display: none !important
    }

    .container-fluid-mb.pro-dt {
        padding: 0 35px
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        top: 33%
    }

    .owl-carousel .owl-nav button.owl-prev {
        transition: left .3s
    }

    .owl-carousel .owl-nav button.owl-next {
        transition: right .3s
    }

    .owl-carousel .owl-nav button.owl-prev:hover {
        left: 5px
    }

    .owl-carousel .owl-nav button.owl-next:hover {
        right: 5px
    }

    #collection .product-loop {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {

    .desktop,
    .desktop-menu-icon,
    .flexContainer-header .col-md-4:first-child,
    .productDetail_style_03 .productGallery_thumb,
    .search-bar-mobile.header-action {
        display: none
    }

    #account-popover,
    .modal-popupContact.popupForm .modal-content .modal-wrapper-contact,
    .modal-popupContact.popupForm .modal-content:before,
    .productDetail_style_03 .productGallery_slider {
        width: 100%
    }

    .productDetail-recently-viewed {
        border-top: 1px solid #dee2e6;
        margin-top: 24px
    }

    #listViewed,
    #owlProductRelated,
    .noritake-conetent {
        margin-right: -15px;
        margin-left: -15px
    }

    #listViewed button.owl-prev.disabled+.owl-next,
    #owlProductRelated button.owl-prev.disabled+.owl-next,
    .noritake-conetent button.owl-prev.disabled+.owl-next {
        animation: 1.2s ease-in-out infinite marginLeft
    }

    .mainfooter-toolbar {
        padding-bottom: 45px
    }

    .layoutProduct_scroll.scroll-down .selector-actions_bottom-mb,
    .mainfooter-product {
        padding-bottom: 60px
    }

    .selector-actions_bottom-mb {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
        background: #fff;
        display: block;
        box-shadow: 0 0 4px rgba(0, 0, 0, .2);
        padding: 8px 10px;
        -webkit-transition: padding .3s;
        transition: padding .3s
    }

    .layoutProduct_scroll.scroll-down .actionToolbar_product {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .actionToolbar_product {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .3s;
        transition: .3s
    }

    #mb-menu .menuList-sub.item-lever li a strong {
        font-weight: 500
    }

    #mb-menu .menuList-sub.item-lever li .ol-s strong {
        font-weight: 300 !important
    }

    #mb-menu .menuList-sub.item-lever li .ol-s {
        padding-left: 30px !important
    }

    .and-sw,
    .x-wqp {
        font-weight: 500 !important
    }

    .fqwe-a {
        display: inline-flex;
        margin: 0 !important;
        text-transform: uppercase;
        font-family: Roboto, sans-serif !important;
        font-size: 14px
    }

    .main-header .wrap-logo a img {
        max-height: 30px
    }

    .camket-mb,
    .navigation-header .fixed_filter,
    .search-bar-mobile.d-block,
    .search-bar-mobile.d-block.d-lg-none {
        display: none !important
    }

    .navigation-header .wrapper-header-icon {
        padding: 0 10px 0 0
    }

    .section5 .wrapper-banner-introproduct .banner-introproduct-image,
    .section9 .wrapper-banner-introproduct .banner-introproduct-image {
        margin-bottom: 0;
        padding: 30px 15px 0 5px
    }

    .section5 .wrapper-banner-introproduct .banner-introproduct-image img,
    .section9 .wrapper-banner-introproduct .banner-introproduct-image img {
        box-shadow: 7px 5px 16px 0
    }

    .header-action .box-action-icon,
    .header-action .box-action-icon svg {
        height: 30px !important
    }

    .row.flex-nowrap.flexContainer-header {
        margin: 0
    }

    .section5 .mb5,
    .section9 .mb9 {
        display: flex;
        flex-direction: column-reverse
    }

    .section5 .mb5 .passions-conflict,
    .section9 .mb9 .passions-conflict {
        font-size: 50px;
        text-align: left;
        margin-bottom: -15px !important
    }

    .section5 .mb5 .text-description {
        font-size: 19px;
        margin: 15px 0 20px 10px;
        padding-left: 10px;
        border-left: 3px solid #d29f13;
        text-align: left;
        text-transform: uppercase;
        font-family: Montserrat;
        font-weight: 500
    }

    .section5 .mb5 .text-1,
    .section9 .mb9 .text-1 {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 1.6rem
    }

    .section5 .mb5 .text-2 {
        text-align: justify;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.35;
        margin-left: 15px;
        margin-right: 15px
    }

    .section9 .mb9 .banner-introproduct {
        padding: 0 !important
    }

    .section9 .mb9 .text-description {
        font-size: 19px;
        margin: 15px 0 20px 10px;
        padding-left: 10px;
        text-align: left;
        text-transform: uppercase
    }

    .section9 .mb9 .text-2 {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 1.6rem
    }

    .template-product .owl-carousel .owl-nav button.owl-next,
    .template-product .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        background-color: #fff;
        color: #000;
        border: none;
        font-size: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        outline: 0;
        transition: .3s ease-in-out;
        opacity: .5 !important
    }

    #article .article-content-desc p {
        text-align: justify;
        font-size: 18px !important
    }

    #article .article-content-desc h2 {
        font-size: 22px !important
    }

    #article .wrapper-content-article h1.article-heading_title {
        font-size: 24px !important
    }

    .navbar-social-1 img {
        height: 40px
    }

    .section9 .text-description.left {
        padding-left: 10px;
        text-align: left;
        border-left: 3px solid #d29f13;
        font-family: Montserrat;
        font-weight: 500
    }

    .section9 .text-description.right {
        padding-right: 10px;
        padding-left: 0;
        text-align: right;
        border-right: 3px solid #d29f13;
        margin: 15px 10px 20px 0
    }

    #sectionInfoFooter {
        padding: 20px 0 0
    }

    .template-collection #sectionInfoFooter {
        padding: 0 0 45px;
        margin-bottom: 20px
    }

    .template-collection h1,
    .titleHotline a {
        font-size: 24px
    }

    #content-product-list-0 .product-detail .box-pro-prices .block-pro-price .pro-price,
    #content-product-list-0 .product-detail .pro-name,
    #sectionInfoFooter h4,
    #sectionInfoFooter p.heading-h4,
    .wrap-box h3 {
        font-size: 13px
    }

    .header_dropdown_content.site_menu_mobile {
        width: 100vw;
        height: auto
    }

    .container-fluid-mb.f1::after,
    .header-bottom::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%
    }

    #mb-menu,
    #mb-menu .menuList-sub {
        overflow: unset
    }

    .header_dropdown_content.site_menu_mobile .box-triangle {
        left: 4px
    }

    .owl-carousel {
        position: unset !important
    }

    #home-slider .owl-nav button {
        top: 22%;
        display: none
    }

    #account-popover .btn-box,
    .site_cart .btn-box {
        border-radius: 30px
    }

    .section_title h2.main-h2 {
        font-size: 18px
    }

    .main-header .header-bottom,
    .wrap-pagination1 .swiper-pagination-bullets.swiper-pagination-horizontal {
        padding-left: 10px
    }

    .header-bottom::after {
        width: 6%;
        background: linear-gradient(to right, rgba(210, 159, 19, 0), #d29f13)
    }

    .wrap-menu {
        overflow-y: hidden;
        overflow-x: auto;
        height: 30px
    }

    .scrolling::-webkit-scrollbar {
        height: 2px
    }

    .scrolling::-webkit-scrollbar-thumb {
        background-color: #866d4b
    }

    .wrap-menu>.menu-title {
        margin: 0 25px 0 0
    }

    .wrap-menu>.menu-title>a {
        font-size: 16px;
        line-height: 2.3
    }

    .wrap-menu>li>a:hover {
        color: #fff;
        font-weight: 400
    }

    .container-fluid,
    .container-fluid-1 {
        padding: 0 10px !important
    }

    .wrap-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .wrap-box h3 {
        line-height: 1.2
    }

    .wrap-menu::-webkit-scrollbar {
        height: 2px;
        background-color: #d29f13
    }

    .wrap-menu::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: none
    }

    .icon-box {
        flex-direction: column;
        justify-content: flex-start;
        padding: 15px 0 10px
    }

    .icon-box-mb {
        flex-direction: row;
        justify-content: flex-start;
        padding: 5px 0;
        display: flex;
        align-items: center
    }

    .image-icon-mb {
        width: 30px
    }

    .wrap-pagination1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        text-align: center;
        line-height: 13px;
        padding: 0 25px 0 5px;
        font-size: 10px
    }

    .wrapper-heading-home h2 {
        font-size: 19px;
        text-align: left;
        line-height: 19px;
        font-weight: 500
    }

    #content-product-list-0 .pro-vendor,
    .column_trai,
    .wrapper-heading-home p {
        font-size: 12px
    }

    .site_search .box-triangle {
        right: 91px !important
    }

    .site_account .box-triangle {
        right: 51px !important
    }

    .site_cart .box-triangle {
        right: 11px !important
    }

    .container-fluid-mb f1 {
        margin: 0 15px
    }

    .container-fluid-mb.f1 {
        padding: 0 0 0 10px;
        width: 100%;
        position: relative
    }

    .container-fluid-mb.f1.wrap-pagination1 {
        padding-left: 0
    }

    .container-fluid-mb.f1 .wrap-swiper-button {
        width: 100%;
        overflow-x: auto
    }

    .container-fluid-mb.f1::after {
        width: 9%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
    }

    .container-fluid-mb.f1 .wrap-swiper-button::-webkit-scrollbar {
        height: 0
    }

    .container-fluid-mb.f1 .wrap-swiper-button::-webkit-scrollbar-thumb {
        border-radius: 2px
    }

    .main_section.main_section_box {
        padding: 0 10px 30px
    }

    .camket-dt {
        display: flex !important;
        width: max-content;
        overflow-x: auto
    }

    .main_section_box .in-box {
        width: 25%;
        padding: 3px
    }

    .section_title {
        text-align: center;
        margin: 30px 0 25px
    }

    .row.footer-top-trai {
        padding: 0;
        margin: 0 10px 0 15px
    }

    .column_trai.w6 {
        width: 60%
    }

    .column_trai.w4 {
        width: 40%
    }

    .column_trai.w4.top,
    .column_trai.w6.top {
        padding-bottom: 0
    }

    .column_trai.w4.bot,
    .column_trai.w6.bot {
        padding-top: 1px
    }

    .column_trai {
        padding: 5px 0;
        text-align: left;
        list-style: none;
        justify-content: flex-start
    }

    .container-fluid-mb.pro,
    .innerInfoFooter .contact-form {
        padding: 0
    }

    .container-fluid-mb .col-footer-1,
    .container-fluid-mb .col-footer-2 {
        padding: 20px 25px 0
    }

    .container-fluid-mb .col-footer-3 {
        padding: 0 25px
    }

    .link-showroom-home img {
        padding-bottom: 5px
    }

    .wrapper-heading-home {
        padding: 0 0 15px;
        margin: 0 10px
    }

    #content-product-list-0 .product-loop-slide:first-child,
    .container-fluid-mb.pro .owl-stage,
    .noritake-conetent .product-loop:first-child {
        margin-left: 10px
    }

    #content-product-list-0 {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px
    }

    #content-product-list-0::-webkit-scrollbar {
        height: 2px;
        background-color: none
    }

    #content-product-list-0::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: none
    }

    .noritake-conetent {
        display: flex
    }

    #content-product-list-0 .product-loop-slide,
    .noritake-conetent .product-loop {
        flex: 0 0 43%;
        margin-right: 10px
    }

    .product-detail {
        padding: 5px
    }
}

span.pro-vendor a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

@media (min-width:767px) and (max-width:991px) {
    .section10 .blog-list .article-right .post-image {
        flex: 0 0 40% !important
    }

    #sectionInfoFooter .footer-wrap-item-info-list li p,
    .footer-text-line li,
    .section10 .blog-list .article-right .post-content .heading-right {
        font-size: 12px !important
    }

    .section10 .blog-list .blog-right .article-date-right {
        font-size: 10px;
        margin: 0;
        color: #ccc
    }

    .innerInfoFooter {
        padding: 20px 10px 15px
    }

    .column_trai {
        font-size: 10px !important
    }

    .innerInfoFooter .contact-form {
        width: 100%
    }
}

@media (min-width:767px) {

    .column_trai,
    .footer-bot .footer-bot-trai {
        text-align: center
    }

    .icon-social {
        margin-right: 10px;
        height: 30px
    }

    #sectionInfoFooter .footer-text-line {
        display: flex;
        flex-direction: column
    }

    #sectionInfoFooter .container-fluid-mb .col-footer-2 {
        padding: 0 !important
    }

    .section10 {
        margin: 0
    }

    .section10 .blog-list .blog-left {
        border-right: 1px solid #eee
    }

    .section10 .blog-list .blog-left .article-date-left,
    .section10 .blog-list .blog-right .article-date-right {
        font-size: 12px;
        margin: 0;
        color: #ccc
    }

    .section10 .blog-list .blog-right {
        flex-direction: column;
        justify-content: space-between
    }

    .innerInfoFooter,
    .section10 .blog-list .article-right {
        display: flex
    }

    .section10 .blog-list .article-right .post-image {
        flex: 0 0 50%
    }

    .section10 .blog-list .article-right .post-content {
        margin-left: 15px;
        display: flex;
        flex-direction: column
    }

    .section10 .blog-list .article-right .post-content .heading-right {
        font-size: 15px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin: 0 !important
    }

    .section10 .blog-list .article-left img {
        height: 500px;
        width: 100%
    }

    .section10 .blog-list .article-left .heading-left {
        font-size: 20px;
        margin: 1rem 0 -.4rem;
        line-height: 1
    }

    #sectionInfoFooter h4 {
        font-size: 15px
    }

    .container-fluid-mb.f2.footer-mb-trai {
        padding: 0 25px !important
    }

    .container-fluid-1 {
        padding: 20px 50px;
        margin-top: 5px;
        background-color: #f8f6f3;
        border-bottom: 1px solid #e1ded9
    }

    .innerInfoFooter .col-xs-12.col-sm-4.site-animation {
        padding: 0 20px
    }

    .navbar-social,
    .navbar-social-1 {
        display: flex;
        margin: 5px 0
    }

    .navbar-social li:first-child {
        margin-left: 0
    }

    .navbar-social li .fa {
        margin: 0 10px 0 0;
        font-size: 20px;
        padding: 5px 5px 5px 0
    }

    .navbar-social li .fa-zalo {
        background: url(https://file.hstatic.net/1000003969/file/logo_zalo_vector_black_min_432cfad5ff584769a4b9d4f44d24b3d4.png) 0 0/cover no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-top: 3px;
        vertical-align: middle
    }

    .navbar-social li:hover .fa-zalo {
        background: url(//file.hstatic.net/1000360430/file/logo-zalo-vector.png) 0 0/cover no-repeat
    }

    .navbar-social li:hover:first-child .fa {
        color: #3b5998
    }

    .navbar-social li:hover:nth-child(2) .fa {
        color: #7b472c
    }

    .navbar-social li:hover:nth-child(3) .fa {
        color: #cc181e
    }

    .titleHotline a {
        font-size: 35px
    }

    .link-showroom-home img {
        padding-bottom: 15px
    }

    .footer-top {
        background-color: #a5a2a2;
        position: relative;
        z-index: 0
    }

    .row.footer-top-trai {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        margin: 0
    }

    .row.footer-top-trai li {
        text-transform: uppercase
    }

    .column_trai {
        width: 25%;
        padding: 5px 0;
        box-sizing: border-box;
        color: #fff;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .store_bellow_link {
        font-style: italic;
        text-decoration: underline
    }

    .footer-bot {
        background-color: #f8f6f3;
        padding: .5rem 0
    }

    .footer-bot .footer-bot-trai p {
        font-style: italic;
        font-size: 13px
    }

    .innerInfoFooter form input {
        width: 100%;
        padding: 5px 20px;
        border: 1px solid #ccc;
        border-radius: 20px
    }

    .innerInfoFooter form input[type=email]::placeholder {
        color: #c5c3c0;
        font-style: italic
    }

    .innerInfoFooter form button {
        text-transform: uppercase;
        position: absolute;
        background: #d29f13;
        outline: 0;
        border: 1px solid #d29f13;
        right: 0;
        padding: 0 20px;
        height: 100%;
        color: #fff;
        font-weight: 500;
        line-height: 20px;
        font-size: 12px;
        border-radius: 20px
    }

    .search-bar-mobile {
        padding: 0
    }

    #inputSearchAuto-mb::placeholder {
        font-family: Roboto, sans-serif !important
    }

    #sectionInfoFooter .footer-wrap-item-info-list li p {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: .7rem
    }

    .footer-text-line li {
        display: inline-flex;
        align-items: baseline
    }

    .footer-text-line li .fa-phone:before {
        font-size: 15px;
        line-height: 1.3;
        color: #d29f13
    }

    .footer-text-line li .fa-envelope:before {
        font-size: 12px;
        color: #d29f13
    }

    .footer-text-line li p {
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 13px
    }

    .article-left .aspect-ratio img,
    .article-right .post-image img,
    .social img {
        transition: transform .2s ease-out
    }

    .article-left .aspect-ratio:hover img {
        transform: scale(1.02);
        overflow: hidden
    }

    .article-right .post-image:hover img,
    .social:hover img {
        transform: scale(1.05);
        overflow: hidden
    }

    .article-left .aspect-ratio,
    .article-right .post-image {
        overflow: hidden
    }

    #collection .wrapper-list-collection .btn-box {
        padding: 11px;
        font-size: 11px;
        line-height: 5px;
        margin-top: 6px
    }
}

@media (max-width:767px) {

    .row.footer-top-trai,
    .row.footer-top-trai li {
        text-transform: uppercase
    }

    .icon-social {
        margin-right: 10px;
        height: 30px
    }

    .payment-icon {
        margin: 0 0 10px !important
    }

    .footer-text-line li {
        display: inline-flex;
        align-items: baseline
    }

    .footer-text-line li .fa-phone:before {
        font-size: 15px;
        color: #d29f13
    }

    .footer-text-line li .fa-envelope:before {
        font-size: 12px;
        color: #d29f13
    }

    .footer-text-line li p {
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 14px
    }

    #blog .list-article-content .article-list-item.child-article h2.article-excerpt-title,
    #blog .list-article-content .pd-item-article,
    .heading-right {
        margin-bottom: 0 !important
    }

    .section10 {
        margin: 10px !important
    }

    #blog .blog-child .row.row-heading-blog-child,
    .section10 .wrapper-heading-home {
        margin: 0
    }

    .section10 .blog-list .blog-left .article-date-left {
        font-size: 12px;
        margin: 0;
        color: #ccc
    }

    .section10 .blog-list .blog-right .article-date-right {
        font-size: 10px;
        margin: 0;
        color: #ccc
    }

    .section10 .blog-list .article-right {
        display: flex;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #e9ecef
    }

    #blog .fisrt-child-article a,
    #blog .list-blog-verticle .article-list-item .article-excerpt-image,
    .section10 .blog-list .article-right .post-image {
        flex: 0 0 35%
    }

    .section10 .blog-list .article-right .post-content {
        margin-left: 15px;
        display: flex;
        flex-direction: column
    }

    .section10 .blog-list .article-left .heading-left {
        font-size: 19px;
        margin: 1rem 0 0
    }

    .section10 .blog-list .blog-left .article-date-right {
        font-size: 12px;
        margin: 0
    }

    #sectionInfoFooter h4 {
        font-size: 15px
    }

    #blog .fisrt-child-article,
    #blog .list-blog-verticle article,
    .innerInfoFooter {
        display: flex
    }

    .innerInfoFooter .col-xs-12.col-sm-4.site-animation {
        padding: 0 20px
    }

    .navbar-social,
    .navbar-social-1 {
        display: flex;
        margin: 5px 0
    }

    .navbar-social li:first-child {
        margin-left: 0
    }

    .navbar-social li .fa {
        margin: 0 10px 0 0;
        font-size: 20px;
        padding: 5px 5px 5px 0
    }

    .navbar-social li .fa-zalo {
        background: url(https://file.hstatic.net/1000003969/file/logo_zalo_vector_black_min_432cfad5ff584769a4b9d4f44d24b3d4.png) 0 0/cover no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-top: 3px;
        vertical-align: middle
    }

    .navbar-social li:hover .fa-zalo {
        background: url(//file.hstatic.net/1000360430/file/logo-zalo-vector.png) 0 0/cover no-repeat
    }

    .navbar-social li:hover:first-child .fa {
        color: #3b5998
    }

    .navbar-social li:hover:nth-child(2) .fa {
        color: #7b472c
    }

    .navbar-social li:hover:nth-child(3) .fa {
        color: #cc181e
    }

    .titleHotline a {
        font-size: 35px
    }

    .link-showroom-home img {
        padding-bottom: 15px
    }

    .footer-top {
        background-color: #a5a2a2;
        position: relative;
        z-index: 0
    }

    .row.footer-top-trai {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        margin: 0
    }

    .column_trai {
        width: 25%;
        padding: 5px 0;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        font-size: 11px;
        display: flex;
        align-items: center
    }

    .store_bellow_link {
        font-style: italic;
        text-decoration: underline
    }

    .footer-bot {
        background-color: #f8f6f3;
        padding: 1rem
    }

    .footer-bot .footer-bot-trai {
        text-align: center;
        line-height: 1.2
    }

    .footer-bot .footer-bot-trai p {
        font-style: italic;
        font-size: 12px
    }

    .innerInfoFooter .contact-form {
        display: flex;
        margin: 0 0 10px
    }

    .innerInfoFooter form input {
        width: 100%;
        padding: 5px 0 5px 15px;
        font-size: 13px;
        border-radius: 50px 0 0 50px;
        border: 1px solid #ccc
    }

    .innerInfoFooter form input[type=email]::placeholder {
        color: #c5c3c0;
        font-style: italic
    }

    .innerInfoFooter form button {
        text-transform: uppercase;
        padding: 0 20px;
        background: #d29f13;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        border: none;
        width: 50%;
        border-radius: 50px;
        margin-left: -45px
    }

    #blog .blog-child .col-blog-child,
    #blog .list-article-content .pd-item-article,
    .search-bar-mobile {
        padding: 0
    }

    #inputSearchAuto-mb::placeholder {
        font-family: Roboto, sans-serif !important
    }

    #sectionInfoFooter .footer-wrap-item-info-list li p {
        margin-left: 5px;
        font-size: 14px !important
    }

    .singular-footer.horizontal .social-pin {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        margin-top: 22px;
        margin-bottom: 22px;
        position: static;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start
    }

    .singular-footer.horizontal .cpanel-action {
        padding-top: 0;
        margin-top: -10px;
        margin-bottom: 0
    }

    .singular-footer.horizontal ul li {
        margin: 0 5px
    }

    a.xem-tat-ca {
        background-color: #f2f2f2;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 0;
        font-size: 15px;
        color: #d58a00;
        font-weight: 500
    }

    a.xem-tat-ca:after {
        content: '···';
        margin-left: 5px;
        font-size: 30px;
        vertical-align: middle;
        line-height: 20px
    }

    .xem-tat-ca>span {
        text-transform: center
    }

    #blog .blog-main {
        border-bottom: 1px solid #f1f1f1
    }

    .blog-child .col-blog-child {
        padding: 10px 0 0
    }

    #blog .blog-all .heading-page.heading-page-child {
        margin-top: 15px
    }

    #blog .fisrt-child-article p {
        margin-bottom: .5rem
    }

    .list-article-content .article-list-item .article-excerpt-title a {
        -webkit-line-clamp: 3 !important
    }

    #blog .list-blog-verticle .article-excerpt-desc,
    .sidebar-blogs.blog-aside-sticky {
        display: none
    }

    .wrapper-content-article .article-heading_info li,
    .wrapper-content-article .article-heading_info li a {
        color: #868686;
        font-weight: 500
    }

    #blog .heading-page.heading-page-child h1 {
        font-size: 20px;
        line-height: 1
    }

    #blog .heading-page.heading-page-child h1 a {
        color: #d29f13
    }

    #blog .heading-page {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        margin: 0 0 10px
    }

    #blog .heading-page h1 {
        font-size: 20px;
        text-transform: uppercase;
        margin: 5px 10px 0;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    #blog .heading-page.heading-page-child {
        border-bottom: none !important;
        margin-top: 10px
    }

    #blog .list-article-content {
        margin: 0 !important
    }

    #blog .list-article-content .article-list-item {
        border: none;
        box-shadow: none;
        text-align: left !important
    }

    #blog .list-article-content .article-list-item.child-article .article-excerpt-content {
        padding: 0 0 0 15px
    }

    #article .date,
    #blog .child-article .date,
    #blog .date {
        font-size: 13px;
        color: #ccc;
        font-weight: 400
    }

    #blog .list-article-content .pd-item-article.child-article {
        margin-bottom: 0 !important;
        border-top: 1px solid #f1f1f1;
        padding: 10px 0
    }

    #blog .list-article-content .article-list-item.main-article h2.article-excerpt-title {
        font-size: 24px;
        margin-bottom: .5rem
    }

    #blog .list-article-content .article-list-item.main-article .article-excerpt-content {
        padding: 15px 0 0
    }

    #blog .list-article-content .article-list-item .article-excerpt-title.main-article {
        font-size: 28px;
        text-align: left;
        margin-bottom: 0
    }

    #blog .article-excerpt-desc_content {
        text-align: left;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }
}

navbar-social-1 img {
    height: 40px
}

.innerInfoFooter form input::placeholder {
    font-size: 13px
}

.footer-text-line li {
    font-size: 13px;
    line-height: 1.4
}

.payment-icon {
    display: flex;
    margin: 0 0 20px
}

.payment-icon img {
    width: 40px
}

#sectionInfoFooter .footer-wrap-item-info-list li {
    display: inline-flex
}

#sectionInfoFooter .footer-wrap-item-info-list li p {
    margin-left: 5px;
    font-size: 13px
}

.fa-map-marker:before {
    font-size: 18px;
    line-height: 1.3;
    color: #d29f13
}

#sectionInfoFooter h4,
#sectionInfoFooter p.heading-h4 {
    margin-bottom: 10px !important
}

#mb-menu .menuList-sub {
    padding-bottom: 0;
    overflow: unset;
    height: auto
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    max-width: 100% !important
}

#collection .cpanel-action {
    padding: 0;
    top: 45px
}

#collection .cpanel-action li {
    list-style-type: none !important;
    margin-left: 0 !important
}

.cpanel-action {
    margin: 0 auto 30px;
    padding: 90px 0 0;
    list-style: none;
    position: -webkit-sticky;
    position: sticky;
    top: -45px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.cpanel-action li:not(:first-of-type) {
    margin: 8px 0 0
}

.cpanel-action li.line::before {
    content: "";
    display: block;
    width: 32px;
    margin: 0 auto;
    padding-top: 8px;
    border-top: 1px solid #e3e6e8
}

.cpanel-item {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border: 0;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-size: 28px;
    transition: .3s
}

.cpanel-item:active {
    transform: translateY(4px)
}

.cpanel-item:active svg {
    background: #eee
}

.cpanel-item.print {
    margin-top: 18px
}

.cpanel-item.print.comment-empty {
    margin-top: 8px
}

.cpanel-item svg {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100px
}

#collection .cpanel-item svg {
    background: #eeede9;
    border: 1px solid #b5b5b5;
    border-radius: 100px
}

.cpanel-item:hover {
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, .05)
}

.cpanel-item.link .tooltiptext {
    width: 70px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 105px;
    margin-left: -60px;
    font-size: 14px;
    border: 2px solid #ccc;
    font-weight: 400
}

.cpanel-item.link .tooltiptext:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #ccc;
    border-width: 2px 2px 0 0;
    width: 10px;
    height: 10px;
    top: 10px;
    left: -6px;
    transform: rotate(-137deg)
}

.cpanel-item.bookmark,
.cpanel-item.comment {
    background-color: transparent;
    color: #999;
    font-size: 35px
}

.cpanel-item.comment span {
    height: 16px;
    padding: 1px 4px;
    background: #e7f0eb;
    border-radius: 4px;
    color: #0f6c32;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -10px;
    text-indent: 0;
    font-size: 11px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    line-height: 140%;
    font-weight: 600;
    z-index: 1
}

.cpanel-item.donate:hover {
    background: #1a7900
}

#article .article-content-desc img,
.template-page .trai-page img {
    margin-bottom: .5rem !important;
    width: 100%
}

@media (min-width:767px) and (max-width:991px) {

    #blog .child-article .article-excerpt-desc_content,
    #blog .main-article .article-excerpt-desc_content {
        font-size: 16px;
        text-align: left;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    #article .date,
    #blog .date {
        font-size: 13px;
        color: #ccc;
        font-weight: 400
    }

    .singular-footer.horizontal .social-pin {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        margin-top: 22px;
        margin-bottom: 22px;
        position: static;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start
    }

    .singular-footer.horizontal .cpanel-action {
        padding-top: 0;
        margin-top: -15px
    }

    .singular-footer.horizontal ul li {
        margin: 0 5px
    }

    a.xem-tat-ca {
        display: flex;
        justify-content: center
    }

    .xem-tat-ca>span {
        text-transform: center
    }

    #blog .blog-main {
        border-bottom: 1px solid #f1f1f1
    }

    #blog .wrapper-content-blogs {
        margin-bottom: 30px
    }

    #blog .blog-all .blog-main .main-article,
    #blog .blog-all .col-sidebar,
    #blog .blog-child .row.row-heading-blog-child .col-blog-child {
        padding: 0
    }

    #blog .van-hoa-nghe-thuat .list-blog-verticle .article-excerpt-desc_content {
        font-size: 14px;
        margin-bottom: 0;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    #blog .blog-child .list-article-content .pd-item-article.child-article:first-child {
        border-top: none
    }

    #blog .heading-page.heading-page-child {
        border-bottom: none !important;
        padding: 0
    }

    #blog .blog-all .row-blog-all {
        margin: 0
    }

    #blog .blog-main article.child-article .article-excerpt.article-excerpt-content {
        padding: 15px 0
    }

    #blog .blog-main article.child-article .article-excerpt.article-excerpt-content p {
        margin-bottom: -10px;
        margin-top: -10px
    }

    #blog .blog-main .pd-item-article .child-article {
        margin-right: 10px
    }

    #blog .blog-border-top {
        padding: 0 15px !important
    }

    #blog .child-article .article-excerpt-desc_content,
    #blog .list-article-content,
    #blog .list-article-content .pd-item-article {
        margin-bottom: 0
    }

    #blog .child-article .date.mb,
    .sidebar-blogs.blog-aside-sticky {
        display: none
    }

    #article .wrapper-content-article h1.article-heading_title {
        font-size: 24px !important
    }

    #blog .breadcrumb-shop .breadcrumb,
    .wrapper-mainCollection .breadcrumb-shop .breadcrumb {
        padding: 5px 0
    }

    .wrapper-content-article .article-heading_info li,
    .wrapper-content-article .article-heading_info li a {
        color: #868686;
        font-weight: 500
    }

    #article .article-content-desc h2 {
        font-size: 22px !important
    }

    #article .article-content-desc p {
        text-align: justify;
        font-size: 18px !important
    }

    #blog .heading-page {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        margin: 0 0 10px
    }

    #blog .heading-page h1 {
        font-size: 20px;
        text-transform: uppercase;
        margin: 5px 10px 0;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    #blog .heading-page h1 a {
        color: #d29f13
    }

    #blog .list-article-content .article-list-item {
        border: none;
        box-shadow: none;
        text-align: left !important
    }

    #blog .list-article-content .article-list-item.main-article h2.article-excerpt-title {
        font-size: 24px;
        margin-bottom: .5rem
    }

    #blog .list-article-content .article-list-item.main-article .article-excerpt-content {
        padding: 15px 0 0
    }

    #blog .list-article-content .pd-item-article.child-article {
        margin-bottom: 0 !important;
        padding: 10px 0
    }

    #blog .blog-main .list-article-content .article-list-item .article-excerpt-title {
        margin: 0 0 5px !important
    }

    #blog .list-blog-verticle article {
        display: flex
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-image {
        flex: 0 0 35%
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-title.child-article {
        font-size: 18px
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-content {
        padding-top: 0;
        padding-bottom: 0
    }

    a.xem-tat-ca {
        background-color: #f2f2f2;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 0;
        font-size: 15px;
        color: #d58a00;
        font-weight: 500
    }

    a.xem-tat-ca:after {
        content: '···';
        margin-left: 5px;
        font-size: 30px;
        vertical-align: middle;
        line-height: 20px
    }

    #blog .blog-all .heading-page.heading-page-child {
        margin-top: 15px
    }

    .content-description {
        padding: 0 !important
    }

    .title-bst {
        padding-left: 0;
        padding-right: 0
    }

    .collection-description {
        margin: 0 !important
    }

    #collection .col-lg-8 img {
        margin-bottom: .5rem !important
    }

    #collection .collection-heading_title_02 {
        padding: 0 0 5px 10px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    .wrapper-mainCollection .collection-heading-page h1.title,
    .wrapper-mainCollection .collection-heading-page p.title {
        font-family: montserrat;
        font-weight: 500
    }

    .collection-heading_title .title {
        text-transform: uppercase;
        font-size: 30px;
        color: #d29f13;
        text-align: center;
        font-weight: 400;
        margin-top: 20px
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a {
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a:hover {
        color: #ccc
    }

    .f-nav.nav-wrap-menu {
        width: -webkit-fill-available
    }
}

@media (min-width:991px) {
    .singular-footer.horizontal .social-pin {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        margin-top: 22px;
        margin-bottom: 22px;
        position: static;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start
    }

    .singular-footer.horizontal .cpanel-action {
        padding-top: 0;
        margin-top: -15px
    }

    .singular-footer.horizontal ul li {
        margin: 0 5px
    }

    a.xem-tat-ca {
        background-color: #f2f2f2;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 0;
        font-size: 15px;
        color: #d58a00;
        font-weight: 500
    }

    a.xem-tat-ca:after {
        content: '···';
        margin-left: 5px;
        font-size: 30px;
        vertical-align: middle;
        line-height: 20px
    }

    .xem-tat-ca>span {
        text-transform: center
    }

    #blog .blog-all .col-sidebar {
        padding-right: 0
    }

    #article .row-breadcrumb .col-breadcrumb,
    #article .wrapper-content-article .col-article,
    #blog .blog-heading-page .col-heading-page,
    #blog .row-breadcrumb .col-breadcrumb {
        padding: 0
    }

    .blog-child .col-blog-child {
        padding: 10px 0 0
    }

    #blog .blog-main {
        margin-bottom: 0 !important;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f1f1f1
    }

    #blog .heading-page {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    #blog .article-excerpt-desc_content,
    #blog .list-blog-verticle .article-excerpt-desc_content {
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    #blog .heading-page.heading-page-child {
        border-bottom: none !important;
        padding: 0
    }

    #blog .heading-page.heading-page-child h1 {
        font-size: 22px;
        line-height: 1
    }

    #blog .heading-page.heading-page-child h1 a,
    .filter-group-subtitle:hover+span {
        color: #d29f13
    }

    #blog .breadcrumb-shop .breadcrumb {
        padding: 5px 0
    }

    #article .sidebox_wrapper .sidebox_content-list .item-article,
    #blog .sidebox_wrapper .sidebox_content-list .item-article {
        padding: 10px 0
    }

    #article .sidebox_wrapper .sidebox_content-list .item-article .post-content,
    #blog .sidebox_wrapper .sidebox_content-list .item-article .post-content {
        width: 100%;
        padding: 0
    }

    #article .sidebox_wrapper .sidebox_content-list .item-article .post-image,
    #blog .sidebox_wrapper .sidebox_content-list .item-article .post-image {
        flex: 0 0 100px
    }

    #blog .wrapper-content-blogs {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    #blog .heading-page {
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        margin-bottom: 10px
    }

    #blog .heading-page h1 {
        font-size: 22px;
        text-transform: uppercase;
        margin: 5px 10px 0;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    #article .wrapper-content-article {
        margin-top: 1rem
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-content,
    .sidebox_wrapper .sidebox_content-list .item-article:first-child {
        padding-top: 0
    }

    #article .heading-page h1 {
        font-size: 18px;
        text-transform: uppercase
    }

    #blog .list-article-content .article-list-item {
        border: none;
        box-shadow: none;
        text-align: left !important
    }

    #blog .list-article-content .article-list-item .article-excerpt-title.main-article {
        font-size: 28px;
        text-align: left;
        margin-bottom: 1rem
    }

    #article .wrapper-content-article .article-heading_title {
        font-size: 28px;
        text-align: left;
        margin: 10px 0
    }

    #article .wrapper-content-article h2,
    #collection .collection-description h2 {
        font-size: 24px
    }

    #blog .list-article-content .article-list-item .article-excerpt-content {
        padding: 15px 15px 0 0
    }

    #blog .article-excerpt-desc_content,
    #blog .list-article-content .article-list-item .article-excerpt-title.child-article {
        font-size: 16px;
        text-align: left
    }

    #blog .article-excerpt-title.child-article {
        margin: 0
    }

    #blog .list-article-content .pd-item-article {
        padding: 0;
        margin: 0
    }

    #blog .list-article-content .pd-item-article.child-article {
        padding-right: 10px
    }

    #blog .list-article-content .article-list-item .article-excerpt-title.child-article a {
        -webkit-line-clamp: 2
    }

    #blog .blog-child .list-article-content .article-list-item .article-excerpt-title.child-article a {
        -webkit-line-clamp: 1
    }

    #blog .sidebox_wrapper .sidebox_content-list .item-article .post-content h3 {
        font-weight: 500
    }

    .sidebox_content::-webkit-scrollbar {
        width: 4px;
        height: 6px
    }

    .sidebox_content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #eee
    }

    #article .sidebox_wrapper .sidebox_title .htitle,
    #blog .sidebox_wrapper .sidebox_title .htitle {
        margin-bottom: 10px;
        padding-bottom: 10px;
        text-align: center
    }

    #article p {
        text-align: justify
    }

    .sidebar-blogs.blog-aside-sticky .sidebox_wrapper {
        padding: 0 0 3px
    }

    .wrapper-content-article .article-heading_info li,
    .wrapper-content-article .article-heading_info li a {
        color: #868686;
        font-weight: 500
    }

    #article .date,
    #blog .date {
        font-size: 13px;
        color: #ccc;
        font-weight: 400
    }

    #article .comment-form .btn-box {
        padding: 10px 15px
    }

    #blog .list-blog-verticle,
    #blog .list-blog-verticle article {
        display: flex
    }

    #blog .list-blog-verticle .article-excerpt-content {
        padding-left: 15px !important
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-image {
        flex: 0 0 25%
    }

    #blog .list-blog-verticle .article-list-item .article-excerpt-title.child-article {
        font-size: 18px
    }

    #blog .blog-child .list-article-content .pd-item-article.child-article,
    #blog .list-blog-verticle {
        border-top: 1px solid #f1f1f1;
        padding: 10px 0 0
    }

    #blog .list-blog-verticle .pd-item-article {
        margin: 0 0 10px !important
    }

    #blog .list-blog-verticle .article-excerpt-desc_content {
        font-size: 14px;
        margin-bottom: 0
    }

    #blog .list-blog-verticle .article-excerpt-desc {
        padding-top: 10px
    }

    #blog .blog-child .list-article-content {
        margin-bottom: 0
    }

    #blog .blog-child .list-blog-verticle {
        border-top: none;
        padding: 10px 0 0
    }

    #blog .blog-child .list-article-content .pd-item-article.child-article:first-child {
        border-top: none;
        padding: 0
    }

    .waiting-product-tag {
        padding-top: 15px
    }

    #blog .child-article .date.mb,
    #icon-minus-1,
    #icon-minus-2,
    #icon-minus-3,
    #icon-minus-4,
    #icon-minus-5,
    #icon-minus-6,
    #icon-minus-7 {
        display: none
    }

    #collection .singular-footer.horizontal .cpanel-action {
        margin-top: 0
    }

    #collection .col-lg-8 img {
        margin-bottom: .5rem !important;
        width: 100%
    }

    #collection .sidebar-blogs .item-article,
    .template-page .sidebar-blogs .item-article {
        border-bottom: 1px dashed #dee2e6;
        padding: 9px 0
    }

    #collection .collection-heading_title_02 {
        padding: 0 0 5px 10px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    #collection .sidebar-blogs .item-article .post-content h3 {
        margin: 0 0 5px !important;
        font-size: 14px !important;
        font-weight: 500 !important
    }

    #collection .sidebar-blogs .item-article p.post-meta,
    .template-page .sidebar-blogs .item-article p.post-meta {
        font-weight: 500;
        text-align: left;
        font-size: 14px;
        margin: 0;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    #collection .sidebox_content .post-image,
    .template-page .sidebox_content .post-image {
        flex: 0 0 100px !important
    }

    .collection-breadcrumb .breadcrumb-shop .breadcrumb {
        padding: 5px 25px !important;
        margin-left: 10px
    }

    .collection-breadcrumb .breadcrumb-shop {
        background-color: #f3f5f6 !important
    }

    .wrapper-mainCollection {
        margin-top: .5rem
    }

    .collection-description,
    .desktop-filter {
        margin: 0 !important
    }

    .wrapper-mainCollection .breadcrumb-shop {
        margin-bottom: .5rem
    }

    .collection-heading_title .title {
        text-transform: uppercase;
        font-size: 30px;
        color: #d29f13;
        text-align: center;
        font-weight: 400;
        margin-top: 20px
    }

    .wrapper-mainCollection .collection-heading-page h1.title {
        font-family: montserrat;
        font-weight: 500
    }

    .desktop-filter {
        z-index: 2 !important
    }

    .desktop-filter .layered-filter-group .filter-group {
        width: 100% !important
    }

    .collection-sortby,
    .collection-sortby .collection-sortby-title .title-sort {
        padding: 0 !important
    }

    .collection-sortby .collection-sortby-title .title-sortx {
        font-size: 16px !important;
        cursor: pointer;
        margin-right: 5px
    }

    .collection-sortby .collection-sortby-title {
        justify-content: right !important;
        cursor: pointer
    }

    .desktop-filter .layered-filter-group .filter-group .filter-group-block .filter-group-subtitle {
        justify-content: space-between !important
    }

    .desktop-filter .layered-filter-group {
        margin-right: 30px !important;
        justify-content: flex-end !important
    }

    .desktop-filter .layered-filter-group .filter-group .filter-group-block .filter-group-content {
        padding: 0 0 0 5px !important;
        margin: 0 0 10px !important;
        background: #f1f1f1 !important
    }

    .wrapper-layered-filter .layered-filter-group .filter-group-content .checkbox-list li label {
        background: #f1f1f1 !important
    }

    .desktop-filter .layered-filter-group .filter-group .filter-group-block .filter-group-subtitle span {
        font-weight: 500 !important
    }

    .collection-sortby-custom_option {
        width: 250px !important
    }

    .collection-sortby {
        float: right !important
    }

    #mb-menu .menuList-sub.sub-child {
        box-shadow: 1px 1px 5px -1px
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a {
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a:hover {
        color: #ccc
    }

    .f-nav.nav-wrap-menu {
        width: -webkit-fill-available
    }

    .content-description h2:first-child {
        margin-bottom: 1.3rem !important;
        font-size: 28px !important
    }

    .title-bst {
        padding-left: 0;
        padding-right: 0
    }

    .quantity-area.trai .qty-btn.minus {
        padding-left: 15px !important;
        height: 45px !important
    }

    .quantity-area.trai .qty-btn.plus {
        padding-right: 15px !important;
        height: 45px !important
    }
}

#colect-descr,
.collection-description {
    background-color: #eeede9
}

.sidebox_wrapper .sidebox_title h3,
.sidebox_wrapper .sidebox_title p.trai-title-sidebar {
    font-family: Montserrat
}

#collection .product-loop button.btn-collection-add-to-cart.after {
    margin: 0;
    padding: 10px
}

.notification-message,
.notification-message-1 {
    margin: auto 1rem;
    padding: .2rem .6rem;
    color: #d29f13;
    position: absolute;
    display: none;
    font-size: 15px;
    background: #fff
}

#blog .heading-page.heading-page-child h1 a {
    font-family: Montserrat;
    font-weight: 500
}

.wrap-menu .menu-title a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: Roboto
}

.notification-message {
    border-radius: .25rem;
    right: -250%;
    top: 58%;
    border: 1px solid #d29f13
}

.notification-message-1 {
    border-radius: .25rem;
    right: 70px;
    bottom: 65px;
    border: 1px solid #d29f13
}

.collection-heading-page {
    height: 100% !important
}

.dropdown .btn-secondary,
.dropdown .btn-secondary.dropdown-toggle:focus {
    border: none !important
}

.dropdown .btn {
    line-height: inherit !important
}

.dropdown .btn.btn-secondary.dropdown-toggle {
    color: #453536;
    background-color: #fff;
    padding-bottom: 0
}

@media (max-width:767px) {
    .content-description h2:first-child {
        margin-bottom: 1.3rem !important;
        font-size: 24px !important
    }

    #collection .collection-description h2 {
        font-size: 22px
    }

    #collection .collection-description p {
        text-align: justify;
        font-size: 18px !important
    }

    #collection .collection-heading_title_02 {
        padding: 0 0 5px 10px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        font-size: 21px !important;
        text-transform: uppercase;
        font-weight: 500;
        color: #d29f13;
        font-family: Montserrat
    }

    .collection-description {
        margin: 10px 0 0;
        background-color: #eeede9;
        padding: 0
    }

    .collection-description .title-bst {
        padding-left: 0 !important
    }

    #collection .singular-footer.horizontal .cpanel-action {
        margin-bottom: 20px
    }

    #collection .col-lg-8 {
        padding: 0
    }

    #collection .col-lg-8 img {
        margin-bottom: .5rem !important
    }

    .collection-sortby .collection-sortby-title .title-sort {
        font-size: 13px !important;
        text-transform: uppercase
    }

    #collection .breadcrumb-shop .breadcrumb {
        padding: 0 !important;
        z-index: 0
    }

    #collection .breadcrumb-shop .breadcrumb-list {
        margin-left: 10px
    }

    #collection .collection-breadcrumb {
        margin-top: -5px
    }

    .wrapper-mainCollection .collection-heading_title .heading-collection {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        border-left: 3px solid #d29f13;
        margin: 0 0 10px
    }

    .wrapper-mainCollection .collection-heading-page h1.title,
    .wrapper-mainCollection .collection-heading-page p.title {
        font-size: 20px;
        text-transform: uppercase;
        margin: 10px 10px 15px;
        color: #d29f13;
        text-align: center;
        font-family: montserrat;
        font-weight: 500
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a {
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px
    }

    .f-nav.nav-wrap-menu .f-nav-one>li>a:hover {
        color: #ccc
    }

    .f-nav.nav-wrap-menu {
        width: -webkit-fill-available;
        margin-right: -190px
    }

    .wrap-menu {
        align-items: baseline !important
    }

    #collection .wrapper-list-collection .btn-box {
        padding: 12px;
        font-size: 9px;
        line-height: 5px;
        margin-top: 5.5px
    }

    #collection .btn-boxx {
        margin-bottom: 10px
    }
}

@media (max-width:323px) {
    #collection .wrapper-list-collection .btn-box {
        padding: 9px;
        font-size: 7px;
        line-height: 5px
    }
}

#blog .sap-xep-decor .pd-item-article.child-article:first-child,
#blog .tin-tuc-su-kien .pd-item-article.child-article:first-child,
#blog .van-hoa-nghe-thuat .pd-item-article.child-article:first-child {
    border-top: none
}

.column_trai a {
    color: #fff;
    font-weight: 400;
    padding-left: 5px
}

.column_trai .fa.fa-circle {
    font-size: 7px
}

.main-header .header-bottom {
    z-index: 10 !important
}

.noContent {
    color: #000 !important;
    background-color: transparent !important;
    pointer-events: none;
    display: none
}

#collection .btn-boxx {
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 10px 25px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #d29f13;
    border-radius: 5px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    cursor: pointer;
    overflow: hidden
}

#collection .btn-boxx:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #eeede9;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

#collection .btn-boxx.btnred {
    background-color: #fff !important;
    color: #d58a00
}

#loadmore {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #d58a00;
    font-size: 15px !important;
    border-radius: 5px;
    box-shadow: 0 3px 5px -3px #666
}

#loadmore:hover {
    background-color: #3e8e41;
    transform: translateY(4px);
    box-shadow: none
}

#loadmore:after {
    content: '···';
    margin-left: 5px;
    font-size: 30px;
    vertical-align: middle;
    line-height: 20px
}

#loading-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

.spinner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    animation: 1s linear infinite spin
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.no-zoom {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.sidebox_content.trai .post-content p.trai-title {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important
}

.layout-productDetail button.btn-collection-add-to-cart.before {
    margin: 5px 0;
    max-width: 160px
}

#collection .form-collection-add-to-cart {
    margin: 5px 0 !important;
    scale: 0.9 !important
}

.add-to-cart-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1.5px
}

.quantity-area {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #e9eaec;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 5px
}

.quantity-area .qty-btn.minus-btn,
.quantity-area .qty-btn.plus-btn {
    height: 30px;
    width: 30px;
    background: #fff;
    color: var(--shop-color-text);
    opacity: .75;
    border: 0;
    outline: 0;
    padding: 0 5px
}

.quantity-area .quantity-input {
    width: calc(100% - 60px);
    height: 30px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    color: #9c9c9c;
    border: 0
}

button.btn-collection-add-to-cart.after {
    margin: 5px 0
}

p.countdown {
    text-align: center;
    margin-top: 20px
}

.sweet-alert-h2 {
    color: #575757;
    font-size: 30px;
    font-weight: 600;
    text-transform: none;
    margin: 25px 0;
    line-height: 40px;
    display: block;
    text-align: center
}

p.sweet-alert-p {
    font-size: 16px;
    font-weight: 300;
    float: none;
    margin: 0;
    line-height: normal;
    text-align: center
}

.modal-footer.trai {
    justify-content: center
}

.mua-tiep {
    background-color: #f1f1f1;
    border-radius: 30px;
    border: none
}

@media (max-width:767px) {
    .layout-productDetail button.btn-collection-add-to-cart.before {
        max-width: 140px;
        padding: 5px 10px;
        font-size: 10px
    }

    .quantity-area {
        max-width: 170px
    }

    .den-gio-hang,
    .mua-tiep {
        padding: 10px;
        font-size: 12px
    }

    .list-collection .collection-loop {
        flex: 0 0 50%;
        max-width: 50%;
        border: 1px solid #fff;
        border-top: none;
        border-left: none;
        padding: 0
    }

    .list-collection .collection-loop .effect-banner-image {
        padding: 20px
    }

    .list-collection .collection-loop p {
        margin-bottom: 0;
        text-align: center;
        padding: 0 5px 15px
    }

    .sidebar-collection {
        display: block !important
    }

    .sidebar-collection .sidebox_wrapper {
        border: none
    }

    .sidebar-collection .sidebox_wrapper .sidebox_title h3 {
        text-align: left;
        padding: 5px 5px 5px 10px;
        border-left: 3px solid #d29f13;
        color: #d29f13;
        font-size: 20px
    }

    .sidebar-collection .trai {
        padding: 10px 0;
        border-bottom: 1px dashed #dee2e6
    }

    .sidebar-collection .post-image {
        flex: 0 0 35%
    }

    .sidebar-collection .post-content {
        padding: 0 0 0 15px
    }

    .sidebar-collection .post-content h3 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .sidebar-collection p.post-meta {
        margin-bottom: 0;
        line-height: 1.2;
        text-align: left !important;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .sidebar-collection .post-meta a {
        font-size: 16px
    }

    .sidebox_content.trai .trai5,
    .sidebox_content.trai .trai6,
    .sidebox_content.trai .trai7 {
        display: none !important
    }

    .layout-productDetail .breadcrumb-shop .breadcrumb {
        padding: 0 !important;
        margin-top: -5px
    }
}

@media (min-width:767px) and (max-width:991px) {
    .list-collection .collection-loop {
        flex: 0 0 25%;
        max-width: 25%;
        border: 1px solid #fff;
        border-top: none;
        border-left: none;
        padding: 0
    }

    .list-collection .collection-loop .effect-banner-image {
        padding: 20px
    }

    .list-collection .collection-loop p {
        margin-bottom: 0;
        text-align: center;
        padding: 0 10px 20px;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .layout-productDetail .breadcrumb-shop .breadcrumb {
        padding: 0 !important;
        margin-top: -5px
    }
}

.fixed,
.overlay123 {
    position: fixed
}

.sidebox_wrapper .sidebox_title p.trai-title-sidebar,
p.htitle {
    font-size: 18px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    cursor: pointer
}

.zoomable-element {
    touch-action: none
}

.sidebox_wrapper .sidebox_title p.trai-title-sidebar {
    font-weight: 600;
    padding-bottom: 5px;
    text-align: center
}

@media (max-width:420px) {
    .product-content-summary .product-variants .selector-actions .wrap-addcart .add-to-cartProduct {
        padding: 15px
    }
}

.zoomContainer {
    display: none !important
}

.sidebox_wrapper .sidebox_content-list .item-article .post-content p {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    font-family: Roboto, sans-serif;
    text-align: left !important
}

.layout-productDetail .tabs-content table {
    border: none !important;
    margin-top: -10px
}

@media (min-width:767px) {
    #collection .btn-boxx {
        margin-bottom: 20px
    }

    #collection .btn-boxx:hover {
        background-color: #3e8e41
    }

    .quantity-area {
        max-width: 170px
    }

    .layout-productDetail .productRelated-title {
        margin: 15px 0 30px
    }

    .product-container-gallery-trai {
        display: none
    }

    .layout-productDetail .row {
        margin-top: 15px;
        margin-bottom: 30px
    }

    .productDetail_style_03 .product-thumb.slick-current .product-thumb-item,
    .productGallery_thumb .slick-slide img {
        border-radius: 5px
    }

    .productDetail_style_03 .product-thumb .product-thumb-item img {
        opacity: .5
    }

    .template-index .product-inner .product-image .product-label {
        top: 45px !important
    }

    .template-product .product-content-image .product-label {
        right: 0 !important
    }
}

@media (min-width:991px) {
    .list-collection .collection-loop {
        flex: 0 0 20%;
        max-width: 20%;
        border: 1px solid #fff;
        border-top: none;
        border-left: none;
        padding: 0
    }

    .list-collection .collection-loop .effect-banner-image {
        padding: 35px;
        overflow: hidden
    }

    .list-collection .collection-loop .effect-banner-image img {
        transition: transform .4s
    }

    .list-collection .collection-loop .effect-banner-image img:hover {
        transform: scale(1.05)
    }

    .list-collection .collection-loop p {
        margin-bottom: 0;
        text-align: center;
        padding: 0 15px 30px;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .layout-productDetail .breadcrumb-shop .breadcrumb {
        padding: 0 0 5px !important;
        margin-top: -5px
    }

    .layout-productDetail .product-variants {
        position: sticky;
        top: 20px;
        z-index: 2;
        padding: 25px 0 0;
        background-color: #fff
    }
}

.collection-description .content-description a {
    color: #00f;
    text-decoration: underline
}

.collection-description .content-description a:hover {
    color: #005cbf
}

.card-header {
    padding: 0 !important;
    background-color: #fff
}

.card-header .btn-link {
    color: #000 !important;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    padding: 11px 15px
}

table,
td {
    border-color: #ddd
}

.card-body {
    padding: 0;
    background-color: #efefef
}

.card-body>li {
    display: flex;
    align-items: center;
    padding: 10px
}

.card {
    border: none
}

.menu-mobile-button {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.overlay123 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    z-index: 1
}

.line,
.lirbrary-tab-list,
.news-line,
.tab-line1,
.tab-line2 {
    top: 50%;
    transform: translateY(-50%)
}

#collection .col-12.col-lg-8.content-description ul {
    list-style-type: disc;
    margin-bottom: 15px
}

#collection .col-12.col-lg-8.content-description ul li {
    list-style-type: disc;
    margin-left: 20px
}

@media (max-width:767px) {

    .layout-productDetail .product-content-image,
    .layout-productDetail .product-content-summary {
        padding: 0
    }

    .layout-productDetail .row {
        margin: -10px 5px 0
    }

    .template-product .breadcrumb-content-inner {
        margin-top: 15px
    }

    .lSPager.lSGallery {
        padding-bottom: 20px;
        padding-top: 5px;
        overflow: hidden !important
    }

    .lSSlideOuter .lSPager.lSGallery li {
        border-radius: 5px !important
    }

    .lSSlideOuter .lSPager.lSGallery li.active,
    .lSSlideOuter .lSPager.lSGallery li:hover {
        border: 1px solid #d29f13 !important
    }

    .icon-zoom-img {
        position: absolute;
        color: #fff;
        z-index: 2;
        bottom: 105px;
        right: 10px;
        padding: 8px 10px;
        border: 1px solid #939393;
        border-radius: 10px
    }

    .icon-zoom-img i {
        font-size: 25px;
        color: #939393
    }

    .lSPager.lSGallery li {
        opacity: .5
    }

    .lSPager.lSGallery li.active {
        opacity: 1 !important
    }

    .image-zoom {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        z-index: 8
    }

    .zoom-container {
        display: inline-block
    }

    .zoom-container img {
        width: 100%;
        height: auto;
        border: 2px solid #fff;
        z-index: 999
    }

    #mb-menu .menuList-sub.sub-child {
        overflow: auto;
        height: 96vh
    }

    #mb-menu .menuList-sub li a {
        padding: 11px 15px !important;
        font-size: 17px !important;
        font-weight: 400 !important
    }

    .viewmore a {
        font-style: italic;
        color: #d29f13 !important
    }

    #mb-menu .menuList-sub li a.parent:after,
    #mb-menu .menuList-sub li#accordionExample2 a:after,
    #mb-menu .menuList-sub li#accordionExample4 a:after,
    .viewmore a:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 8px;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(https://file.hstatic.net/200000296482/file/link-deco02_7d66655937b44373994c062f3a7a5ce9.png) 0 0/cover
    }

    .viewmore a:after {
        background: url(https://file.hstatic.net/200000296482/file/link-deco02-d29f13_505353c9ce404747a4ba9d5fc3121a05.png) 0 0/cover !important
    }

    .icon-control img {
        width: 12px
    }

    .template-index .product-inner .product-image {
        position: relative
    }

    .template-index .product-inner .product-image .product-label {
        right: -40px !important
    }

    .template-index .product-inner .product-image .product-label .onsale {
        font-size: 12px !important
    }
}

* {
    outline: 0
}

*,
::after,
::before {
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    width: 1920px;
    display: block;
    font-size: 16px;
    scroll-behavior: smooth
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    padding: 0
}

table {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding-left: 10px
}

table,
td,
th {
    font-size: 100%;
    padding: 10px;
    margin-bottom: 10px
}

td {
    vertical-align: central;
    padding: 5px !important
}

ul li {
    list-style: none;
    position: relative
}

p {
    padding: 0;
    margin: 0
}

i.fa {
    line-height: inherit
}

body {
    width: 100%;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    font-size: 15px;
    color: #333;
    background: #fffaf0;
    overflow: hidden
}

img {
    height: auto
}

.btn.focus,
.btn:focus {
    box-shadow: unset
}

a:focus,
a:hover {
    text-decoration: none;
    cursor: pointer
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e1d4cc;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc
}

section {
    font-size: .875rem
}

.stcky {
    position: sticky
}

.picture_box_banner img {
    border-radius: 2%;
    height: 190px;
    object-fit: cover
}

.text_banner_cate h5 {
    line-height: 27px;
    margin-top: 9px;
    font-size: 17px
}

.post_news li {
    line-height: 30px;
    font-size: 15px
}

.write_news_sidebar h3 {
    font-size: 22px;
    border-bottom: 1px solid #900722
}

.page_banner {
    background: #f1f1f1;
    margin-top: -7px
}

.pro-price {
    font-weight: 600;
    font-size: 14px;
    color: #333
}

.text-red {
    color: red
}

.title-text {
    max-width: 350px;
    margin: 0 auto
}

.title-text h3 {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 15px;
    color: #145a2d;
    font-weight: bolder
}

.title-text p {
    line-height: 1.3;
    color: #707070;
    font-size: 15px
}

.clearfix-15 {
    height: 15px;
    clear: both;
    display: block
}

.flashsale-title {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px
}

.flashsale-title h2 {
    font-size: 1.8rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700
}

.ega-badge-ctd__item {
    padding: 2px 5px;
    background: #145a2d;
    font-weight: 700;
    color: #fff
}

.ega-badge-ctd__colon {
    font-weight: 900;
    padding: 0 3px;
    color: #145a2d;
    display: inline-block
}

.top-flashsale {
    display: flex;
    justify-content: center
}

.line {
    width: 100%;
    height: 1px
}

.line::after,
.line::before,
.tab-line1,
.tab-line2 {
    height: 2px;
    position: absolute
}

.line::after {
    content: "";
    width: 100%;
    background-color: #145a2d;
    bottom: 3px
}

.line::before {
    content: "";
    width: 100%;
    background-color: #145a2d;
    top: 2px
}

ul.page_list_head {
    background: unset;
    display: flex;
    padding: 10px 0;
    margin-bottom: 0
}

.flashsale-content .content h3,
.tab-product .content h3 {
    font-size: 1rem;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.6
}

.flashsale-content .content,
.tab-product .content {
    margin-top: 15px;
    padding: 0 10px 10px
}

.mota_sp_pro li {
    border-top: 2px solid #145a2d;
    padding: 6px 0
}

.flashsale-content .content li,
.tab-product .content li {
    border-top: 2px solid #145a2d;
    padding: 5px 0;
    height: 48px
}

.flashsale-content .content>a,
.tab-product .content>a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    background-color: #edbfb0;
    font-weight: 700
}

.ega-badge-ctd {
    display: flex;
    width: 100%
}

.tab-product .tab-list ul {
    display: flex;
    justify-content: center;
    position: relative;
    gap: 30px
}

.tab-product .tab-list ul li {
    min-width: 150px;
    padding: 10px 0
}

.tab-product .tab-list ul li a {
    text-align: center;
    cursor: pointer;
    width: 160px;
    height: 40px;
    background-color: #145a2d;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}

.address,
.phone-footer {
    justify-content: center
}

.tab-line1 {
    width: 100%;
    left: 0;
    background: #145a2d
}

.tab-line2 {
    width: 30%;
    right: 0;
    background: #145a2d;
    display: none
}

.boder-not-active {
    width: 93%;
    height: 90%;
    background-color: #fffaf0;
    transition: .2s
}

.why-choose {
    background-color: #f5f5f5
}

.why-content .col-item {
    padding: 0 20px;
    text-align: center
}

.why-content .content h3 {
    font-size: 1.2rem;
    font-weight: 700
}

.why-content .content p {
    line-height: 1.4;
    color: #707070;
    font-size: 15px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.nut_xemtatca {
    line-height: 40px;
    font-size: 15px;
    border: 1px solid #145a2d;
    padding: 7px;
    border-radius: 5px;
    transition: .2s
}

.footer,
.price {
    font-size: 1rem
}

.why-content .img {
    display: inline-block;
    background: #f5f5f5
}

.labrary .tab-item {
    padding: 5px 15px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem
}

.news-title h2 {
    display: inline-block;
    padding: 5px 35px 5px 0;
    background: #fffaf0;
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 0
}

.news-line {
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    background-color: #145a2d
}

.address,
.footer-social,
.heading h3,
.mail-footer,
.phone-footer,
.product-item,
li.dropdown_dm {
    position: relative
}

.hot-news .item {
    text-transform: initial;
    text-align: center;
    padding: 10px
}

.footer .content h3,
.menu-desktop,
.name_company,
.overlay a,
.product-item .content h3 {
    text-transform: uppercase
}

.hot-news .item p {
    padding: 5px;
    font-weight: 600
}

.footer-social {
    display: flex;
    width: 100%;
    background-color: #f93
}

.address {
    display: flex;
    align-items: center;
    z-index: 2;
    left: 40px
}

.address>a,
.phone-footer>a {
    display: flex;
    padding: 15px 0
}

.phone-footer {
    display: flex;
    align-items: center;
    z-index: 1
}

.mail-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    right: 40px
}

.footer-social svg {
    width: 20px;
    height: auto;
    fill: #fff
}

.footer img,
.header .flex-row,
.overlay {
    height: 100%
}

.footer {
    
    padding-bottom: 30px;
    border-bottom: 5px solid #ffd5c8;
    margin-top: 20px
}

.footer .content h3 {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    margin-top: 12px
}

.footer .content li {
    padding: 10px 0;
    border-bottom: 1px solid #ffd5c8;
    color: #fff
}

.footer .content {
    max-width: 450px
}

.flashsale-content .image img,
.tab-product .image img {
    height: 180px;
    transition: .3s ease-in-out;
    width: 100%;
    object-fit: cover
}

.tab-item span::after,
.tab-item.active span::after {
    background-color: #145a2d;
    height: 2px;
    animation: .5s linetab;
    bottom: -6px;
    left: 0;
    content: ''
}

.flashsale-content .image,
.tab-product .image {
    text-align: center;
    padding: 10px 10px 0
}

.section-title h2 {
    font-size: 1.5rem;
    font-weight: 700
}

.tab-product .item:not(.active) .btn-tab span {
    color: #333;
    z-index: 1
}

.col-about-item:hover img,
.home-box-lightbox a:hover img,
.product-item:hover img {
    transform: scale(1.1)
}

.product-item {
    background: #fff;
    border-radius: 6px;
    transition: .3s ease-in-out;
    overflow: hidden;
    margin-bottom: 10px
}

.product-item:hover {
    box-shadow: 0 10px 40px rgba(0, 108, 66, .14)
}

.flashsale-title span {
    font-size: 1.1rem
}

.form-searh-focus .btn-primary i,
.product-item:hover .content a {
    color: #333
}

.why-choose img {
    width: 120px
}

.lirbrary-tab-list {
    position: absolute;
    right: 0;
    padding: 10px 10px 10px 0;
    background-color: #fffaf0
}

.tab-item.active span {
    color: #145a2d
}

.tab-item span::after {
    position: absolute;
    width: 0;
    transition: .4s ease-in-out
}

.tab-item.active span::after {
    position: absolute;
    width: 100%
}

.price sub {
    bottom: .3rem
}

.price {
    font-weight: 700;
    color: #fff
}

.overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    background: rgba(26, 35, 57, .76);
    transition: .2s ease-in-out;
    gap: 10px;
    flex-direction: column
}

.back_to_top a span,
.myblog_2 {
    transition: .5s;
    overflow: hidden
}

.overlay a {
    padding: 5px 15px;
    font-size: .875rem;
    font-weight: 700;
    background: rgba(255, 255, 255, .7);
    color: #333;
    border-radius: 5px;
    transition: .2s
}

.overlay a:hover {
    box-shadow: 0 10px 30px rgba(255, 255, 255, .14);
    background-color: #333;
    color: #fff
}

.box-content .overlay a {
    display: flex;
    padding: 10px
}

.box-content img {
    height: 180px
}

.hot-news .item>a {
    overflow: hidden;
    border-radius: 6px
}

.news-content {
    background-color: #f4ece1;
    overflow: hidden;
    border-radius: 6px
}

.news-carousel .news-content img {
    height: 140px
}

.myblog_2 {
    margin-bottom: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07);
    transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
    border-radius: 7px;
    transform: translateZ(0)
}

.myblog_2 .image-blog-left {
    height: auto;
    display: block;
    float: left
}

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

.myblog_2 .content_blog {
    width: 100%;
    -webkit-width: 100%;
    -moz-width: 100%;
    -o-width: 100%;
    -os-width: 100%;
    display: block;
    padding: 0 10px 10px
}

.myblog_2 .content_blog .content_right {
    width: 100%;
    float: left;
    display: none
}

.myblog_2 .content_blog .content_right .short_time {
    color: #707070;
    display: none
}

.myblog_2 .content_blog .content_right .short_time .fas {
    color: #ff5722;
    padding-right: 5px
}

.myblog_2 .content_blog .content_right h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
    line-height: 29px;
    color: #000
}

.myblog_2 .content_blog .summary_item_blog {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.myblog_2 .content_blog .summary_item_blog p {
    margin: 0;
    color: #707070;
    padding-top: 10px;
    font-size: 14px;
    font-family: Mulish, sans-serif
}

.name_sp {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

li.dropdown_dm {
    z-index: 1;
    padding: 0
}

.dropdown_dm a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    padding: 11px 10px 7px 5px;
    border-bottom: 1px solid #e5e5e5
}

.list_cate_detail .tit_dm {
    background: #145a2d;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    margin: 0
}

.news-carousel.slick-initialized .slick-slide {
    padding: 0 10px
}

.lib-content .row {
    margin-left: -5px;
    margin-right: -5px
}

.lib-content .col-item,
.video-blog .slider-nav .item {
    padding-left: 5px;
    padding-right: 5px
}

.feedback .heading,
feedback .heading {
    margin-bottom: 45px;
    padding: 0 75px;
    text-align: center;
    margin-top: 55px
}

.heading h3 {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    z-index: 999;
    display: block;
    line-height: normal
}

.heading span {
    padding-top: 15px;
    padding-bottom: 35px;
    float: left;
    width: 100%
}

.heading .btn_feedback {
    font-size: 18px;
    padding: 0 30px
}

.btn.btn-primary {
    padding: 0 25px;
    background: #4582ff;
    color: #fff !important;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    height: 55px;
    line-height: 55px;
    border: 1px solid transparent
}

.item_comments {
    background: #fff;
    padding: 20px 45px 30px 30px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px
}

.item_comments .content_comments {
    width: calc(100% - 160px);
    float: left
}

.item_comments .content_comments .bf_img {
    background-repeat: no-repeat;
    height: 21px;
    width: 30px;
    float: left;
    margin-bottom: 10px
}

.item_comments .content_comments p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    letter-spacing: 0;
    word-break: break-word;
    font-weight: 400;
    width: 100%;
    display: block;
    float: left;
    font-style: italic
}

.item_comments .thumb_comments {
    float: left;
    display: inline-block
}

.item_comments .thumb_comments .imgx {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-left: 60px
}

.item_comments .thumb_comments .imgx img {
    border-radius: 50%
}

.feedback .heading {
    pad: 0;
    padding: 0
}

.flashsale-title {
    background-color: #fffaf0
}

.back_to_top {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: linear-gradient(to top, #403231, #403231);
    border-radius: 50px;
    z-index: 99;
    overflow: hidden;
    transition: .3s ease-in-out
}

.back_to_top a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.back_to_top a span {
    display: inline-block;
    float: left;
    line-height: 27px;
    color: #fff;
    white-space: nowrap;
    width: 0
}

.back_to_top img {
    width: auto;
    margin-top: 3px
}

.why-choose .line-aboutus {
    top: 58px !important
}

@media (min-width:576px) {
    .visible-sm {
        display: none
    }
}

@media(max-width:576px) {

    .lirbrary-tab-list,
    .tab-list {
        overflow-x: scroll;
        position: relative
    }

    .img_pro_km {
        height: 120px !important
    }

    .slider_row {
        height: 70px !important
    }

    .slider_right_pro .mySlides img {
        height: auto !important
    }

    .footer .content h3 {
        padding-top: 20px
    }

    .address,
    .hidden-sm,
    .mail-footer,
    .phone-footer>a {
        display: none
    }

    .img-responsive {
        height: 95px !important
    }

    .menu-bar {
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: center
    }

    .menu-bar svg {
        width: 30px;
        height: 30px
    }

    .aboutus {
        top: 0
    }

    .top-flashsale {
        margin-top: 25px
    }

    .flashsale-title {
        flex-direction: column;
        padding: 15px;
        border-radius: 7px
    }

    .flashsale .col-item,
    .tab-product .col-item {
        margin-bottom: 15px
    }

    .tab-list::-webkit-scrollbar {
        display: none
    }

    .box-content img {
        width: 100%;
        height: 250px
    }

    .labrary .tab-item span {
        white-space: nowrap
    }

    .lirbrary-tab-list {
        top: unset;
        transform: unset;
        padding-left: 0
    }

    .lirbrary-tab-list::-webkit-scrollbar {
        display: none
    }

    .justify-content-xs-start {
        justify-content: flex-start !important
    }

    .news-line {
        display: none
    }

    .flashsale-content .image img,
    .tab-product .image img {
        height: 140px
    }

    .item_comments .content_comments,
    .myblog_2 .image-blog-left {
        width: 100%
    }

    .myblog_2 .content_blog {
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 20px
    }

    .news-carousel.slick-initialized .slick-slide {
        margin-right: 0
    }

    .form-searh-focus {
        opacity: 1;
        position: relative;
        visibility: visible;
        top: unset;
        left: unset;
        border: none
    }

    .social-item i {
        font-size: 25px
    }

    .sub-menu {
        background: #f1f1f1;
        position: relative !important;
        max-height: 0;
        transition: .3s ease-in-out
    }
}
/*
.img-fluid {
    height: 190px !important;
    margin-bottom: 25px
}
*/

.section-title {
    padding-top: 20px
}

.awe-section-3 {
    background: #fff;
    padding-bottom: 13px
}

.home-blog .item {
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc
}

.home-blog .item .thumb {
    display: inline-block;
    width: calc(25% - 15px);
    float: left;
    margin-right: 15px
}

img.basic {
    margin-left: auto;
    margin-right: auto
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: 200px
}

.home-blog .item .text {
    width: 66%;
    float: left
}

.home-blog .item .text h3 {
    font: 700 16px/20px Roboto;
    margin-top: -4px
}

.home-blog .item .text .date+p,
.home-blog .item .text h3 a {
    word-break: break-word;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-box-orient: vertical
}

.home-blog .item .text h3 a {
    color: #222;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.home-blog .item .text h3 a:hover {
    color: #145a8d
}

.home-blog .item .text .date {
    display: inline-block;
    width: 50px;
    height: 60px;
    background: #eaeaea;
    margin-right: 10px;
    float: left;
    text-align: center;
    font-size: 24px;
    padding-top: 3px;
    position: relative
}

.line-blog .line-triangle {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background: #145a2d;
    top: 7px
}

.line-blog .triangle {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-bottom: 4px solid #145a2d;
    border-left: 4px solid #145a2d;
    transform: rotate(-45deg);
    background: #fffaf0;
    z-index: 1
}

.list-news {
    padding: 15px 0 0;
    overflow-y: scroll;
    height: 432px
}

.news-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.news-item .image {
    max-width: 30%
}

.news-item .content {
    max-width: 70%;
    padding-left: 15px
}

.news-item .content h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.5
}

.news-item .content p {
    line-height: 1.3
}

.video-blog {
    padding: 15px 30px 0
}

.video-blog .slider-for .slick-slide img {
    height: 325px;
    object-fit: cover;
    width: 100%
}

.video-blog .box-content {
    border-radius: 15px;
    overflow: hidden
}

.video-blog .slider-nav .slick-slide img {
    height: 80px;
    object-fit: cover;
    width: 100%
}

.video-blog .slider-nav .box-content {
    border-radius: 7px
}

.home-blog .item .text .date span {
    background: #999;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: inline-block
}

.home-blog .item .text .date+p {
    display: inline-block;
    width: calc(100% - 60px);
    float: left;
    font-size: 14px;
    margin-top: -4px;
    margin-bottom: 6px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box
}

.home-box-lightbox {
    margin-left: -15px
}

.home-box-lightbox a {
    display: inline-block;
    width: calc(25% - 15px);
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
    margin-left: 15px;
    position: relative
}

.home-box-lightbox a img {
    transition: .3s
}

.hot-news .slick-next,
.hot-news .slick-prev {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #999;
    z-index: 10000;
    border-radius: 50%;
    overflow: hidden;
    opacity: .5
}

.gia_sp_ht,
.pagination>.active {
    background: #145a2d
}

.img_pro_km {
    height: 180px;
    width: 100%
}

.product-item .content h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 36px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px
}

.hotproduct-carousel .item .content {
    padding: 0 10px 10px
}

.hotproduct-carousel .item .image {
    padding: 10px 10px 0
}

.hotproduct-carousel .slick-next,
.hotproduct-carousel .slick-prev,
.lib-carousel .slick-next,
.lib-carousel .slick-prev {
    background: #999;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    z-index: 1;
    opacity: .2
}

.hotproduct-carousel .slick-next,
.hotproduct-carousel .slick-prev {
    top: 110px
}

.lib-carousel {
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width:450px) {
    .home-blog .item .thumb {
        width: 100%;
        margin: 0 0 15px
    }

    .home-blog .item .text {
        width: 100%
    }
}

@media (max-width:767px) {
    .space-40 {
        margin-bottom: 20px
    }

    .title-text {
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .title-text h2 {
        font-size: 22px;
        line-height: 28px
    }

    .home-blog .item .text h3 {
        font-size: 14px;
        line-height: 18px
    }

    .home-blog .item .text .date+p {
        font-size: 12px;
        line-height: 18px
    }

    .home-box-lightbox a:after,
    .home-box-lightbox a:before {
        width: 20px;
        height: 20px
    }
}

@media (max-width:991px) {
    body {
        overflow-x: hidden
    }

    .announcement-bar,
    .cpanel-action,
    .f-nav .f-nav-one>li>a>svg,
    .filter-group-content,
    .mainHeader_temp_2 .navigation-header.hSticky-down .wrapper-header-logo,
    .mainHeader_temp_3 .navigation-header .wrap-email,
    .mainHeader_temp_3 .navigation-header .wrap-hotline,
    .mainHeader_temp_3 .navigation-header .wrapper-header-icon .box-action-text,
    .sidebox_wrapper .sidebox_content,
    .wrapper-mainCollection .collection-option-sticky {
        display: none
    }

    .flexContainer-header>div.wrapper-header-icon {
        padding-left: 0
    }

    .flexContainer-header>div.wrapper-header-logo {
        padding: 0 5px
    }

    .flexContainer-header>div[class*=wrapper-header-] {
        position: initial;
        width: initial
    }

    .main-header .navigation-header.hSticky-down .search-bar-mobile {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        border-top: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: hidden;
        padding: 0 90px 0 50px
    }

    .main-header .navigation-header.hSticky-down .search-bar-mobile .search-box {
        visibility: visible
    }

    .main-header .navigation-header.hSticky-down .search-bar-mobile .smart-search-wrapper {
        top: calc(100% + 8px)
    }

    .main-header .header-inner {
        padding: 10px 0;
        position: relative
    }

    .main-header.mainHeader_tempPr .wrapper-header-nav .icon-nav {
        display: inline-block;
        vertical-align: middle
    }

    .collection-siderbar-options_mb .collection-options_fixed-mb .sidebar-options-close,
    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page {
        display: inline-block
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page .backto-page-history {
        display: block;
        width: 30px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin-right: 5px
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .backto-page .backto-page-history svg {
        width: 30px;
        height: 35px;
        fill: #000
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .header-action-icon .wrap-search {
        display: block
    }

    .fixed_filter,
    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .search-bar-mobile {
        display: none !important
    }

    .main-header.mainHeader_tempPr .navigation-header.hSticky-down .header_dropdown_content.site_menu_mobile .box-triangle {
        left: 48px
    }

    .locked-scroll,
    body.open-filter,
    body.open-sort {
        overflow: hidden
    }

    .locked-scroll .main-header .navigation-header,
    .locked-scroll .main-header .navigation-header.hSticky-down {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .header-action-icon .wrap-cart .count-holder {
        top: 0;
        right: 0;
        min-width: 16px;
        line-height: 16px
    }

    .collection-options-desktop_filter,
    .mainHeader_temp_2 .navigation-header .flexContainer-header {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .wrapper-header-nav.show-action .icon--hamburger-mobile {
        opacity: 0;
        transform: scale(0)
    }

    .sidebox_wrapper {
        border: 1px solid #dee2e6
    }

    .sidebox_wrapper .sidebox_title h3 span {
        display: inline-block;
        position: absolute;
        right: 10px;
        line-height: 1.3;
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        transition: transform .5s
    }

    .sidebox_wrapper .sidebox_title.active span {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        transition: transform .5s
    }

    .collection-sortby-custom_option .custom-select-menu {
        padding: 10px 0
    }

    .collection-sortby-custom_option .custom-select-menu>li {
        margin-bottom: 5px;
        padding-right: 35px
    }

    .collection-temp1 .banner-collection-header {
        margin-left: -15px;
        margin-right: -15px
    }

    .wrapper-mainCollection .collection-heading-page .title {
        font-size: 20px
    }

    .collection-options-desktop_sort-by {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .collection-heading_options {
        padding-right: 10px
    }

    .collection-siderbar-filter .collection-filter .wrapper-layered-filter {
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto;
        padding: 10px 15px 20px;
        max-height: 60vh
    }

    .collection-siderbar-options_mb {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        background: #fff;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: 350ms ease-in-out;
        -moz-transition: 350ms ease-in-out;
        transition: 350ms ease-in-out;
        flex: unset;
        overflow-x: hidden;
        border-radius: 10px 10px 0 0
    }

    .collection-siderbar-options_mb .collection-options_fixed-mb {
        background: #fff;
        padding: 15px 50px;
        text-align: center;
        border-bottom: 2px solid #ebebeb
    }

    .collection-siderbar-options_mb .collection-options_fixed-mb .sidebar-options-close span.sidebar-options-title {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase
    }

    .collection-siderbar-options_mb .collection-options_fixed-mb .sidebar-options-close .back-icon {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px
    }

    .collection-siderbar-options_mb .collection-options_fixed-mb .sidebar-options-close .back-icon svg {
        width: 15px;
        height: 30px;
        fill: #453536
    }

    body.open-filter .collection-siderbar-filter {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    body.open-filter .site-overlay,
    body.open-sort .site-overlay {
        opacity: 1;
        visibility: visible;
        background: rgba(0, 0, 0, .25);
        z-index: 999
    }

    body.open-sort .collection-sortby-custom_option {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    .wrapper-layered-filter .layered-filter-group .filter-group:not(:last-child) {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ebebeb
    }

    .productDetail_style_01 .product-container-gallery {
        position: relative
    }

    .productDetail-information .owl-carousel {
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s;
        -webkit-transition: opacity 1s
    }

    .productDetail-information .owl-carousel.owl-loaded {
        opacity: 1;
        visibility: visible
    }

    .tab-product .tab-list ul {
        justify-content: flex-start;
        gap: unset
    }

    .container-aboutus {
        padding-left: 15px;
        padding-right: 15px
    }

    .home-blog .item {
        margin-bottom: 15px
    }

    .home-box-lightbox {
        margin-bottom: 5px;
        display: inline-block
    }

    .hotproduct-carousel .slick-next,
    .lib-carousel .slick-next {
        right: 0
    }

    .hotproduct-carousel .slick-prev,
    .lib-carousel .slick-prev {
        left: 0
    }

    .detail_product .nav-tabs {
        flex-wrap: nowrap;
        width: 100%;
        overflow: scroll
    }

    .detail_product .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .detail_product .nav-tabs>li>a {
        white-space: nowrap
    }

    .product_detail_bg .box-table {
        overflow-x: scroll
    }

    .product_detail_bg .box-table::-webkit-scrollbar-thumb {
        height: 2px
    }

    .product_detail_bg .box-table::-webkit-scrollbar-horizontal {
        height: 2px
    }
}

@media (max-width:375px) {
    .banner-slide .box-item img {
        height: 200px
    }
}

.pagination li {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.header-info a,
.social-item {
    border-left: 1px solid #145a2d
}

.header {
    font-size: 1rem;
    width: 100%;
    margin-bottom: 3px;
    height: 50px;
    z-index: 1000
}

.header-info a,
.menu-desktop {
    font-size: .875rem;
    display: flex
}

.sub-menu,
.sub-menu-2 {
    z-index: 2000;
    transition: .3s ease-in-out;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.social-item {
    padding: 8px 12px
}

.nav-link {
    padding-left: 20px;
    padding-right: 20px;
    color: #145a2d;
    font-weight: 700
}

.social-item i {
    width: 16px;
    height: 16px;
    text-align: center
}

.header-info a {
    padding: 0 15px;
    align-items: center;
    font-weight: 700
}

.header-info a i {
    margin-right: .3rem
}

.top-header {
    border-bottom: 1px solid #145a2d
}

.social-item:last-child {
    border-right: 1px solid #145a2d
}

.sub-menu-2 {
    min-width: 150px;
    width: 240px;
    left: 100%;
    top: 0
}

.sub-menu {
    min-width: 180px;
    width: 230px;
    left: -378px
}

.submenu-toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: flex
}

.menu-desktop {
    align-items: center;
    height: 100%
}

.submenu-toggle i {
    font-size: .6rem
}

.nav-item:has(.submenu-toggle):hover .sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 100%
}

.sub-menu-item {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.sub-menu-item:last-child {
    border-bottom: none
}

.header-mobile .menu-desktop.open {
    left: 0;
    overflow-y: scroll
}

.header-mobile .menu-desktop.open .nav-item {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.form-searh-focus {
    position: absolute;
    padding: 20px;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 1;
    border-top: 3px solid #888;
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.form-searh-focus .form-group {
    display: flex;
    border: 1px solid #333;
    border-radius: 4px;
    margin-bottom: 0
}

.form-searh-focus .form-control {
    border: none;
    min-width: 150px
}

.form-searh-focus .btn-primary {
    border: none;
    background-color: transparent;
    right: 5px;
    position: relative
}

.nav-toggle span {
    position: relative;
    margin: auto;
    display: block;
    width: 25px;
    height: 2px;
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1);
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    background-color: #333
}

.nav-toggle.is-active span:before {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    -ms-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg)
}

.nav-toggle.is-active span:after {
    -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-7px) translateX(0) rotate(-45deg);
    transform: translateY(-7px) translateX(0) rotate(-45deg)
}

.nav-toggle span:after,
.nav-toggle span:before {
    content: '';
    top: -7px;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #333;
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1);
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.nav-toggle span:after {
    top: inherit;
    bottom: -7px
}

.nav-toggle {
    border: none;
    outline: 0
}

.header-mobile.fixed,
.header.fixed {
    transition: top .3s;
    animation: .6s animatedown
}

.header-mobile {
    width: 100%;
    z-index: 9999
}

@keyframes animatedown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:576px) {
    .gruop-tab-links ul li a {
        font-size: 12px !important
    }

    .gruop-tab-links ul {
        width: 400px !important
    }

    .nav {
        flex-wrap: inherit !important
    }

    .nav-pills li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: 150px;
        margin-bottom: 5px !important
    }

    .main_section_box .in-box a span img {
        height: auto !important
    }

    .sub-menu-2 {
        left: 0;
        position: relative;
        max-height: 0
    }

    .sub-menu-item:hover .sub-menu-2 {
        max-height: 100%
    }

    .muahang {
        font-size: 13px !important;
        padding: 8px 16px !important;
        font-family: 'Poppins', sans-serif;
    }

    .col-xs-6 {
        width: 50% !important
    }

    .gc-display-area {
        height: 300px !important
    }

    .header-mobile .nav {
        flex-direction: column;
        width: 100%
    }

    .header-mobile .menu-desktop {
        width: calc(100% - 50px);
        position: fixed;
        z-index: 1;
        background: #fff;
        top: 0;
        height: 100%;
        left: -100%;
        transition: .3s;
        align-items: flex-start;
        display: block;
        padding-top: 40px
    }

    .submenu-toggle {
        right: 10px;
        top: 23px
    }

    .col-menu-bar {
        display: flex;
        justify-content: end
    }

    .nav-toggle:focus {
        outline: 0;
        border: none;
        box-shadow: none
    }

    .header-mobile .nav-link {
        margin-right: 20px;
        padding-left: 5px
    }
}

.menu_footer li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #4e884e;
    color: #fff;
    font-size: 16px
}

.name_company {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
    color: #fff
}

.info_company li {
    color: #fff;
    font-size: 15px
}

.info_company li i.fa {
    color: #fff;
    padding-right: 10px
}

.footer_bottom {
    padding: 30px 0 25px;
    background: #145a2d;
    border-bottom: 1px solid #145a2d
}

.sub-menu .submenu-toggle i {
    transform: rotate(-90deg);
    transition: .3s ease-in-out
}

.sub-menu-item:hover .submenu-toggle i {
    transform: rotate(0)
}

.medium-logo-center {
    position: relative;
    width: 100%;
    background: url(../img/images/bg-header.png) center no-repeat;
    z-index: 123;
    background-size: calc(100% + 20px) 100%;
    padding: 20px 15px 2px;
    border-radius: 0 0 8px 8px
}

.header-search-form {
    right: 0;
    position: absolute !important;
    top: -10px
}

.form-flat input:not([type=submit]),
.form-flat select,
.form-flat textarea {
    background-color: rgba(0, 0, 0, .03);
    box-shadow: none;
    border-color: rgba(0, 0, 0, .09);
    color: currentColor !important;
    border-radius: 99px;
    width: calc(100% - 15px)
}

.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -2.9em;
    position: absolute;
    top: 0;
    right: 15px
}

.form-flat button,
.form-flat input {
    border-radius: 99px
}

.button.icon {
    margin-left: .12em;
    margin-right: .12em;
    min-width: 2.5em;
    padding-left: .6em;
    padding-right: .6em;
    display: inline-block
}

.form-flat .button.icon {
    color: currentColor !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none
}

.search-field {
    border-radius: 8px !important
}

@media(min-width:768px) {
    .menu-desktop .nav-link {
        transition: unset;
        color: #716f6b;
        font-size: 12px;
        padding: 23px 18px;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        font-family: Arial;
        font-weight: 700;
        background: url(../img/images/menu-arrow.png) right top no-repeat
    }

    .menu-desktop .active .nav-link,
    .menu-desktop .nav-link:hover {
        background: url(../img/images/menu-rollover.png) right bottom no-repeat
    }
}

.section_title h2.main-h2 {
    color: #14592d
}

.gruop-tab-links ul {
    gap: 7px;
    display: flex;
    margin-bottom: 0;
    overflow: hidden;
    overflow-x: auto
}

.gruop-tab-links ul li a {
    padding: 5px 10px;
    border: 1px solid #14592d;
    border-radius: 20px;
    color: #145a2d
}

.gruop-tab-links ul li.active a {
    color: #fff;
    background-color: #14592d
}

.wrapper-heading-home h2 a {
    font-family: Montserrat;
    font-weight: 600;
    color: #145a2d
}

@media(max-width:767px) {
    .wrapper-heading-home {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start
    }

    .header-mobile {
        background-color: #fffaf0
    }

    .col-menu-bar .nav-toggle {
        background-color: transparent
    }
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    width: 100%;
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.aboutus {
    font-size: 1rem
}

.border-radius-10 {
    border-radius: 10px
}

.section-title {
    font-size: 1.5rem
}

.uppercase {
    text-transform: uppercase !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.top-63 {
    top: 63px
}

.line-aboutus {
    width: 100%;
    height: 3px;
    background-color: #145a2d;
    top: 63px
}

.absolute {
    position: absolute
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.col-about-item {
    padding-top: 15px;
    display: flex !important;
    padding-left: 10px;
    padding-right: 10px
}

.aboutus .img {
    display: inline-block;
    background-color: #fff
}

.aboutus .img img {
    width: 100px;
    transition: .3s ease-in-out
}

.col-about-item .img {
    flex: 0 0 120px;
    max-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center
}

.col-about-item .title-text {
    flex: 0 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.col-about-item .title-text h3 {
    margin-top: 0
}

.no-padding-x {
    padding-left: 0;
    padding-right: 0
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.khoidv li {

    line-height: 42px;
}

.goidien {

    margin: 10px 18px 0 0;
    display: block;
    background: #900722;
    border: 1px solid #900722;
    padding: 8px 18px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}

.nav-link {
    color: #145a2d;
    font-weight: bold;
}

.muahang {

    margin: 10px 18px 0 0;
    display: block;
    background: #c78d35;
    border: 1px solid #c78d35;
    padding: 8px 18px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-body {

    padding: 10px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.chu_chitiet {
    font-weight: bold;
    font-size: 12px
}

.mota_chitiet {
    overflow-y: scroll;
    height: 152px;
}

.tab-content table tr {
    border: 1px solid #ccc;
}

.tab-content table tr td {
    border: 1px solid #ccc;
}

/* css */

.gc-display-display {
    padding-top: 10px;
    padding-bottom: 10px;
}

.gc-display-area {
    height: 440px !important;
    margin-top: 10px;
    padding-top: 10px;
    border: 1px solid rgba(215, 215, 215, 1) !important;
}

.glass-case ul {
    padding-top: 8px;
}

.tab-content li {
    list-style: unset;
}

@media(max-width:576px) {
    .img_chitiet img {
        width: 100% !important;
    }

    .gc-display-area {
        height: 300px !important;
    }

    .gc-thumbs-area.gc-hz li {
        height: 70px !important;
    }

    .tab-content table tr td {
        white-space: normal !important;
        vertical-align: top !important;
    }
}

.mota_chitiet {
    overflow-y: scroll;
    height: 162px;
}

.hrvproduct-tabs {
    position: relative;
}

.hrvproduct-tabs .tabs>li {
    margin: 8px 0;
    height: 40px;
    overflow: hidden;
}

.hrvproduct-tabs .tabs>li.active {
    height: auto;
}

.hrvproduct-tabs .tabs>li>a {
    width: 100%;
    display: block;
    color: #000000;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.hrvproduct-tabs .tabs>li>p {
    font-size: 16px;
    width: 100%;
    display: block;
    color: #000000;
    height: 40px;
    line-height: 40px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.hrvproduct-tabs .tabs>li>p {
    margin-bottom: -1px;
}

.hrvproduct-tabs .tabs>li>a {
    margin-bottom: 10px;
}

.hrvproduct-tabs .tabs>li>a>span {
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    text-align: center;
    font-size: 20px;
}

.hrvproduct-tabs .tabs>li>p {
    border-bottom: 1px solid #d29f13;
}

.hrvproduct-tabs .tabs>li.active>a {
    border-bottom: 1px solid #d29f13;
}

.hrvproduct-tabs .tabs>li.active>a>span {
    color: #d29f13;
}

.hrvproduct-tabs .tabs-content {
    overflow: hidden;
    padding: 10px 0;
    background: #fff;
}

.tabs-content table {
    border: 1px solid #ccc;
}

.row.product-include-trai .col-6 {
    padding: 10px 5px 15px;
    ;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
}

.row.container-bts {
    display: flex;
    align-items: stretch;
    margin: 0;
    border: 0px solid #e7e7e7;
    cursor: pointer;
    transition: transform .4s;
}

.row.container-bts:hover {
    transform: scale(1.05);
}

.row.container-bts .col-5 {
    flex: 5;
    padding-left: 0;
    padding-right: 10px;
}

.row.container-bts .col-5 img {
    height: 100%;
    object-fit: cover;
}

.row.container-bts .col-7 {
    flex: 7;
    padding-left: 0px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.row.container-bts .col-7 .title-bts {
    margin-bottom: 10px;
    font-weight: 500;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #d29f13;
}

.row.container-bts .col-7 .title-bts a {
    color: #d29f13;
}

.row.container-bts .col-7 .description-bts {
    margin: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.row.product-include-trai.respon4 .col-6.a4 {
    border-bottom: none;
}

.row.product-include-trai.respon4 .col-6.a5 {
    border-bottom: none;
}

@media (max-width: 767px) {
    .row.product-include-trai.respon4 .col-6.a3 {
        border-bottom: none;
    }

    .row.product-include-trai.respon4 .col-6.a5 {
        border-bottom: 1px solid #e7e7e7;
    }
}

.click-opup{
    position: relative;
}

.click-opup .svg-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    line-height: 147px;
    text-align: center;
    border-radius: 500px;
    padding-left: 10px;
}

.click-opup .svg-play svg{
    position: relative;
    top: -3px;
}